@khanacademy/perseus 77.3.2 → 77.4.1

package/dist/types.d.ts

@@ -360,6 +360,8 @@ export type WidgetExports<T extends React.ComponentType<any> & Widget = React.Co
     version?: Version;
     isLintable?: boolean;
     tracking?: Tracking;
+    /** When true, the widget editor shows a "Graded" toggle. */
+    supportsUngraded?: boolean;
     getOneCorrectAnswerFromRubric?: (rubric: WidgetOptions) => string | null | undefined;
     /**
      * @deprecated - do not use in new code.
@@ -385,6 +387,7 @@ type UniversalWidgetProps<TUserInput = Empty, TrackingExtraArgs = Empty> = {
     widgetIndex: number;
     alignment: string | null | undefined;
     static: boolean | null | undefined;
+    graded?: boolean | null;
     problemNum: number | null | undefined;
     apiOptions: APIOptionsWithDefaults;
     keypadElement?: any;

package/dist/widget-ai-utils/interactive-graph/interactive-graph-ai-utils.d.ts

@@ -6,7 +6,7 @@ type Coord = [x: number, y: number];
 type CollinearTuple = readonly [Coord, Coord];
 type AngleGraphOptions = {
     type: "angle";
-    angleOffsetDegrees: number | undefined;
+    angleOffsetDegrees?: number | null;
     startCoords?: readonly [Coord, Coord, Coord];
 };
 type CircleGraphOptions = {
@@ -82,7 +82,7 @@ type NoneGraphOptions = Record<string, never>;
 type GraphOptions = AbsoluteValueGraphOptions | AngleGraphOptions | CircleGraphOptions | ExponentialGraphOptions | LinearGraphOptions | LinearSystemGraphOptions | NoneGraphOptions | PointGraphOptions | PolygonGraphOptions | QuadraticGraphOptions | RayGraphOptions | SegmentGraphOptions | SinusoidGraphOptions | TangentGraphOptions | LogarithmGraphOptions | VectorGraphOptions;
 type AngleUserInput = {
     coords?: readonly [Coord, Coord, Coord];
-    angleOffsetDegrees?: number;
+    angleOffsetDegrees?: number | null;
 };
 type CircleUserInput = {
     center?: Coord;

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

@@ -18,6 +18,7 @@ declare const _default: {
         widgetIndex: number;
         alignment: string | null | undefined;
         static: boolean | null | undefined;
+        graded?: boolean | null;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
             isArticle?: boolean;
@@ -51,7 +52,7 @@ declare const _default: {
             hintProgressColor?: string;
             canScrollPage?: boolean;
             editorChangeDelay?: number;
-            flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector", boolean>;
+            flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

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

@@ -8,6 +8,7 @@ export declare const Expression: React.ForwardRefExoticComponent<PerseusExpressi
     widgetIndex: number;
     alignment: string | null | undefined;
     static: boolean | null | undefined;
+    graded?: boolean | null;
     problemNum: number | null | undefined;
     apiOptions: Readonly<Readonly<{
         isArticle?: boolean;
@@ -41,7 +42,7 @@ export declare const Expression: React.ForwardRefExoticComponent<PerseusExpressi
         hintProgressColor?: string;
         canScrollPage?: boolean;
         editorChangeDelay?: number;
-        flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector", boolean>;
+        flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
     }> & {
         baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
         canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
@@ -87,6 +88,7 @@ declare const _default: {
         widgetIndex: number;
         alignment: string | null | undefined;
         static: boolean | null | undefined;
+        graded?: boolean | null;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
             isArticle?: boolean;
@@ -120,7 +122,7 @@ declare const _default: {
             hintProgressColor?: string;
             canScrollPage?: boolean;
             editorChangeDelay?: number;
-            flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector", boolean>;
+            flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

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

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { PerseusI18nContext } from "../../components/i18n-context";
 import type { StatefulMafsGraphType } from "./stateful-mafs-graph";
 import type { QuadraticGraphState } from "./types";
 import type { Coord } from "../../interactive2/types";
@@ -125,6 +126,8 @@ type DefaultProps = {
 };
 type State = any;
 declare class InteractiveGraph extends React.Component<Props, State> {
+    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
+    context: React.ContextType<typeof PerseusI18nContext>;
     mafsRef: React.RefObject<StatefulMafsGraphType>;
     static defaultProps: DefaultProps;
     getUserInput(): PerseusInteractiveGraphUserInput;
@@ -158,12 +161,11 @@ declare class InteractiveGraph extends React.Component<Props, State> {
         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? /**
-             * Whether to show the arrows on the axis.
-             */: HTMLElement) => unknown;
+            onFocusChange?: (newFocusPath: import("../..").FocusPath, oldFocusPath: import("../..").FocusPath, keypadHeight?: number, focusedElement?: HTMLElement) => unknown;
             showAlignmentOptions?: boolean;
             readOnly?: boolean;
             editingDisabled?: boolean;
@@ -193,7 +195,7 @@ declare class InteractiveGraph extends React.Component<Props, State> {
             hintProgressColor?: string;
             canScrollPage?: boolean;
             editorChangeDelay?: number;
-            flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector", boolean>;
+            flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
@@ -290,5 +292,6 @@ declare const _default: {
     getStartUserInput: typeof getStartUserInput;
     getCorrectUserInput: typeof getCorrectUserInput;
     getUserInputFromSerializedState: typeof getUserInputFromSerializedState;
+    supportsUngraded: true;
 };
 export default _default;

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

@@ -27,6 +27,7 @@ export type StatefulMafsGraphProps = {
     static: InteractiveGraphProps["static"];
     showAxisArrows: InteractiveGraphProps["showAxisArrows"];
     widgetId: string;
+    graded?: boolean | null;
 };
 export type StatefulMafsGraphType = {
     getUserInput: () => PerseusInteractiveGraphUserInput;

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

@@ -105,7 +105,7 @@ export interface AngleGraphState extends InteractiveGraphStateCommon {
     type: "angle";
     showAngles?: boolean;
     allowReflexAngles?: boolean;
-    angleOffsetDeg?: number;
+    angleOffsetDeg?: number | null;
     snapDegrees?: number;
     coords: [Coord, Coord, Coord];
 }

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

@@ -117,6 +117,7 @@ declare const _default: {
         widgetIndex: number;
         alignment: string | null | undefined;
         static: boolean | null | undefined;
+        graded?: boolean | null;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
             isArticle?: boolean;
@@ -150,7 +151,7 @@ declare const _default: {
             hintProgressColor?: string;
             canScrollPage?: boolean;
             editorChangeDelay?: number;
-            flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector", boolean>;
+            flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

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

@@ -41,6 +41,7 @@ declare class MockWidgetComponent extends React.Component<Props> implements Widg
         widgetId: string;
         widgetIndex: number;
         alignment: string | null | undefined;
+        graded?: boolean | null;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
             isArticle?: boolean;
@@ -74,7 +75,7 @@ declare class MockWidgetComponent extends React.Component<Props> implements Widg
             hintProgressColor?: string;
             canScrollPage?: boolean;
             editorChangeDelay?: number;
-            flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector", boolean>;
+            flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

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

@@ -48,6 +48,7 @@ export declare class NumericInput extends React.Component<NumericInputProps> imp
         widgetId: string;
         widgetIndex: number;
         alignment: string | null | undefined;
+        graded?: boolean | null;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
             isArticle?: boolean;
@@ -81,7 +82,7 @@ export declare class NumericInput extends React.Component<NumericInputProps> imp
             hintProgressColor?: string;
             canScrollPage?: boolean;
             editorChangeDelay?: number;
-            flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector", boolean>;
+            flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

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

@@ -11,6 +11,7 @@ export declare const NumericInputComponent: React.ForwardRefExoticComponent<impo
     widgetIndex: number;
     alignment: string | null | undefined;
     static: boolean | null | undefined;
+    graded?: boolean | null;
     problemNum: number | null | undefined;
     apiOptions: Readonly<Readonly<{
         isArticle?: boolean;
@@ -44,7 +45,7 @@ export declare const NumericInputComponent: React.ForwardRefExoticComponent<impo
         hintProgressColor?: string;
         canScrollPage?: boolean;
         editorChangeDelay?: number;
-        flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector", boolean>;
+        flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
     }> & {
         baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
         canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;
@@ -103,7 +104,7 @@ export declare const NumericInputComponent: React.ForwardRefExoticComponent<impo
         hintProgressColor?: string;
         canScrollPage?: boolean;
         editorChangeDelay?: number;
-        flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector", boolean>;
+        flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
     }> & {
         baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
         canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

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

@@ -49,6 +49,7 @@ declare class Table extends React.Component<Props> implements Widget {
         widgetIndex: number;
         alignment: string | null | undefined;
         static: boolean | null | undefined;
+        graded?: boolean | null;
         problemNum: number | null | undefined;
         apiOptions: Readonly<Readonly<{
             isArticle?: boolean;
@@ -82,7 +83,7 @@ declare class Table extends React.Component<Props> implements Widget {
             hintProgressColor?: string;
             canScrollPage?: boolean;
             editorChangeDelay?: number;
-            flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-absolute-value" | "interactive-graph-tangent" | "interactive-graph-logarithm" | "interactive-graph-exponent" | "interactive-graph-vector", boolean>;
+            flags?: Record<"new-radio-widget" | "image-widget-upgrade-gif-controls" | "image-widget-upgrade-scale" | "interactive-graph-vector" | "interactive-graph-not-scored", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             canScrollPage: NonNullable<import("../..").APIOptions["canScrollPage"]>;

package/dist/widgets.d.ts

@@ -43,6 +43,11 @@ export declare const getAllWidgetTypes: () => ReadonlyArray<string>;
  * getCorrectUserInput function.
  */
 export declare const supportsStaticMode: (type: string) => boolean | undefined;
+/**
+ * Returns true if the widget supports the "Graded" toggle in the editor.
+ * A widget opts in by setting supportsUngraded: true in its export object.
+ */
+export declare const supportsUngraded: (type: string) => boolean;
 /**
  * Returns the tracking option for the widget. The default is "",
  * which means simply to track interactions once. The other available

package/package.json

@@ -3,7 +3,7 @@
   "description": "Core Perseus API (includes renderers and widgets)",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "77.3.2",
+  "version": "77.4.1",
   "publishConfig": {
     "access": "public"
   },
@@ -43,12 +43,12 @@
     "tiny-invariant": "1.3.1",
     "uuid": "^10.0.0",
     "@khanacademy/kas": "2.2.2",
-    "@khanacademy/keypad-context": "3.2.45",
-    "@khanacademy/kmath": "2.4.3",
-    "@khanacademy/math-input": "26.4.17",
-    "@khanacademy/perseus-core": "26.0.0",
-    "@khanacademy/perseus-linter": "5.0.0",
-    "@khanacademy/perseus-score": "8.7.1",
+    "@khanacademy/keypad-context": "3.2.47",
+    "@khanacademy/kmath": "2.4.5",
+    "@khanacademy/math-input": "26.4.19",
+    "@khanacademy/perseus-core": "26.0.2",
+    "@khanacademy/perseus-linter": "5.0.2",
+    "@khanacademy/perseus-score": "8.8.1",
     "@khanacademy/perseus-utils": "2.1.5",
     "@khanacademy/pure-markdown": "2.2.7",
     "@khanacademy/simple-markdown": "2.2.2"