@khanacademy/perseus 77.10.2 → 78.0.0

package/dist/renderer.d.ts

@@ -34,7 +34,6 @@ type Props = Partial<React.ContextType<typeof DependenciesContext>> & {
     onRender: (node?: any) => void;
     problemNum?: number;
     reviewMode?: boolean | null | undefined;
-    highlightEmptyWidgets?: boolean;
     /**
      * If set to "all", all rationales or solutions will be shown. If set to
      * "selected", soltions will only be shown for selected choices. If set to

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

@@ -19,7 +19,6 @@ type OwnProps = {
     item: PerseusItem;
     problemNum?: number;
     reviewMode?: boolean;
-    highlightEmptyWidgets?: boolean;
     keypadElement?: KeypadAPI | null | undefined;
     dependencies: PerseusDependenciesV2;
     showSolutions?: ShowSolutions;
@@ -108,7 +107,6 @@ declare const _default: React.ForwardRefExoticComponent<Omit<Pick<SharedRenderer
         baseElements?: {
             Link: React.ComponentType<any>;
         };
-        imagePreloader?: (dimensions: import("./types").Dimensions) => React.ReactNode;
         trackInteraction?: (args: {
             type: string;
             id: string;
@@ -117,14 +115,10 @@ declare const _default: React.ForwardRefExoticComponent<Omit<Pick<SharedRenderer
             visible: number;
         }>) => void;
         customKeypad?: boolean;
-        nativeKeypadProxy?: (blur: () => void) => KeypadAPI;
         isMobile?: boolean;
         isMobileApp?: boolean;
-        setDrawingAreaAvailable?: (arg1: boolean) => unknown;
         hintProgressColor?: string;
-        canScrollPage?: boolean;
-        editorChangeDelay?: number;
-        flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
+        flags?: Record<"input-number-to-numeric-input", boolean>;
     }> | undefined;
     linterContext?: PerseusLinter.LinterContextProps | undefined;
     onRendered?: ((isRendered: boolean) => void) | undefined;

package/dist/testing/feature-flags-util.d.ts

@@ -1,7 +1,6 @@
 declare const DEFAULT_FEATURE_FLAGS: {
     "perseus-test-flag-1": boolean;
     "perseus-test-flag-2": boolean;
-    "image-widget-upgrade-gif-controls": boolean;
     "interactive-graph-vector": boolean;
     "interactive-graph-not-scored": boolean;
     "input-number-to-numeric-input": boolean;
@@ -13,7 +12,6 @@ declare const DEFAULT_FEATURE_FLAGS: {
 export declare function getFeatureFlags(overrides?: Partial<typeof DEFAULT_FEATURE_FLAGS>): {
     "perseus-test-flag-1": boolean;
     "perseus-test-flag-2": boolean;
-    "image-widget-upgrade-gif-controls": boolean;
     "interactive-graph-vector": boolean;
     "interactive-graph-not-scored": boolean;
     "input-number-to-numeric-input": boolean;

package/dist/testing/item-flipbook/item-flipbook-model.d.ts

@@ -0,0 +1,22 @@
+import type { ViewModel } from "./item-flipbook-view-model";
+export declare function createItemFlipbookModel(observer: () => void): ItemFlipbookModel;
+export declare class ItemFlipbookModel {
+    private observer;
+    private textareaValue;
+    private targetItemIndex;
+    constructor(observer: () => void);
+    present(): ViewModel;
+    setTextareaValue: (newValue: string) => void;
+    nextItem: () => void;
+    previousItem: () => void;
+    requestItemNumber: (requested: string) => void;
+    private getItemIndex;
+    private presentItemJsonInput;
+    private clampItemIndex;
+    private getNumberOfItems;
+    private getItemJsonDocuments;
+    private presentItemDisplay;
+    private presentSelectedItemNumber;
+    private presentSelectedItemNumberValue;
+    private presentTotalItems;
+}

package/dist/testing/item-flipbook/item-flipbook-view-model.d.ts

@@ -0,0 +1,57 @@
+import type { PerseusItem } from "@khanacademy/perseus-core";
+export type NoItem = {
+    status: "no-item";
+};
+export type ParseError = {
+    status: "parse-error";
+    message: string;
+};
+export type Item = {
+    status: "item";
+    item: PerseusItem;
+    key: string;
+};
+/**
+ * The information displayed in the item display section of the UI. One of:
+ * - no item (if no data has been entered)
+ * - a parse error from the currently selected item
+ * - a valid item
+ */
+export type ItemDisplay = NoItem | ParseError | Item;
+export declare function noItem(): NoItem;
+export declare function parseError(message: string): ParseError;
+export declare function item(item: PerseusItem, key: string): Item;
+export declare function isItem(itemDisplay: ItemDisplay): itemDisplay is Item;
+export interface InputFieldChangeEvent {
+    target: {
+        value: string;
+    };
+}
+export interface InputField {
+    value: string;
+    onChange: (event: InputFieldChangeEvent) => void;
+}
+/**
+ * An abstract representation of the view. The ViewModel contains exactly the
+ * values that will be rendered in React components, but it has no dependency
+ * on React. This makes it easy to write tests that assert on exactly what the
+ * user will see, yet don't need to render components.
+ */
+export interface ViewModel {
+    /**
+     * Input where the user can type in newline-separated Perseus item JSON
+     * objects to render.
+     */
+    itemJsonInput: InputField;
+    /**
+     * Displays and controls which Perseus item from the `itemJsonInput` is
+     * currently selected for display.
+     */
+    selectedItemNumber: InputField;
+    /** The number of items, formatted for display. */
+    totalItems: string;
+    nextItem: () => void;
+    previousItem: () => void;
+    /** The data that should be rendered for the currently selected item. */
+    itemDisplay: ItemDisplay;
+}

package/dist/testing/item-flipbook/item-flipbook-view.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import type { ViewModel } from "./item-flipbook-view-model";
+interface ViewProps {
+    viewModel: ViewModel;
+}
+export declare function ItemFlipbookView({ viewModel }: ViewProps): React.JSX.Element;
+export {};

package/dist/testing/item-flipbook/item-flipbook.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare function ItemFlipbook(): React.JSX.Element;

package/dist/testing/item-flipbook/safe-parse-perseus-item.d.ts

@@ -0,0 +1,2 @@
+import type { ParseFailureDetail, PerseusItem, Result } from "@khanacademy/perseus-core";
+export declare function safeParsePerseusItem(data: unknown): Result<PerseusItem, ParseFailureDetail>;

package/dist/testing/item-renderer-hooks.d.ts

@@ -25,7 +25,6 @@ export declare const useItemRenderer: (item: PerseusItem, apiOptions?: APIOption
         baseElements?: {
             Link: React.ComponentType<any>;
         };
-        imagePreloader?: (dimensions: import("../types").Dimensions) => React.ReactNode;
         trackInteraction?: (args: {
             type: string;
             id: string;
@@ -33,13 +32,9 @@ export declare const useItemRenderer: (item: PerseusItem, apiOptions?: APIOption
         } & Partial<import("../types").TrackingGradedGroupExtraArguments> & Partial<{
             visible: number;
         }>) => void;
-        nativeKeypadProxy?: (blur: () => void) => import("@khanacademy/math-input").KeypadAPI;
         isMobileApp?: boolean;
-        setDrawingAreaAvailable?: (arg1: boolean) => unknown;
         hintProgressColor?: string;
-        canScrollPage?: boolean;
-        editorChangeDelay?: number;
-        flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
+        flags?: Record<"input-number-to-numeric-input", boolean>;
     };
     toggleMobile: (isMobile: boolean) => void;
     toggleRtl: (isRtl: boolean) => void;

package/dist/types.d.ts

@@ -1,7 +1,6 @@
 import type { ILogger } from "./logging/log";
 import type { SizeClass } from "./util/sizing-utils";
 import type { WidgetPromptJSON } from "./widget-ai-utils/prompt-types";
-import type { KeypadAPI } from "@khanacademy/math-input";
 import type { Hint, PerseusAnswerArea, PerseusFeatureFlags, PerseusWidget, PerseusWidgetsMap, AnalyticsEventHandlerFn, Version, LabelImageMarkerPublicData, PerseusLabelImageMarker, ShowSolutions } from "@khanacademy/perseus-core";
 import type { LinterContextProps } from "@khanacademy/perseus-linter";
 import type { Result } from "@khanacademy/wonder-blocks-data";
@@ -144,11 +143,6 @@ export type APIOptions = Readonly<{
          */
         Link: React.ComponentType<any>;
     };
-    /**
-     * Function that takes dimensions and returns a React component
-     * to display while an image is loading.
-     */
-    imagePreloader?: (dimensions: Dimensions) => React.ReactNode;
     /**
      * A function that is called when the user has interacted with a widget. It
      * also includes any extra parameters that the originating widget provided.
@@ -163,51 +157,12 @@ export type APIOptions = Readonly<{
      * input components.
      */
     customKeypad?: boolean;
-    /**
-     * If this is provided, it is called instead of appending an instance
-     * of `math-input`'s keypad to the body. This is used by the native
-     * apps so they can have the keypad be defined on the native side.
-     * It is called with an function that, when called, blurs the input,
-     * and is expected to return an object of the shape
-     * keypadElementPropType from math-input/src/prop-types.js.
-     */
-    nativeKeypadProxy?: (blur: () => void) => KeypadAPI;
     /** Indicates whether or not to use mobile styling. */
     isMobile?: boolean;
     /** Indicates whether or not to use mobile app styling. */
     isMobileApp?: boolean;
-    /** A function, called with a bool indicating whether use of the
-     * drawing area (scratchpad) should be allowed/disallowed.
-     *
-     * Previously handled by `Khan.scratchpad.enable/disable`
-     * @deprecated setDrawingAreaAvailable is not used in frontend code.
-     */
-    setDrawingAreaAvailable?: (arg1: boolean) => unknown;
     /** The color used for the hint progress indicator (eg. 1 / 3) */
     hintProgressColor?: string;
-    /**
-     * Whether this Renderer is allowed to auto-scroll the rest of the
-     * page. For example, if this is enabled, the most recently used
-     * radio widget will attempt to keep the "selected" answer in view
-     * after entering review mode.
-     *
-     * Defaults to `false`.
-     * @deprecated canScrollPage has no effect.
-     */
-    canScrollPage?: boolean;
-    /**
-     * The value in milliseconds by which the local state of content
-     * in a editor is delayed before propagated to a prop. For example,
-     * when text is typed in the text area of an Editor component,
-     * there will be a delay equal to the value of `editorChangeDelay`
-     * before the change is propagated. This is added for better
-     * responsiveness of the editor when used in certain contexts such
-     * as StructuredItem exercises where constant re-rendering for each
-     * keystroke caused text typed in the text area to appear in it
-     * only after a good few seconds.
-     * @deprecated editorChangeDelay has no effect.
-     */
-    editorChangeDelay?: number;
     /**
      * Feature flags that can be passed from consuming application.
      * Define the feature flag name in packages/perseus-core/src/feature-flags.ts
@@ -323,15 +278,12 @@ export interface PerseusDependenciesV2 {
  */
 export type APIOptionsWithDefaults = Readonly<APIOptions & {
     baseElements: NonNullable<APIOptions["baseElements"]>;
-    canScrollPage: NonNullable<APIOptions["canScrollPage"]>;
-    editorChangeDelay: NonNullable<APIOptions["editorChangeDelay"]>;
     isArticle: NonNullable<APIOptions["isArticle"]>;
     isMobile: NonNullable<APIOptions["isMobile"]>;
     isMobileApp: NonNullable<APIOptions["isMobileApp"]>;
     editingDisabled: NonNullable<APIOptions["editingDisabled"]>;
     onFocusChange: NonNullable<APIOptions["onFocusChange"]>;
     readOnly: NonNullable<APIOptions["readOnly"]>;
-    setDrawingAreaAvailable: NonNullable<APIOptions["setDrawingAreaAvailable"]>;
     showAlignmentOptions: NonNullable<APIOptions["showAlignmentOptions"]>;
 }>;
 export type Tracking = "" | "all";

package/dist/util/graphie.d.ts

@@ -116,7 +116,6 @@ export declare class Graphie {
         onMouseOut?: MouseHandler | null;
         onMouseUp?: MouseHandler | null;
         allowScratchpad?: boolean;
-        setDrawingAreaAvailable?: (available: boolean) => void;
     }): void;
     addToMouseLayerWrapper(el: HTMLElement): void;
     addToVisibleLayerWrapper(el: HTMLElement): void;

package/dist/widget-container.d.ts

@@ -3,7 +3,6 @@ import * as React from "react";
 import type { WidgetProps } from "./types";
 import type { LinterContextProps } from "@khanacademy/perseus-linter";
 type Props = {
-    shouldHighlight: boolean;
     type: string;
     id: string;
     widgetProps: WidgetProps<any, PerseusWidgetOptions>;

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

@@ -36,7 +36,6 @@ declare const _default: {
             baseElements?: {
                 Link: React.ComponentType<any>;
             };
-            imagePreloader?: (dimensions: import("../../types").Dimensions) => React.ReactNode;
             trackInteraction?: (args: {
                 type: string;
                 id: string;
@@ -45,25 +44,18 @@ declare const _default: {
                 visible: number;
             }>) => void;
             customKeypad?: boolean;
-            nativeKeypadProxy?: (blur: () => void) => import("@khanacademy/math-input").KeypadAPI;
             isMobile?: boolean;
             isMobileApp?: boolean;
-            setDrawingAreaAvailable?: (arg1: boolean) => unknown;
             hintProgressColor?: string;
-            canScrollPage?: boolean;
-            editorChangeDelay?: number;
-            flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
+            flags?: Record<"input-number-to-numeric-input", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
-            canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
-            editorChangeDelay: NonNullable<import("../..").APIOptions["editorChangeDelay"]>;
             isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;
             isMobile: NonNullable<import("../..").APIOptions["isMobile"]>;
             isMobileApp: NonNullable<import("../..").APIOptions["isMobileApp"]>;
             editingDisabled: NonNullable<import("../..").APIOptions["editingDisabled"]>;
             onFocusChange: NonNullable<import("../..").APIOptions["onFocusChange"]>;
             readOnly: NonNullable<import("../..").APIOptions["readOnly"]>;
-            setDrawingAreaAvailable: NonNullable<import("../..").APIOptions["setDrawingAreaAvailable"]>;
             showAlignmentOptions: NonNullable<import("../..").APIOptions["showAlignmentOptions"]>;
         }>;
         keypadElement?: any;

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

@@ -26,7 +26,6 @@ export declare const Expression: React.ForwardRefExoticComponent<PerseusExpressi
         baseElements?: {
             Link: React.ComponentType<any>;
         };
-        imagePreloader?: (dimensions: import("../../types").Dimensions) => React.ReactNode;
         trackInteraction?: (args: {
             type: string;
             id: string;
@@ -35,25 +34,18 @@ export declare const Expression: React.ForwardRefExoticComponent<PerseusExpressi
             visible: number;
         }>) => void;
         customKeypad?: boolean;
-        nativeKeypadProxy?: (blur: () => void) => import("@khanacademy/math-input").KeypadAPI;
         isMobile?: boolean;
         isMobileApp?: boolean;
-        setDrawingAreaAvailable?: (arg1: boolean) => unknown;
         hintProgressColor?: string;
-        canScrollPage?: boolean;
-        editorChangeDelay?: number;
-        flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
+        flags?: Record<"input-number-to-numeric-input", boolean>;
     }> & {
         baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
-        canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
-        editorChangeDelay: NonNullable<import("../..").APIOptions["editorChangeDelay"]>;
         isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;
         isMobile: NonNullable<import("../..").APIOptions["isMobile"]>;
         isMobileApp: NonNullable<import("../..").APIOptions["isMobileApp"]>;
         editingDisabled: NonNullable<import("../..").APIOptions["editingDisabled"]>;
         onFocusChange: NonNullable<import("../..").APIOptions["onFocusChange"]>;
         readOnly: NonNullable<import("../..").APIOptions["readOnly"]>;
-        setDrawingAreaAvailable: NonNullable<import("../..").APIOptions["setDrawingAreaAvailable"]>;
         showAlignmentOptions: NonNullable<import("../..").APIOptions["showAlignmentOptions"]>;
     }>;
     keypadElement?: any;
@@ -106,7 +98,6 @@ declare const _default: {
             baseElements?: {
                 Link: React.ComponentType<any>;
             };
-            imagePreloader?: (dimensions: import("../../types").Dimensions) => React.ReactNode;
             trackInteraction?: (args: {
                 type: string;
                 id: string;
@@ -115,25 +106,18 @@ declare const _default: {
                 visible: number;
             }>) => void;
             customKeypad?: boolean;
-            nativeKeypadProxy?: (blur: () => void) => import("@khanacademy/math-input").KeypadAPI;
             isMobile?: boolean;
             isMobileApp?: boolean;
-            setDrawingAreaAvailable?: (arg1: boolean) => unknown;
             hintProgressColor?: string;
-            canScrollPage?: boolean;
-            editorChangeDelay?: number;
-            flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
+            flags?: Record<"input-number-to-numeric-input", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
-            canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
-            editorChangeDelay: NonNullable<import("../..").APIOptions["editorChangeDelay"]>;
             isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;
             isMobile: NonNullable<import("../..").APIOptions["isMobile"]>;
             isMobileApp: NonNullable<import("../..").APIOptions["isMobileApp"]>;
             editingDisabled: NonNullable<import("../..").APIOptions["editingDisabled"]>;
             onFocusChange: NonNullable<import("../..").APIOptions["onFocusChange"]>;
             readOnly: NonNullable<import("../..").APIOptions["readOnly"]>;
-            setDrawingAreaAvailable: NonNullable<import("../..").APIOptions["setDrawingAreaAvailable"]>;
             showAlignmentOptions: NonNullable<import("../..").APIOptions["showAlignmentOptions"]>;
         }>;
         keypadElement?: any;

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

@@ -0,0 +1,2 @@
+export { MovableLine } from "./movable-line";
+export { getMovableLineKeyboardConstraint, insetTipAlongRay, trimRange, } from "./util";

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

@@ -0,0 +1,14 @@
+import * as React from "react";
+import type { vec } from "mafs";
+export interface LineProps {
+    start: vec.Vector2;
+    end: vec.Vector2;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+    extend?: undefined | {
+        start: boolean;
+        end: boolean;
+    };
+    onMove: (newStart: vec.Vector2) => unknown;
+}
+export declare const Line: (props: LineProps) => React.JSX.Element;

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

@@ -0,0 +1,18 @@
+import * as React from "react";
+import type { vec } from "mafs";
+export interface MovableLineProps {
+    points: Readonly<[vec.Vector2, vec.Vector2]>;
+    ariaLabels?: {
+        point1AriaLabel?: string;
+        point2AriaLabel?: string;
+        grabHandleAriaLabel?: string;
+    };
+    ariaDescribedBy?: string;
+    extend?: {
+        start: boolean;
+        end: boolean;
+    };
+    onMovePoint?: (endpointIndex: number, destination: vec.Vector2) => unknown;
+    onMoveLine?: (newStart: vec.Vector2) => unknown;
+}
+export declare const MovableLine: (props: MovableLineProps) => React.JSX.Element;

package/dist/widgets/interactive-graphs/graphs/components/{movable-line.d.ts → movable-line/util.d.ts}

@@ -1,24 +1,5 @@
 import { vec } from "mafs";
-import * as React from "react";
-import type { AriaLive } from "../../types";
 import type { Interval } from "mafs";
-type Props = {
-    points: Readonly<[vec.Vector2, vec.Vector2]>;
-    ariaLabels?: {
-        point1AriaLabel?: string;
-        point2AriaLabel?: string;
-        grabHandleAriaLabel?: string;
-    };
-    ariaDescribedBy?: string;
-    ariaLive?: AriaLive;
-    extend?: {
-        start: boolean;
-        end: boolean;
-    };
-    onMovePoint?: (endpointIndex: number, destination: vec.Vector2) => unknown;
-    onMoveLine?: (newStart: vec.Vector2) => unknown;
-};
-export declare const MovableLine: (props: Props) => React.JSX.Element;
 export declare const getMovableLineKeyboardConstraint: (line: [vec.Vector2, vec.Vector2], snapStep: vec.Vector2, pointIndex: number) => {
     up: vec.Vector2;
     down: vec.Vector2;
@@ -33,4 +14,3 @@ export declare function trimRange(range: [Interval, Interval], graphDimensionsIn
  * viewport edge.
  */
 export declare function insetTipAlongRay(tail: vec.Vector2, tip: vec.Vector2, range: [Interval, Interval], graphDimensionsInPixels: vec.Vector2): vec.Vector2;
-export {};

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

@@ -1,13 +1,11 @@
 import * as React from "react";
 import type { CSSCursor } from "./css-cursor";
-import type { AriaLive } from "../../types";
 import type { KeyboardMovementConstraint } from "../use-draggable";
 import type { vec } from "mafs";
 type Props = {
     point: vec.Vector2;
     ariaDescribedBy?: string;
     ariaLabel?: string;
-    ariaLive?: AriaLive;
     color?: string;
     constrain?: KeyboardMovementConstraint;
     cursor?: CSSCursor | undefined;

package/dist/widgets/interactive-graphs/graphs/components/use-control-arrowhead.d.ts

@@ -1,5 +1,4 @@
 import * as React from "react";
-import type { AriaLive } from "../../types";
 import type { KeyboardMovementConstraint } from "../use-draggable";
 import type { vec } from "mafs";
 type Params = {
@@ -7,7 +6,6 @@ type Params = {
     angle: number;
     ariaDescribedBy?: string;
     ariaLabel?: string;
-    ariaLive?: AriaLive;
     constrain?: KeyboardMovementConstraint;
     sequenceNumber?: number;
     onMove?: ((newPoint: vec.Vector2) => unknown) | undefined;

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

@@ -1,13 +1,11 @@
 import * as React from "react";
 import type { CSSCursor } from "./css-cursor";
-import type { AriaLive } from "../../types";
 import type { KeyboardMovementConstraint } from "../use-draggable";
 import type { vec } from "mafs";
 type Params = {
     point: vec.Vector2;
     ariaDescribedBy?: string;
     ariaLabel?: string;
-    ariaLive?: AriaLive;
     color?: string | undefined;
     constrain?: KeyboardMovementConstraint;
     cursor?: CSSCursor | undefined;

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

@@ -1,7 +1,13 @@
 import type { InteractiveGraphStateAnnouncement } from "../types";
 import type { PerseusStrings } from "@khanacademy/perseus/strings";
+import type { Coord } from "@khanacademy/perseus-core";
 export declare function getAnnouncementText(state: InteractiveGraphStateAnnouncement, strings: PerseusStrings, locale: string): string;
 export declare function srCircleRadiusPointLabel(x: number, y: number, centerX: number, strings: PerseusStrings, locale: string): string;
 export declare function srCircleCenterLabel(x: number, y: number, 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 srFormatNumber(a: number, locale: string, maximumFractionDigits?: number): string;
 export declare function getPiMultiple(a: number): string | null;
+export {};

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

@@ -1,6 +1,7 @@
 import { vec } from "mafs";
 import type { PerseusStrings } from "../../../strings";
 import type { PairOfPoints } from "../types";
+import type { QuadraticCoefficient } from "@khanacademy/kmath";
 import type { Coord } from "@khanacademy/perseus-core";
 import type { Interval } from "mafs";
 /**
@@ -14,9 +15,14 @@ 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;
-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[];
+/**
+ * Calculate the vertex of a quadratic from its coefficients.
+ *
+ * When a === 0 the parabola degenerates to a line and has no vertex, so
+ * we return undefined; otherwise the vertex is (-b/2a, c - b²/4a).
+ */
+export declare function getQuadraticVertex(coeffs: QuadraticCoefficient): Coord | undefined;
 /**
  * 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.

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

@@ -183,7 +183,6 @@ declare class InteractiveGraph extends React.Component<Props, State> {
             baseElements?: {
                 Link: React.ComponentType<any>;
             };
-            imagePreloader?: (dimensions: import("../../types").Dimensions) => React.ReactNode;
             trackInteraction?: (args: {
                 type: string;
                 id: string;
@@ -192,25 +191,18 @@ declare class InteractiveGraph extends React.Component<Props, State> {
                 visible: number;
             }>) => void;
             customKeypad?: boolean;
-            nativeKeypadProxy?: (blur: () => void) => import("@khanacademy/math-input").KeypadAPI;
             isMobile?: boolean;
             isMobileApp?: boolean;
-            setDrawingAreaAvailable?: (arg1: boolean) => unknown;
             hintProgressColor?: string;
-            canScrollPage?: boolean;
-            editorChangeDelay?: number;
-            flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
+            flags?: Record<"input-number-to-numeric-input", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
-            canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
-            editorChangeDelay: NonNullable<import("../..").APIOptions["editorChangeDelay"]>;
             isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;
             isMobile: NonNullable<import("../..").APIOptions["isMobile"]>;
             isMobileApp: NonNullable<import("../..").APIOptions["isMobileApp"]>;
             editingDisabled: NonNullable<import("../..").APIOptions["editingDisabled"]>;
             onFocusChange: NonNullable<import("../..").APIOptions["onFocusChange"]>;
             readOnly: NonNullable<import("../..").APIOptions["readOnly"]>;
-            setDrawingAreaAvailable: NonNullable<import("../..").APIOptions["setDrawingAreaAvailable"]>;
             showAlignmentOptions: NonNullable<import("../..").APIOptions["showAlignmentOptions"]>;
         }>;
         keypadElement?: any;

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

@@ -0,0 +1,2 @@
+export declare function resolveVisibleLabel(pointLabels: string[] | undefined, index: number): string | undefined;
+export declare function getEffectivePointLabels(showPointLabels: boolean | undefined, pointLabels: string[] | undefined, count: number): string[] | undefined;