@khanacademy/perseus 92.1.0 → 93.0.1

package/dist/types.d.ts

@@ -22,7 +22,7 @@ export type DeviceType = "phone" | "tablet" | "desktop";
  * @deprecated and likely a very broken API
  * [LEMS-3185] do not trust serializedState
  */
-export type SerializedState = Record<string, any>;
+type SerializedState = Record<string, any>;
 /**
  * The Widget type represents the common API that the Renderer uses to interact
  * with all widgets. All widgets must implement the methods in this API, unless

package/dist/util/graphie-utils.d.ts

@@ -32,8 +32,10 @@ type CacheEntry = {
     range: [Coord, Coord];
 };
 /**
- * Reset the label data cache. This is primarily used for testing
- * to ensure a clean state between test cases.
+ * Reset the label data cache.
+ *
+ * @internal
+ * This is used for testing to ensure a clean state between test cases.
  */
 export declare function resetLabelDataCache(): void;
 export declare function loadGraphie(url: string, onDataLoaded: (data: CacheEntry, localized: boolean) => void): void;

package/dist/util/{test-utils.d.ts → scoring.testutils.d.ts}

@@ -1,4 +1,5 @@
-import type { CategorizerWidget, PerseusRenderer, PerseusWidgetTypes, PerseusScore, UserInputMap, PerseusItem } from "@khanacademy/perseus-core";
+import type { CategorizerWidget, PerseusItem, PerseusRenderer, PerseusScore, PerseusWidgetTypes, UserInputMap } from "@khanacademy/perseus-core";
+export declare function isCorrect(score: PerseusScore): boolean;
 /**
  * Thin wrapper around scorePerseusItem for internal testing. Returns the
  * aggregate score; tests that need the per-widget breakdown should call

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

@@ -7,58 +7,3 @@ export declare function isGif(url: string): boolean;
  */
 export declare function decodeGifFrames(src: string): Promise<ParsedFrame[]>;
 export declare function isSvg(url: string): boolean;
-export declare const earthMoonImage: {
-    url: string;
-    width: number;
-    height: number;
-};
-export declare const frescoImage: {
-    url: string;
-    width: number;
-    height: number;
-};
-export declare const portraitImage: {
-    url: string;
-    width: number;
-    height: number;
-};
-export declare const portraitImageTitle = "The Arnolfini Portrait";
-export declare const portraitImageCaption = "Jan van Eyck, *The Arnolfini Portrait*, 1434, oil on oak panel, 82.2 x 60 cm (National Gallery, London; photo: [Steven Zucker](https://flic.kr/p/2qEGNDi), CC BY-NC-SA 4.0)";
-export declare const portraitImageLongDescription = "Jan van Eyck, The Arnolfini Portrait, 1434, oil on oak panel, 82.2 x 60 cm (National Gallery, London; photo: Steven Zucker, CC BY-NC-SA 4.0)";
-export declare const scienceImage: {
-    url: string;
-    width: number;
-    height: number;
-};
-export declare const scienceImageCaption = "*A diagram of prophase. During this stage of mitosis, chromosomes condense, the nuclear envelope breaks apart, and the mitotic spindle begins to form. Created with [Biorender.com](BioRender.com).*";
-export declare const scienceImageAlt = "A diagram shows a single, circular cell.";
-export declare const graphieImage: {
-    url: string;
-    width: number;
-    height: number;
-};
-export declare const graphieImageAlt = "An array of isosceles triangles. A triangle has height A. Two smaller triangle, one with height B and one with height C, have approximately the same combined height as A.";
-export declare const animatedGifLandscape: {
-    url: string;
-    width: number;
-    height: number;
-};
-export declare const animatedGifLandscapeAlt = "A person on a skateboard moves back and forth across a concrete structure that forms the shape of a U.";
-export declare const animatedGifPortrait: {
-    url: string;
-    width: number;
-    height: number;
-};
-export declare const animatedGifPortraitAlt = "A surreal illustration of Earth with a faucet attached, draining resources, above a wallet filled with currency, against a red background.";
-export declare const nonAnimatedGif: {
-    url: string;
-    width: number;
-    height: number;
-};
-export declare const nonAnimatedGifAlt = "A black and white cat resting on a blanket on a couch, with its eyes closed and arms and legs tucked in.";
-export declare const svgImage: {
-    url: string;
-    width: number;
-    height: number;
-};
-export declare const extremelyLongDescription = "\nLorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.\n\nLorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.\n\nLorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.\n\nLorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.\n\nLorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.\n";

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

@@ -0,0 +1,2 @@
+import type { MafsGraphProps } from "./mafs-graph";
+export declare function getBaseMafsGraphPropsForTests(): MafsGraphProps;

package/dist/widgets/interactive-graphs/graphs/components/movable-line/index.d.ts

@@ -1,2 +1 @@
 export { MovableLine } from "./movable-line";
-export { getMovableLineKeyboardConstraint, insetTipAlongRay, trimRange, } from "./util";

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

@@ -1,4 +1,3 @@
-import type { MafsGraphProps } from "./mafs-graph";
 import type { InteractiveGraphState, UnlimitedGraphState } from "./types";
 import type { Coord } from "../../interactive2/types";
 import type { PerseusInteractiveGraphWidgetOptions } from "@khanacademy/perseus-core";
@@ -37,7 +36,6 @@ export declare const mathOnlyParser: import("@khanacademy/simple-markdown").Pars
  * and the text outside of the $ blocks will be non-TeX text.
  */
 export declare function replaceOutsideTeX(mathString: string): string;
-export declare function getBaseMafsGraphPropsForTests(): MafsGraphProps;
 export declare const calculateNestedSVGCoords: (range: vec.Vector2[], width: number, height: number) => {
     viewboxX: number;
     viewboxY: number;

package/dist/widgets/radio/utils/string-utils.d.ts

@@ -1,30 +1,4 @@
 import type { PerseusStrings } from "../../../strings";
-/**
- * Given a choice's position in the radio widget, return the corresponding
- * "choice letter". (For example, `getChoiceLetter(0)` is "A",
- * `getChoiceLetter(1)` is "B", etc.)
- *
- * All locales use English letters for the choice letters.
- *
- * @param pos - The position of the choice in the radio widget.
- * @param strings - The strings for the Radio widget.
- * @returns The choice letter for the given position.
- */
-export declare const getChoiceLetter: (pos: number, strings: PerseusStrings) => string;
-interface GetOptionStatusTextProps {
-    checked: boolean;
-    correct: boolean;
-    strings: PerseusStrings;
-}
-/**
- * Get the correct (translated) string for an option status (correct, incorrect, selected, etc.)
- *
- * @param checked - Whether the option is checked.
- * @param correct - Whether the option is correct.
- * @param strings - The strings for the Radio widget.
- * @returns The appropriate string for the option status.
- */
-export declare const getOptionStatusText: ({ checked, correct, strings, }: GetOptionStatusTextProps) => string;
 interface GetInstructionsTextProps {
     multipleSelect: boolean;
     countChoices: boolean | null | undefined;
@@ -44,25 +18,4 @@ interface GetInstructionsTextProps {
  * @returns The instructions string for the widget.
  */
 export declare const getInstructionsText: ({ multipleSelect, countChoices, numCorrect, strings, }: GetInstructionsTextProps) => string;
-interface GetA11yTextProps {
-    letter: string;
-    checked: boolean;
-    correct: boolean;
-    showCorrectness: boolean;
-    strings: PerseusStrings;
-}
-/**
- * Get the (translated) a11y string for a Radio widget.
- *
- * This string is provided to screen readers to help the user
- * understand the current state of a Radio option.
- *
- * @param letter - The letter for the choice.
- * @param checked - Whether the choice is checked.
- * @param correct - Whether the choice is correct.
- * @param showCorrectness - Whether the correctness is shown.
- * @param strings - The strings for the Radio widget.
- * @returns The a11y string for the Radio option.
- */
-export declare const getA11yText: ({ letter, checked, correct, showCorrectness, strings, }: GetA11yTextProps) => string;
 export {};

package/package.json

@@ -3,7 +3,7 @@
   "description": "Core Perseus API (includes renderers and widgets)",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "92.1.0",
+  "version": "93.0.1",
   "publishConfig": {
     "access": "public"
   },
@@ -19,8 +19,7 @@
   "exports": {
     ".": "./dist/index.js",
     "./strings": "./dist/strings.js",
-    "./styles.css": "./dist/index.css",
-    "./testing": "./dist/testing.js"
+    "./styles.css": "./dist/index.css"
   },
   "files": [
     "dist"
@@ -28,80 +27,81 @@
   "dependencies": {
     "@dnd-kit/dom": "^0.5.0",
     "@dnd-kit/react": "^0.5.0",
-    "@khanacademy/kas": "3.0.2",
-    "@khanacademy/keypad-context": "6.0.8",
-    "@khanacademy/kmath": "3.1.1",
-    "@khanacademy/math-input": "30.1.3",
-    "@khanacademy/perseus-core": "42.0.1",
-    "@khanacademy/perseus-linter": "6.2.0",
-    "@khanacademy/perseus-score": "9.0.9",
-    "@khanacademy/perseus-utils": "3.0.1",
-    "@khanacademy/pure-markdown": "3.1.0",
-    "@khanacademy/simple-markdown": "4.0.1",
+    "@khanacademy/kas": "3.1.1",
+    "@khanacademy/keypad-context": "6.0.10",
+    "@khanacademy/kmath": "3.1.3",
+    "@khanacademy/math-input": "30.2.0",
+    "@khanacademy/perseus-core": "42.1.0",
+    "@khanacademy/perseus-linter": "7.0.1",
+    "@khanacademy/perseus-score": "9.0.11",
+    "@khanacademy/perseus-utils": "3.0.2",
+    "@khanacademy/pure-markdown": "3.1.1",
+    "@khanacademy/simple-markdown": "4.0.2",
     "@use-gesture/react": "^10.2.27",
     "gifuct-js": "^2.1.2",
-    "jquery": "^2.1.1",
+    "jquery": "4.0.0",
     "mafs": "0.19.0",
     "tiny-invariant": "1.3.1",
     "uuid": "^10.0.0"
   },
   "devDependencies": {
+    "@internal/build-settings": "0.9.2",
     "@khanacademy/wonder-blocks-announcer": "1.1.2",
-    "@khanacademy/wonder-blocks-banner": "5.1.16",
-    "@khanacademy/wonder-blocks-button": "11.7.12",
-    "@khanacademy/wonder-blocks-clickable": "8.3.1",
+    "@khanacademy/wonder-blocks-banner": "5.2.0",
+    "@khanacademy/wonder-blocks-button": "11.7.13",
+    "@khanacademy/wonder-blocks-clickable": "8.3.2",
     "@khanacademy/wonder-blocks-core": "12.5.0",
     "@khanacademy/wonder-blocks-data": "15.1.0",
-    "@khanacademy/wonder-blocks-dropdown": "10.13.1",
-    "@khanacademy/wonder-blocks-form": "7.6.15",
-    "@khanacademy/wonder-blocks-icon": "6.0.2",
-    "@khanacademy/wonder-blocks-icon-button": "12.0.1",
-    "@khanacademy/wonder-blocks-labeled-field": "4.2.0",
-    "@khanacademy/wonder-blocks-layout": "3.1.62",
-    "@khanacademy/wonder-blocks-link": "10.4.1",
-    "@khanacademy/wonder-blocks-modal": "8.9.0",
-    "@khanacademy/wonder-blocks-popover": "7.0.1",
-    "@khanacademy/wonder-blocks-progress-spinner": "3.1.62",
-    "@khanacademy/wonder-blocks-switch": "3.4.14",
+    "@khanacademy/wonder-blocks-dropdown": "10.13.7",
+    "@khanacademy/wonder-blocks-form": "7.7.4",
+    "@khanacademy/wonder-blocks-icon": "6.0.3",
+    "@khanacademy/wonder-blocks-icon-button": "12.0.2",
+    "@khanacademy/wonder-blocks-labeled-field": "4.3.4",
+    "@khanacademy/wonder-blocks-layout": "3.2.1",
+    "@khanacademy/wonder-blocks-link": "10.5.1",
+    "@khanacademy/wonder-blocks-modal": "8.10.1",
+    "@khanacademy/wonder-blocks-popover": "7.1.1",
+    "@khanacademy/wonder-blocks-progress-spinner": "3.2.0",
+    "@khanacademy/wonder-blocks-switch": "3.4.15",
     "@khanacademy/wonder-blocks-timing": "7.1.0",
-    "@khanacademy/wonder-blocks-tokens": "18.0.0",
-    "@khanacademy/wonder-blocks-tooltip": "4.2.8",
-    "@khanacademy/wonder-blocks-typography": "5.0.5",
+    "@khanacademy/wonder-blocks-tokens": "18.1.0",
+    "@khanacademy/wonder-blocks-tooltip": "4.2.12",
+    "@khanacademy/wonder-blocks-typography": "5.0.6",
     "@khanacademy/wonder-stuff-core": "3.0.0",
     "@phosphor-icons/core": "2.0.2",
     "@popperjs/core": "2.10.2",
     "aphrodite": "1.2.5",
     "classnames": "1.1.4",
-    "perseus-build-settings": "0.9.2",
     "prop-types": "15.8.1",
     "raphael": "1.5.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "react-json-view": "^1.21.3",
     "react-popper": "^2.2.5",
     "underscore": "1.4.4"
   },
   "peerDependencies": {
     "@khanacademy/wonder-blocks-announcer": "^1.1.2",
-    "@khanacademy/wonder-blocks-banner": "^5.1.16",
-    "@khanacademy/wonder-blocks-button": "^11.7.12",
-    "@khanacademy/wonder-blocks-clickable": "^8.3.1",
+    "@khanacademy/wonder-blocks-banner": "^5.2.0",
+    "@khanacademy/wonder-blocks-button": "^11.7.13",
+    "@khanacademy/wonder-blocks-clickable": "^8.3.2",
     "@khanacademy/wonder-blocks-core": "^12.5.0",
     "@khanacademy/wonder-blocks-data": "^15.1.0",
-    "@khanacademy/wonder-blocks-dropdown": "^10.13.1",
-    "@khanacademy/wonder-blocks-form": "^7.6.15",
-    "@khanacademy/wonder-blocks-icon": "^6.0.2",
-    "@khanacademy/wonder-blocks-icon-button": "^12.0.1",
-    "@khanacademy/wonder-blocks-labeled-field": "^4.2.0",
-    "@khanacademy/wonder-blocks-layout": "^3.1.62",
-    "@khanacademy/wonder-blocks-link": "^10.4.1",
-    "@khanacademy/wonder-blocks-modal": "^8.9.0",
-    "@khanacademy/wonder-blocks-popover": "^7.0.1",
-    "@khanacademy/wonder-blocks-progress-spinner": "^3.1.62",
-    "@khanacademy/wonder-blocks-switch": "^3.4.14",
+    "@khanacademy/wonder-blocks-dropdown": "^10.13.7",
+    "@khanacademy/wonder-blocks-form": "^7.7.4",
+    "@khanacademy/wonder-blocks-icon": "^6.0.3",
+    "@khanacademy/wonder-blocks-icon-button": "^12.0.2",
+    "@khanacademy/wonder-blocks-labeled-field": "^4.3.4",
+    "@khanacademy/wonder-blocks-layout": "^3.2.1",
+    "@khanacademy/wonder-blocks-link": "^10.5.1",
+    "@khanacademy/wonder-blocks-modal": "^8.10.1",
+    "@khanacademy/wonder-blocks-popover": "^7.1.1",
+    "@khanacademy/wonder-blocks-progress-spinner": "^3.2.0",
+    "@khanacademy/wonder-blocks-switch": "^3.4.15",
     "@khanacademy/wonder-blocks-timing": "^7.1.0",
-    "@khanacademy/wonder-blocks-tokens": "^18.0.0",
-    "@khanacademy/wonder-blocks-tooltip": "^4.2.8",
-    "@khanacademy/wonder-blocks-typography": "^5.0.5",
+    "@khanacademy/wonder-blocks-tokens": "^18.1.0",
+    "@khanacademy/wonder-blocks-tooltip": "^4.2.12",
+    "@khanacademy/wonder-blocks-typography": "^5.0.6",
     "@khanacademy/wonder-stuff-core": "^3.0.0",
     "@phosphor-icons/core": "^2.0.2",
     "@popperjs/core": "^2.10.2",
@@ -115,7 +115,7 @@
   },
   "keywords": [],
   "khan": {
-    "catalogHash": "c1e18e75c3555ad9"
+    "catalogHash": "c5e0d95da455a764"
   },
   "scripts": {}
 }