@khanacademy/perseus 33.3.0 → 34.1.0

package/dist/perseus-api.d.ts

@@ -107,6 +107,8 @@ export declare const ApiOptions: {
                 "unlimited-point"?: boolean | undefined;
             } & {
                 "interactive-graph-locked-features-labels"?: boolean | undefined;
+                "locked-point-labels"?: boolean | undefined;
+                "locked-line-labels"?: boolean | undefined;
             }) | undefined;
         } | undefined;
         onWidgetStartProps?: ((widgets: import("./perseus-types").PerseusWidgetsMap) => void) | undefined;

package/dist/perseus-types.d.ts

@@ -393,6 +393,7 @@ export type LockedPointType = {
     coord: Coord;
     color: LockedFigureColor;
     filled: boolean;
+    labels: LockedLabelType[];
 };
 export type LockedLineType = {
     type: "line";
@@ -402,6 +403,7 @@ export type LockedLineType = {
     lineStyle: LockedLineStyle;
     showPoint1: boolean;
     showPoint2: boolean;
+    labels: LockedLabelType[];
 };
 export type LockedVectorType = {
     type: "vector";
@@ -665,7 +667,7 @@ export type PerseusSimulatorWidgetOptions = {
 export type PerseusSorterWidgetOptions = {
     correct: ReadonlyArray<string>;
     padding: boolean;
-    layout: string;
+    layout: "horizontal" | "vertical";
 };
 export type PerseusTableWidgetOptions = {
     headers: ReadonlyArray<string>;

package/dist/server-item-renderer.d.ts

@@ -152,6 +152,8 @@ declare const ref: React.ForwardRefExoticComponent<Omit<Pick<SharedRendererProps
                 "unlimited-point"?: boolean | undefined;
             } & {
                 "interactive-graph-locked-features-labels"?: boolean | undefined;
+                "locked-point-labels"?: boolean | undefined;
+                "locked-line-labels"?: boolean | undefined;
             }) | undefined;
         } | undefined;
         onWidgetStartProps?: ((widgets: import("./perseus-types").PerseusWidgetsMap) => void) | undefined;

package/dist/types.d.ts

@@ -75,7 +75,7 @@ type TrackInteractionArgs = {
     correct?: boolean;
 } & Partial<TrackingGradedGroupExtraArguments> & Partial<TrackingSequenceExtraArguments>;
 export declare const MafsGraphTypeFlags: readonly ["angle", "segment", "linear", "linear-system", "ray", "polygon", "circle", "quadratic", "sinusoid", "point", "unlimited-point", "none"];
-export declare const InteractiveGraphLockedFeaturesFlags: readonly ["interactive-graph-locked-features-labels"];
+export declare const InteractiveGraphLockedFeaturesFlags: readonly ["interactive-graph-locked-features-labels", "locked-point-labels", "locked-line-labels"];
 /**
  * APIOptions provides different ways to customize the behaviour of Perseus.
  *

package/dist/util/answer-types.d.ts

@@ -1,7 +1,7 @@
 import type { PerseusStrings } from "../strings";
 type Guess = any;
 type Predicate = any;
-type Score = {
+export type Score = {
     empty: boolean;
     correct: boolean;
     message: string | null | undefined;

package/dist/widgets/__shared__/noop-validator.d.ts

@@ -0,0 +1,11 @@
+import type { PerseusScore } from "../../types";
+/**
+ * Several widgets don't have "right"/"wrong" validation logic,
+ * so this just says to move on past those widgets
+ *
+ * TODO(LEMS-2396) widgets that use this probably shouldn't have any
+ * validation logic and the thing validating an exercise
+ * should just know to skip these
+ */
+declare function noopValidator(points?: number): PerseusScore;
+export default noopValidator;

package/dist/widgets/categorizer/categorizer-validator.d.ts

@@ -0,0 +1,5 @@
+import type { Rubric, UserInput } from "./categorizer.types";
+import type { PerseusStrings } from "../../strings";
+import type { PerseusScore } from "../../types";
+declare function categorizerValidator(userInput: UserInput, rubric: Rubric, strings: PerseusStrings): PerseusScore;
+export default categorizerValidator;

package/dist/widgets/categorizer/categorizer.d.ts

@@ -1,10 +1,9 @@
 import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
+import type { Rubric, UserInput } from "./categorizer.types";
 import type { PerseusCategorizerWidgetOptions } from "../../perseus-types";
 import type { PerseusStrings } from "../../strings";
 import type { PerseusScore, WidgetProps } from "../../types";
-type UserInput = any;
-export type Rubric = PerseusCategorizerWidgetOptions;
 type Props = WidgetProps<RenderProps, Rubric> & {
     values: ReadonlyArray<string>;
 };

package/dist/widgets/categorizer/categorizer.types.d.ts

@@ -0,0 +1,5 @@
+import type { PerseusCategorizerWidgetOptions } from "../../perseus-types";
+export type UserInput = {
+    values: ReadonlyArray<number>;
+};
+export type Rubric = PerseusCategorizerWidgetOptions;

package/dist/widgets/cs-program/cs-program.d.ts

@@ -1,28 +1,34 @@
 /**
  * This widget is for embedding Khan Academy CS programs.
  */
-import PropTypes from "prop-types";
 import * as React from "react";
-declare class CSProgram extends React.Component<any> {
-    static propTypes: {
-        programID: PropTypes.Requireable<string>;
-        programType: PropTypes.Requireable<string>;
-        width: PropTypes.Requireable<number>;
-        height: PropTypes.Requireable<number>;
-        settings: PropTypes.Requireable<any[]>;
-        showEditor: PropTypes.Requireable<boolean>;
-        showButtons: PropTypes.Requireable<boolean>;
-        status: PropTypes.Requireable<string>;
-        message: PropTypes.Requireable<string>;
-        onChange: PropTypes.Validator<(...args: any[]) => any>;
-    };
-    static validate(state: any, rubric: any): any;
-    static defaultProps: any;
+import type { PerseusCSProgramWidgetOptions } from "../../perseus-types";
+import type { PerseusScore, WidgetProps } from "../../types";
+type Status = "correct" | "incorrect" | "incomplete";
+type UserInput = {
+    status: Status;
+    message: string | null;
+};
+type RenderProps = PerseusCSProgramWidgetOptions & {
+    status: Status;
+    message: string | null;
+};
+export type Rubric = PerseusCSProgramWidgetOptions;
+type Props = WidgetProps<RenderProps, Rubric>;
+type DefaultProps = {
+    showEditor: Props["showEditor"];
+    showButtons: Props["showButtons"];
+    status: Props["status"];
+    message: Props["message"];
+};
+declare class CSProgram extends React.Component<Props> {
+    static defaultProps: DefaultProps;
+    static validate(state: UserInput, rubric: any): PerseusScore;
     componentDidMount(): void;
     componentWillUnmount(): void;
     handleMessageEvent: (arg1: any) => void;
     change: (...args: ReadonlyArray<unknown>) => any;
-    simpleValidate: (arg1: any) => any;
+    simpleValidate(rubric: any): PerseusScore;
     render(): React.ReactNode;
 }
 declare const _default: Readonly<{

package/dist/widgets/definition/definition.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
 import type { PerseusRenderer, PerseusDefinitionWidgetOptions } from "../../perseus-types";
-import type { PerseusScore, WidgetProps } from "../../types";
+import type { WidgetProps } from "../../types";
 type RenderProps = PerseusDefinitionWidgetOptions;
 type Rubric = PerseusDefinitionWidgetOptions;
 type UserInput = Empty;
@@ -19,9 +19,9 @@ declare class Definition extends React.Component<DefinitionProps> {
     }>;
     context: React.ContextType<typeof PerseusI18nContext>;
     static defaultProps: DefaultProps;
-    static validate(userInput: UserInput, rubric: Rubric): PerseusScore;
+    static validate(): import("../../types").PerseusScore;
     getUserInput: () => UserInput;
-    simpleValidate: (arg1: Rubric) => PerseusScore;
+    simpleValidate(): import("../../types").PerseusScore;
     render(): React.ReactNode;
 }
 declare const _default: Readonly<{

package/dist/widgets/dropdown/dropdown-validator.d.ts

@@ -0,0 +1,4 @@
+import type { Rubric, UserInput } from "./dropdown.types";
+import type { PerseusScore } from "../../types";
+declare function dropdownValidator(userInput: UserInput, rubric: Rubric): PerseusScore;
+export default dropdownValidator;

package/dist/widgets/dropdown/dropdown.d.ts

@@ -1,10 +1,6 @@
 import * as React from "react";
-import type { PerseusDropdownWidgetOptions } from "../../perseus-types";
+import type { Rubric, UserInput } from "./dropdown.types";
 import type { PerseusScore, WidgetProps } from "../../types";
-type Rubric = PerseusDropdownWidgetOptions;
-type UserInput = {
-    value: number;
-};
 type Props = WidgetProps<RenderProps, Rubric> & {
     selected: number;
 };

package/dist/widgets/dropdown/dropdown.types.d.ts

@@ -0,0 +1,5 @@
+import type { PerseusDropdownWidgetOptions } from "../../perseus-types";
+export type Rubric = PerseusDropdownWidgetOptions;
+export type UserInput = {
+    value: number;
+};

package/dist/widgets/explanation/explanation.d.ts

@@ -1,10 +1,8 @@
 import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
 import type { PerseusExplanationWidgetOptions } from "../../perseus-types";
-import type { PerseusScore, WidgetProps } from "../../types";
+import type { WidgetProps } from "../../types";
 type RenderProps = PerseusExplanationWidgetOptions;
-type Rubric = PerseusExplanationWidgetOptions;
-type UserInput = Empty;
 type Props = WidgetProps<RenderProps, PerseusExplanationWidgetOptions>;
 type DefaultProps = {
     showPrompt: Props["showPrompt"];
@@ -25,13 +23,13 @@ declare class Explanation extends React.Component<Props, State> {
     state: State;
     _mounted: boolean;
     static defaultProps: DefaultProps;
-    static validate(userInput: UserInput, rubric: Rubric): PerseusScore;
+    static validate(): import("../../types").PerseusScore;
     componentDidMount(): void;
     componentWillUnmount(): void;
     change: (arg1: any, arg2: any, arg3: any) => any;
     _onClick: () => void;
     getUserInput: () => Empty;
-    simpleValidate: (arg1: Rubric) => PerseusScore;
+    simpleValidate(): import("../../types").PerseusScore;
     render(): React.ReactNode;
 }
 declare const _default: Readonly<{

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

@@ -0,0 +1,5 @@
+import type { Rubric, OnInputErrorFunctionType } from "./expression.types";
+import type { PerseusStrings } from "../../strings";
+import type { PerseusScore } from "../../types";
+declare function expressionValidator(userInput: string, rubric: Rubric, onInputError: OnInputErrorFunctionType | undefined, strings: PerseusStrings, locale: string): PerseusScore;
+export default expressionValidator;

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

@@ -1,12 +1,12 @@
 import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
+import type { Rubric, OnInputErrorFunctionType } from "./expression.types";
 import type { DependenciesContext } from "../../dependencies";
 import type { PerseusExpressionWidgetOptions } from "../../perseus-types";
 import type { PerseusStrings } from "../../strings";
 import type { PerseusScore, WidgetProps } from "../../types";
 import type { Keys as Key, KeypadConfiguration } from "@khanacademy/math-input";
 type InputPath = ReadonlyArray<string>;
-type Rubric = PerseusExpressionWidgetOptions;
 type RenderProps = {
     buttonSets: PerseusExpressionWidgetOptions["buttonSets"];
     buttonsVisible?: PerseusExpressionWidgetOptions["buttonsVisible"];
@@ -44,11 +44,6 @@ type DefaultProps = {
     times: Props["times"];
     value: Props["value"];
 };
-type OnInputErrorFunctionType = (arg1?: any, arg2?: any, arg3?: any) => boolean | null | undefined;
-/**
- *  Get the character used for separating decimals.
- */
-export declare const getDecimalSeparator: (locale: string) => string;
 export declare class Expression extends React.Component<Props, ExpressionState> {
     static contextType: React.Context<{
         strings: PerseusStrings;
@@ -153,6 +148,8 @@ declare const _default: Readonly<{
                     "unlimited-point"?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-labels"?: boolean | undefined;
+                    "locked-point-labels"?: boolean | undefined;
+                    "locked-line-labels"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("../../perseus-types").PerseusWidgetsMap) => void) | undefined;
@@ -233,6 +230,8 @@ declare const _default: Readonly<{
                     "unlimited-point"?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-labels"?: boolean | undefined;
+                    "locked-point-labels"?: boolean | undefined;
+                    "locked-line-labels"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("../../perseus-types").PerseusWidgetsMap) => void) | undefined;
@@ -313,6 +312,8 @@ declare const _default: Readonly<{
                     "unlimited-point"?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-labels"?: boolean | undefined;
+                    "locked-point-labels"?: boolean | undefined;
+                    "locked-line-labels"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("../../perseus-types").PerseusWidgetsMap) => void) | undefined;
@@ -392,6 +393,8 @@ declare const _default: Readonly<{
                     "unlimited-point"?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-labels"?: boolean | undefined;
+                    "locked-point-labels"?: boolean | undefined;
+                    "locked-line-labels"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("../../perseus-types").PerseusWidgetsMap) => void) | undefined;
@@ -472,6 +475,8 @@ declare const _default: Readonly<{
                     "unlimited-point"?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-labels"?: boolean | undefined;
+                    "locked-point-labels"?: boolean | undefined;
+                    "locked-line-labels"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("../../perseus-types").PerseusWidgetsMap) => void) | undefined;
@@ -552,6 +557,8 @@ declare const _default: Readonly<{
                     "unlimited-point"?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-labels"?: boolean | undefined;
+                    "locked-point-labels"?: boolean | undefined;
+                    "locked-line-labels"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("../../perseus-types").PerseusWidgetsMap) => void) | undefined;

package/dist/widgets/expression/expression.types.d.ts

@@ -0,0 +1,3 @@
+import type { PerseusExpressionWidgetOptions } from "../../perseus-types";
+export type Rubric = PerseusExpressionWidgetOptions;
+export type OnInputErrorFunctionType = (arg1?: any, arg2?: any, arg3?: any) => boolean | null | undefined;

package/dist/widgets/expression/get-decimal-separator.d.ts

@@ -0,0 +1,5 @@
+/**
+ *  Get the character used for separating decimals.
+ */
+declare const getDecimalSeparator: (locale: string) => string;
+export default getDecimalSeparator;

package/dist/widgets/iframe/iframe.d.ts

@@ -6,24 +6,33 @@
  * It's particularly well suited for embedding our ProcessingJS programs,
  *  but could also be used for embedding viz's hosted elsewhere.
  */
-import PropTypes from "prop-types";
 import * as React from "react";
-declare class Iframe extends React.Component<any> {
-    static propTypes: {
-        width: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        height: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-        url: PropTypes.Requireable<string>;
-        settings: PropTypes.Requireable<any[]>;
-        status: PropTypes.Requireable<string>;
-        message: PropTypes.Requireable<string>;
-        allowFullScreen: PropTypes.Requireable<boolean>;
-        allowTopNavigation: PropTypes.Requireable<boolean>;
-        onChange: PropTypes.Validator<(...args: any[]) => any>;
-    };
-    static defaultProps: any;
+import type { PerseusIFrameWidgetOptions } from "../../perseus-types";
+import type { WidgetProps } from "../../types";
+type Status = "correct" | "incorrect" | "incomplete";
+type UserInput = {
+    status: Status;
+    message: string | null;
+};
+type RenderProps = PerseusIFrameWidgetOptions & {
+    status: Status;
+    message: string | null;
+    width: string;
+    height: string;
+};
+export type Rubric = PerseusIFrameWidgetOptions;
+type Props = WidgetProps<RenderProps, Rubric>;
+type DefaultProps = {
+    status: Props["status"];
+    message: Props["message"];
+    allowFullScreen: Props["allowFullScreen"];
+    allowTopNavigation: Props["allowTopNavigation"];
+};
+declare class Iframe extends React.Component<Props> {
+    static defaultProps: DefaultProps;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    getUserInput: () => any;
+    getUserInput(): UserInput;
     handleMessageEvent: (arg1: any) => void;
     change: (...args: ReadonlyArray<unknown>) => any;
     simpleValidate: (arg1: any) => any;

package/dist/widgets/image/image.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
 import type { PerseusImageWidgetOptions } from "../../perseus-types";
-import type { ChangeFn, PerseusScore, WidgetProps } from "../../types";
+import type { ChangeFn, WidgetProps } from "../../types";
 type RenderProps = PerseusImageWidgetOptions;
 type Rubric = PerseusImageWidgetOptions;
 type UserInput = null;
@@ -35,10 +35,10 @@ declare class ImageWidget extends React.Component<Props> {
     }>;
     context: React.ContextType<typeof PerseusI18nContext>;
     static defaultProps: DefaultProps;
-    static validate(userInput: UserInput, rubric: Rubric): PerseusScore;
+    static validate(): import("../../types").PerseusScore;
     change: ChangeFn;
     getUserInput: () => UserInput;
-    simpleValidate: (arg1: Rubric) => PerseusScore;
+    simpleValidate(): import("../../types").PerseusScore;
     focus: () => void;
     render(): React.ReactNode;
 }

package/dist/widgets/input-number/input-number-validator.d.ts

@@ -0,0 +1,41 @@
+import type { Rubric } from "./input-number.types";
+import type { PerseusStrings } from "../../strings";
+import type { APIOptions, PerseusScore } from "@khanacademy/perseus";
+export declare const answerTypes: {
+    readonly number: {
+        readonly name: "Numbers";
+        readonly forms: "integer, decimal, proper, improper, mixed";
+    };
+    readonly decimal: {
+        readonly name: "Decimals";
+        readonly forms: "decimal";
+    };
+    readonly integer: {
+        readonly name: "Integers";
+        readonly forms: "integer";
+    };
+    readonly rational: {
+        readonly name: "Fractions and mixed numbers";
+        readonly forms: "integer, proper, improper, mixed";
+    };
+    readonly improper: {
+        readonly name: "Improper numbers (no mixed)";
+        readonly forms: "integer, proper, improper";
+    };
+    readonly mixed: {
+        readonly name: "Mixed numbers (no improper)";
+        readonly forms: "integer, proper, mixed";
+    };
+    readonly percent: {
+        readonly name: "Numbers or percents";
+        readonly forms: "integer, decimal, proper, improper, mixed, percent";
+    };
+    readonly pi: {
+        readonly name: "Numbers with pi";
+        readonly forms: "pi";
+    };
+};
+declare function inputNumberValidator(state: {
+    currentValue: string;
+}, rubric: Rubric, strings: PerseusStrings, onInputError?: APIOptions["onInputError"]): PerseusScore;
+export default inputNumberValidator;

package/dist/widgets/input-number/input-number.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
+import type { Rubric } from "./input-number.types";
 import type { PerseusInputNumberWidgetOptions } from "../../perseus-types";
 import type { PerseusStrings } from "../../strings";
 import type { APIOptions, Path, PerseusScore, WidgetProps } from "../../types";
@@ -12,7 +13,6 @@ type RenderProps = {
     answerType: PerseusInputNumberWidgetOptions["answerType"];
     rightAlign: PerseusInputNumberWidgetOptions["rightAlign"];
 };
-type Rubric = PerseusInputNumberWidgetOptions;
 type ExternalProps = WidgetProps<RenderProps, Rubric>;
 type Props = ExternalProps & {
     apiOptions: NonNullable<ExternalProps["apiOptions"]>;

package/dist/widgets/input-number/input-number.types.d.ts

@@ -0,0 +1,2 @@
+import type { PerseusInputNumberWidgetOptions } from "@khanacademy/perseus";
+export type Rubric = PerseusInputNumberWidgetOptions;

package/dist/widgets/interaction/interaction.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { Coord } from "../../interactive2/types";
 import type { PerseusInteractionWidgetOptions } from "../../perseus-types";
-import type { PerseusScore, WidgetProps } from "../../types";
+import type { WidgetProps } from "../../types";
 type RenderProps = PerseusInteractionWidgetOptions;
 type Rubric = PerseusInteractionWidgetOptions;
 type Props = WidgetProps<RenderProps, Rubric>;
@@ -15,7 +15,7 @@ type State = {
 };
 declare class Interaction extends React.Component<Props, State> {
     static defaultProps: DefaultProps;
-    static validate(state: any, rubric: any): PerseusScore;
+    static validate(): import("../../types").PerseusScore;
     state: State;
     UNSAFE_componentWillReceiveProps(nextProps: Props): void;
     _setupGraphie: (arg1: any, arg2: any) => void;
@@ -25,7 +25,7 @@ declare class Interaction extends React.Component<Props, State> {
     _extractVars: (arg1: any) => ReadonlyArray<any>;
     change: (arg1: any, arg2: any, arg3: any) => any;
     getUserInput: () => any;
-    simpleValidate: (arg1: any) => any;
+    simpleValidate(): import("../../types").PerseusScore;
     render(): React.ReactNode;
 }
 declare const _default: Readonly<{

package/dist/widgets/interactive-graphs/graph-locked-labels-layer.d.ts

@@ -1,6 +1,8 @@
 import * as React from "react";
 import type { LockedFigure } from "../../perseus-types";
+import type { APIOptions } from "../../types";
 type Props = {
+    flags?: APIOptions["flags"];
     lockedFigures: ReadonlyArray<LockedFigure>;
 };
 export default function GraphLockedLabelsLayer(props: Props): (React.JSX.Element | null)[];

package/dist/widgets/interactive-graphs/interactive-graph-question-builder.d.ts

@@ -7,6 +7,11 @@ export type LockedFunctionOptions = {
     directionalAxis?: "x" | "y";
     domain?: Interval;
 };
+type LockedFigureLabelOptions = {
+    text: string;
+    coord?: Coord;
+    size?: "small" | "medium" | "large";
+};
 export declare function interactiveGraphQuestionBuilder(): InteractiveGraphQuestionBuilder;
 declare class InteractiveGraphQuestionBuilder {
     private content;
@@ -103,6 +108,7 @@ declare class InteractiveGraphQuestionBuilder {
     addLockedPointAt(x: number, y: number, options?: {
         color?: LockedFigureColor;
         filled?: boolean;
+        labels?: LockedFigureLabelOptions[];
     }): InteractiveGraphQuestionBuilder;
     addLockedLine(point1: vec.Vector2, point2: vec.Vector2, options?: {
         kind?: "line" | "ray" | "segment";
@@ -111,6 +117,7 @@ declare class InteractiveGraphQuestionBuilder {
         filled?: [boolean, boolean];
         showPoint1?: boolean;
         showPoint2?: boolean;
+        labels?: LockedFigureLabelOptions[];
     }): InteractiveGraphQuestionBuilder;
     addLockedVector(tail: vec.Vector2, tip: vec.Vector2, color?: LockedFigureColor): InteractiveGraphQuestionBuilder;
     addLockedEllipse(center: vec.Vector2, radius: [x: number, y: number], options?: {

package/dist/widgets/interactive-graphs/mafs-graph.d.ts

@@ -1,11 +1,12 @@
 import * as React from "react";
 import { type InteractiveGraphAction } from "./reducer/interactive-graph-action";
 import type { InteractiveGraphState, InteractiveGraphProps } from "./types";
+import type { APIOptions } from "../../types";
 import type { vec } from "mafs";
 import "mafs/core.css";
 import "./mafs-styles.css";
 export type MafsGraphProps = {
-    showLabelsFlag?: boolean;
+    flags?: APIOptions["flags"];
     box: [number, number];
     backgroundImage?: InteractiveGraphProps["backgroundImage"];
     lockedFigures?: InteractiveGraphProps["lockedFigures"];

package/dist/widgets/interactive-graphs/reducer/interactive-graph-action.d.ts

@@ -1,9 +1,12 @@
 import type { InitializeGraphStateParams } from "./initialize-graph-state";
+import type { InteractionMode } from "../types";
 import type { Interval, vec } from "mafs";
-export type InteractiveGraphAction = Reinitialize | MovePointInFigure | MoveLine | MoveAll | MovePoint | MoveCenter | MoveRadiusPoint | ChangeSnapStep | ChangeRange | AddPoint | RemovePoint | FocusPoint | BlurPoint | DeleteIntent | ClickPoint;
+export type InteractiveGraphAction = Reinitialize | MovePointInFigure | MoveLine | MoveAll | MovePoint | MoveCenter | MoveRadiusPoint | ChangeSnapStep | ChangeRange | AddPoint | RemovePoint | FocusPoint | BlurPoint | DeleteIntent | ClickPoint | ChangeInteractionMode | ChangeKeyboardInvitationVisibility;
 export declare const actions: {
     global: {
         deleteIntent: typeof deleteIntent;
+        changeInteractionMode: typeof changeInteractionMode;
+        changeKeyboardInvitationVisibility: typeof changeKeyboardInvitationVisibility;
     };
     angle: {
         movePoint: typeof movePoint;
@@ -88,6 +91,18 @@ export interface ClickPoint {
     index: number;
 }
 declare function clickPoint(index: number): ClickPoint;
+export declare const CHANGE_INTERACTION_MODE = "point-change-interaction-mode";
+export interface ChangeInteractionMode {
+    type: typeof CHANGE_INTERACTION_MODE;
+    mode: InteractionMode;
+}
+declare function changeInteractionMode(mode: InteractionMode): ChangeInteractionMode;
+export declare const CHANGE_KEYBOARD_INVITATION_VISIBILITY = "change-keyboard-interaction-invitation-visibility";
+export interface ChangeKeyboardInvitationVisibility {
+    type: typeof CHANGE_KEYBOARD_INVITATION_VISIBILITY;
+    shouldShow: boolean;
+}
+declare function changeKeyboardInvitationVisibility(shouldShow: boolean): ChangeKeyboardInvitationVisibility;
 export declare const MOVE_ALL = "move-all";
 export interface MoveAll {
     type: typeof MOVE_ALL;

package/dist/widgets/interactive-graphs/stateful-mafs-graph.d.ts

@@ -2,8 +2,9 @@ import * as React from "react";
 import type { InteractiveGraphProps } from "./types";
 import type { PerseusGraphType } from "../../perseus-types";
 import type { Widget } from "../../renderer";
+import type { APIOptions } from "../../types";
 export type StatefulMafsGraphProps = {
-    showLabelsFlag?: boolean;
+    flags?: APIOptions["flags"];
     box: [number, number];
     backgroundImage?: InteractiveGraphProps["backgroundImage"];
     graph: PerseusGraphType;

package/dist/widgets/interactive-graphs/types.d.ts

@@ -26,6 +26,7 @@ export interface LinearSystemGraphState extends InteractiveGraphStateCommon {
     type: "linear-system";
     coords: PairOfPoints[];
 }
+export type InteractionMode = "mouse" | "keyboard";
 export interface NoneGraphState extends InteractiveGraphStateCommon {
     type: "none";
 }
@@ -35,6 +36,8 @@ export interface PointGraphState extends InteractiveGraphStateCommon {
     numPoints?: number | "unlimited";
     focusedPointIndex: number | null;
     showRemovePointButton: boolean;
+    interactionMode: InteractionMode;
+    showKeyboardInteractionInvitation: boolean;
 }
 export interface RayGraphState extends InteractiveGraphStateCommon {
     type: "ray";

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

@@ -145,6 +145,8 @@ declare const _default: Readonly<{
                     "unlimited-point"?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-labels"?: boolean | undefined;
+                    "locked-point-labels"?: boolean | undefined;
+                    "locked-line-labels"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("../..").PerseusWidgetsMap) => void) | undefined;
@@ -209,6 +211,8 @@ declare const _default: Readonly<{
                     "unlimited-point"?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-labels"?: boolean | undefined;
+                    "locked-point-labels"?: boolean | undefined;
+                    "locked-line-labels"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("../..").PerseusWidgetsMap) => void) | undefined;