@khanacademy/perseus 20.4.0 → 20.5.0

package/dist/perseus-types.d.ts

@@ -3,7 +3,7 @@ import type { Interval, vec } from "mafs";
 export type Range = Interval;
 export type Size = [number, number];
 export type CollinearTuple = readonly [vec.Vector2, vec.Vector2];
-type StyleParams = {
+export type StyleParams = {
     fill?: string;
     stroke?: string;
 };

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

@@ -1,2 +1,3 @@
 export { SegmentGraph } from "./segment";
 export { LinearGraph } from "./linear";
+export { RayGraph } from "./ray";

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { MafsGraphProps, RayGraphState } from "../types";
+type Props = MafsGraphProps<RayGraphState>;
+export declare const RayGraph: (props: Props) => JSX.Element;
+export {};

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

@@ -1,9 +1,9 @@
 import type { CollinearTuple } from "../../../perseus-types";
-import type { vec } from "mafs";
+import type { Interval, vec } from "mafs";
 export interface InteractiveLineProps {
     collinearPair: Readonly<CollinearTuple>;
     snaps: [number, number];
-    range: [[number, number], [number, number]];
+    range: [x: Interval, y: Interval];
     onMovePoint: (endpointIndex: number, destination: vec.Vector2) => unknown;
     onMoveLine: (delta: vec.Vector2) => unknown;
 }

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

@@ -1,5 +1,5 @@
 import type { InteractiveGraphAction } from "./interactive-graph-action";
-import type { PerseusGraphTypeLinearSystem, PerseusGraphTypeSegment, PerseusInteractiveGraphWidgetOptions } from "../../perseus-types";
+import type { CollinearTuple, PerseusGraphTypeLinearSystem, PerseusGraphTypeRay, PerseusGraphTypeSegment, PerseusInteractiveGraphWidgetOptions } from "../../perseus-types";
 import type { WidgetProps } from "../../types";
 import type { Interval, vec } from "mafs";
 export type InteractiveGraphProps = WidgetProps<PerseusInteractiveGraphWidgetOptions, PerseusInteractiveGraphWidgetOptions>;
@@ -7,7 +7,7 @@ export type MafsGraphProps<T extends InteractiveGraphState> = {
     graphState: T;
     dispatch: (action: InteractiveGraphAction) => unknown;
 };
-export type InteractiveGraphState = SegmentGraphState | LinearGraphState;
+export type InteractiveGraphState = SegmentGraphState | LinearGraphState | RayGraphState;
 export interface InteractiveGraphStateCommon {
     hasBeenInteractedWith: boolean;
     range: [Interval, Interval];
@@ -17,3 +17,6 @@ export type SegmentGraphState = InteractiveGraphStateCommon & Pick<PerseusGraphT
 export type LinearGraphState = InteractiveGraphStateCommon & Pick<PerseusGraphTypeLinearSystem, "coords"> & {
     type: "linear" | "linear-system";
 };
+export type RayGraphState = InteractiveGraphStateCommon & Pick<PerseusGraphTypeRay, "type"> & {
+    coords: readonly CollinearTuple[];
+};

package/package.json

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