@khanacademy/perseus-editor 42.2.0 → 43.0.1

package/dist/item-editor.d.ts

@@ -51,7 +51,6 @@ declare class ItemEditor extends React.Component<Props> {
     handleExtrasChange: (newProps: Partial<PerseusAnswerArea>) => void;
     getSaveWarnings: () => any;
     handleA11yReport: (report: A11yReport | null) => void;
-    serialize(): PerseusItem;
     render(): React.ReactNode;
 }
 export default ItemEditor;

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/cs-program-editor/cs-program-editor.d.ts

@@ -2,15 +2,16 @@
  * This editor is for embedding Khan Academy CS programs.
  */
 import * as React from "react";
-import type { ChangeableProps } from "../../mixins/changeable";
 import type { PerseusCSProgramWidgetOptions } from "@khanacademy/perseus-core";
-interface CSProgramEditorProps extends PerseusCSProgramWidgetOptions, ChangeableProps {
+interface CSProgramEditorProps extends PerseusCSProgramWidgetOptions {
+    onChange: (options: PerseusCSProgramWidgetOptions) => void;
 }
 /**
  * This is the main editor for this widget, to specify all the options.
  */
 declare class CSProgramEditor extends React.Component<CSProgramEditorProps> {
     change: (...args: ReadonlyArray<unknown>) => any;
+    handleChange(changed: Partial<PerseusCSProgramWidgetOptions>): void;
     _handleProgramIDChange: (arg1: string) => void;
     serialize: () => any;
     render(): React.ReactNode;

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

@@ -1,10 +1,10 @@
 import * as React from "react";
 import type { InitializeWidgetOptionsParams } from "../../editor";
-import type { ChangeableProps } from "../../mixins/changeable";
 import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
 import type { PerseusDefinitionWidgetOptions } from "@khanacademy/perseus-core";
-interface Props extends PerseusDefinitionWidgetOptions, ChangeableProps {
+interface Props extends PerseusDefinitionWidgetOptions {
     apiOptions?: APIOptionsWithDefaults;
+    onChange: (options: PerseusDefinitionWidgetOptions) => void;
 }
 /**
  * An editor for adding an interactive definition widget that allows content
@@ -13,7 +13,7 @@ interface Props extends PerseusDefinitionWidgetOptions, ChangeableProps {
 declare class DefinitionEditor extends React.Component<Props> {
     static defaultProps: PerseusDefinitionWidgetOptions;
     static initializeWidgetOptions(params: InitializeWidgetOptionsParams): PerseusDefinitionWidgetOptions;
-    change: (arg1: any, arg2: any, arg3: any) => any;
+    handleChange(changed: Partial<PerseusDefinitionWidgetOptions>): 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/package.json

@@ -3,7 +3,7 @@
   "description": "Perseus editors",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "42.2.0",
+  "version": "43.0.1",
   "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.92",
-    "@khanacademy/kmath": "2.4.51",
-    "@khanacademy/math-input": "27.0.16",
-    "@khanacademy/perseus": "87.2.0",
-    "@khanacademy/perseus-core": "39.2.0",
-    "@khanacademy/perseus-linter": "5.4.1",
+    "@khanacademy/keypad-context": "4.0.0",
+    "@khanacademy/kmath": "2.4.53",
+    "@khanacademy/math-input": "28.0.0",
+    "@khanacademy/perseus": "87.2.2",
+    "@khanacademy/perseus-core": "39.2.2",
+    "@khanacademy/perseus-linter": "5.4.3",
     "@khanacademy/perseus-utils": "2.1.5"
   },
   "devDependencies": {