@khanacademy/perseus 90.0.2 → 90.2.0

package/dist/util.d.ts

@@ -35,6 +35,7 @@ type TouchHandlers = {
  * arrays of strings.
  */
 declare function inputPathsEqual(a?: ReadonlyArray<string> | null, b?: ReadonlyArray<string> | null): boolean;
+export declare const isContentGraphie: (node: SingleASTNode) => boolean;
 /**
  * Some widgets render as inline content but CANNOT safely live
  * inside a paragraph (`<p>`). When this function returns true, the

package/dist/widgets/graded-group/graded-group-answer-bar.d.ts

@@ -1,16 +1,13 @@
 import * as React from "react";
-import { PerseusI18nContext } from "../../components/i18n-context";
-import type { APIOptions } from "../../types";
-export type ANSWER_BAR_STATES = "ACTIVE" | "INACTIVE" | "INCORRECT" | "CORRECT";
+import type { APIOptions, TrackingGradedGroupExtraArguments } from "../../types";
+export type GradingStatus = TrackingGradedGroupExtraArguments["status"];
+export type AnswerBarState = "active" | GradingStatus;
 type Props = {
-    answerBarState: ANSWER_BAR_STATES;
+    answerBarState: AnswerBarState;
     apiOptions: APIOptions;
+    invalidMessage?: string;
     onCheckAnswer: () => unknown;
     onNextQuestion?: () => unknown;
 };
-declare class GradedGroupAnswerBar extends React.Component<Props> {
-    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
-    context: React.ContextType<typeof PerseusI18nContext>;
-    render(): React.ReactNode;
-}
+declare function GradedGroupAnswerBar({ apiOptions, answerBarState, invalidMessage, onCheckAnswer, onNextQuestion, }: Props): React.JSX.Element;
 export default GradedGroupAnswerBar;

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

@@ -1,110 +1,16 @@
-import * as React from "react";
+import React from "react";
 import type { MockWidgetOptions } from "./mock-widget-types";
 import type { WidgetProps, Widget } from "../../types";
-import type { MockWidgetPromptJSON } from "../../widget-ai-utils/mock-widget/prompt-utils";
 import type { PerseusMockWidgetUserInput } from "@khanacademy/perseus-score";
 type ExternalProps = WidgetProps<MockWidgetOptions, PerseusMockWidgetUserInput>;
-type Props = ExternalProps;
-/**
- * This is a Mock Perseus widget, which is used for our various rendering tests
- * both internally and in consuming projects. It is a simple widget that renders
- * an interactable input field, and allows the user to input a string value.
- *
- * Please use this widget for all tests that are not specifically testing the
- * functionality of a particular widget, such as testing the rendering components.
- * This allows us to more easily update our widget schemas and behaviour without needing to
- * update many different irrelevant tests across our codebases.
- *
- * You can register this widget for your tests by calling `registerWidget("mock-widget", MockWidget);`
- */
-declare class MockWidgetComponent extends React.Component<Props> implements Widget {
-    inputRef: HTMLElement | null;
-    getPromptJSON(): MockWidgetPromptJSON;
-    focus: () => boolean;
-    focusInputPath: () => void;
-    blurInputPath: () => void;
-    getInputPaths: () => ReadonlyArray<ReadonlyArray<string>>;
-    handleChange: (newValue: string, cb?: () => unknown | null | undefined) => void;
-    /**
-     * @deprecated and likely very broken API
-     * [LEMS-3185] do not trust serializedState
-     */
-    getSerializedState(): {
-        currentValue: string;
-        trackInteraction: (extraData?: Empty | undefined) => void;
-        widgetId: string;
-        widgetIndex: number;
-        alignment: import("@khanacademy/perseus-core").Alignment | 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;
-            renderExtras?: (answerArea: import("@khanacademy/perseus-core").PerseusAnswerArea, widgetId: string) => React.ReactNode;
-            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" | "article-extras" | "dnd-widget-fitb", 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;
-        isScorable: boolean;
-        showSolutions?: import("@khanacademy/perseus-core").ShowSolutions;
-        handleUserInput: (newUserInput: PerseusMockWidgetUserInput, cb?: () => void, silent?: boolean) => void;
-        linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
-        containerSizeClass: import("../../util/sizing-utils").SizeClass;
-        value: string;
-    };
-    render(): React.ReactNode;
-}
-/**
- * @deprecated and likely a very broken API
- * [LEMS-3185] do not trust serializedState
- */
-declare function getUserInputFromSerializedState(serializedState: any): PerseusMockWidgetUserInput;
-declare function getStartUserInput(options: PerseusMockWidgetUserInput): {
+declare function getStartUserInput(): {
     currentValue: string;
 };
 declare const _default: {
     name: string;
     displayName: string;
-    widget: typeof MockWidgetComponent;
+    widget: React.ForwardRefExoticComponent<ExternalProps & React.RefAttributes<Widget>>;
     isLintable: true;
     getStartUserInput: typeof getStartUserInput;
-    getUserInputFromSerializedState: typeof getUserInputFromSerializedState;
 };
 export default _default;

package/dist/widgets/radio/radio-component.d.ts

@@ -10,6 +10,7 @@ export interface RadioComponentProps {
     numCorrect: number;
     onChoiceChange: (choiceId: string, newCheckedState: boolean) => void;
     reviewMode: boolean;
+    isRequired?: boolean;
 }
 /**
  * The RadioComponent renders the UI for multiple choice questions.
@@ -49,5 +50,5 @@ export interface RadioComponentProps {
  *
  * Created as part of the Radio Revitalization Project (LEMS-2933).
  */
-declare const RadioComponent: ({ choices, countChoices, multipleSelect, numCorrect, onChoiceChange, reviewMode, }: RadioComponentProps) => React.ReactElement;
+declare const RadioComponent: ({ choices, countChoices, multipleSelect, numCorrect, onChoiceChange, reviewMode, isRequired, }: RadioComponentProps) => React.ReactElement;
 export default RadioComponent;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Core Perseus API (includes renderers and widgets)",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "90.0.2",
+  "version": "90.2.0",
   "publishConfig": {
     "access": "public"
   },
@@ -34,13 +34,13 @@
     "mafs": "0.19.0",
     "tiny-invariant": "1.3.1",
     "uuid": "^10.0.0",
-    "@khanacademy/kmath": "3.0.3",
-    "@khanacademy/keypad-context": "6.0.2",
-    "@khanacademy/math-input": "30.0.3",
-    "@khanacademy/perseus-core": "41.0.0",
     "@khanacademy/kas": "3.0.0",
-    "@khanacademy/perseus-linter": "6.0.3",
-    "@khanacademy/perseus-score": "9.0.3",
+    "@khanacademy/keypad-context": "6.0.3",
+    "@khanacademy/kmath": "3.0.4",
+    "@khanacademy/math-input": "30.0.4",
+    "@khanacademy/perseus-core": "41.1.0",
+    "@khanacademy/perseus-linter": "6.1.1",
+    "@khanacademy/perseus-score": "9.0.4",
     "@khanacademy/perseus-utils": "3.0.0",
     "@khanacademy/pure-markdown": "3.0.0",
     "@khanacademy/simple-markdown": "4.0.0"