@khanacademy/perseus-editor 35.3.0 → 36.0.0

package/dist/widgets/{categorizer-editor.d.ts → categorizer-editor/categorizer-editor.d.ts}

@@ -1,18 +1,14 @@
+import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
+import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
 import type { CategorizerDefaultWidgetOptions } from "@khanacademy/perseus-core";
-type Props = any;
+interface Props extends CategorizerDefaultWidgetOptions, Changeable.ChangeableProps {
+    apiOptions?: APIOptionsWithDefaults;
+}
 /**
  * An editor for adding a categorizer widget that allows users to sort items into categories.
  */
 declare class CategorizerEditor extends React.Component<Props> {
-    static propTypes: {
-        apiOptions: any;
-        items: any;
-        categories: any;
-        values: any;
-        randomizeItems: any;
-        onChange: any;
-    };
     static widgetName: "categorizer";
     static defaultProps: CategorizerDefaultWidgetOptions;
     change: (arg1: any, arg2: any, arg3: any) => any;

package/dist/widgets/categorizer-editor/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./categorizer-editor";

package/dist/widgets/{cs-program-editor.d.ts → cs-program-editor/cs-program-editor.d.ts}

@@ -1,17 +1,16 @@
 /**
  * This editor is for embedding Khan Academy CS programs.
  */
+import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
 import type { CSProgramDefaultWidgetOptions } from "@khanacademy/perseus-core";
+interface CSProgramEditorProps extends CSProgramDefaultWidgetOptions, Changeable.ChangeableProps {
+}
 /**
  * This is the main editor for this widget, to specify all the options.
  */
-declare class CSProgramEditor extends React.Component<any> {
-    static propTypes: {
-        onChange: any;
-    };
+declare class CSProgramEditor extends React.Component<CSProgramEditorProps> {
     static widgetName: "cs-program";
-    static defaultProps: CSProgramDefaultWidgetOptions;
     change: (...args: ReadonlyArray<unknown>) => any;
     _handleSettingsChange: (arg1: any) => void;
     _handleProgramIDChange: (arg1: string) => void;

package/dist/widgets/cs-program-editor/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./cs-program-editor";

package/dist/widgets/{definition-editor.d.ts → definition-editor/definition-editor.d.ts}

@@ -1,21 +1,19 @@
+import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
-import type { InitializeWidgetOptionsParams } from "../editor";
+import type { InitializeWidgetOptionsParams } from "../../editor";
+import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
 import type { DefinitionDefaultWidgetOptions } from "@khanacademy/perseus-core";
-type Props = any;
+interface Props extends DefinitionDefaultWidgetOptions, Changeable.ChangeableProps {
+    apiOptions?: APIOptionsWithDefaults;
+}
 /**
  * An editor for adding an interactive definition widget that allows content
  * editors to embed clickable terms with expandable explanations within content.
  */
 declare class DefinitionEditor extends React.Component<Props> {
-    static propTypes: {
-        togglePrompt: any;
-        definition: any;
-        apiOptions: any;
-        onChange: any;
-    };
     static widgetName: "definition";
     static defaultProps: DefinitionDefaultWidgetOptions;
-    static initializeWidgetOptions(params: InitializeWidgetOptionsParams): any;
+    static initializeWidgetOptions(params: InitializeWidgetOptionsParams): DefinitionDefaultWidgetOptions;
     change: (arg1: any, arg2: any, arg3: any) => any;
     serialize: () => any;
     render(): React.ReactNode;

package/dist/widgets/definition-editor/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./definition-editor";

package/dist/widgets/deprecated-standin-editor/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./deprecated-standin-editor";

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

@@ -0,0 +1 @@
+export { default } from "./dropdown-editor";

package/dist/widgets/{explanation-editor.d.ts → explanation-editor/explanation-editor.d.ts}

@@ -1,22 +1,16 @@
+import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
+import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
 import type { ExplanationDefaultWidgetOptions } from "@khanacademy/perseus-core";
-type Props = any;
-type State = any;
+interface Props extends ExplanationDefaultWidgetOptions, Changeable.ChangeableProps {
+    apiOptions?: APIOptionsWithDefaults;
+}
 /**
  * An editor for adding an explanation widget that provides supplementary information to users.
  */
-declare class ExplanationEditor extends React.Component<Props, State> {
-    static propTypes: {
-        showPrompt: any;
-        hidePrompt: any;
-        explanation: any;
-        widgets: any;
-        apiOptions: any;
-        onChange: any;
-    };
+declare class ExplanationEditor extends React.Component<Props> {
     static widgetName: "explanation";
     static defaultProps: ExplanationDefaultWidgetOptions;
-    state: State;
     change: (arg1: any, arg2: any, arg3: any) => any;
     serialize: () => any;
     render(): React.ReactNode;

package/dist/widgets/explanation-editor/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./explanation-editor";

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

@@ -0,0 +1 @@
+export { default } from "./expression-editor";

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

@@ -0,0 +1 @@
+export { default } from "./free-response-editor";

package/dist/widgets/{graded-group-editor.d.ts → graded-group-editor/graded-group-editor.d.ts}

@@ -1,16 +1,12 @@
+import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
-import Editor from "../editor";
+import Editor from "../../editor";
+import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
 import type { GradedGroupDefaultWidgetOptions } from "@khanacademy/perseus-core";
-type Props = any;
+interface Props extends GradedGroupDefaultWidgetOptions, Changeable.ChangeableProps {
+    apiOptions?: APIOptionsWithDefaults;
+}
 declare class GradedGroupEditor extends React.Component<Props> {
-    static propTypes: {
-        title: any;
-        content: any;
-        widgets: any;
-        images: any;
-        apiOptions: any;
-        onChange: any;
-    };
     static widgetName: "graded-group";
     static defaultProps: GradedGroupDefaultWidgetOptions;
     editor: React.RefObject<Editor>;

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

@@ -0,0 +1 @@
+export { default } from "./graded-group-editor";

package/dist/widgets/{graded-group-set-editor.d.ts → graded-group-set-editor/graded-group-set-editor.d.ts}

@@ -1,13 +1,12 @@
+import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
+import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
 import type { GradedGroupSetDefaultWidgetOptions } from "@khanacademy/perseus-core";
-type Props = any;
+interface Props extends GradedGroupSetDefaultWidgetOptions, Changeable.ChangeableProps {
+    apiOptions?: APIOptionsWithDefaults;
+}
 declare class GradedGroupSetEditor extends React.Component<Props> {
     _editors: Array<any>;
-    static propTypes: {
-        apiOptions: any;
-        gradedGroups: any;
-        onChange: any;
-    };
     static widgetName: "graded-group-set";
     static defaultProps: GradedGroupSetDefaultWidgetOptions;
     UNSAFE_componentWillMount(): void;
@@ -16,7 +15,7 @@ declare class GradedGroupSetEditor extends React.Component<Props> {
     serialize: () => {
         gradedGroups: any;
     };
-    renderGroups: () => React.ReactElement;
+    renderGroups: () => React.ReactNode;
     addGroup: () => void;
     render(): React.ReactNode;
 }

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

@@ -0,0 +1 @@
+export { default } from "./graded-group-set-editor";

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

@@ -0,0 +1 @@
+export { default } from "./grapher-editor";

package/dist/widgets/{group-editor.d.ts → group-editor/group-editor.d.ts}

@@ -1,5 +1,5 @@
 import * as React from "react";
-import Editor from "../editor";
+import Editor from "../../editor";
 import type { GroupDefaultWidgetOptions, PerseusRenderer } from "@khanacademy/perseus-core";
 type Props = any;
 declare class GroupEditor extends React.Component<Props> {

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

@@ -0,0 +1 @@
+export { default } from "./group-editor";

package/dist/widgets/{iframe-editor.d.ts → iframe-editor/iframe-editor.d.ts}

@@ -1,13 +1,12 @@
+import { Changeable } from "@khanacademy/perseus";
 import { type IFrameDefaultWidgetOptions } from "@khanacademy/perseus-core";
 import * as React from "react";
-type IframeEditorProps = any;
+interface IframeEditorProps extends IFrameDefaultWidgetOptions, Changeable.ChangeableProps {
+}
 /**
  * This is the main editor for this widget, to specify all the options.
  */
 declare class IframeEditor extends React.Component<IframeEditorProps> {
-    static propTypes: {
-        onChange: any;
-    };
     static widgetName: "iframe";
     static defaultProps: IFrameDefaultWidgetOptions;
     change: (arg1: any, arg2: any, arg3: any) => any;

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

@@ -0,0 +1 @@
+export { default } from "./iframe-editor";

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

@@ -0,0 +1 @@
+export { default } from "./image-editor";

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

@@ -0,0 +1 @@
+export { default } from "./input-number-editor";

package/dist/widgets/{input-number-editor.d.ts → input-number-editor/input-number-editor.d.ts}

@@ -1,4 +1,4 @@
-import NumericInputEditor from "./numeric-input-editor";
+import NumericInputEditor from "../numeric-input-editor";
 /**
  * An editor for adding an input number widget that allows users to enter numerical values.
  */

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

@@ -1,2 +1 @@
-import InteractionEditor from "./interaction-editor";
-export default InteractionEditor;
+export { default } from "./interaction-editor";

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

@@ -0,0 +1 @@
+export { default } from "./interactive-graph-editor";

package/dist/widgets/interactive-graph-editor/locked-figures/ellipse-swatch.d.ts

@@ -1,9 +1,9 @@
 import * as React from "react";
-import type { LockedFigureColor, LockedFigureFillType } from "@khanacademy/perseus-core";
+import type { LockedFigureColor, LockedFigureFillType, LockedFigureStrokeStyle } from "@khanacademy/perseus-core";
 type Props = {
     color: LockedFigureColor;
     fillStyle: LockedFigureFillType;
-    strokeStyle: "solid" | "dashed";
+    strokeStyle: LockedFigureStrokeStyle;
 };
 declare const EllipseSwatch: (props: Props) => React.JSX.Element;
 export default EllipseSwatch;

package/dist/widgets/interactive-graph-editor/locked-figures/line-stroke-select.d.ts

@@ -1,11 +1,21 @@
 import * as React from "react";
+import type { LockedFigureStrokeStyle } from "@khanacademy/perseus-core";
 import type { StyleType } from "@khanacademy/wonder-blocks-core";
-type StyleOptions = "solid" | "dashed";
-interface Props {
-    selectedValue: StyleOptions;
-    onChange: (newValue: StyleOptions) => void;
+export declare const lineStrokeStyleOptions: {
+    readonly solid: "solid";
+    readonly dashed: "dashed";
+};
+export declare const fillableStrokeStyleOptions: {
+    readonly solid: "solid";
+    readonly dashed: "dashed";
+    readonly none: "none";
+};
+interface Props<T extends LockedFigureStrokeStyle> {
+    selectedValue: T;
+    onChange: (newValue: T) => void;
+    options: Record<T, string>;
     containerStyle?: StyleType;
     editingDisabled?: boolean;
 }
-declare const LineStrokeSelect: (props: Props) => React.JSX.Element;
+declare const LineStrokeSelect: <T extends LockedFigureStrokeStyle>(props: Props<T>) => React.JSX.Element;
 export default LineStrokeSelect;

package/dist/widgets/interactive-graph-editor/locked-figures/polygon-swatch.d.ts

@@ -1,9 +1,9 @@
 import * as React from "react";
-import type { LockedFigureColor, LockedFigureFillType } from "@khanacademy/perseus-core";
+import type { LockedFigureColor, LockedFigureFillType, LockedFigureStrokeStyle } from "@khanacademy/perseus-core";
 type Props = {
     color: LockedFigureColor;
     fillStyle: LockedFigureFillType;
-    strokeStyle: "solid" | "dashed";
+    strokeStyle: LockedFigureStrokeStyle;
 };
 declare const PolygonSwatch: (props: Props) => React.JSX.Element;
 export default PolygonSwatch;

package/dist/widgets/interactive-graph-editor/locked-figures/util.d.ts

@@ -1,5 +1,5 @@
-import { type LockedFigureColor, type LockedFigureFillType, type LockedLabelType, type LockedLineStyle, type StrokeWeight } from "@khanacademy/perseus-core";
-export declare function generateLockedFigureAppearanceDescription(color: LockedFigureColor, strokeStyle?: LockedLineStyle, fill?: LockedFigureFillType, weight?: StrokeWeight): string;
+import { type LockedFigureColor, type LockedFigureFillType, type LockedFigureStrokeStyle, type LockedLabelType, type StrokeWeight } from "@khanacademy/perseus-core";
+export declare function generateLockedFigureAppearanceDescription(color: LockedFigureColor, strokeStyle?: LockedFigureStrokeStyle, fill?: LockedFigureFillType, weight?: StrokeWeight): string;
 /**
  * Given a string that may contain math within TeX represented by $...$,
  * returns the spoken math equivalent using the SpeechRuleEngine.

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

@@ -0,0 +1 @@
+export { default } from "./label-image-editor";

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

@@ -0,0 +1 @@
+export { default } from "./matcher-editor";

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

@@ -0,0 +1 @@
+export { default } from "./matrix-editor";

package/dist/widgets/{matrix-editor.d.ts → matrix-editor/matrix-editor.d.ts}

@@ -1,15 +1,11 @@
+import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
+import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
 import type { MatrixDefaultWidgetOptions } from "@khanacademy/perseus-core";
-type Props = any;
+interface Props extends MatrixDefaultWidgetOptions, Changeable.ChangeableProps {
+    apiOptions: APIOptionsWithDefaults;
+}
 declare class MatrixEditor extends React.Component<Props> {
-    static propTypes: {
-        matrixBoardSize: any;
-        answers: any;
-        prefix: any;
-        suffix: any;
-        cursorPosition: any;
-        onChange: any;
-    };
     static widgetName: "matrix";
     static defaultProps: MatrixDefaultWidgetOptions;
     change: (arg1: any, arg2?: any, arg3?: any) => any;

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

@@ -0,0 +1 @@
+export { default } from "./measurer-editor";

package/dist/widgets/{measurer-editor.d.ts → measurer-editor/measurer-editor.d.ts}

@@ -1,19 +1,10 @@
+import { Changeable } from "@khanacademy/perseus";
 import * as React from "react";
 import type { MeasurerDefaultWidgetOptions } from "@khanacademy/perseus-core";
-type Props = any;
+interface Props extends MeasurerDefaultWidgetOptions, Changeable.ChangeableProps {
+}
 declare class MeasurerEditor extends React.Component<Props> {
     static widgetName: "measurer";
-    static propTypes: {
-        box: any;
-        image: any;
-        showProtractor: any;
-        showRuler: any;
-        rulerLabel: any;
-        rulerTicks: any;
-        rulerPixels: any;
-        rulerLength: any;
-        onChange: any;
-    };
     static defaultProps: MeasurerDefaultWidgetOptions;
     className: string;
     change: (arg1: any, arg2: any, arg3: any) => any;

package/dist/widgets/number-line-editor/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./number-line-editor";

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

@@ -0,0 +1 @@
+export { default } from "./numeric-input-editor";

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

@@ -0,0 +1 @@
+export { default } from "./orderer-editor";

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

@@ -0,0 +1 @@
+export { default } from "./phet-simulation-editor";

package/dist/widgets/plotter-editor/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./plotter-editor";

package/dist/widgets/python-program-editor/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./python-program-editor";

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

@@ -0,0 +1 @@
+export { default } from "./radio-editor";

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

@@ -0,0 +1,80 @@
+export declare const mockIds: string[];
+export declare const singleChoice: {
+    id: string;
+    content: string;
+};
+export declare const threeChoicesWithCorrect: ({
+    id: string;
+    content: string;
+    correct?: undefined;
+} | {
+    id: string;
+    content: string;
+    correct: boolean;
+})[];
+export declare const threeChoicesWithCorrectAndNoneOfTheAbove: ({
+    id: string;
+    content: string;
+    correct: boolean;
+    isNoneOfTheAbove?: undefined;
+} | {
+    id: string;
+    content: string;
+    correct?: undefined;
+    isNoneOfTheAbove?: undefined;
+} | {
+    id: string;
+    content: string;
+    isNoneOfTheAbove: boolean;
+    correct?: undefined;
+})[];
+export declare const fourChoices: {
+    id: string;
+    content: string;
+}[];
+export declare const fourChoicesWithAllIncorrect: {
+    id: string;
+    content: string;
+    correct: boolean;
+}[];
+export declare const fourChoicesWithFirstCorrect: {
+    id: string;
+    content: string;
+    correct: boolean;
+}[];
+export declare const fourChoicesWithSecondCorrect: {
+    id: string;
+    content: string;
+    correct: boolean;
+}[];
+export declare const fourChoicesWithTwoCorrect: {
+    id: string;
+    content: string;
+    correct: boolean;
+}[];
+export declare const fourChoicesWithNoneOfTheAboveAndCorrect: ({
+    id: string;
+    content: string;
+    correct?: undefined;
+} | {
+    id: string;
+    content: string;
+    correct: boolean;
+} | {
+    id: string;
+    content: string;
+    isNoneOfTheAbove: boolean;
+})[];
+export declare const fourChoicesWithOneChoice1A: {
+    id: string;
+    content: string;
+}[];
+export declare const fourChoicesWithOneRationale: ({
+    id: string;
+    content: string;
+    rationale: string;
+} | {
+    id: string;
+    content: string;
+    rationale?: undefined;
+})[];

package/dist/widgets/sorter-editor/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./sorter-editor";

package/dist/widgets/storybook-constants.d.ts

@@ -0,0 +1 @@
+export declare const PROD_EDITOR_WIDTH = 330;

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

@@ -0,0 +1 @@
+export { default } from "./table-editor";

package/dist/widgets/video-editor/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./video-editor";

package/package.json

@@ -3,7 +3,7 @@
   "description": "Perseus editors",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "35.3.0",
+  "version": "36.0.0",
   "publishConfig": {
     "access": "public"
   },
@@ -36,12 +36,12 @@
     "mafs": "^0.19.0",
     "tiny-invariant": "1.3.1",
     "@khanacademy/kas": "2.2.6",
-    "@khanacademy/keypad-context": "3.2.80",
-    "@khanacademy/kmath": "2.4.39",
-    "@khanacademy/math-input": "27.0.0",
-    "@khanacademy/perseus": "83.0.1",
-    "@khanacademy/perseus-core": "34.0.2",
-    "@khanacademy/perseus-linter": "5.1.20",
+    "@khanacademy/keypad-context": "3.2.82",
+    "@khanacademy/kmath": "2.4.41",
+    "@khanacademy/math-input": "27.0.2",
+    "@khanacademy/perseus": "84.0.0",
+    "@khanacademy/perseus-core": "35.0.0",
+    "@khanacademy/perseus-linter": "5.1.22",
     "@khanacademy/perseus-utils": "2.1.5"
   },
   "devDependencies": {