@khanacademy/perseus-editor 32.0.5 → 32.2.0

package/dist/testing/feature-flags-util.d.ts

@@ -2,7 +2,8 @@ declare const DEFAULT_FEATURE_FLAGS: {
     "perseus-test-flag-1": boolean;
     "perseus-test-flag-2": boolean;
     "image-widget-upgrade-gif-controls": boolean;
-    "image-widget-upgrade-scale": boolean;
+    "interactive-graph-vector": boolean;
+    "interactive-graph-not-scored": boolean;
     "input-number-to-numeric-input": boolean;
 };
 /** Utility to get feature flags with optional overrides for testing.
@@ -13,7 +14,8 @@ export declare function getFeatureFlags(overrides?: Partial<typeof DEFAULT_FEATU
     "perseus-test-flag-1": boolean;
     "perseus-test-flag-2": boolean;
     "image-widget-upgrade-gif-controls": boolean;
-    "image-widget-upgrade-scale": boolean;
+    "interactive-graph-vector": boolean;
+    "interactive-graph-not-scored": boolean;
     "input-number-to-numeric-input": boolean;
 };
 export {};

package/dist/widgets/image-editor/components/image-settings.d.ts

@@ -1,3 +1,3 @@
 import * as React from "react";
 import type { Props } from "../image-editor";
-export default function ImageSettings({ alt, backgroundImage, scale, apiOptions, caption, decorative, longDescription, title, onChange, }: Props): React.JSX.Element | null;
+export default function ImageSettings({ alt, backgroundImage, scale, caption, decorative, longDescription, title, onChange, }: Props): React.JSX.Element | null;

package/dist/widgets/interactive-graph-editor/interactive-graph-editor.d.ts

@@ -68,7 +68,7 @@ declare const InteractiveGraph: {
                 hintProgressColor?: string;
                 canScrollPage?: boolean;
                 editorChangeDelay?: number;
-                flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input", boolean>;
+                flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
             }> & {
                 baseElements: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -102,7 +102,7 @@ declare const InteractiveGraph: {
                     hintProgressColor?: string;
                     canScrollPage?: boolean;
                     editorChangeDelay?: number;
-                    flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input", boolean>;
+                    flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
                 }>["baseElements"]>;
                 canScrollPage: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -136,7 +136,7 @@ declare const InteractiveGraph: {
                     hintProgressColor?: string;
                     canScrollPage?: boolean;
                     editorChangeDelay?: number;
-                    flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input", boolean>;
+                    flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
                 }>["canScrollPage"]>;
                 editorChangeDelay: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -170,7 +170,7 @@ declare const InteractiveGraph: {
                     hintProgressColor?: string;
                     canScrollPage?: boolean;
                     editorChangeDelay?: number;
-                    flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input", boolean>;
+                    flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
                 }>["editorChangeDelay"]>;
                 isArticle: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -204,7 +204,7 @@ declare const InteractiveGraph: {
                     hintProgressColor?: string;
                     canScrollPage?: boolean;
                     editorChangeDelay?: number;
-                    flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input", boolean>;
+                    flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
                 }>["isArticle"]>;
                 isMobile: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -238,7 +238,7 @@ declare const InteractiveGraph: {
                     hintProgressColor?: string;
                     canScrollPage?: boolean;
                     editorChangeDelay?: number;
-                    flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input", boolean>;
+                    flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
                 }>["isMobile"]>;
                 isMobileApp: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -272,7 +272,7 @@ declare const InteractiveGraph: {
                     hintProgressColor?: string;
                     canScrollPage?: boolean;
                     editorChangeDelay?: number;
-                    flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input", boolean>;
+                    flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
                 }>["isMobileApp"]>;
                 editingDisabled: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -306,7 +306,7 @@ declare const InteractiveGraph: {
                     hintProgressColor?: string;
                     canScrollPage?: boolean;
                     editorChangeDelay?: number;
-                    flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input", boolean>;
+                    flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
                 }>["editingDisabled"]>;
                 onFocusChange: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -340,7 +340,7 @@ declare const InteractiveGraph: {
                     hintProgressColor?: string;
                     canScrollPage?: boolean;
                     editorChangeDelay?: number;
-                    flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input", boolean>;
+                    flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
                 }>["onFocusChange"]>;
                 readOnly: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -374,7 +374,7 @@ declare const InteractiveGraph: {
                     hintProgressColor?: string;
                     canScrollPage?: boolean;
                     editorChangeDelay?: number;
-                    flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input", boolean>;
+                    flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
                 }>["readOnly"]>;
                 setDrawingAreaAvailable: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -408,7 +408,7 @@ declare const InteractiveGraph: {
                     hintProgressColor?: string;
                     canScrollPage?: boolean;
                     editorChangeDelay?: number;
-                    flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input", boolean>;
+                    flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
                 }>["setDrawingAreaAvailable"]>;
                 showAlignmentOptions: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -442,7 +442,7 @@ declare const InteractiveGraph: {
                     hintProgressColor?: string;
                     canScrollPage?: boolean;
                     editorChangeDelay?: number;
-                    flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input", boolean>;
+                    flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
                 }>["showAlignmentOptions"]>;
             }>;
             keypadElement?: any;
@@ -541,7 +541,7 @@ declare const InteractiveGraph: {
                 hintProgressColor?: string;
                 canScrollPage?: boolean;
                 editorChangeDelay?: number;
-                flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input", boolean>;
+                flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
             }> & {
                 baseElements: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -575,7 +575,7 @@ declare const InteractiveGraph: {
                     hintProgressColor?: string;
                     canScrollPage?: boolean;
                     editorChangeDelay?: number;
-                    flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input", boolean>;
+                    flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
                 }>["baseElements"]>;
                 canScrollPage: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -609,7 +609,7 @@ declare const InteractiveGraph: {
                     hintProgressColor?: string;
                     canScrollPage?: boolean;
                     editorChangeDelay?: number;
-                    flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input", boolean>;
+                    flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
                 }>["canScrollPage"]>;
                 editorChangeDelay: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -643,7 +643,7 @@ declare const InteractiveGraph: {
                     hintProgressColor?: string;
                     canScrollPage?: boolean;
                     editorChangeDelay?: number;
-                    flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input", boolean>;
+                    flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
                 }>["editorChangeDelay"]>;
                 isArticle: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -677,7 +677,7 @@ declare const InteractiveGraph: {
                     hintProgressColor?: string;
                     canScrollPage?: boolean;
                     editorChangeDelay?: number;
-                    flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input", boolean>;
+                    flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
                 }>["isArticle"]>;
                 isMobile: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -711,7 +711,7 @@ declare const InteractiveGraph: {
                     hintProgressColor?: string;
                     canScrollPage?: boolean;
                     editorChangeDelay?: number;
-                    flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input", boolean>;
+                    flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
                 }>["isMobile"]>;
                 isMobileApp: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -745,7 +745,7 @@ declare const InteractiveGraph: {
                     hintProgressColor?: string;
                     canScrollPage?: boolean;
                     editorChangeDelay?: number;
-                    flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input", boolean>;
+                    flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
                 }>["isMobileApp"]>;
                 editingDisabled: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -779,7 +779,7 @@ declare const InteractiveGraph: {
                     hintProgressColor?: string;
                     canScrollPage?: boolean;
                     editorChangeDelay?: number;
-                    flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input", boolean>;
+                    flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
                 }>["editingDisabled"]>;
                 onFocusChange: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -813,7 +813,7 @@ declare const InteractiveGraph: {
                     hintProgressColor?: string;
                     canScrollPage?: boolean;
                     editorChangeDelay?: number;
-                    flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input", boolean>;
+                    flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
                 }>["onFocusChange"]>;
                 readOnly: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -847,7 +847,7 @@ declare const InteractiveGraph: {
                     hintProgressColor?: string;
                     canScrollPage?: boolean;
                     editorChangeDelay?: number;
-                    flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input", boolean>;
+                    flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
                 }>["readOnly"]>;
                 setDrawingAreaAvailable: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -881,7 +881,7 @@ declare const InteractiveGraph: {
                     hintProgressColor?: string;
                     canScrollPage?: boolean;
                     editorChangeDelay?: number;
-                    flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input", boolean>;
+                    flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
                 }>["setDrawingAreaAvailable"]>;
                 showAlignmentOptions: NonNullable<Readonly<{
                     isArticle?: boolean;
@@ -915,7 +915,7 @@ declare const InteractiveGraph: {
                     hintProgressColor?: string;
                     canScrollPage?: boolean;
                     editorChangeDelay?: number;
-                    flags?: Record<"image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "input-number-to-numeric-input", boolean>;
+                    flags?: Record<"image-widget-upgrade-gif-controls" | "input-number-to-numeric-input", boolean>;
                 }>["showAlignmentOptions"]>;
             }>;
             keypadElement?: any;
@@ -1081,6 +1081,7 @@ declare class InteractiveGraphEditor extends React.Component<Props> {
         valid: true | string;
     };
     changeStartCoords: (coords: any) => void;
+    changePointLabels: (pointLabels: ReadonlyArray<string>) => void;
     serialize(): PerseusInteractiveGraphWidgetOptions;
     getSaveWarnings: () => any[];
     render(): React.JSX.Element;

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

@@ -4,6 +4,8 @@ interface CoordInputProps {
     label: string;
     coord: Coord;
     onChange: (coord: Coord) => void;
+    pointLabel?: string;
+    onPointLabelChange?: (newLabel: string) => void;
 }
 declare const CoordInput: (props: CoordInputProps) => React.JSX.Element;
 export default CoordInput;

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

@@ -1,9 +1,11 @@
 import * as React from "react";
 import type { Coord } from "@khanacademy/perseus";
 type AbsoluteValueCoords = [Coord, Coord];
-type Props = {
+interface StartCoordsAbsoluteValueProps {
     startCoords: AbsoluteValueCoords;
     onChange: (startCoords: AbsoluteValueCoords) => void;
-};
-declare const StartCoordsAbsoluteValue: (props: Props) => React.JSX.Element;
+    pointLabels: ReadonlyArray<string>;
+    onChangePointLabels: (pointLabels: ReadonlyArray<string>) => void;
+}
+declare const StartCoordsAbsoluteValue: (props: StartCoordsAbsoluteValueProps) => React.JSX.Element;
 export default StartCoordsAbsoluteValue;

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

@@ -1,10 +1,12 @@
 import * as React from "react";
 import type { Coord } from "@khanacademy/perseus";
 type AngleCoords = [Coord, Coord, Coord];
-type Props = {
+interface StartCoordsAngleProps {
     startCoords: AngleCoords;
     allowReflexAngles?: boolean;
     onChange: (startCoords: AngleCoords) => void;
-};
-declare const StartCoordsAngle: (props: Props) => React.JSX.Element;
+    pointLabels: ReadonlyArray<string>;
+    onChangePointLabels: (pointLabels: ReadonlyArray<string>) => void;
+}
+declare const StartCoordsAngle: (props: StartCoordsAngleProps) => React.JSX.Element;
 export default StartCoordsAngle;

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

@@ -4,9 +4,11 @@ type CircleCoords = {
     center: Coord;
     radius: number;
 };
-type Props = {
+interface StartCoordsCircleProps {
     startCoords: CircleCoords;
     onChange: (startCoords: CircleCoords) => void;
-};
-declare const StartCoordsCircle: (props: Props) => React.JSX.Element;
+    pointLabels: ReadonlyArray<string>;
+    onChangePointLabels: (pointLabels: ReadonlyArray<string>) => void;
+}
+declare const StartCoordsCircle: (props: StartCoordsCircleProps) => React.JSX.Element;
 export default StartCoordsCircle;

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

@@ -4,9 +4,11 @@ type ExponentialStartCoords = {
     coords: [Coord, Coord];
     asymptote: number;
 };
-type Props = {
+interface StartCoordsExponentialProps {
     startCoords: ExponentialStartCoords;
     onChange: (startCoords: ExponentialStartCoords) => void;
-};
-declare const StartCoordsExponential: (props: Props) => React.JSX.Element;
+    pointLabels: ReadonlyArray<string>;
+    onChangePointLabels: (pointLabels: ReadonlyArray<string>) => void;
+}
+declare const StartCoordsExponential: (props: StartCoordsExponentialProps) => React.JSX.Element;
 export default StartCoordsExponential;

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

@@ -1,8 +1,10 @@
 import * as React from "react";
 import type { CollinearTuple } from "@khanacademy/perseus-core";
-type Props = {
+interface StartCoordsLineProps {
     startCoords: CollinearTuple;
     onChange: (startCoords: CollinearTuple) => void;
-};
-declare const StartCoordsLine: (props: Props) => React.JSX.Element;
+    pointLabels: ReadonlyArray<string>;
+    onChangePointLabels: (pointLabels: ReadonlyArray<string>) => void;
+}
+declare const StartCoordsLine: (props: StartCoordsLineProps) => React.JSX.Element;
 export default StartCoordsLine;

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

@@ -4,9 +4,11 @@ type LogarithmStartCoords = {
     coords: [Coord, Coord];
     asymptote: number;
 };
-type Props = {
+interface StartCoordsLogarithmProps {
     startCoords: LogarithmStartCoords;
     onChange: (startCoords: LogarithmStartCoords) => void;
-};
-declare const StartCoordsLogarithm: (props: Props) => React.JSX.Element;
+    pointLabels: ReadonlyArray<string>;
+    onChangePointLabels: (pointLabels: ReadonlyArray<string>) => void;
+}
+declare const StartCoordsLogarithm: (props: StartCoordsLogarithmProps) => React.JSX.Element;
 export default StartCoordsLogarithm;

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

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

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

@@ -3,6 +3,8 @@ import type { Coord } from "@khanacademy/perseus";
 type Props = {
     startCoords: Coord[];
     onChange: (startCoords: Coord[]) => void;
+    pointLabels?: ReadonlyArray<string>;
+    onChangePointLabels?: (pointLabels: ReadonlyArray<string>) => void;
 };
 declare const StartCoordsPoint: (props: Props) => React.JSX.Element;
 export default StartCoordsPoint;

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

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

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

@@ -1,11 +1,13 @@
 import * as React from "react";
 import type { StartCoords } from "./types";
 import type { PerseusGraphType, Range } from "@khanacademy/perseus-core";
-type Props = PerseusGraphType & {
+interface StartCoordsSettingsProps {
     range: [x: Range, y: Range];
     step: [x: number, y: number];
     allowReflexAngles?: boolean;
     onChange: (startCoords: StartCoords) => void;
-};
+    onChangePointLabels: (pointLabels: ReadonlyArray<string>) => void;
+}
+type Props = PerseusGraphType & StartCoordsSettingsProps;
 declare const StartCoordsSettings: (props: Props) => React.JSX.Element;
 export default StartCoordsSettings;

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

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

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

@@ -1,9 +1,11 @@
 import * as React from "react";
 import type { Coord } from "@khanacademy/perseus";
 type TangentCoords = [Coord, Coord];
-type Props = {
+interface StartCoordsTangentProps {
     startCoords: TangentCoords;
     onChange: (startCoords: TangentCoords) => void;
-};
-declare const StartCoordsTangent: (props: Props) => React.JSX.Element;
+    pointLabels: ReadonlyArray<string>;
+    onChangePointLabels: (pointLabels: ReadonlyArray<string>) => void;
+}
+declare const StartCoordsTangent: (props: StartCoordsTangentProps) => React.JSX.Element;
 export default StartCoordsTangent;

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

@@ -0,0 +1,8 @@
+import * as React from "react";
+import type { CollinearTuple } from "@khanacademy/perseus-core";
+interface StartCoordsVectorProps {
+    startCoords: CollinearTuple;
+    onChange: (startCoords: CollinearTuple) => void;
+}
+declare const StartCoordsVector: (props: StartCoordsVectorProps) => React.JSX.Element;
+export default StartCoordsVector;

package/dist/widgets/interactive-graph-editor/utils/reshape-point-labels.d.ts

@@ -0,0 +1,5 @@
+import type { PerseusGraphType } from "@khanacademy/perseus-core";
+export declare function reshapePointLabelsForGraphType(pointLabels: ReadonlyArray<string>, graph: PerseusGraphType | undefined, correct: PerseusGraphType | undefined): {
+    graph: PerseusGraphType;
+    correct: PerseusGraphType;
+} | null;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Perseus editors",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "32.0.5",
+  "version": "32.2.0",
   "publishConfig": {
     "access": "public"
   },
@@ -36,35 +36,35 @@
     "mafs": "^0.19.0",
     "tiny-invariant": "1.3.1",
     "@khanacademy/kas": "2.2.3",
-    "@khanacademy/keypad-context": "3.2.57",
-    "@khanacademy/kmath": "2.4.15",
-    "@khanacademy/math-input": "26.4.29",
-    "@khanacademy/perseus": "77.8.0",
-    "@khanacademy/perseus-core": "27.0.3",
-    "@khanacademy/perseus-linter": "5.0.12",
-    "@khanacademy/perseus-score": "8.10.5",
+    "@khanacademy/keypad-context": "3.2.59",
+    "@khanacademy/kmath": "2.4.17",
+    "@khanacademy/math-input": "26.4.31",
+    "@khanacademy/perseus": "77.10.0",
+    "@khanacademy/perseus-core": "27.2.0",
+    "@khanacademy/perseus-linter": "5.0.14",
+    "@khanacademy/perseus-score": "8.11.1",
     "@khanacademy/perseus-utils": "2.1.5"
   },
   "devDependencies": {
     "@khanacademy/mathjax-renderer": "3.0.0",
-    "@khanacademy/wonder-blocks-accordion": "3.1.59",
-    "@khanacademy/wonder-blocks-banner": "5.1.0",
-    "@khanacademy/wonder-blocks-button": "11.6.0",
-    "@khanacademy/wonder-blocks-clickable": "8.1.10",
-    "@khanacademy/wonder-blocks-core": "12.4.3",
-    "@khanacademy/wonder-blocks-dropdown": "10.9.0",
-    "@khanacademy/wonder-blocks-form": "7.6.0",
-    "@khanacademy/wonder-blocks-icon": "5.3.14",
-    "@khanacademy/wonder-blocks-icon-button": "11.3.0",
-    "@khanacademy/wonder-blocks-labeled-field": "4.1.0",
-    "@khanacademy/wonder-blocks-layout": "3.1.51",
-    "@khanacademy/wonder-blocks-link": "10.2.0",
-    "@khanacademy/wonder-blocks-pill": "3.1.63",
-    "@khanacademy/wonder-blocks-switch": "3.4.0",
+    "@khanacademy/wonder-blocks-accordion": "3.1.61",
+    "@khanacademy/wonder-blocks-banner": "5.1.2",
+    "@khanacademy/wonder-blocks-button": "11.6.2",
+    "@khanacademy/wonder-blocks-clickable": "8.2.1",
+    "@khanacademy/wonder-blocks-core": "12.4.4",
+    "@khanacademy/wonder-blocks-dropdown": "10.9.2",
+    "@khanacademy/wonder-blocks-form": "7.6.2",
+    "@khanacademy/wonder-blocks-icon": "5.3.16",
+    "@khanacademy/wonder-blocks-icon-button": "11.3.2",
+    "@khanacademy/wonder-blocks-labeled-field": "4.1.2",
+    "@khanacademy/wonder-blocks-layout": "3.1.53",
+    "@khanacademy/wonder-blocks-link": "10.3.1",
+    "@khanacademy/wonder-blocks-pill": "3.1.65",
+    "@khanacademy/wonder-blocks-switch": "3.4.2",
     "@khanacademy/wonder-blocks-timing": "7.1.0",
-    "@khanacademy/wonder-blocks-tokens": "16.5.0",
-    "@khanacademy/wonder-blocks-tooltip": "4.1.75",
-    "@khanacademy/wonder-blocks-typography": "4.3.4",
+    "@khanacademy/wonder-blocks-tokens": "16.6.0",
+    "@khanacademy/wonder-blocks-tooltip": "4.1.77",
+    "@khanacademy/wonder-blocks-typography": "4.3.6",
     "@khanacademy/wonder-stuff-core": "3.0.0",
     "@phosphor-icons/core": "2.0.2",
     "aphrodite": "1.2.5",
@@ -79,24 +79,24 @@
   },
   "peerDependencies": {
     "@khanacademy/mathjax-renderer": "^3.0.0",
-    "@khanacademy/wonder-blocks-accordion": "^3.1.59",
-    "@khanacademy/wonder-blocks-banner": "^5.1.0",
-    "@khanacademy/wonder-blocks-button": "^11.6.0",
-    "@khanacademy/wonder-blocks-clickable": "^8.1.10",
-    "@khanacademy/wonder-blocks-core": "^12.4.3",
-    "@khanacademy/wonder-blocks-dropdown": "^10.9.0",
-    "@khanacademy/wonder-blocks-form": "^7.6.0",
-    "@khanacademy/wonder-blocks-icon": "^5.3.14",
-    "@khanacademy/wonder-blocks-icon-button": "^11.3.0",
-    "@khanacademy/wonder-blocks-labeled-field": "^4.1.0",
-    "@khanacademy/wonder-blocks-layout": "^3.1.51",
-    "@khanacademy/wonder-blocks-link": "^10.2.0",
-    "@khanacademy/wonder-blocks-pill": "^3.1.63",
-    "@khanacademy/wonder-blocks-switch": "^3.4.0",
+    "@khanacademy/wonder-blocks-accordion": "^3.1.61",
+    "@khanacademy/wonder-blocks-banner": "^5.1.2",
+    "@khanacademy/wonder-blocks-button": "^11.6.2",
+    "@khanacademy/wonder-blocks-clickable": "^8.2.1",
+    "@khanacademy/wonder-blocks-core": "^12.4.4",
+    "@khanacademy/wonder-blocks-dropdown": "^10.9.2",
+    "@khanacademy/wonder-blocks-form": "^7.6.2",
+    "@khanacademy/wonder-blocks-icon": "^5.3.16",
+    "@khanacademy/wonder-blocks-icon-button": "^11.3.2",
+    "@khanacademy/wonder-blocks-labeled-field": "^4.1.2",
+    "@khanacademy/wonder-blocks-layout": "^3.1.53",
+    "@khanacademy/wonder-blocks-link": "^10.3.1",
+    "@khanacademy/wonder-blocks-pill": "^3.1.65",
+    "@khanacademy/wonder-blocks-switch": "^3.4.2",
     "@khanacademy/wonder-blocks-timing": "^7.1.0",
-    "@khanacademy/wonder-blocks-tokens": "^16.5.0",
-    "@khanacademy/wonder-blocks-tooltip": "^4.1.75",
-    "@khanacademy/wonder-blocks-typography": "^4.3.4",
+    "@khanacademy/wonder-blocks-tokens": "^16.6.0",
+    "@khanacademy/wonder-blocks-tooltip": "^4.1.77",
+    "@khanacademy/wonder-blocks-typography": "^4.3.6",
     "@khanacademy/wonder-stuff-core": "^3.0.0",
     "@phosphor-icons/core": "^2.0.2",
     "aphrodite": "^1.2.5",
@@ -109,7 +109,7 @@
   },
   "keywords": [],
   "khan": {
-    "catalogHash": "250b26c40e93a54a"
+    "catalogHash": "8d63a26474e3cbb4"
   },
   "scripts": {}
 }

package/dist/widgets/image-editor/components/image-dimensions-input.d.ts

@@ -1,9 +0,0 @@
-import * as React from "react";
-import type { Props as ImageEditorProps } from "../image-editor";
-import type { PerseusImageBackground } from "@khanacademy/perseus-core";
-interface Props {
-    backgroundImage: PerseusImageBackground;
-    onChange: ImageEditorProps["onChange"];
-}
-export default function ImageDimensionsInput({ backgroundImage, onChange, }: Props): React.JSX.Element;
-export {};