@khanacademy/perseus-editor 42.2.0 → 43.0.1

package/dist/all-editors.d.ts

@@ -45,7 +45,7 @@ declare const _default: {
     explanation: typeof ExplanationEditor;
     expression: typeof ExpressionEditor;
     "fill-in-the-blank": import("react").ForwardRefExoticComponent<import("@khanacademy/perseus-core").PerseusFillInTheBlankWidgetOptions & {
-        onChange: (newOptions: Partial<import("@khanacademy/perseus-core").PerseusFillInTheBlankWidgetOptions>, callback?: () => void) => void;
+        onChange: (newOptions: import("@khanacademy/perseus-core").PerseusFillInTheBlankWidgetOptions) => void;
         apiOptions?: import("@khanacademy/perseus").APIOptionsWithDefaults;
     } & import("react").RefAttributes<{
         serialize: () => import("@khanacademy/perseus-core").PerseusFillInTheBlankWidgetOptions;

package/dist/article-editor.d.ts

@@ -88,12 +88,6 @@ export default class ArticleEditor extends React.Component<Props, State> {
     _handleMoveSectionLater(i: number): void;
     _handleAddSectionAfter(i: number): void;
     _handleRemoveSection(i: number): void;
-    /**
-     * Returns the current version of the edited {@link PerseusArticle}.
-     *
-     * @deprecated Use the `onChange` prop instead.
-     */
-    serialize(): PerseusArticle;
     /**
      * Returns an array, with one element be section.
      * Each element is an array of lint warnings present in that section.

package/dist/combined-hints-editor.d.ts

@@ -1,24 +1,24 @@
 import * as React from "react";
 import Editor from "./editor";
-import type { APIOptions, ImageDict, ChangeHandler, DeviceType, ImageUploader } from "@khanacademy/perseus";
+import type { APIOptions, ImageDict, DeviceType, ImageUploader } from "@khanacademy/perseus";
 import type { Hint, PerseusWidgetsMap } from "@khanacademy/perseus-core";
 type HintEditorProps = {
     itemId?: string;
     apiOptions?: APIOptions;
     className: string;
     imageUploader?: ImageUploader;
-    showMoveButtons?: boolean;
-    showRemoveButton?: boolean;
-    showTitle?: boolean;
-    content?: string | null | undefined;
-    replace?: boolean | null | undefined;
-    widgets?: PerseusWidgetsMap | null | undefined;
-    images?: ImageDict | null | undefined;
+    showMoveButtons: boolean;
+    showRemoveButton: boolean;
+    showTitle: boolean;
+    content: string;
+    replace: boolean;
+    widgets: PerseusWidgetsMap;
+    images: ImageDict;
     isLast: boolean;
     isFirst: boolean;
     onMove: (direction: number) => unknown;
     onRemove: () => unknown;
-    onChange: ChangeHandler;
+    onChange: (hint: Hint) => void;
     __type?: "hint";
     widgetIsOpen?: boolean;
 };
@@ -26,16 +26,17 @@ declare class HintEditor extends React.Component<HintEditorProps> {
     static defaultProps: {
         className: string;
         content: string;
+        images: ImageDict;
+        widgets: PerseusWidgetsMap;
         replace: boolean;
         showMoveButtons: boolean;
         showRemoveButton: boolean;
         showTitle: boolean;
     };
     editor: React.RefObject<Editor>;
-    handleReplaceChanged: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleChange(updates: Partial<Hint>): void;
     focus: () => void;
     getSaveWarnings: () => any;
-    serialize(): Hint;
     render(): React.ReactNode;
 }
 type CombinedHintsEditorProps = {
@@ -57,13 +58,11 @@ declare class CombinedHintsEditor extends React.Component<CombinedHintsEditorPro
         hints: ReadonlyArray<any>;
         onChange: () => void;
     };
-    handleHintChange(i: number, newProps: CombinedHintsEditorProps): void;
+    handleHintChange(i: number, hint: Hint): void;
     handleHintRemove(i: number): void;
     handleHintMove(i: number, dir: number): void;
     addHint: () => void;
     getSaveWarnings: () => any;
-    serialize(): Hint[];
-    serializeHint(index: number): Hint;
     render(): React.ReactNode;
 }
 export default CombinedHintsEditor;

package/dist/components/widget-editor.d.ts

@@ -3,7 +3,7 @@ import type { APIOptions } from "@khanacademy/perseus";
 import type { Alignment, PerseusWidget } from "@khanacademy/perseus-core";
 type Props = {
     id: string;
-    onChange: (widgetInfo: PerseusWidget, cb?: () => unknown, silent?: boolean) => unknown;
+    onChange: (widgetInfo: PerseusWidget) => void;
     onRemove: () => unknown;
     apiOptions: APIOptions;
     widgetIsOpen?: boolean;
@@ -22,7 +22,7 @@ declare class WidgetEditor extends React.Component<Props, State> {
     constructor(props: Props);
     UNSAFE_componentWillReceiveProps(nextProps: Props): void;
     _toggleWidget: (e: React.SyntheticEvent) => void;
-    _handleWidgetChange: (newOptions: PerseusWidget["options"], cb: () => unknown, silent: boolean) => void;
+    _handleWidgetChange: (newOptions: PerseusWidget["options"]) => void;
     _setStatic: (value: boolean) => void;
     _setGraded: (value: boolean) => void;
     _handleAlignmentChange: (newAlignment: Alignment) => void;

package/dist/editor-page.d.ts

@@ -12,8 +12,6 @@ type Props = {
     apiOptions?: APIOptions;
     answerArea: PerseusAnswerArea;
     dependencies: PerseusDependenciesV2;
-    /** @deprecated - has no effect */
-    developerMode?: boolean;
     hints: Hint[];
     /** A function which takes a file object (guaranteed to be an image) and
      * a callback, then calls the callback with the url where the image
@@ -27,8 +25,6 @@ type Props = {
     jsonMode: boolean;
     /** A function which is called with the new JSON blob of content. */
     onChange: (changed: PerseusItem) => void;
-    /** @deprecated - has no effect, and is never called */
-    onPreviewDeviceChange?: (arg1: DeviceType) => unknown;
     previewDevice: DeviceType;
     /** A global control to expand/collapse all widget editors on a page. */
     widgetsAreOpen?: boolean;
@@ -67,7 +63,6 @@ declare class EditorPage extends React.Component<Props, State> {
     static defaultProps: DefaultProps;
     constructor(props: Props);
     componentDidMount(): void;
-    getSnapshotBeforeUpdate(prevProps: Props): {} | null;
     componentDidUpdate(previousProps: Props, prevState: State, snapshot: any): void;
     setIssueHighlight: (instanceId: string, highlighted: boolean) => void;
     handleA11yReport: (report: A11yReport | null) => void;
@@ -81,12 +76,6 @@ declare class EditorPage extends React.Component<Props, State> {
      */
     syncJsonStateFromProps(): void;
     getSaveWarnings(): any;
-    /**
-     * Returns the current version of the edited {@link PerseusItem}.
-     *
-     * @deprecated Use the {@link Props.onChange} prop instead.
-     */
-    serialize(): PerseusItem;
     handleChange: (toChange: Partial<PerseusItem>) => void;
     handleEditorChange: (newProps: Partial<PerseusRenderer>) => void;
     changeJSON: (newJson: PerseusItem) => void;

package/dist/editor.d.ts

@@ -16,7 +16,7 @@ type Props = Readonly<{
     warnNoWidgets: boolean;
     widgetIsOpen?: boolean;
     imageUploader?: ImageUploader;
-    onChange: (changes: Partial<PerseusRenderer>) => void;
+    onChange: (renderer: PerseusRenderer) => void;
 }>;
 type DefaultProps = {
     content: string;
@@ -51,6 +51,7 @@ declare class Editor extends React.Component<Props, State> {
     static getDerivedStateFromProps(props: any, state: any): Partial<State>;
     componentDidMount(): void;
     componentDidUpdate(prevProps: Props): void;
+    handleChange(changed: Partial<PerseusRenderer>): void;
     getWidgetEditor(id: string, type: PerseusWidget["type"]): undefined | React.ReactNode;
     _handleWidgetEditorChange: (id: string, newWidgetInfo: PerseusWidget) => void;
     _handleWidgetEditorRemove: (id: string) => void;
@@ -60,7 +61,7 @@ declare class Editor extends React.Component<Props, State> {
      */
     _sizeImages: (props: Props) => void;
     handleDrop: (e: React.MouseEvent) => void;
-    handleChange: (e: React.SyntheticEvent<HTMLTextAreaElement>) => void;
+    handleContentChange: (e: React.SyntheticEvent<HTMLTextAreaElement>) => void;
     _handleKeyDown: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
     _maybeCopyWidgets: (e: React.SyntheticEvent<HTMLTextAreaElement>) => void;
     _maybePasteWidgets: (e: React.SyntheticEvent<HTMLTextAreaElement>) => void;
@@ -73,7 +74,6 @@ declare class Editor extends React.Component<Props, State> {
     getSaveWarnings: () => any;
     private getWidgetsReferencedIn;
     focus: () => void;
-    focusAndMoveToEnd: () => void;
     /**
      * Returns the current version of the edited {@link PerseusRenderer}.
      *