@khanacademy/perseus-editor 37.1.0 → 38.0.0

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

@@ -1,35 +1,38 @@
 import * as React from "react";
-import type Editor from "../editor";
 import type { APIOptions } from "@khanacademy/perseus";
 import type { Alignment, PerseusWidget } from "@khanacademy/perseus-core";
-export type WidgetEditorProps = {
+type Props = {
     id: string;
     onChange: (widgetInfo: PerseusWidget, cb?: () => unknown, silent?: boolean) => unknown;
     onRemove: () => unknown;
     apiOptions: APIOptions;
     widgetIsOpen?: boolean;
-} & Omit<PerseusWidget, "key">;
-type WidgetEditorState = {
+    widgetInfo: PerseusWidget;
+};
+type State = {
     showWidget: boolean;
     widgetInfo: PerseusWidget;
 };
-export declare const _upgradeWidgetInfo: (props: WidgetEditorProps) => PerseusWidget;
-declare class WidgetEditor extends React.Component<WidgetEditorProps, WidgetEditorState> {
-    widget: React.RefObject<Editor>;
-    constructor(props: WidgetEditorProps);
-    UNSAFE_componentWillReceiveProps(nextProps: WidgetEditorProps): void;
+export declare function _upgradeWidgetInfo(widgetInfo: PerseusWidget): PerseusWidget;
+declare class WidgetEditor extends React.Component<Props, State> {
+    widgetSpecificEditor: React.RefObject<{
+        serialize(): unknown;
+        getSaveWarnings?: () => unknown;
+    }>;
+    constructor(props: Props);
+    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
     _toggleWidget: (e: React.SyntheticEvent) => void;
-    _handleWidgetChange: (newProps: WidgetEditorProps, cb: () => unknown, silent: boolean) => void;
+    _handleWidgetChange: (newOptions: PerseusWidget["options"], cb: () => unknown, silent: boolean) => void;
     _setStatic: (value: boolean) => void;
     _setGraded: (value: boolean) => void;
     _handleAlignmentChange: (newAlignment: Alignment) => void;
-    getSaveWarnings: () => any;
+    getSaveWarnings: () => unknown;
     serialize: () => {
         type: "iframe" | "table" | "video" | "image" | "radio" | "categorizer" | "definition" | "group" | "cs-program" | "blank" | "dropdown" | "explanation" | "expression" | "free-response" | "grapher" | "graded-group-set" | "graded-group" | "input-number" | "interaction" | "interactive-graph" | "label-image" | "matcher" | "matrix" | "measurer" | "number-line" | "numeric-input" | "orderer" | "phet-simulation" | "python-program" | "plotter" | "sorter" | "mock-widget" | "deprecated-standin";
         alignment: Alignment | undefined;
         static: boolean | undefined;
         graded: boolean | undefined;
-        options: object;
+        options: {};
         version: import("@khanacademy/perseus-core").Version | undefined;
     };
     render(): React.ReactNode;