@khanacademy/perseus 7.2.0 → 8.0.0

package/src/components/sortable.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 /* eslint-disable @babel/no-invalid-this, react/no-unsafe, react/sort-comp */
 import * as PerseusLinter from "@khanacademy/perseus-linter";
 import {CircularSpinner} from "@khanacademy/wonder-blocks-progress-spinner";
@@ -10,9 +11,10 @@ import _ from "underscore";
 import {getDependencies} from "../dependencies";
 import {ClassNames as ApiClassNames} from "../perseus-api";
 import Renderer from "../renderer";
-import Util, {Position} from "../util";
+import Util from "../util";
 
 import type {LinterContextProps} from "../types";
+import type {Position} from "../util";
 
 export enum Layout {
     HORIZONTAL = "horizontal",
@@ -111,9 +113,9 @@ type DraggableState = {
 class Draggable extends React.Component<DraggableProps, DraggableState> {
     // Handler returned by requestAnimationFrame.
     animationFrameRequest = null;
-    // @ts-expect-error [FEI-5003] - TS2564 - Property 'isMouseMoveUpBound' has no initializer and is not definitely assigned in the constructor.
+    // @ts-expect-error - TS2564 - Property 'isMouseMoveUpBound' has no initializer and is not definitely assigned in the constructor.
     isMouseMoveUpBound: boolean;
-    // @ts-expect-error [FEI-5003] - TS2564 - Property '_mounted' has no initializer and is not definitely assigned in the constructor.
+    // @ts-expect-error - TS2564 - Property '_mounted' has no initializer and is not definitely assigned in the constructor.
     _mounted: boolean;
 
     static defaultProps: DefaultDraggableProps = {
@@ -272,7 +274,7 @@ class Draggable extends React.Component<DraggableProps, DraggableState> {
                     ),
                 );
 
-            // @ts-expect-error [FEI-5003] - TS2769 - No overload matches this call. | TS2339 - Property 'animate' does not exist on type 'JQueryStatic'.
+            // @ts-expect-error - TS2769 - No overload matches this call. | TS2339 - Property 'animate' does not exist on type 'JQueryStatic'.
             $(ReactDOM.findDOMNode(this)).animate(this.props.endPosition, {
                 duration: Math.max(duration, 1),
                 // Animating -> Static
@@ -280,7 +282,7 @@ class Draggable extends React.Component<DraggableProps, DraggableState> {
             });
         } else if (this.props.state === ItemState.STATIC) {
             // Ensure that any animations are done
-            // @ts-expect-error [FEI-5003] - TS2769 - No overload matches this call. | TS2339 - Property 'finish' does not exist on type 'JQueryStatic'.
+            // @ts-expect-error - TS2769 - No overload matches this call. | TS2339 - Property 'finish' does not exist on type 'JQueryStatic'.
             $(ReactDOM.findDOMNode(this)).finish();
         }
     }
@@ -316,14 +318,14 @@ class Draggable extends React.Component<DraggableProps, DraggableState> {
 
         // TODO(jeff, CP-3128): Use Wonder Blocks Timing API.
         // eslint-disable-next-line no-restricted-syntax
-        // @ts-expect-error [FEI-5003] - TS2322 - Type 'number' is not assignable to type 'null'.
+        // @ts-expect-error - TS2322 - Type 'number' is not assignable to type 'null'.
         this.animationFrameRequest = requestAnimationFrame(() => {
-            // @ts-expect-error [FEI-5003] - TS2769 - No overload matches this call.
+            // @ts-expect-error - TS2769 - No overload matches this call.
             const $el = $(ReactDOM.findDOMNode(this));
 
             // jQuery.position() gets the position of the element wrt its offset parent,
             // but subtracts the scroll position of the parent. We need to add that back.
-            // @ts-expect-error [FEI-5003] - TS2339 - Property 'position' does not exist on type 'JQueryStatic'.
+            // @ts-expect-error - TS2339 - Property 'position' does not exist on type 'JQueryStatic'.
             const position = $el.position();
             const startPosition = addOffsetParentScroll($el, position);
 
@@ -339,11 +341,11 @@ class Draggable extends React.Component<DraggableProps, DraggableState> {
                         dragging: 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.bindMouseMoveUp();
 
                         // Static -> Dragging
-                        // @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.onMouseDown();
                     },
                 );
@@ -365,7 +367,7 @@ class Draggable extends React.Component<DraggableProps, DraggableState> {
         if (loc) {
             // TODO(jeff, CP-3128): Use Wonder Blocks Timing API.
             // eslint-disable-next-line no-restricted-syntax
-            // @ts-expect-error [FEI-5003] - TS2322 - Type 'number' is not assignable to type 'null'.
+            // @ts-expect-error - TS2322 - Type 'number' is not assignable to type 'null'.
             this.animationFrameRequest = requestAnimationFrame(() => {
                 this.setState(
                     {
@@ -548,7 +550,7 @@ class Sortable extends React.Component<SortableProps, SortableState> {
             items,
             function (item) {
                 // eslint-disable-next-line react/no-string-refs
-                // @ts-expect-error [FEI-5003] - TS2769 - No overload matches this call. | TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
+                // @ts-expect-error - TS2769 - No overload matches this call. | TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
                 return $(ReactDOM.findDOMNode(this.refs[item.key]));
             },
             this,
@@ -653,13 +655,13 @@ class Sortable extends React.Component<SortableProps, SortableState> {
                     item.state === ItemState.DISABLED;
                 let margin;
 
-                // @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.
                 if (this.props.layout === Layout.HORIZONTAL) {
-                    // @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.
                     margin = "0 " + this.props.margin + "px 0 0"; // right
-                    // @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.
                 } else if (this.props.layout === Layout.VERTICAL) {
-                    // @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.
                     margin = "0 0 " + this.props.margin + "px 0"; // bottom
                 }
 
@@ -668,44 +670,44 @@ class Sortable extends React.Component<SortableProps, SortableState> {
                         content={item.option}
                         key={item.key}
                         state={item.state}
-                        // @ts-expect-error [FEI-5003] - TS2769 - No overload matches this call.
+                        // @ts-expect-error - TS2769 - No overload matches this call.
                         ref={item.key}
                         width={syncWidth ? item.width : undefined}
                         height={syncHeight ? item.height : undefined}
                         layout={layout}
-                        // @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.
                         includePadding={this.props.padding}
                         margin={isLast && isStatic ? 0 : margin}
                         endPosition={item.endPosition}
                         linterContext={PerseusLinter.pushContextStack(
-                            // @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.linterContext,
                             "sortable",
                         )}
-                        // @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.
                         onRender={this.remeasureItems}
                         // eslint-disable-next-line react/jsx-no-bind
-                        // @ts-expect-error [FEI-5003] - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation. | 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. | TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
                         onMouseDown={this.onMouseDown.bind(this, item.key)}
                         // eslint-disable-next-line react/jsx-no-bind
-                        // @ts-expect-error [FEI-5003] - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation. | 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. | TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
                         onMouseMove={this.onMouseMove.bind(this, item.key)}
                         // eslint-disable-next-line react/jsx-no-bind
-                        // @ts-expect-error [FEI-5003] - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation. | 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. | TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
                         onMouseUp={this.onMouseUp.bind(this, item.key)}
                         // eslint-disable-next-line react/jsx-no-bind
-                        // @ts-expect-error [FEI-5003] - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation. | 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. | TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
                         onTouchMove={this.onMouseMove.bind(this, item.key)}
                         // eslint-disable-next-line react/jsx-no-bind
-                        // @ts-expect-error [FEI-5003] - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation. | 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. | TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
                         onTouchEnd={this.onMouseUp.bind(this, item.key)}
                         // eslint-disable-next-line react/jsx-no-bind
-                        // @ts-expect-error [FEI-5003] - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation. | 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. | TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
                         onTouchCancel={this.onMouseUp.bind(this, item.key)}
                         // eslint-disable-next-line react/jsx-no-bind
-                        // @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.
                         onAnimationEnd={this.onAnimationEnd.bind(
-                            // @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,
                             item.key,
                         )}
@@ -773,9 +775,9 @@ class Sortable extends React.Component<SortableProps, SortableState> {
             return i.key === item.key;
         });
 
-        // @ts-expect-error [FEI-5003] - TS2551 - Property 'splice' does not exist on type 'readonly SortableItem[]'. Did you mean 'slice'?
+        // @ts-expect-error - TS2551 - Property 'splice' does not exist on type 'readonly SortableItem[]'. Did you mean 'slice'?
         nextItems.splice(currentIndex, 1);
-        // @ts-expect-error [FEI-5003] - TS2551 - Property 'splice' does not exist on type 'readonly SortableItem[]'. Did you mean 'slice'?
+        // @ts-expect-error - TS2551 - Property 'splice' does not exist on type 'readonly SortableItem[]'. Did you mean 'slice'?
         nextItems.splice(index, 0, item);
 
         this.setState({items: nextItems});
@@ -785,22 +787,22 @@ class Sortable extends React.Component<SortableProps, SortableState> {
     onMouseMove(key: SortableItem["key"]) {
         // Dragging: Rearrange items based on draggable's position
         // eslint-disable-next-line react/no-string-refs
-        // @ts-expect-error [FEI-5003] - TS2769 - No overload matches this call.
+        // @ts-expect-error - TS2769 - No overload matches this call.
         const $draggable = $(ReactDOM.findDOMNode(this.refs[key]));
-        // @ts-expect-error [FEI-5003] - TS2769 - No overload matches this call.
+        // @ts-expect-error - TS2769 - No overload matches this call.
         const $sortable = $(ReactDOM.findDOMNode(this));
         const items = _.clone(this.state.items);
         const item = _.findWhere(this.state.items, {key: key});
         const margin = this.props.margin || 0;
-        // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'SortableItem | undefined' is not assignable to parameter of type 'SortableItem'.
+        // @ts-expect-error - TS2345 - Argument of type 'SortableItem | undefined' is not assignable to parameter of type 'SortableItem'.
         const currentIndex = _.indexOf(items, item);
         let newIndex = 0;
 
-        // @ts-expect-error [FEI-5003] - TS2551 - Property 'splice' does not exist on type 'readonly SortableItem[]'. Did you mean 'slice'?
+        // @ts-expect-error - TS2551 - Property 'splice' does not exist on type 'readonly SortableItem[]'. Did you mean 'slice'?
         items.splice(currentIndex, 1);
 
         if (this.props.layout === Layout.HORIZONTAL) {
-            // @ts-expect-error [FEI-5003] - TS2339 - Property 'offset' does not exist on type 'JQueryStatic'. | TS2339 - Property 'offset' does not exist on type 'JQueryStatic'.
+            // @ts-expect-error - TS2339 - Property 'offset' does not exist on type 'JQueryStatic'. | TS2339 - Property 'offset' does not exist on type 'JQueryStatic'.
             const midWidth = $draggable.offset().left - $sortable.offset().left;
             let sumWidth = 0;
             let cardWidth;
@@ -813,7 +815,7 @@ class Sortable extends React.Component<SortableProps, SortableState> {
                 sumWidth += cardWidth + margin;
             });
         } else {
-            // @ts-expect-error [FEI-5003] - TS2339 - Property 'offset' does not exist on type 'JQueryStatic'. | TS2339 - Property 'offset' does not exist on type 'JQueryStatic'.
+            // @ts-expect-error - TS2339 - Property 'offset' does not exist on type 'JQueryStatic'. | TS2339 - Property 'offset' does not exist on type 'JQueryStatic'.
             const midHeight = $draggable.offset().top - $sortable.offset().top;
             let sumHeight = 0;
             let cardHeight;
@@ -828,7 +830,7 @@ class Sortable extends React.Component<SortableProps, SortableState> {
         }
 
         if (newIndex !== currentIndex) {
-            // @ts-expect-error [FEI-5003] - TS2551 - Property 'splice' does not exist on type 'readonly SortableItem[]'. Did you mean 'slice'?
+            // @ts-expect-error - TS2551 - Property 'splice' does not exist on type 'readonly SortableItem[]'. Did you mean 'slice'?
             items.splice(newIndex, 0, item);
             this.setState({items: items});
         }
@@ -845,14 +847,14 @@ class Sortable extends React.Component<SortableProps, SortableState> {
                     if (item.key === key) {
                         item.state = ItemState.ANIMATING;
                         const $placeholder = $(
-                            // @ts-expect-error [FEI-5003] - TS2769 - No overload matches this call.
+                            // @ts-expect-error - TS2769 - No overload matches this call.
                             ReactDOM.findDOMNode(
                                 // eslint-disable-next-line react/no-string-refs
-                                // @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.refs["placeholder_" + key],
                             ),
                         );
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'position' does not exist on type 'JQueryStatic'.
+                        // @ts-expect-error - TS2339 - Property 'position' does not exist on type 'JQueryStatic'.
                         const position = $placeholder.position();
                         const endPosition = addOffsetParentScroll(
                             $placeholder,
@@ -872,7 +874,7 @@ class Sortable extends React.Component<SortableProps, SortableState> {
             this.props.onChange && this.props.onChange({});
         });
 
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'animationFrameRequest' does not exist on type 'Sortable'.
+        // @ts-expect-error - TS2339 - Property 'animationFrameRequest' does not exist on type 'Sortable'.
         this.animationFrameRequest = nextAnimationFrame;
     }
 

package/src/components/svg-image.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 /* eslint-disable no-useless-escape, react/no-unsafe */
 import {CircularSpinner} from "@khanacademy/wonder-blocks-progress-spinner";
 import classNames from "classnames";
@@ -57,7 +58,7 @@ const doJSONP = function (url: string, options) {
     }
 
     // Add the global callback.
-    // @ts-expect-error [FEI-5003] - TS2740 - Type '() => void' is missing the following properties from type 'Window': clientInformation, closed, customElements, devicePixelRatio, and 206 more.
+    // @ts-expect-error - TS2740 - Type '() => void' is missing the following properties from type 'Window': clientInformation, closed, customElements, devicePixelRatio, and 206 more.
     window[options.callbackName] = function (...args) {
         cleanup();
         options.success.apply(null, args);
@@ -331,13 +332,13 @@ class SvgImage extends React.Component<Props, State> {
                 doJSONP(url, {
                     callbackName: "svgData" + hash,
                     success: (data) => {
-                        // @ts-expect-error [FEI-5003] - TS2540 - Cannot assign to 'data' because it is a read-only property.
+                        // @ts-expect-error - TS2540 - Cannot assign to 'data' because it is a read-only property.
                         cacheData.data = data;
-                        // @ts-expect-error [FEI-5003] - TS2540 - Cannot assign to 'loaded' because it is a read-only property.
+                        // @ts-expect-error - TS2540 - Cannot assign to 'loaded' because it is a read-only property.
                         cacheData.loaded = true;
 
                         _.each(cacheData.dataCallbacks, (callback) => {
-                            // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'null' is not assignable to parameter of type '{ labels: readonly any[]; range: readonly any[]; }'.
+                            // @ts-expect-error - TS2345 - Argument of type 'null' is not assignable to parameter of type '{ labels: readonly any[]; range: readonly any[]; }'.
                             callback(cacheData.data, cacheData.localized);
                         });
                     },
@@ -349,7 +350,7 @@ class SvgImage extends React.Component<Props, State> {
                 retrieveData(
                     getLocalizedDataUrl(this.props.src),
                     (x, status, error) => {
-                        // @ts-expect-error [FEI-5003] - TS2540 - Cannot assign to 'localized' because it is a read-only property.
+                        // @ts-expect-error - TS2540 - Cannot assign to 'localized' because it is a read-only property.
                         cacheData.localized = false;
 
                         // If there is isn't any localized data, fall back to
@@ -511,9 +512,9 @@ class SvgImage extends React.Component<Props, State> {
                 const svgHeight = (this.props.height || 0) * this.props.scale;
                 const svgWidth = (this.props.width || 0) * this.props.scale;
                 label.css({
-                    // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'.
+                    // @ts-expect-error - TS2531 - Object is possibly 'null'.
                     top: (labelTop / svgHeight) * 100 + "%",
-                    // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'.
+                    // @ts-expect-error - TS2531 - Object is possibly 'null'.
                     left: (labelLeft / svgWidth) * 100 + "%",
                 });
 
@@ -560,7 +561,7 @@ class SvgImage extends React.Component<Props, State> {
         // nothing in that case as well. Figuring this out correctly
         // likely required accounting for the image alignment and margins.
         if (
-            // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'.
+            // @ts-expect-error - TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'.
             $image.width() < this.props.width ||
             this.props.zoomToFullSizeOnMobile
         ) {
@@ -672,7 +673,7 @@ class SvgImage extends React.Component<Props, State> {
                         <ImageLoader
                             src={imageSrc}
                             imgProps={imageProps}
-                            // @ts-expect-error [FEI-5003] - TS2322 - Type '(() => Element) | null' is not assignable to type '() => ReactElement<any, string | JSXElementConstructor<any>> | null | undefined'.
+                            // @ts-expect-error - TS2322 - Type '(() => Element) | null' is not assignable to type '() => ReactElement<any, string | JSXElementConstructor<any>> | null | undefined'.
                             preloader={preloader}
                             onUpdate={this.handleUpdate}
                         />
@@ -684,7 +685,7 @@ class SvgImage extends React.Component<Props, State> {
             return (
                 <ImageLoader
                     src={imageSrc}
-                    // @ts-expect-error [FEI-5003] - TS2322 - Type '(() => Element) | null' is not assignable to type '() => ReactElement<any, string | JSXElementConstructor<any>> | null | undefined'.
+                    // @ts-expect-error - TS2322 - Type '(() => Element) | null' is not assignable to type '() => ReactElement<any, string | JSXElementConstructor<any>> | null | undefined'.
                     preloader={preloader}
                     imgProps={imageProps}
                     onUpdate={this.handleUpdate}
@@ -747,7 +748,7 @@ class SvgImage extends React.Component<Props, State> {
                         src={imageUrl}
                         onLoad={this.onImageLoad}
                         onUpdate={this.handleUpdate}
-                        // @ts-expect-error [FEI-5003] - TS2322 - Type '(() => Element) | null' is not assignable to type '() => ReactElement<any, string | JSXElementConstructor<any>> | null | undefined'.
+                        // @ts-expect-error - TS2322 - Type '(() => Element) | null' is not assignable to type '() => ReactElement<any, string | JSXElementConstructor<any>> | null | undefined'.
                         preloader={preloader}
                         imgProps={imageProps}
                     />
@@ -763,7 +764,7 @@ class SvgImage extends React.Component<Props, State> {
                     src={imageUrl}
                     onLoad={this.onImageLoad}
                     onUpdate={this.handleUpdate}
-                    // @ts-expect-error [FEI-5003] - TS2322 - Type '(() => Element) | null' is not assignable to type '() => ReactElement<any, string | JSXElementConstructor<any>> | null | undefined'.
+                    // @ts-expect-error - TS2322 - Type '(() => Element) | null' is not assignable to type '() => ReactElement<any, string | JSXElementConstructor<any>> | null | undefined'.
                     preloader={preloader}
                     imgProps={imageProps}
                 />

package/src/components/tex-buttons.tsx

@@ -1,4 +1,4 @@
-import {Keys} from "@khanacademy/math-input";
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 import * as i18n from "@khanacademy/wonder-blocks-i18n";
 import PropTypes from "prop-types";
 import * as React from "react";
@@ -6,6 +6,8 @@ import _ from "underscore";
 
 import {getDependencies} from "../dependencies";
 
+import type {Keys} from "@khanacademy/math-input";
+
 const prettyBig = {fontSize: "150%"} as const;
 const slightlyBig = {fontSize: "120%"} as const;
 const symbStyle = {fontSize: "130%"} as const;
@@ -283,7 +285,7 @@ class TexButtons extends React.Component<Props> {
         // for _.keys() to return the keys in an arbitrary order, but in
         // practice, they will be ordered as listed above.
         const sortedButtonSets = _.sortBy(this.props.sets, (setName) =>
-            // @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'.
             _.keys(buttonSets).indexOf(setName),
         );
 
@@ -299,7 +301,7 @@ class TexButtons extends React.Component<Props> {
                     <button
                         onClick={() => this.props.onInsert(symbol[1])}
                         className="tex-button"
-                        // @ts-expect-error [FEI-5003] - TS2533 - Object is possibly 'null' or 'undefined'. | TS2339 - Property 'key' does not exist on type 'boolean | ReactChild | ReactFragment | ReactPortal'.
+                        // @ts-expect-error - TS2533 - Object is possibly 'null' or 'undefined'. | TS2339 - Property 'key' does not exist on type 'boolean | ReactChild | ReactFragment | ReactPortal'.
                         key={symbol[0].key}
                         type="button"
                         aria-label={symbol[2]}

package/src/components/text-input.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 /* eslint-disable react/sort-comp */
 import {TextField} from "@khanacademy/wonder-blocks-form";
 import * as React from "react";
@@ -75,7 +76,7 @@ class TextInput extends React.Component<Props> {
                 onFocus={onFocus}
                 onBlur={onBlur}
                 onKeyDown={onKeyDown}
-                // @ts-expect-error [FEI-5003] - TS2322 - Type '{ style: StyleType; disabled: boolean | undefined; id: string; value: string; type: "text"; "aria-label": string | undefined; onChange: (value: string) => void; placeholder: string | undefined; ... 5 more ...; autoComplete: string; }' is not assignable to type 'IntrinsicAttributes & ExportProps & RefAttributes<HTMLInputElement>'.
+                // @ts-expect-error - TS2322 - Type '{ style: StyleType; disabled: boolean | undefined; id: string; value: string; type: "text"; "aria-label": string | undefined; onChange: (value: string) => void; placeholder: string | undefined; ... 5 more ...; autoComplete: string; }' is not assignable to type 'IntrinsicAttributes & ExportProps & RefAttributes<HTMLInputElement>'.
                 autoCorrect="off"
                 autoCapitalize="off"
                 autoComplete="off"
@@ -84,22 +85,22 @@ class TextInput extends React.Component<Props> {
     }
 
     focus: () => void = () => {
-        // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'focus' does not exist on type 'Element | Text'.
+        // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'focus' does not exist on type 'Element | Text'.
         ReactDOM.findDOMNode(this).focus();
     };
 
     blur: () => void = () => {
-        // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'blur' does not exist on type 'Element | Text'.
+        // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'blur' does not exist on type 'Element | Text'.
         ReactDOM.findDOMNode(this).blur();
     };
 
     getValue: () => string | null | undefined = () => {
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'value' does not exist on type 'Element | Text'.
+        // @ts-expect-error - TS2339 - Property 'value' does not exist on type 'Element | Text'.
         return ReactDOM.findDOMNode(this)?.value;
     };
 
     getStringValue: () => string | null | undefined = () => {
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'value' does not exist on type 'Element | Text'.
+        // @ts-expect-error - TS2339 - Property 'value' does not exist on type 'Element | Text'.
         return ReactDOM.findDOMNode(this)?.value.toString();
     };
 
@@ -107,7 +108,7 @@ class TextInput extends React.Component<Props> {
         selectionStart,
         selectionEnd,
     ) => {
-        // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'setSelectionRange' does not exist on type 'Element | Text'.
+        // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'setSelectionRange' does not exist on type 'Element | Text'.
         ReactDOM.findDOMNode(this).setSelectionRange(
             selectionStart,
             selectionEnd,
@@ -115,12 +116,12 @@ class TextInput extends React.Component<Props> {
     };
 
     getSelectionStart: () => number = () => {
-        // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'selectionStart' does not exist on type 'Element | Text'.
+        // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'selectionStart' does not exist on type 'Element | Text'.
         return ReactDOM.findDOMNode(this).selectionStart;
     };
 
     getSelectionEnd: () => number = () => {
-        // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'selectionEnd' does not exist on type 'Element | Text'.
+        // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'selectionEnd' does not exist on type 'Element | Text'.
         return ReactDOM.findDOMNode(this).selectionEnd;
     };
 }

package/src/components/text-list-editor.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 /* eslint-disable @babel/no-invalid-this, react/forbid-prop-types, react/no-unsafe, react/sort-comp */
 import $ from "jquery";
 import PropTypes from "prop-types";
@@ -10,7 +11,7 @@ function getTextWidth(text: any) {
     if (!textWidthCache[text]) {
         // Hacky way to guess the width of an input box
         const $test = $("<span>").text(text).appendTo("body");
-        // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'.
+        // @ts-expect-error - TS2532 - Object is possibly 'undefined'.
         textWidthCache[text] = $test.width() + 5;
         $test.remove();
     }
@@ -56,10 +57,10 @@ class TextListEditor extends React.Component<any, any> {
                             type="text"
                             value={item}
                             // eslint-disable-next-line react/jsx-no-bind
-                            // @ts-expect-error [FEI-5003] - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation. | 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. | TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
                             onChange={this.onChange.bind(this, i)}
                             // eslint-disable-next-line react/jsx-no-bind
-                            // @ts-expect-error [FEI-5003] - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation. | 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. | TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
                             onKeyDown={this.onKeyDown.bind(this, i)}
                             style={{width: getTextWidth(item)}}
                         />
@@ -106,17 +107,17 @@ class TextListEditor extends React.Component<any, any> {
             ) {
                 // ...except for the last one, iff it is the only empty
                 // input at the end.
-                // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'focus' does not exist on type 'Element | Text'.
+                // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'focus' does not exist on type 'Element | Text'.
                 ReactDOM.findDOMNode(this.refs["input_" + focusIndex]).focus(); // eslint-disable-line react/no-string-refs
             } else {
                 items.splice(index, 1);
                 this.setState({items: items}, function () {
-                    // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'.
+                    // @ts-expect-error - TS2531 - Object is possibly 'null'.
                     ReactDOM.findDOMNode(
                         // eslint-disable-next-line react/no-string-refs
-                        // @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.refs["input_" + focusIndex],
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'focus' does not exist on type 'Element | Text'.
+                        // @ts-expect-error - TS2339 - Property 'focus' does not exist on type 'Element | Text'.
                     ).focus();
                 });
             }
@@ -144,17 +145,17 @@ class TextListEditor extends React.Component<any, any> {
 
             if (index === items.length - 2) {
                 // ...unless the empty input is just below.
-                // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'focus' does not exist on type 'Element | Text'.
+                // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'focus' does not exist on type 'Element | Text'.
                 ReactDOM.findDOMNode(this.refs["input_" + focusIndex]).focus(); // eslint-disable-line react/no-string-refs
             } else {
                 items.splice(focusIndex, 0, "");
                 this.setState({items: items}, function () {
-                    // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'.
+                    // @ts-expect-error - TS2531 - Object is possibly 'null'.
                     ReactDOM.findDOMNode(
                         // eslint-disable-next-line react/no-string-refs
-                        // @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.refs["input_" + focusIndex],
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'focus' does not exist on type 'Element | Text'.
+                        // @ts-expect-error - TS2339 - Property 'focus' does not exist on type 'Element | Text'.
                     ).focus();
                 });
             }

package/src/components/visibility-observer/create-visibility-observer.ts

@@ -90,7 +90,7 @@ class NativeVisibilityObserver implements VisibilityObserver {
         // There should be exactly one entry, but let's be defensive and loop.
         //
         for (const entry of entries) {
-            // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'DOMRectReadOnly | null' is not assignable to parameter of type 'DOMRectReadOnly'.
+            // @ts-expect-error - TS2345 - Argument of type 'DOMRectReadOnly | null' is not assignable to parameter of type 'DOMRectReadOnly'.
             this._onVisibilityChange(entry.isIntersecting, entry.rootBounds);
         }
     };

package/src/components/visibility-observer/visibility-observer.tsx

@@ -58,9 +58,9 @@ function findPositionInScrollContainer(
 }
 
 class VisibilityObserver extends React.Component<Props> {
-    // @ts-expect-error [FEI-5003] - TS2564 - Property '_observer' has no initializer and is not definitely assigned in the constructor.
+    // @ts-expect-error - TS2564 - Property '_observer' has no initializer and is not definitely assigned in the constructor.
     _observer: IVisibilityObserver;
-    // @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: HTMLElement;
 
     static defaultProps: {onChange: () => void} = {

package/src/components/zoomable-tex.tsx

@@ -26,9 +26,9 @@ const computeMathBounds = (
         parentNode.querySelector(".katex-html") ||
         parentNode.querySelector(".MathJax");
     const textBounds = {
-        // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'offsetWidth' does not exist on type 'Element'.
+        // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'offsetWidth' does not exist on type 'Element'.
         width: textElement.offsetWidth,
-        // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'offsetHeight' does not exist on type 'Element'.
+        // @ts-expect-error - TS2531 - Object is possibly 'null'. | TS2339 - Property 'offsetHeight' does not exist on type 'Element'.
         height: textElement.offsetHeight,
     } as const;
 
@@ -44,7 +44,7 @@ const computeMathBounds = (
 
 export default class ZoomableTeX extends React.Component<Props, State> {
     constructor() {
-        // @ts-expect-error [FEI-5003] - TS2554 - Expected 1-2 arguments, but got 0.
+        // @ts-expect-error - TS2554 - Expected 1-2 arguments, but got 0.
         super();
 
         this.state = {isRendered: false};