@khanacademy/perseus 77.7.2 → 77.9.0

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

@@ -42,7 +42,7 @@ export declare const Expression: React.ForwardRefExoticComponent<PerseusExpressi
         hintProgressColor?: string;
         canScrollPage?: boolean;
         editorChangeDelay?: number;
-        flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
+        flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
     }> & {
         baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
         canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
@@ -122,7 +122,7 @@ declare const _default: {
             hintProgressColor?: string;
             canScrollPage?: boolean;
             editorChangeDelay?: number;
-            flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
+            flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

package/dist/widgets/image/components/explore-image-modal-content.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
-import type { CommonImageProps, ZoomProps, GifProps } from "./image-info-area";
-type Props = CommonImageProps & ZoomProps & GifProps & {
+import type { CommonImageProps, GifProps } from "./image-info-area";
+type Props = CommonImageProps & GifProps & {
     captionId: string;
     longDescId: string;
 };
-export default function ExploreImageModalContent({ backgroundImage, scale: contentScale, caption, alt, longDescription, linterContext, apiOptions, box, labels, range, zoomSize, captionId, longDescId, }: Props): React.JSX.Element | null;
+export default function ExploreImageModalContent({ backgroundImage, scale: contentScale, caption, alt, longDescription, linterContext, apiOptions, box, labels, range, captionId, longDescId, }: Props): React.JSX.Element | null;
 export {};

package/dist/widgets/image/components/explore-image-modal.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CommonImageProps, ZoomProps, GifProps } from "./image-info-area";
-type Props = CommonImageProps & ZoomProps & GifProps;
+import type { CommonImageProps, GifProps } from "./image-info-area";
+type Props = CommonImageProps & GifProps;
 export declare const ExploreImageModal: (props: Props) => React.JSX.Element;
 export {};

package/dist/widgets/image/components/image-info-area.d.ts

@@ -2,17 +2,6 @@ import { type Interval, type PerseusImageBackground, type PerseusImageLabel, typ
 import * as React from "react";
 import type { APIOptions } from "../../../types";
 import type { LinterContextProps } from "@khanacademy/perseus-linter";
-export interface ZoomProps {
-    /**
-     * zoomSize represents the larger of the image’s natural size (calculated on load)
-     * and the saved backgroundImage size (specified when the content is written). This
-     * ensures that zooming is enabled only if the image is sufficiently large.
-     * image (calculated on load) and the saved backgroundImage size (specified
-     * when the content is written). This larger image size is used to
-     * determine if the image is large enough to allow zooming.
-     */
-    zoomSize: Size;
-}
 export interface GifProps {
     isGifPlaying: boolean;
     setIsGifPlaying: (isPaused: boolean) => void;
@@ -30,7 +19,7 @@ export interface CommonImageProps {
     linterContext: LinterContextProps;
     apiOptions: APIOptions;
 }
-type Props = ZoomProps & GifProps & CommonImageProps;
+type Props = GifProps & CommonImageProps;
 /**
  * The ImageInfoArea component includes the GIF controls, description modal
  * launcher, and caption for the image. This is displayed underneath the image

package/dist/widgets/interactive-graphs/graphs/components/clip-to-graph-bounds.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+export declare function ClipToGraphBounds({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;

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

@@ -1,5 +1,7 @@
 import type { InteractiveGraphStateAnnouncement } from "../types";
 import type { PerseusStrings } from "@khanacademy/perseus/strings";
 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;
 export declare function srFormatNumber(a: number, locale: string, maximumFractionDigits?: number): string;
 export declare function getPiMultiple(a: number): string | null;

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

@@ -199,7 +199,7 @@ declare class InteractiveGraph extends React.Component<Props, State> {
             hintProgressColor?: string;
             canScrollPage?: boolean;
             editorChangeDelay?: number;
-            flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
+            flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

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

@@ -71,7 +71,7 @@ export declare const actions: {
         movePoint: typeof movePoint;
     };
     vector: {
-        moveTip: (destination: vec.Vector2) => MovePoint;
+        moveTip: (destination: vec.Vector2) => MovePointInFigure;
         moveVector: (newStart: vec.Vector2) => MoveLine;
     };
 };
@@ -141,9 +141,9 @@ declare function openPolygon(): OpenPolygon;
 export declare const MOVE_ALL = "move-all";
 export interface MoveAll {
     type: typeof MOVE_ALL;
-    delta: vec.Vector2;
+    newStart: vec.Vector2;
 }
-declare function moveAll(delta: vec.Vector2): MoveAll;
+declare function moveAll(newStart: vec.Vector2): MoveAll;
 export declare const MOVE_POINT = "move-point";
 export interface MovePoint {
     type: typeof MOVE_POINT;

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

@@ -17,12 +17,25 @@ export type InteractiveGraphElementSuite = {
 };
 export type InteractiveGraphState = AbsoluteValueGraphState | AngleGraphState | SegmentGraphState | LinearSystemGraphState | LinearGraphState | RayGraphState | NoneGraphState | PolygonGraphState | PointGraphState | CircleGraphState | QuadraticGraphState | SinusoidGraphState | ExponentialGraphState | TangentGraphState | LogarithmGraphState | VectorGraphState;
 export type UnlimitedGraphState = PointGraphState | PolygonGraphState;
-export type InteractiveGraphStateAnnouncement = {
+type MovePointAnnouncement = {
     type: "move-point";
     pointIndex: number;
     x: number;
     y: number;
 };
+type MoveRadiusPointAnnouncement = {
+    type: "move-radius-point";
+    x: number;
+    y: number;
+    centerX: number;
+    radius: number;
+};
+type MoveCenterAnnouncement = {
+    type: "move-center";
+    x: number;
+    y: number;
+};
+export type InteractiveGraphStateAnnouncement = MovePointAnnouncement | MoveRadiusPointAnnouncement | MoveCenterAnnouncement;
 export interface InteractiveGraphStateCommon {
     hasBeenInteractedWith: boolean;
     range: [xRange: Interval, yRange: Interval];
@@ -124,3 +137,4 @@ export type GraphDimensions = {
 };
 export type AriaLive = "off" | "assertive" | "polite" | undefined;
 export type SnapTo = "grid" | "angles" | "sides";
+export {};

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

@@ -16,9 +16,9 @@ export declare function bound({ snapStep, range, point, }: {
     range: [Interval, Interval];
     point: vec.Vector2;
 }): vec.Vector2;
-export declare function boundToEdge({ range, point, }: {
+export declare function boundToEdgeAndSnapToGrid(point: vec.Vector2, { snapStep, range }: {
+    snapStep: vec.Vector2;
     range: [Interval, Interval];
-    point: vec.Vector2;
 }): vec.Vector2;
 export declare function isUnlimitedGraphState(state: InteractiveGraphState): state is UnlimitedGraphState;
 /**

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

@@ -151,7 +151,7 @@ declare const _default: {
             hintProgressColor?: string;
             canScrollPage?: boolean;
             editorChangeDelay?: number;
-            flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
+            flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

package/dist/widgets/mock-widgets/mock-widget.d.ts

@@ -75,7 +75,7 @@ declare class MockWidgetComponent extends React.Component<Props> implements Widg
             hintProgressColor?: string;
             canScrollPage?: boolean;
             editorChangeDelay?: number;
-            flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
+            flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

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

@@ -25,6 +25,7 @@ export declare class NumericInput extends React.Component<NumericInputProps> imp
     inputRef: React.RefObject<Focusable>;
     static defaultProps: DefaultProps;
     focus: () => boolean;
+    blur: () => void;
     focusInputPath: () => void;
     blurInputPath: () => void;
     getInputPaths: () => ReadonlyArray<ReadonlyArray<string>>;
@@ -82,7 +83,7 @@ export declare class NumericInput extends React.Component<NumericInputProps> imp
             hintProgressColor?: string;
             canScrollPage?: boolean;
             editorChangeDelay?: number;
-            flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
+            flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

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

@@ -45,7 +45,7 @@ export declare const NumericInputComponent: React.ForwardRefExoticComponent<impo
         hintProgressColor?: string;
         canScrollPage?: boolean;
         editorChangeDelay?: number;
-        flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
+        flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
     }> & {
         baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
         canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
@@ -104,7 +104,7 @@ export declare const NumericInputComponent: React.ForwardRefExoticComponent<impo
         hintProgressColor?: string;
         canScrollPage?: boolean;
         editorChangeDelay?: number;
-        flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
+        flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
     }> & {
         baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
         canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

package/dist/widgets/table/table.d.ts

@@ -83,7 +83,7 @@ declare class Table extends React.Component<Props> implements Widget {
             hintProgressColor?: string;
             canScrollPage?: boolean;
             editorChangeDelay?: number;
-            flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
+            flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Core Perseus API (includes renderers and widgets)",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "77.7.2",
+  "version": "77.9.0",
   "publishConfig": {
     "access": "public"
   },
@@ -43,12 +43,12 @@
     "tiny-invariant": "1.3.1",
     "uuid": "^10.0.0",
     "@khanacademy/kas": "2.2.3",
-    "@khanacademy/keypad-context": "3.2.56",
-    "@khanacademy/kmath": "2.4.14",
-    "@khanacademy/math-input": "26.4.28",
-    "@khanacademy/perseus-core": "27.0.2",
-    "@khanacademy/perseus-linter": "5.0.11",
-    "@khanacademy/perseus-score": "8.10.4",
+    "@khanacademy/keypad-context": "3.2.58",
+    "@khanacademy/kmath": "2.4.16",
+    "@khanacademy/math-input": "26.4.30",
+    "@khanacademy/perseus-core": "27.1.0",
+    "@khanacademy/perseus-linter": "5.0.13",
+    "@khanacademy/perseus-score": "8.11.0",
     "@khanacademy/perseus-utils": "2.1.5",
     "@khanacademy/pure-markdown": "2.2.8",
     "@khanacademy/simple-markdown": "2.2.3"