@khanacademy/perseus 7.2.0 → 8.0.0

package/src/widgets/transformer.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @khanacademy/ts-no-error-suppressions */
 /* eslint-disable @babel/no-invalid-this */
 /* eslint-disable camelcase */
 /* eslint-disable react/no-did-update-set-state */
@@ -272,11 +273,11 @@ const TransformOps = {
         // TODO (jack): Merge this just into reflections now that other
         // transforms are always valid (after merging transformation
         // collapsing, which may use isValid)
-        // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'PerseusTransformerTransformation' is not assignable to parameter of type 'never'.
+        // @ts-expect-error - TS2345 - Argument of type 'PerseusTransformerTransformation' is not assignable to parameter of type 'never'.
         if (!Transformations[transform.type].isValid(transform)) {
             return _.identity; // do not transform the coord
         }
-        // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'PerseusTransformerTransformation' is not assignable to parameter of type 'never'.
+        // @ts-expect-error - TS2345 - Argument of type 'PerseusTransformerTransformation' is not assignable to parameter of type 'never'.
         return Transformations[transform.type].apply(transform);
     },
 
@@ -343,12 +344,12 @@ const TransformOps = {
     },
 
     isValid: function (transform: TransformerTransformation): boolean {
-        // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'PerseusTransformerTransformation' is not assignable to parameter of type 'never'.
+        // @ts-expect-error - TS2345 - Argument of type 'PerseusTransformerTransformation' is not assignable to parameter of type 'never'.
         return Transformations[transform.type].isValid(transform);
     },
 
     isEmpty: function (transform: TransformerTransformation): boolean {
-        // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'PerseusTransformerTransformation' is not assignable to parameter of type 'never'.
+        // @ts-expect-error - TS2345 - Argument of type 'PerseusTransformerTransformation' is not assignable to parameter of type 'never'.
         return Transformations[transform.type].isEmpty(transform);
     },
 
@@ -420,7 +421,7 @@ const TransformOps = {
         },
 
         handleChange: _.debounce(function (callback) {
-            // @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.
             this.props.onChange(this.value(), callback);
         }, RENDER_TRANSFORM_DELAY_IN_MS),
 
@@ -464,9 +465,9 @@ const TransformOps = {
             // We let through the empty string so that "Clear" works -- in
             // that case, the transformer widget will just act as if there is
             // no input, which is what we want.
-            // @ts-expect-error [FEI-5003] - TS2339 - Property 'length' does not exist on type 'string | number'.
+            // @ts-expect-error - TS2339 - Property 'length' does not exist on type 'string | number'.
             if (value.length) {
-                // @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'.
                 value = parseFloat(value);
                 if (isNaN(value)) {
                     return;
@@ -590,10 +591,10 @@ const Transformations = {
 
             value = () => {
                 // eslint-disable-next-line react/no-string-refs
-                // @ts-expect-error [FEI-5003] - TS2339 - Property 'getValue' does not exist on type 'ReactInstance'.
+                // @ts-expect-error - TS2339 - Property 'getValue' does not exist on type 'ReactInstance'.
                 const x = this.refs.x.getValue();
                 // eslint-disable-next-line react/no-string-refs
-                // @ts-expect-error [FEI-5003] - TS2339 - Property 'getValue' does not exist on type 'ReactInstance'.
+                // @ts-expect-error - TS2339 - Property 'getValue' does not exist on type 'ReactInstance'.
                 const y = this.refs.y.getValue();
                 return {
                     vector: [x, y],
@@ -762,13 +763,13 @@ const Transformations = {
 
             value = () => {
                 // eslint-disable-next-line react/no-string-refs
-                // @ts-expect-error [FEI-5003] - TS2339 - Property 'getValue' does not exist on type 'ReactInstance'.
+                // @ts-expect-error - TS2339 - Property 'getValue' does not exist on type 'ReactInstance'.
                 const angleDeg = this.refs.angleDeg.getValue();
                 // eslint-disable-next-line react/no-string-refs
-                // @ts-expect-error [FEI-5003] - TS2339 - Property 'getValue' does not exist on type 'ReactInstance'.
+                // @ts-expect-error - TS2339 - Property 'getValue' does not exist on type 'ReactInstance'.
                 const centerX = this.refs.centerX.getValue();
                 // eslint-disable-next-line react/no-string-refs
-                // @ts-expect-error [FEI-5003] - TS2339 - Property 'getValue' does not exist on type 'ReactInstance'.
+                // @ts-expect-error - TS2339 - Property 'getValue' does not exist on type 'ReactInstance'.
                 const centerY = this.refs.centerY.getValue();
                 return {
                     angleDeg: angleDeg,
@@ -941,7 +942,7 @@ const Transformations = {
                 cb,
             ) => {
                 const line = _.map(this.state.line, _.clone);
-                // @ts-expect-error [FEI-5003] - TS2538 - Type 'undefined' cannot be used as an index type.
+                // @ts-expect-error - TS2538 - Type 'undefined' cannot be used as an index type.
                 line[i][j] = val;
                 this.setState({line: line}, () => {
                     this.props.onChange(cb);
@@ -950,16 +951,16 @@ const Transformations = {
 
             value = () => {
                 // eslint-disable-next-line react/no-string-refs
-                // @ts-expect-error [FEI-5003] - TS2339 - Property 'getValue' does not exist on type 'ReactInstance'.
+                // @ts-expect-error - TS2339 - Property 'getValue' does not exist on type 'ReactInstance'.
                 const x1 = this.refs.x1.getValue();
                 // eslint-disable-next-line react/no-string-refs
-                // @ts-expect-error [FEI-5003] - TS2339 - Property 'getValue' does not exist on type 'ReactInstance'.
+                // @ts-expect-error - TS2339 - Property 'getValue' does not exist on type 'ReactInstance'.
                 const y1 = this.refs.y1.getValue();
                 // eslint-disable-next-line react/no-string-refs
-                // @ts-expect-error [FEI-5003] - TS2339 - Property 'getValue' does not exist on type 'ReactInstance'.
+                // @ts-expect-error - TS2339 - Property 'getValue' does not exist on type 'ReactInstance'.
                 const x2 = this.refs.x2.getValue();
                 // eslint-disable-next-line react/no-string-refs
-                // @ts-expect-error [FEI-5003] - TS2339 - Property 'getValue' does not exist on type 'ReactInstance'.
+                // @ts-expect-error - TS2339 - Property 'getValue' does not exist on type 'ReactInstance'.
                 const y2 = this.refs.y2.getValue();
                 return {
                     line: [
@@ -1132,13 +1133,13 @@ const Transformations = {
 
             value = () => {
                 // eslint-disable-next-line react/no-string-refs
-                // @ts-expect-error [FEI-5003] - TS2339 - Property 'getValue' does not exist on type 'ReactInstance'.
+                // @ts-expect-error - TS2339 - Property 'getValue' does not exist on type 'ReactInstance'.
                 const scale = this.refs.scale.getValue();
                 // eslint-disable-next-line react/no-string-refs
-                // @ts-expect-error [FEI-5003] - TS2339 - Property 'getValue' does not exist on type 'ReactInstance'.
+                // @ts-expect-error - TS2339 - Property 'getValue' does not exist on type 'ReactInstance'.
                 const x = this.refs.x.getValue();
                 // eslint-disable-next-line react/no-string-refs
-                // @ts-expect-error [FEI-5003] - TS2339 - Property 'getValue' does not exist on type 'ReactInstance'.
+                // @ts-expect-error - TS2339 - Property 'getValue' does not exist on type 'ReactInstance'.
                 const y = this.refs.y.getValue();
                 return {
                     scale: scale,
@@ -1312,7 +1313,7 @@ const ShapeTypes = {
         const typeOptions =
             options.shape.options || ShapeTypes.defaultOptions(types);
 
-        // @ts-expect-error [FEI-5003] - TS2554 - Expected 4 arguments, but got 3.
+        // @ts-expect-error - TS2554 - Expected 4 arguments, but got 3.
         const shapes = ShapeTypes._mapTypes(
             types,
             points,
@@ -1371,13 +1372,13 @@ const ShapeTypes = {
         if (types1.length !== types2.length) {
             return false;
         }
-        // @ts-expect-error [FEI-5003] - TS2554 - Expected 4 arguments, but got 3.
+        // @ts-expect-error - TS2554 - Expected 4 arguments, but got 3.
         const shapes1 = ShapeTypes._mapTypes(
             types1,
             shape1.coords,
             ShapeTypes._combine,
         );
-        // @ts-expect-error [FEI-5003] - TS2554 - Expected 4 arguments, but got 3.
+        // @ts-expect-error - TS2554 - Expected 4 arguments, but got 3.
         const shapes2 = ShapeTypes._mapTypes(
             types2,
             shape2.coords,
@@ -1519,7 +1520,7 @@ const ShapeTypes = {
                 const coord0 = points[0].coord || points[0];
                 const coord1 = points[1].coord || points[1];
                 const radius = kpoint.distanceToPoint(coord0, coord1);
-                // @ts-expect-error [FEI-5003] - TS2554 - Expected 1 arguments, but got 0.
+                // @ts-expect-error - TS2554 - Expected 1 arguments, but got 0.
                 perimeter.remove();
                 perimeter = graphie.circle(
                     coord0,
@@ -1544,7 +1545,7 @@ const ShapeTypes = {
                 remove: function () {
                     // Not _.bind because the remove function changes
                     // when the perimeter is redrawn
-                    // @ts-expect-error [FEI-5003] - TS2554 - Expected 1 arguments, but got 0.
+                    // @ts-expect-error - TS2554 - Expected 1 arguments, but got 0.
                     perimeter.remove();
                 },
             };
@@ -1593,10 +1594,10 @@ const ShapeTypes = {
             const line2_2 = [points2[1], points2[2]];
 
             const equalUnflipped =
-                // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'any[]' is not assignable to parameter of type 'Ray'. | TS2345 - Argument of type 'any[]' is not assignable to parameter of type 'Ray'.
+                // @ts-expect-error - TS2345 - Argument of type 'any[]' is not assignable to parameter of type 'Ray'. | TS2345 - Argument of type 'any[]' is not assignable to parameter of type 'Ray'.
                 kray.equal(line1_0, line2_0) && kray.equal(line1_2, line2_2);
             const equalFlipped =
-                // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'any[]' is not assignable to parameter of type 'Ray'. | TS2345 - Argument of type 'any[]' is not assignable to parameter of type 'Ray'.
+                // @ts-expect-error - TS2345 - Argument of type 'any[]' is not assignable to parameter of type 'Ray'. | TS2345 - Argument of type 'any[]' is not assignable to parameter of type 'Ray'.
                 kray.equal(line1_0, line2_2) && kray.equal(line1_2, line2_0);
 
             return equalUnflipped || equalFlipped;
@@ -1639,17 +1640,17 @@ class TransformationList extends React.Component<any, any> {
                         ref={"transformation" + i}
                         key={"transformation" + i}
                         transform={transform}
-                        // @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.
                         mode={this.props.mode}
-                        // @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.
                         onChange={this.handleChange}
-                        // @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.
                         onFocus={_.partial(this.props.onFocus, "" + i)}
-                        // @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.
                         onBlur={_.partial(this.props.onBlur, "" + i)}
-                        // @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.
                         keypadElement={this.props.keypadElement}
-                        // @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.
                         apiOptions={this.props.apiOptions}
                     />
                 );
@@ -1682,7 +1683,7 @@ class TransformationList extends React.Component<any, any> {
     focusLast = () => {
         const transformationRefs = this._transformationRefs();
         if (transformationRefs.length !== 0) {
-            // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'. | TS2339 - Property 'focus' does not exist on type 'ReactInstance'.
+            // @ts-expect-error - TS2532 - Object is possibly 'undefined'. | TS2339 - Property 'focus' does not exist on type 'ReactInstance'.
             _.last(transformationRefs).focus();
         }
     };
@@ -1700,7 +1701,7 @@ class ToolButton extends React.Component<any, any> {
                 className={classes}
                 disabled={this.props.disabled}
                 onClick={this.props.onClick}
-                // @ts-expect-error [FEI-5003] - TS2322 - Type '(e: TouchEvent) => void' is not assignable to type 'TouchEventHandler<HTMLButtonElement>'.
+                // @ts-expect-error - TS2322 - Type '(e: TouchEvent) => void' is not assignable to type 'TouchEventHandler<HTMLButtonElement>'.
                 onTouchStart={captureScratchpadTouchStart}
             >
                 {this.props.children}
@@ -1718,17 +1719,17 @@ class ToolsBar extends React.Component<any, any> {
         const tools = _.map(
             Transformations,
             function (tool, type) {
-                // @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.enabled[type]) {
                     return (
                         <ToolButton
                             key={type}
-                            // @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.
                             disabled={this.props.apiOptions.readOnly}
-                            // @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.
                             toggled={this.state.selected === type}
                             // 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.
                             onClick={this.changeSelected.bind(this, type)}
                         >
                             {tool.verbName}
@@ -1747,7 +1748,7 @@ class ToolsBar extends React.Component<any, any> {
                     type="button"
                     disabled={this.props.apiOptions.readOnly}
                     onClick={this.props.onUndoClick}
-                    // @ts-expect-error [FEI-5003] - TS2322 - Type '(e: TouchEvent) => void' is not assignable to type 'TouchEventHandler<HTMLButtonElement>'.
+                    // @ts-expect-error - TS2322 - Type '(e: TouchEvent) => void' is not assignable to type 'TouchEventHandler<HTMLButtonElement>'.
                     onTouchStart={captureScratchpadTouchStart}
                 >
                     <InlineIcon {...iconUndo} />
@@ -1779,16 +1780,16 @@ class AddTransformBar extends React.Component<any, any> {
         const tools = _.map(
             Transformations,
             function (tool, type) {
-                // @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.enabled[type]) {
                     return (
                         <ToolButton
                             key={type}
                             toggled={false}
-                            // @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.
                             disabled={this.props.apiOptions.readOnly}
                             // 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.
                             onClick={this.changeSelected.bind(this, type)}
                         >
                             <InlineIcon {...iconPlus} /> {tool.nounName}
@@ -1807,7 +1808,7 @@ class AddTransformBar extends React.Component<any, any> {
                     type="button"
                     onClick={this.props.onUndoClick}
                     disabled={this.props.apiOptions.readOnly}
-                    // @ts-expect-error [FEI-5003] - TS2322 - Type '(e: TouchEvent) => void' is not assignable to type 'TouchEventHandler<HTMLButtonElement>'.
+                    // @ts-expect-error - TS2322 - Type '(e: TouchEvent) => void' is not assignable to type 'TouchEventHandler<HTMLButtonElement>'.
                     onTouchStart={captureScratchpadTouchStart}
                 >
                     <InlineIcon {...iconUndo} />
@@ -1838,12 +1839,12 @@ type Props = WidgetProps<RenderProps, Rubric> & {
 };
 
 class Transformer extends React.Component<Props> {
-    // @ts-expect-error [FEI-5003] - TS2564 - Property 'tools' has no initializer and is not definitely assigned in the constructor.
+    // @ts-expect-error - TS2564 - Property 'tools' has no initializer and is not definitely assigned in the constructor.
     tools: {
         [key: string]: Tool;
     };
     currentTool: Tool | null | undefined;
-    // @ts-expect-error [FEI-5003] - TS2564 - Property 'transformations' has no initializer and is not definitely assigned in the constructor.
+    // @ts-expect-error - TS2564 - Property 'transformations' has no initializer and is not definitely assigned in the constructor.
     transformations: ReadonlyArray<TransformerTransformation>;
     shape: any | null | undefined; // This is not the same as TransformerShape
     dilationCircle: any | null | undefined;
@@ -1945,7 +1946,7 @@ class Transformer extends React.Component<Props> {
     componentDidUpdate(prevProps: Props) {
         if (this.shouldSetupGraphie(this.props, prevProps)) {
             // eslint-disable-next-line react/no-string-refs
-            // @ts-expect-error [FEI-5003] - TS2339 - Property 'reset' does not exist on type 'ReactInstance'.
+            // @ts-expect-error - TS2339 - Property 'reset' does not exist on type 'ReactInstance'.
             this.refs.graph.reset();
         } else if (!deepEq(this.props.transformations, this.transformations)) {
             this.setTransformations(this.props.transformations);
@@ -1982,7 +1983,7 @@ class Transformer extends React.Component<Props> {
 
     graphie: () => Graphie = () => {
         // eslint-disable-next-line react/no-string-refs
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'graphie' does not exist on type 'ReactInstance'.
+        // @ts-expect-error - TS2339 - Property 'graphie' does not exist on type 'ReactInstance'.
         return this.refs.graph.graphie();
     };
 
@@ -1993,7 +1994,7 @@ class Transformer extends React.Component<Props> {
             this.props.correct.shape &&
             this.props.correct.shape.coords
         ) {
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 3 arguments, but got 2.
+            // @ts-expect-error - TS2554 - Expected 3 arguments, but got 2.
             ShapeTypes.addShape(graphie, {
                 fixed: true,
                 shape: this.props.correct.shape,
@@ -2007,7 +2008,7 @@ class Transformer extends React.Component<Props> {
 
         this.currentTool = null;
         // eslint-disable-next-line react/no-string-refs
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'changeSelected' does not exist on type 'ReactInstance'.
+        // @ts-expect-error - TS2339 - Property 'changeSelected' does not exist on type 'ReactInstance'.
         this.refs.toolsBar.changeSelected(null);
         this.addTransformerShape(
             this.props.starting.shape,
@@ -2061,7 +2062,7 @@ class Transformer extends React.Component<Props> {
                 dX = KhanMath.roundToNearest(graphie.snap[0], dX);
                 dY = KhanMath.roundToNearest(graphie.snap[1], dY);
                 // NOTE(kevinb): object is missing .constraints property
-                // @ts-expect-error [FEI-5003] - TS2345 - Argument of type '{ type: "translation"; vector: [any, any]; }' is not assignable to parameter of type 'PerseusTransformerTransformation'.
+                // @ts-expect-error - TS2345 - Argument of type '{ type: "translation"; vector: [any, any]; }' is not assignable to parameter of type 'PerseusTransformerTransformation'.
                 self.addTransform({
                     type: "translation",
                     vector: [dX, dY],
@@ -2108,7 +2109,7 @@ class Transformer extends React.Component<Props> {
                 transform = {
                     type: "translation",
                     // NOTE(kevib): these should be numbers
-                    // @ts-expect-error [FEI-5003] - TS2322 - Type 'null' is not assignable to type 'number'. | TS2322 - Type 'null' is not assignable to type 'number'.
+                    // @ts-expect-error - TS2322 - Type 'null' is not assignable to type 'number'. | TS2322 - Type 'null' is not assignable to type 'number'.
                     vector: [null, null],
                 };
             } else if (toolId === "rotation") {
@@ -2116,10 +2117,10 @@ class Transformer extends React.Component<Props> {
                 transform = {
                     type: "rotation",
                     // NOTE(kevib): these should be numbers
-                    // @ts-expect-error [FEI-5003] - TS2322 - Type 'null' is not assignable to type 'number'. | TS2322 - Type 'null' is not assignable to type 'number'.
+                    // @ts-expect-error - TS2322 - Type 'null' is not assignable to type 'number'. | TS2322 - Type 'null' is not assignable to type 'number'.
                     center: [null, null],
                     // NOTE(kevib): this should be a number
-                    // @ts-expect-error [FEI-5003] - TS2322 - Type 'null' is not assignable to type 'number'.
+                    // @ts-expect-error - TS2322 - Type 'null' is not assignable to type 'number'.
                     angleDeg: null,
                 };
             } else if (toolId === "reflection") {
@@ -2129,10 +2130,10 @@ class Transformer extends React.Component<Props> {
                     type: "reflection",
                     line: [
                         // NOTE(kevib): these should be numbers
-                        // @ts-expect-error [FEI-5003] - TS2322 - Type 'null' is not assignable to type 'number'. | TS2322 - Type 'null' is not assignable to type 'number'.
+                        // @ts-expect-error - TS2322 - Type 'null' is not assignable to type 'number'. | TS2322 - Type 'null' is not assignable to type 'number'.
                         [null, null],
                         // NOTE(kevib): these should be numbers
-                        // @ts-expect-error [FEI-5003] - TS2322 - Type 'null' is not assignable to type 'number'. | TS2322 - Type 'null' is not assignable to type 'number'.
+                        // @ts-expect-error - TS2322 - Type 'null' is not assignable to type 'number'. | TS2322 - Type 'null' is not assignable to type 'number'.
                         [null, null],
                     ],
                 };
@@ -2141,10 +2142,10 @@ class Transformer extends React.Component<Props> {
                 transform = {
                     type: "dilation",
                     // NOTE(kevib): these should be numbers
-                    // @ts-expect-error [FEI-5003] - TS2322 - Type 'null' is not assignable to type 'number'. | TS2322 - Type 'null' is not assignable to type 'number'.
+                    // @ts-expect-error - TS2322 - Type 'null' is not assignable to type 'number'. | TS2322 - Type 'null' is not assignable to type 'number'.
                     center: [null, null],
                     // NOTE(kevib): this should be a number
-                    // @ts-expect-error [FEI-5003] - TS2322 - Type 'null' is not assignable to type 'number'.
+                    // @ts-expect-error - TS2322 - Type 'null' is not assignable to type 'number'.
                     scale: null,
                 };
             } else {
@@ -2155,7 +2156,7 @@ class Transformer extends React.Component<Props> {
             }
 
             this.doTransform(transform, function () {
-                // @ts-expect-error [FEI-5003] - TS2339 - Property 'focusLast' does not exist on type 'ReactInstance'.
+                // @ts-expect-error - TS2339 - Property 'focusLast' does not exist on type 'ReactInstance'.
                 self.refs.transformationList.focusLast();
             });
         }
@@ -2185,7 +2186,7 @@ class Transformer extends React.Component<Props> {
     };
 
     // Snaps a coord to this.graphie()'s snap
-    // @ts-expect-error [FEI-5003] - TS2322 - Type '(coord: Coord) => number[]' is not assignable to type '(arg1: Coord) => Coord'.
+    // @ts-expect-error - TS2322 - Type '(coord: Coord) => number[]' is not assignable to type '(arg1: Coord) => Coord'.
     snapCoord: (arg1: Coord) => Coord = (coord) => {
         const graphie = this.graphie();
         return _.map(coord, function (val, dim) {
@@ -2195,11 +2196,11 @@ class Transformer extends React.Component<Props> {
 
     // Normalize the coords into something that fits the new 45 degree
     // reflection line.
-    // @ts-expect-error [FEI-5003] - TS2322 - Type '(messyCoords: [Coord, Coord]) => any[]' is not assignable to type '(arg1: [Coord, Coord]) => [Coord, Coord]'.
+    // @ts-expect-error - TS2322 - Type '(messyCoords: [Coord, Coord]) => any[]' is not assignable to type '(arg1: [Coord, Coord]) => [Coord, Coord]'.
     normalizeReflectionCoords: (arg1: [Coord, Coord]) => [Coord, Coord] = (
         messyCoords,
     ) => {
-        // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'Point' is not assignable to parameter of type 'Coord'.
+        // @ts-expect-error - TS2345 - Argument of type 'Point' is not assignable to parameter of type 'Coord'.
         const midpoint = this.snapCoord(kline.midpoint(messyCoords));
         const origDirectionPolar = kvector.polarDegFromCart(
             kvector.subtract(messyCoords[0], messyCoords[1]),
@@ -2217,13 +2218,13 @@ class Transformer extends React.Component<Props> {
                     kvector.scale(
                         direction,
                         directionCoefficient *
-                            // @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.scaleToCurrentRange(
                                 REFLECT_ROTATE_HANDLE_DIST,
                             ),
                     ),
                 );
-                // @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.
                 return this.snapCoord(coord);
             },
             this,
@@ -2238,7 +2239,7 @@ class Transformer extends React.Component<Props> {
         }
         const self = this;
         // eslint-disable-next-line react/no-string-refs
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'graphie' does not exist on type 'ReactInstance'.
+        // @ts-expect-error - TS2339 - Property 'graphie' does not exist on type 'ReactInstance'.
         const graphie = this.refs.graph.graphie();
 
         const updateReflectionTool = function () {
@@ -2302,23 +2303,23 @@ class Transformer extends React.Component<Props> {
             onClick: function () {
                 self.doTransform({
                     type: "reflection",
-                    // @ts-expect-error [FEI-5003] - TS2322 - Type 'any[]' is not assignable to type '[Coord, Coord]'.
+                    // @ts-expect-error - TS2322 - Type 'any[]' is not assignable to type '[Coord, Coord]'.
                     line: _.pluck(reflectPoints, "coord"),
                 });
                 if (reflectRotateHandle) {
                     // flip the rotation handle
-                    // @ts-expect-error [FEI-5003] - TS2339 - Property 'setCoord' does not exist on type 'never'.
+                    // @ts-expect-error - TS2339 - Property 'setCoord' does not exist on type 'never'.
                     reflectRotateHandle.setCoord(
                         kvector.add(
                             reflectButton.coord,
                             kvector.subtract(
                                 reflectButton.coord,
-                                // @ts-expect-error [FEI-5003] - TS2339 - Property 'coord' does not exist on type 'never'.
+                                // @ts-expect-error - TS2339 - Property 'coord' does not exist on type 'never'.
                                 reflectRotateHandle.coord,
                             ),
                         ),
                     );
-                    // @ts-expect-error [FEI-5003] - TS2339 - Property 'update' does not exist on type 'never'.
+                    // @ts-expect-error - TS2339 - Property 'update' does not exist on type 'never'.
                     reflectRotateHandle.update();
                 }
             },
@@ -2371,7 +2372,7 @@ class Transformer extends React.Component<Props> {
         if (reflectRotateHandle) {
             $(reflectRotateHandle).on("move", function () {
                 const rotateHandleApprox = self.snapCoord(
-                    // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'.
+                    // @ts-expect-error - TS2531 - Object is possibly 'null'.
                     reflectRotateHandle.coord,
                 );
 
@@ -2403,7 +2404,7 @@ class Transformer extends React.Component<Props> {
             remove: function () {
                 reflectButton.remove();
                 if (reflectRotateHandle) {
-                    // @ts-expect-error [FEI-5003] - TS2339 - Property 'remove' does not exist on type 'never'.
+                    // @ts-expect-error - TS2339 - Property 'remove' does not exist on type 'never'.
                     reflectRotateHandle.remove();
                 }
                 reflectLine.remove();
@@ -2421,7 +2422,7 @@ class Transformer extends React.Component<Props> {
      */
     scaleToCurrentRange: (arg1: number) => number = (dist) => {
         // eslint-disable-next-line react/no-string-refs
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'props' does not exist on type 'ReactInstance'.
+        // @ts-expect-error - TS2339 - Property 'props' does not exist on type 'ReactInstance'.
         return scaleToRange(dist, this.refs.graph.props.range);
     };
 
@@ -2432,7 +2433,7 @@ class Transformer extends React.Component<Props> {
         }
         const self = this;
         // eslint-disable-next-line react/no-string-refs
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'graphie' does not exist on type 'ReactInstance'.
+        // @ts-expect-error - TS2339 - Property 'graphie' does not exist on type 'ReactInstance'.
         const graphie = this.refs.graph.graphie();
 
         const pointColor = colorForTool(options);
@@ -2472,7 +2473,7 @@ class Transformer extends React.Component<Props> {
                 // Rotate polygon with rotateHandle
                 self.doTransform(transform);
 
-                // @ts-expect-error [FEI-5003] - TS2339 - Property 'angleDeg' does not exist on type 'PerseusTransformerTransformation'.
+                // @ts-expect-error - TS2339 - Property 'angleDeg' does not exist on type 'PerseusTransformerTransformation'.
                 return oldAngle + transform.angleDeg;
             },
         });
@@ -2499,7 +2500,7 @@ class Transformer extends React.Component<Props> {
         }
         const self = this;
         // eslint-disable-next-line react/no-string-refs
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'graphie' does not exist on type 'ReactInstance'.
+        // @ts-expect-error - TS2339 - Property 'graphie' does not exist on type 'ReactInstance'.
         const graphie = this.refs.graph.graphie();
 
         const pointColor = colorForTool(options);
@@ -2514,7 +2515,7 @@ class Transformer extends React.Component<Props> {
             snapRadius: self.scaleToCurrentRange(0.5),
             onResize: function (newRadius, oldRadius) {
                 // NOTE(kevinb): object is missing .constraints property
-                // @ts-expect-error [FEI-5003] - TS2345 - Argument of type '{ type: "dilation"; center: any; scale: number; }' is not assignable to parameter of type 'PerseusTransformerTransformation'.
+                // @ts-expect-error - TS2345 - Argument of type '{ type: "dilation"; center: any; scale: number; }' is not assignable to parameter of type 'PerseusTransformerTransformation'.
                 self.doTransform({
                     type: "dilation",
                     // NOTE(kevinb): It's hard to convince that this.dilationCircle
@@ -2568,7 +2569,7 @@ class Transformer extends React.Component<Props> {
 
     // returns a transformation object representing a rotation
     // rounds the angle to the nearest 15 degrees
-    // @ts-expect-error [FEI-5003] - TS2322 - Type '(center: Coord, angleChanged: number) => { type: "rotation"; center: Coord; angleDeg: number; }' is not assignable to type '(arg1: Coord, arg2: number) => PerseusTransformerTransformation'.
+    // @ts-expect-error - TS2322 - Type '(center: Coord, angleChanged: number) => { type: "rotation"; center: Coord; angleDeg: number; }' is not assignable to type '(arg1: Coord, arg2: number) => PerseusTransformerTransformation'.
     getRotationTransformFromAngle: (
         arg1: Coord,
         arg2: number,
@@ -2603,7 +2604,7 @@ class Transformer extends React.Component<Props> {
     applyTransform: (arg1: TransformerTransformation) => void = (transform) => {
         if (this.props.graphMode !== "static") {
             const transformFunc = TransformOps.apply(transform);
-            // @ts-expect-error [FEI-5003] - TS2345 - Argument of type '(coord: any) => any' is not assignable to parameter of type 'PerseusTransformerTransformation'.
+            // @ts-expect-error - TS2345 - Argument of type '(coord: any) => any' is not assignable to parameter of type 'PerseusTransformerTransformation'.
             this.applyCoordTransformation(transformFunc);
         }
     };
@@ -2613,7 +2614,7 @@ class Transformer extends React.Component<Props> {
         pointTransform,
     ) => {
         _.each(this.shape.points, function (point) {
-            // @ts-expect-error [FEI-5003] - TS2349 - This expression is not callable.
+            // @ts-expect-error - TS2349 - This expression is not callable.
             const newCoord = pointTransform(point.coord);
             point.setCoord(newCoord);
         });
@@ -2631,7 +2632,7 @@ class Transformer extends React.Component<Props> {
     // Remove the last transformation
     handleUndoClick: () => void = () => {
         // eslint-disable-next-line react/no-string-refs
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'changeSelected' does not exist on type 'ReactInstance'.
+        // @ts-expect-error - TS2339 - Property 'changeSelected' does not exist on type 'ReactInstance'.
         this.refs.toolsBar.changeSelected(null);
         if (this.props.transformations.length) {
             this.props.onChange({
@@ -2648,7 +2649,7 @@ class Transformer extends React.Component<Props> {
             {
                 transformations: newTransfomationList,
             },
-            // @ts-expect-error [FEI-5003] - TS2345 - Argument of type '(arg1: any) => unknown' is not assignable to parameter of type '() => unknown'.
+            // @ts-expect-error - TS2345 - Argument of type '(arg1: any) => unknown' is not assignable to parameter of type '() => unknown'.
             callback,
         );
     };
@@ -2666,7 +2667,7 @@ class Transformer extends React.Component<Props> {
             {
                 transformations: _.clone(this.transformations),
             },
-            // @ts-expect-error [FEI-5003] - TS2345 - Argument of type '((arg1: any) => unknown) | undefined' is not assignable to parameter of type '(() => unknown) | undefined'.
+            // @ts-expect-error - TS2345 - Argument of type '((arg1: any) => unknown) | undefined' is not assignable to parameter of type '(() => unknown) | undefined'.
             callback,
         );
     };
@@ -2676,7 +2677,7 @@ class Transformer extends React.Component<Props> {
         newTools[tool] = _.extend({}, this.props.tools[tool], changes);
         this.tools[tool] = _.clone(newTools[tool]);
         this.props.onChange({
-            // @ts-expect-error [FEI-5003] - TS2740 - Type '{ dilation: DilationTool; reflection: ReflectionTool; rotation: RotationTool; translation: TranslationTool; }' is missing the following properties from type 'readonly any[]': length, concat, join, slice, and 18 more.
+            // @ts-expect-error - TS2740 - Type '{ dilation: DilationTool; reflection: ReflectionTool; rotation: RotationTool; translation: TranslationTool; }' is missing the following properties from type 'readonly any[]': length, concat, join, slice, and 18 more.
             tools: newTools,
         });
         this.props.trackInteraction();
@@ -2691,7 +2692,7 @@ class Transformer extends React.Component<Props> {
      * moved, even if we're in formal mode with no movement
      * (and thus the actual movablepoints may not have moved
      */
-    // @ts-expect-error [FEI-5003] - TS2322 - Type '() => [Coord, Coord] | readonly Coord[] | [Coord, Coord, Coord]' is not assignable to type '() => Coord'.
+    // @ts-expect-error - TS2322 - Type '() => [Coord, Coord] | readonly Coord[] | [Coord, Coord, Coord]' is not assignable to type '() => Coord'.
     getCoords: () => Coord = () => {
         const startCoords = this.props.starting.shape.coords;
         const transforms = this.props.transformations;
@@ -2716,14 +2717,14 @@ class Transformer extends React.Component<Props> {
             "gradeEmpty",
         );
         // eslint-disable-next-line react/no-string-refs
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'graph' does not exist on type 'Pick<Readonly<Props> & Readonly<{ children?: ReactNode; }>, "tools" | "starting" | "drawSolutionShape" | "gradeEmpty" | "graphMode" | "listMode">'. | TS2339 - Property 'toJSON' does not exist on type 'ReactInstance'.
+        // @ts-expect-error - TS2339 - Property 'graph' does not exist on type 'Pick<Readonly<Props> & Readonly<{ children?: ReactNode; }>, "tools" | "starting" | "drawSolutionShape" | "gradeEmpty" | "graphMode" | "listMode">'. | TS2339 - Property 'toJSON' does not exist on type 'ReactInstance'.
         json.graph = this.refs.graph.toJSON();
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'version' does not exist on type 'Pick<Readonly<Props> & Readonly<{ children?: ReactNode; }>, "tools" | "starting" | "drawSolutionShape" | "gradeEmpty" | "graphMode" | "listMode">'.
+        // @ts-expect-error - TS2339 - Property 'version' does not exist on type 'Pick<Readonly<Props> & Readonly<{ children?: ReactNode; }>, "tools" | "starting" | "drawSolutionShape" | "gradeEmpty" | "graphMode" | "listMode">'.
         json.version = 1.2; // Give us some safety to change the format
         // when we realize that I wrote
         // a horrible json spec for this widget
 
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'answer' does not exist on type 'Pick<Readonly<Props> & Readonly<{ children?: ReactNode; }>, "tools" | "starting" | "drawSolutionShape" | "gradeEmpty" | "graphMode" | "listMode">'.
+        // @ts-expect-error - TS2339 - Property 'answer' does not exist on type 'Pick<Readonly<Props> & Readonly<{ children?: ReactNode; }>, "tools" | "starting" | "drawSolutionShape" | "gradeEmpty" | "graphMode" | "listMode">'.
         json.answer = this.getUserInput();
         return json;
     };
@@ -2762,7 +2763,7 @@ class Transformer extends React.Component<Props> {
         // Follow the path of references
         let component = this;
         _.each(refPath, (ref) => {
-            // @ts-expect-error [FEI-5003] - TS2322 - Type 'ReactInstance' is not assignable to type 'this'.
+            // @ts-expect-error - TS2322 - Type 'ReactInstance' is not assignable to type 'this'.
             component = component.refs[ref];
         });
         return component;
@@ -2777,14 +2778,14 @@ class Transformer extends React.Component<Props> {
 
         let inputPaths: Array<never> | Array<any> = [];
         _.each(this.props.transformations, (transformation, i) => {
-            // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'number' is not assignable to parameter of type 'string'.
+            // @ts-expect-error - TS2345 - Argument of type 'number' is not assignable to parameter of type 'string'.
             transformation = this._getTransformationForID(i);
-            // @ts-expect-error [FEI-5003] - TS2339 - Property 'getInputPaths' does not exist on type 'PerseusTransformerTransformation'.
+            // @ts-expect-error - TS2339 - Property 'getInputPaths' does not exist on type 'PerseusTransformerTransformation'.
             const innerPaths = transformation.getInputPaths();
             const fullPaths = _.map(innerPaths, (innerPath) => {
                 return ["" + i].concat(innerPath);
             });
-            // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'string[][]' is not assignable to parameter of type 'ConcatArray<never>'.
+            // @ts-expect-error - TS2345 - Argument of type 'string[][]' is not assignable to parameter of type 'ConcatArray<never>'.
             inputPaths = inputPaths.concat(fullPaths);
         });
         return inputPaths;
@@ -2807,7 +2808,7 @@ class Transformer extends React.Component<Props> {
 
         // Pass arguments down to appropriate 'transformation' component
         const transformationID = _.head(path);
-        // @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.
         const caller = this._getTransformationForID(transformationID);
         return caller[functionName](innerPath, ...args);
     };