@khanacademy/perseus 33.2.1 → 34.0.0

package/dist/perseus-api.d.ts

@@ -95,6 +95,7 @@ export declare const ApiOptions: {
             mafs?: false | ({
                 circle?: boolean | undefined;
                 polygon?: boolean | undefined;
+                none?: boolean | undefined;
                 linear?: boolean | undefined;
                 quadratic?: boolean | undefined;
                 sinusoid?: boolean | undefined;
@@ -106,6 +107,7 @@ export declare const ApiOptions: {
                 "unlimited-point"?: boolean | undefined;
             } & {
                 "interactive-graph-locked-features-labels"?: boolean | undefined;
+                "locked-point-labels"?: boolean | undefined;
             }) | undefined;
         } | undefined;
         onWidgetStartProps?: ((widgets: import("./perseus-types").PerseusWidgetsMap) => void) | undefined;

package/dist/perseus-types.d.ts

@@ -387,18 +387,20 @@ export type LockedFigureColor = (typeof lockedFigureColorNames)[number];
 export declare const lockedFigureColors: Record<LockedFigureColor, string>;
 export type LockedFigure = LockedPointType | LockedLineType | LockedVectorType | LockedEllipseType | LockedPolygonType | LockedFunctionType | LockedLabelType;
 export type LockedFigureType = LockedFigure["type"];
+export type LockedLineStyle = "solid" | "dashed";
 export type LockedPointType = {
     type: "point";
     coord: Coord;
     color: LockedFigureColor;
     filled: boolean;
+    labels: LockedLabelType[];
 };
 export type LockedLineType = {
     type: "line";
     kind: "line" | "ray" | "segment";
     points: [point1: LockedPointType, point2: LockedPointType];
     color: LockedFigureColor;
-    lineStyle: "solid" | "dashed";
+    lineStyle: LockedLineStyle;
     showPoint1: boolean;
     showPoint2: boolean;
 };
@@ -416,7 +418,7 @@ export type LockedEllipseType = {
     angle: number;
     color: LockedFigureColor;
     fillStyle: LockedFigureFillType;
-    strokeStyle: "solid" | "dashed";
+    strokeStyle: LockedLineStyle;
 };
 export type LockedPolygonType = {
     type: "polygon";
@@ -424,12 +426,12 @@ export type LockedPolygonType = {
     color: LockedFigureColor;
     showVertices: boolean;
     fillStyle: LockedFigureFillType;
-    strokeStyle: "solid" | "dashed";
+    strokeStyle: LockedLineStyle;
 };
 export type LockedFunctionType = {
     type: "function";
     color: LockedFigureColor;
-    strokeStyle: "solid" | "dashed";
+    strokeStyle: LockedLineStyle;
     equation: string;
     directionalAxis: "x" | "y";
     domain?: Interval;
@@ -441,7 +443,7 @@ export type LockedLabelType = {
     color: LockedFigureColor;
     size: "small" | "medium" | "large";
 };
-export type PerseusGraphType = PerseusGraphTypeAngle | PerseusGraphTypeCircle | PerseusGraphTypeLinear | PerseusGraphTypeLinearSystem | PerseusGraphTypePoint | PerseusGraphTypePolygon | PerseusGraphTypeQuadratic | PerseusGraphTypeRay | PerseusGraphTypeSegment | PerseusGraphTypeSinusoid;
+export type PerseusGraphType = PerseusGraphTypeAngle | PerseusGraphTypeCircle | PerseusGraphTypeLinear | PerseusGraphTypeLinearSystem | PerseusGraphTypeNone | PerseusGraphTypePoint | PerseusGraphTypePolygon | PerseusGraphTypeQuadratic | PerseusGraphTypeRay | PerseusGraphTypeSegment | PerseusGraphTypeSinusoid;
 export type PerseusGraphTypeCommon = {
     coord?: Coord;
 };
@@ -474,6 +476,9 @@ export type PerseusGraphTypeLinearSystem = {
     coords?: CollinearTuple[] | null;
     startCoords?: CollinearTuple[];
 } & PerseusGraphTypeCommon;
+export type PerseusGraphTypeNone = {
+    type: "none";
+};
 export type PerseusGraphTypePoint = {
     type: "point";
     numPoints?: number | "unlimited";
@@ -661,7 +666,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

@@ -140,6 +140,7 @@ declare const ref: React.ForwardRefExoticComponent<Omit<Pick<SharedRendererProps
             mafs?: false | ({
                 circle?: boolean | undefined;
                 polygon?: boolean | undefined;
+                none?: boolean | undefined;
                 linear?: boolean | undefined;
                 quadratic?: boolean | undefined;
                 sinusoid?: boolean | undefined;
@@ -151,6 +152,7 @@ declare const ref: React.ForwardRefExoticComponent<Omit<Pick<SharedRendererProps
                 "unlimited-point"?: boolean | undefined;
             } & {
                 "interactive-graph-locked-features-labels"?: boolean | undefined;
+                "locked-point-labels"?: boolean | undefined;
             }) | undefined;
         } | undefined;
         onWidgetStartProps?: ((widgets: import("./perseus-types").PerseusWidgetsMap) => void) | undefined;

package/dist/types.d.ts

@@ -74,8 +74,8 @@ type TrackInteractionArgs = {
     id: string;
     correct?: boolean;
 } & Partial<TrackingGradedGroupExtraArguments> & Partial<TrackingSequenceExtraArguments>;
-export declare const MafsGraphTypeFlags: readonly ["angle", "segment", "linear", "linear-system", "ray", "polygon", "circle", "quadratic", "sinusoid", "point", "unlimited-point"];
-export declare const InteractiveGraphLockedFeaturesFlags: readonly ["interactive-graph-locked-features-labels"];
+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", "locked-point-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/util.d.ts

@@ -3,6 +3,7 @@ import type { Range } from "./perseus-types";
 import type { PerseusStrings } from "./strings";
 import type { Widget, PerseusScore } from "./types";
 import type { KEScore } from "@khanacademy/perseus-core";
+import type * as React from "react";
 type WordPosition = {
     start: number;
     end: number;
@@ -173,7 +174,7 @@ declare function extractPointerLocation(event: any): Position | null | undefined
  * Pass this function as the touchstart for an element to
  * avoid sending the touch to the mobile scratchpad
  */
-declare function captureScratchpadTouchStart(e: TouchEvent): void;
+declare function captureScratchpadTouchStart(e: React.TouchEvent): void;
 declare function getImageSize(url: string, callback: (width: number, height: number) => void): void;
 /**
  * Gets the word right before where the textarea cursor is

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: 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(): PerseusScore;
+export default noopValidator;

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

@@ -3,7 +3,9 @@ import { PerseusI18nContext } from "../../components/i18n-context";
 import type { PerseusCategorizerWidgetOptions } from "../../perseus-types";
 import type { PerseusStrings } from "../../strings";
 import type { PerseusScore, WidgetProps } from "../../types";
-type UserInput = any;
+type UserInput = {
+    values: ReadonlyArray<number>;
+};
 export type Rubric = PerseusCategorizerWidgetOptions;
 type Props = WidgetProps<RenderProps, Rubric> & {
     values: ReadonlyArray<string>;

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/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/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;
@@ -141,6 +136,7 @@ declare const _default: Readonly<{
                 mafs?: false | ({
                     circle?: boolean | undefined;
                     polygon?: boolean | undefined;
+                    none?: boolean | undefined;
                     linear?: boolean | undefined;
                     quadratic?: boolean | undefined;
                     sinusoid?: boolean | undefined;
@@ -152,6 +148,7 @@ declare const _default: Readonly<{
                     "unlimited-point"?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-labels"?: boolean | undefined;
+                    "locked-point-labels"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("../../perseus-types").PerseusWidgetsMap) => void) | undefined;
@@ -220,6 +217,7 @@ declare const _default: Readonly<{
                 mafs?: false | ({
                     circle?: boolean | undefined;
                     polygon?: boolean | undefined;
+                    none?: boolean | undefined;
                     linear?: boolean | undefined;
                     quadratic?: boolean | undefined;
                     sinusoid?: boolean | undefined;
@@ -231,6 +229,7 @@ declare const _default: Readonly<{
                     "unlimited-point"?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-labels"?: boolean | undefined;
+                    "locked-point-labels"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("../../perseus-types").PerseusWidgetsMap) => void) | undefined;
@@ -299,6 +298,7 @@ declare const _default: Readonly<{
                 mafs?: false | ({
                     circle?: boolean | undefined;
                     polygon?: boolean | undefined;
+                    none?: boolean | undefined;
                     linear?: boolean | undefined;
                     quadratic?: boolean | undefined;
                     sinusoid?: boolean | undefined;
@@ -310,6 +310,7 @@ declare const _default: Readonly<{
                     "unlimited-point"?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-labels"?: boolean | undefined;
+                    "locked-point-labels"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("../../perseus-types").PerseusWidgetsMap) => void) | undefined;
@@ -377,6 +378,7 @@ declare const _default: Readonly<{
                 mafs?: false | ({
                     circle?: boolean | undefined;
                     polygon?: boolean | undefined;
+                    none?: boolean | undefined;
                     linear?: boolean | undefined;
                     quadratic?: boolean | undefined;
                     sinusoid?: boolean | undefined;
@@ -388,6 +390,7 @@ declare const _default: Readonly<{
                     "unlimited-point"?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-labels"?: boolean | undefined;
+                    "locked-point-labels"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("../../perseus-types").PerseusWidgetsMap) => void) | undefined;
@@ -456,6 +459,7 @@ declare const _default: Readonly<{
                 mafs?: false | ({
                     circle?: boolean | undefined;
                     polygon?: boolean | undefined;
+                    none?: boolean | undefined;
                     linear?: boolean | undefined;
                     quadratic?: boolean | undefined;
                     sinusoid?: boolean | undefined;
@@ -467,6 +471,7 @@ declare const _default: Readonly<{
                     "unlimited-point"?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-labels"?: boolean | undefined;
+                    "locked-point-labels"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("../../perseus-types").PerseusWidgetsMap) => void) | undefined;
@@ -535,6 +540,7 @@ declare const _default: Readonly<{
                 mafs?: false | ({
                     circle?: boolean | undefined;
                     polygon?: boolean | undefined;
+                    none?: boolean | undefined;
                     linear?: boolean | undefined;
                     quadratic?: boolean | undefined;
                     sinusoid?: boolean | undefined;
@@ -546,6 +552,7 @@ declare const _default: Readonly<{
                     "unlimited-point"?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-labels"?: boolean | undefined;
+                    "locked-point-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/interactive-graph.d.ts

@@ -68,6 +68,8 @@ declare class LegacyInteractiveGraph extends React.Component<Props, State> {
     };
     addLine: (arg1: string) => void;
     removeLine: () => void;
+    addNoneControls: () => void;
+    removeNoneControls: () => void;
     addLinearControls: () => void;
     removeLinearControls: () => void;
     addQuadraticControls: () => void;
@@ -146,6 +148,7 @@ declare class InteractiveGraph extends React.Component<Props, State> {
     static normalizeCoords(coordsList: ReadonlyArray<Coord>, ranges: [Range, Range]): ReadonlyArray<Coord>;
     static getEquationString(props: Props): string;
     static pointsFromNormalized(props: Props, coordsList: ReadonlyArray<Coord>, noSnap?: boolean): ReadonlyArray<Coord>;
+    static getNoneEquationString(): string;
     static getLinearEquationString(props: Props): string;
     static getCurrentQuadraticCoefficients(props: Props): QuadraticCoefficient;
     static defaultQuadraticCoords(props: Props): QuadraticGraphState["coords"];

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/graphs/components/movable-point-view.d.ts

@@ -17,7 +17,7 @@ type ControlledFocusBehavior = {
 type UncontrolledFocusBehavior = {
     type: "uncontrolled";
     tabIndex: number;
-    onFocusChange: (isFocused: boolean) => unknown;
+    onFocusChange?: (event: React.FocusEvent, isFocused: boolean) => unknown;
 };
 export declare const MovablePointView: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGGElement>>;
 export {};

package/dist/widgets/interactive-graphs/graphs/components/movable-point.d.ts

@@ -5,10 +5,11 @@ import type { vec } from "mafs";
 type Props = {
     point: vec.Vector2;
     onMove?: (newPoint: vec.Vector2) => unknown;
+    onClick?: () => unknown;
     color?: string;
     cursor?: CSSCursor | undefined;
     constrain?: KeyboardMovementConstraint;
-    onFocusChange?: (isFocused: boolean) => unknown;
+    onFocusChange?: (event: React.FocusEvent, isFocused: boolean) => unknown;
 };
 export declare const MovablePoint: (props: Props) => React.JSX.Element;
 export {};

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

@@ -1,7 +1,12 @@
 import type { Coord } from "../../interactive2/types";
-import type { CollinearTuple, LockedFigureColor, LockedFigureFillType, LockedFunctionType, PerseusRenderer } from "../../perseus-types";
-import type { vec } from "mafs";
-export type LockedFunctionOptions = Omit<Partial<LockedFunctionType>, "type" | "equation">;
+import type { CollinearTuple, LockedFigureColor, LockedFigureFillType, LockedLineStyle, PerseusRenderer } from "../../perseus-types";
+import type { Interval, vec } from "mafs";
+export type LockedFunctionOptions = {
+    color?: LockedFigureColor;
+    strokeStyle?: LockedLineStyle;
+    directionalAxis?: "x" | "y";
+    domain?: Interval;
+};
 export declare function interactiveGraphQuestionBuilder(): InteractiveGraphQuestionBuilder;
 declare class InteractiveGraphQuestionBuilder {
     private content;
@@ -45,6 +50,7 @@ declare class InteractiveGraphQuestionBuilder {
         startCoords?: CollinearTuple[];
         coords?: CollinearTuple[];
     }): InteractiveGraphQuestionBuilder;
+    withNoInteractiveFigure(): this;
     withLinear(options?: {
         coords?: CollinearTuple;
         startCoords?: CollinearTuple;
@@ -97,10 +103,15 @@ declare class InteractiveGraphQuestionBuilder {
     addLockedPointAt(x: number, y: number, options?: {
         color?: LockedFigureColor;
         filled?: boolean;
+        labels?: {
+            text: string;
+            coord?: Coord;
+            size?: "small" | "medium" | "large";
+        }[];
     }): InteractiveGraphQuestionBuilder;
     addLockedLine(point1: vec.Vector2, point2: vec.Vector2, options?: {
         kind?: "line" | "ray" | "segment";
-        lineStyle?: "solid" | "dashed";
+        lineStyle?: LockedLineStyle;
         color?: LockedFigureColor;
         filled?: [boolean, boolean];
         showPoint1?: boolean;

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"];
@@ -23,6 +24,7 @@ export type MafsGraphProps = {
     readOnly: boolean;
     static: boolean | null | undefined;
 };
+export declare const REMOVE_BUTTON_ID = "perseus_mafs_remove_button";
 export declare const MafsGraph: (props: MafsGraphProps) => React.JSX.Element;
 export declare const calculateNestedSVGCoords: (range: vec.Vector2[], width: number, height: number) => {
     viewboxX: number;

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

@@ -1,6 +1,6 @@
 import type { InitializeGraphStateParams } from "./initialize-graph-state";
 import type { Interval, vec } from "mafs";
-export type InteractiveGraphAction = Reinitialize | MovePointInFigure | MoveLine | MoveAll | MovePoint | MoveCenter | MoveRadiusPoint | ChangeSnapStep | ChangeRange | AddPoint | RemovePoint | FocusPoint | BlurPoint | DeleteIntent;
+export type InteractiveGraphAction = Reinitialize | MovePointInFigure | MoveLine | MoveAll | MovePoint | MoveCenter | MoveRadiusPoint | ChangeSnapStep | ChangeRange | AddPoint | RemovePoint | FocusPoint | BlurPoint | DeleteIntent | ClickPoint;
 export declare const actions: {
     global: {
         deleteIntent: typeof deleteIntent;
@@ -26,6 +26,7 @@ export declare const actions: {
         removePoint: typeof removePoint;
         focusPoint: typeof focusPoint;
         blurPoint: typeof blurPoint;
+        clickPoint: typeof clickPoint;
     };
     polygon: {
         movePoint: typeof movePoint;
@@ -81,6 +82,12 @@ export interface BlurPoint {
     type: typeof BLUR_POINT;
 }
 declare function blurPoint(): BlurPoint;
+export declare const CLICK_POINT = "click-point";
+export interface ClickPoint {
+    type: typeof CLICK_POINT;
+    index: number;
+}
+declare function clickPoint(index: number): ClickPoint;
 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

@@ -8,7 +8,7 @@ export type MafsGraphProps<T extends InteractiveGraphState> = {
     graphState: T;
     dispatch: (action: InteractiveGraphAction) => unknown;
 };
-export type InteractiveGraphState = AngleGraphState | SegmentGraphState | LinearSystemGraphState | LinearGraphState | RayGraphState | PolygonGraphState | PointGraphState | CircleGraphState | QuadraticGraphState | SinusoidGraphState;
+export type InteractiveGraphState = AngleGraphState | SegmentGraphState | LinearSystemGraphState | LinearGraphState | RayGraphState | NoneGraphState | PolygonGraphState | PointGraphState | CircleGraphState | QuadraticGraphState | SinusoidGraphState;
 export interface InteractiveGraphStateCommon {
     hasBeenInteractedWith: boolean;
     range: [xRange: Interval, yRange: Interval];
@@ -26,12 +26,15 @@ export interface LinearSystemGraphState extends InteractiveGraphStateCommon {
     type: "linear-system";
     coords: PairOfPoints[];
 }
+export interface NoneGraphState extends InteractiveGraphStateCommon {
+    type: "none";
+}
 export interface PointGraphState extends InteractiveGraphStateCommon {
     type: "point";
     coords: Coord[];
     numPoints?: number | "unlimited";
     focusedPointIndex: number | null;
-    previouslyFocusedPointIndex: number | null;
+    showRemovePointButton: boolean;
 }
 export interface RayGraphState extends InteractiveGraphStateCommon {
     type: "ray";