@khanacademy/perseus 53.0.0 → 54.0.0

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

@@ -1,13 +1,12 @@
 import * as React from "react";
-import { PerseusI18nContext } from "../components/i18n-context";
 import type { StatefulMafsGraphType } from "./interactive-graphs/stateful-mafs-graph";
 import type { QuadraticGraphState } from "./interactive-graphs/types";
 import type { Coord } from "../interactive2/types";
-import type { ChangeHandler, WidgetProps } from "../types";
+import type { WidgetProps } from "../types";
 import type { InteractiveGraphPromptJSON } from "../widget-ai-utils/interactive-graph/interactive-graph-ai-utils";
 import type { UnsupportedWidgetPromptJSON } from "../widget-ai-utils/unsupported-widget";
 import type { QuadraticCoefficient, SineCoefficient, Range } from "@khanacademy/kmath";
-import type { PerseusGraphType, PerseusGraphTypeAngle, PerseusGraphTypePoint, PerseusGraphTypePolygon, PerseusGraphTypeSegment, GraphRange, LockedFigure, PerseusImageBackground, MarkingsType } from "@khanacademy/perseus-core";
+import type { PerseusGraphType, PerseusGraphTypeAngle, PerseusGraphTypePoint, PerseusGraphTypeSegment, GraphRange, LockedFigure, PerseusImageBackground, MarkingsType } from "@khanacademy/perseus-core";
 import type { PerseusInteractiveGraphRubric, PerseusInteractiveGraphUserInput } from "@khanacademy/perseus-score";
 type RenderProps = {
     /**
@@ -116,89 +115,7 @@ type DefaultProps = {
     showProtractor: Props["showProtractor"];
     graph: Props["graph"];
 };
-export declare function getSinusoidCoefficients(coords: ReadonlyArray<Coord>): SineCoefficient;
-export declare function getQuadraticCoefficients(coords: ReadonlyArray<Coord>): QuadraticCoefficient;
-declare class LegacyInteractiveGraph extends React.Component<Props, State> {
-    static contextType: React.Context<import("../components/i18n-context").I18nContextType>;
-    context: React.ContextType<typeof PerseusI18nContext>;
-    angle: any | null | undefined;
-    circle: any | null | undefined;
-    graphie: any | null | undefined;
-    horizHairline: any | null | undefined;
-    line: any | null | undefined;
-    lines: ReadonlyArray<ReadonlyArray<Coord>> | null | undefined;
-    parabola: any | null | undefined;
-    pointA: any | null | undefined;
-    pointB: any | null | undefined;
-    pointC: any | null | undefined;
-    points: Array<any>;
-    polygon: any | null | undefined;
-    shouldResetGraphie: boolean;
-    sinusoid: any | null | undefined;
-    trashCan: any | null | undefined;
-    vertHairline: any | null | undefined;
-    static defaultProps: DefaultProps;
-    state: State;
-    componentDidMount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: Props): void;
-    componentDidUpdate(prevProps: Props, prevState: State): void;
-    _getShouldShowInstructions: (arg1?: Props | null | undefined) => boolean;
-    setGraphie: (arg1: any) => void;
-    handleAddPointsMouseDown: (arg1: Coord) => void;
-    resetGraphie: () => void;
-    setupGraphie: () => void;
-    showHairlines: (arg1: Coord) => void;
-    hideHairlines: () => void;
-    setTrashCanVisibility: (arg1: number) => void;
-    isClickToAddPoints: (arg1?: Props | null | undefined) => boolean;
-    areAngleGraphsEqual(prevGraph: PerseusGraphTypeAngle, currentGraph: PerseusGraphTypeAngle): boolean;
-    arePointGraphsEqual(prevGraph: PerseusGraphTypePoint, currentGraph: PerseusGraphTypePoint): boolean;
-    arePolygonGraphsEqual(prevGraph: PerseusGraphTypePolygon, currentGraph: PerseusGraphTypePolygon): boolean;
-    areSegmentGraphsEqual(prevGraph: PerseusGraphTypeSegment, currentGraph: PerseusGraphTypeSegment): boolean;
-    _lineStroke: () => {
-        ["stroke-width"]?: number;
-    };
-    addLine: (arg1: string) => void;
-    removeLine: () => void;
-    addNoneControls: () => void;
-    removeNoneControls: () => void;
-    addLinearControls: () => void;
-    removeLinearControls: () => void;
-    addQuadraticControls: () => void;
-    updateQuadratic: () => void;
-    removeQuadraticControls: () => void;
-    addSinusoidControls: () => void;
-    updateSinusoid: () => void;
-    removeSinusoidControls: () => void;
-    addCircleControls: () => void;
-    removeCircleControls: () => void;
-    addLinearSystemControls: () => void;
-    removeLinearSystemControls: () => void;
-    isCoordInTrash: (arg1: Coord) => boolean;
-    createPointForPointsType: (arg1: Coord, arg2: number) => any;
-    removePoint: (arg1: Coord) => number | null | undefined;
-    createPointForPolygonType: (arg1: Coord, arg2: number) => any;
-    updateCoordsFromPoints: () => void;
-    clearCoords: () => void;
-    onChange: ChangeHandler;
-    addPointControls: () => void;
-    removePointControls: () => void;
-    addSegmentControls: () => void;
-    removeSegmentControls: () => void;
-    addRayControls: () => void;
-    removeRayControls: () => void;
-    addPolygonControls: () => void;
-    updatePolygon: () => void;
-    removePolygonControls: () => void;
-    addAngleControls: () => void;
-    removeAngleControls: () => void;
-    toggleShowSides: () => void;
-    getUserInput(): PerseusInteractiveGraphUserInput;
-    focus: () => void;
-    render(): React.ReactNode;
-}
 declare class InteractiveGraph extends React.Component<Props, State> {
-    legacyGraphRef: React.RefObject<LegacyInteractiveGraph>;
     mafsRef: React.RefObject<StatefulMafsGraphType>;
     static defaultProps: DefaultProps;
     getUserInput(): PerseusInteractiveGraphUserInput;
@@ -254,7 +171,6 @@ declare class InteractiveGraph extends React.Component<Props, State> {
     static getAngleEquationString(props: Props): string;
     static getUserInputFromProps(props: Props): PerseusGraphType;
 }
-export declare function shouldUseMafs(mafsFlags: Record<string, boolean> | undefined | boolean, graph: PerseusGraphType): boolean;
 declare const _default: {
     name: string;
     displayName: string;

package/dist/widgets/interactive-graphs/backgrounds/axis-labels.d.ts

@@ -1,2 +1,5 @@
 import React from "react";
-export default function AxisLabels(): React.JSX.Element;
+import type { I18nContextType } from "../../../components/i18n-context";
+export default function AxisLabels({ i18n }: {
+    i18n: I18nContextType;
+}): React.JSX.Element;

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

@@ -1,6 +1,7 @@
 import { vec } from "mafs";
+import type { I18nContextType } from "../../../components/i18n-context";
 import type { AngleGraphState, Dispatch, InteractiveGraphElementSuite } from "../types";
-export declare function renderAngleGraph(state: AngleGraphState, dispatch: Dispatch): InteractiveGraphElementSuite;
+export declare function renderAngleGraph(state: AngleGraphState, dispatch: Dispatch, i18n: I18nContextType): InteractiveGraphElementSuite;
 export declare function getAngleSideConstraint(sidePoint: [number, number], vertex: [number, number], snapDegrees: number): {
     up: vec.Vector2;
     down: vec.Vector2;

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

@@ -1,4 +1,8 @@
+import * as React from "react";
 import type { I18nContextType } from "../../../components/i18n-context";
-import type { CircleGraphState, Dispatch, InteractiveGraphElementSuite } from "../types";
-export declare function renderCircleGraph(state: CircleGraphState, dispatch: Dispatch): InteractiveGraphElementSuite;
+import type { CircleGraphState, Dispatch, InteractiveGraphElementSuite, MafsGraphProps } from "../types";
+export declare function renderCircleGraph(state: CircleGraphState, dispatch: Dispatch, i18n: I18nContextType): InteractiveGraphElementSuite;
+type CircleGraphProps = MafsGraphProps<CircleGraphState>;
+export declare function CircleGraph(props: CircleGraphProps): React.JSX.Element;
 export declare function describeCircleGraph(state: CircleGraphState, i18n: I18nContextType): Record<string, string>;
+export {};

package/dist/widgets/interactive-graphs/graphs/components/hairlines.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import type { Coord } from "@khanacademy/perseus-core";
+type Props = {
+    point: Coord;
+};
+export default function Hairlines(props: Props): React.JSX.Element;
+export {};

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

@@ -5,6 +5,7 @@ type Props = {
     point: vec.Vector2;
     color?: string | undefined;
     dragging: boolean;
+    focused: boolean;
     showFocusRing: boolean;
     cursor?: CSSCursor | undefined;
     onClick?: () => unknown;

package/dist/widgets/interactive-graphs/graphs/components/svg-line.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import type { vec } from "mafs";
 import type { SVGProps } from "react";
-export type Props = {
+type Props = {
     start: vec.Vector2;
     end: vec.Vector2;
     style?: SVGProps<SVGLineElement>["style"];
@@ -9,3 +9,4 @@ export type Props = {
     testId?: string;
 };
 export declare function SVGLine(props: Props): React.JSX.Element;
+export {};

package/dist/widgets/interactive-graphs/graphs/linear-system.d.ts

@@ -1,4 +1,4 @@
 import type { I18nContextType } from "../../../components/i18n-context";
 import type { LinearSystemGraphState, Dispatch, InteractiveGraphElementSuite } from "../types";
-export declare function renderLinearSystemGraph(state: LinearSystemGraphState, dispatch: Dispatch): InteractiveGraphElementSuite;
-export declare function describeLinearSystemGraph(state: LinearSystemGraphState, i18n: I18nContextType): string;
+export declare function renderLinearSystemGraph(state: LinearSystemGraphState, dispatch: Dispatch, i18n: I18nContextType): InteractiveGraphElementSuite;
+export declare function getLinearSystemGraphDescription(state: LinearSystemGraphState, i18n: I18nContextType): string;

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

@@ -1,4 +1,4 @@
 import type { I18nContextType } from "../../../components/i18n-context";
 import type { LinearGraphState, Dispatch, InteractiveGraphElementSuite } from "../types";
-export declare function renderLinearGraph(state: LinearGraphState, dispatch: Dispatch): InteractiveGraphElementSuite;
+export declare function renderLinearGraph(state: LinearGraphState, dispatch: Dispatch, i18n: I18nContextType): InteractiveGraphElementSuite;
 export declare function describeLinearGraph(state: LinearGraphState, i18n: I18nContextType): Record<string, string>;

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

@@ -1,7 +1,8 @@
+import type { I18nContextType } from "../../../components/i18n-context";
 import type { PerseusStrings } from "../../../strings";
 import type { PointGraphState, Dispatch, InteractiveGraphElementSuite } from "../types";
-export declare function renderPointGraph(state: PointGraphState, dispatch: Dispatch): InteractiveGraphElementSuite;
-export declare function describePointGraph(state: PointGraphState, i18n: {
+export declare function renderPointGraph(state: PointGraphState, dispatch: Dispatch, i18n: I18nContextType): InteractiveGraphElementSuite;
+export declare function getPointGraphDescription(state: PointGraphState, i18n: {
     strings: PerseusStrings;
     locale: string;
 }): string;

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

@@ -1,3 +1,4 @@
-import type { Dispatch, InteractiveGraphElementSuite, PolygonGraphState } from "../types";
-export declare function renderPolygonGraph(state: PolygonGraphState, dispatch: Dispatch): InteractiveGraphElementSuite;
+import { type I18nContextType } from "../../../components/i18n-context";
+import type { Dispatch, InteractiveGraphElementSuite, InteractiveGraphProps, PolygonGraphState } from "../types";
+export declare function renderPolygonGraph(state: PolygonGraphState, dispatch: Dispatch, i18n: I18nContextType, markings: InteractiveGraphProps["markings"]): InteractiveGraphElementSuite;
 export declare const hasFocusVisible: (element: Element | null | undefined) => boolean;

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

@@ -1,4 +1,4 @@
 import type { I18nContextType } from "../../../components/i18n-context";
 import type { Dispatch, InteractiveGraphElementSuite, RayGraphState } from "../types";
-export declare function renderRayGraph(state: RayGraphState, dispatch: Dispatch): InteractiveGraphElementSuite;
+export declare function renderRayGraph(state: RayGraphState, dispatch: Dispatch, i18n: I18nContextType): InteractiveGraphElementSuite;
 export declare function describeRayGraph(state: RayGraphState, i18n: I18nContextType): Record<string, string>;

package/dist/widgets/interactive-graphs/graphs/screenreader-text.d.ts

@@ -1 +1,2 @@
-export declare function srFormatNumber(a: number, locale: string): string;
+export declare function srFormatNumber(a: number, locale: string, maximumFractionDigits?: number): string;
+export declare function getPiMultiple(a: number): string | null;

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

@@ -1,4 +1,4 @@
 import type { I18nContextType } from "../../../components/i18n-context";
 import type { Dispatch, InteractiveGraphElementSuite, SegmentGraphState } from "../types";
-export declare function renderSegmentGraph(state: SegmentGraphState, dispatch: Dispatch): InteractiveGraphElementSuite;
-export declare function describeSegmentGraph(state: SegmentGraphState, i18n: I18nContextType): string;
+export declare function renderSegmentGraph(state: SegmentGraphState, dispatch: Dispatch, i18n: I18nContextType): InteractiveGraphElementSuite;
+export declare function getSegmentGraphDescription(state: SegmentGraphState, i18n: I18nContextType): string;

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

@@ -1,6 +1,7 @@
+import { type I18nContextType } from "../../../components/i18n-context";
 import type { SinusoidGraphState, Dispatch, InteractiveGraphElementSuite } from "../types";
 import type { NamedSineCoefficient } from "@khanacademy/kmath";
 import type { Coord } from "@khanacademy/perseus-core";
-export declare function renderSinusoidGraph(state: SinusoidGraphState, dispatch: Dispatch): InteractiveGraphElementSuite;
+export declare function renderSinusoidGraph(state: SinusoidGraphState, dispatch: Dispatch, i18n: I18nContextType): InteractiveGraphElementSuite;
 export declare const computeSine: (x: number, sinusoidCoefficients: NamedSineCoefficient) => number;
 export declare const getSinusoidCoefficients: (coords: ReadonlyArray<Coord>) => NamedSineCoefficient | undefined;

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

@@ -1,7 +1,8 @@
+import { vec } from "mafs";
 import type { PerseusStrings } from "../../../strings";
 import type { PairOfPoints } from "../types";
 import type { Coord } from "@khanacademy/perseus";
-import type { Interval, vec } from "mafs";
+import type { Interval } from "mafs";
 /**
  * Given a ray and a rectangular box, find the point where the ray intersects
  * the edge of the box. Assumes the `initialPoint` is inside the box.
@@ -13,9 +14,20 @@ export declare const getIntersectionOfRayWithBox: (initialPoint: vec.Vector2, th
 export declare function getArrayWithoutDuplicates(array: Array<Coord>): Array<Coord>;
 export declare function getSlopeStringForLine(line: PairOfPoints, strings: PerseusStrings): string;
 export declare function getInterceptStringForLine(line: PairOfPoints, strings: PerseusStrings, locale: string): string;
-type GraphLocations = "origin" | "x-axis" | "y-axis" | 1 | 2 | 3 | 4;
-export declare function getCoordQuadrant(coord: Coord): GraphLocations;
 export declare function getQuadraticVertexString(vertex: Coord, strings: PerseusStrings): string;
 export declare function getQuadraticPointString(pointNumber: any, coord: Coord, strings: PerseusStrings, locale: string): string;
 export declare function getQuadraticXIntercepts(a: number, b: number, c: number): number[];
-export {};
+/**
+ * Given a list of points, return the angle made by the point at index i
+ * with the points at indices i - 1 and i + 1.
+ */
+export declare function getAngleFromPoints(points: Coord[], i: number): number | null;
+export declare function getSideLengthsFromPoints(points: Coord[], i: number, isPolygonOpen?: boolean): Array<{
+    pointIndex: number;
+    sideLength: number;
+}>;
+/**
+ * Determine whether to determine the string with the
+ * exact side length or the approximate side length.
+ */
+export declare function getPolygonSideString(sideLength: number, pointIndex: number, strings: PerseusStrings, locale: string): string;

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

@@ -1,12 +1,11 @@
 import { vec } from "mafs";
 import type { Coord } from "../../interactive2/types";
 import type { CollinearTuple, LockedFigureColor, LockedFigureFillType, LockedLineStyle, MarkingsType, PerseusRenderer } from "@khanacademy/perseus-core";
-import type { Interval } from "mafs";
 export type LockedFunctionOptions = {
     color?: LockedFigureColor;
     strokeStyle?: LockedLineStyle;
     directionalAxis?: "x" | "y";
-    domain?: Interval;
+    domain?: [min: number | null, max: number | null];
     labels?: LockedFigureLabelOptions[];
     ariaLabel?: string;
 };

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

@@ -1,12 +1,10 @@
 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 = {
-    flags?: APIOptions["flags"];
     box: [number, number];
     backgroundImage?: InteractiveGraphProps["backgroundImage"];
     lockedFigures?: InteractiveGraphProps["lockedFigures"];

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

@@ -111,12 +111,12 @@ export interface ChangeKeyboardInvitationVisibility {
 }
 declare function changeKeyboardInvitationVisibility(shouldShow: boolean): ChangeKeyboardInvitationVisibility;
 export declare const CLOSE_POLYGON = "close-polygon";
-export interface ClosePolygon {
+interface ClosePolygon {
     type: typeof CLOSE_POLYGON;
 }
 declare function closePolygon(): ClosePolygon;
 export declare const OPEN_POLYGON = "open-polygon";
-export interface OpenPolygon {
+interface OpenPolygon {
     type: typeof OPEN_POLYGON;
 }
 declare function openPolygon(): OpenPolygon;
@@ -166,7 +166,7 @@ export interface ChangeRange {
 }
 export declare function changeRange(range: [x: Interval, y: Interval]): ChangeRange;
 export declare const REINITIALIZE = "reinitialize";
-export interface Reinitialize {
+interface Reinitialize {
     type: typeof REINITIALIZE;
     params: InitializeGraphStateParams;
 }

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

@@ -1,10 +1,8 @@
 import * as React from "react";
 import type { InteractiveGraphProps } from "./types";
-import type { APIOptions } from "../../types";
 import type { PerseusGraphType } from "@khanacademy/perseus-core";
 import type { PerseusInteractiveGraphUserInput } from "@khanacademy/perseus-score";
 export type StatefulMafsGraphProps = {
-    flags?: APIOptions["flags"];
     box: [number, number];
     backgroundImage?: InteractiveGraphProps["backgroundImage"];
     graph: PerseusGraphType;

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

@@ -5,7 +5,6 @@
  * that involve the use of images, and enable learners to demonstrate their
  * knowledge by directly interacting with the image.
  */
-import { getLabelImagePublicWidgetOptions } from "@khanacademy/perseus-core";
 import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
 import Marker from "./marker";
@@ -15,7 +14,7 @@ import type { APIOptions, Widget } from "../../types";
 import type { LabelImagePromptJSON } from "../../widget-ai-utils/label-image/label-image-ai-utils";
 import type { InteractiveMarkerType, PerseusLabelImageWidgetOptions } from "@khanacademy/perseus-core";
 import type { PerseusLabelImageUserInput } from "@khanacademy/perseus-score";
-export type PreferredPopoverDirection = "NONE" | "UP" | "DOWN" | "LEFT" | "RIGHT";
+type PreferredPopoverDirection = "NONE" | "UP" | "DOWN" | "LEFT" | "RIGHT";
 /**
  * Represents a direction vector.
  * No diagonals allowed.
@@ -92,6 +91,5 @@ declare const _default: {
     }, keyof import("../..").PerseusDependenciesV2> & React.RefAttributes<LabelImage>>;
     accessible: true;
     isLintable: true;
-    getPublicWidgetOptions: typeof getLabelImagePublicWidgetOptions;
 };
 export default _default;

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

@@ -1,4 +1,3 @@
-import { getNumberLinePublicWidgetOptions } from "@khanacademy/perseus-core";
 import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
 import type { ChangeableProps } from "../../mixins/changeable";
@@ -79,6 +78,5 @@ declare const _default: {
     widget: typeof NumberLine;
     transform: (arg1: any) => any;
     staticTransform: (arg1: any) => any;
-    getPublicWidgetOptions: typeof getNumberLinePublicWidgetOptions;
 };
 export default _default;

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

@@ -1,4 +1,3 @@
-import { getNumericInputPublicWidgetOptions } from "@khanacademy/perseus-core";
 import * as React from "react";
 import { PerseusI18nContext } from "../../components/i18n-context";
 import InputWithExamples from "../../components/input-with-examples";
@@ -76,7 +75,6 @@ declare const _default: {
     widget: typeof NumericInput;
     transform: (widgetOptions: PerseusNumericInputWidgetOptions) => RenderProps;
     isLintable: true;
-    getPublicWidgetOptions: typeof getNumericInputPublicWidgetOptions;
     getOneCorrectAnswerFromRubric(rubric: PerseusNumericInputRubric): string | null | undefined;
 };
 export default _default;

package/dist/widgets/orderer/orderer.d.ts

@@ -1,4 +1,3 @@
-import { getOrdererPublicWidgetOptions } from "@khanacademy/perseus-core";
 import * as React from "react";
 import type { Widget, WidgetProps } from "../../types";
 import type { OrdererPromptJSON } from "../../widget-ai-utils/orderer/orderer-ai-utils";
@@ -55,6 +54,5 @@ declare const _default: {
     hidden: true;
     widget: typeof Orderer;
     isLintable: true;
-    getPublicWidgetOptions: typeof getOrdererPublicWidgetOptions;
 };
 export default _default;

package/dist/widgets/sorter/sorter.d.ts

@@ -1,4 +1,4 @@
-import { type PerseusSorterWidgetOptions, getSorterPublicWidgetOptions } from "@khanacademy/perseus-core";
+import { type PerseusSorterWidgetOptions } from "@khanacademy/perseus-core";
 import * as React from "react";
 import type { SortableOption } from "../../components/sortable";
 import type { Widget, WidgetProps } from "../../types";
@@ -34,6 +34,5 @@ declare const _default: {
     displayName: string;
     widget: typeof Sorter;
     isLintable: true;
-    getPublicWidgetOptions: typeof getSorterPublicWidgetOptions;
 };
 export default _default;

package/dist/widgets.d.ts

@@ -1,5 +1,5 @@
 import type { PerseusStrings } from "./strings";
-import type { Tracking, WidgetExports, WidgetTransform, PublicWidgetOptionsFunction } from "./types";
+import type { Tracking, WidgetExports, WidgetTransform } from "./types";
 import type { PerseusWidget, Version } from "@khanacademy/perseus-core";
 import type * as React from "react";
 type Editor = any;
@@ -28,7 +28,6 @@ export declare const replaceEditor: (name: string, replacementName: string) => v
 export declare const replaceDeprecatedEditors: () => void;
 export declare const getWidget: (name: string) => React.ComponentType<any> | null | undefined;
 export declare const getWidgetExport: (name: string) => WidgetExports | null;
-export declare const getPublicWidgetOptionsFunction: (name: string) => PublicWidgetOptionsFunction;
 export declare const getEditor: (name: string) => Editor | null | undefined;
 export declare const getTransform: (name: string) => WidgetTransform | null | undefined;
 export declare const getVersion: (name: string) => Version | undefined;

package/package.json

@@ -3,7 +3,7 @@
     "description": "Core Perseus API (includes renderers and widgets)",
     "author": "Khan Academy",
     "license": "MIT",
-    "version": "53.0.0",
+    "version": "54.0.0",
     "publishConfig": {
         "access": "public"
     },
@@ -41,39 +41,39 @@
         "test": "bash -c 'yarn --silent --cwd \"../..\" test ${@:0} $($([[ ${@: -1} = -* ]] || [[ ${@: -1} = bash ]]) && echo $PWD)'"
     },
     "dependencies": {
-        "@khanacademy/kas": "^0.4.13",
-        "@khanacademy/keypad-context": "^1.0.16",
-        "@khanacademy/kmath": "^0.3.2",
-        "@khanacademy/math-input": "^22.2.3",
-        "@khanacademy/perseus-core": "3.4.0",
-        "@khanacademy/perseus-linter": "^1.2.15",
-        "@khanacademy/perseus-score": "^2.1.0",
-        "@khanacademy/pure-markdown": "^0.3.24",
-        "@khanacademy/simple-markdown": "^0.13.17",
+        "@khanacademy/kas": "^0.4.15",
+        "@khanacademy/keypad-context": "^1.0.18",
+        "@khanacademy/kmath": "^0.3.4",
+        "@khanacademy/math-input": "^22.2.5",
+        "@khanacademy/perseus-core": "3.6.0",
+        "@khanacademy/perseus-linter": "^1.2.17",
+        "@khanacademy/perseus-score": "^2.2.1",
+        "@khanacademy/pure-markdown": "^0.3.26",
+        "@khanacademy/simple-markdown": "^0.13.19",
         "@types/classnames": "2.2.0",
         "@use-gesture/react": "^10.2.27",
         "mafs": "0.19.0",
         "uuid": "^10.0.0"
     },
     "devDependencies": {
-        "@khanacademy/wonder-blocks-banner": "4.0.5",
-        "@khanacademy/wonder-blocks-button": "7.0.5",
-        "@khanacademy/wonder-blocks-clickable": "5.0.5",
-        "@khanacademy/wonder-blocks-core": "11.1.0",
-        "@khanacademy/wonder-blocks-data": "14.0.6",
-        "@khanacademy/wonder-blocks-dropdown": "7.0.6",
-        "@khanacademy/wonder-blocks-form": "6.0.6",
-        "@khanacademy/wonder-blocks-icon": "5.0.5",
-        "@khanacademy/wonder-blocks-icon-button": "6.0.5",
-        "@khanacademy/wonder-blocks-layout": "3.0.5",
-        "@khanacademy/wonder-blocks-link": "7.0.5",
-        "@khanacademy/wonder-blocks-pill": "3.0.5",
-        "@khanacademy/wonder-blocks-popover": "5.0.3",
-        "@khanacademy/wonder-blocks-progress-spinner": "3.0.5",
-        "@khanacademy/wonder-blocks-switch": "3.0.3",
-        "@khanacademy/wonder-blocks-tokens": "3.0.1",
-        "@khanacademy/wonder-blocks-tooltip": "4.0.3",
-        "@khanacademy/wonder-blocks-typography": "3.0.5",
+        "@khanacademy/wonder-blocks-banner": "4.1.1",
+        "@khanacademy/wonder-blocks-button": "7.1.1",
+        "@khanacademy/wonder-blocks-clickable": "6.1.1",
+        "@khanacademy/wonder-blocks-core": "12.1.1",
+        "@khanacademy/wonder-blocks-data": "14.1.1",
+        "@khanacademy/wonder-blocks-dropdown": "9.1.1",
+        "@khanacademy/wonder-blocks-form": "7.1.1",
+        "@khanacademy/wonder-blocks-icon": "5.1.1",
+        "@khanacademy/wonder-blocks-icon-button": "6.1.1",
+        "@khanacademy/wonder-blocks-layout": "3.1.1",
+        "@khanacademy/wonder-blocks-link": "7.1.1",
+        "@khanacademy/wonder-blocks-pill": "3.1.1",
+        "@khanacademy/wonder-blocks-popover": "5.1.1",
+        "@khanacademy/wonder-blocks-progress-spinner": "3.1.1",
+        "@khanacademy/wonder-blocks-switch": "3.1.1",
+        "@khanacademy/wonder-blocks-tokens": "4.2.1",
+        "@khanacademy/wonder-blocks-tooltip": "4.1.1",
+        "@khanacademy/wonder-blocks-typography": "3.1.1",
         "@khanacademy/wonder-stuff-core": "1.5.4",
         "@phosphor-icons/core": "^2.0.2",
         "@popperjs/core": "^2.10.2",
@@ -91,24 +91,24 @@
         "underscore": "^1.4.4"
     },
     "peerDependencies": {
-        "@khanacademy/wonder-blocks-banner": "4.0.5",
-        "@khanacademy/wonder-blocks-button": "7.0.5",
-        "@khanacademy/wonder-blocks-clickable": "5.0.5",
-        "@khanacademy/wonder-blocks-core": "11.1.0",
-        "@khanacademy/wonder-blocks-data": "14.0.6",
-        "@khanacademy/wonder-blocks-dropdown": "7.0.6",
-        "@khanacademy/wonder-blocks-form": "6.0.6",
-        "@khanacademy/wonder-blocks-icon": "5.0.5",
-        "@khanacademy/wonder-blocks-icon-button": "6.0.5",
-        "@khanacademy/wonder-blocks-layout": "3.0.5",
-        "@khanacademy/wonder-blocks-link": "7.0.5",
-        "@khanacademy/wonder-blocks-pill": "3.0.5",
-        "@khanacademy/wonder-blocks-popover": "5.0.3",
-        "@khanacademy/wonder-blocks-progress-spinner": "3.0.5",
-        "@khanacademy/wonder-blocks-switch": "3.0.3",
-        "@khanacademy/wonder-blocks-tokens": "3.0.1",
-        "@khanacademy/wonder-blocks-tooltip": "4.0.3",
-        "@khanacademy/wonder-blocks-typography": "3.0.5",
+        "@khanacademy/wonder-blocks-banner": "4.1.1",
+        "@khanacademy/wonder-blocks-button": "7.1.1",
+        "@khanacademy/wonder-blocks-clickable": "6.1.1",
+        "@khanacademy/wonder-blocks-core": "12.1.1",
+        "@khanacademy/wonder-blocks-data": "14.1.1",
+        "@khanacademy/wonder-blocks-dropdown": "9.1.1",
+        "@khanacademy/wonder-blocks-form": "7.1.1",
+        "@khanacademy/wonder-blocks-icon": "5.1.1",
+        "@khanacademy/wonder-blocks-icon-button": "6.1.1",
+        "@khanacademy/wonder-blocks-layout": "3.1.1",
+        "@khanacademy/wonder-blocks-link": "7.1.1",
+        "@khanacademy/wonder-blocks-pill": "3.1.1",
+        "@khanacademy/wonder-blocks-popover": "5.1.1",
+        "@khanacademy/wonder-blocks-progress-spinner": "3.1.1",
+        "@khanacademy/wonder-blocks-switch": "3.1.1",
+        "@khanacademy/wonder-blocks-tokens": "4.2.1",
+        "@khanacademy/wonder-blocks-tooltip": "4.1.1",
+        "@khanacademy/wonder-blocks-typography": "3.1.1",
         "@khanacademy/wonder-stuff-core": "1.5.4",
         "@phosphor-icons/core": "^2.0.2",
         "@popperjs/core": "^2.10.2",

package/dist/components/graph.d.ts

@@ -1,61 +0,0 @@
-import * as React from "react";
-import type { Coord } from "../interactive2/types";
-import type { GridDimensions } from "../util";
-import type { PerseusImageBackground } from "@khanacademy/perseus-core";
-type Props = {
-    box: [number, number];
-    labels: ReadonlyArray<string>;
-    range: [Coord, Coord];
-    step: [number, number];
-    gridStep: [number, number];
-    snapStep: [number, number];
-    markings: string;
-    backgroundImage: PerseusImageBackground;
-    showProtractor: boolean;
-    showRuler: boolean;
-    rulerLabel: string;
-    rulerTicks: number;
-    instructions?: string;
-    isMobile: boolean;
-    onGraphieUpdated?: (graphie: any) => void;
-    onClick?: (Coord: any) => void;
-    onMouseDown?: (Coord: any) => void;
-    onMouseMove?: (Coord: any) => void;
-    setDrawingAreaAvailable?: (boolean: any) => void;
-};
-type DefaultProps = {
-    labels: Props["labels"];
-    range: Props["range"];
-    step: Props["step"];
-    gridStep: Props["gridStep"];
-    snapStep: Props["snapStep"];
-    markings: Props["markings"];
-    backgroundImage: Props["backgroundImage"];
-    showProtractor: Props["showProtractor"];
-    showRuler: Props["showRuler"];
-    rulerLabel: Props["rulerLabel"];
-    rulerTicks: Props["rulerTicks"];
-    isMobile: Props["isMobile"];
-};
-declare class Graph extends React.Component<Props> {
-    graphieDivRef: React.RefObject<HTMLDivElement>;
-    protractor: any;
-    ruler: any;
-    _graphie: any;
-    _hasSetupGraphieThisUpdate: boolean;
-    _shouldSetupGraphie: boolean;
-    static defaultProps: DefaultProps;
-    componentDidMount(): void;
-    UNSAFE_componentWillReceiveProps(nextProps: any): void;
-    componentDidUpdate(): void;
-    reset: () => void;
-    graphie: () => any;
-    pointsFromNormalized: (arg1: any, arg2: any) => any;
-    _setupGraphie: (arg1: any) => void;
-    _getGridConfig: () => [GridDimensions, GridDimensions];
-    _updateProtractor: () => void;
-    _updateRuler: () => void;
-    toJSON: () => any;
-    render(): React.ReactNode;
-}
-export default Graph;

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

@@ -1,4 +0,0 @@
-export declare const mafsSupportedGraphTypes: readonly ["angle", "segment", "linear", "linear-system", "ray", "polygon", "point", "circle", "quadratic", "sinusoid", "unlimited-point", "unlimited-polygon"];
-type MafsSupportedGraphType = (typeof mafsSupportedGraphTypes)[number];
-export declare const trueForAllMafsSupportedGraphTypes: Record<MafsSupportedGraphType, true>;
-export {};