@khanacademy/perseus-editor 14.1.2 → 14.2.0

package/dist/{components/graph-locked-figures → widgets/interactive-graph-editor/locked-figures}/locked-figures-section.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import type { Props as InteractiveGraphEditorProps } from "../../widgets/interactive-graph-editor/interactive-graph-editor";
+import type { Props as InteractiveGraphEditorProps } from "../interactive-graph-editor";
 import type { LockedFigure } from "@khanacademy/perseus";
 type Props = {
     showLabelsFlag?: boolean;

package/dist/widgets/interactive-graph-editor/locked-figures/util.d.ts

@@ -0,0 +1,9 @@
+import type { LockedEllipseType, LockedFigure, LockedFigureType, LockedFunctionType, LockedLabelType, LockedLineType, LockedPointType, LockedPolygonType, LockedVectorType } from "@khanacademy/perseus";
+export declare function getDefaultFigureForType(type: "point"): LockedPointType;
+export declare function getDefaultFigureForType(type: "line"): LockedLineType;
+export declare function getDefaultFigureForType(type: "vector"): LockedVectorType;
+export declare function getDefaultFigureForType(type: "ellipse"): LockedEllipseType;
+export declare function getDefaultFigureForType(type: "polygon"): LockedPolygonType;
+export declare function getDefaultFigureForType(type: "function"): LockedFunctionType;
+export declare function getDefaultFigureForType(type: "label"): LockedLabelType;
+export declare function getDefaultFigureForType(type: LockedFigureType): LockedFigure;

package/dist/widgets/interactive-graph-editor/start-coords/start-coords-angle.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import type { Coord } from "@khanacademy/perseus";
+type AngleCoords = [Coord, Coord, Coord];
+type Props = {
+    startCoords: AngleCoords;
+    onChange: (startCoords: AngleCoords) => void;
+};
+declare const StartCoordsAngle: (props: Props) => React.JSX.Element;
+export default StartCoordsAngle;

package/dist/widgets/interactive-graph-editor/start-coords/start-coords-circle.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import type { Coord } from "@khanacademy/perseus";
+type CircleCoords = {
+    center: Coord;
+    radius: number;
+};
+type Props = {
+    startCoords: CircleCoords;
+    onChange: (startCoords: CircleCoords) => void;
+};
+declare const StartCoordsCircle: (props: Props) => React.JSX.Element;
+export default StartCoordsCircle;

package/dist/{components → widgets/interactive-graph-editor/start-coords}/start-coords-line.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
-import type { CollinearTuple, PerseusGraphType } from "@khanacademy/perseus";
+import type { CollinearTuple } from "@khanacademy/perseus";
 type Props = {
     startCoords: CollinearTuple;
-    onChange: (startCoords: PerseusGraphType["startCoords"]) => void;
+    onChange: (startCoords: CollinearTuple) => void;
 };
 declare const StartCoordsLine: (props: Props) => React.JSX.Element;
 export default StartCoordsLine;

package/dist/{components → widgets/interactive-graph-editor/start-coords}/start-coords-multiline.d.ts

@@ -1,9 +1,9 @@
 import * as React from "react";
-import type { CollinearTuple, PerseusGraphType } from "@khanacademy/perseus";
+import type { CollinearTuple } from "@khanacademy/perseus";
 type Props = {
     type: "linear-system" | "segment";
     startCoords: CollinearTuple[];
-    onChange: (startCoords: PerseusGraphType["startCoords"]) => void;
+    onChange: (startCoords: CollinearTuple[]) => void;
 };
 declare const StartCoordsMultiline: (props: Props) => React.JSX.Element;
 export default StartCoordsMultiline;

package/dist/{components → widgets/interactive-graph-editor/start-coords}/start-coords-point.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
-import type { Coord, PerseusGraphType } from "@khanacademy/perseus";
+import type { Coord } from "@khanacademy/perseus";
 type Props = {
     startCoords: ReadonlyArray<Coord>;
-    onChange: (startCoords: PerseusGraphType["startCoords"]) => void;
+    onChange: (startCoords: ReadonlyArray<Coord>) => void;
 };
 declare const StartCoordsPoint: (props: Props) => React.JSX.Element;
 export default StartCoordsPoint;

package/dist/{components → widgets/interactive-graph-editor/start-coords}/start-coords-quadratic.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
-import type { Coord, PerseusGraphType } from "@khanacademy/perseus";
+import type { Coord } from "@khanacademy/perseus";
 type Props = {
     startCoords: [Coord, Coord, Coord];
-    onChange: (startCoords: PerseusGraphType["startCoords"]) => void;
+    onChange: (startCoords: [Coord, Coord, Coord]) => void;
 };
 declare const StartCoordsQuadratic: (props: Props) => React.JSX.Element;
 export default StartCoordsQuadratic;

package/dist/{components → widgets/interactive-graph-editor/start-coords}/start-coords-settings.d.ts

@@ -1,9 +1,10 @@
 import * as React from "react";
+import type { StartCoords } from "./types";
 import type { PerseusGraphType, Range } from "@khanacademy/perseus";
 type Props = PerseusGraphType & {
     range: [x: Range, y: Range];
     step: [x: number, y: number];
-    onChange: (startCoords: PerseusGraphType["startCoords"]) => void;
+    onChange: (startCoords: StartCoords) => void;
 };
 declare const StartCoordsSettings: (props: Props) => React.JSX.Element;
 export default StartCoordsSettings;

package/dist/widgets/interactive-graph-editor/start-coords/start-coords-sinusoid.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import type { Coord } from "@khanacademy/perseus";
+type SinusoidCoords = [Coord, Coord];
+type Props = {
+    startCoords: SinusoidCoords;
+    onChange: (startCoords: SinusoidCoords) => void;
+};
+declare const StartCoordsSinusoid: (props: Props) => React.JSX.Element;
+export default StartCoordsSinusoid;

package/dist/widgets/interactive-graph-editor/start-coords/types.d.ts

@@ -0,0 +1,24 @@
+import type { PerseusGraphType } from "@khanacademy/perseus";
+type GraphTypesThatHaveStartCoords = {
+    type: "angle";
+} | {
+    type: "circle";
+} | {
+    type: "linear";
+} | {
+    type: "linear-system";
+} | {
+    type: "point";
+} | {
+    type: "polygon";
+} | {
+    type: "quadratic";
+} | {
+    type: "ray";
+} | {
+    type: "segment";
+} | {
+    type: "sinusoid";
+};
+export type StartCoords = Extract<PerseusGraphType, GraphTypesThatHaveStartCoords>["startCoords"];
+export {};

package/dist/widgets/interactive-graph-editor/start-coords/util.d.ts

@@ -0,0 +1,8 @@
+import type { StartCoords } from "./types";
+import type { Range, PerseusGraphType, Coord } from "@khanacademy/perseus";
+export declare function getStartCoords(graph: PerseusGraphType): StartCoords;
+export declare function getDefaultGraphStartCoords(graph: PerseusGraphType, range: [x: Range, y: Range], step: [x: number, y: number]): StartCoords;
+export declare const getSinusoidEquation: (startCoords: [Coord, Coord]) => string;
+export declare const getQuadraticEquation: (startCoords: [Coord, Coord, Coord]) => string;
+export declare const getAngleEquation: (startCoords: [Coord, Coord, Coord]) => string;
+export declare const shouldShowStartCoordsUI: (graph: PerseusGraphType, isStatic?: boolean) => boolean;

package/package.json

@@ -3,7 +3,7 @@
     "description": "Perseus editors",
     "author": "Khan Academy",
     "license": "MIT",
-    "version": "14.1.2",
+    "version": "14.2.0",
     "publishConfig": {
         "access": "public"
     },
@@ -38,7 +38,7 @@
         "@khanacademy/keypad-context": "^1.0.1",
         "@khanacademy/kmath": "^0.1.13",
         "@khanacademy/math-input": "^21.0.2",
-        "@khanacademy/perseus": "^33.2.0",
+        "@khanacademy/perseus": "^33.3.0",
         "@khanacademy/perseus-core": "1.5.0"
     },
     "devDependencies": {

package/dist/components/start-coords-angle.d.ts

@@ -1,8 +0,0 @@
-import * as React from "react";
-import type { Coord, PerseusGraphType } from "@khanacademy/perseus";
-type Props = {
-    startCoords: [Coord, Coord, Coord];
-    onChange: (startCoords: PerseusGraphType["startCoords"]) => void;
-};
-declare const StartCoordsAngle: (props: Props) => React.JSX.Element;
-export default StartCoordsAngle;

package/dist/components/start-coords-circle.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-import type { Coord, PerseusGraphType } from "@khanacademy/perseus";
-type Props = {
-    startCoords: {
-        center: Coord;
-        radius: number;
-    };
-    onChange: (startCoords: PerseusGraphType["startCoords"]) => void;
-};
-declare const StartCoordsCircle: (props: Props) => React.JSX.Element;
-export default StartCoordsCircle;

package/dist/components/start-coords-sinusoid.d.ts

@@ -1,8 +0,0 @@
-import * as React from "react";
-import type { Coord, PerseusGraphType } from "@khanacademy/perseus";
-type Props = {
-    startCoords: [Coord, Coord];
-    onChange: (startCoords: PerseusGraphType["startCoords"]) => void;
-};
-declare const StartCoordsSinusoid: (props: Props) => React.JSX.Element;
-export default StartCoordsSinusoid;