@khanacademy/perseus 25.1.0 → 26.0.0

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

@@ -1,55 +1,84 @@
 import type { InitializeGraphStateParams } from "./initialize-graph-state";
 import type { Interval, vec } from "mafs";
-export type InteractiveGraphAction = Reinitialize | MoveControlPoint | MoveLine | MoveAll | MovePoint | MoveCenter | MoveRadiusPoint | ChangeSnapStep | ChangeRange;
-export declare const REINITIALIZE = "reinitialize";
-export interface Reinitialize {
-    type: typeof REINITIALIZE;
-    params: InitializeGraphStateParams;
-}
-export declare function reinitialize(params: InitializeGraphStateParams): Reinitialize;
-export declare const MOVE_CONTROL_POINT = "move-control-point";
-export interface MoveControlPoint {
-    type: typeof MOVE_CONTROL_POINT;
-    itemIndex: number;
-    pointIndex: number;
-    destination: vec.Vector2;
-}
-export declare function moveControlPoint(pointIndex: number, destination: vec.Vector2, itemIndex: number): MoveControlPoint;
-export declare const MOVE_ALL = "move-all";
+export type InteractiveGraphAction = Reinitialize | MovePointInFigure | MoveLine | MoveAll | MovePoint | MoveCenter | MoveRadiusPoint | ChangeSnapStep | ChangeRange;
+export declare const actions: {
+    angle: {
+        movePoint: typeof movePoint;
+    };
+    circle: {
+        moveCenter: typeof moveCenter;
+        moveRadiusPoint: typeof moveRadiusPoint;
+    };
+    linear: {
+        moveLine: (delta: vec.Vector2) => MoveLine;
+        movePoint: (pointIndex: any, destination: any) => MovePointInFigure;
+    };
+    linearSystem: {
+        moveLine: typeof moveLine;
+        movePointInFigure: typeof movePointInFigure;
+    };
+    pointGraph: {
+        movePoint: typeof movePoint;
+    };
+    polygon: {
+        movePoint: typeof movePoint;
+        moveAll: typeof moveAll;
+    };
+    quadratic: {
+        movePoint: typeof movePoint;
+    };
+    ray: {
+        moveRay: (delta: vec.Vector2) => MoveLine;
+        movePoint: (pointIndex: any, destination: any) => MovePointInFigure;
+    };
+    segment: {
+        movePointInFigure: typeof movePointInFigure;
+        moveLine: typeof moveLine;
+    };
+    sinusoid: {
+        movePoint: typeof movePoint;
+    };
+};
 export declare const MOVE_LINE = "move-line";
-interface MoveItem {
-    delta: vec.Vector2;
-    itemIndex?: number;
-}
-export interface MoveLine extends MoveItem {
+export interface MoveLine {
     type: typeof MOVE_LINE;
+    itemIndex: number;
+    delta: vec.Vector2;
 }
-export interface MoveAll extends MoveItem {
+declare function moveLine(itemIndex: number, delta: vec.Vector2): MoveLine;
+export declare const MOVE_ALL = "move-all";
+export interface MoveAll {
     type: typeof MOVE_ALL;
+    delta: vec.Vector2;
 }
-/** This action assumes the state.coords holds an array of collinear tuples that define lines */
-export declare function moveLine(itemIndex: number, delta: vec.Vector2): MoveLine;
-/** This action assumes a flat array of vectors */
-export declare const moveAll: (delta: vec.Vector2) => MoveAll;
+declare function moveAll(delta: vec.Vector2): MoveAll;
 export declare const MOVE_POINT = "move-point";
 export interface MovePoint {
     type: typeof MOVE_POINT;
     index: number;
     destination: vec.Vector2;
 }
-export declare function movePoint(index: number, destination: vec.Vector2): MovePoint;
+declare function movePoint(index: number, destination: vec.Vector2): MovePoint;
+export declare const MOVE_POINT_IN_FIGURE = "move-point-in-figure";
+export interface MovePointInFigure {
+    type: typeof MOVE_POINT_IN_FIGURE;
+    figureIndex: number;
+    pointIndex: number;
+    destination: vec.Vector2;
+}
+declare function movePointInFigure(figureIndex: number, pointIndex: number, destination: vec.Vector2): MovePointInFigure;
 export declare const MOVE_CENTER = "move-center";
 export interface MoveCenter {
     type: typeof MOVE_CENTER;
     destination: vec.Vector2;
 }
-export declare function moveCenter(destination: vec.Vector2): MoveCenter;
+declare function moveCenter(destination: vec.Vector2): MoveCenter;
 export declare const MOVE_RADIUS_POINT = "MOVE_RADIUS_POINT";
 export interface MoveRadiusPoint {
     type: typeof MOVE_RADIUS_POINT;
     destination: vec.Vector2;
 }
-export declare function moveRadiusPoint(destination: vec.Vector2): MoveRadiusPoint;
+declare function moveRadiusPoint(destination: vec.Vector2): MoveRadiusPoint;
 export declare const CHANGE_SNAP_STEP = "change-snap-step";
 export interface ChangeSnapStep {
     type: typeof CHANGE_SNAP_STEP;
@@ -62,4 +91,10 @@ export interface ChangeRange {
     range: [x: Interval, y: Interval];
 }
 export declare function changeRange(range: [x: Interval, y: Interval]): ChangeRange;
+export declare const REINITIALIZE = "reinitialize";
+export interface Reinitialize {
+    type: typeof REINITIALIZE;
+    params: InitializeGraphStateParams;
+}
+export declare function reinitialize(params: InitializeGraphStateParams): Reinitialize;
 export {};

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

@@ -1,8 +1,8 @@
 /**
  * Enables single or multiple answers selection using WonderBlocks dropdowns.
  */
-/// <reference types="react" />
 import { SingleSelect } from "@khanacademy/wonder-blocks-dropdown";
+import * as React from "react";
 export type AnswerType = {
     content: string;
     checked: boolean;
@@ -15,5 +15,5 @@ type AnswerChoicesProps = {
     onToggle: (opened: boolean) => unknown;
     disabled: boolean;
 };
-declare const AnswerChoices: (props: AnswerChoicesProps) => JSX.Element;
+declare const AnswerChoices: (props: AnswerChoicesProps) => React.JSX.Element;
 export default AnswerChoices;

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

@@ -1,6 +1,6 @@
 /// <reference path="../../../types/aphrodite.d.ts" />
-/// <reference types="react" />
 import { type CSSProperties } from "aphrodite";
+import * as React from "react";
 export declare const AnswerPill: (props: {
     selectedAnswers: readonly string[];
     showCorrectness?: "correct" | "incorrect";
@@ -10,4 +10,4 @@ export declare const AnswerPill: (props: {
     hovered?: boolean;
     focused?: boolean;
     onClick?: () => void;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/dist/widgets/label-image/hide-answers-toggle.d.ts

@@ -3,4 +3,4 @@ import * as React from "react";
 export declare const HideAnswersToggle: (props: {
     areAnswersHidden: boolean;
     onChange: React.ComponentPropsWithoutRef<typeof Switch>["onChange"];
-}) => JSX.Element;
+}) => React.JSX.Element;

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

@@ -31,7 +31,7 @@ export default class Marker extends React.Component<Props> {
     static defaultProps: {
         selected: ReadonlyArray<any>;
     };
-    renderIcon(): JSX.Element;
+    renderIcon(): React.JSX.Element;
     render(): React.ReactNode;
 }
 export {};

package/package.json

@@ -3,7 +3,7 @@
     "description": "Core Perseus API (includes renderers and widgets)",
     "author": "Khan Academy",
     "license": "MIT",
-    "version": "25.1.0",
+    "version": "26.0.0",
     "publishConfig": {
         "access": "public"
     },
@@ -41,11 +41,11 @@
     "dependencies": {
         "@khanacademy/kas": "^0.3.10",
         "@khanacademy/kmath": "^0.1.13",
-        "@khanacademy/math-input": "^19.2.1",
+        "@khanacademy/math-input": "^20.0.0",
         "@khanacademy/perseus-core": "1.5.0",
         "@khanacademy/perseus-linter": "^1.0.0",
-        "@khanacademy/pure-markdown": "^0.3.6",
-        "@khanacademy/simple-markdown": "^0.12.1",
+        "@khanacademy/pure-markdown": "^0.3.7",
+        "@khanacademy/simple-markdown": "^0.13.0",
         "@use-gesture/react": "^10.2.27",
         "mafs": "0.18.7"
     },
@@ -79,8 +79,8 @@
         "lodash.debounce": "^4.0.8",
         "perseus-build-settings": "^0.4.1",
         "prop-types": "15.6.1",
-        "react": "16.14.0",
-        "react-dom": "16.14.0",
+        "react": ">= 18",
+        "react-dom": ">= 18",
         "react-popper": "^2.2.5",
         "underscore": "^1.4.4"
     },
@@ -112,8 +112,8 @@
         "jquery": "^2.1.1",
         "lodash.debounce": "^4.0.8",
         "prop-types": "15.6.1",
-        "react": "16.14.0",
-        "react-dom": "16.14.0",
+        "react": ">= 18",
+        "react-dom": ">= 18",
         "react-popper": "^2.2.5",
         "underscore": "^1.4.4"
     },

package/dist/widgets/interactive-graphs/axis-arrows.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export default function AxisArrows(): JSX.Element;

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

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export default function AxisLabels(): JSX.Element;