@khanacademy/perseus 22.7.0 → 23.1.0

package/dist/perseus-api.d.ts

@@ -54,10 +54,8 @@ export declare const ApiOptions: {
         nativeKeypadProxy: PropTypes.Requireable<(...args: any[]) => any>;
         isMobile: PropTypes.Requireable<boolean>;
         setDrawingAreaAvailable: PropTypes.Requireable<(...args: any[]) => any>;
-        useDraftEditor: PropTypes.Requireable<boolean>;
         hintProgressColor: PropTypes.Requireable<string>;
         canScrollPage: PropTypes.Requireable<boolean>;
-        inModal: PropTypes.Requireable<boolean>;
         crossOutEnabled: PropTypes.Requireable<boolean>;
         editorChangeDelay: PropTypes.Requireable<number>;
     }>>>;
@@ -89,10 +87,8 @@ export declare const ApiOptions: {
         nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
         isMobile?: boolean | undefined;
         setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
-        useDraftEditor?: boolean | undefined;
         hintProgressColor?: string | undefined;
         canScrollPage?: boolean | undefined;
-        inModal?: boolean | undefined;
         crossOutEnabled?: boolean | undefined;
         editorChangeDelay?: number | undefined;
         flags?: {
@@ -100,11 +96,14 @@ export declare const ApiOptions: {
                 circle?: boolean | undefined;
                 polygon?: boolean | undefined;
                 linear?: boolean | undefined;
+                quadratic?: boolean | undefined;
+                sinusoid?: boolean | undefined;
                 segment?: boolean | undefined;
                 "linear-system"?: boolean | undefined;
                 ray?: boolean | undefined;
             } & {
                 "interactive-graph-locked-features-m1"?: boolean | undefined;
+                "interactive-graph-locked-features-m2"?: boolean | undefined;
             }) | undefined;
         } | undefined;
         onWidgetStartProps?: ((widgets: import("./perseus-types").PerseusWidgetsMap) => void) | undefined;
@@ -117,7 +116,6 @@ export declare const ApiOptions: {
         crossOutEnabled: NonNullable<boolean | undefined>;
         editorChangeDelay: number;
         groupAnnotator: (groupNumber: number, widgetId: string) => React.ReactNode;
-        inModal: NonNullable<boolean | undefined>;
         isArticle: NonNullable<boolean | undefined>;
         isMobile: NonNullable<boolean | undefined>;
         onFocusChange: (newFocusPath: import("./types").FocusPath, oldFocusPath: import("./types").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown;
@@ -125,7 +123,6 @@ export declare const ApiOptions: {
         readOnly: NonNullable<boolean | undefined>;
         setDrawingAreaAvailable: (arg1: boolean) => unknown;
         showAlignmentOptions: NonNullable<boolean | undefined>;
-        useDraftEditor: NonNullable<boolean | undefined>;
     }>;
 };
 export declare const ClassNames: {

package/dist/perseus-types.d.ts

@@ -4,7 +4,6 @@ export type Range = Interval;
 export type Size = [number, number];
 export type CollinearTuple = readonly [vec.Vector2, vec.Vector2];
 export type ShowSolutions = "all" | "selected" | "none";
-type Empty = Record<never, never>;
 export type PerseusWidgetsMap = {
     [key in `categorizer ${number}`]: CategorizerWidget;
 } & {
@@ -350,7 +349,7 @@ export type PerseusInteractiveGraphWidgetOptions = {
 declare const lockedFigureColorNames: readonly ["green", "grayH", "purple", "pink", "red"];
 export type LockedFigureColor = (typeof lockedFigureColorNames)[number];
 export declare const lockedFigureColors: Record<LockedFigureColor, string>;
-export type LockedFigure = LockedPointType | LockedLineType;
+export type LockedFigure = LockedPointType | LockedLineType | LockedCircleType;
 export type LockedFigureType = LockedFigure["type"];
 export type LockedPointType = {
     type: "point";
@@ -367,6 +366,14 @@ export type LockedLineType = {
     showPoint1: boolean;
     showPoint2: boolean;
 };
+export type LockedCircleType = {
+    type: "circle";
+    center: Coord;
+    radius: number;
+    color: LockedFigureColor;
+    fillStyle: "none" | "solid" | "translucent";
+    strokeStyle: "solid" | "dashed";
+};
 export type PerseusGraphType = PerseusGraphTypeAngle | PerseusGraphTypeCircle | PerseusGraphTypeLinear | PerseusGraphTypeLinearSystem | PerseusGraphTypePoint | PerseusGraphTypePolygon | PerseusGraphTypeQuadratic | PerseusGraphTypeRay | PerseusGraphTypeSegment | PerseusGraphTypeSinusoid;
 export type PerseusGraphTypeCommon = {
     coord?: Coord;
@@ -409,7 +416,7 @@ export type PerseusGraphTypePolygon = {
 } & PerseusGraphTypeCommon;
 export type PerseusGraphTypeQuadratic = {
     type: "quadratic";
-    coords?: ReadonlyArray<Coord>;
+    coords?: [Coord, Coord, Coord];
 } & PerseusGraphTypeCommon;
 export type PerseusGraphTypeSegment = {
     type: "segment";

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

@@ -134,10 +134,8 @@ declare const ref: React.ForwardRefExoticComponent<Omit<Pick<OwnProps & HOCProps
         nativeKeypadProxy?: ((blur: () => void) => KeypadAPI) | undefined;
         isMobile?: boolean | undefined;
         setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
-        useDraftEditor?: boolean | undefined;
         hintProgressColor?: string | undefined;
         canScrollPage?: boolean | undefined;
-        inModal?: boolean | undefined;
         crossOutEnabled?: boolean | undefined;
         editorChangeDelay?: number | undefined;
         flags?: {
@@ -145,11 +143,14 @@ declare const ref: React.ForwardRefExoticComponent<Omit<Pick<OwnProps & HOCProps
                 circle?: boolean | undefined;
                 polygon?: boolean | undefined;
                 linear?: boolean | undefined;
+                quadratic?: boolean | undefined;
+                sinusoid?: boolean | undefined;
                 segment?: boolean | undefined;
                 "linear-system"?: boolean | undefined;
                 ray?: boolean | undefined;
             } & {
                 "interactive-graph-locked-features-m1"?: boolean | undefined;
+                "interactive-graph-locked-features-m2"?: boolean | undefined;
             }) | undefined;
         } | undefined;
         onWidgetStartProps?: ((widgets: import("./perseus-types").PerseusWidgetsMap) => void) | undefined;

package/dist/types.d.ts

@@ -10,7 +10,6 @@ import type { LinterContextProps } from "@khanacademy/perseus-linter";
 import type { Result } from "@khanacademy/wonder-blocks-data";
 import type * as React from "react";
 export type FocusPath = ReadonlyArray<string> | null | undefined;
-type Empty = Record<never, never>;
 export type Dimensions = {
     width?: number;
     height?: number;
@@ -78,8 +77,8 @@ type TrackInteractionArgs = {
     id: string;
     correct?: boolean;
 } & Partial<TrackingGradedGroupExtraArguments> & Partial<TrackingSequenceExtraArguments>;
-export declare const MafsGraphTypeFlags: readonly ["segment", "linear", "linear-system", "ray", "polygon", "circle"];
-export declare const InteractiveGraphLockedFeaturesFlags: readonly ["interactive-graph-locked-features-m1"];
+export declare const MafsGraphTypeFlags: readonly ["segment", "linear", "linear-system", "ray", "polygon", "circle", "quadratic", "sinusoid"];
+export declare const InteractiveGraphLockedFeaturesFlags: readonly ["interactive-graph-locked-features-m1", "interactive-graph-locked-features-m2"];
 /**
  * APIOptions provides different ways to customize the behaviour of Perseus.
  *
@@ -164,8 +163,6 @@ export type APIOptions = Readonly<{
      * Previously handled by `Khan.scratchpad.enable/disable`
      */
     setDrawingAreaAvailable?: (arg1: boolean) => unknown;
-    /** Whether to use the Draft.js editor or the legacy textarea */
-    useDraftEditor?: boolean;
     /** The color used for the hint progress indicator (eg. 1 / 3) */
     hintProgressColor?: string;
     /**
@@ -177,8 +174,6 @@ export type APIOptions = Readonly<{
      * Defaults to `false`.
      */
     canScrollPage?: boolean;
-    /** Whether or not we are rendering content inside of a modal. */
-    inModal?: boolean;
     /**
      * Whether to enable the cross-out feature on multiple-choice radio
      * widgets. This allows users to note which answers they believe to
@@ -306,7 +301,6 @@ export type APIOptionsWithDefaults = Readonly<APIOptions & {
     crossOutEnabled: NonNullable<APIOptions["crossOutEnabled"]>;
     editorChangeDelay: NonNullable<APIOptions["editorChangeDelay"]>;
     groupAnnotator: NonNullable<APIOptions["groupAnnotator"]>;
-    inModal: NonNullable<APIOptions["inModal"]>;
     isArticle: NonNullable<APIOptions["isArticle"]>;
     isMobile: NonNullable<APIOptions["isMobile"]>;
     onFocusChange: NonNullable<APIOptions["onFocusChange"]>;
@@ -314,7 +308,6 @@ export type APIOptionsWithDefaults = Readonly<APIOptions & {
     readOnly: NonNullable<APIOptions["readOnly"]>;
     setDrawingAreaAvailable: NonNullable<APIOptions["setDrawingAreaAvailable"]>;
     showAlignmentOptions: NonNullable<APIOptions["showAlignmentOptions"]>;
-    useDraftEditor: NonNullable<APIOptions["useDraftEditor"]>;
 }>;
 export type Tracking = "" | "all";
 export type TrackingGradedGroupExtraArguments = {

package/dist/widgets/definition.d.ts

@@ -2,7 +2,6 @@ import * as React from "react";
 import { PerseusI18nContext } from "../components/i18n-context";
 import type { PerseusRenderer, PerseusDefinitionWidgetOptions } from "../perseus-types";
 import type { PerseusScore, WidgetProps } from "../types";
-type Empty = Record<never, never>;
 type RenderProps = PerseusDefinitionWidgetOptions;
 type Rubric = PerseusDefinitionWidgetOptions;
 type UserInput = Empty;

package/dist/widgets/explanation.d.ts

@@ -2,7 +2,6 @@ import * as React from "react";
 import { PerseusI18nContext } from "../components/i18n-context";
 import type { PerseusExplanationWidgetOptions } from "../perseus-types";
 import type { PerseusScore, WidgetProps } from "../types";
-type Empty = Record<never, never>;
 type RenderProps = PerseusExplanationWidgetOptions;
 type Rubric = PerseusExplanationWidgetOptions;
 type UserInput = Empty;

package/dist/widgets/expression.d.ts

@@ -128,10 +128,8 @@ declare const _default: Readonly<{
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
             setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
-            useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
             canScrollPage?: boolean | undefined;
-            inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: {
@@ -139,11 +137,14 @@ declare const _default: Readonly<{
                     circle?: boolean | undefined;
                     polygon?: boolean | undefined;
                     linear?: boolean | undefined;
+                    quadratic?: boolean | undefined;
+                    sinusoid?: boolean | undefined;
                     segment?: boolean | undefined;
                     "linear-system"?: boolean | undefined;
                     ray?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-m1"?: boolean | undefined;
+                    "interactive-graph-locked-features-m2"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("../perseus-types").PerseusWidgetsMap) => void) | undefined;
@@ -156,7 +157,6 @@ declare const _default: Readonly<{
             crossOutEnabled: NonNullable<boolean | undefined>;
             editorChangeDelay: number;
             groupAnnotator: (groupNumber: number, widgetId: string) => React.ReactNode;
-            inModal: NonNullable<boolean | undefined>;
             isArticle: NonNullable<boolean | undefined>;
             isMobile: NonNullable<boolean | undefined>;
             onFocusChange: (newFocusPath: import("../types").FocusPath, oldFocusPath: import("../types").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown;
@@ -164,7 +164,6 @@ declare const _default: Readonly<{
             readOnly: NonNullable<boolean | undefined>;
             setDrawingAreaAvailable: (arg1: boolean) => unknown;
             showAlignmentOptions: NonNullable<boolean | undefined>;
-            useDraftEditor: NonNullable<boolean | undefined>;
         }>;
         keypadElement?: any;
         questionCompleted?: boolean | undefined;
@@ -173,7 +172,7 @@ declare const _default: Readonly<{
         findWidgets: (arg1: import("../types").FilterCriterion) => readonly any[];
         reviewModeRubric: PerseusExpressionWidgetOptions;
         onChange: import("../types").ChangeHandler;
-        trackInteraction: (extraData?: {} | undefined) => void;
+        trackInteraction: (extraData?: Empty | undefined) => void;
         isLastUsedWidget: boolean;
         linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
         containerSizeClass: import("../util/sizing-utils").SizeClass;
@@ -206,10 +205,8 @@ declare const _default: Readonly<{
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
             setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
-            useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
             canScrollPage?: boolean | undefined;
-            inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: {
@@ -217,11 +214,14 @@ declare const _default: Readonly<{
                     circle?: boolean | undefined;
                     polygon?: boolean | undefined;
                     linear?: boolean | undefined;
+                    quadratic?: boolean | undefined;
+                    sinusoid?: boolean | undefined;
                     segment?: boolean | undefined;
                     "linear-system"?: boolean | undefined;
                     ray?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-m1"?: boolean | undefined;
+                    "interactive-graph-locked-features-m2"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("../perseus-types").PerseusWidgetsMap) => void) | undefined;
@@ -234,7 +234,6 @@ declare const _default: Readonly<{
             crossOutEnabled: NonNullable<boolean | undefined>;
             editorChangeDelay: number;
             groupAnnotator: (groupNumber: number, widgetId: string) => React.ReactNode;
-            inModal: NonNullable<boolean | undefined>;
             isArticle: NonNullable<boolean | undefined>;
             isMobile: NonNullable<boolean | undefined>;
             onFocusChange: (newFocusPath: import("../types").FocusPath, oldFocusPath: import("../types").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown;
@@ -242,7 +241,6 @@ declare const _default: Readonly<{
             readOnly: NonNullable<boolean | undefined>;
             setDrawingAreaAvailable: (arg1: boolean) => unknown;
             showAlignmentOptions: NonNullable<boolean | undefined>;
-            useDraftEditor: NonNullable<boolean | undefined>;
         }>;
         buttonSets: import("../perseus-types").LegacyButtonSets;
         functions: readonly string[];
@@ -284,10 +282,8 @@ declare const _default: Readonly<{
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
             setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
-            useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
             canScrollPage?: boolean | undefined;
-            inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: {
@@ -295,11 +291,14 @@ declare const _default: Readonly<{
                     circle?: boolean | undefined;
                     polygon?: boolean | undefined;
                     linear?: boolean | undefined;
+                    quadratic?: boolean | undefined;
+                    sinusoid?: boolean | undefined;
                     segment?: boolean | undefined;
                     "linear-system"?: boolean | undefined;
                     ray?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-m1"?: boolean | undefined;
+                    "interactive-graph-locked-features-m2"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("../perseus-types").PerseusWidgetsMap) => void) | undefined;
@@ -312,7 +311,6 @@ declare const _default: Readonly<{
             crossOutEnabled: NonNullable<boolean | undefined>;
             editorChangeDelay: number;
             groupAnnotator: (groupNumber: number, widgetId: string) => React.ReactNode;
-            inModal: NonNullable<boolean | undefined>;
             isArticle: NonNullable<boolean | undefined>;
             isMobile: NonNullable<boolean | undefined>;
             onFocusChange: (newFocusPath: import("../types").FocusPath, oldFocusPath: import("../types").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown;
@@ -320,7 +318,6 @@ declare const _default: Readonly<{
             readOnly: NonNullable<boolean | undefined>;
             setDrawingAreaAvailable: (arg1: boolean) => unknown;
             showAlignmentOptions: NonNullable<boolean | undefined>;
-            useDraftEditor: NonNullable<boolean | undefined>;
         }> | undefined;
         functions?: readonly string[] | undefined;
         times?: boolean | undefined;
@@ -359,10 +356,8 @@ declare const _default: Readonly<{
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
             setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
-            useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
             canScrollPage?: boolean | undefined;
-            inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: {
@@ -370,11 +365,14 @@ declare const _default: Readonly<{
                     circle?: boolean | undefined;
                     polygon?: boolean | undefined;
                     linear?: boolean | undefined;
+                    quadratic?: boolean | undefined;
+                    sinusoid?: boolean | undefined;
                     segment?: boolean | undefined;
                     "linear-system"?: boolean | undefined;
                     ray?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-m1"?: boolean | undefined;
+                    "interactive-graph-locked-features-m2"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("../perseus-types").PerseusWidgetsMap) => void) | undefined;
@@ -387,7 +385,6 @@ declare const _default: Readonly<{
             crossOutEnabled: NonNullable<boolean | undefined>;
             editorChangeDelay: number;
             groupAnnotator: (groupNumber: number, widgetId: string) => React.ReactNode;
-            inModal: NonNullable<boolean | undefined>;
             isArticle: NonNullable<boolean | undefined>;
             isMobile: NonNullable<boolean | undefined>;
             onFocusChange: (newFocusPath: import("../types").FocusPath, oldFocusPath: import("../types").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown;
@@ -395,7 +392,6 @@ declare const _default: Readonly<{
             readOnly: NonNullable<boolean | undefined>;
             setDrawingAreaAvailable: (arg1: boolean) => unknown;
             showAlignmentOptions: NonNullable<boolean | undefined>;
-            useDraftEditor: NonNullable<boolean | undefined>;
         }>;
         keypadElement?: any;
         questionCompleted?: boolean | undefined;
@@ -404,7 +400,7 @@ declare const _default: Readonly<{
         findWidgets: (arg1: import("../types").FilterCriterion) => readonly any[];
         reviewModeRubric: PerseusExpressionWidgetOptions;
         onChange: import("../types").ChangeHandler;
-        trackInteraction: (extraData?: {} | undefined) => void;
+        trackInteraction: (extraData?: Empty | undefined) => void;
         isLastUsedWidget: boolean;
         linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
         containerSizeClass: import("../util/sizing-utils").SizeClass;
@@ -437,10 +433,8 @@ declare const _default: Readonly<{
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
             setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
-            useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
             canScrollPage?: boolean | undefined;
-            inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: {
@@ -448,11 +442,14 @@ declare const _default: Readonly<{
                     circle?: boolean | undefined;
                     polygon?: boolean | undefined;
                     linear?: boolean | undefined;
+                    quadratic?: boolean | undefined;
+                    sinusoid?: boolean | undefined;
                     segment?: boolean | undefined;
                     "linear-system"?: boolean | undefined;
                     ray?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-m1"?: boolean | undefined;
+                    "interactive-graph-locked-features-m2"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("../perseus-types").PerseusWidgetsMap) => void) | undefined;
@@ -465,7 +462,6 @@ declare const _default: Readonly<{
             crossOutEnabled: NonNullable<boolean | undefined>;
             editorChangeDelay: number;
             groupAnnotator: (groupNumber: number, widgetId: string) => React.ReactNode;
-            inModal: NonNullable<boolean | undefined>;
             isArticle: NonNullable<boolean | undefined>;
             isMobile: NonNullable<boolean | undefined>;
             onFocusChange: (newFocusPath: import("../types").FocusPath, oldFocusPath: import("../types").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown;
@@ -473,7 +469,6 @@ declare const _default: Readonly<{
             readOnly: NonNullable<boolean | undefined>;
             setDrawingAreaAvailable: (arg1: boolean) => unknown;
             showAlignmentOptions: NonNullable<boolean | undefined>;
-            useDraftEditor: NonNullable<boolean | undefined>;
         }>;
         buttonSets: import("../perseus-types").LegacyButtonSets;
         functions: readonly string[];
@@ -515,10 +510,8 @@ declare const _default: Readonly<{
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
             setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
-            useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
             canScrollPage?: boolean | undefined;
-            inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: {
@@ -526,11 +519,14 @@ declare const _default: Readonly<{
                     circle?: boolean | undefined;
                     polygon?: boolean | undefined;
                     linear?: boolean | undefined;
+                    quadratic?: boolean | undefined;
+                    sinusoid?: boolean | undefined;
                     segment?: boolean | undefined;
                     "linear-system"?: boolean | undefined;
                     ray?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-m1"?: boolean | undefined;
+                    "interactive-graph-locked-features-m2"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("../perseus-types").PerseusWidgetsMap) => void) | undefined;
@@ -543,7 +539,6 @@ declare const _default: Readonly<{
             crossOutEnabled: NonNullable<boolean | undefined>;
             editorChangeDelay: number;
             groupAnnotator: (groupNumber: number, widgetId: string) => React.ReactNode;
-            inModal: NonNullable<boolean | undefined>;
             isArticle: NonNullable<boolean | undefined>;
             isMobile: NonNullable<boolean | undefined>;
             onFocusChange: (newFocusPath: import("../types").FocusPath, oldFocusPath: import("../types").FocusPath, keypadHeight?: number | undefined, focusedElement?: HTMLElement | undefined) => unknown;
@@ -551,7 +546,6 @@ declare const _default: Readonly<{
             readOnly: NonNullable<boolean | undefined>;
             setDrawingAreaAvailable: (arg1: boolean) => unknown;
             showAlignmentOptions: NonNullable<boolean | undefined>;
-            useDraftEditor: NonNullable<boolean | undefined>;
         }> | undefined;
         functions?: readonly string[] | undefined;
         times?: boolean | undefined;

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

@@ -1,5 +1,6 @@
 import * as React from "react";
 import { PerseusI18nContext } from "../components/i18n-context";
+import type { QuadraticGraphState } from "./interactive-graphs/types";
 import type { Coord } from "../interactive2/types";
 import type { PerseusGraphType, PerseusGraphTypeAngle, PerseusGraphTypePoint, PerseusGraphTypePolygon, PerseusGraphTypeSegment, PerseusInteractiveGraphWidgetOptions } from "../perseus-types";
 import type { Widget } from "../renderer";
@@ -152,7 +153,7 @@ declare class InteractiveGraph extends React.Component<Props, State> {
     static pointsFromNormalized(props: Props, coordsList: ReadonlyArray<Coord>, noSnap?: boolean): ReadonlyArray<Coord>;
     static getLinearEquationString(props: Props): string;
     static getCurrentQuadraticCoefficients(props: Props): QuadraticCoefficient;
-    static defaultQuadraticCoords(props: Props): ReadonlyArray<Coord>;
+    static defaultQuadraticCoords(props: Props): QuadraticGraphState["coords"];
     static getQuadraticEquationString(props: Props): string;
     static getCurrentSinusoidCoefficients(props: Props): SineCoefficient;
     static defaultSinusoidCoords(props: Props): ReadonlyArray<Coord>;

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

@@ -3,3 +3,5 @@ export { LinearGraph } from "./linear";
 export { RayGraph } from "./ray";
 export { PolygonGraph } from "./polygon";
 export { CircleGraph } from "./circle";
+export { QuadraticGraph } from "./quadratic";
+export { SinusoidGraph } from "./sinusoid";

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { QuadraticGraphState, MafsGraphProps } from "../types";
+import type { vec } from "mafs";
+type QuadraticGraphProps = MafsGraphProps<QuadraticGraphState>;
+type QuadraticCoefficient = [number, number, number];
+export declare function QuadraticGraph(props: QuadraticGraphProps): JSX.Element;
+export declare const isValidDestination: (destination: vec.Vector2, elementId: number, coords: [import("../../..").Coord, import("../../..").Coord, import("../../..").Coord]) => boolean;
+export declare const getQuadraticCoefficients: (coords: [import("../../..").Coord, import("../../..").Coord, import("../../..").Coord]) => QuadraticCoefficient | undefined;
+export {};

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { Coord } from "../../../interactive2/types";
+import type { SinusoidGraphState, MafsGraphProps } from "../types";
+type SinusoidGraphProps = MafsGraphProps<SinusoidGraphState>;
+export type SineCoefficient = {
+    amplitude: number;
+    angularFrequency: number;
+    phase: number;
+    verticalOffset: number;
+};
+export declare function SinusoidGraph(props: SinusoidGraphProps): JSX.Element;
+export declare const computeSine: (x: number, sinusoidCoefficients: SineCoefficient) => number;
+export declare const getSinusoidCoefficients: (coords: ReadonlyArray<Coord>) => SineCoefficient;
+export {};

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

@@ -1,4 +1,4 @@
-import type { PerseusRenderer } from "../../perseus-types";
+import type { LockedFigureColor, PerseusRenderer } from "../../perseus-types";
 import type { vec } from "mafs";
 export declare function interactiveGraphQuestionBuilder(): InteractiveGraphQuestionBuilder;
 declare class InteractiveGraphQuestionBuilder {
@@ -23,6 +23,11 @@ declare class InteractiveGraphQuestionBuilder {
     withCircle(): InteractiveGraphQuestionBuilder;
     addLockedPointAt(x: number, y: number): InteractiveGraphQuestionBuilder;
     addLockedLine(point1: vec.Vector2, point2: vec.Vector2): InteractiveGraphQuestionBuilder;
+    addLockedCircle(center: vec.Vector2, radius: number, options?: {
+        color?: LockedFigureColor;
+        fillStyle?: "none" | "solid" | "translucent";
+        strokeStyle?: "solid" | "dashed";
+    }): InteractiveGraphQuestionBuilder;
     private createLockedPoint;
     private addLockedFigure;
 }

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type LockedCircleType } from "../../perseus-types";
+declare const LockedCircle: (props: LockedCircleType) => JSX.Element;
+export default LockedCircle;

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

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

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

@@ -13,7 +13,7 @@ export interface InitializeGraphStateParams<T extends PerseusGraphType> {
     range: [Interval, Interval];
     step: vec.Vector2;
 }
-export type InteractiveGraphState = SegmentGraphState | LinearGraphState | RayGraphState | PolygonGraphState | PointGraphState | CircleGraphState;
+export type InteractiveGraphState = SegmentGraphState | LinearGraphState | RayGraphState | PolygonGraphState | PointGraphState | CircleGraphState | QuadraticGraphState | SinusoidGraphState;
 export interface InteractiveGraphStateCommon {
     hasBeenInteractedWith: boolean;
     range: [xRange: Interval, yRange: Interval];
@@ -46,6 +46,14 @@ export interface CircleGraphState extends InteractiveGraphStateCommon {
     center: Coord;
     radiusPoint: Coord;
 }
+export interface QuadraticGraphState extends InteractiveGraphStateCommon {
+    type: "quadratic";
+    coords: [Coord, Coord, Coord];
+}
+export interface SinusoidGraphState extends InteractiveGraphStateCommon {
+    type: "sinusoid";
+    coords: [vec.Vector2, vec.Vector2];
+}
 export type PairOfPoints = [Coord, Coord];
 export type GraphDimensions = {
     range: [Interval, Interval];

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

@@ -122,10 +122,8 @@ declare const _default: Readonly<{
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
             setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
-            useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
             canScrollPage?: boolean | undefined;
-            inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: {
@@ -133,11 +131,14 @@ declare const _default: Readonly<{
                     circle?: boolean | undefined;
                     polygon?: boolean | undefined;
                     linear?: boolean | undefined;
+                    quadratic?: boolean | undefined;
+                    sinusoid?: boolean | undefined;
                     segment?: boolean | undefined;
                     "linear-system"?: boolean | undefined;
                     ray?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-m1"?: boolean | undefined;
+                    "interactive-graph-locked-features-m2"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("..").PerseusWidgetsMap) => void) | undefined;
@@ -182,10 +183,8 @@ declare const _default: Readonly<{
             nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
             isMobile?: boolean | undefined;
             setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
-            useDraftEditor?: boolean | undefined;
             hintProgressColor?: string | undefined;
             canScrollPage?: boolean | undefined;
-            inModal?: boolean | undefined;
             crossOutEnabled?: boolean | undefined;
             editorChangeDelay?: number | undefined;
             flags?: {
@@ -193,11 +192,14 @@ declare const _default: Readonly<{
                     circle?: boolean | undefined;
                     polygon?: boolean | undefined;
                     linear?: boolean | undefined;
+                    quadratic?: boolean | undefined;
+                    sinusoid?: boolean | undefined;
                     segment?: boolean | undefined;
                     "linear-system"?: boolean | undefined;
                     ray?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-m1"?: boolean | undefined;
+                    "interactive-graph-locked-features-m2"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("..").PerseusWidgetsMap) => void) | undefined;

package/dist/widgets/matcher.d.ts

@@ -36,10 +36,8 @@ export declare class Matcher extends React.Component<any, any> {
             nativeKeypadProxy: PropTypes.Requireable<(...args: any[]) => any>;
             isMobile: PropTypes.Requireable<boolean>;
             setDrawingAreaAvailable: PropTypes.Requireable<(...args: any[]) => any>;
-            useDraftEditor: PropTypes.Requireable<boolean>;
             hintProgressColor: PropTypes.Requireable<string>;
             canScrollPage: PropTypes.Requireable<boolean>;
-            inModal: PropTypes.Requireable<boolean>;
             crossOutEnabled: PropTypes.Requireable<boolean>;
             editorChangeDelay: PropTypes.Requireable<number>;
         }>>>;

package/dist/widgets/sorter.d.ts

@@ -26,10 +26,8 @@ declare class Sorter extends React.Component<any, any> {
             nativeKeypadProxy: PropTypes.Requireable<(...args: any[]) => any>;
             isMobile: PropTypes.Requireable<boolean>;
             setDrawingAreaAvailable: PropTypes.Requireable<(...args: any[]) => any>;
-            useDraftEditor: PropTypes.Requireable<boolean>;
             hintProgressColor: PropTypes.Requireable<string>;
             canScrollPage: PropTypes.Requireable<boolean>;
-            inModal: PropTypes.Requireable<boolean>;
             crossOutEnabled: PropTypes.Requireable<boolean>;
             editorChangeDelay: PropTypes.Requireable<number>;
         }>>>;