@khanacademy/perseus-editor 20.2.2 → 22.0.0

package/dist/all-editors.d.ts

@@ -5,6 +5,7 @@ import DeprecatedStandinEditor from "./widgets/deprecated-standin-editor";
 import DropdownEditor from "./widgets/dropdown-editor";
 import ExplanationEditor from "./widgets/explanation-editor";
 import ExpressionEditor from "./widgets/expression-editor";
+import FreeResponseEditor from "./widgets/free-response-editor";
 import GradedGroupEditor from "./widgets/graded-group-editor";
 import GradedGroupSetEditor from "./widgets/graded-group-set-editor";
 import GrapherEditor from "./widgets/grapher-editor";
@@ -32,5 +33,5 @@ import RadioEditor from "./widgets/radio/editor";
 import SorterEditor from "./widgets/sorter-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 GradedGroupEditor | typeof GradedGroupSetEditor | typeof GrapherEditor | typeof GroupEditor | typeof IframeEditor | typeof ImageEditor | typeof InputNumberEditor | typeof InteractionEditor | typeof InteractiveGraphEditor | typeof LabelImageEditor | typeof MatcherEditor | typeof MatrixEditor | typeof MeasurerEditor | typeof MoleculeEditor | typeof NumberLineEditor | typeof NumericInputEditor | typeof OrdererEditor | typeof PassageEditor | typeof PassageRefEditor | typeof PassageRefTargetEditor | typeof PhetSimulationEditor | typeof PlotterEditor | typeof PythonProgramEditor | typeof RadioEditor | typeof SorterEditor | typeof TableEditor | typeof VideoEditor)[];
+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 InputNumberEditor | typeof InteractionEditor | typeof InteractiveGraphEditor | typeof LabelImageEditor | typeof MatcherEditor | typeof MatrixEditor | typeof MeasurerEditor | typeof MoleculeEditor | typeof NumberLineEditor | typeof NumericInputEditor | typeof OrdererEditor | typeof PassageEditor | typeof PassageRefEditor | typeof PassageRefTargetEditor | typeof PhetSimulationEditor | typeof PlotterEditor | typeof PythonProgramEditor | typeof RadioEditor | typeof SorterEditor | typeof TableEditor | typeof VideoEditor)[];
 export default _default;

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

@@ -23,7 +23,7 @@ declare class WidgetEditor extends React.Component<WidgetEditorProps, WidgetEdit
     _handleAlignmentChange: (e: React.SyntheticEvent<HTMLSelectElement>) => void;
     getSaveWarnings: () => any;
     serialize: () => {
-        type: "categorizer" | "iframe" | "table" | "video" | "image" | "radio" | "cs-program" | "definition" | "group" | "dropdown" | "explanation" | "expression" | "grapher" | "graded-group-set" | "graded-group" | "input-number" | "interaction" | "interactive-graph" | "label-image" | "matcher" | "matrix" | "measurer" | "molecule-renderer" | "number-line" | "numeric-input" | "orderer" | "passage-ref-target" | "passage-ref" | "passage" | "phet-simulation" | "python-program" | "plotter" | "sorter" | "mock-widget" | "deprecated-standin";
+        type: "categorizer" | "iframe" | "table" | "video" | "image" | "radio" | "cs-program" | "definition" | "group" | "dropdown" | "explanation" | "expression" | "free-response" | "grapher" | "graded-group-set" | "graded-group" | "input-number" | "interaction" | "interactive-graph" | "label-image" | "matcher" | "matrix" | "measurer" | "molecule-renderer" | "number-line" | "numeric-input" | "orderer" | "passage-ref-target" | "passage-ref" | "passage" | "phet-simulation" | "python-program" | "plotter" | "sorter" | "mock-widget" | "deprecated-standin";
         alignment: string | undefined;
         static: boolean | undefined;
         graded: boolean | undefined;

package/dist/content-preview.d.ts

@@ -13,11 +13,22 @@ import type { LinterContextProps } from "@khanacademy/perseus-linter";
  * 100% due to the above `@media` query limitation.
  */
 declare function ContentPreview({ question, apiOptions, seamless, linterContext, legacyPerseusLint, previewDevice, }: {
+    /** The Perseus question to preview. */
     question?: PerseusRenderer;
+    /** API Options to use when previewing. */
     apiOptions?: APIOptions;
+    /**
+     * When `true`, renders a seamless preview without any extra spacing. When
+     * `false`, renders a gutter where linting issues are displayed.
+     */
     seamless?: boolean;
     linterContext?: LinterContextProps;
     legacyPerseusLint?: ReadonlyArray<string>;
+    /**
+     * The type of device to simulate the preview for. Note that this preview
+     * may not be 100% accurate with regards to styling (due to styles that use
+     * media queries based on the screen width).
+     */
     previewDevice: DeviceType;
 }): React.JSX.Element;
 export default ContentPreview;

package/dist/editor-page.d.ts

@@ -2,10 +2,10 @@ import * as React from "react";
 import CombinedHintsEditor from "./hint-editor";
 import ItemEditor from "./item-editor";
 import type { APIOptions, APIOptionsWithDefaults, ChangeHandler, DeviceType, ImageUploader } from "@khanacademy/perseus";
-import type { Hint, PerseusItem, PerseusRenderer } from "@khanacademy/perseus-core";
+import type { Hint, PerseusAnswerArea, PerseusItem, PerseusRenderer } from "@khanacademy/perseus-core";
 type Props = {
     apiOptions?: APIOptions;
-    answerArea?: any;
+    answerArea?: PerseusAnswerArea | null;
     contentPaths?: ReadonlyArray<string>;
     developerMode: boolean;
     frameSource: string;
@@ -20,23 +20,21 @@ type Props = {
     question?: PerseusRenderer;
     previewURL: string;
 };
+type DefaultProps = {
+    developerMode: Props["developerMode"];
+    jsonMode: Props["jsonMode"];
+    onChange: Props["onChange"];
+};
 type State = {
     json: PerseusItem;
-    gradeMessage: string;
-    wasAnswered: boolean;
     highlightLint: boolean;
     widgetsAreOpen: boolean;
 };
 declare class EditorPage extends React.Component<Props, State> {
     _isMounted: boolean;
-    renderer: any;
     itemEditor: React.RefObject<ItemEditor>;
     hintsEditor: React.RefObject<CombinedHintsEditor>;
-    static defaultProps: {
-        developerMode: boolean;
-        jsonMode: boolean;
-        onChange: () => void;
-    };
+    static defaultProps: DefaultProps;
     constructor(props: Props);
     componentDidMount(): void;
     componentDidUpdate(): void;