@khanacademy/perseus-editor 27.0.2 → 27.1.0

package/dist/widgets/interactive-graph-editor/components/angle-answer-options.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import type { Props as EditorProps } from "../interactive-graph-editor";
+import type { PerseusGraphType, PerseusGraphTypeAngle } from "@khanacademy/perseus-core";
+interface Props {
+    correct: PerseusGraphTypeAngle;
+    graph: PerseusGraphType | undefined;
+    onChange: (props: Partial<EditorProps>) => void;
+}
+export default function AngleAnswerOptions({ correct, graph, onChange }: Props): React.JSX.Element;
+export {};

package/dist/widgets/interactive-graph-editor/components/graph-points-count-selector.d.ts

@@ -1,7 +1,10 @@
 import * as React from "react";
-import type { PointValue } from "../../../util/points";
-declare const GraphPointsCountSelector: ({ numPoints, onChange, }: {
-    numPoints?: PointValue;
-    onChange: (points: PointValue) => void;
-}) => React.JSX.Element;
+import type { Props as EditorProps } from "../interactive-graph-editor";
+import type { PerseusGraphType, PerseusGraphTypePoint } from "@khanacademy/perseus-core";
+interface Props {
+    correct: PerseusGraphTypePoint;
+    graph: PerseusGraphType | undefined;
+    onChange: (props: Partial<EditorProps>) => void;
+}
+declare const GraphPointsCountSelector: ({ correct, graph, onChange }: Props) => React.JSX.Element;
 export default GraphPointsCountSelector;

package/dist/widgets/interactive-graph-editor/components/polygon-answer-options.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import type { Props as EditorProps } from "../interactive-graph-editor";
+import type { PerseusGraphType, PerseusGraphTypePolygon } from "@khanacademy/perseus-core";
+interface Props {
+    correct: PerseusGraphTypePolygon;
+    graph: PerseusGraphType | undefined;
+    onChange: (props: Partial<EditorProps>) => void;
+}
+export default function PolygonAnswerOptions({ correct, graph, onChange, }: Props): React.JSX.Element;
+export {};

package/dist/widgets/interactive-graph-editor/components/segment-count-selector.d.ts

@@ -1,6 +1,10 @@
 import * as React from "react";
-declare const SegmentCountSelector: ({ numSegments, onChange, }: {
-    numSegments?: number;
-    onChange: (numSegments: number) => void;
-}) => React.JSX.Element;
+import type { Props as EditorProps } from "../interactive-graph-editor";
+import type { PerseusGraphType, PerseusGraphTypeSegment } from "@khanacademy/perseus-core";
+interface Props {
+    correct: PerseusGraphTypeSegment;
+    graph: PerseusGraphType | undefined;
+    onChange: (props: Partial<EditorProps>) => void;
+}
+declare const SegmentCountSelector: ({ correct, graph, onChange }: Props) => React.JSX.Element;
 export default SegmentCountSelector;

package/dist/widgets/interactive-graph-editor/interactive-graph-editor.d.ts

@@ -89,7 +89,11 @@ declare const InteractiveGraph: {
             }> & {
                 baseElements: NonNullable<Readonly<{
                     isArticle?: boolean;
-                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
+                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight? /**
+                     * The locked figures to display in the graph area.
+                     * Locked figures are graph elements (points, lines, line segmeents,
+                     * etc.) that are locked in place and not interactive.
+                     */: number, focusedElement?: HTMLElement) => unknown;
                     GroupMetadataEditor?: React.ComponentType<any>;
                     showAlignmentOptions?: boolean;
                     readOnly?: boolean;
@@ -125,7 +129,11 @@ declare const InteractiveGraph: {
                 }>["baseElements"]>;
                 canScrollPage: NonNullable<Readonly<{
                     isArticle?: boolean;
-                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
+                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight? /**
+                     * The locked figures to display in the graph area.
+                     * Locked figures are graph elements (points, lines, line segmeents,
+                     * etc.) that are locked in place and not interactive.
+                     */: number, focusedElement?: HTMLElement) => unknown;
                     GroupMetadataEditor?: React.ComponentType<any>;
                     showAlignmentOptions?: boolean;
                     readOnly?: boolean;
@@ -161,7 +169,11 @@ declare const InteractiveGraph: {
                 }>["canScrollPage"]>;
                 editorChangeDelay: NonNullable<Readonly<{
                     isArticle?: boolean;
-                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
+                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight? /**
+                     * The locked figures to display in the graph area.
+                     * Locked figures are graph elements (points, lines, line segmeents,
+                     * etc.) that are locked in place and not interactive.
+                     */: number, focusedElement?: HTMLElement) => unknown;
                     GroupMetadataEditor?: React.ComponentType<any>;
                     showAlignmentOptions?: boolean;
                     readOnly?: boolean;
@@ -197,7 +209,11 @@ declare const InteractiveGraph: {
                 }>["editorChangeDelay"]>;
                 groupAnnotator: NonNullable<Readonly<{
                     isArticle?: boolean;
-                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
+                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight? /**
+                     * The locked figures to display in the graph area.
+                     * Locked figures are graph elements (points, lines, line segmeents,
+                     * etc.) that are locked in place and not interactive.
+                     */: number, focusedElement?: HTMLElement) => unknown;
                     GroupMetadataEditor?: React.ComponentType<any>;
                     showAlignmentOptions?: boolean;
                     readOnly?: boolean;
@@ -233,7 +249,11 @@ declare const InteractiveGraph: {
                 }>["groupAnnotator"]>;
                 isArticle: NonNullable<Readonly<{
                     isArticle?: boolean;
-                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
+                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight? /**
+                     * The locked figures to display in the graph area.
+                     * Locked figures are graph elements (points, lines, line segmeents,
+                     * etc.) that are locked in place and not interactive.
+                     */: number, focusedElement?: HTMLElement) => unknown;
                     GroupMetadataEditor?: React.ComponentType<any>;
                     showAlignmentOptions?: boolean;
                     readOnly?: boolean;
@@ -269,7 +289,11 @@ declare const InteractiveGraph: {
                 }>["isArticle"]>;
                 isMobile: NonNullable<Readonly<{
                     isArticle?: boolean;
-                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
+                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight? /**
+                     * The locked figures to display in the graph area.
+                     * Locked figures are graph elements (points, lines, line segmeents,
+                     * etc.) that are locked in place and not interactive.
+                     */: number, focusedElement?: HTMLElement) => unknown;
                     GroupMetadataEditor?: React.ComponentType<any>;
                     showAlignmentOptions?: boolean;
                     readOnly?: boolean;
@@ -305,7 +329,11 @@ declare const InteractiveGraph: {
                 }>["isMobile"]>;
                 isMobileApp: NonNullable<Readonly<{
                     isArticle?: boolean;
-                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
+                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight? /**
+                     * The locked figures to display in the graph area.
+                     * Locked figures are graph elements (points, lines, line segmeents,
+                     * etc.) that are locked in place and not interactive.
+                     */: number, focusedElement?: HTMLElement) => unknown;
                     GroupMetadataEditor?: React.ComponentType<any>;
                     showAlignmentOptions?: boolean;
                     readOnly?: boolean;
@@ -341,7 +369,11 @@ declare const InteractiveGraph: {
                 }>["isMobileApp"]>;
                 onFocusChange: NonNullable<Readonly<{
                     isArticle?: boolean;
-                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
+                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight? /**
+                     * The locked figures to display in the graph area.
+                     * Locked figures are graph elements (points, lines, line segmeents,
+                     * etc.) that are locked in place and not interactive.
+                     */: number, focusedElement?: HTMLElement) => unknown;
                     GroupMetadataEditor?: React.ComponentType<any>;
                     showAlignmentOptions?: boolean;
                     readOnly?: boolean;
@@ -377,7 +409,11 @@ declare const InteractiveGraph: {
                 }>["onFocusChange"]>;
                 readOnly: NonNullable<Readonly<{
                     isArticle?: boolean;
-                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
+                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight? /**
+                     * The locked figures to display in the graph area.
+                     * Locked figures are graph elements (points, lines, line segmeents,
+                     * etc.) that are locked in place and not interactive.
+                     */: number, focusedElement?: HTMLElement) => unknown;
                     GroupMetadataEditor?: React.ComponentType<any>;
                     showAlignmentOptions?: boolean;
                     readOnly?: boolean;
@@ -413,7 +449,11 @@ declare const InteractiveGraph: {
                 }>["readOnly"]>;
                 setDrawingAreaAvailable: NonNullable<Readonly<{
                     isArticle?: boolean;
-                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
+                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight? /**
+                     * The locked figures to display in the graph area.
+                     * Locked figures are graph elements (points, lines, line segmeents,
+                     * etc.) that are locked in place and not interactive.
+                     */: number, focusedElement?: HTMLElement) => unknown;
                     GroupMetadataEditor?: React.ComponentType<any>;
                     showAlignmentOptions?: boolean;
                     readOnly?: boolean;
@@ -449,7 +489,11 @@ declare const InteractiveGraph: {
                 }>["setDrawingAreaAvailable"]>;
                 showAlignmentOptions: NonNullable<Readonly<{
                     isArticle?: boolean;
-                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
+                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight? /**
+                     * The locked figures to display in the graph area.
+                     * Locked figures are graph elements (points, lines, line segmeents,
+                     * etc.) that are locked in place and not interactive.
+                     */: number, focusedElement?: HTMLElement) => unknown;
                     GroupMetadataEditor?: React.ComponentType<any>;
                     showAlignmentOptions?: boolean;
                     readOnly?: boolean;
@@ -757,7 +801,11 @@ declare const InteractiveGraph: {
             }> & {
                 baseElements: NonNullable<Readonly<{
                     isArticle?: boolean;
-                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
+                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight? /**
+                     * The locked figures to display in the graph area.
+                     * Locked figures are graph elements (points, lines, line segmeents,
+                     * etc.) that are locked in place and not interactive.
+                     */: number, focusedElement?: HTMLElement) => unknown;
                     GroupMetadataEditor?: React.ComponentType<any>;
                     showAlignmentOptions?: boolean;
                     readOnly?: boolean;
@@ -793,7 +841,11 @@ declare const InteractiveGraph: {
                 }>["baseElements"]>;
                 canScrollPage: NonNullable<Readonly<{
                     isArticle?: boolean;
-                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
+                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight? /**
+                     * The locked figures to display in the graph area.
+                     * Locked figures are graph elements (points, lines, line segmeents,
+                     * etc.) that are locked in place and not interactive.
+                     */: number, focusedElement?: HTMLElement) => unknown;
                     GroupMetadataEditor?: React.ComponentType<any>;
                     showAlignmentOptions?: boolean;
                     readOnly?: boolean;
@@ -829,7 +881,11 @@ declare const InteractiveGraph: {
                 }>["canScrollPage"]>;
                 editorChangeDelay: NonNullable<Readonly<{
                     isArticle?: boolean;
-                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
+                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight? /**
+                     * The locked figures to display in the graph area.
+                     * Locked figures are graph elements (points, lines, line segmeents,
+                     * etc.) that are locked in place and not interactive.
+                     */: number, focusedElement?: HTMLElement) => unknown;
                     GroupMetadataEditor?: React.ComponentType<any>;
                     showAlignmentOptions?: boolean;
                     readOnly?: boolean;
@@ -865,7 +921,11 @@ declare const InteractiveGraph: {
                 }>["editorChangeDelay"]>;
                 groupAnnotator: NonNullable<Readonly<{
                     isArticle?: boolean;
-                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
+                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight? /**
+                     * The locked figures to display in the graph area.
+                     * Locked figures are graph elements (points, lines, line segmeents,
+                     * etc.) that are locked in place and not interactive.
+                     */: number, focusedElement?: HTMLElement) => unknown;
                     GroupMetadataEditor?: React.ComponentType<any>;
                     showAlignmentOptions?: boolean;
                     readOnly?: boolean;
@@ -901,7 +961,11 @@ declare const InteractiveGraph: {
                 }>["groupAnnotator"]>;
                 isArticle: NonNullable<Readonly<{
                     isArticle?: boolean;
-                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
+                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight? /**
+                     * The locked figures to display in the graph area.
+                     * Locked figures are graph elements (points, lines, line segmeents,
+                     * etc.) that are locked in place and not interactive.
+                     */: number, focusedElement?: HTMLElement) => unknown;
                     GroupMetadataEditor?: React.ComponentType<any>;
                     showAlignmentOptions?: boolean;
                     readOnly?: boolean;
@@ -937,7 +1001,11 @@ declare const InteractiveGraph: {
                 }>["isArticle"]>;
                 isMobile: NonNullable<Readonly<{
                     isArticle?: boolean;
-                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
+                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight? /**
+                     * The locked figures to display in the graph area.
+                     * Locked figures are graph elements (points, lines, line segmeents,
+                     * etc.) that are locked in place and not interactive.
+                     */: number, focusedElement?: HTMLElement) => unknown;
                     GroupMetadataEditor?: React.ComponentType<any>;
                     showAlignmentOptions?: boolean;
                     readOnly?: boolean;
@@ -973,7 +1041,11 @@ declare const InteractiveGraph: {
                 }>["isMobile"]>;
                 isMobileApp: NonNullable<Readonly<{
                     isArticle?: boolean;
-                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
+                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight? /**
+                     * The locked figures to display in the graph area.
+                     * Locked figures are graph elements (points, lines, line segmeents,
+                     * etc.) that are locked in place and not interactive.
+                     */: number, focusedElement?: HTMLElement) => unknown;
                     GroupMetadataEditor?: React.ComponentType<any>;
                     showAlignmentOptions?: boolean;
                     readOnly?: boolean;
@@ -1009,7 +1081,11 @@ declare const InteractiveGraph: {
                 }>["isMobileApp"]>;
                 onFocusChange: NonNullable<Readonly<{
                     isArticle?: boolean;
-                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
+                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight? /**
+                     * The locked figures to display in the graph area.
+                     * Locked figures are graph elements (points, lines, line segmeents,
+                     * etc.) that are locked in place and not interactive.
+                     */: number, focusedElement?: HTMLElement) => unknown;
                     GroupMetadataEditor?: React.ComponentType<any>;
                     showAlignmentOptions?: boolean;
                     readOnly?: boolean;
@@ -1045,7 +1121,11 @@ declare const InteractiveGraph: {
                 }>["onFocusChange"]>;
                 readOnly: NonNullable<Readonly<{
                     isArticle?: boolean;
-                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
+                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight? /**
+                     * The locked figures to display in the graph area.
+                     * Locked figures are graph elements (points, lines, line segmeents,
+                     * etc.) that are locked in place and not interactive.
+                     */: number, focusedElement?: HTMLElement) => unknown;
                     GroupMetadataEditor?: React.ComponentType<any>;
                     showAlignmentOptions?: boolean;
                     readOnly?: boolean;
@@ -1081,7 +1161,11 @@ declare const InteractiveGraph: {
                 }>["readOnly"]>;
                 setDrawingAreaAvailable: NonNullable<Readonly<{
                     isArticle?: boolean;
-                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
+                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight? /**
+                     * The locked figures to display in the graph area.
+                     * Locked figures are graph elements (points, lines, line segmeents,
+                     * etc.) that are locked in place and not interactive.
+                     */: number, focusedElement?: HTMLElement) => unknown;
                     GroupMetadataEditor?: React.ComponentType<any>;
                     showAlignmentOptions?: boolean;
                     readOnly?: boolean;
@@ -1117,7 +1201,11 @@ declare const InteractiveGraph: {
                 }>["setDrawingAreaAvailable"]>;
                 showAlignmentOptions: NonNullable<Readonly<{
                     isArticle?: boolean;
-                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
+                    onFocusChange?: (newFocusPath: import("@khanacademy/perseus").FocusPath, oldFocusPath: import("@khanacademy/perseus").FocusPath, keypadHeight? /**
+                     * The locked figures to display in the graph area.
+                     * Locked figures are graph elements (points, lines, line segmeents,
+                     * etc.) that are locked in place and not interactive.
+                     */: number, focusedElement?: HTMLElement) => unknown;
                     GroupMetadataEditor?: React.ComponentType<any>;
                     showAlignmentOptions?: boolean;
                     readOnly?: boolean;

package/dist/widgets/radio/radio-image-editor.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+interface RadioImageEditorProps {
+    initialImageUrl: string;
+    initialImageAltText: string;
+    containerClassName?: string;
+    onSave: (imageUrl: string, imageAltText: string) => void;
+    onClose?: () => void;
+    onDelete?: () => void;
+}
+export default function RadioImageEditor({ initialImageUrl, initialImageAltText, containerClassName, onSave, onClose, onDelete, }: RadioImageEditorProps): React.ReactElement;
+export {};

package/dist/widgets/radio/radio-option-content-and-image-editor.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+type Props = {
+    isNoneOfTheAbove: boolean;
+    content: string;
+    choiceIndex: number;
+    onContentChange: (choiceIndex: number, content: string) => void;
+};
+export declare const RadioOptionContentAndImageEditor: (props: Props) => React.JSX.Element;
+export {};

package/dist/widgets/radio/utils.d.ts

@@ -1,3 +1,11 @@
 import type { ChoiceMovementType } from "./radio-option-settings-actions";
 import type { PerseusRadioChoice } from "@khanacademy/perseus-core";
 export declare function getMovedChoices(choices: PerseusRadioChoice[], hasNoneOfTheAbove: boolean, choiceIndex: number, movement: ChoiceMovementType): PerseusRadioChoice[];
+export declare function setImageProxyFromMarkdownContent(markdownContent: string): [string, {
+    url: string;
+    altText: string;
+}[]];
+export declare function setMarkdownContentFromImageProxy(proxiedContent: string, images: {
+    url: string;
+    altText: string;
+}[]): string;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Perseus editors",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "27.0.2",
+  "version": "27.1.0",
   "publishConfig": {
     "access": "public"
   },
@@ -35,36 +35,36 @@
     "mafs": "^0.19.0",
     "tiny-invariant": "1.3.1",
     "@khanacademy/kas": "2.1.0",
-    "@khanacademy/keypad-context": "3.1.1",
-    "@khanacademy/kmath": "2.1.1",
-    "@khanacademy/perseus-linter": "4.2.1",
-    "@khanacademy/math-input": "26.1.2",
-    "@khanacademy/perseus": "66.2.2",
-    "@khanacademy/perseus-core": "18.4.0",
-    "@khanacademy/perseus-score": "7.4.0",
+    "@khanacademy/keypad-context": "3.1.2",
+    "@khanacademy/kmath": "2.1.2",
+    "@khanacademy/math-input": "26.1.3",
+    "@khanacademy/perseus": "66.3.0",
+    "@khanacademy/perseus-core": "18.5.0",
+    "@khanacademy/perseus-linter": "4.2.2",
+    "@khanacademy/perseus-score": "7.5.0",
     "@khanacademy/perseus-utils": "2.1.0",
     "@khanacademy/pure-markdown": "2.2.0"
   },
   "devDependencies": {
     "@khanacademy/mathjax-renderer": "3.0.0",
-    "@khanacademy/wonder-blocks-accordion": "3.1.33",
-    "@khanacademy/wonder-blocks-banner": "4.2.11",
-    "@khanacademy/wonder-blocks-button": "10.2.15",
-    "@khanacademy/wonder-blocks-clickable": "7.1.19",
+    "@khanacademy/wonder-blocks-accordion": "3.1.34",
+    "@khanacademy/wonder-blocks-banner": "4.2.14",
+    "@khanacademy/wonder-blocks-button": "11.0.0",
+    "@khanacademy/wonder-blocks-clickable": "7.1.20",
     "@khanacademy/wonder-blocks-core": "12.3.0",
-    "@khanacademy/wonder-blocks-dropdown": "10.3.0",
-    "@khanacademy/wonder-blocks-form": "7.3.1",
-    "@khanacademy/wonder-blocks-icon": "5.2.13",
-    "@khanacademy/wonder-blocks-icon-button": "10.3.14",
-    "@khanacademy/wonder-blocks-labeled-field": "3.2.2",
-    "@khanacademy/wonder-blocks-layout": "3.1.30",
-    "@khanacademy/wonder-blocks-link": "9.1.19",
-    "@khanacademy/wonder-blocks-pill": "3.1.34",
-    "@khanacademy/wonder-blocks-switch": "3.3.12",
+    "@khanacademy/wonder-blocks-dropdown": "10.3.2",
+    "@khanacademy/wonder-blocks-form": "7.3.2",
+    "@khanacademy/wonder-blocks-icon": "5.2.14",
+    "@khanacademy/wonder-blocks-icon-button": "10.3.15",
+    "@khanacademy/wonder-blocks-labeled-field": "4.0.0",
+    "@khanacademy/wonder-blocks-layout": "3.1.31",
+    "@khanacademy/wonder-blocks-link": "9.1.20",
+    "@khanacademy/wonder-blocks-pill": "3.1.35",
+    "@khanacademy/wonder-blocks-switch": "3.3.13",
     "@khanacademy/wonder-blocks-timing": "7.0.2",
-    "@khanacademy/wonder-blocks-tokens": "12.0.1",
-    "@khanacademy/wonder-blocks-tooltip": "4.1.36",
-    "@khanacademy/wonder-blocks-typography": "4.2.15",
+    "@khanacademy/wonder-blocks-tokens": "12.0.2",
+    "@khanacademy/wonder-blocks-tooltip": "4.1.38",
+    "@khanacademy/wonder-blocks-typography": "4.2.16",
     "@khanacademy/wonder-stuff-core": "1.5.5",
     "@phosphor-icons/core": "2.0.2",
     "aphrodite": "1.2.5",
@@ -79,24 +79,24 @@
   },
   "peerDependencies": {
     "@khanacademy/mathjax-renderer": "^3.0.0",
-    "@khanacademy/wonder-blocks-accordion": "^3.1.33",
-    "@khanacademy/wonder-blocks-banner": "^4.2.11",
-    "@khanacademy/wonder-blocks-button": "^10.2.15",
-    "@khanacademy/wonder-blocks-clickable": "^7.1.19",
+    "@khanacademy/wonder-blocks-accordion": "^3.1.34",
+    "@khanacademy/wonder-blocks-banner": "^4.2.14",
+    "@khanacademy/wonder-blocks-button": "^11.0.0",
+    "@khanacademy/wonder-blocks-clickable": "^7.1.20",
     "@khanacademy/wonder-blocks-core": "^12.3.0",
-    "@khanacademy/wonder-blocks-dropdown": "^10.3.0",
-    "@khanacademy/wonder-blocks-form": "^7.3.1",
-    "@khanacademy/wonder-blocks-icon": "^5.2.13",
-    "@khanacademy/wonder-blocks-icon-button": "^10.3.14",
-    "@khanacademy/wonder-blocks-labeled-field": "^3.2.2",
-    "@khanacademy/wonder-blocks-layout": "^3.1.30",
-    "@khanacademy/wonder-blocks-link": "^9.1.19",
-    "@khanacademy/wonder-blocks-pill": "^3.1.34",
-    "@khanacademy/wonder-blocks-switch": "^3.3.12",
+    "@khanacademy/wonder-blocks-dropdown": "^10.3.2",
+    "@khanacademy/wonder-blocks-form": "^7.3.2",
+    "@khanacademy/wonder-blocks-icon": "^5.2.14",
+    "@khanacademy/wonder-blocks-icon-button": "^10.3.15",
+    "@khanacademy/wonder-blocks-labeled-field": "^4.0.0",
+    "@khanacademy/wonder-blocks-layout": "^3.1.31",
+    "@khanacademy/wonder-blocks-link": "^9.1.20",
+    "@khanacademy/wonder-blocks-pill": "^3.1.35",
+    "@khanacademy/wonder-blocks-switch": "^3.3.13",
     "@khanacademy/wonder-blocks-timing": "^7.0.2",
-    "@khanacademy/wonder-blocks-tokens": "^12.0.1",
-    "@khanacademy/wonder-blocks-tooltip": "^4.1.36",
-    "@khanacademy/wonder-blocks-typography": "^4.2.15",
+    "@khanacademy/wonder-blocks-tokens": "^12.0.2",
+    "@khanacademy/wonder-blocks-tooltip": "^4.1.38",
+    "@khanacademy/wonder-blocks-typography": "^4.2.16",
     "@khanacademy/wonder-stuff-core": "^1.5.5",
     "@phosphor-icons/core": "^2.0.2",
     "aphrodite": "^1.2.5",