@khanacademy/perseus 28.0.0 → 28.2.0

package/dist/renderer.d.ts

@@ -62,13 +62,6 @@ type Props = Partial<React.ContextType<typeof DependenciesContext>> & {
     problemNum?: number;
     questionCompleted?: boolean;
     reviewMode?: boolean | null | undefined;
-    /**
-     * Some widgets (e.g. InteractiveGraph) support "hint mode", a state where
-     * the widget is non-editable, may have a partial solution filled in,
-     * and may have special styling. Setting hintMode to true will turn on hint
-     * mode for all rendered widgets.
-     */
-    hintMode?: boolean;
     /**
      * If set to "all", all rationales or solutions will be shown. If set to
      * "selected", soltions will only be shown for selected choices. If set to
@@ -108,7 +101,7 @@ type State = {
     jiptContent: any;
     lastUsedWidgetId: string | null | undefined;
 };
-type DefaultProps = Required<Pick<Props, "alwaysUpdate" | "content" | "findExternalWidgets" | "highlightedWidgets" | "images" | "linterContext" | "onInteractWithWidget" | "onRender" | "onSerializedStateUpdated" | "questionCompleted" | "showSolutions" | "reviewMode" | "hintMode" | "serializedState" | "widgets">>;
+type DefaultProps = Required<Pick<Props, "alwaysUpdate" | "content" | "findExternalWidgets" | "highlightedWidgets" | "images" | "linterContext" | "onInteractWithWidget" | "onRender" | "onSerializedStateUpdated" | "questionCompleted" | "showSolutions" | "reviewMode" | "serializedState" | "widgets">>;
 declare class Renderer extends React.Component<Props, State> {
     _currentFocus: FocusPath | null | undefined;
     _foundTextNodes: boolean;

package/dist/types.d.ts

@@ -373,7 +373,6 @@ export type WidgetProps<RenderProps, Rubric, TrackingExtraArgs = Empty> = Render
     onBlur: (blurPath: FocusPath) => void;
     findWidgets: (arg1: FilterCriterion) => ReadonlyArray<Widget>;
     reviewModeRubric: Rubric;
-    hintMode: boolean;
     onChange: ChangeHandler;
     trackInteraction: (extraData?: TrackingExtraArgs) => void;
     isLastUsedWidget: boolean;

package/dist/widgets/expression.d.ts

@@ -183,7 +183,6 @@ declare const _default: Readonly<{
         onBlur: (blurPath: import("../types").FocusPath) => void;
         findWidgets: (arg1: import("../types").FilterCriterion) => readonly any[];
         reviewModeRubric: PerseusExpressionWidgetOptions;
-        hintMode: boolean;
         onChange: import("../types").ChangeHandler;
         trackInteraction: (extraData?: Empty | undefined) => void;
         isLastUsedWidget: boolean;
@@ -271,7 +270,7 @@ declare const _default: Readonly<{
         visibleLabel: string | undefined;
         ariaLabel: string | undefined;
         value: string;
-    }, "static" | "analytics" | "onChange" | "ariaLabel" | "buttonsVisible" | "containerSizeClass" | "widgetId" | "problemNum" | "questionCompleted" | "findWidgets" | "hintMode" | "trackInteraction" | "keypadElement" | "visibleLabel" | "keypadConfiguration" | "alignment" | "reviewModeRubric" | "isLastUsedWidget"> & {
+    }, "static" | "analytics" | "onChange" | "ariaLabel" | "buttonsVisible" | "containerSizeClass" | "widgetId" | "problemNum" | "questionCompleted" | "findWidgets" | "trackInteraction" | "keypadElement" | "visibleLabel" | "keypadConfiguration" | "alignment" | "reviewModeRubric" | "isLastUsedWidget"> & {
         value?: string | undefined;
         buttonSets?: import("../perseus-types").LegacyButtonSets | undefined;
         onFocus?: ((blurPath: import("../types").FocusPath) => void) | undefined;
@@ -435,7 +434,6 @@ declare const _default: Readonly<{
         onBlur: (blurPath: import("../types").FocusPath) => void;
         findWidgets: (arg1: import("../types").FilterCriterion) => readonly any[];
         reviewModeRubric: PerseusExpressionWidgetOptions;
-        hintMode: boolean;
         onChange: import("../types").ChangeHandler;
         trackInteraction: (extraData?: Empty | undefined) => void;
         isLastUsedWidget: boolean;
@@ -523,7 +521,7 @@ declare const _default: Readonly<{
         visibleLabel: string | undefined;
         ariaLabel: string | undefined;
         value: string;
-    }, "static" | "analytics" | "onChange" | "ariaLabel" | "buttonsVisible" | "containerSizeClass" | "widgetId" | "problemNum" | "questionCompleted" | "findWidgets" | "hintMode" | "trackInteraction" | "keypadElement" | "visibleLabel" | "keypadConfiguration" | "alignment" | "reviewModeRubric" | "isLastUsedWidget"> & {
+    }, "static" | "analytics" | "onChange" | "ariaLabel" | "buttonsVisible" | "containerSizeClass" | "widgetId" | "problemNum" | "questionCompleted" | "findWidgets" | "trackInteraction" | "keypadElement" | "visibleLabel" | "keypadConfiguration" | "alignment" | "reviewModeRubric" | "isLastUsedWidget"> & {
         value?: string | undefined;
         buttonSets?: import("../perseus-types").LegacyButtonSets | undefined;
         onFocus?: ((blurPath: import("../types").FocusPath) => void) | undefined;

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

@@ -17,8 +17,10 @@ declare class InteractiveGraphQuestionBuilder {
     private interactiveFigureConfig;
     private lockedFigures;
     private snapTo;
+    private staticMode;
     build(): PerseusRenderer;
     withContent(content: string): InteractiveGraphQuestionBuilder;
+    withStaticMode(staticMode: boolean): InteractiveGraphQuestionBuilder;
     withBackgroundImage(url: string, height: number, width: number, options?: {
         scale?: number;
         bottom?: number;

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

@@ -16,7 +16,7 @@ export type MafsGraphProps = {
     labels: InteractiveGraphProps["labels"];
     state: InteractiveGraphState;
     dispatch: React.Dispatch<InteractiveGraphAction>;
-    hintMode: boolean;
     readOnly: boolean;
+    static: boolean | null | undefined;
 };
 export declare const MafsGraph: (props: MafsGraphProps) => React.JSX.Element;

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

@@ -6,6 +6,7 @@ export type StatefulMafsGraphProps = {
     box: [number, number];
     backgroundImage?: InteractiveGraphProps["backgroundImage"];
     graph: PerseusGraphType;
+    correct: PerseusGraphType;
     lockedFigures?: InteractiveGraphProps["lockedFigures"];
     range: InteractiveGraphProps["range"];
     snapStep: InteractiveGraphProps["snapStep"];
@@ -17,7 +18,7 @@ export type StatefulMafsGraphProps = {
     showTooltips: Required<InteractiveGraphProps["showTooltips"]>;
     showProtractor: boolean;
     labels: InteractiveGraphProps["labels"];
-    hintMode: boolean;
     readOnly: boolean;
+    static: InteractiveGraphProps["static"];
 };
 export declare const StatefulMafsGraph: React.ForwardRefExoticComponent<StatefulMafsGraphProps & React.RefAttributes<Partial<Widget>>>;

package/package.json

@@ -3,7 +3,7 @@
     "description": "Core Perseus API (includes renderers and widgets)",
     "author": "Khan Academy",
     "license": "MIT",
-    "version": "28.0.0",
+    "version": "28.2.0",
     "publishConfig": {
         "access": "public"
     },
@@ -30,7 +30,8 @@
             "require": "./dist/strings.js",
             "types": "./dist/strings.d.ts",
             "source": "./src/strings.ts"
-        }
+        },
+        "./styles.css": "./dist/index.css"
     },
     "files": [
         "dist"
@@ -41,9 +42,10 @@
     "dependencies": {
         "@khanacademy/kas": "^0.3.11",
         "@khanacademy/kmath": "^0.1.13",
-        "@khanacademy/math-input": "^20.1.1",
+        "@khanacademy/keypad-context": "^1.0.0",
+        "@khanacademy/math-input": "^21.0.0",
         "@khanacademy/perseus-core": "1.5.0",
-        "@khanacademy/perseus-linter": "^1.0.0",
+        "@khanacademy/perseus-linter": "^1.1.0",
         "@khanacademy/pure-markdown": "^0.3.7",
         "@khanacademy/simple-markdown": "^0.13.0",
         "@use-gesture/react": "^10.2.27",