@khanacademy/perseus 7.2.1 → 8.0.0

package/dist/mixins/provide-keypad.d.ts

@@ -9,7 +9,7 @@
  * `ItemRenderer` and friends are written as ES6 Classes, we can have them
  * extend a `ProvideKeypad` component instead of using this mixin.
  */
-import PropTypes from "prop-types";
+import type { APIOptions } from "../types";
 import type { CSSProperties } from "aphrodite";
 export type KeypadProps = {
     keypadStyle?: CSSProperties;
@@ -18,19 +18,22 @@ export type KeypadApiOptions = {
     customKeypad: boolean;
     nativeKeypadProxy: any;
 };
-declare const ProvideKeypad: {
-    readonly propTypes: {
-        readonly apiOptions: PropTypes.Requireable<PropTypes.InferProps<{
-            customKeypad: PropTypes.Requireable<boolean>;
-            nativeKeypadProxy: PropTypes.Requireable<(...args: any[]) => any>;
-        }>>;
-        readonly keypadStyle: PropTypes.Requireable<any>;
+type KeypadMixinHostComponent = {
+    _keypadContainer?: HTMLDivElement | null;
+    props: {
+        apiOptions: APIOptions;
+        blur?: () => void;
+    };
+    state: {
+        keypadElement: any | null;
     };
-    readonly getInitialState: () => {
+};
+declare const ProvideKeypad: {
+    readonly getInitialState: (this: KeypadMixinHostComponent) => {
         keypadElement: any | null;
     };
-    readonly componentDidMount: () => void;
-    readonly componentWillUnmount: () => void;
-    readonly keypadElement: () => any;
+    readonly componentDidMount: (this: KeypadMixinHostComponent) => void;
+    readonly componentWillUnmount: (this: KeypadMixinHostComponent) => void;
+    readonly keypadElement: (this: KeypadMixinHostComponent) => any;
 };
 export default ProvideKeypad;

package/dist/perseus-api.d.ts

@@ -86,7 +86,7 @@ export declare const ApiOptions: {
         } & Record<string, unknown>) => void) | undefined;
         customKeypad?: boolean | undefined;
         useV2Keypad?: boolean | undefined;
-        nativeKeypadProxy?: (() => unknown) | undefined;
+        nativeKeypadProxy?: ((blur: () => void) => import("@khanacademy/math-input").KeypadAPI) | undefined;
         isMobile?: boolean | undefined;
         setDrawingAreaAvailable?: ((arg1: boolean) => unknown) | undefined;
         useDraftEditor?: boolean | undefined;

package/dist/types.d.ts

@@ -1,11 +1,12 @@
-import * as React from "react";
 import type { SerializedHighlightSet } from "./components/highlighting/types";
 import type { ILogger } from "./logging/log";
 import type { Item } from "./multi-items/item-types";
 import type { PerseusWidget } from "./perseus-types";
 import type { SizeClass } from "./util/sizing-utils";
+import type { KeypadAPI } from "@khanacademy/math-input";
 import type { SendEventFn } from "@khanacademy/perseus-core";
 import type { Result } from "@khanacademy/wonder-blocks-data";
+import type * as React from "react";
 export type FocusPath = ReadonlyArray<string> | null | undefined;
 export type Dimensions = {
     width?: number;
@@ -98,7 +99,7 @@ export type APIOptions = Readonly<{
     } & Record<string, unknown>) => void;
     customKeypad?: boolean;
     useV2Keypad?: boolean;
-    nativeKeypadProxy?: () => unknown;
+    nativeKeypadProxy?: (blur: () => void) => KeypadAPI;
     isMobile?: boolean;
     setDrawingAreaAvailable?: (arg1: boolean) => unknown;
     useDraftEditor?: boolean;

package/dist/widgets/expression.d.ts

@@ -1,7 +1,7 @@
-import { Keys as Key } from "@khanacademy/math-input";
 import * as React from "react";
 import type { PerseusExpressionWidgetOptions } from "../perseus-types";
 import type { PerseusScore, WidgetProps } from "../types";
+import type { Keys as Key } from "@khanacademy/math-input";
 type InputPath = ReadonlyArray<string>;
 type Rubric = PerseusExpressionWidgetOptions;
 type ExternalProps = WidgetProps<RenderProps, Rubric>;

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

@@ -1,7 +1,7 @@
 import * as React from "react";
-import { ANSWER_BAR_STATES } from "./graded-group-answer-bar";
 import type { PerseusGradedGroupWidgetOptions } from "../perseus-types";
 import type { WidgetProps } from "../types";
+import type { ANSWER_BAR_STATES } from "./graded-group-answer-bar";
 declare const GRADING_STATUSES: {
     readonly ungraded: "ungraded";
     readonly correct: "correct";

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

@@ -1,8 +1,8 @@
 import * as React from "react";
-import { QuadraticCoefficient, SineCoefficient, Range } from "../util/geometry";
 import type { Coord } from "../interactive2/types";
 import type { PerseusGraphType, PerseusGraphTypeAngle, PerseusGraphTypePoint, PerseusGraphTypePolygon, PerseusGraphTypeSegment, PerseusInteractiveGraphWidgetOptions } from "../perseus-types";
 import type { PerseusScore, WidgetProps } from "../types";
+import type { QuadraticCoefficient, SineCoefficient, Range } from "../util/geometry";
 type RenderProps = PerseusInteractiveGraphWidgetOptions;
 type Rubric = PerseusInteractiveGraphWidgetOptions;
 type Props = WidgetProps<RenderProps, Rubric>;

package/dist/widgets/sequence.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { PerseusSequenceWidgetOptions } from "../perseus-types";
+import type { PerseusSequenceWidgetOptions } from "../perseus-types";
 import type { WidgetProps } from "../types";
 type Rubric = PerseusSequenceWidgetOptions;
 type ExternalProps = WidgetProps<PerseusSequenceWidgetOptions, Rubric>;

package/dist/widgets/table.d.ts

@@ -6,7 +6,14 @@ declare class Table extends React.Component<any> {
         editableHeaders: PropTypes.Requireable<boolean>;
         Editor: PropTypes.Requireable<(...args: any[]) => any>;
         headers: PropTypes.Requireable<(string | null | undefined)[]>;
-        keypadElement: any;
+        keypadElement: PropTypes.Requireable<PropTypes.InferProps<{
+            activate: PropTypes.Validator<(...args: any[]) => any>;
+            dismiss: PropTypes.Validator<(...args: any[]) => any>;
+            configure: PropTypes.Validator<(...args: any[]) => any>;
+            setCursor: PropTypes.Validator<(...args: any[]) => any>;
+            setKeyHandler: PropTypes.Validator<(...args: any[]) => any>;
+            getDOMNode: PropTypes.Validator<(...args: any[]) => any>;
+        }>>;
         trackInteraction: PropTypes.Validator<(...args: any[]) => any>;
         linterContext: PropTypes.Requireable<PropTypes.InferProps<{
             contentType: PropTypes.Requireable<string>;

package/dist/widgets.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
 import type { Alignment, Tracking, Version, WidgetExports, WidgetInfo, WidgetTransform } from "./types";
+import type * as React from "react";
 type Editor = any;
 export declare const registerWidget: (name: string, widget: WidgetExports) => void;
 export declare const registerWidgets: (widgets: ReadonlyArray<WidgetExports>) => void;

package/package.json

@@ -3,7 +3,7 @@
     "description": "Core Perseus API (includes renderers and widgets)",
     "author": "Khan Academy",
     "license": "MIT",
-    "version": "7.2.1",
+    "version": "8.0.0",
     "publishConfig": {
         "access": "public"
     },
@@ -22,30 +22,30 @@
     },
     "dependencies": {
         "@khanacademy/kas": "^0.3.1",
-        "@khanacademy/kmath": "^0.1.1",
-        "@khanacademy/math-input": "^8.1.2",
+        "@khanacademy/kmath": "^0.1.2",
+        "@khanacademy/math-input": "^9.0.0",
         "@khanacademy/perseus-core": "0.1.1",
-        "@khanacademy/perseus-linter": "^0.3.1",
-        "@khanacademy/pure-markdown": "^0.2.3",
-        "@khanacademy/simple-markdown": "^0.9.3"
+        "@khanacademy/perseus-linter": "^0.3.2",
+        "@khanacademy/pure-markdown": "^0.2.4",
+        "@khanacademy/simple-markdown": "^0.10.0"
     },
     "devDependencies": {
-        "@khanacademy/wonder-blocks-button": "^4.0.8",
-        "@khanacademy/wonder-blocks-clickable": "^3.0.8",
+        "@khanacademy/wonder-blocks-button": "^4.1.3",
+        "@khanacademy/wonder-blocks-clickable": "^4.0.0",
         "@khanacademy/wonder-blocks-color": "^2.0.1",
-        "@khanacademy/wonder-blocks-core": "^5.0.4",
-        "@khanacademy/wonder-blocks-data": "^11.0.8",
-        "@khanacademy/wonder-blocks-dropdown": "^3.0.8",
-        "@khanacademy/wonder-blocks-form": "^4.0.8",
+        "@khanacademy/wonder-blocks-core": "^6.0.0",
+        "@khanacademy/wonder-blocks-data": "^12.0.0",
+        "@khanacademy/wonder-blocks-dropdown": "^3.0.21",
+        "@khanacademy/wonder-blocks-form": "^4.3.3",
         "@khanacademy/wonder-blocks-i18n": "^2.0.2",
-        "@khanacademy/wonder-blocks-layout": "^2.0.8",
-        "@khanacademy/wonder-blocks-link": "^4.0.8",
-        "@khanacademy/wonder-blocks-modal": "^4.0.8",
-        "@khanacademy/wonder-blocks-popover": "^2.0.8",
-        "@khanacademy/wonder-blocks-progress-spinner": "^2.0.8",
+        "@khanacademy/wonder-blocks-layout": "^2.0.17",
+        "@khanacademy/wonder-blocks-link": "^5.0.0",
+        "@khanacademy/wonder-blocks-modal": "^4.0.19",
+        "@khanacademy/wonder-blocks-popover": "^3.0.0",
+        "@khanacademy/wonder-blocks-progress-spinner": "^2.0.17",
         "@khanacademy/wonder-blocks-spacing": "^3.0.5",
-        "@khanacademy/wonder-blocks-tooltip": "^2.0.8",
-        "@khanacademy/wonder-blocks-typography": "^2.0.5",
+        "@khanacademy/wonder-blocks-tooltip": "^2.1.2",
+        "@khanacademy/wonder-blocks-typography": "^2.1.3",
         "@khanacademy/wonder-stuff-core": "^1.2.2",
         "aphrodite": "^1.2.5",
         "classnames": "^1.1.4",
@@ -56,29 +56,29 @@
         "jquery": "^2.1.1",
         "katex": "^0.11.1",
         "lodash.debounce": "^4.0.8",
-        "perseus-build-settings": "^0.1.0",
+        "perseus-build-settings": "^0.2.0",
         "prop-types": "^15.6.1",
         "react": "16.14.0",
         "react-dom": "16.14.0",
         "underscore": "^1.4.4"
     },
     "peerDependencies": {
-        "@khanacademy/wonder-blocks-button": "^4.0.8",
-        "@khanacademy/wonder-blocks-clickable": "^3.0.8",
+        "@khanacademy/wonder-blocks-button": "^4.1.3",
+        "@khanacademy/wonder-blocks-clickable": "^4.0.0",
         "@khanacademy/wonder-blocks-color": "^2.0.1",
-        "@khanacademy/wonder-blocks-core": "^5.0.4",
-        "@khanacademy/wonder-blocks-data": "^11.0.8",
-        "@khanacademy/wonder-blocks-dropdown": "^3.0.8",
-        "@khanacademy/wonder-blocks-form": "^4.0.8",
+        "@khanacademy/wonder-blocks-core": "^6.0.0",
+        "@khanacademy/wonder-blocks-data": "^12.0.0",
+        "@khanacademy/wonder-blocks-dropdown": "^3.0.21",
+        "@khanacademy/wonder-blocks-form": "^4.3.3",
         "@khanacademy/wonder-blocks-i18n": "^2.0.2",
-        "@khanacademy/wonder-blocks-layout": "^2.0.8",
-        "@khanacademy/wonder-blocks-link": "^4.0.8",
-        "@khanacademy/wonder-blocks-modal": "^4.0.8",
-        "@khanacademy/wonder-blocks-popover": "^2.0.8",
-        "@khanacademy/wonder-blocks-progress-spinner": "^2.0.8",
+        "@khanacademy/wonder-blocks-layout": "^2.0.17",
+        "@khanacademy/wonder-blocks-link": "^5.0.0",
+        "@khanacademy/wonder-blocks-modal": "^4.0.19",
+        "@khanacademy/wonder-blocks-popover": "^3.0.0",
+        "@khanacademy/wonder-blocks-progress-spinner": "^2.0.17",
         "@khanacademy/wonder-blocks-spacing": "^3.0.5",
-        "@khanacademy/wonder-blocks-tooltip": "^2.0.8",
-        "@khanacademy/wonder-blocks-typography": "^2.0.5",
+        "@khanacademy/wonder-blocks-tooltip": "^2.1.2",
+        "@khanacademy/wonder-blocks-typography": "^2.1.3",
         "@khanacademy/wonder-stuff-core": "^1.2.2",
         "aphrodite": "^1.2.5",
         "classnames": "^1.1.4",

package/src/__testdata__/article-renderer.testdata.ts

@@ -1,4 +1,6 @@
-export const passageArticle = {
+import type {PerseusRenderer} from "../perseus-types";
+
+export const passageArticle: PerseusRenderer = {
     content:
         "###Group/Pair Activity \n\nThis passage is adapted from Ed Yong, “Turtles Use the Earth’s Magnetic Field as Global GPS.” ©2011 by Kalmbach Publishing Co.\n\n[[☃ passage 1]]\n\n**Question 9**\n\nThe passage most strongly suggests that Adelita used which of the following to navigate her 9,000-mile journey?\n\nA) The current of the North Atlantic gyre\n\nB) Cues from electromagnetic coils designed by Putman and Lohmann\n\nC) The inclination and intensity of Earth’s magnetic field\n\nD) A simulated “magnetic signature” configured by Lohmann\n\n10) Which choice provides the best evidence for the answer to the previous question?\n\nA) Lines 1–2 (“In 1996...way”)\n\nB) Lines 20–21 (“Using...surface”)\n\nC) Lines 36–37 (“In the wild...stars”)\n\nD) Lines 43–45 (“Neither...it is”)\n\n**Question 12** \n\nBased on the passage, which choice best describes the relationship between Putman’s and Lohmann’s research?\n\nA) Putman’s research contradicts Lohmann’s.\n\nB) Putman’s research builds on Lohmann’s.\n\nC) Lohmann’s research confirms Putman’s.\n\nD) Lohmann’s research corrects Putman’s.",
     images: {},

package/src/__testdata__/item-renderer.testdata.ts

@@ -251,7 +251,7 @@ export const mockedItem: PerseusItem = {
     // The mock widget type is not part of the PerseusWidget type union (and
     // we don't want to make it such to avoid polluting our production types
     // for test purposes) so we force TypeScript to accept it here.
-    // @ts-expect-error [FEI-5003] - TS2352 - Conversion of type '{ content: string; images: {}; widgets: { "mock-widget 1": { graded: true; version: { major: number; minor: number; }; static: false; type: "mock-widget"; options: { static: false; smiling: boolean; }; alignment: string; }; "mock-widget 2": { ...; }; "mock-widget 3": { ...; }; "mock-widget 4": { ...; }; }; }' to type 'PerseusRenderer' may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to 'unknown' first.
+    // @ts-expect-error - TS2352 - Conversion of type '{ content: string; images: {}; widgets: { "mock-widget 1": { graded: true; version: { major: number; minor: number; }; static: false; type: "mock-widget"; options: { static: false; smiling: boolean; }; alignment: string; }; "mock-widget 2": { ...; }; "mock-widget 3": { ...; }; "mock-widget 4": { ...; }; }; }' to type 'PerseusRenderer' may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to 'unknown' first.
     question: {
         content:
             "Mock widget ==> [[\u2603 mock-widget 1]] [[\u2603 mock-widget 2]] [[\u2603 mock-widget 3]] [[\u2603 mock-widget 4]]",

package/src/__testdata__/renderer.testdata.ts

@@ -85,7 +85,7 @@ export const question2: PerseusRenderer = {
 };
 
 // Note that if this item is used, you _must_ first register the MockWidget
-// @ts-expect-error [FEI-5003] - TS2352 - Conversion of type '{ content: string; images: {}; widgets: { "mock-widget 1": { graded: true; version: { major: number; minor: number; }; static: false; type: "mock-widget"; options: { static: false; smiling: boolean; }; alignment: string; }; "mock-widget 2": { ...; }; "mock-widget 3": { ...; }; }; }' to type 'PerseusRenderer' may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to 'unknown' first.
+// @ts-expect-error - TS2352 - Conversion of type '{ content: string; images: {}; widgets: { "mock-widget 1": { graded: true; version: { major: number; minor: number; }; static: false; type: "mock-widget"; options: { static: false; smiling: boolean; }; alignment: string; }; "mock-widget 2": { ...; }; "mock-widget 3": { ...; }; }; }' to type 'PerseusRenderer' may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to 'unknown' first.
 export const mockedItem: PerseusRenderer = {
     // The mock widget type is not part of the PerseusWidget type union (and
     // we don't want to make it such to avoid polluting our production types

package/src/__tests__/item-renderer.test.tsx

@@ -115,7 +115,7 @@ const makeHint = (content: string): PerseusRenderer => ({
             graded: true,
             version: {major: 0, minor: 0},
             static: false,
-            // @ts-expect-error [FEI-5003] - TS2322 - Type '"mock-widget"' is not assignable to type '"video" | "image" | "iframe" | "table" | "radio" | "definition" | "group" | "matrix" | "categorizer" | "cs-program" | "dropdown" | "example-graphie-widget" | "example-widget" | ... 26 more ... | "unit-input"'.
+            // @ts-expect-error - TS2322 - Type '"mock-widget"' is not assignable to type '"video" | "image" | "iframe" | "table" | "radio" | "definition" | "group" | "matrix" | "categorizer" | "cs-program" | "dropdown" | "example-graphie-widget" | "example-widget" | ... 26 more ... | "unit-input"'.
             type: "mock-widget",
             options: {static: false},
             alignment: "default",

package/src/__tests__/mock-asset-loading-widget.tsx

@@ -34,7 +34,7 @@ export const mockedAssetItem = {
 } as const;
 
 export class MockAssetLoadingWidget extends React.Component<Record<any, any>> {
-    // @ts-expect-error [FEI-5003] - TS2564 - Property 'setAssetStatus' has no initializer and is not definitely assigned in the constructor.
+    // @ts-expect-error - TS2564 - Property 'setAssetStatus' has no initializer and is not definitely assigned in the constructor.
     setAssetStatus: (assetKey: string, loaded: boolean) => void;
 
     render(): React.ReactNode {

package/src/__tests__/perseus-markdown.test.ts

@@ -35,7 +35,7 @@ describe("perseus markdown", () => {
             },
         ])("should parse math", ({content, expected}) => {
             // Arrange, Act
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 2 arguments, but got 1.
+            // @ts-expect-error - TS2554 - Expected 2 arguments, but got 1.
             const parsed = parse(content);
 
             // Assert
@@ -75,7 +75,7 @@ describe("perseus markdown", () => {
             },
         ])("should parse nested math", ({content, expected}) => {
             // Arrange, Act
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 2 arguments, but got 1.
+            // @ts-expect-error - TS2554 - Expected 2 arguments, but got 1.
             const parsed = parse(content);
 
             // Assert
@@ -161,7 +161,7 @@ describe("perseus markdown", () => {
             },
         ])("should allow escaping in math", ({content, expected}) => {
             // Arrange, Act
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 2 arguments, but got 1.
+            // @ts-expect-error - TS2554 - Expected 2 arguments, but got 1.
             const parsed = parse(content);
 
             // Assert
@@ -229,7 +229,7 @@ describe("perseus markdown", () => {
             },
         ])("should parse block math", ({content, expected}) => {
             // Arrange, Act
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 2 arguments, but got 1.
+            // @ts-expect-error - TS2554 - Expected 2 arguments, but got 1.
             const parsed = parse(content);
 
             // Assert
@@ -274,7 +274,7 @@ describe("perseus markdown", () => {
             },
         ])("should break on paragraphs", ({content, expected}) => {
             // Arrange, Act
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 2 arguments, but got 1.
+            // @ts-expect-error - TS2554 - Expected 2 arguments, but got 1.
             const parsed = parse(content);
 
             // Assert
@@ -352,7 +352,7 @@ describe("perseus markdown", () => {
             },
         ])("should parse widget types and ids", ({content, expected}) => {
             // Arrange, Act
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 2 arguments, but got 1.
+            // @ts-expect-error - TS2554 - Expected 2 arguments, but got 1.
             const parsed = parse(content);
 
             // Assert
@@ -361,7 +361,7 @@ describe("perseus markdown", () => {
 
         it("should allow escaping widget identifiers", () => {
             // Arrange, Act
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 2 arguments, but got 1.
+            // @ts-expect-error - TS2554 - Expected 2 arguments, but got 1.
             const parsed = parse("\\[[☃ test 1]]");
 
             // Assert
@@ -408,7 +408,7 @@ describe("perseus markdown", () => {
             "should parse widgets next to each other as widgets",
             ({content, expected}) => {
                 // Arrange, Act
-                // @ts-expect-error [FEI-5003] - TS2554 - Expected 2 arguments, but got 1.
+                // @ts-expect-error - TS2554 - Expected 2 arguments, but got 1.
                 const parsed = parse(content);
 
                 // Assert
@@ -418,7 +418,7 @@ describe("perseus markdown", () => {
 
         it("should parse multiple columns", () => {
             // Arrange, Act
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 2 arguments, but got 1.
+            // @ts-expect-error - TS2554 - Expected 2 arguments, but got 1.
             const parsed = parse("hi\n\n" + "=====\n\n" + "there\n\n");
 
             // Assert
@@ -539,7 +539,7 @@ describe("perseus markdown", () => {
             },
         ])("should detect unescaped dollars", ({content, expected}) => {
             // Arrange, Act
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 2 arguments, but got 1.
+            // @ts-expect-error - TS2554 - Expected 2 arguments, but got 1.
             const parsed = parse(content);
 
             // Assert
@@ -557,7 +557,7 @@ describe("perseus markdown", () => {
                 "data 7 | data 8 | data 9";
 
             // Act
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 2 arguments, but got 1.
+            // @ts-expect-error - TS2554 - Expected 2 arguments, but got 1.
             const parsed = parse(content);
 
             // Assert
@@ -582,7 +582,7 @@ describe("perseus markdown", () => {
             } as const;
 
             // Act
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 2 arguments, but got 1.
+            // @ts-expect-error - TS2554 - Expected 2 arguments, but got 1.
             const parsedWithLint = parse(content);
             PerseusLinter.runLinter(parsedWithLint, context, true);
 
@@ -601,7 +601,7 @@ describe("perseus markdown", () => {
             const content = "para!";
 
             // Act
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 2 arguments, but got 1.
+            // @ts-expect-error - TS2554 - Expected 2 arguments, but got 1.
             const parsed = parse(content);
             const output = basicOutput(parsed);
 
@@ -614,7 +614,7 @@ describe("perseus markdown", () => {
             const content = "col1\n\n" + "=====\n\n" + "col2";
 
             // Act
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 2 arguments, but got 1.
+            // @ts-expect-error - TS2554 - Expected 2 arguments, but got 1.
             const parsed = parse(content);
             const output = basicOutput(parsed);
 
@@ -627,7 +627,7 @@ describe("perseus markdown", () => {
             const content = "```alt\n" + "screenreader-only text!\n" + "```";
 
             // Act
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 2 arguments, but got 1.
+            // @ts-expect-error - TS2554 - Expected 2 arguments, but got 1.
             const parsed = parse(content);
             const output = basicOutput(parsed);
 
@@ -646,7 +646,7 @@ describe("perseus markdown", () => {
                 "data 7 | data 8 | data 9";
 
             // Act
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 2 arguments, but got 1.
+            // @ts-expect-error - TS2554 - Expected 2 arguments, but got 1.
             const parsed = parse(content);
             const output = basicOutput(parsed);
 
@@ -672,7 +672,7 @@ describe("perseus markdown", () => {
             } as const;
 
             // Act
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 2 arguments, but got 1.
+            // @ts-expect-error - TS2554 - Expected 2 arguments, but got 1.
             const parsedWithLint = parse(content);
             PerseusLinter.runLinter(parsedWithLint, context, true);
 

package/src/__tests__/renderer-api.test.tsx

@@ -56,7 +56,7 @@ describe("Perseus API", function () {
 
     describe("setInputValue", function () {
         it("should be able to produce a correctly graded value", function () {
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 2 arguments, but got 1.
+            // @ts-expect-error - TS2554 - Expected 2 arguments, but got 1.
             const renderer = renderQuestionArea(inputNumber1Item);
             renderer.setInputValue(["input-number 1"], "5");
             const score = renderer.guessAndScore()[1];
@@ -65,7 +65,7 @@ describe("Perseus API", function () {
         });
 
         it("should be able to produce a wrong value", function () {
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 2 arguments, but got 1.
+            // @ts-expect-error - TS2554 - Expected 2 arguments, but got 1.
             const renderer = renderQuestionArea(inputNumber1Item);
             renderer.setInputValue(["input-number 1"], "3", () => {});
             const score = renderer.guessAndScore()[1];
@@ -74,7 +74,7 @@ describe("Perseus API", function () {
         });
 
         it("should be able to produce an empty score", function () {
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 2 arguments, but got 1.
+            // @ts-expect-error - TS2554 - Expected 2 arguments, but got 1.
             const renderer = renderQuestionArea(inputNumber1Item);
             renderer.setInputValue(["input-number 1"], "3");
             let score = renderer.guessAndScore()[1];
@@ -86,7 +86,7 @@ describe("Perseus API", function () {
         });
 
         it("should be able to accept a callback", function (done) {
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 2 arguments, but got 1.
+            // @ts-expect-error - TS2554 - Expected 2 arguments, but got 1.
             const renderer = renderQuestionArea(inputNumber1Item);
             renderer.setInputValue(["input-number 1"], "3", function () {
                 const guess = renderer.getUserInput()[0];
@@ -99,14 +99,14 @@ describe("Perseus API", function () {
 
     describe("getInputPaths", function () {
         it("should be able to find all the input widgets", function () {
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 2 arguments, but got 1.
+            // @ts-expect-error - TS2554 - Expected 2 arguments, but got 1.
             const renderer = renderQuestionArea(inputNumber2Item);
             const numPaths = renderer.getInputPaths().length;
             expect(numPaths).toBe(2);
         });
 
         it("should be able to find all inputs within widgets", function () {
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 2 arguments, but got 1.
+            // @ts-expect-error - TS2554 - Expected 2 arguments, but got 1.
             const renderer = renderQuestionArea(tableItem);
             const numPaths = renderer.getInputPaths().length;
             expect(numPaths).toBe(8);
@@ -115,7 +115,7 @@ describe("Perseus API", function () {
 
     describe("getDOMNodeForPath", function () {
         it("should find one DOM node per <input>", function () {
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 2 arguments, but got 1.
+            // @ts-expect-error - TS2554 - Expected 2 arguments, but got 1.
             const renderer = renderQuestionArea(inputNumber2Item);
             const inputPaths = renderer.getInputPaths();
             const allInputs = TestUtils.scryRenderedDOMComponentsWithTag(
@@ -126,7 +126,7 @@ describe("Perseus API", function () {
         });
 
         it("should find the right DOM nodes for the <input>s", function () {
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 2 arguments, but got 1.
+            // @ts-expect-error - TS2554 - Expected 2 arguments, but got 1.
             const renderer = renderQuestionArea(inputNumber2Item);
             const inputPaths = renderer.getInputPaths();
             const allInputs = TestUtils.scryRenderedDOMComponentsWithTag(
@@ -135,9 +135,9 @@ describe("Perseus API", function () {
             );
             _.each(inputPaths, (inputPath, i) => {
                 const $node = $(renderer.getDOMNodeForPath(inputPath));
-                // @ts-expect-error [FEI-5003] - TS2769 - No overload matches this call.
+                // @ts-expect-error - TS2769 - No overload matches this call.
                 const $input = $(ReactDOM.findDOMNode(allInputs[i]));
-                // @ts-expect-error [FEI-5003] - TS2339 - Property 'closest' does not exist on type 'JQueryStatic'.
+                // @ts-expect-error - TS2339 - Property 'closest' does not exist on type 'JQueryStatic'.
                 expect($input.closest($node).length).toBeTruthy();
             });
         });
@@ -172,18 +172,18 @@ describe("Perseus API", function () {
                 });
 
                 const input =
-                    // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'querySelector' does not exist on type 'Element | Text'.
+                    // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'querySelector' does not exist on type 'Element | Text'.
                     ReactDOM.findDOMNode(renderer).querySelector("input");
 
-                // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'.
+                // @ts-expect-error - TS2532 - Object is possibly 'undefined'.
                 expect($(input).attr("class").includes("focused")).toBe(false);
 
                 TestUtils.Simulate.focus(input);
-                // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'.
+                // @ts-expect-error - TS2532 - Object is possibly 'undefined'.
                 expect($(input).attr("class").includes("focused")).toBe(true);
 
                 TestUtils.Simulate.blur(input);
-                // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'.
+                // @ts-expect-error - TS2532 - Object is possibly 'undefined'.
                 expect($(input).attr("class").includes("focused")).toBe(false);
             });
         });
@@ -204,7 +204,7 @@ describe("Perseus API", function () {
                 },
             });
 
-            // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'querySelector' does not exist on type 'Element | Text'.
+            // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'querySelector' does not exist on type 'Element | Text'.
             const input = ReactDOM.findDOMNode(renderer).querySelector("input");
 
             callCount = 0;
@@ -215,7 +215,7 @@ describe("Perseus API", function () {
             // result here. This also means that this test should
             // continue to pass if we decide it makes more sense for
             // this callback to be async, which could reasonably happen
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 1 arguments, but got 0.
+            // @ts-expect-error - TS2554 - Expected 1 arguments, but got 0.
             return delayedPromise()
                 .then(() => {
                     expect(callCount).toBe(1);
@@ -224,7 +224,7 @@ describe("Perseus API", function () {
 
                     callCount = 0;
                     TestUtils.Simulate.blur(input);
-                    // @ts-expect-error [FEI-5003] - TS2554 - Expected 1 arguments, but got 0.
+                    // @ts-expect-error - TS2554 - Expected 1 arguments, but got 0.
                     return delayedPromise();
                 })
                 .then(() => {
@@ -249,7 +249,7 @@ describe("Perseus API", function () {
             });
 
             const inputs =
-                // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'querySelectorAll' does not exist on type 'Element | Text'.
+                // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'querySelectorAll' does not exist on type 'Element | Text'.
                 ReactDOM.findDOMNode(renderer).querySelectorAll("input");
             const input1 = inputs[0];
             const input2 = inputs[1];
@@ -263,7 +263,7 @@ describe("Perseus API", function () {
             // result here. This also means that this test should
             // continue to pass if we decide it makes more sense for
             // this callback to be async, which could reasonably happen
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 1 arguments, but got 0.
+            // @ts-expect-error - TS2554 - Expected 1 arguments, but got 0.
             return delayedPromise().then(() => {
                 expect(callCount).toBe(1);
                 expect(oldFocusResult).toEqual(["input-number 1"]);
@@ -289,7 +289,7 @@ describe("Perseus API", function () {
             );
 
             const spans = TestUtils.scryRenderedDOMComponentsWithTag(
-                // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'void' is not assignable to parameter of type 'Component<any, {}, any>'.
+                // @ts-expect-error - TS2345 - Argument of type 'void' is not assignable to parameter of type 'Component<any, {}, any>'.
                 renderer,
                 "span",
             );
@@ -313,7 +313,7 @@ describe("Perseus API", function () {
             );
 
             const spans = TestUtils.scryRenderedDOMComponentsWithTag(
-                // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'void' is not assignable to parameter of type 'Component<any, {}, any>'.
+                // @ts-expect-error - TS2345 - Argument of type 'void' is not assignable to parameter of type 'Component<any, {}, any>'.
                 renderer,
                 "span",
             );