@khanacademy/perseus 78.2.0 → 78.3.0

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

@@ -1,23 +1,16 @@
-declare const DEFAULT_FEATURE_FLAGS: {
-    "perseus-test-flag-1": boolean;
-    "perseus-test-flag-2": boolean;
-    "interactive-graph-vector": boolean;
-    "interactive-graph-not-scored": boolean;
-    "input-number-to-numeric-input": boolean;
-    "grapher-to-interactive-graph": boolean;
-    "desmos-calculator": boolean;
-};
+import type { PerseusFeatureFlags } from "@khanacademy/perseus-core";
+declare const DEFAULT_FEATURE_FLAGS: Record<"perseus-test-flag-1" | "perseus-test-flag-2" | (typeof PerseusFeatureFlags)[number], boolean>;
 /** Utility to get feature flags with optional overrides for testing.
  *  sample usage:
  *  getFeatureFlags({"image-widget-upgrade": true})
  */
 export declare function getFeatureFlags(overrides?: Partial<typeof DEFAULT_FEATURE_FLAGS>): {
-    "perseus-test-flag-1": boolean;
-    "perseus-test-flag-2": boolean;
-    "interactive-graph-vector": boolean;
-    "interactive-graph-not-scored": boolean;
     "input-number-to-numeric-input": boolean;
+    "perseus-renderer-upgrade": boolean;
     "grapher-to-interactive-graph": boolean;
     "desmos-calculator": boolean;
+    "perseus-enable-point-label-field": boolean;
+    "perseus-test-flag-1": boolean;
+    "perseus-test-flag-2": boolean;
 };
 export {};

package/dist/testing/item-renderer-hooks.d.ts

@@ -34,7 +34,7 @@ export declare const useItemRenderer: (item: PerseusItem, apiOptions?: APIOption
         }>) => void;
         isMobileApp?: boolean;
         hintProgressColor?: string;
-        flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+        flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
     };
     toggleMobile: (isMobile: boolean) => void;
     toggleRtl: (isRtl: boolean) => void;

package/dist/widgets/dropdown/dropdown.d.ts

@@ -47,7 +47,7 @@ declare const _default: {
             isMobile?: boolean;
             isMobileApp?: boolean;
             hintProgressColor?: string;
-            flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+            flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;

package/dist/widgets/expression/expression.d.ts

@@ -37,7 +37,7 @@ export declare const Expression: React.ForwardRefExoticComponent<PerseusExpressi
         isMobile?: boolean;
         isMobileApp?: boolean;
         hintProgressColor?: string;
-        flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+        flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
     }> & {
         baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
         isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;
@@ -109,7 +109,7 @@ declare const _default: {
             isMobile?: boolean;
             isMobileApp?: boolean;
             hintProgressColor?: string;
-            flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+            flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;

package/dist/widgets/image/components/image-info-area.d.ts

@@ -19,7 +19,9 @@ export interface CommonImageProps {
     linterContext: LinterContextProps;
     apiOptions: APIOptions;
 }
-type Props = GifProps & CommonImageProps;
+type Props = GifProps & CommonImageProps & {
+    isAnimatedGif: boolean;
+};
 /**
  * The ImageInfoArea component includes the GIF controls, description modal
  * launcher, and caption for the image. This is displayed underneath the image

package/dist/widgets/image/utils.d.ts

@@ -1,4 +1,11 @@
+import type { ParsedFrame } from "gifuct-js";
 export declare function isGif(url: string): boolean;
+/**
+ * Fetches a GIF and decodes it into individual frames using gifuct-js.
+ * Returns the parsed frames array, which includes per-frame pixel data,
+ * delay, dimensions, and disposal type.
+ */
+export declare function decodeGifFrames(src: string): Promise<ParsedFrame[]>;
 export declare function isSvg(url: string): boolean;
 export declare const earthMoonImage: {
     url: string;

package/dist/widgets/interactive-graphs/graphs/components/movable-point-labels-layer/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./movable-point-labels-layer";

package/dist/widgets/interactive-graphs/graphs/components/movable-point-labels-layer/movable-point-labels-layer.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import type { InteractiveGraphState } from "../../../types";
+interface Props {
+    state: InteractiveGraphState;
+}
+export default function MovablePointLabelsLayer({ state }: Props): React.JSX.Element | null;
+export {};

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

@@ -194,7 +194,7 @@ declare class InteractiveGraph extends React.Component<Props, State> {
             isMobile?: boolean;
             isMobileApp?: boolean;
             hintProgressColor?: string;
-            flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+            flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;

package/dist/widgets/interactive-graphs/label-stroke-filter.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+/**
+ * Creates a stroke around label text so it stays readable when drawn
+ * over graph lines, shapes, or other geometry. This isn't as obvious as
+ * it might seem because MathJax renders HTML and uses borders for some
+ * lines, so a CSS text-stroke alone isn't enough.
+ *
+ * The filter is referenced by `filter: url(#math-stroke)` on the label
+ * element. The same `id="math-stroke"` is reused across labels — if
+ * multiple labels render on the same graph, the SVG `<defs>` only need
+ * to live in the DOM once for all of them to pick up the filter.
+ *
+ * See: LEMS-4106 for more information.
+ */
+export default function LabelStrokeFilter(): React.JSX.Element;

package/dist/widgets/interactive-graphs/mafs-graph.d.ts

@@ -1,6 +1,7 @@
 import * as React from "react";
 import type { InteractiveGraphAction } from "./reducer/interactive-graph-action";
 import type { InteractiveGraphState, InteractiveGraphProps } from "./types";
+import type { APIOptionsWithDefaults } from "../../types";
 import "mafs/core.css";
 import "./mafs-styles.css";
 export type MafsGraphProps = {
@@ -24,5 +25,6 @@ export type MafsGraphProps = {
     readOnly: boolean;
     static: boolean | null | undefined;
     widgetId: string;
+    apiOptions?: APIOptionsWithDefaults;
 };
 export declare const MafsGraph: (props: MafsGraphProps) => React.JSX.Element;

package/dist/widgets/interactive-graphs/stateful-mafs-graph.d.ts

@@ -1,5 +1,6 @@
 import * as React from "react";
 import type { InteractiveGraphProps } from "./types";
+import type { APIOptionsWithDefaults } from "../../types";
 import type { PerseusGraphType, PerseusInteractiveGraphUserInput } from "@khanacademy/perseus-core";
 export type StatefulMafsGraphProps = {
     box: [number, number];
@@ -29,6 +30,7 @@ export type StatefulMafsGraphProps = {
     showAxisTicks: InteractiveGraphProps["showAxisTicks"];
     widgetId: string;
     graded?: boolean | null;
+    apiOptions?: APIOptionsWithDefaults;
 };
 export type StatefulMafsGraphType = {
     getUserInput: () => PerseusInteractiveGraphUserInput;

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

@@ -108,6 +108,7 @@ type MoveExponentialPointAnnouncement = {
     pointLabel: string | number;
     x: number;
     y: number;
+    hasCurve: boolean;
 };
 type MoveLogarithmPointAnnouncement = {
     type: "move-logarithm-point";
@@ -115,6 +116,7 @@ type MoveLogarithmPointAnnouncement = {
     pointLabel: string | number;
     x: number;
     y: number;
+    hasCurve: boolean;
 };
 type MoveExponentialAsymptoteAnnouncement = {
     type: "move-exponential-asymptote";

package/dist/widgets/interactive-graphs/use-reinitialize-on-graph-change.d.ts

@@ -0,0 +1,8 @@
+import type { InteractiveGraphAction } from "./reducer/interactive-graph-action";
+import type { StatefulMafsGraphProps } from "./stateful-mafs-graph";
+import type { Dispatch } from "react";
+/**
+ * Rebuilds the reducer state from the `graph` prop when the graph definition
+ * changes, keeping the editor preview in sync with author edits.
+ */
+export declare function useReinitializeOnGraphChange(props: StatefulMafsGraphProps, dispatch: Dispatch<InteractiveGraphAction>): void;

package/dist/widgets/interactive-graphs/utils/movable-point-labels.d.ts

@@ -0,0 +1,10 @@
+import type { InteractiveGraphState } from "../types";
+import type { Interval, vec } from "mafs";
+export type MovablePointLabel = {
+    key: string;
+    coord: vec.Vector2;
+    text: string;
+};
+export type LabelAttach = "n" | "ne" | "e" | "se" | "s" | "sw" | "w" | "nw";
+export declare function getMovablePointLabels(state: InteractiveGraphState): MovablePointLabel[];
+export declare function getLabelAttach(coord: vec.Vector2, range: [Interval, Interval]): LabelAttach;

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

@@ -146,7 +146,7 @@ declare const _default: {
             isMobile?: boolean;
             isMobileApp?: boolean;
             hintProgressColor?: string;
-            flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+            flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;

package/dist/widgets/mock-widgets/mock-widget.d.ts

@@ -70,7 +70,7 @@ declare class MockWidgetComponent extends React.Component<Props> implements Widg
             isMobile?: boolean;
             isMobileApp?: boolean;
             hintProgressColor?: string;
-            flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+            flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;

package/dist/widgets/numeric-input/numeric-input.class.d.ts

@@ -78,7 +78,7 @@ export declare class NumericInput extends React.Component<NumericInputProps> imp
             isMobile?: boolean;
             isMobileApp?: boolean;
             hintProgressColor?: string;
-            flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+            flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;

package/dist/widgets/numeric-input/numeric-input.d.ts

@@ -40,7 +40,7 @@ export declare const NumericInputComponent: React.ForwardRefExoticComponent<impo
         isMobile?: boolean;
         isMobileApp?: boolean;
         hintProgressColor?: string;
-        flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+        flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
     }> & {
         baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
         isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;
@@ -91,7 +91,7 @@ export declare const NumericInputComponent: React.ForwardRefExoticComponent<impo
         isMobile?: boolean;
         isMobileApp?: boolean;
         hintProgressColor?: string;
-        flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+        flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
     }> & {
         baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
         isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;

package/dist/widgets/table/table.d.ts

@@ -78,7 +78,7 @@ declare class Table extends React.Component<Props> implements Widget {
             isMobile?: boolean;
             isMobileApp?: boolean;
             hintProgressColor?: string;
-            flags?: Record<"input-number-to-numeric-input" | "grapher-to-interactive-graph" | "desmos-calculator", boolean>;
+            flags?: Record<"input-number-to-numeric-input" | "perseus-renderer-upgrade" | "grapher-to-interactive-graph" | "desmos-calculator" | "perseus-enable-point-label-field", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Core Perseus API (includes renderers and widgets)",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "78.2.0",
+  "version": "78.3.0",
   "publishConfig": {
     "access": "public"
   },
@@ -43,14 +43,14 @@
     "tiny-invariant": "1.3.1",
     "uuid": "^10.0.0",
     "@khanacademy/kas": "2.2.3",
-    "@khanacademy/keypad-context": "3.2.65",
-    "@khanacademy/kmath": "2.4.23",
-    "@khanacademy/math-input": "26.4.37",
-    "@khanacademy/perseus-core": "28.2.0",
-    "@khanacademy/perseus-linter": "5.1.4",
-    "@khanacademy/perseus-score": "8.11.7",
+    "@khanacademy/keypad-context": "3.2.66",
+    "@khanacademy/kmath": "2.4.24",
+    "@khanacademy/math-input": "26.4.38",
+    "@khanacademy/perseus-core": "28.3.0",
+    "@khanacademy/perseus-linter": "5.1.5",
+    "@khanacademy/perseus-score": "8.11.8",
     "@khanacademy/perseus-utils": "2.1.5",
-    "@khanacademy/pure-markdown": "2.2.8",
+    "@khanacademy/pure-markdown": "2.3.0",
     "@khanacademy/simple-markdown": "2.2.3"
   },
   "devDependencies": {