@khanacademy/perseus 22.3.0 → 22.4.0

package/dist/perseus-api.d.ts

@@ -97,6 +97,7 @@ export declare const ApiOptions: {
         editorChangeDelay?: number | undefined;
         flags?: {
             mafs?: false | ({
+                circle?: boolean | undefined;
                 polygon?: boolean | undefined;
                 linear?: boolean | undefined;
                 ray?: boolean | undefined;

package/dist/perseus-types.d.ts

@@ -364,7 +364,6 @@ export type LockedLineType = {
     points: [startPoint: LockedPointType, endPoint: LockedPointType];
     color: LockedFigureColor;
     lineStyle: "solid" | "dashed";
-    showArrows: boolean;
     showStartPoint: boolean;
     showEndPoint: boolean;
 };

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

@@ -142,6 +142,7 @@ declare const ref: React.ForwardRefExoticComponent<Omit<Pick<OwnProps & HOCProps
         editorChangeDelay?: number | undefined;
         flags?: {
             mafs?: false | ({
+                circle?: boolean | undefined;
                 polygon?: boolean | undefined;
                 linear?: boolean | undefined;
                 ray?: boolean | undefined;

package/dist/types.d.ts

@@ -78,7 +78,7 @@ type TrackInteractionArgs = {
     id: string;
     correct?: boolean;
 } & Partial<TrackingGradedGroupExtraArguments> & Partial<TrackingSequenceExtraArguments>;
-export declare const MafsGraphTypeFlags: readonly ["segment", "linear", "linear-system", "ray", "polygon"];
+export declare const MafsGraphTypeFlags: readonly ["segment", "linear", "linear-system", "ray", "polygon", "circle"];
 export declare const InteractiveGraphLockedFeaturesFlags: readonly ["interactive-graph-locked-features-m1"];
 /**
  * APIOptions provides different ways to customize the behaviour of Perseus.

package/dist/widgets/expression.d.ts

@@ -136,6 +136,7 @@ declare const _default: Readonly<{
             editorChangeDelay?: number | undefined;
             flags?: {
                 mafs?: false | ({
+                    circle?: boolean | undefined;
                     polygon?: boolean | undefined;
                     linear?: boolean | undefined;
                     ray?: boolean | undefined;
@@ -213,6 +214,7 @@ declare const _default: Readonly<{
             editorChangeDelay?: number | undefined;
             flags?: {
                 mafs?: false | ({
+                    circle?: boolean | undefined;
                     polygon?: boolean | undefined;
                     linear?: boolean | undefined;
                     ray?: boolean | undefined;
@@ -290,6 +292,7 @@ declare const _default: Readonly<{
             editorChangeDelay?: number | undefined;
             flags?: {
                 mafs?: false | ({
+                    circle?: boolean | undefined;
                     polygon?: boolean | undefined;
                     linear?: boolean | undefined;
                     ray?: boolean | undefined;
@@ -364,6 +367,7 @@ declare const _default: Readonly<{
             editorChangeDelay?: number | undefined;
             flags?: {
                 mafs?: false | ({
+                    circle?: boolean | undefined;
                     polygon?: boolean | undefined;
                     linear?: boolean | undefined;
                     ray?: boolean | undefined;
@@ -441,6 +445,7 @@ declare const _default: Readonly<{
             editorChangeDelay?: number | undefined;
             flags?: {
                 mafs?: false | ({
+                    circle?: boolean | undefined;
                     polygon?: boolean | undefined;
                     linear?: boolean | undefined;
                     ray?: boolean | undefined;
@@ -518,6 +523,7 @@ declare const _default: Readonly<{
             editorChangeDelay?: number | undefined;
             flags?: {
                 mafs?: false | ({
+                    circle?: boolean | undefined;
                     polygon?: boolean | undefined;
                     linear?: boolean | undefined;
                     ray?: boolean | undefined;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { CircleGraphState, MafsGraphProps } from "../types";
+type CircleGraphProps = MafsGraphProps<CircleGraphState>;
+export declare function CircleGraph(props: CircleGraphProps): JSX.Element;
+export {};

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

@@ -2,3 +2,4 @@ export { SegmentGraph } from "./segment";
 export { LinearGraph } from "./linear";
 export { RayGraph } from "./ray";
 export { PolygonGraph } from "./polygon";
+export { CircleGraph } from "./circle";

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

@@ -1,5 +1,6 @@
 import type { CollinearTuple } from "../../../perseus-types";
 import type { Interval, vec } from "mafs";
+export declare function calculateAngleInDegrees([x, y]: vec.Vector2): number;
 /**
  * Given a ray and a rectangular box, find the point where the ray intersects
  * the edge of the box. Assumes the `initialPoint` is inside the box.

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"];
+export declare const mafsSupportedGraphTypes: readonly ["segment", "linear", "linear-system", "ray", "polygon", "point", "circle"];
 export type MafsSupportedGraphType = (typeof mafsSupportedGraphTypes)[number];
 export declare const trueForAllMafsSupportedGraphTypes: Record<MafsSupportedGraphType, true>;

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

@@ -1,6 +1,6 @@
 import type { Props as MafsGraphProps } from "../mafs-graph";
 import type { vec } from "mafs";
-export type InteractiveGraphAction = MoveControlPoint | MoveLine | MoveAll | MovePoint | ChangeSnapStep | ChangeRange;
+export type InteractiveGraphAction = MoveControlPoint | MoveLine | MoveAll | MovePoint | MoveCenter | MoveRadiusPoint | ChangeSnapStep | ChangeRange;
 export declare const MOVE_CONTROL_POINT = "move-control-point";
 export interface MoveControlPoint {
     type: typeof MOVE_CONTROL_POINT;
@@ -32,6 +32,18 @@ export interface MovePoint {
     destination: vec.Vector2;
 }
 export declare function movePoint(index: number, destination: vec.Vector2): MovePoint;
+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;
+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;
 export declare const CHANGE_SNAP_STEP = "change-snap-step";
 export interface ChangeSnapStep {
     type: typeof CHANGE_SNAP_STEP;

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

@@ -1,5 +1,5 @@
 import type { PerseusGraphType } from "../../../perseus-types";
-import type { InteractiveGraphProps, InteractiveGraphState } from "../types";
+import type { CircleGraphState, InteractiveGraphProps, InteractiveGraphState } from "../types";
 export type InitializeGraphStateParam = {
     range: InteractiveGraphProps["range"];
     step: InteractiveGraphProps["step"];
@@ -9,3 +9,10 @@ export type InitializeGraphStateParam = {
 };
 export declare function initializeGraphState(params: InitializeGraphStateParam): InteractiveGraphState;
 export declare function getGradableGraph(state: InteractiveGraphState, initialGraph: PerseusGraphType): PerseusGraphType;
+/**
+ * determine radius of a circle graph
+ *
+ * @param graph - the graph object containing the circle
+ * @returns the radius of the circle
+ */
+export declare function getRadius(graph: CircleGraphState): number;

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

@@ -16,7 +16,7 @@ export interface InitializeGraphStateParams<T extends PerseusGraphType> {
 export type InteractiveGraphState = SegmentGraphState | LinearGraphState | RayGraphState | PolygonGraphState | PointGraphState | CircleGraphState;
 export interface InteractiveGraphStateCommon {
     hasBeenInteractedWith: boolean;
-    range: [Interval, Interval];
+    range: [xRange: Interval, yRange: Interval];
     snapStep: vec.Vector2;
     markings: InteractiveGraphProps["markings"];
 }
@@ -45,6 +45,6 @@ export interface PolygonGraphState extends InteractiveGraphStateCommon {
 export interface CircleGraphState extends InteractiveGraphStateCommon {
     type: "circle";
     center: Coord;
-    radius: number;
+    radiusPoint: Coord;
 }
 export type PairOfPoints = [Coord, Coord];

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

@@ -130,6 +130,7 @@ declare const _default: Readonly<{
             editorChangeDelay?: number | undefined;
             flags?: {
                 mafs?: false | ({
+                    circle?: boolean | undefined;
                     polygon?: boolean | undefined;
                     linear?: boolean | undefined;
                     ray?: boolean | undefined;
@@ -189,6 +190,7 @@ declare const _default: Readonly<{
             editorChangeDelay?: number | undefined;
             flags?: {
                 mafs?: false | ({
+                    circle?: boolean | undefined;
                     polygon?: boolean | undefined;
                     linear?: boolean | undefined;
                     ray?: boolean | undefined;

package/package.json

@@ -3,7 +3,7 @@
     "description": "Core Perseus API (includes renderers and widgets)",
     "author": "Khan Academy",
     "license": "MIT",
-    "version": "22.3.0",
+    "version": "22.4.0",
     "publishConfig": {
         "access": "public"
     },