@khanacademy/perseus-editor 43.0.0 → 43.0.2

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

@@ -1,16 +1,16 @@
 import * as React from "react";
-import type { ChangeableProps } from "../../mixins/changeable";
 import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
 import type { PerseusCategorizerWidgetOptions } from "@khanacademy/perseus-core";
-interface Props extends PerseusCategorizerWidgetOptions, ChangeableProps {
+interface Props extends PerseusCategorizerWidgetOptions {
     apiOptions?: APIOptionsWithDefaults;
+    onChange: (options: PerseusCategorizerWidgetOptions) => void;
 }
 /**
  * An editor for adding a categorizer widget that allows users to sort items into categories.
  */
 declare class CategorizerEditor extends React.Component<Props> {
     static defaultProps: PerseusCategorizerWidgetOptions;
-    change: (arg1: any, arg2: any, arg3: any) => any;
+    handleChange(changed: Partial<PerseusCategorizerWidgetOptions>): void;
     serialize: () => any;
     render(): React.ReactNode;
 }

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

@@ -1,8 +1,5 @@
 import * as React from "react";
-type Props = {
-    onChange: (options: any) => void;
-};
-declare class DeprecatedStandinEditor extends React.Component<Props> {
+declare class DeprecatedStandinEditor extends React.Component {
     serialize(): any;
     render(): React.ReactNode;
 }

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

@@ -1,6 +1,10 @@
 import { type PerseusDropdownWidgetOptions } from "@khanacademy/perseus-core";
 import * as React from "react";
-type Props = any;
+import type { APIOptions } from "@khanacademy/perseus";
+interface Props extends PerseusDropdownWidgetOptions {
+    onChange: (options: PerseusDropdownWidgetOptions) => void;
+    apiOptions?: APIOptions;
+}
 /**
  * An editor for adding a dropdown widget that allows users to select an option from a predefined list.
  */
@@ -10,14 +14,11 @@ declare class DropdownEditor extends React.Component<Props> {
         placeholder: any;
     };
     static defaultProps: PerseusDropdownWidgetOptions;
-    onVisibleLabelChange: (arg1: string) => void;
-    onAriaLabelChange: (arg1: string) => void;
-    onPlaceholderChange: (arg1: string) => void;
-    onCorrectChange: (arg1: number) => void;
-    onContentChange: (arg1: number, arg2: string) => void;
+    handleChange(changed: Partial<PerseusDropdownWidgetOptions>): void;
+    onCorrectChange(choiceIndex: number): void;
+    onContentChange(choiceIndex: number, newContent: string): void;
     addChoice: () => void;
     removeChoice: (arg1: number) => void;
-    focus: (arg1: number) => boolean;
     serialize: () => any;
     render(): React.ReactNode;
 }

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

@@ -1,16 +1,16 @@
 import * as React from "react";
-import type { ChangeableProps } from "../../mixins/changeable";
 import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
 import type { PerseusExplanationWidgetOptions } from "@khanacademy/perseus-core";
-interface Props extends PerseusExplanationWidgetOptions, ChangeableProps {
+interface Props extends PerseusExplanationWidgetOptions {
     apiOptions?: APIOptionsWithDefaults;
+    onChange: (options: PerseusExplanationWidgetOptions) => void;
 }
 /**
  * An editor for adding an explanation widget that provides supplementary information to users.
  */
 declare class ExplanationEditor extends React.Component<Props> {
     static defaultProps: PerseusExplanationWidgetOptions;
-    change: (arg1: any, arg2: any, arg3: any) => any;
+    handleChange(changes: Partial<PerseusExplanationWidgetOptions>): void;
     serialize: () => any;
     render(): React.ReactNode;
 }

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

@@ -2,12 +2,11 @@ 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";
+type EditableExpressionWidgetOptions = Omit<PerseusExpressionWidgetOptions, "buttonsVisible">;
 type Props = {
-    widgetId?: string;
-    value?: string;
     apiOptions: APIOptions;
-    onChange: (newValues: Partial<PerseusExpressionWidgetOptions>) => void;
-} & Omit<PerseusExpressionWidgetOptions, "buttonsVisible">;
+    onChange: (newValues: EditableExpressionWidgetOptions) => void;
+} & EditableExpressionWidgetOptions;
 type AnswerForm = PerseusExpressionWidgetOptions["answerForms"][number];
 interface State {
     functionsInternal: string;
@@ -18,6 +17,7 @@ interface State {
 declare class ExpressionEditor extends React.Component<Props, State> {
     static defaultProps: any;
     constructor(props: Props);
+    handleChange(changes: Partial<EditableExpressionWidgetOptions>): void;
     serialize(): PerseusExpressionWidgetOptions;
     getSaveWarnings: () => any;
     newAnswer: () => void;

package/dist/widgets/fill-in-the-blank-editor/fill-in-the-blank-editor.d.ts

@@ -9,7 +9,7 @@ type FillInTheBlankEditorHandle = {
     getSaveWarnings: () => string[];
 };
 declare const _default: React.ForwardRefExoticComponent<PerseusFillInTheBlankWidgetOptions & {
-    onChange: (newOptions: Partial<PerseusFillInTheBlankWidgetOptions>, callback?: () => void) => void;
+    onChange: (newOptions: PerseusFillInTheBlankWidgetOptions) => void;
     apiOptions?: APIOptionsWithDefaults;
 } & React.RefAttributes<FillInTheBlankEditorHandle>> & {
     defaultProps: PerseusFillInTheBlankWidgetOptions;

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

@@ -3,13 +3,14 @@ import type { APIOptions } from "@khanacademy/perseus";
 import type { PerseusFreeResponseWidgetOptions, PerseusFreeResponseWidgetScoringCriterion } from "@khanacademy/perseus-core";
 type Props = PerseusFreeResponseWidgetOptions & {
     apiOptions: APIOptions;
-    onChange: (options: Partial<PerseusFreeResponseWidgetOptions>) => void;
+    onChange: (options: PerseusFreeResponseWidgetOptions) => void;
 };
 /**
  * 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;
+    handleChange(changes: Partial<PerseusFreeResponseWidgetOptions>): void;
     serialize: () => PerseusFreeResponseWidgetOptions;
     getSaveWarnings: () => Array<string>;
     handleUpdateCharacterLimit: (newValue: string) => void;

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

@@ -1,16 +1,16 @@
 import * as React from "react";
 import Editor from "../../editor";
-import type { ChangeableProps } from "../../mixins/changeable";
 import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
 import type { PerseusGradedGroupWidgetOptions } from "@khanacademy/perseus-core";
-interface Props extends PerseusGradedGroupWidgetOptions, ChangeableProps {
+interface Props extends PerseusGradedGroupWidgetOptions {
     apiOptions?: APIOptionsWithDefaults;
+    onChange: (options: PerseusGradedGroupWidgetOptions) => void;
 }
 declare class GradedGroupEditor extends React.Component<Props> {
     static defaultProps: PerseusGradedGroupWidgetOptions;
     editor: React.RefObject<Editor>;
     hintEditor: React.RefObject<Editor>;
-    change: (arg1: any, arg2: any, arg3: any) => any;
+    handleChange(changes: Partial<PerseusGradedGroupWidgetOptions>): void;
     handleAddHint: () => void;
     handleRemoveHint: () => void;
     getSaveWarnings: () => any;

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

@@ -1,18 +1,17 @@
 import * as React from "react";
-import type { ChangeableProps } from "../../mixins/changeable";
+import GradedGroupEditor from "../graded-group-editor";
 import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
 import type { PerseusGradedGroupSetWidgetOptions } from "@khanacademy/perseus-core";
-interface Props extends PerseusGradedGroupSetWidgetOptions, ChangeableProps {
+interface Props extends PerseusGradedGroupSetWidgetOptions {
     apiOptions?: APIOptionsWithDefaults;
+    onChange: (options: PerseusGradedGroupSetWidgetOptions) => void;
 }
 declare class GradedGroupSetEditor extends React.Component<Props> {
-    _editors: Array<any>;
+    _editors: Array<GradedGroupEditor | null>;
     static defaultProps: PerseusGradedGroupSetWidgetOptions;
-    UNSAFE_componentWillMount(): void;
-    change: (arg1: any, arg2: any, arg3: any) => any;
     getSaveWarnings: () => ReadonlyArray<any>;
     serialize: () => {
-        gradedGroups: any;
+        gradedGroups: import("@khanacademy/perseus-core").PerseusGradedGroupWidgetOptions[];
     };
     renderGroups: () => React.ReactNode;
     addGroup: () => void;

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

@@ -1,16 +1,14 @@
 import * as React from "react";
 import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
-import type { GrapherAnswerTypes, PerseusGrapherWidgetOptions } from "@khanacademy/perseus-core";
-type Props = {
-    onChange: (newProps: Record<string, unknown>) => void;
-    graph: PerseusGrapherWidgetOptions["graph"];
-    correct: GrapherAnswerTypes;
-    availableTypes: PerseusGrapherWidgetOptions["availableTypes"];
+import type { PerseusGrapherWidgetOptions, GrapherFunctionType } from "@khanacademy/perseus-core";
+interface Props extends PerseusGrapherWidgetOptions {
+    onChange: (options: PerseusGrapherWidgetOptions) => void;
     apiOptions: APIOptionsWithDefaults;
-};
+}
 declare class GrapherEditor extends React.Component<Props> {
     static defaultProps: PerseusGrapherWidgetOptions;
-    handleAvailableTypesChange: (newAvailableTypes: Array<any>) => void;
+    handleChange(changes: Partial<PerseusGrapherWidgetOptions>): void;
+    handleAvailableTypesChange: (newAvailableTypes: GrapherFunctionType[]) => void;
     serialize: () => any;
     render(): React.ReactNode;
 }

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

@@ -1,14 +1,12 @@
 import * as React from "react";
 import Editor from "../../editor";
+import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
 import type { PerseusGroupWidgetOptions, PerseusRenderer } from "@khanacademy/perseus-core";
-type Props = any;
+interface Props extends PerseusGroupWidgetOptions {
+    onChange: (options: PerseusGroupWidgetOptions) => void;
+    apiOptions: APIOptionsWithDefaults;
+}
 declare class GroupEditor extends React.Component<Props> {
-    static propTypes: {
-        content: any;
-        widgets: any;
-        images: any;
-        apiOptions: any;
-    };
     static defaultProps: PerseusGroupWidgetOptions;
     editor: React.RefObject<Editor>;
     getSaveWarnings: () => ReadonlyArray<any>;

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

@@ -1,14 +1,14 @@
 import { type PerseusIFrameWidgetOptions } from "@khanacademy/perseus-core";
 import * as React from "react";
-import type { ChangeableProps } from "../../mixins/changeable";
-interface IframeEditorProps extends PerseusIFrameWidgetOptions, ChangeableProps {
+interface IframeEditorProps extends PerseusIFrameWidgetOptions {
+    onChange: (options: PerseusIFrameWidgetOptions) => void;
 }
 /**
  * This is the main editor for this widget, to specify all the options.
  */
 declare class IframeEditor extends React.Component<IframeEditorProps> {
     static defaultProps: PerseusIFrameWidgetOptions;
-    change: (arg1: any) => any;
+    handleChange(changes: Partial<PerseusIFrameWidgetOptions>): void;
     serialize: () => any;
     render(): React.ReactNode;
 }

package/dist/widgets/image-editor/components/dark-mode-toggle.d.ts

@@ -1,11 +1,10 @@
 import * as React from "react";
-import type { Props as ImageEditorProps } from "../image-editor";
-import type { PerseusImageBackground } from "@khanacademy/perseus-core";
+import type { PerseusImageBackground, PerseusImageWidgetOptions } from "@khanacademy/perseus-core";
 interface Props {
     backgroundImage: PerseusImageBackground;
     editingDisabled?: boolean;
     onShowToggle: (theme?: string) => void;
-    onSuppressToggle: ImageEditorProps["onChange"];
+    onSuppressToggle: (changes: Partial<PerseusImageWidgetOptions>) => void;
 }
 export default function DarkModeToggle({ backgroundImage, onShowToggle, onSuppressToggle, editingDisabled, }: Props): React.JSX.Element;
 /**

package/dist/widgets/image-editor/components/decorative-toggle.d.ts

@@ -1,10 +1,10 @@
 import * as React from "react";
-import type { Props as ImageEditorProps } from "../image-editor";
+import type { PerseusImageWidgetOptions } from "@khanacademy/perseus-core";
 interface Props {
     decorative?: boolean;
     hasPopulatedFields?: boolean;
     editingDisabled?: boolean;
-    onChange: ImageEditorProps["onChange"];
+    onChange: (changes: Partial<PerseusImageWidgetOptions>) => void;
 }
 export default function DecorativeToggle({ decorative, hasPopulatedFields, editingDisabled, onChange, }: Props): React.JSX.Element;
 export {};

package/dist/widgets/image-editor/components/image-scale-input.d.ts

@@ -1,11 +1,10 @@
 import * as React from "react";
-import type { Props as ImageEditorProps } from "../image-editor";
-import type { PerseusImageBackground } from "@khanacademy/perseus-core";
+import type { PerseusImageBackground, PerseusImageWidgetOptions } from "@khanacademy/perseus-core";
 interface Props {
     backgroundImage: PerseusImageBackground;
     scale: number;
     editingDisabled?: boolean;
-    onChange: ImageEditorProps["onChange"];
+    onChange: (changes: Partial<PerseusImageWidgetOptions>) => void;
 }
 export default function ImageScaleInput({ backgroundImage, scale, editingDisabled, onChange, }: Props): React.JSX.Element;
 export {};

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

@@ -1,3 +1,9 @@
 import * as React from "react";
-import type { Props } from "../image-editor";
+import type { APIOptions } from "@khanacademy/perseus";
+import type { PerseusImageWidgetOptions } from "@khanacademy/perseus-core";
+interface Props extends PerseusImageWidgetOptions {
+    apiOptions: APIOptions;
+    onChange: (changes: Partial<PerseusImageWidgetOptions>) => void;
+}
 export default function ImageSettings({ alt, apiOptions, backgroundImage, scale, caption, decorative, longDescription, title, onChange, }: Props): React.JSX.Element | null;
+export {};

package/dist/widgets/image-editor/components/image-url-input.d.ts

@@ -1,3 +1,8 @@
 import React from "react";
-import type { Props } from "../image-editor";
+import type { PerseusImageBackground, PerseusImageWidgetOptions } from "@khanacademy/perseus-core";
+interface Props {
+    backgroundImage: PerseusImageBackground;
+    onChange: (changes: Partial<PerseusImageWidgetOptions>) => void;
+}
 export default function ImageUrlInput({ backgroundImage, onChange }: Props): React.JSX.Element;
+export {};

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

@@ -1,9 +1,9 @@
 import { type PerseusImageWidgetOptions } from "@khanacademy/perseus-core";
 import * as React from "react";
 import type { APIOptions } from "@khanacademy/perseus";
-export interface Props extends PerseusImageWidgetOptions {
+interface Props extends PerseusImageWidgetOptions {
     apiOptions: APIOptions;
-    onChange: (newValues: Partial<PerseusImageWidgetOptions>) => void;
+    onChange: (options: PerseusImageWidgetOptions) => void;
 }
 /**
  * An editor for adding an image widget that allows users to display and configure images within content.
@@ -11,6 +11,7 @@ export interface Props extends PerseusImageWidgetOptions {
 declare class ImageEditor extends React.Component<Props> {
     static displayName: string;
     static defaultProps: PerseusImageWidgetOptions;
+    handleChange: (changes: Partial<PerseusImageWidgetOptions>) => void;
     serialize(): any;
     render(): React.JSX.Element;
 }

package/package.json

@@ -3,7 +3,7 @@
   "description": "Perseus editors",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "43.0.0",
+  "version": "43.0.2",
   "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.93",
-    "@khanacademy/kmath": "2.4.52",
-    "@khanacademy/math-input": "27.0.17",
-    "@khanacademy/perseus": "87.2.1",
-    "@khanacademy/perseus-core": "39.2.1",
-    "@khanacademy/perseus-linter": "5.4.2",
+    "@khanacademy/keypad-context": "4.0.1",
+    "@khanacademy/kmath": "2.4.54",
+    "@khanacademy/perseus": "87.3.0",
+    "@khanacademy/math-input": "28.0.1",
+    "@khanacademy/perseus-core": "39.2.3",
+    "@khanacademy/perseus-linter": "5.4.4",
     "@khanacademy/perseus-utils": "2.1.5"
   },
   "devDependencies": {
@@ -74,8 +74,8 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "underscore": "1.4.4",
-    "jsdiff": "1.0.2",
-    "perseus-build-settings": "0.9.1"
+    "perseus-build-settings": "0.9.1",
+    "jsdiff": "1.0.2"
   },
   "peerDependencies": {
     "@khanacademy/mathjax-renderer": "^3.2.0",