@khanacademy/perseus 23.5.0 → 24.0.0

package/dist/perseus-api.d.ts

@@ -103,6 +103,7 @@ export declare const ApiOptions: {
                 segment?: boolean | undefined;
             } & {
                 "interactive-graph-locked-features-m2"?: boolean | undefined;
+                "interactive-graph-locked-features-m2b"?: boolean | undefined;
             }) | undefined;
         } | undefined;
         onWidgetStartProps?: ((widgets: import("./perseus-types").PerseusWidgetsMap) => void) | undefined;

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

@@ -150,6 +150,7 @@ declare const ref: React.ForwardRefExoticComponent<Omit<Pick<OwnProps & HOCProps
                 segment?: boolean | undefined;
             } & {
                 "interactive-graph-locked-features-m2"?: boolean | undefined;
+                "interactive-graph-locked-features-m2b"?: boolean | undefined;
             }) | undefined;
         } | undefined;
         onWidgetStartProps?: ((widgets: import("./perseus-types").PerseusWidgetsMap) => void) | undefined;

package/dist/types.d.ts

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

package/dist/widgets/expression.d.ts

@@ -144,6 +144,7 @@ declare const _default: Readonly<{
                     segment?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-m2"?: boolean | undefined;
+                    "interactive-graph-locked-features-m2b"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("../perseus-types").PerseusWidgetsMap) => void) | undefined;
@@ -220,6 +221,7 @@ declare const _default: Readonly<{
                     segment?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-m2"?: boolean | undefined;
+                    "interactive-graph-locked-features-m2b"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("../perseus-types").PerseusWidgetsMap) => void) | undefined;
@@ -296,6 +298,7 @@ declare const _default: Readonly<{
                     segment?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-m2"?: boolean | undefined;
+                    "interactive-graph-locked-features-m2b"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("../perseus-types").PerseusWidgetsMap) => void) | undefined;
@@ -369,6 +372,7 @@ declare const _default: Readonly<{
                     segment?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-m2"?: boolean | undefined;
+                    "interactive-graph-locked-features-m2b"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("../perseus-types").PerseusWidgetsMap) => void) | undefined;
@@ -445,6 +449,7 @@ declare const _default: Readonly<{
                     segment?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-m2"?: boolean | undefined;
+                    "interactive-graph-locked-features-m2b"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("../perseus-types").PerseusWidgetsMap) => void) | undefined;
@@ -521,6 +526,7 @@ declare const _default: Readonly<{
                     segment?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-m2"?: boolean | undefined;
+                    "interactive-graph-locked-features-m2b"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("../perseus-types").PerseusWidgetsMap) => void) | undefined;

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

@@ -10,5 +10,5 @@ export type SineCoefficient = {
 };
 export declare function SinusoidGraph(props: SinusoidGraphProps): JSX.Element;
 export declare const computeSine: (x: number, sinusoidCoefficients: SineCoefficient) => number;
-export declare const getSinusoidCoefficients: (coords: ReadonlyArray<Coord>) => SineCoefficient;
+export declare const getSinusoidCoefficients: (coords: ReadonlyArray<Coord>) => SineCoefficient | undefined;
 export {};

package/dist/widgets/interactive-graphs/graphs/use-draggable.d.ts

@@ -0,0 +1,13 @@
+import type { vec } from "mafs";
+import type { RefObject } from "react";
+type Params = {
+    gestureTarget: RefObject<Element>;
+    onMove: (point: vec.Vector2) => unknown;
+    point: vec.Vector2;
+    constrain: (point: vec.Vector2) => vec.Vector2;
+};
+type DragState = {
+    dragging: boolean;
+};
+export declare function useDraggable(params: Params): DragState;
+export {};

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

@@ -1,4 +1,5 @@
-import type { LockedFigureFillType, LockedFigureColor, PerseusRenderer } from "../../perseus-types";
+import type { LockedFigureFillType, LockedFigureColor, PerseusRenderer, CollinearTuple } from "../../perseus-types";
+import type { Coord } from "@khanacademy/perseus";
 import type { vec } from "mafs";
 export declare function interactiveGraphQuestionBuilder(): InteractiveGraphQuestionBuilder;
 declare class InteractiveGraphQuestionBuilder {
@@ -19,8 +20,14 @@ declare class InteractiveGraphQuestionBuilder {
     withYRange(min: number, max: number): InteractiveGraphQuestionBuilder;
     withSnapStep(x: number, y: number): InteractiveGraphQuestionBuilder;
     withTickStep(x: number, y: number): InteractiveGraphQuestionBuilder;
-    withSegments(numSegments: number): InteractiveGraphQuestionBuilder;
-    withCircle(): InteractiveGraphQuestionBuilder;
+    withSegments(startCoords: CollinearTuple[]): InteractiveGraphQuestionBuilder;
+    withNumSegments(numSegments: number): InteractiveGraphQuestionBuilder;
+    withLinear(startCoords?: CollinearTuple): InteractiveGraphQuestionBuilder;
+    withLinearSystem(startCoords?: CollinearTuple[]): InteractiveGraphQuestionBuilder;
+    withRay(startCoords?: CollinearTuple): InteractiveGraphQuestionBuilder;
+    withCircle(startCoords?: Coord): InteractiveGraphQuestionBuilder;
+    withQuadratic(startCoords?: [Coord, Coord, Coord]): InteractiveGraphQuestionBuilder;
+    withSinusoid(startCoords?: [Coord, Coord]): InteractiveGraphQuestionBuilder;
     withPolygon(snapTo: "grid" | "angles" | "sides"): InteractiveGraphQuestionBuilder;
     addLockedPointAt(x: number, y: number): InteractiveGraphQuestionBuilder;
     addLockedLine(point1: vec.Vector2, point2: vec.Vector2): InteractiveGraphQuestionBuilder;

package/dist/widgets/interactive-graphs/{locked-ellipse.d.ts → locked-figures/locked-ellipse.d.ts}

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { type LockedEllipseType } from "../../perseus-types";
+import { type LockedEllipseType } from "../../../perseus-types";
 declare const LockedEllipse: (props: LockedEllipseType) => JSX.Element;
 export default LockedEllipse;

package/dist/widgets/interactive-graphs/{locked-line.d.ts → locked-figures/locked-line.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { LockedLineType } from "../../perseus-types";
+import type { LockedLineType } from "../../../perseus-types";
 import type { Interval } from "mafs";
 type Props = LockedLineType & {
     range: [Interval, Interval];

package/dist/widgets/interactive-graphs/{locked-point.d.ts → locked-figures/locked-point.d.ts}

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { type LockedPointType } from "../../perseus-types";
+import { type LockedPointType } from "../../../perseus-types";
 declare const LockedPoint: (props: LockedPointType) => JSX.Element;
 export default LockedPoint;

package/dist/widgets/interactive-graphs/{locked-polygon.d.ts → locked-figures/locked-polygon.d.ts}

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import type { LockedPolygonType } from "../../perseus-types";
+import type { LockedPolygonType } from "../../../perseus-types";
 declare const LockedPolygon: (props: LockedPolygonType) => JSX.Element;
 export default LockedPolygon;

package/dist/widgets/interactive-graphs/{locked-vector.d.ts → locked-figures/locked-vector.d.ts}

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import type { LockedVectorType } from "../../perseus-types";
+import type { LockedVectorType } from "../../../perseus-types";
 declare const LockedVector: (props: LockedVectorType) => JSX.Element;
 export default LockedVector;

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

@@ -138,6 +138,7 @@ declare const _default: Readonly<{
                     segment?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-m2"?: boolean | undefined;
+                    "interactive-graph-locked-features-m2b"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("..").PerseusWidgetsMap) => void) | undefined;
@@ -198,6 +199,7 @@ declare const _default: Readonly<{
                     segment?: boolean | undefined;
                 } & {
                     "interactive-graph-locked-features-m2"?: boolean | undefined;
+                    "interactive-graph-locked-features-m2b"?: boolean | undefined;
                 }) | undefined;
             } | undefined;
             onWidgetStartProps?: ((widgets: import("..").PerseusWidgetsMap) => void) | undefined;

package/package.json

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

package/dist/components/math-output.d.ts

@@ -1,27 +0,0 @@
-import * as React from "react";
-type Props = {
-    value: string | number;
-    className?: string;
-    labelText?: string;
-    onFocus: () => void;
-    onBlur: () => void;
-};
-type DefaultProps = Pick<Props, "value" | "onFocus" | "onBlur">;
-type State = {
-    focused: boolean;
-    selectorNamespace: string;
-};
-declare class MathOutput extends React.Component<Props, State> {
-    static defaultProps: DefaultProps;
-    state: State;
-    _getInputClassName: () => string;
-    _getDisplayValue: (arg1: string | number) => string;
-    render(): React.ReactNode;
-    getValue: () => string | number;
-    focus: () => void;
-    blur: () => void;
-    _bindBlurHandler: () => void;
-    _unbindBlurHandler: () => void;
-    componentWillUnmount(): void;
-}
-export default MathOutput;