@khanacademy/perseus 82.0.0 → 82.1.0

package/dist/styles/constants.d.ts

@@ -15,7 +15,6 @@ export declare const pureXsMax = "567px";
 export declare const pureSmMax = "767px";
 export declare const pureMdMax = "1023px";
 export declare const pureLgMax = "1279px";
-export declare const tableBackgroundAccent = "#F9F9F9";
 export declare const phoneMargin = 16;
 export declare const negativePhoneMargin = -16;
 export declare const hintBorderWidth = 4;

package/dist/widgets/cs-program/cs-program.d.ts

@@ -1,32 +1,10 @@
 /**
  * This widget is for embedding Khan Academy CS programs.
  */
-import * as React from "react";
-import { PerseusI18nContext } from "../../components/i18n-context";
-import type { Widget, WidgetProps } from "../../types";
-import type { UnsupportedWidgetPromptJSON } from "../../widget-ai-utils/unsupported-widget";
+import React from "react";
+import type { Widget } from "../../types";
 import type { PerseusCSProgramWidgetOptions, PerseusCSProgramUserInput } from "@khanacademy/perseus-core";
-type Props = WidgetProps<PerseusCSProgramWidgetOptions, PerseusCSProgramUserInput>;
-type DefaultProps = {
-    showEditor: Props["showEditor"];
-    showButtons: Props["showButtons"];
-    userInput: Props["userInput"];
-};
-declare class CSProgram extends React.Component<Props> implements Widget {
-    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
-    context: React.ContextType<typeof PerseusI18nContext>;
-    static defaultProps: DefaultProps;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    handleMessageEvent: (arg1: any) => void;
-    getPromptJSON(): UnsupportedWidgetPromptJSON;
-    /**
-     * @deprecated and likely very broken API
-     * [LEMS-3185] do not trust serializedState
-     */
-    getSerializedState(): any;
-    render(): React.ReactNode;
-}
+type WidgetHandle = Pick<Widget, "getPromptJSON" | "getSerializedState">;
 /**
  * @deprecated and likely a very broken API
  * [LEMS-3185] do not trust serializedState
@@ -36,7 +14,63 @@ declare function getStartUserInput(): PerseusCSProgramUserInput;
 declare const _default: {
     name: string;
     displayName: string;
-    widget: typeof CSProgram;
+    widget: React.ForwardRefExoticComponent<PerseusCSProgramWidgetOptions & {
+        trackInteraction: (extraData?: Empty | undefined) => void;
+        widgetId: string;
+        widgetIndex: number;
+        alignment: string | null | undefined;
+        static: boolean | null | undefined;
+        graded?: boolean | null;
+        problemNum: number | null | undefined;
+        apiOptions: Readonly<Readonly<{
+            isArticle?: boolean;
+            onFocusChange?: (newFocusPath: import("../..").FocusPath, oldFocusPath: import("../..").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
+            showAlignmentOptions?: boolean;
+            readOnly?: boolean;
+            editingDisabled?: boolean;
+            answerableCallback?: (arg1: boolean) => unknown;
+            getAnotherHint?: () => unknown;
+            interactionCallback?: (widgetData: {
+                [widgetId: string]: any;
+            }) => void;
+            imagePlaceholder?: React.ReactNode;
+            widgetPlaceholder?: React.ReactNode;
+            baseElements?: {
+                Link: React.ComponentType<any>;
+            };
+            trackInteraction?: (args: {
+                type: string;
+                id: string;
+                correct?: boolean;
+            } & Partial<import("../../types").TrackingGradedGroupExtraArguments> & Partial<{
+                visible: number;
+            }>) => void;
+            customKeypad?: boolean;
+            isMobile?: boolean;
+            isMobileApp?: boolean;
+            hintProgressColor?: string;
+            flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator", boolean>;
+        }> & {
+            baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
+            isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;
+            isMobile: NonNullable<import("../..").APIOptions["isMobile"]>;
+            isMobileApp: NonNullable<import("../..").APIOptions["isMobileApp"]>;
+            editingDisabled: NonNullable<import("../..").APIOptions["editingDisabled"]>;
+            onFocusChange: NonNullable<import("../..").APIOptions["onFocusChange"]>;
+            readOnly: NonNullable<import("../..").APIOptions["readOnly"]>;
+            showAlignmentOptions: NonNullable<import("../..").APIOptions["showAlignmentOptions"]>;
+        }>;
+        keypadElement?: any;
+        onFocus: (blurPath: import("../..").FocusPath) => void;
+        onBlur: (blurPath: import("../..").FocusPath) => void;
+        findWidgets: import("../../types").FindWidgetsFunction;
+        reviewMode: boolean;
+        showSolutions?: import("@khanacademy/perseus-core").ShowSolutions;
+        handleUserInput: (newUserInput: PerseusCSProgramUserInput, cb?: () => void, silent?: boolean) => void;
+        userInput: PerseusCSProgramUserInput;
+        linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
+        containerSizeClass: import("../../util/sizing-utils").SizeClass;
+    } & React.RefAttributes<WidgetHandle>>;
     hidden: true;
     getStartUserInput: typeof getStartUserInput;
     getUserInputFromSerializedState: typeof getUserInputFromSerializedState;

package/dist/widgets/interactive-graphs/graphs/components/dashed-asymptote-line.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+import type { vec } from "mafs";
+interface Props {
+    /** Pixel-space start point of the asymptote line. */
+    start: vec.Vector2;
+    /** Pixel-space end point of the asymptote line. */
+    end: vec.Vector2;
+    /** Stroke color of the dashed line (usually the graph's interactive color). */
+    color: string | undefined;
+    /** Class applied to both lines (e.g. "movable-dragging" while dragging). */
+    className?: string;
+    /** Test id applied to the dashed line. */
+    testId?: string;
+}
+/**
+ * The shared visual for a graph asymptote: a dashed line drawn over a solid
+ * backing line. The backing line (in the page background color) sits underneath
+ * so the dashes stay visible on top of grid lines and axes.
+ *
+ * This is presentational only — no hit target, no drag behavior. Interactive
+ * asymptotes (exponential/logarithm) render it inside `MovableAsymptote`, which
+ * supplies the hitbox and drag handle; derived, non-interactive asymptotes
+ * (tangent) render it directly.
+ */
+export declare function DashedAsymptoteLine(props: Props): React.JSX.Element;
+export {};

package/dist/widgets/number-line/number-line.d.ts

@@ -1,11 +1,8 @@
 import * as React from "react";
-import type { WidgetProps, PerseusDependenciesV2 } from "../../types";
+import type { Widget, PerseusDependenciesV2 } from "../../types";
 import type { PerseusNumberLineUserInput, PerseusNumberLineWidgetOptions, NumberLinePublicWidgetOptions } from "@khanacademy/perseus-core";
-/**
- * The type of `this.props` inside the NumberLine widget.
- */
-type Props = WidgetProps<PerseusNumberLineWidgetOptions, PerseusNumberLineUserInput> & {
-    dependencies: PerseusDependenciesV2;
+type WidgetHandle = Pick<Widget, "focus" | "focusInputPath" | "blurInputPath" | "getInputPaths" | "getDOMNodeForPath" | "getSerializedState" | "getPromptJSON"> & {
+    movePosition: (targetPosition: number) => void;
 };
 /**
  * @deprecated and likely a very broken API
@@ -17,7 +14,65 @@ declare function getStartUserInput(options: NumberLinePublicWidgetOptions): Pers
 declare const _default: {
     name: string;
     displayName: string;
-    widget: React.ForwardRefExoticComponent<Omit<Props, "dependencies"> & React.RefAttributes<any>>;
+    widget: React.ForwardRefExoticComponent<Omit<Omit<PerseusNumberLineWidgetOptions & {
+        trackInteraction: (extraData?: Empty | undefined) => void;
+        widgetId: string;
+        widgetIndex: number;
+        alignment: string | null | undefined;
+        static: boolean | null | undefined;
+        graded?: boolean | null;
+        problemNum: number | null | undefined;
+        apiOptions: Readonly<Readonly<{
+            isArticle?: boolean;
+            onFocusChange?: (newFocusPath: import("../..").FocusPath, oldFocusPath: import("../..").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
+            showAlignmentOptions?: boolean;
+            readOnly?: boolean;
+            editingDisabled?: boolean;
+            answerableCallback?: (arg1: boolean) => unknown;
+            getAnotherHint?: () => unknown;
+            interactionCallback?: (widgetData: {
+                [widgetId: string]: any;
+            }) => void;
+            imagePlaceholder?: React.ReactNode;
+            widgetPlaceholder?: React.ReactNode;
+            baseElements?: {
+                Link: React.ComponentType<any>;
+            };
+            trackInteraction?: (args: {
+                type: string;
+                id: string;
+                correct?: boolean;
+            } & Partial<import("../../types").TrackingGradedGroupExtraArguments> & Partial<{
+                visible: number;
+            }>) => void;
+            customKeypad?: boolean;
+            isMobile?: boolean;
+            isMobileApp?: boolean;
+            hintProgressColor?: string;
+            flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator", boolean>;
+        }> & {
+            baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
+            isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;
+            isMobile: NonNullable<import("../..").APIOptions["isMobile"]>;
+            isMobileApp: NonNullable<import("../..").APIOptions["isMobileApp"]>;
+            editingDisabled: NonNullable<import("../..").APIOptions["editingDisabled"]>;
+            onFocusChange: NonNullable<import("../..").APIOptions["onFocusChange"]>;
+            readOnly: NonNullable<import("../..").APIOptions["readOnly"]>;
+            showAlignmentOptions: NonNullable<import("../..").APIOptions["showAlignmentOptions"]>;
+        }>;
+        keypadElement?: any;
+        onFocus: (blurPath: import("../..").FocusPath) => void;
+        onBlur: (blurPath: import("../..").FocusPath) => void;
+        findWidgets: import("../../types").FindWidgetsFunction;
+        reviewMode: boolean;
+        showSolutions?: import("@khanacademy/perseus-core").ShowSolutions;
+        handleUserInput: (newUserInput: PerseusNumberLineUserInput, cb?: () => void, silent?: boolean) => void;
+        userInput: PerseusNumberLineUserInput;
+        linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
+        containerSizeClass: import("../../util/sizing-utils").SizeClass;
+    } & {
+        dependencies: PerseusDependenciesV2;
+    } & React.RefAttributes<WidgetHandle>, "dependencies">, "ref"> & React.RefAttributes<any>>;
     getCorrectUserInput: typeof getCorrectUserInput;
     getStartUserInput: typeof getStartUserInput;
     getUserInputFromSerializedState: typeof getUserInputFromSerializedState;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Core Perseus API (includes renderers and widgets)",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "82.0.0",
+  "version": "82.1.0",
   "publishConfig": {
     "access": "public"
   },
@@ -43,12 +43,12 @@
     "tiny-invariant": "1.3.1",
     "uuid": "^10.0.0",
     "@khanacademy/kas": "2.2.3",
-    "@khanacademy/keypad-context": "3.2.76",
-    "@khanacademy/kmath": "2.4.35",
-    "@khanacademy/math-input": "26.6.5",
-    "@khanacademy/perseus-core": "33.0.0",
-    "@khanacademy/perseus-linter": "5.1.16",
-    "@khanacademy/perseus-score": "8.12.8",
+    "@khanacademy/keypad-context": "3.2.77",
+    "@khanacademy/kmath": "2.4.36",
+    "@khanacademy/math-input": "26.6.6",
+    "@khanacademy/perseus-core": "33.0.1",
+    "@khanacademy/perseus-linter": "5.1.17",
+    "@khanacademy/perseus-score": "8.12.9",
     "@khanacademy/perseus-utils": "2.1.5",
     "@khanacademy/pure-markdown": "2.3.1",
     "@khanacademy/simple-markdown": "3.0.0"