@khanacademy/perseus 90.1.0 → 91.0.0

package/dist/types.d.ts

@@ -297,7 +297,6 @@ type WidgetOptions = any;
 export type WidgetExports<T extends React.ComponentType<any> & Widget = React.ComponentType<any>, TUserInput = Empty> = Readonly<{
     name: string;
     displayName: string;
-    getWidget?: () => T;
     widget: T;
     /** Supresses widget from showing up in the dropdown in the content editor */
     hidden?: boolean;

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/label-image/answer-choices.d.ts

@@ -15,6 +15,7 @@ type AnswerChoicesProps = {
     opener: PropsFor<typeof SingleSelect>["opener"];
     onToggle: (opened: boolean) => unknown;
     disabled: boolean;
+    "aria-required"?: boolean;
 };
 declare const AnswerChoices: (props: AnswerChoicesProps) => React.JSX.Element;
 export default AnswerChoices;

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

@@ -4,12 +4,10 @@
  * The target for labeling question image with answers.
  */
 import * as React from "react";
-import { PerseusI18nContext } from "../../components/i18n-context";
 import type { CSSProperties } from "aphrodite";
 type Props = {
     selected?: string[];
     showCorrectness?: "correct" | "incorrect";
-    label: string;
     showSelected: boolean;
     showPulsate: boolean;
     answerSide: "top" | "bottom" | "left" | "right";
@@ -19,8 +17,6 @@ type Props = {
     hovered: boolean;
 };
 export default class Marker extends React.Component<Props> {
-    static contextType: React.Context<import("../../components/i18n-context").I18nContextType>;
-    context: React.ContextType<typeof PerseusI18nContext>;
     _icon: HTMLElement | null | undefined;
     _mounted: boolean;
     static defaultProps: {

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

@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { StyleType } from "@khanacademy/wonder-blocks-core";
+type Props = {
+    /**
+     * The unique identifier for the pill.
+     */
+    id?: string;
+    /**
+     * The content to display within the pill.
+     */
+    children: React.ReactNode;
+    /**
+     * Called when the pill is clicked.
+     */
+    onClick?: () => unknown;
+    /**
+     * Custom styles to add to this pill component.
+     */
+    style?: StyleType;
+};
+declare const Pill: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement | HTMLButtonElement>>;
+export default Pill;

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

@@ -1,17 +1,11 @@
-import * as React from "react";
-import type { PerseusItem } from "@khanacademy/perseus-core";
-export declare const mockedAssetItem: PerseusItem;
-/**
- * This is a Mock Asset Loading Perseus widget, which is used specifically for
- * our server-item-renderer tests to test the asset loading callbacks.
- */
-export declare class MockAssetLoadingWidget extends React.Component<Record<any, any>> {
-    setAssetStatus: ((assetKey: string, loaded: boolean) => void) | null;
-    render(): React.ReactNode;
-}
+import React from "react";
+import type { Widget } from "../../types";
+export type MockAssetLoadingWidgetHandle = Widget & {
+    setAssetStatus: (assetKey: string, loaded: boolean) => void;
+};
 declare const _default: {
     name: string;
     displayName: string;
-    widget: typeof MockAssetLoadingWidget;
+    widget: React.ForwardRefExoticComponent<Omit<Record<any, any>, "ref"> & React.RefAttributes<MockAssetLoadingWidgetHandle>>;
 };
 export default _default;

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/package.json

@@ -3,7 +3,7 @@
   "description": "Core Perseus API (includes renderers and widgets)",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "90.1.0",
+  "version": "91.0.0",
   "publishConfig": {
     "access": "public"
   },
@@ -34,13 +34,13 @@
     "mafs": "0.19.0",
     "tiny-invariant": "1.3.1",
     "uuid": "^10.0.0",
-    "@khanacademy/keypad-context": "6.0.2",
-    "@khanacademy/kmath": "3.0.3",
-    "@khanacademy/perseus-core": "41.0.0",
-    "@khanacademy/math-input": "30.0.3",
     "@khanacademy/kas": "3.0.0",
-    "@khanacademy/perseus-linter": "6.1.0",
-    "@khanacademy/perseus-score": "9.0.3",
+    "@khanacademy/keypad-context": "6.0.4",
+    "@khanacademy/kmath": "3.0.5",
+    "@khanacademy/math-input": "30.0.5",
+    "@khanacademy/perseus-core": "41.2.0",
+    "@khanacademy/perseus-linter": "6.1.2",
+    "@khanacademy/perseus-score": "9.0.5",
     "@khanacademy/perseus-utils": "3.0.0",
     "@khanacademy/pure-markdown": "3.0.0",
     "@khanacademy/simple-markdown": "4.0.0"
@@ -60,7 +60,6 @@
     "@khanacademy/wonder-blocks-layout": "3.1.62",
     "@khanacademy/wonder-blocks-link": "10.4.1",
     "@khanacademy/wonder-blocks-modal": "8.9.0",
-    "@khanacademy/wonder-blocks-pill": "3.1.78",
     "@khanacademy/wonder-blocks-popover": "7.0.0",
     "@khanacademy/wonder-blocks-progress-spinner": "3.1.62",
     "@khanacademy/wonder-blocks-switch": "3.4.14",
@@ -96,7 +95,6 @@
     "@khanacademy/wonder-blocks-layout": "^3.1.62",
     "@khanacademy/wonder-blocks-link": "^10.4.1",
     "@khanacademy/wonder-blocks-modal": "^8.9.0",
-    "@khanacademy/wonder-blocks-pill": "^3.1.78",
     "@khanacademy/wonder-blocks-popover": "^7.0.0",
     "@khanacademy/wonder-blocks-progress-spinner": "^3.1.62",
     "@khanacademy/wonder-blocks-switch": "^3.4.14",
@@ -117,7 +115,7 @@
   },
   "keywords": [],
   "khan": {
-    "catalogHash": "e8edf77dbb8ea2a1"
+    "catalogHash": "7484f91061a1760b"
   },
   "scripts": {}
 }