@khanacademy/perseus-editor 13.1.0 → 14.0.1

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

@@ -19,7 +19,6 @@ declare class ExpressionEditor extends React.Component<Props, State> {
     static defaultProps: DefaultProps;
     constructor(props: any);
     change(...args: any[]): any;
-    render(): React.ReactNode;
     serialize: () => any;
     getSaveWarnings: () => any;
     _newEmptyAnswerForm: () => any;
@@ -31,5 +30,6 @@ declare class ExpressionEditor extends React.Component<Props, State> {
     handleToggleDiv: () => void;
     handleTexInsert: (arg1: string) => void;
     handleFunctions: (value: string) => void;
+    render(): React.ReactNode;
 }
 export default ExpressionEditor;

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

@@ -44,11 +44,11 @@ declare class GradedGroupEditor extends React.Component<Props> {
     change: (arg1: any, arg2: any, arg3: any) => any;
     handleAddHint: () => void;
     handleRemoveHint: (arg1: React.MouseEvent) => void;
-    render(): React.ReactNode;
     getSaveWarnings: () => any;
     serialize: () => {
         title: string;
         hint: any | null | undefined;
     };
+    render(): React.ReactNode;
 }
 export default GradedGroupEditor;

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

@@ -7,8 +7,8 @@ declare class GrapherEditor extends React.Component<Props> {
     static widgetName: "grapher";
     static defaultProps: Props;
     change: (arg1: any, arg2: any, arg3: any) => any;
-    render(): React.ReactNode;
     handleAvailableTypesChange: (newAvailableTypes: Array<any>) => void;
     serialize: () => any;
+    render(): React.ReactNode;
 }
 export default GrapherEditor;

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

@@ -40,10 +40,10 @@ declare class GroupEditor extends React.Component<Props> {
     static widgetName: "group";
     static defaultProps: Props;
     editor: React.RefObject<Editor>;
-    render(): React.ReactNode;
     _renderMetadataEditor: () => React.ReactElement;
     change: (arg1: any, arg2: any, arg3: any) => any;
     getSaveWarnings: () => ReadonlyArray<any>;
     serialize: () => any;
+    render(): React.ReactNode;
 }
 export default GroupEditor;

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

@@ -11,8 +11,8 @@ declare class IframeEditor extends React.Component<IframeEditorProps> {
     static widgetName: "iframe";
     static defaultProps: IframeEditorProps;
     change: (arg1: any, arg2: any, arg3: any) => any;
-    render(): React.ReactNode;
     handleSettingsChange: (arg1: any) => void;
     serialize: () => any;
+    render(): React.ReactNode;
 }
 export default IframeEditor;

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

@@ -24,14 +24,13 @@ type State = {
     backgroundImageError?: string;
 };
 declare class ImageEditor extends React.Component<Props> {
-    _isMounted: boolean;
     static displayName: string;
     static widgetName: string;
+    _isMounted: boolean;
     static defaultProps: DefaultProps;
     state: State;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): React.JSX.Element;
     _renderRowForLabel(label: any, i: any): React.JSX.Element;
     change(...args: any[]): any;
     removeLabel(labelIndex: any, e: any): void;
@@ -42,5 +41,6 @@ declare class ImageEditor extends React.Component<Props> {
     onUrlChange(url: string | undefined | null, silent: boolean): Promise<void>;
     onRangeChange(type: any, newRange: any): void;
     serialize(): any;
+    render(): React.JSX.Element;
 }
 export default ImageEditor;

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

@@ -40,7 +40,6 @@ declare class InputNumberEditor extends React.Component<Props> {
     static defaultProps: DefaultProps;
     input: React.RefObject<BlurInput>;
     handleAnswerChange: (arg1: string) => void;
-    render(): React.ReactNode;
     focus: () => boolean;
     serialize: () => {
         value: Props["value"];
@@ -51,5 +50,6 @@ declare class InputNumberEditor extends React.Component<Props> {
         answerType: Props["answerType"];
         rightAlign: Props["rightAlign"];
     };
+    render(): React.ReactNode;
 }
 export default InputNumberEditor;

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

@@ -116,7 +116,6 @@ declare const InteractiveGraph: {
             trashCan: any;
             vertHairline: any;
             state: any;
-            UNSAFE_componentWillMount(): void;
             componentDidMount(): void;
             UNSAFE_componentWillReceiveProps(nextProps: PerseusInteractiveGraphWidgetOptions & {
                 widgetId: string;
@@ -390,8 +389,9 @@ declare const InteractiveGraph: {
                 isLastUsedWidget: boolean;
                 linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
                 containerSizeClass: SizingUtils.SizeClass;
-            }) | null | undefined) => boolean;
-            deprecatedProps: any;
+            }) | null | undefined) => boolean; /**
+             * The range of the graph in the x and y directions.
+             */
             setGraphie: (arg1: any) => void;
             handleAddPointsMouseDown: (arg1: import("@khanacademy/perseus").Coord) => void;
             resetGraphie: () => void;
@@ -493,10 +493,7 @@ declare const InteractiveGraph: {
             areAngleGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeAngle, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeAngle): boolean;
             arePointGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePoint, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePoint): boolean;
             arePolygonGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePolygon, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePolygon): boolean;
-            areSegmentGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeSegment, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeSegment): boolean; /**
-             * An error message to display in the graph area, or true if the
-             * graph is valid.
-             */
+            areSegmentGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeSegment, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeSegment): boolean;
             _lineStroke: () => {
                 "stroke-width"?: number | undefined;
             };
@@ -505,12 +502,7 @@ declare const InteractiveGraph: {
             addLinearControls: () => void;
             removeLinearControls: () => void;
             addQuadraticControls: () => void;
-            updateQuadratic: () => void; /**
-             * 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
-             */
+            updateQuadratic: () => void;
             removeQuadraticControls: () => void;
             addSinusoidControls: () => void;
             updateSinusoid: () => void;
@@ -526,14 +518,20 @@ declare const InteractiveGraph: {
             updateCoordsFromPoints: () => void;
             clearCoords: () => void;
             onChange: import("@khanacademy/perseus").ChangeHandler;
-            addPointControls: () => void;
+            addPointControls: () => void; /**
+             * 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.
+             */
             removePointControls: () => void;
             addSegmentControls: () => void;
             removeSegmentControls: () => void;
             addRayControls: () => void;
             removeRayControls: () => void;
             addPolygonControls: () => void;
-            updatePolygon: () => void;
+            updatePolygon: () => void; /**
+             * The graph to display in the graph area.
+             */
             removePolygonControls: () => void;
             addAngleControls: () => void;
             removeAngleControls: () => void;
@@ -823,6 +821,7 @@ declare const InteractiveGraph: {
                 containerSizeClass: SizingUtils.SizeClass;
             }>, prevState: Readonly<any>): any;
             componentWillMount?(): void;
+            UNSAFE_componentWillMount?(): void;
             componentWillReceiveProps?(nextProps: Readonly<PerseusInteractiveGraphWidgetOptions & {
                 widgetId: string;
                 alignment: string | null | undefined;
@@ -1955,7 +1954,6 @@ declare const InteractiveGraph: {
             trashCan: any;
             vertHairline: any;
             state: any;
-            UNSAFE_componentWillMount(): void;
             componentDidMount(): void;
             UNSAFE_componentWillReceiveProps(nextProps: PerseusInteractiveGraphWidgetOptions & {
                 widgetId: string;
@@ -2229,8 +2227,9 @@ declare const InteractiveGraph: {
                 isLastUsedWidget: boolean;
                 linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
                 containerSizeClass: SizingUtils.SizeClass;
-            }) | null | undefined) => boolean;
-            deprecatedProps: any;
+            }) | null | undefined) => boolean; /**
+             * The range of the graph in the x and y directions.
+             */
             setGraphie: (arg1: any) => void;
             handleAddPointsMouseDown: (arg1: import("@khanacademy/perseus").Coord) => void;
             resetGraphie: () => void;
@@ -2332,10 +2331,7 @@ declare const InteractiveGraph: {
             areAngleGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeAngle, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeAngle): boolean;
             arePointGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePoint, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePoint): boolean;
             arePolygonGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePolygon, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypePolygon): boolean;
-            areSegmentGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeSegment, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeSegment): boolean; /**
-             * An error message to display in the graph area, or true if the
-             * graph is valid.
-             */
+            areSegmentGraphsEqual(prevGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeSegment, currentGraph: import("../../../perseus/src/perseus-types").PerseusGraphTypeSegment): boolean;
             _lineStroke: () => {
                 "stroke-width"?: number | undefined;
             };
@@ -2344,12 +2340,7 @@ declare const InteractiveGraph: {
             addLinearControls: () => void;
             removeLinearControls: () => void;
             addQuadraticControls: () => void;
-            updateQuadratic: () => void; /**
-             * 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
-             */
+            updateQuadratic: () => void;
             removeQuadraticControls: () => void;
             addSinusoidControls: () => void;
             updateSinusoid: () => void;
@@ -2365,14 +2356,20 @@ declare const InteractiveGraph: {
             updateCoordsFromPoints: () => void;
             clearCoords: () => void;
             onChange: import("@khanacademy/perseus").ChangeHandler;
-            addPointControls: () => void;
+            addPointControls: () => void; /**
+             * 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.
+             */
             removePointControls: () => void;
             addSegmentControls: () => void;
             removeSegmentControls: () => void;
             addRayControls: () => void;
             removeRayControls: () => void;
             addPolygonControls: () => void;
-            updatePolygon: () => void;
+            updatePolygon: () => void; /**
+             * The graph to display in the graph area.
+             */
             removePolygonControls: () => void;
             addAngleControls: () => void;
             removeAngleControls: () => void;
@@ -2662,6 +2659,7 @@ declare const InteractiveGraph: {
                 containerSizeClass: SizingUtils.SizeClass;
             }>, prevState: Readonly<any>): any;
             componentWillMount?(): void;
+            UNSAFE_componentWillMount?(): void;
             componentWillReceiveProps?(nextProps: Readonly<PerseusInteractiveGraphWidgetOptions & {
                 widgetId: string;
                 alignment: string | null | undefined;
@@ -5884,20 +5882,14 @@ type DefaultProps = {
  * Used in the exercise editor.
  */
 declare class InteractiveGraphEditor extends React.Component<Props> {
+    static widgetName: string;
     displayName: string;
     className: string;
-    static widgetName: string;
     static defaultProps: DefaultProps;
-    deprecatedProps: {
-        readonly showGraph: (props: any) => {
-            markings: string;
-        };
-    };
-    UNSAFE_componentWillMount(): void;
-    render(): React.JSX.Element;
     changeMatchType: (newValue: any) => void;
     changeStartCoords: (coords: any) => void;
     serialize(): PerseusInteractiveGraphWidgetOptions;
     getSaveWarnings: () => any[];
+    render(): React.JSX.Element;
 }
 export default InteractiveGraphEditor;

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

@@ -11,9 +11,9 @@ declare class MatcherEditor extends React.Component<Props> {
     };
     static widgetName: "matcher";
     static defaultProps: Props;
-    render(): React.ReactNode;
     onLabelChange: (arg1: number, arg2: React.ChangeEvent<HTMLInputElement>) => void;
     getSaveWarnings: () => ReadonlyArray<string>;
     serialize: any;
+    render(): React.ReactNode;
 }
 export default MatcherEditor;

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

@@ -12,9 +12,9 @@ declare class MatrixEditor extends React.Component<Props> {
     };
     static widgetName: "matrix";
     static defaultProps: Props;
-    render(): React.ReactNode;
     change: (arg1: any, arg2: any, arg3: any) => any;
     onMatrixBoardSizeChange: (arg1: [number, number]) => void;
     serialize: () => any;
+    render(): React.ReactNode;
 }
 export default MatrixEditor;

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

@@ -20,7 +20,6 @@ declare class MeasurerEditor extends React.Component<Props> {
     };
     static defaultProps: Props;
     className: string;
-    render(): React.ReactNode;
     change: (arg1: any, arg2: any, arg3: any) => any;
     _changeUrl: (arg1: React.ChangeEvent<HTMLInputElement>) => void;
     _changeTop: (arg1: any) => void;
@@ -28,5 +27,6 @@ declare class MeasurerEditor extends React.Component<Props> {
     _changeImage: (arg1: string, arg2: any) => void;
     renderLabelChoices: (arg1: ReadonlyArray<[string, string]>) => ReadonlyArray<React.ReactElement<React.ComponentProps<"option">>>;
     serialize: () => any;
+    render(): React.ReactNode;
 }
 export default MeasurerEditor;

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

@@ -56,7 +56,6 @@ declare class NumericInputEditor extends React.Component<Props, State> {
         rightAlign: boolean;
     };
     constructor(props: Props);
-    render(): React.JSX.Element;
     change: (...args: any[]) => any;
     onToggleOptions: (choiceIndex: any) => void;
     onTrashAnswer: (choiceIndex: any) => void;
@@ -66,5 +65,6 @@ declare class NumericInputEditor extends React.Component<Props, State> {
     addAnswer: () => void;
     getSaveWarnings: () => never[];
     serialize: () => any;
+    render(): React.JSX.Element;
 }
 export default NumericInputEditor;

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

@@ -11,10 +11,10 @@ declare class OrdererEditor extends React.Component<Props> {
     };
     static widgetName: "orderer";
     static defaultProps: Props;
-    render(): React.ReactNode;
     onOptionsChange: (arg1: "correctOptions" | "otherOptions", arg2: any, arg3: any) => any;
     onLayoutChange: (arg1: React.ChangeEvent<HTMLInputElement>) => void;
     onHeightChange: (arg1: React.ChangeEvent<HTMLInputElement>) => void;
     serialize: () => any;
+    render(): React.ReactNode;
 }
 export default OrdererEditor;

package/dist/widgets/phet-simulation-editor.d.ts

@@ -13,7 +13,8 @@ type Props = DefaultProps & {
 declare class PhetSimulationEditor extends React.Component<Props> {
     static defaultProps: DefaultProps;
     static widgetName: "phet-simulation";
-    render(): React.ReactNode;
     serialize(): PerseusPhetSimulationWidgetOptions;
+    getSaveWarnings: () => ReadonlyArray<string>;
+    render(): React.ReactNode;
 }
 export default PhetSimulationEditor;

package/dist/widgets/radio/editor.d.ts

@@ -45,7 +45,6 @@ declare class RadioEditor extends React.Component<any> {
     };
     static widgetName: "radio";
     static defaultProps: any;
-    render(): React.ReactNode;
     change: (...args: ReadonlyArray<unknown>) => any;
     onMultipleSelectChange: (arg1: any) => any;
     onCountChoicesChange: (arg1: any) => void;
@@ -58,5 +57,6 @@ declare class RadioEditor extends React.Component<any> {
     focus: () => boolean;
     getSaveWarnings: () => ReadonlyArray<string>;
     serialize: () => any;
+    render(): React.ReactNode;
 }
 export default RadioEditor;

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

@@ -13,8 +13,8 @@ declare class TableEditor extends React.Component<Props> {
     static defaultProps: Props;
     numberOfColumns: React.RefObject<components.NumberInput>;
     focus: () => void;
-    render(): React.ReactNode;
     onSizeInput: (arg1: number, arg2: number) => void;
     serialize: () => any;
+    render(): React.ReactNode;
 }
 export default TableEditor;

package/package.json

@@ -3,7 +3,7 @@
     "description": "Perseus editors",
     "author": "Khan Academy",
     "license": "MIT",
-    "version": "13.1.0",
+    "version": "14.0.1",
     "publishConfig": {
         "access": "public"
     },
@@ -38,7 +38,7 @@
         "@khanacademy/keypad-context": "^1.0.1",
         "@khanacademy/kmath": "^0.1.13",
         "@khanacademy/math-input": "^21.0.2",
-        "@khanacademy/perseus": "^31.1.0",
+        "@khanacademy/perseus": "^32.0.1",
         "@khanacademy/perseus-core": "1.5.0"
     },
     "devDependencies": {

package/dist/all-widgets.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-declare const _default: readonly Readonly<{
-    name: string;
-    displayName: string;
-    getWidget?: (() => import("react").ComponentType<any>) | undefined;
-    widget: import("react").ComponentType<any>;
-    accessible?: boolean | ((props: any) => boolean) | undefined;
-    hidden?: boolean | undefined;
-    version?: import("@khanacademy/perseus").Version | undefined;
-    supportedAlignments?: readonly import("@khanacademy/perseus").Alignment[] | undefined;
-    defaultAlignment?: import("@khanacademy/perseus").Alignment | undefined;
-    getDefaultAlignment?: (() => import("@khanacademy/perseus").Alignment) | undefined;
-    isLintable?: boolean | undefined;
-    tracking?: import("../../perseus/src/types").Tracking | undefined;
-    traverseChildWidgets?: any;
-    transform?: import("../../perseus/src/types").WidgetTransform | undefined;
-    staticTransform?: import("../../perseus/src/types").WidgetTransform | undefined;
-    propUpgrades?: {
-        [key: string]: (arg1: any) => any;
-    } | undefined;
-}>[];
-export default _default;

package/dist/testing-widgets.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-declare const _default: readonly Readonly<{
-    name: string;
-    displayName: string;
-    getWidget?: (() => import("react").ComponentType<any>) | undefined;
-    widget: import("react").ComponentType<any>;
-    accessible?: boolean | ((props: any) => boolean) | undefined;
-    hidden?: boolean | undefined;
-    version?: import("@khanacademy/perseus").Version | undefined;
-    supportedAlignments?: readonly import("@khanacademy/perseus").Alignment[] | undefined;
-    defaultAlignment?: import("@khanacademy/perseus").Alignment | undefined;
-    getDefaultAlignment?: (() => import("@khanacademy/perseus").Alignment) | undefined;
-    isLintable?: boolean | undefined;
-    tracking?: import("../../perseus/src/types").Tracking | undefined;
-    traverseChildWidgets?: any;
-    transform?: import("../../perseus/src/types").WidgetTransform | undefined;
-    staticTransform?: import("../../perseus/src/types").WidgetTransform | undefined;
-    propUpgrades?: {
-        [key: string]: (arg1: any) => any;
-    } | undefined;
-}>[];
-export default _default;

package/dist/widgets/example-graphie-widget-editor.d.ts

@@ -1,18 +0,0 @@
-import * as React from "react";
-type Props = any;
-/**
- * This is the widget's editor. This is what shows up on the left side
- * of the screen in the demo page. Only the question writer sees this.
- */
-declare class ExampleGraphieWidgetEditor extends React.Component<Props> {
-    static propTypes: {
-        onChange: import("prop-types").Validator<(...args: any[]) => any>;
-    };
-    static widgetName: "example-graphie-widget";
-    static defaultProps: Props;
-    change: (arg1: any, arg2: any, arg3: any) => any;
-    handleChange: (arg1: any) => void;
-    serialize: () => any;
-    render(): React.ReactNode;
-}
-export default ExampleGraphieWidgetEditor;

package/dist/widgets/example-graphie-widget.d.ts

@@ -1,61 +0,0 @@
-/**
- * This is an example graphie-using widget
- *
- * TODO(jack): Add more comments
- */
-import { Changeable } from "@khanacademy/perseus";
-import * as React from "react";
-import type { Coord, PerseusExampleGraphieWidgetOptions, APIOptionsWithDefaults } from "@khanacademy/perseus";
-type Props = Changeable.ChangeableProps & {
-    apiOptions: APIOptionsWithDefaults;
-    graph: PerseusExampleGraphieWidgetOptions["graph"];
-    coord: PerseusExampleGraphieWidgetOptions["coord"];
-};
-type DefaultProps = {
-    graph: Props["graph"];
-    coord: Props["coord"];
-};
-/**
- * This is the widget's renderer. It shows up in the right column
- * in the demo, and is what is visible to users, and where
- * users enter their answers.
- */
-declare class ExampleGraphieWidget extends React.Component<Props> {
-    static defaultProps: DefaultProps;
-    /**
-     * This is the widget's grading function
-     */
-    static validate(state: any, rubric: any): any;
-    getUserInput: () => any;
-    render(): React.ReactNode;
-    change: (arg1: any, arg2: any, arg3: any) => any;
-    movePoint: (arg1: Coord) => void;
-    _getGridConfig: (arg1: any) => any;
-    setupGraphie: (arg1: any, arg2: any) => any;
-    simpleValidate: (arg1: any) => any;
-}
-/**
- * For this widget to work, we must export it.
- * We also must import this file in src/all-widgets.js
- */
-declare const _default: Readonly<{
-    name: string;
-    displayName: string;
-    getWidget?: (() => typeof ExampleGraphieWidget) | undefined;
-    widget: typeof ExampleGraphieWidget;
-    accessible?: boolean | ((props: any) => boolean) | undefined;
-    hidden?: boolean | undefined;
-    version?: import("@khanacademy/perseus").Version | undefined;
-    supportedAlignments?: readonly import("@khanacademy/perseus").Alignment[] | undefined;
-    defaultAlignment?: import("@khanacademy/perseus").Alignment | undefined;
-    getDefaultAlignment?: (() => import("@khanacademy/perseus").Alignment) | undefined;
-    isLintable?: boolean | undefined;
-    tracking?: import("../../../perseus/src/types").Tracking | undefined;
-    traverseChildWidgets?: any;
-    transform?: import("../../../perseus/src/types").WidgetTransform | undefined;
-    staticTransform?: import("../../../perseus/src/types").WidgetTransform | undefined;
-    propUpgrades?: {
-        [key: string]: (arg1: any) => any;
-    } | undefined;
-}>;
-export default _default;

package/dist/widgets/example-widget-editor.d.ts

@@ -1,20 +0,0 @@
-import * as React from "react";
-type Props = any;
-/**
- * This is the widget's editor. This is what shows up on the left side
- * of the screen in the demo. Only the question writer sees this.
- */
-declare class ExampleWidgetEditor extends React.Component<Props> {
-    static propTypes: {
-        onChange: import("prop-types").Validator<(...args: any[]) => any>;
-    };
-    static widgetName: "example-widget";
-    static defaultProps: Props;
-    input: React.RefObject<HTMLInputElement>;
-    handleAnswerChange: (arg1: React.ChangeEvent<HTMLInputElement>) => void;
-    render(): React.ReactNode;
-    change: (arg1: any, arg2: any, arg3: any) => any;
-    focus: () => boolean;
-    serialize: () => any;
-}
-export default ExampleWidgetEditor;

package/dist/widgets/example-widget.d.ts

@@ -1,89 +0,0 @@
-/**
- * This is a simple number-entry widget
- * It is not as powerful as number-input, but has a simpler, more
- * representative structure as an example widget, and is easier to
- * test new ideas on.
- *
- * TODO(jack): Add more comments
- */
-import { Changeable } from "@khanacademy/perseus";
-import * as React from "react";
-import type { PerseusExampleWidgetOptions } from "@khanacademy/perseus";
-type Props = Changeable.ChangeableProps & {
-    value: PerseusExampleWidgetOptions["value"];
-};
-declare class TextInput extends React.Component<Props> {
-    input: React.RefObject<HTMLInputElement>;
-    render(): React.ReactNode;
-    focus: () => boolean;
-    changeValue: (e: any) => void;
-}
-type DefaultProps = {
-    value: Props["value"];
-};
-/**
- * This is the widget's renderer. It shows up in the right column
- * in the demo, and is what is visible to users, and where
- * users enter their answers.
- */
-declare class ExampleWidget extends React.Component<Props> {
-    static defaultProps: DefaultProps;
-    input: React.RefObject<TextInput>;
-    /**
-     * This is the widget's grading function. simpleValidate generally
-     * defers to this function.
-     *
-     * value is usually the result of getUserInput on the widget
-     * rubric is the result of calling serialize() on the editor
-     */
-    static validate(value: string, rubric: any): any;
-    /**
-     * Tell our parent to update our props.
-     */
-    change: (arg1: any, arg2: any, arg3: any) => any;
-    render(): React.ReactNode;
-    getUserInput: () => string;
-    /**
-     * Widgets that are focusable should add a focus method that returns
-     * true if focusing succeeded. The first such widget found will be
-     * focused on page load.
-     */
-    focus: () => boolean;
-    /**
-     * simpleValidate is called for grading. Rubric is the result of calling
-     * getUserInput() on the editor that created this widget.
-     *
-     * Should return an object representing the grading result, such as
-     * {
-     *     type: "points",
-     *     earned: 1,
-     *     total: 1,
-     *     message: null
-     * }
-     */
-    simpleValidate: (arg1: any) => any;
-}
-/**
- * For this widget to work, we must import this file in src/all-widgets.js
- */
-declare const _default: Readonly<{
-    name: string;
-    displayName: string;
-    getWidget?: (() => typeof ExampleWidget) | undefined;
-    widget: typeof ExampleWidget;
-    accessible?: boolean | ((props: any) => boolean) | undefined;
-    hidden?: boolean | undefined;
-    version?: import("@khanacademy/perseus").Version | undefined;
-    supportedAlignments?: readonly import("@khanacademy/perseus").Alignment[] | undefined;
-    defaultAlignment?: import("@khanacademy/perseus").Alignment | undefined;
-    getDefaultAlignment?: (() => import("@khanacademy/perseus").Alignment) | undefined;
-    isLintable?: boolean | undefined;
-    tracking?: import("../../../perseus/src/types").Tracking | undefined;
-    traverseChildWidgets?: any;
-    transform?: import("../../../perseus/src/types").WidgetTransform | undefined;
-    staticTransform?: import("../../../perseus/src/types").WidgetTransform | undefined;
-    propUpgrades?: {
-        [key: string]: (arg1: any) => any;
-    } | undefined;
-}>;
-export default _default;