@khanacademy/perseus 22.7.0 → 23.0.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,6 +96,7 @@ export declare const ApiOptions: {
                 circle?: boolean | undefined;
                 polygon?: boolean | undefined;
                 linear?: boolean | undefined;
+                quadratic?: boolean | undefined;
                 segment?: boolean | undefined;
                 "linear-system"?: boolean | undefined;
                 ray?: boolean | undefined;
@@ -117,7 +114,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 +121,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;
 } & {
@@ -409,7 +408,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,6 +143,7 @@ declare const ref: React.ForwardRefExoticComponent<Omit<Pick<OwnProps & HOCProps
                 circle?: boolean | undefined;
                 polygon?: boolean | undefined;
                 linear?: boolean | undefined;
+                quadratic?: boolean | undefined;
                 segment?: boolean | undefined;
                 "linear-system"?: boolean | undefined;
                 ray?: boolean | 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,7 +77,7 @@ 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 MafsGraphTypeFlags: readonly ["segment", "linear", "linear-system", "ray", "polygon", "circle", "quadratic"];
 export declare const InteractiveGraphLockedFeaturesFlags: readonly ["interactive-graph-locked-features-m1"];
 /**
  * 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,6 +137,7 @@ declare const _default: Readonly<{
                     circle?: boolean | undefined;
                     polygon?: boolean | undefined;
                     linear?: boolean | undefined;
+                    quadratic?: boolean | undefined;
                     segment?: boolean | undefined;
                     "linear-system"?: boolean | undefined;
                     ray?: boolean | undefined;
@@ -156,7 +155,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 +162,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 +170,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 +203,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,6 +212,7 @@ declare const _default: Readonly<{
                     circle?: boolean | undefined;
                     polygon?: boolean | undefined;
                     linear?: boolean | undefined;
+                    quadratic?: boolean | undefined;
                     segment?: boolean | undefined;
                     "linear-system"?: boolean | undefined;
                     ray?: boolean | undefined;
@@ -234,7 +230,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 +237,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 +278,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,6 +287,7 @@ declare const _default: Readonly<{
                     circle?: boolean | undefined;
                     polygon?: boolean | undefined;
                     linear?: boolean | undefined;
+                    quadratic?: boolean | undefined;
                     segment?: boolean | undefined;
                     "linear-system"?: boolean | undefined;
                     ray?: boolean | undefined;
@@ -312,7 +305,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 +312,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 +350,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,6 +359,7 @@ declare const _default: Readonly<{
                     circle?: boolean | undefined;
                     polygon?: boolean | undefined;
                     linear?: boolean | undefined;
+                    quadratic?: boolean | undefined;
                     segment?: boolean | undefined;
                     "linear-system"?: boolean | undefined;
                     ray?: boolean | undefined;
@@ -387,7 +377,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 +384,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 +392,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 +425,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,6 +434,7 @@ declare const _default: Readonly<{
                     circle?: boolean | undefined;
                     polygon?: boolean | undefined;
                     linear?: boolean | undefined;
+                    quadratic?: boolean | undefined;
                     segment?: boolean | undefined;
                     "linear-system"?: boolean | undefined;
                     ray?: boolean | undefined;
@@ -465,7 +452,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 +459,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 +500,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,6 +509,7 @@ declare const _default: Readonly<{
                     circle?: boolean | undefined;
                     polygon?: boolean | undefined;
                     linear?: boolean | undefined;
+                    quadratic?: boolean | undefined;
                     segment?: boolean | undefined;
                     "linear-system"?: boolean | undefined;
                     ray?: boolean | undefined;
@@ -543,7 +527,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 +534,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,4 @@ export { LinearGraph } from "./linear";
 export { RayGraph } from "./ray";
 export { PolygonGraph } from "./polygon";
 export { CircleGraph } from "./circle";
+export { QuadraticGraph } from "./quadratic";

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/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"];
 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;
 export interface InteractiveGraphStateCommon {
     hasBeenInteractedWith: boolean;
     range: [xRange: Interval, yRange: Interval];
@@ -46,6 +46,10 @@ export interface CircleGraphState extends InteractiveGraphStateCommon {
     center: Coord;
     radiusPoint: Coord;
 }
+export interface QuadraticGraphState extends InteractiveGraphStateCommon {
+    type: "quadratic";
+    coords: [Coord, Coord, Coord];
+}
 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,6 +131,7 @@ declare const _default: Readonly<{
                     circle?: boolean | undefined;
                     polygon?: boolean | undefined;
                     linear?: boolean | undefined;
+                    quadratic?: boolean | undefined;
                     segment?: boolean | undefined;
                     "linear-system"?: boolean | undefined;
                     ray?: boolean | undefined;
@@ -182,10 +181,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,6 +190,7 @@ declare const _default: Readonly<{
                     circle?: boolean | undefined;
                     polygon?: boolean | undefined;
                     linear?: boolean | undefined;
+                    quadratic?: boolean | undefined;
                     segment?: boolean | undefined;
                     "linear-system"?: boolean | undefined;
                     ray?: boolean | 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>;
         }>>>;

package/package.json

@@ -3,7 +3,7 @@
     "description": "Core Perseus API (includes renderers and widgets)",
     "author": "Khan Academy",
     "license": "MIT",
-    "version": "22.7.0",
+    "version": "23.0.0",
     "publishConfig": {
         "access": "public"
     },
@@ -44,9 +44,9 @@
         "@khanacademy/math-input": "^19.1.0",
         "@khanacademy/perseus-core": "1.4.2",
         "@khanacademy/perseus-linter": "^0.4.0",
-        "@khanacademy/pure-markdown": "^0.3.4",
-        "@khanacademy/simple-markdown": "^0.11.4",
-        "mafs": "0.18.5"
+        "@khanacademy/pure-markdown": "^0.3.5",
+        "@khanacademy/simple-markdown": "^0.12.0",
+        "mafs": "0.18.7"
     },
     "devDependencies": {
         "@khanacademy/wonder-blocks-banner": "3.0.42",