@khanacademy/perseus 23.3.0 → 23.4.0

package/dist/perseus-types.d.ts

@@ -418,7 +418,7 @@ export type PerseusGraphTypePolygon = {
     numSides?: number | "unlimited";
     showAngles?: boolean;
     showSides?: boolean;
-    snapTo?: string;
+    snapTo?: "grid" | "angles" | "sides";
     match?: "similar" | "congruent" | "approx";
     coords?: ReadonlyArray<Coord>;
 } & PerseusGraphTypeCommon;

package/dist/widgets/interactive-graphs/graphs/components/angle.d.ts

@@ -9,8 +9,9 @@ interface Props {
     active: boolean;
     range: [Interval, Interval];
     showAngles: boolean;
+    snapTo: "grid" | "angles" | "sides";
 }
-export declare const Angle: ({ centerPoint, endPoints, range, polygonLines, showAngles, }: Props) => JSX.Element | null;
+export declare const Angle: ({ centerPoint, endPoints, range, polygonLines, showAngles, snapTo, }: Props) => JSX.Element | null;
 /**
  * Determines if an angle is an inside (false) or outside (true) angle.
  * They way, we know to flip the `largeArc` and `sweepArc` flags.

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

@@ -6,6 +6,7 @@ type Props = {
     onMove: (newPoint: vec.Vector2) => unknown;
     color?: string;
     cursor?: CSSCursor | undefined;
+    snapTo?: "grid" | "angles" | "sides";
 };
 export declare const StyledMovablePoint: (props: Props) => JSX.Element;
 export {};

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

@@ -1,9 +1,8 @@
 /// <reference types="react" />
 import type { QuadraticGraphState, MafsGraphProps } from "../types";
-import type { vec } from "mafs";
 type QuadraticGraphProps = MafsGraphProps<QuadraticGraphState>;
 type QuadraticCoefficient = [number, number, number];
+export type QuadraticCoords = QuadraticGraphState["coords"];
 export declare function QuadraticGraph(props: QuadraticGraphProps): JSX.Element;
-export declare const isValidDestination: (destination: vec.Vector2, elementId: number, coords: [import("../../..").Coord, import("../../..").Coord, import("../../..").Coord]) => boolean;
 export declare const getQuadraticCoefficients: (coords: [import("../../..").Coord, import("../../..").Coord, import("../../..").Coord]) => QuadraticCoefficient | undefined;
 export {};

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

@@ -21,6 +21,7 @@ declare class InteractiveGraphQuestionBuilder {
     withTickStep(x: number, y: number): InteractiveGraphQuestionBuilder;
     withSegments(numSegments: number): InteractiveGraphQuestionBuilder;
     withCircle(): InteractiveGraphQuestionBuilder;
+    withPolygon(snapTo: "grid" | "angles" | "sides"): InteractiveGraphQuestionBuilder;
     addLockedPointAt(x: number, y: number): InteractiveGraphQuestionBuilder;
     addLockedLine(point1: vec.Vector2, point2: vec.Vector2): InteractiveGraphQuestionBuilder;
     addLockedEllipse(center: vec.Vector2, radius: [x: number, y: number], options?: {

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

@@ -0,0 +1,9 @@
+import type { PerseusGraphType } from "../../../perseus-types";
+import type { InteractiveGraphState } from "../types";
+import type { Interval } from "mafs";
+export declare function initializeGraphState(params: {
+    range: [x: Interval, y: Interval];
+    step: [x: number, y: number];
+    snapStep: [x: number, y: number];
+    graph: PerseusGraphType;
+}): InteractiveGraphState;

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

@@ -1,12 +1,5 @@
-import type { PerseusGraphType } from "../../../perseus-types";
-import type { CircleGraphState, InteractiveGraphProps, InteractiveGraphState } from "../types";
-export type InitializeGraphStateParam = {
-    range: InteractiveGraphProps["range"];
-    step: InteractiveGraphProps["step"];
-    snapStep: InteractiveGraphProps["snapStep"];
-    graph: PerseusGraphType;
-};
-export declare function initializeGraphState(params: InitializeGraphStateParam): InteractiveGraphState;
+import type { CircleGraphState, InteractiveGraphState } from "../types";
+import type { PerseusGraphType } from "@khanacademy/perseus";
 export declare function getGradableGraph(state: InteractiveGraphState, initialGraph: PerseusGraphType): PerseusGraphType;
 /**
  * determine radius of a circle graph

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

@@ -38,6 +38,7 @@ export interface PolygonGraphState extends InteractiveGraphStateCommon {
     type: "polygon";
     showAngles: boolean;
     showSides: boolean;
+    snapTo: "grid" | "angles" | "sides";
     coords: Coord[];
 }
 export interface CircleGraphState extends InteractiveGraphStateCommon {

package/package.json

@@ -3,7 +3,7 @@
     "description": "Core Perseus API (includes renderers and widgets)",
     "author": "Khan Academy",
     "license": "MIT",
-    "version": "23.3.0",
+    "version": "23.4.0",
     "publishConfig": {
         "access": "public"
     },
@@ -55,7 +55,7 @@
         "@khanacademy/wonder-blocks-core": "6.4.0",
         "@khanacademy/wonder-blocks-data": "13.0.7",
         "@khanacademy/wonder-blocks-dropdown": "5.3.0",
-        "@khanacademy/wonder-blocks-form": "4.5.1",
+        "@khanacademy/wonder-blocks-form": "^4.7.1",
         "@khanacademy/wonder-blocks-icon": "4.1.0",
         "@khanacademy/wonder-blocks-layout": "2.0.32",
         "@khanacademy/wonder-blocks-link": "6.1.1",
@@ -90,7 +90,7 @@
         "@khanacademy/wonder-blocks-core": "6.4.0",
         "@khanacademy/wonder-blocks-data": "13.0.7",
         "@khanacademy/wonder-blocks-dropdown": "5.3.0",
-        "@khanacademy/wonder-blocks-form": "4.5.1",
+        "@khanacademy/wonder-blocks-form": "^4.7.1",
         "@khanacademy/wonder-blocks-icon": "4.1.0",
         "@khanacademy/wonder-blocks-layout": "2.0.32",
         "@khanacademy/wonder-blocks-link": "6.1.1",