@khanacademy/perseus-editor 33.1.0 → 33.2.0

package/dist/testing/feature-flags-util.d.ts

@@ -1,23 +1,16 @@
-declare const DEFAULT_FEATURE_FLAGS: {
-    "perseus-test-flag-1": boolean;
-    "perseus-test-flag-2": boolean;
-    "interactive-graph-vector": boolean;
-    "interactive-graph-not-scored": boolean;
-    "input-number-to-numeric-input": boolean;
-    "grapher-to-interactive-graph": boolean;
-    "desmos-calculator": boolean;
-};
+import type { PerseusFeatureFlags } from "@khanacademy/perseus-core";
+declare const DEFAULT_FEATURE_FLAGS: Record<"perseus-test-flag-1" | "perseus-test-flag-2" | (typeof PerseusFeatureFlags)[number], boolean>;
 /** Utility to get feature flags with optional overrides for testing.
  *  sample usage:
  *  getFeatureFlags({"image-widget-upgrade": true})
  */
 export declare function getFeatureFlags(overrides?: Partial<typeof DEFAULT_FEATURE_FLAGS>): {
-    "perseus-test-flag-1": boolean;
-    "perseus-test-flag-2": boolean;
-    "interactive-graph-vector": boolean;
-    "interactive-graph-not-scored": boolean;
     "input-number-to-numeric-input": boolean;
+    "perseus-renderer-upgrade": boolean;
     "grapher-to-interactive-graph": boolean;
     "desmos-calculator": boolean;
+    "perseus-enable-point-label-field": boolean;
+    "perseus-test-flag-1": boolean;
+    "perseus-test-flag-2": boolean;
 };
 export {};

package/dist/widgets/expression-editor.d.ts

@@ -1,9 +1,11 @@
 import { PerseusExpressionAnswerFormConsidered } from "@khanacademy/perseus-core";
 import * as React from "react";
-import type { PerseusExpressionWidgetOptions, ExpressionDefaultWidgetOptions, PerseusExpressionUserInput } from "@khanacademy/perseus-core";
+import type { APIOptions } from "@khanacademy/perseus";
+import type { PerseusExpressionWidgetOptions, PerseusExpressionUserInput } from "@khanacademy/perseus-core";
 type Props = {
     widgetId?: string;
     value?: string;
+    apiOptions: APIOptions;
     onChange: (newValues: Partial<PerseusExpressionWidgetOptions>) => void;
 } & Omit<PerseusExpressionWidgetOptions, "buttonsVisible">;
 type AnswerForm = PerseusExpressionWidgetOptions["answerForms"][number];
@@ -15,7 +17,7 @@ interface State {
  */
 declare class ExpressionEditor extends React.Component<Props, State> {
     static widgetName: "expression";
-    static defaultProps: ExpressionDefaultWidgetOptions;
+    static defaultProps: any;
     constructor(props: Props);
     serialize(): PerseusExpressionWidgetOptions;
     getSaveWarnings: () => any;

package/dist/widgets/free-response-editor.d.ts

@@ -1,14 +1,16 @@
 import * as React from "react";
-import type { PerseusFreeResponseWidgetOptions, FreeResponseDefaultWidgetOptions, PerseusFreeResponseWidgetScoringCriterion } from "@khanacademy/perseus-core";
+import type { APIOptions } from "@khanacademy/perseus";
+import type { PerseusFreeResponseWidgetOptions, PerseusFreeResponseWidgetScoringCriterion } from "@khanacademy/perseus-core";
 import type { ChangeEventHandler } from "react";
 type Props = PerseusFreeResponseWidgetOptions & {
+    apiOptions: APIOptions;
     onChange: (options: Partial<PerseusFreeResponseWidgetOptions>) => void;
 };
 /**
  * An editor for adding a free response widget that allows users to enter open-ended text answers.
  */
 declare class FreeResponseEditor extends React.Component<Props> {
-    static defaultProps: FreeResponseDefaultWidgetOptions;
+    static defaultProps: any;
     static widgetName: "free-response";
     serialize: () => PerseusFreeResponseWidgetOptions;
     getSaveWarnings: () => Array<string>;
@@ -16,7 +18,7 @@ declare class FreeResponseEditor extends React.Component<Props> {
     handleUpdateCriterion: (index: number, criterion: PerseusFreeResponseWidgetScoringCriterion) => void;
     handleDeleteCriterion: (index: number) => void;
     handleAddCriterion: () => void;
-    renderCriteriaList: () => React.ReactNode;
+    renderCriteriaList: (editingDisabled: boolean) => React.ReactNode;
     render(): React.ReactNode;
 }
 export default FreeResponseEditor;

package/dist/widgets/image-editor/components/decorative-toggle.d.ts

@@ -3,7 +3,8 @@ import type { Props as ImageEditorProps } from "../image-editor";
 interface Props {
     decorative?: boolean;
     hasPopulatedFields?: boolean;
+    editingDisabled?: boolean;
     onChange: ImageEditorProps["onChange"];
 }
-export default function DecorativeToggle({ decorative, hasPopulatedFields, onChange, }: Props): React.JSX.Element;
+export default function DecorativeToggle({ decorative, hasPopulatedFields, editingDisabled, onChange, }: Props): React.JSX.Element;
 export {};

package/dist/widgets/image-editor/components/image-scale-input.d.ts

@@ -4,7 +4,8 @@ import type { PerseusImageBackground } from "@khanacademy/perseus-core";
 interface Props {
     backgroundImage: PerseusImageBackground;
     scale: number;
+    editingDisabled?: boolean;
     onChange: ImageEditorProps["onChange"];
 }
-export default function ImageScaleInput({ backgroundImage, scale, onChange, }: Props): React.JSX.Element;
+export default function ImageScaleInput({ backgroundImage, scale, editingDisabled, onChange, }: Props): React.JSX.Element;
 export {};

package/dist/widgets/image-editor/components/image-settings.d.ts

@@ -1,3 +1,3 @@
 import * as React from "react";
 import type { Props } from "../image-editor";
-export default function ImageSettings({ alt, backgroundImage, scale, caption, decorative, longDescription, title, onChange, }: Props): React.JSX.Element | null;
+export default function ImageSettings({ alt, apiOptions, backgroundImage, scale, caption, decorative, longDescription, title, onChange, }: Props): React.JSX.Element | null;

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

@@ -1,6 +1,7 @@
 import * as React from "react";
 interface GraphTypeSelectorProps {
     graphType: string;
+    disabled?: boolean;
     onChange: (newGraphType: string) => void;
 }
 declare const GraphTypeSelector: (props: GraphTypeSelectorProps) => React.JSX.Element;

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

@@ -3,6 +3,7 @@ import type { Props as EditorProps } from "../interactive-graph-editor";
 interface Props {
     ariaLabelValue: string;
     ariaDescriptionValue: string;
+    editingDisabled?: boolean;
     onChange: (graphProps: Partial<EditorProps>) => void;
 }
 export default function InteractiveGraphDescription(props: Props): React.JSX.Element;

package/dist/widgets/interactive-graph-editor/components/interactive-graph-sr-tree.d.ts

@@ -9,11 +9,12 @@ interface AttributeMap {
     attributes: Array<Attribute>;
 }
 export declare function getAccessibilityAttributes(graphId: string): AttributeMap[];
-declare function InteractiveGraphSRTree({ graphId, correct, fullGraphAriaLabel, fullGraphAriaDescription, lockedFigures, }: {
+declare function InteractiveGraphSRTree({ graphId, correct, fullGraphAriaLabel, fullGraphAriaDescription, lockedFigures, editingDisabled, }: {
     graphId: any;
     correct: any;
     fullGraphAriaLabel: any;
     fullGraphAriaDescription: any;
     lockedFigures: any;
+    editingDisabled?: boolean | undefined;
 }): React.JSX.Element;
 export default InteractiveGraphSRTree;

package/dist/widgets/interactive-graph-editor/components/show-point-labels-toggle.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+interface Props {
+    showPointLabels: boolean;
+    pointLabels: ReadonlyArray<string> | undefined;
+    onChange: (showPointLabels: boolean) => void;
+}
+export default function ShowPointLabelsToggle({ showPointLabels, pointLabels, onChange, }: Props): React.JSX.Element;
+export {};

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

@@ -63,7 +63,7 @@ declare const InteractiveGraph: {
                 isMobile?: boolean;
                 isMobileApp?: boolean;
                 hintProgressColor?: string;
-                flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+                flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
             }> & {
                 baseElements: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -92,7 +92,7 @@ declare const InteractiveGraph: {
                     isMobile?: boolean;
                     isMobileApp?: boolean;
                     hintProgressColor?: string;
-                    flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+                    flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
                 }>["baseElements"]>;
                 isArticle: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -121,7 +121,7 @@ declare const InteractiveGraph: {
                     isMobile?: boolean;
                     isMobileApp?: boolean;
                     hintProgressColor?: string;
-                    flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+                    flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
                 }>["isArticle"]>;
                 isMobile: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -150,7 +150,7 @@ declare const InteractiveGraph: {
                     isMobile?: boolean;
                     isMobileApp?: boolean;
                     hintProgressColor?: string;
-                    flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+                    flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
                 }>["isMobile"]>;
                 isMobileApp: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -179,7 +179,7 @@ declare const InteractiveGraph: {
                     isMobile?: boolean;
                     isMobileApp?: boolean;
                     hintProgressColor?: string;
-                    flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+                    flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
                 }>["isMobileApp"]>;
                 editingDisabled: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -208,7 +208,7 @@ declare const InteractiveGraph: {
                     isMobile?: boolean;
                     isMobileApp?: boolean;
                     hintProgressColor?: string;
-                    flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+                    flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
                 }>["editingDisabled"]>;
                 onFocusChange: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -237,7 +237,7 @@ declare const InteractiveGraph: {
                     isMobile?: boolean;
                     isMobileApp?: boolean;
                     hintProgressColor?: string;
-                    flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+                    flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
                 }>["onFocusChange"]>;
                 readOnly: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -266,7 +266,7 @@ declare const InteractiveGraph: {
                     isMobile?: boolean;
                     isMobileApp?: boolean;
                     hintProgressColor?: string;
-                    flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+                    flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
                 }>["readOnly"]>;
                 showAlignmentOptions: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -295,7 +295,7 @@ declare const InteractiveGraph: {
                     isMobile?: boolean;
                     isMobileApp?: boolean;
                     hintProgressColor?: string;
-                    flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+                    flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
                 }>["showAlignmentOptions"]>;
             }>;
             keypadElement?: any;
@@ -389,7 +389,7 @@ declare const InteractiveGraph: {
                 isMobile?: boolean;
                 isMobileApp?: boolean;
                 hintProgressColor?: string;
-                flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+                flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
             }> & {
                 baseElements: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -418,7 +418,7 @@ declare const InteractiveGraph: {
                     isMobile?: boolean;
                     isMobileApp?: boolean;
                     hintProgressColor?: string;
-                    flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+                    flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
                 }>["baseElements"]>;
                 isArticle: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -447,7 +447,7 @@ declare const InteractiveGraph: {
                     isMobile?: boolean;
                     isMobileApp?: boolean;
                     hintProgressColor?: string;
-                    flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+                    flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
                 }>["isArticle"]>;
                 isMobile: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -476,7 +476,7 @@ declare const InteractiveGraph: {
                     isMobile?: boolean;
                     isMobileApp?: boolean;
                     hintProgressColor?: string;
-                    flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+                    flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
                 }>["isMobile"]>;
                 isMobileApp: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -505,7 +505,7 @@ declare const InteractiveGraph: {
                     isMobile?: boolean;
                     isMobileApp?: boolean;
                     hintProgressColor?: string;
-                    flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+                    flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
                 }>["isMobileApp"]>;
                 editingDisabled: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -534,7 +534,7 @@ declare const InteractiveGraph: {
                     isMobile?: boolean;
                     isMobileApp?: boolean;
                     hintProgressColor?: string;
-                    flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+                    flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
                 }>["editingDisabled"]>;
                 onFocusChange: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -563,7 +563,7 @@ declare const InteractiveGraph: {
                     isMobile?: boolean;
                     isMobileApp?: boolean;
                     hintProgressColor?: string;
-                    flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+                    flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
                 }>["onFocusChange"]>;
                 readOnly: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -592,7 +592,7 @@ declare const InteractiveGraph: {
                     isMobile?: boolean;
                     isMobileApp?: boolean;
                     hintProgressColor?: string;
-                    flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+                    flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
                 }>["readOnly"]>;
                 showAlignmentOptions: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -621,7 +621,7 @@ declare const InteractiveGraph: {
                     isMobile?: boolean;
                     isMobileApp?: boolean;
                     hintProgressColor?: string;
-                    flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+                    flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
                 }>["showAlignmentOptions"]>;
             }>;
             keypadElement?: any;
@@ -788,6 +788,7 @@ declare class InteractiveGraphEditor extends React.Component<Props> {
     };
     changeStartCoords: (coords: any) => void;
     changePointLabels: (pointLabels: ReadonlyArray<string>) => void;
+    changeShowPointLabels: (showPointLabels: boolean) => void;
     serialize(): PerseusInteractiveGraphWidgetOptions;
     getSaveWarnings: () => any[];
     render(): React.JSX.Element;

package/dist/widgets/interactive-graph-editor/locked-figures/color-select.d.ts

@@ -4,6 +4,7 @@ import type { StyleType } from "@khanacademy/wonder-blocks-core";
 interface Props {
     selectedValue: LockedFigureColor;
     style?: StyleType;
+    editingDisabled?: boolean;
     onChange: (newColor: LockedFigureColor) => void;
 }
 declare const ColorSelect: (props: Props) => React.JSX.Element;

package/dist/widgets/interactive-graph-editor/locked-figures/line-stroke-select.d.ts

@@ -5,6 +5,7 @@ interface Props {
     selectedValue: StyleOptions;
     onChange: (newValue: StyleOptions) => void;
     containerStyle?: StyleType;
+    editingDisabled?: boolean;
 }
 declare const LineStrokeSelect: (props: Props) => React.JSX.Element;
 export default LineStrokeSelect;

package/dist/widgets/interactive-graph-editor/locked-figures/line-weight-select.d.ts

@@ -5,6 +5,7 @@ interface Props {
     selectedValue: StrokeWeight;
     onChange: (newValue: StrokeWeight) => void;
     containerStyle?: StyleType;
+    editingDisabled?: boolean;
 }
 declare const LineWeightSelect: (props: Props) => React.JSX.Element;
 export default LineWeightSelect;

package/dist/widgets/interactive-graph-editor/locked-figures/locked-figure-aria.d.ts

@@ -6,6 +6,7 @@ interface Props {
      * for the locked figure with math details converted to spoken words.
      */
     getPrepopulatedAriaLabel: () => Promise<string>;
+    editingDisabled?: boolean;
     onChangeProps: (props: {
         ariaLabel?: string | undefined;
     }) => void;

package/dist/widgets/interactive-graph-editor/locked-figures/locked-figure-select.d.ts

@@ -2,6 +2,7 @@ import * as React from "react";
 import type { LockedFigureType } from "@khanacademy/perseus-core";
 interface Props {
     id: string;
+    editingDisabled?: boolean;
     onChange: (value: LockedFigureType) => void;
 }
 declare const LockedFigureSelect: (props: Props) => React.JSX.Element;

package/dist/widgets/interactive-graph-editor/locked-figures/locked-figure-settings-actions.d.ts

@@ -3,6 +3,7 @@ import type { LockedFigureType } from "@khanacademy/perseus-core";
 export type LockedFigureSettingsMovementType = "back" | "backward" | "forward" | "front";
 interface Props {
     figureType: LockedFigureType;
+    editingDisabled?: boolean;
     onMove?: (movement: LockedFigureSettingsMovementType) => void;
     onRemove: () => void;
 }

package/dist/widgets/interactive-graph-editor/locked-figures/locked-figure-settings.d.ts

@@ -14,6 +14,10 @@ import type { Props as LockedPointProps } from "./locked-point-settings";
 import type { Props as LockedPolygonProps } from "./locked-polygon-settings";
 import type { Props as LockedVectorProps } from "./locked-vector-settings";
 export interface LockedFigureSettingsCommonProps {
+    /**
+     * Whether editing is disabled for this figure's controls.
+     */
+    editingDisabled?: boolean;
     /**
      * Called when a movement button (top, up, down, bottom) is pressed.
      */

package/dist/widgets/interactive-graph-editor/locked-figures/locked-label-settings.d.ts

@@ -3,6 +3,10 @@ import * as React from "react";
 import type { LockedFigureSettingsMovementType } from "./locked-figure-settings-actions";
 import type { StyleType } from "@khanacademy/wonder-blocks-core";
 export type Props = LockedLabelType & {
+    /**
+     * Whether editing is disabled for this label's controls.
+     */
+    editingDisabled?: boolean;
     /**
      * Called when the props (coord, color, etc.) are updated.
      */

package/dist/widgets/interactive-graph-editor/locked-figures/locked-point-settings.d.ts

@@ -7,6 +7,10 @@ export type Props = LockedPointType & {
      * Defaults to "Point".
      */
     headerLabel?: string;
+    /**
+     * Whether editing is disabled for this figure's controls.
+     */
+    editingDisabled?: boolean;
     /**
      * Whether the extra point settings are toggled open.
      */

package/dist/widgets/interactive-graph-editor/start-coords/start-coords-settings.d.ts

@@ -5,6 +5,7 @@ interface StartCoordsSettingsProps {
     range: [x: Range, y: Range];
     step: [x: number, y: number];
     allowReflexAngles?: boolean;
+    editingDisabled?: boolean;
     onChange: (startCoords: StartCoords) => void;
     onChangePointLabels: (pointLabels: ReadonlyArray<string>) => void;
 }

package/dist/widgets/label-image-editor/select-image.d.ts

@@ -5,6 +5,7 @@ import * as React from "react";
 export interface SelectImageProps {
     onChange: (url: string) => void;
     url: string;
+    editingDisabled?: boolean;
 }
-declare const SelectImage: ({ onChange, url }: SelectImageProps) => React.ReactElement;
+declare const SelectImage: ({ onChange, url, editingDisabled, }: SelectImageProps) => React.ReactElement;
 export default SelectImage;

package/dist/widgets/numeric-input-editor.d.ts

@@ -1,11 +1,11 @@
 import { Changeable } from "@khanacademy/perseus";
-import { type NumericInputDefaultWidgetOptions, type PerseusNumericInputWidgetOptions } from "@khanacademy/perseus-core";
+import { type PerseusNumericInputWidgetOptions } from "@khanacademy/perseus-core";
 import * as React from "react";
 import type { APIOptionsWithDefaults } from "@khanacademy/perseus";
 type ChangeFn = typeof Changeable.change;
 type Props = Omit<PerseusNumericInputWidgetOptions, "static"> & {
     onChange: (results: any) => any;
-    apiOptions?: APIOptionsWithDefaults;
+    apiOptions: APIOptionsWithDefaults;
 };
 interface State {
     lastStatus: string;
@@ -20,7 +20,7 @@ interface State {
 declare class NumericInputEditor extends React.Component<Props, State> {
     static widgetName: string;
     static displayName: string;
-    static defaultProps: NumericInputDefaultWidgetOptions;
+    static defaultProps: any;
     constructor(props: Props);
     change: ChangeFn;
     onToggleAnswers: (answerIndex: number) => void;

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

@@ -4,6 +4,7 @@ interface RadioImageEditorProps {
     imageAltText: string;
     onSave: (imageUrl: string, imageAltText: string) => void;
     onDelete: () => void;
+    editingDisabled?: boolean;
 }
-export default function RadioImageEditor({ imageUrl, imageAltText, onSave, onDelete, }: RadioImageEditorProps): React.ReactElement;
+export default function RadioImageEditor({ imageUrl, imageAltText, onSave, onDelete, editingDisabled, }: RadioImageEditorProps): React.ReactElement;
 export {};

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

@@ -4,6 +4,7 @@ interface Props {
     content: string;
     choiceIndex: number;
     onContentChange: (choiceIndex: number, content: string) => void;
+    editingDisabled?: boolean;
 }
 export interface RadioOptionContentAndImageEditorHandle {
     focus: () => void;

package/dist/widgets/radio/radio-option-settings-actions.d.ts

@@ -6,6 +6,7 @@ interface RadioOptionSettingsActionsProps {
     showMove: boolean;
     onDelete: () => void;
     onMove: (movement: ChoiceMovementType) => void;
+    editingDisabled: boolean;
 }
-export declare function RadioOptionSettingsActions({ content, showDelete, showMove, onDelete, onMove, }: RadioOptionSettingsActionsProps): React.JSX.Element;
+export declare function RadioOptionSettingsActions({ content, showDelete, showMove, onDelete, onMove, editingDisabled, }: RadioOptionSettingsActionsProps): React.JSX.Element;
 export {};

package/dist/widgets/radio/radio-option-settings.d.ts

@@ -15,6 +15,7 @@ interface RadioOptionSettingsProps {
     showMove: boolean;
     onDelete: () => void;
     onMove: (choiceIndex: number, movement: ChoiceMovementType) => void;
+    editingDisabled: boolean;
 }
 export declare const RadioOptionSettings: React.ForwardRefExoticComponent<RadioOptionSettingsProps & React.RefAttributes<RadioOptionSettingsHandle>>;
 export {};

package/package.json

@@ -3,7 +3,7 @@
   "description": "Perseus editors",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "33.1.0",
+  "version": "33.2.0",
   "publishConfig": {
     "access": "public"
   },
@@ -36,13 +36,13 @@
     "mafs": "^0.19.0",
     "tiny-invariant": "1.3.1",
     "@khanacademy/kas": "2.2.3",
-    "@khanacademy/keypad-context": "3.2.65",
-    "@khanacademy/kmath": "2.4.23",
-    "@khanacademy/math-input": "26.4.37",
-    "@khanacademy/perseus": "78.2.0",
-    "@khanacademy/perseus-core": "28.2.0",
-    "@khanacademy/perseus-linter": "5.1.4",
-    "@khanacademy/perseus-score": "8.11.7",
+    "@khanacademy/keypad-context": "3.2.66",
+    "@khanacademy/kmath": "2.4.24",
+    "@khanacademy/math-input": "26.4.38",
+    "@khanacademy/perseus": "78.3.0",
+    "@khanacademy/perseus-core": "28.3.0",
+    "@khanacademy/perseus-linter": "5.1.5",
+    "@khanacademy/perseus-score": "8.11.8",
     "@khanacademy/perseus-utils": "2.1.5"
   },
   "devDependencies": {

package/dist/components/link.d.ts

@@ -1,39 +0,0 @@
-import * as React from "react";
-import type { CSSProperties } from "aphrodite";
-type DefaultProps = {
-    element: React.ElementType;
-    highlighted: boolean;
-    href: string;
-    style: CSSProperties | Array<CSSProperties>;
-};
-type Props = DefaultProps & {
-    children?: React.ReactNode;
-    className?: string;
-    inlineStyles?: React.CSSProperties;
-    referrer?: string;
-    target?: string;
-    rel?: string;
-    testId?: string;
-    onClick?: (e: React.MouseEvent) => unknown;
-    onMouseOver?: (e: React.MouseEvent) => unknown;
-    onMouseLeave?: (e: React.MouseEvent) => unknown;
-    onMouseEnter?: (e: React.MouseEvent) => unknown;
-    onBlur?: (e: React.SyntheticEvent) => unknown;
-    onFocus?: (e: React.SyntheticEvent) => unknown;
-    onKeyDown?: (e: React.KeyboardEvent) => unknown;
-    ["aria-label"]?: string;
-    ["aria-selected"]?: boolean;
-    ["aria-current"]?: boolean;
-    role?: "tab";
-    title?: string;
-    id?: string;
-    tabIndex?: number;
-};
-/**
- * A wrapper that creates an anchor tag with normalized styles
- */
-declare class Link extends React.Component<Props> {
-    static defaultProps: DefaultProps;
-    render(): React.ReactNode;
-}
-export default Link;