@khanacademy/perseus-editor 38.1.3 → 40.0.0

package/dist/all-editors.d.ts

@@ -12,6 +12,7 @@ import GrapherEditor from "./widgets/grapher-editor";
 import GroupEditor from "./widgets/group-editor";
 import IframeEditor from "./widgets/iframe-editor";
 import ImageEditor from "./widgets/image-editor";
+import InputNumberEditor from "./widgets/input-number-editor";
 import InteractionEditor from "./widgets/interaction-editor";
 import InteractiveGraphEditor from "./widgets/interactive-graph-editor";
 import LabelImageEditor from "./widgets/label-image-editor";
@@ -27,13 +28,52 @@ import PythonProgramEditor from "./widgets/python-program-editor";
 import RadioEditor from "./widgets/radio-editor";
 import TableEditor from "./widgets/table-editor";
 import VideoEditor from "./widgets/video-editor";
-declare const _default: (typeof CategorizerEditor | typeof CSProgramEditor | typeof DefinitionEditor | typeof DeprecatedStandinEditor | typeof DropdownEditor | typeof ExplanationEditor | typeof ExpressionEditor | typeof FreeResponseEditor | typeof GradedGroupEditor | typeof GradedGroupSetEditor | typeof GrapherEditor | typeof GroupEditor | typeof IframeEditor | typeof ImageEditor | typeof NumericInputEditor | typeof InteractionEditor | typeof InteractiveGraphEditor | typeof LabelImageEditor | typeof MatcherEditor | typeof MatrixEditor | typeof MeasurerEditor | typeof NumberLineEditor | typeof OrdererEditor | typeof PhetSimulationEditor | typeof PlotterEditor | typeof PythonProgramEditor | typeof RadioEditor | (import("react").ForwardRefExoticComponent<import("@khanacademy/perseus-core").PerseusSorterWidgetOptions & {
-    onChange: (newOptions: Partial<import("@khanacademy/perseus-core").PerseusSorterWidgetOptions>, callback?: () => void) => void;
-} & import("react").RefAttributes<{
-    serialize: () => import("@khanacademy/perseus-core").PerseusSorterWidgetOptions;
-    getSaveWarnings: () => string[];
-}>> & {
-    widgetName: "sorter";
-    defaultProps: import("@khanacademy/perseus-core").PerseusSorterWidgetOptions;
-}) | typeof TableEditor | typeof VideoEditor)[];
+/**
+ * Every widget editor, keyed by the type of widget it edits.
+ *
+ * The keys are widget types as they appear in Perseus content (eg. the
+ * `interactive-graph` in the widget's `type`. `Widgets.registerEditors`
+ * registers each editor under its key, and the editor page looks an editor up by
+ * the type of the widget it's rendering.
+ */
+declare const _default: {
+    categorizer: typeof CategorizerEditor;
+    "cs-program": typeof CSProgramEditor;
+    definition: typeof DefinitionEditor;
+    "deprecated-standin": typeof DeprecatedStandinEditor;
+    dropdown: typeof DropdownEditor;
+    explanation: typeof ExplanationEditor;
+    expression: typeof ExpressionEditor;
+    "free-response": typeof FreeResponseEditor;
+    "graded-group": typeof GradedGroupEditor;
+    "graded-group-set": typeof GradedGroupSetEditor;
+    grapher: typeof GrapherEditor;
+    group: typeof GroupEditor;
+    iframe: typeof IframeEditor;
+    image: typeof ImageEditor;
+    "input-number": typeof InputNumberEditor;
+    interaction: typeof InteractionEditor;
+    "interactive-graph": typeof InteractiveGraphEditor;
+    "label-image": typeof LabelImageEditor;
+    matcher: typeof MatcherEditor;
+    matrix: typeof MatrixEditor;
+    measurer: typeof MeasurerEditor;
+    "number-line": typeof NumberLineEditor;
+    "numeric-input": typeof NumericInputEditor;
+    orderer: typeof OrdererEditor;
+    "phet-simulation": typeof PhetSimulationEditor;
+    plotter: typeof PlotterEditor;
+    "python-program": typeof PythonProgramEditor;
+    radio: typeof RadioEditor;
+    sorter: import("react").ForwardRefExoticComponent<import("@khanacademy/perseus-core").PerseusSorterWidgetOptions & {
+        onChange: (newOptions: Partial<import("@khanacademy/perseus-core").PerseusSorterWidgetOptions>, callback?: () => void) => void;
+    } & import("react").RefAttributes<{
+        serialize: () => import("@khanacademy/perseus-core").PerseusSorterWidgetOptions;
+        getSaveWarnings: () => string[];
+    }>> & {
+        defaultProps: import("@khanacademy/perseus-core").PerseusSorterWidgetOptions;
+    };
+    table: typeof TableEditor;
+    video: typeof VideoEditor;
+};
 export default _default;

package/dist/article-editor.d.ts

@@ -43,6 +43,7 @@ export default class ArticleEditor extends React.Component<Props, State> {
             isArticle?: boolean;
             onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
             showAlignmentOptions?: boolean;
+            renderExtras?: (answerArea: import("@khanacademy/perseus-core").PerseusAnswerArea, widgetId: string) => React.ReactNode;
             readOnly?: boolean;
             editingDisabled?: boolean;
             answerableCallback?: (arg1: boolean) => unknown;
@@ -66,7 +67,7 @@ export default class ArticleEditor extends React.Component<Props, State> {
             isMobile?: boolean;
             isMobileApp?: boolean;
             hintProgressColor?: string;
-            flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator", boolean>;
+            flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras" | "dnd-widget-fitb", boolean>;
         }>;
         linterContext: {
             contentType: string;

package/dist/components/util.d.ts

@@ -1,5 +1,4 @@
 import type { Alignment } from "@khanacademy/perseus-core";
-export declare function focusWithChromeStickyFocusBugWorkaround(element: Element): void;
 /**
  * Map of alignment values to their corresponding human-readable descriptions.
  * Only includes alignments that show up in the widget select (i.e. occur

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

@@ -28,7 +28,7 @@ declare class WidgetEditor extends React.Component<Props, State> {
     _handleAlignmentChange: (newAlignment: Alignment) => void;
     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";
+        type: "iframe" | "table" | "video" | "image" | "radio" | "definition" | "group" | "blank" | "categorizer" | "cs-program" | "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;