@khanacademy/perseus-editor 2.6.0 → 2.6.2

package/src/article-editor.tsx

@@ -8,7 +8,6 @@ import {
     components,
     icons,
     ApiOptions,
-    Changeable,
     Errors,
     PerseusError,
 } from "@khanacademy/perseus";
@@ -21,7 +20,7 @@ import SectionControlButton from "./components/section-control-button";
 import Editor from "./editor";
 import IframeContentRenderer from "./iframe-content-renderer";
 
-import type {APIOptions} from "@khanacademy/perseus";
+import type {APIOptions, Changeable} from "@khanacademy/perseus";
 
 const {HUD, InlineIcon} = components;
 const {iconCircleArrowDown, iconCircleArrowUp, iconPlus, iconTrash} = icons;
@@ -78,7 +77,7 @@ export default class ArticleEditor extends React.Component<Props, State> {
     _updatePreviewFrames() {
         if (this.props.mode === "preview") {
             // eslint-disable-next-line react/no-string-refs
-            // @ts-expect-error [FEI-5003] - TS2339 - Property 'sendNewData' does not exist on type 'ReactInstance'.
+            // @ts-expect-error - TS2339 - Property 'sendNewData' does not exist on type 'ReactInstance'.
             this.refs["frame-all"].sendNewData({
                 type: "article-all",
                 data: this._sections().map((section, i) => {
@@ -88,7 +87,7 @@ export default class ArticleEditor extends React.Component<Props, State> {
         } else if (this.props.mode === "edit") {
             this._sections().forEach((section, i) => {
                 // eslint-disable-next-line react/no-string-refs
-                // @ts-expect-error [FEI-5003] - TS2339 - Property 'sendNewData' does not exist on type 'ReactInstance'.
+                // @ts-expect-error - TS2339 - Property 'sendNewData' does not exist on type 'ReactInstance'.
                 this.refs["frame-" + i].sendNewData({
                     type: "article",
                     data: this._apiOptionsForSection(section, i),
@@ -117,7 +116,7 @@ export default class ArticleEditor extends React.Component<Props, State> {
                 highlightLint: this.state.highlightLint,
                 paths: this.props.contentPaths,
             },
-            // @ts-expect-error [FEI-5003] - TS2339 - Property 'getSaveWarnings' does not exist on type 'ReactInstance'.
+            // @ts-expect-error - TS2339 - Property 'getSaveWarnings' does not exist on type 'ReactInstance'.
             legacyPerseusLint: editor ? editor.getSaveWarnings() : [],
         };
     }
@@ -304,7 +303,7 @@ export default class ArticleEditor extends React.Component<Props, State> {
         newProps,
     ) => {
         const sections = _.clone(this._sections());
-        // @ts-expect-error [FEI-5003] - TS2542 - Index signature in type 'readonly RendererProps[]' only permits reading.
+        // @ts-expect-error - TS2542 - Index signature in type 'readonly RendererProps[]' only permits reading.
         sections[i] = _.extend({}, sections[i], newProps);
         this.props.onChange({json: sections});
     };
@@ -315,9 +314,9 @@ export default class ArticleEditor extends React.Component<Props, State> {
         }
         const sections = _.clone(this._sections());
         const section = sections[i];
-        // @ts-expect-error [FEI-5003] - TS2551 - Property 'splice' does not exist on type 'readonly RendererProps[]'. Did you mean 'slice'?
+        // @ts-expect-error - TS2551 - Property 'splice' does not exist on type 'readonly RendererProps[]'. Did you mean 'slice'?
         sections.splice(i, 1);
-        // @ts-expect-error [FEI-5003] - TS2551 - Property 'splice' does not exist on type 'readonly RendererProps[]'. Did you mean 'slice'?
+        // @ts-expect-error - TS2551 - Property 'splice' does not exist on type 'readonly RendererProps[]'. Did you mean 'slice'?
         sections.splice(i - 1, 0, section);
         this.props.onChange({
             json: sections,
@@ -330,9 +329,9 @@ export default class ArticleEditor extends React.Component<Props, State> {
             return;
         }
         const section = sections[i];
-        // @ts-expect-error [FEI-5003] - TS2551 - Property 'splice' does not exist on type 'readonly RendererProps[]'. Did you mean 'slice'?
+        // @ts-expect-error - TS2551 - Property 'splice' does not exist on type 'readonly RendererProps[]'. Did you mean 'slice'?
         sections.splice(i, 1);
-        // @ts-expect-error [FEI-5003] - TS2551 - Property 'splice' does not exist on type 'readonly RendererProps[]'. Did you mean 'slice'?
+        // @ts-expect-error - TS2551 - Property 'splice' does not exist on type 'readonly RendererProps[]'. Did you mean 'slice'?
         sections.splice(i + 1, 0, section);
         this.props.onChange({
             json: sections,
@@ -355,7 +354,7 @@ export default class ArticleEditor extends React.Component<Props, State> {
                       widgets: sections[i].widgets,
                   }
                 : {};
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'splice' does not exist on type 'JsonType'.
+        // @ts-expect-error - TS2339 - Property 'splice' does not exist on type 'JsonType'.
         sections.splice(i + 1, 0, newSection);
         this.props.onChange({
             json: sections,
@@ -364,7 +363,7 @@ export default class ArticleEditor extends React.Component<Props, State> {
 
     _handleRemoveSection(i: number) {
         const sections = _.clone(this._sections());
-        // @ts-expect-error [FEI-5003] - TS2551 - Property 'splice' does not exist on type 'readonly RendererProps[]'. Did you mean 'slice'?
+        // @ts-expect-error - TS2551 - Property 'splice' does not exist on type 'readonly RendererProps[]'. Did you mean 'slice'?
         sections.splice(i, 1);
         this.props.onChange({
             json: sections,
@@ -375,7 +374,7 @@ export default class ArticleEditor extends React.Component<Props, State> {
         if (this.props.mode === "edit") {
             return this._sections().map((section, i) => {
                 // eslint-disable-next-line react/no-string-refs
-                // @ts-expect-error [FEI-5003] - TS2339 - Property 'serialize' does not exist on type 'ReactInstance'.
+                // @ts-expect-error - TS2339 - Property 'serialize' does not exist on type 'ReactInstance'.
                 return this.refs["editor" + i].serialize();
             });
         }
@@ -406,7 +405,7 @@ export default class ArticleEditor extends React.Component<Props, State> {
 
         return this._sections().map((section, i) => {
             // eslint-disable-next-line react/no-string-refs
-            // @ts-expect-error [FEI-5003] - TS2339 - Property 'getSaveWarnings' does not exist on type 'ReactInstance'.
+            // @ts-expect-error - TS2339 - Property 'getSaveWarnings' does not exist on type 'ReactInstance'.
             return this.refs["editor" + i].getSaveWarnings();
         });
     }

package/src/components/checkbox.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 /**
  * Reusable checkbox component.
  **/
@@ -130,7 +131,7 @@ export default class Checkbox extends React.Component<CheckboxProps> {
                             )}
                             disabled={disabled}
                             onChange={onChange}
-                            // @ts-expect-error [FEI-5003] - TS2322 - Type 'string | number | undefined' is not assignable to type 'number | undefined'.
+                            // @ts-expect-error - TS2322 - Type 'string | number | undefined' is not assignable to type 'number | undefined'.
                             tabIndex={tabIndex}
                         />
                     </div>

package/src/components/dropdown-option.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 /**
  * The Option is an item to be used in the Select components and the
  * derivations such as MultiSelect, CheckList, and CheckBoxList. Also includes
@@ -25,7 +26,7 @@ const findAndFocusElement = (component?: Element | null) => {
     const DOMNode: Element | Text | null | undefined =
         ReactDOM.findDOMNode(component);
     const button = DOMNode as HTMLInputElement;
-    // @ts-expect-error [FEI-5003] - TS2774 - This condition will always return true since this function is always defined. Did you mean to call it instead?
+    // @ts-expect-error - TS2774 - This condition will always return true since this function is always defined. Did you mean to call it instead?
     if (button.focus) {
         focusWithChromeStickyFocusBugWorkaround(button);
     }
@@ -66,7 +67,7 @@ const check = `M10,3.8C10,4,9.9,4.2,9.8,4.3L5.1,8.9L4.3,9.8C4.2,9.9,4,10,3.8,10
 export const optionHeight = 30;
 
 class Option extends React.Component<Props> {
-    // @ts-expect-error [FEI-5003] - TS2564 - Property 'node' has no initializer and is not definitely assigned in the constructor.
+    // @ts-expect-error - TS2564 - Property 'node' has no initializer and is not definitely assigned in the constructor.
     node: HTMLDivElement;
 
     handleKeyDown(event: any): void {
@@ -113,7 +114,7 @@ class Option extends React.Component<Props> {
 
         return (
             <button
-                // @ts-expect-error [FEI-5003] - TS2322 - Type 'HTMLButtonElement | null' is not assignable to type 'HTMLDivElement'.
+                // @ts-expect-error - TS2322 - Type 'HTMLButtonElement | null' is not assignable to type 'HTMLDivElement'.
                 ref={(node) => (this.node = node)}
                 value={value}
                 role="menuitemradio"
@@ -123,14 +124,14 @@ class Option extends React.Component<Props> {
                     disabled && styles.cursorDefault,
                     hideFocusState && styles.noFocus,
                 )}
-                // @ts-expect-error [FEI-5003] - TS2322 - Type '(value: string) => void' is not assignable to type 'MouseEventHandler<HTMLButtonElement>'.
+                // @ts-expect-error - TS2322 - Type '(value: string) => void' is not assignable to type 'MouseEventHandler<HTMLButtonElement>'.
                 onClick={(value: string) => {
                     if (!disabled && onClick) {
-                        // @ts-expect-error [FEI-5003] - TS2554 - Expected 0 arguments, but got 1.
+                        // @ts-expect-error - TS2554 - Expected 0 arguments, but got 1.
                         onClick(value);
                     }
                 }}
-                // @ts-expect-error [FEI-5003] - TS2322 - Type '(event: KeyboardEvent) => void' is not assignable to type 'KeyboardEventHandler<HTMLButtonElement>'.
+                // @ts-expect-error - TS2322 - Type '(event: KeyboardEvent) => void' is not assignable to type 'KeyboardEventHandler<HTMLButtonElement>'.
                 onKeyDown={(event: KeyboardEvent) => this.handleKeyDown(event)}
                 aria-disabled={disabled}
                 aria-label={ariaLabel}
@@ -192,7 +193,7 @@ class OptionGroup extends React.Component<{
     // they're focused on in order to interact with the product!
     hideFocusState?: boolean;
 }> {
-    // @ts-expect-error [FEI-5003] - TS2564 - Property 'focusedElement' has no initializer and is not definitely assigned in the constructor.
+    // @ts-expect-error - TS2564 - Property 'focusedElement' has no initializer and is not definitely assigned in the constructor.
     focusedElement: Element;
 
     componentDidMount() {
@@ -214,7 +215,7 @@ class OptionGroup extends React.Component<{
 
         return (
             <div
-                // @ts-expect-error [FEI-5003] - TS2322 - Type 'Window | null' is not assignable to type 'Top<string | number> | undefined'.
+                // @ts-expect-error - TS2322 - Type 'Window | null' is not assignable to type 'Top<string | number> | undefined'.
                 style={{top}}
                 className={css(
                     styles.optionGroup,
@@ -222,7 +223,7 @@ class OptionGroup extends React.Component<{
                 )}
             >
                 {React.Children.map(children, (child, index) => {
-                    // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'.
+                    // @ts-expect-error - TS2532 - Object is possibly 'undefined'.
                     const selected = selectedValues.includes(child.props.value);
 
                     const reference =
@@ -230,13 +231,13 @@ class OptionGroup extends React.Component<{
                             ? (node: Element) => (this.focusedElement = node)
                             : null;
 
-                    // @ts-expect-error [FEI-5003] - TS2769 - No overload matches this call.
+                    // @ts-expect-error - TS2769 - No overload matches this call.
                     return React.cloneElement(child, {
-                        // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'.
+                        // @ts-expect-error - TS2532 - Object is possibly 'undefined'.
                         ...child.props,
                         key: index,
                         selected: selected,
-                        // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'.
+                        // @ts-expect-error - TS2532 - Object is possibly 'undefined'.
                         onClick: () => onSelected(child.props.value),
                         optionRenderer: optionRenderer,
                         ref: reference,

package/src/components/form-wrapped-text-field.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 /**
  * DEPRECATED: Use <TextField> from ./text-field.jsx instead.
  *
@@ -7,11 +8,13 @@
  * If you need to handle `onSubmit`, please use <TextField> directly with your
  * own <form> that wraps all text fields in the form.
  **/
-import {globalStyles, components} from "@khanacademy/perseus";
+import {globalStyles} from "@khanacademy/perseus";
 import Color from "@khanacademy/wonder-blocks-color";
 import {StyleSheet, css} from "aphrodite";
 import * as React from "react";
 
+import type {components} from "@khanacademy/perseus";
+
 type Props = {
     // This id is used to tie the input field to the label that describes it.
     // TODO(diedra): Instead of passing in this id to connect the label and input
@@ -164,7 +167,7 @@ class FormWrappedTextField extends React.Component<PropsWithForwardRef, State> {
             <form
                 className={css(...spanStyle)}
                 style={extraStyles}
-                // @ts-expect-error [FEI-5003] - TS2322 - Type '((arg1: ChangeEvent<HTMLInputElement>) => unknown) | ((e: Event) => void)' is not assignable to type 'FormEventHandler<HTMLFormElement> | undefined'.
+                // @ts-expect-error - TS2322 - Type '((arg1: ChangeEvent<HTMLInputElement>) => unknown) | ((e: Event) => void)' is not assignable to type 'FormEventHandler<HTMLFormElement> | undefined'.
                 onSubmit={onSubmit || this.disableDefault}
             >
                 {leftSideIcon && wrappedIcon}

package/src/components/graph-points-count-selector.tsx

@@ -1,6 +1,8 @@
 import * as React from "react";
 
-import {PointValue, UNLIMITED, parsePointCount} from "../util/points";
+import {UNLIMITED, parsePointCount} from "../util/points";
+
+import type {PointValue} from "../util/points";
 
 const GraphPointsCountSelector = ({
     numPoints = 1,

package/src/components/graph-settings.tsx

@@ -151,7 +151,7 @@ const GraphSettings = createReactClass({
             );
         };
 
-        // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'value' does not exist on type 'Element | Text'.
+        // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'value' does not exist on type 'Element | Text'.
         const url = ReactDOM.findDOMNode(this.refs["bg-url"]).value; // eslint-disable-line react/no-string-refs
         if (url) {
             Util.getImageSize(url, (width, height) => {

package/src/components/hover-behavior.ts

@@ -87,9 +87,9 @@ export default class HoverBehavior extends React.Component<Props, State> {
         };
     }
 
-    // @ts-expect-error [FEI-5003] - TS2564 - Property 'focusFlag' has no initializer and is not definitely assigned in the constructor.
+    // @ts-expect-error - TS2564 - Property 'focusFlag' has no initializer and is not definitely assigned in the constructor.
     focusFlag: boolean;
-    // @ts-expect-error [FEI-5003] - TS2564 - Property 'waitingForClick' has no initializer and is not definitely assigned in the constructor.
+    // @ts-expect-error - TS2564 - Property 'waitingForClick' has no initializer and is not definitely assigned in the constructor.
     waitingForClick: boolean;
 
     handleClick: (e: React.MouseEvent) => void = (e: React.MouseEvent) => {

package/src/components/json-editor.tsx

@@ -74,7 +74,7 @@ const JsonEditor: any = createReactClass({
                     valid: true,
                 },
                 function () {
-                    // @ts-expect-error [FEI-5003] - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
+                    // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
                     this.props.onChange(json);
                 },
             );
@@ -105,7 +105,7 @@ const JsonEditor: any = createReactClass({
                     valid: true,
                 },
                 function () {
-                    // @ts-expect-error [FEI-5003] - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
+                    // @ts-expect-error - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
                     this.props.onChange(json);
                 },
             );

package/src/components/sortable.tsx

@@ -79,7 +79,7 @@ const SortableArea = createReactClass({
     _setDragEvents: function () {
         this._dragItems = this._dragItems || [];
         const items =
-            // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'
+            // @ts-expect-error - TS2531 - Object is possibly 'null'
             ReactDOM.findDOMNode(this).querySelectorAll("[draggable=true]");
 
         const oldItems: Array<HTMLElement> = [];

package/src/components/util.ts

@@ -33,6 +33,6 @@ export function focusWithChromeStickyFocusBugWorkaround(element: Element) {
     // this is an issue, however, so there isn't currently a way to out of the
     // `preventScroll` behavior.
 
-    // @ts-expect-error [FEI-5003] - TS2339 - Property 'focus' does not exist on type 'Element'.
+    // @ts-expect-error - TS2339 - Property 'focus' does not exist on type 'Element'.
     element.focus({preventScroll: true});
 }

package/src/components/widget-editor.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 import {
     components,
     icons,
@@ -35,7 +36,7 @@ const _upgradeWidgetInfo = (props: WidgetEditorProps): React.ReactElement => {
     // We can't call serialize here because this.refs.widget
     // doesn't exist before this component is mounted.
     const filteredProps = _.omit(props, WIDGET_PROP_DENYLIST);
-    // @ts-expect-error [FEI-5003] - TS2322 - Type 'PerseusWidget' is not assignable to type 'ReactElement<any, string | JSXElementConstructor<any>>'. | TS2345 - Argument of type 'Partial<{ id: string; onChange: (widgetInfo: PerseusWidget, cb?: (() => unknown) | undefined, silent?: boolean | undefined) => unknown; onRemove: () => unknown; apiOptions: any; } & CategorizerWidget & { ...; }> | ... 38 more ... | Partial<...>' is not assignable to parameter of type 'PerseusWidget'.
+    // @ts-expect-error - TS2322 - Type 'PerseusWidget' is not assignable to type 'ReactElement<any, string | JSXElementConstructor<any>>'. | TS2345 - Argument of type 'Partial<{ id: string; onChange: (widgetInfo: PerseusWidget, cb?: (() => unknown) | undefined, silent?: boolean | undefined) => unknown; onRemove: () => unknown; apiOptions: any; } & CategorizerWidget & { ...; }> | ... 38 more ... | Partial<...>' is not assignable to parameter of type 'PerseusWidget'.
     return Widgets.upgradeWidgetInfoToLatestVersion(filteredProps);
 };
 
@@ -52,13 +53,13 @@ class WidgetEditor extends React.Component<
         super(props);
         this.state = {
             showWidget: false,
-            // @ts-expect-error [FEI-5003] - TS2322 - Type 'ReactElement<any, any> | null' is not assignable to type 'PerseusWidget'.
+            // @ts-expect-error - TS2322 - Type 'ReactElement<any, any> | null' is not assignable to type 'PerseusWidget'.
             widgetInfo: _upgradeWidgetInfo(props),
         };
     }
 
     UNSAFE_componentWillReceiveProps(nextProps: WidgetEditorProps) {
-        // @ts-expect-error [FEI-5003] - TS2322 - Type 'ReactElement<any, any> | null' is not assignable to type 'PerseusWidget'.
+        // @ts-expect-error - TS2322 - Type 'ReactElement<any, any> | null' is not assignable to type 'PerseusWidget'.
         this.setState({widgetInfo: _upgradeWidgetInfo(nextProps)});
     }
 
@@ -78,7 +79,7 @@ class WidgetEditor extends React.Component<
         ) as WidgetInfo;
         newWidgetInfo.options = Object.assign(
             // eslint-disable-next-line react/no-string-refs
-            // @ts-expect-error [FEI-5003] - TS2339 - Property 'serialize' does not exist on type 'ReactInstance'.
+            // @ts-expect-error - TS2339 - Property 'serialize' does not exist on type 'ReactInstance'.
             this.refs.widget.serialize(),
             newProps,
         );
@@ -105,7 +106,7 @@ class WidgetEditor extends React.Component<
 
     getSaveWarnings = () => {
         // eslint-disable-next-line react/no-string-refs
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'getSaveWarnings' does not exist on type 'ReactInstance'.
+        // @ts-expect-error - TS2339 - Property 'getSaveWarnings' does not exist on type 'ReactInstance'.
         const issuesFunc = this.refs.widget.getSaveWarnings;
         return issuesFunc ? issuesFunc() : [];
     };
@@ -121,7 +122,7 @@ class WidgetEditor extends React.Component<
             static: widgetInfo.static,
             graded: widgetInfo.graded,
             // eslint-disable-next-line react/no-string-refs
-            // @ts-expect-error [FEI-5003] - TS2339 - Property 'serialize' does not exist on type 'ReactInstance'.
+            // @ts-expect-error - TS2339 - Property 'serialize' does not exist on type 'ReactInstance'.
             options: this.refs.widget.serialize(),
             version: widgetInfo.version,
         };
@@ -177,7 +178,7 @@ class WidgetEditor extends React.Component<
                     {supportsStaticMode && (
                         <input
                             type="button"
-                            // @ts-expect-error [FEI-5003] - TS2322 - Type '(e: Event) => void' is not assignable to type 'MouseEventHandler<HTMLInputElement>'.
+                            // @ts-expect-error - TS2322 - Type '(e: Event) => void' is not assignable to type 'MouseEventHandler<HTMLInputElement>'.
                             onClick={this._toggleStatic}
                             className="simple-button--small"
                             value={

package/src/diffs/__tests__/structured-item-diff.test.ts

@@ -62,7 +62,7 @@ describe("StructuredItemDiff", function () {
 
         const addingResult: Array<Path> = [];
         StructuredItemDiff.generateCompletePathsList(
-            // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'any[][]' is not assignable to parameter of type 'ItemList[]'.
+            // @ts-expect-error - TS2345 - Argument of type 'any[][]' is not assignable to parameter of type 'ItemList[]'.
             beforeList.slice(),
             afterList.slice(),
             addingResult,
@@ -72,7 +72,7 @@ describe("StructuredItemDiff", function () {
 
         const removingResult = [];
         StructuredItemDiff.generateCompletePathsList(
-            // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'any[][]' is not assignable to parameter of type 'ItemList[]'.
+            // @ts-expect-error - TS2345 - Argument of type 'any[][]' is not assignable to parameter of type 'ItemList[]'.
             afterList,
             beforeList,
             removingResult,
@@ -179,7 +179,7 @@ describe("StructuredItemDiff", function () {
 
         const firstResult: Array<Path> = [];
         StructuredItemDiff.generateCompletePathsList(
-            // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'any[][]' is not assignable to parameter of type 'ItemList[]'.
+            // @ts-expect-error - TS2345 - Argument of type 'any[][]' is not assignable to parameter of type 'ItemList[]'.
             beforeList.slice(),
             afterList.slice(),
             firstResult,
@@ -189,7 +189,7 @@ describe("StructuredItemDiff", function () {
 
         const secondResult = [];
         StructuredItemDiff.generateCompletePathsList(
-            // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'any[][]' is not assignable to parameter of type 'ItemList[]'.
+            // @ts-expect-error - TS2345 - Argument of type 'any[][]' is not assignable to parameter of type 'ItemList[]'.
             afterList,
             beforeList,
             secondResult,
@@ -301,7 +301,7 @@ describe("StructuredItemDiff", function () {
 
         const firstResult: Array<Path> = [];
         StructuredItemDiff.generateCompletePathsList(
-            // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'any[][]' is not assignable to parameter of type 'ItemList[]'.
+            // @ts-expect-error - TS2345 - Argument of type 'any[][]' is not assignable to parameter of type 'ItemList[]'.
             beforeList.slice(),
             afterList.slice(),
             firstResult,
@@ -311,7 +311,7 @@ describe("StructuredItemDiff", function () {
 
         const secondResult: Array<Path> = [];
         StructuredItemDiff.generateCompletePathsList(
-            // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'any[][]' is not assignable to parameter of type 'ItemList[]'.
+            // @ts-expect-error - TS2345 - Argument of type 'any[][]' is not assignable to parameter of type 'ItemList[]'.
             afterList,
             beforeList,
             secondResult,
@@ -398,7 +398,7 @@ describe("StructuredItemDiff", function () {
 
         const firstResult = [];
         StructuredItemDiff.generateCompletePathsList(
-            // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'any[][]' is not assignable to parameter of type 'ItemList[]'.
+            // @ts-expect-error - TS2345 - Argument of type 'any[][]' is not assignable to parameter of type 'ItemList[]'.
             beforeList.slice(),
             afterList.slice(),
             firstResult,
@@ -408,7 +408,7 @@ describe("StructuredItemDiff", function () {
 
         const secondResult = [];
         StructuredItemDiff.generateCompletePathsList(
-            // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'any[][]' is not assignable to parameter of type 'ItemList[]'.
+            // @ts-expect-error - TS2345 - Argument of type 'any[][]' is not assignable to parameter of type 'ItemList[]'.
             afterList,
             beforeList,
             secondResult,

package/src/diffs/renderer-diff.tsx

@@ -21,17 +21,17 @@ const filterWidgetInfo = function (widgetInfo, showAlignmentOptions: boolean) {
         showAlignmentOptions &&
         Widgets.getSupportedAlignments(type).length > 1
     ) {
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'alignment' does not exist on type '{ readonly options: any; }'.
+        // @ts-expect-error - TS2339 - Property 'alignment' does not exist on type '{ readonly options: any; }'.
         filteredWidgetInfo.alignment = alignment;
     }
 
     if (type === "transformer") {
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'graded' does not exist on type '{ readonly options: any; }'.
+        // @ts-expect-error - TS2339 - Property 'graded' does not exist on type '{ readonly options: any; }'.
         filteredWidgetInfo.graded = graded;
     }
 
     if (Widgets.supportsStaticMode(type)) {
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'static' does not exist on type '{ readonly options: any; }'.
+        // @ts-expect-error - TS2339 - Property 'static' does not exist on type '{ readonly options: any; }'.
         filteredWidgetInfo.static = widgetInfo?.static ?? undefined;
     }
 

package/src/diffs/split-diff.ts

@@ -12,7 +12,7 @@ const splitDiff = function (diffEntries: any): any {
         _.each(values, (value, i) => {
             const isNewline = i > 0;
             if (isNewline) {
-                // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'any[]' is not assignable to parameter of type 'never'.
+                // @ts-expect-error - TS2345 - Argument of type 'any[]' is not assignable to parameter of type 'never'.
                 lines.push(currentLine);
                 currentLine = [];
             }
@@ -22,7 +22,7 @@ const splitDiff = function (diffEntries: any): any {
     });
 
     if (currentLine.length) {
-        // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'any[]' is not assignable to parameter of type 'never'.
+        // @ts-expect-error - TS2345 - Argument of type 'any[]' is not assignable to parameter of type 'never'.
         lines.push(currentLine);
     }
     return lines;

package/src/diffs/structured-item-diff.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 /**
  * A side by side diff view for Perseus exercise items
  * that do not have the standard question layout.
@@ -55,10 +56,10 @@ function getTitle(path: Path): string {
     const title: Array<string> = [];
     for (let i = 0; i < path.length; i++) {
         if (typeof path[i] === "number") {
-            // @ts-expect-error [FEI-5003] - TS2365 - Operator '+' cannot be applied to types 'string | number' and 'number'.
+            // @ts-expect-error - TS2365 - Operator '+' cannot be applied to types 'string | number' and 'number'.
             title.push((path[i] + 1).toString() + ":");
         } else {
-            // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'string | number' is not assignable to parameter of type 'string'.
+            // @ts-expect-error - TS2345 - Argument of type 'string | number' is not assignable to parameter of type 'string'.
             title.push(path[i]);
         }
     }
@@ -163,11 +164,11 @@ class StructuredItemDiff extends React.Component<Props> {
             .mapTree(itemToTree(before), shape);
 
         buildMapper()
-            // @ts-expect-error [FEI-5003] - TS2322 - Type 'unknown' is not assignable to type 'never'. | TS2322 - Type 'Path' is not assignable to type 'never'.
+            // @ts-expect-error - TS2322 - Type 'unknown' is not assignable to type 'never'. | TS2322 - Type 'Path' is not assignable to type 'never'.
             .setContentMapper((c, _, p) => afterList.push([c, p]))
-            // @ts-expect-error [FEI-5003] - TS2322 - Type 'unknown' is not assignable to type 'never'. | TS2322 - Type 'Path' is not assignable to type 'never'.
+            // @ts-expect-error - TS2322 - Type 'unknown' is not assignable to type 'never'. | TS2322 - Type 'Path' is not assignable to type 'never'.
             .setHintMapper((c, _, p) => afterList.push([c, p]))
-            // @ts-expect-error [FEI-5003] - TS2322 - Type 'unknown' is not assignable to type 'never'. | TS2322 - Type 'Path' is not assignable to type 'never'.
+            // @ts-expect-error - TS2322 - Type 'unknown' is not assignable to type 'never'. | TS2322 - Type 'Path' is not assignable to type 'never'.
             .setTagsMapper((c, _, p) => afterList.push([c, p]))
             .mapTree(itemToTree(after), shape);
 
@@ -203,7 +204,7 @@ class StructuredItemDiff extends React.Component<Props> {
                     before = [[], path];
                 }
                 if (!after) {
-                    // @ts-expect-error [FEI-5003] - TS2322 - Type 'Path[]' is not assignable to type 'undefined'.
+                    // @ts-expect-error - TS2322 - Type 'Path[]' is not assignable to type 'undefined'.
                     after = [[], path];
                 }
 
@@ -216,9 +217,9 @@ class StructuredItemDiff extends React.Component<Props> {
                     });
                 }
                 const afterTags: Array<string> = [];
-                // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'.
+                // @ts-expect-error - TS2532 - Object is possibly 'undefined'.
                 if (Array.isArray(after[0])) {
-                    // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'.
+                    // @ts-expect-error - TS2532 - Object is possibly 'undefined'.
                     after[0].forEach((tagId) => {
                         if (typeof tagId === "string") {
                             afterTags.push(tags.idToName(tagId));
@@ -251,13 +252,13 @@ class StructuredItemDiff extends React.Component<Props> {
                 before = [buildEmptyItemTreeForShape(shapes.content), path];
             }
             if (!after) {
-                // @ts-expect-error [FEI-5003] - TS2322 - Type 'any[]' is not assignable to type 'undefined'.
+                // @ts-expect-error - TS2322 - Type 'any[]' is not assignable to type 'undefined'.
                 after = [buildEmptyItemTreeForShape(shapes.content), path];
             }
             return (
                 <RendererDiff
                     before={before[0] as any}
-                    // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'.
+                    // @ts-expect-error - TS2532 - Object is possibly 'undefined'.
                     after={after[0] as any}
                     title={currentTitle}
                     showAlignmentOptions={false}

package/src/diffs/text-diff.tsx

@@ -49,7 +49,7 @@ class ImageDiffSide extends React.Component<any> {
                     return (
                         <div key={index}>
                             <div className={className}>
-                                {/* @ts-expect-error [FEI-5003] - TS2741 - Property 'alt' is missing in type '{ src: any; title: any; }' but required in type 'Pick<Readonly<Props> & Readonly<{ children?: ReactNode; }>, "children" | "height" | "width" | "title" | "alt" | "trackInteraction" | "preloader" | "allowFullBleed" | "extraGraphie" | "overrideAriaHidden">'. */}
+                                {/* @ts-expect-error - TS2741 - Property 'alt' is missing in type '{ src: any; title: any; }' but required in type 'Pick<Readonly<Props> & Readonly<{ children?: ReactNode; }>, "children" | "height" | "width" | "title" | "alt" | "trackInteraction" | "preloader" | "allowFullBleed" | "extraGraphie" | "overrideAriaHidden">'. */}
                                 <SvgImage
                                     src={entry.value}
                                     title={entry.value}

package/src/diffs/widget-diff.tsx

@@ -227,7 +227,7 @@ class ImageWidgetDiff extends React.Component<any> {
                                 "image-removed": beforeSrc !== afterSrc,
                             })}
                         >
-                            {/* @ts-expect-error [FEI-5003] - TS2741 - Property 'alt' is missing in type '{ src: any; title: any; }' but required in type 'Pick<Readonly<Props> & Readonly<{ children?: ReactNode; }>, "children" | "height" | "width" | "title" | "alt" | "trackInteraction" | "preloader" | "allowFullBleed" | "extraGraphie" | "overrideAriaHidden">'. */}
+                            {/* @ts-expect-error - TS2741 - Property 'alt' is missing in type '{ src: any; title: any; }' but required in type 'Pick<Readonly<Props> & Readonly<{ children?: ReactNode; }>, "children" | "height" | "width" | "title" | "alt" | "trackInteraction" | "preloader" | "allowFullBleed" | "extraGraphie" | "overrideAriaHidden">'. */}
                             <SvgImage src={beforeSrc} title={beforeSrc} />
                         </div>
                     )}
@@ -241,7 +241,7 @@ class ImageWidgetDiff extends React.Component<any> {
                                 "image-added": beforeSrc !== afterSrc,
                             })}
                         >
-                            {/* @ts-expect-error [FEI-5003] - TS2741 - Property 'alt' is missing in type '{ src: any; title: any; }' but required in type 'Pick<Readonly<Props> & Readonly<{ children?: ReactNode; }>, "children" | "height" | "width" | "title" | "alt" | "trackInteraction" | "preloader" | "allowFullBleed" | "extraGraphie" | "overrideAriaHidden">'. */}
+                            {/* @ts-expect-error - TS2741 - Property 'alt' is missing in type '{ src: any; title: any; }' but required in type 'Pick<Readonly<Props> & Readonly<{ children?: ReactNode; }>, "children" | "height" | "width" | "title" | "alt" | "trackInteraction" | "preloader" | "allowFullBleed" | "extraGraphie" | "overrideAriaHidden">'. */}
                             <SvgImage src={afterSrc} title={afterSrc} />
                         </div>
                     )}