@khanacademy/perseus 77.10.0 → 77.10.1

package/dist/widgets/image/utils.d.ts

@@ -37,12 +37,24 @@ export declare const graphieImage2: {
 };
 export declare const graphieImageAlt = "An array of isosceles triangles. A triangle has height A. Two smaller triangle, one with height B and one with height C, have approximately the same combined height as A.";
 export declare const graphieImage2Alt = "A picture graph shows the horizontal axis labeled Number of insects and the vertical axis labeled Types of insects. Each type of insect is listed along the vertical axis from bottom to top as follows: Beetle, Cricket, Ant, Mosquito, and Bee. The number of insects for each type of insect is represented by the number of pictures of ladybugs plotted on the graph. Beetle is represented by 5 pictures of ladybugs, Cricket is represented by 4 pictures of ladybugs, Ant is represented by 3 pictures of ladybugs, Mosquito is represented by 6 pictures of ladybugs, and Bee is represented by 3 pictures of ladybugs.";
-export declare const gifImage: {
+export declare const animatedGifLandscape: {
     url: string;
     width: number;
     height: number;
 };
-export declare const gifImageAlt = "A person on a skateboard moves back and forth across a concrete structure that forms the shape of a U.";
+export declare const animatedGifLandscapeAlt = "A person on a skateboard moves back and forth across a concrete structure that forms the shape of a U.";
+export declare const animatedGifPortrait: {
+    url: string;
+    width: number;
+    height: number;
+};
+export declare const animatedGifPortraitAlt = "A surreal illustration of Earth with a faucet attached, draining resources, above a wallet filled with currency, against a red background.";
+export declare const nonAnimatedGif: {
+    url: string;
+    width: number;
+    height: number;
+};
+export declare const nonAnimatedGifAlt = "A black and white cat resting on a blanket on a couch, with its eyes closed and arms and legs tucked in.";
 export declare const svgImage: {
     url: string;
     width: number;

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

@@ -1,5 +1,6 @@
 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]>;
@@ -9,6 +10,7 @@ type Props = {
         grabHandleAriaLabel?: string;
     };
     ariaDescribedBy?: string;
+    ariaLive?: AriaLive;
     extend?: {
         start: boolean;
         end: boolean;
@@ -24,4 +26,11 @@ export declare const getMovableLineKeyboardConstraint: (line: [vec.Vector2, vec.
     right: vec.Vector2;
 };
 export declare function trimRange(range: [Interval, Interval], graphDimensionsInPixels: vec.Vector2): [Interval, Interval];
+/**
+ * Returns `tip` pulled back toward `tail` by GRAPH_EDGE_INSET_PX, measured
+ * in pixel space (not graph units) so the inset looks the same regardless
+ * of axis scale. Used to keep arrowhead glyphs from being clipped by the
+ * 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/types.d.ts

@@ -35,7 +35,79 @@ type MoveCenterAnnouncement = {
     x: number;
     y: number;
 };
-export type InteractiveGraphStateAnnouncement = MovePointAnnouncement | MoveRadiusPointAnnouncement | MoveCenterAnnouncement;
+type MoveVectorPointAnnouncement = {
+    type: "move-vector-point";
+    pointIndex: number;
+    x: number;
+    y: number;
+};
+type MoveSegmentPointAnnouncement = {
+    type: "move-segment-point";
+    segmentIndex: number;
+    pointIndex: number;
+    pointLabel: string | number;
+    x: number;
+    y: number;
+    totalSegments: number;
+};
+type MoveSegmentLineAnnouncement = {
+    type: "move-segment-line";
+    coords: PairOfPoints;
+};
+type MoveLinearSystemPointAnnouncement = {
+    type: "move-linear-system-point";
+    lineIndex: number;
+    pointIndex: number;
+    pointLabel: string | number;
+    x: number;
+    y: number;
+};
+type MoveRayPointAnnouncement = {
+    type: "move-ray-point";
+    pointIndex: number;
+    pointLabel: string | number;
+    x: number;
+    y: number;
+};
+type MoveVectorLineAnnouncement = {
+    type: "move-vector-line";
+    coords: PairOfPoints;
+};
+type MoveLinearSystemLineAnnouncement = {
+    type: "move-linear-system-line";
+    lineIndex: number;
+    coords: PairOfPoints;
+};
+type MoveRayLineAnnouncement = {
+    type: "move-ray-line";
+    coords: PairOfPoints;
+};
+type MoveLinearLineAnnouncement = {
+    type: "move-linear-line";
+    coords: PairOfPoints;
+};
+type MoveSinusoidPointAnnouncement = {
+    type: "move-sinusoid-point";
+    pointIndex: number;
+    pointLabel: string | number;
+    x: number;
+    y: number;
+    otherY: number;
+};
+type MoveAnglePointAnnouncement = {
+    type: "move-angle-point";
+    pointIndex: number;
+    pointLabel: string | number;
+    x: number;
+    y: number;
+    angleMeasure: number;
+};
+type MovePolygonAnnouncement = {
+    type: "move-polygon";
+    coords: ReadonlyArray<Coord>;
+    pointLabels?: ReadonlyArray<string>;
+};
+export type InteractiveGraphStateAnnouncement = MovePointAnnouncement | MoveRadiusPointAnnouncement | MoveCenterAnnouncement | MoveVectorPointAnnouncement | MoveVectorLineAnnouncement | MoveSegmentPointAnnouncement | MoveSegmentLineAnnouncement | MoveLinearSystemPointAnnouncement | MoveLinearSystemLineAnnouncement | MoveRayPointAnnouncement | MoveRayLineAnnouncement | MoveLinearLineAnnouncement | MoveSinusoidPointAnnouncement | MoveAnglePointAnnouncement | MovePolygonAnnouncement;
 export interface InteractiveGraphStateCommon {
     hasBeenInteractedWith: boolean;
     pointLabels?: string[];

package/package.json

@@ -3,7 +3,7 @@
   "description": "Core Perseus API (includes renderers and widgets)",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "77.10.0",
+  "version": "77.10.1",
   "publishConfig": {
     "access": "public"
   },
@@ -20,16 +20,16 @@
   "source": "src/index.ts",
   "exports": {
     ".": {
-      "import": "./dist/es/index.js",
-      "require": "./dist/index.js",
       "types": "./dist/index.d.ts",
-      "source": "./src/index.ts"
+      "source": "./src/index.ts",
+      "import": "./dist/es/index.js",
+      "require": "./dist/index.js"
     },
     "./strings": {
-      "import": "./dist/es/strings.js",
-      "require": "./dist/strings.js",
       "types": "./dist/strings.d.ts",
-      "source": "./src/strings.ts"
+      "source": "./src/strings.ts",
+      "import": "./dist/es/strings.js",
+      "require": "./dist/strings.js"
     },
     "./styles.css": "./dist/index.css"
   },
@@ -43,12 +43,12 @@
     "tiny-invariant": "1.3.1",
     "uuid": "^10.0.0",
     "@khanacademy/kas": "2.2.3",
-    "@khanacademy/keypad-context": "3.2.59",
-    "@khanacademy/kmath": "2.4.17",
-    "@khanacademy/math-input": "26.4.31",
-    "@khanacademy/perseus-core": "27.2.0",
-    "@khanacademy/perseus-linter": "5.0.14",
-    "@khanacademy/perseus-score": "8.11.1",
+    "@khanacademy/keypad-context": "3.2.60",
+    "@khanacademy/kmath": "2.4.18",
+    "@khanacademy/math-input": "26.4.32",
+    "@khanacademy/perseus-core": "27.3.0",
+    "@khanacademy/perseus-linter": "5.0.15",
+    "@khanacademy/perseus-score": "8.11.2",
     "@khanacademy/perseus-utils": "2.1.5",
     "@khanacademy/pure-markdown": "2.2.8",
     "@khanacademy/simple-markdown": "2.2.3"