@khanacademy/perseus 92.0.2 → 93.0.0

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/widgets/grapher/util.d.ts

@@ -1,4 +1,5 @@
 import { GrapherUtil } from "@khanacademy/perseus-core";
+import * as React from "react";
 import type { Coord } from "../../interactive2/types";
 import type { FunctionTypeMappingKeys, GrapherAnswerTypes } from "@khanacademy/perseus-core";
 type MovableMap = {
@@ -14,5 +15,9 @@ export declare const getGridAndSnapSteps: (options: any, boxSize: number) => {
     snapStep: [number, number];
 };
 export declare const DEFAULT_GRAPHER_PROPS: any;
-export declare const typeToButton: (type: FunctionTypeMappingKeys) => any;
+export declare const typeToButton: (type: FunctionTypeMappingKeys) => {
+    value: "linear" | "quadratic" | "sinusoid" | "exponential" | "tangent" | "logarithm" | "absolute_value";
+    title: string;
+    content: React.JSX.Element;
+};
 export {};

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/input-number/input-number.d.ts

@@ -45,7 +45,7 @@ declare const _default: {
             isMobile?: boolean;
             isMobileApp?: boolean;
             hintProgressColor?: string;
-            flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras" | "dnd-widget-fitb", boolean>;
+            flags?: Record<"desmos-calculator" | "article-extras" | "dnd-widget-fitb" | "dnd-widget-sorter", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;

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/interactive-graph.d.ts

@@ -54,7 +54,7 @@ declare class InteractiveGraph extends React.Component<Props> {
             isMobile?: boolean;
             isMobileApp?: boolean;
             hintProgressColor?: string;
-            flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras" | "dnd-widget-fitb", boolean>;
+            flags?: Record<"desmos-calculator" | "article-extras" | "dnd-widget-fitb" | "dnd-widget-sorter", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;

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

@@ -1,2 +1 @@
 export { default as MockWidget } from "./mock-widget";
-export { default as MockAssetLoadingWidget } from "./mock-asset-loading-widget";

package/dist/widgets/sorter/index.d.ts

@@ -45,7 +45,7 @@ declare const _default: {
             isMobile?: boolean;
             isMobileApp?: boolean;
             hintProgressColor?: string;
-            flags?: Record<"perseus-renderer-upgrade" | "desmos-calculator" | "article-extras" | "dnd-widget-fitb", boolean>;
+            flags?: Record<"desmos-calculator" | "article-extras" | "dnd-widget-fitb" | "dnd-widget-sorter", boolean>;
         }> & {
             baseElements: NonNullable<import("../..").APIOptions["baseElements"]>;
             isArticle: NonNullable<import("../..").APIOptions["isArticle"]>;
@@ -67,7 +67,7 @@ declare const _default: {
         userInput: PerseusSorterUserInput;
         linterContext: import("@khanacademy/perseus-linter").LinterContextProps;
         containerSizeClass: import("../../util/sizing-utils").SizeClass;
-    } & import("react").RefAttributes<import("./sorter").SorterHandle>>;
+    } & import("react").RefAttributes<import("./old/sorter").SorterHandle>>;
     isLintable: true;
     getStartUserInput: typeof getStartUserInput;
     getUserInputFromSerializedState: typeof getUserInputFromSerializedState;

package/dist/widgets/sorter/new/sorter.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import type { Widget, WidgetProps } from "../../../types";
+import type { PerseusSorterWidgetOptions, PerseusSorterUserInput } from "@khanacademy/perseus-core";
+type Props = WidgetProps<PerseusSorterWidgetOptions, PerseusSorterUserInput>;
+declare const Sorter: React.ForwardRefExoticComponent<Props & React.RefAttributes<Widget>>;
+export default Sorter;

package/dist/widgets/sorter/old/sorter.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import type { SortableOption } from "../../../components/sortable";
+import type { Widget, WidgetProps } from "../../../types";
+import type { PerseusSorterWidgetOptions, PerseusSorterUserInput } from "@khanacademy/perseus-core";
+type Props = WidgetProps<PerseusSorterWidgetOptions, PerseusSorterUserInput>;
+export interface SorterHandle extends Widget {
+    /**
+     * Programatic API for moving options. This is used by testing.
+     *
+     * @deprecated prefer user interaction testing over backdoor
+     * state manipulation
+     */
+    moveOptionToIndex: (option: SortableOption, index: number) => void;
+}
+declare const Sorter: React.ForwardRefExoticComponent<Props & React.RefAttributes<SorterHandle>>;
+export default Sorter;

package/dist/widgets/sorter/sorter.d.ts

@@ -1,16 +1,7 @@
 import * as React from "react";
-import type { SortableOption } from "../../components/sortable";
-import type { Widget, WidgetProps } from "../../types";
+import type { SorterHandle } from "./old/sorter";
+import type { WidgetProps } from "../../types";
 import type { PerseusSorterWidgetOptions, PerseusSorterUserInput } from "@khanacademy/perseus-core";
 type Props = WidgetProps<PerseusSorterWidgetOptions, PerseusSorterUserInput>;
-export interface SorterHandle extends Widget {
-    /**
-     * Programatic API for moving options. This is used by testing.
-     *
-     * @deprecated prefer user interaction testing over backdoor
-     * state manipulation
-     */
-    moveOptionToIndex: (option: SortableOption, index: number) => void;
-}
 declare const Sorter: React.ForwardRefExoticComponent<Props & React.RefAttributes<SorterHandle>>;
 export default Sorter;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Core Perseus API (includes renderers and widgets)",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "92.0.2",
+  "version": "93.0.0",
   "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.7",
-    "@khanacademy/kmath": "3.1.0",
-    "@khanacademy/math-input": "30.1.2",
-    "@khanacademy/perseus-core": "42.0.0",
-    "@khanacademy/perseus-linter": "6.1.5",
-    "@khanacademy/perseus-score": "9.0.8",
-    "@khanacademy/perseus-utils": "3.0.1",
-    "@khanacademy/pure-markdown": "3.0.1",
-    "@khanacademy/simple-markdown": "4.0.1",
+    "@khanacademy/kas": "3.1.0",
+    "@khanacademy/keypad-context": "6.0.9",
+    "@khanacademy/kmath": "3.1.2",
+    "@khanacademy/math-input": "30.1.4",
+    "@khanacademy/perseus-core": "42.0.2",
+    "@khanacademy/perseus-linter": "7.0.0",
+    "@khanacademy/perseus-score": "9.0.10",
+    "@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": {}
 }