@khanacademy/perseus-editor 2.6.1 → 2.6.2

package/src/widgets/interactive-graph-editor.tsx

@@ -6,11 +6,8 @@ import {
     InteractiveGraphWidget,
     SizingUtils,
     Util,
-    PerseusImageBackground,
-    PerseusInteractiveGraphWidgetOptions,
-    APIOptionsWithDefaults,
 } from "@khanacademy/perseus";
-import {StyleType, View} from "@khanacademy/wonder-blocks-core";
+import {View} from "@khanacademy/wonder-blocks-core";
 import Spacing from "@khanacademy/wonder-blocks-spacing";
 import * as Typography from "@khanacademy/wonder-blocks-typography";
 import * as React from "react";
@@ -22,6 +19,13 @@ import GraphTypeSelector from "../components/graph-type-selector";
 import SegmentCountSelector from "../components/segment-count-selector";
 import {parsePointCount} from "../util/points";
 
+import type {
+    PerseusImageBackground,
+    PerseusInteractiveGraphWidgetOptions,
+    APIOptionsWithDefaults,
+} from "@khanacademy/perseus";
+import type {StyleType} from "@khanacademy/wonder-blocks-core";
+
 const {InfoTip} = components;
 const {containerSizeClass, getInteractiveBoxFromSizeClass} = SizingUtils;
 const DeprecationMixin = Util.DeprecationMixin;
@@ -168,7 +172,7 @@ class InteractiveGraphEditor extends React.Component<Props> {
                 trackInteraction: function () {},
                 onChange: (newProps: InteractiveGraphProps) => {
                     let correct = this.props.correct;
-                    // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'.
+                    // @ts-expect-error - TS2532 - Object is possibly 'undefined'.
                     if (correct.type === newProps.graph.type) {
                         correct = _.extend({}, correct, newProps.graph);
                     } else {
@@ -182,7 +186,7 @@ class InteractiveGraphEditor extends React.Component<Props> {
                 // There are a bunch of props that renderer.jsx passes to widgets via
                 // getWidgetProps() and widget-container.jsx that the editors don't
                 // bother passing.
-                // @ts-expect-error [FEI-5003] - TS2769 - No overload matches this call.
+                // @ts-expect-error - TS2769 - No overload matches this call.
                 <InteractiveGraph
                     {...graphProps}
                     containerSizeClass={sizeClass}
@@ -194,7 +198,7 @@ class InteractiveGraphEditor extends React.Component<Props> {
             );
             // TODO(kevinb): Update getEquationString to only accept the data it actually
             // needs to compute the equation string.
-            // @ts-expect-error [FEI-5003] - TS2345 - Argument of type '{ readonly ref: "graph"; readonly box: any; readonly range: any; readonly labels: any; readonly step: any; readonly gridStep: any; readonly snapStep: any; readonly graph: any; readonly backgroundImage: any; ... 6 more ...; readonly onChange: (newProps: Pick<...> & ... 1 more ... & InexactPartial<...>) => void; }' is not assignable to parameter of type 'Props'.
+            // @ts-expect-error - TS2345 - Argument of type '{ readonly ref: "graph"; readonly box: any; readonly range: any; readonly labels: any; readonly step: any; readonly gridStep: any; readonly snapStep: any; readonly graph: any; readonly backgroundImage: any; ... 6 more ...; readonly onChange: (newProps: Pick<...> & ... 1 more ... & InexactPartial<...>) => void; }' is not assignable to parameter of type 'Props'.
             equationString = InteractiveGraph.getEquationString(graphProps);
         } else {
             graph = <div className="perseus-error">{this.props.valid}</div>;
@@ -556,7 +560,7 @@ class InteractiveGraphEditor extends React.Component<Props> {
                 ],
                 function (key) {
                     if (_.has(correct, key)) {
-                        // @ts-expect-error [FEI-5003] - TS2339 - Property 'graph' does not exist on type 'Pick<any, "step" | "range" | "backgroundImage" | "snapStep" | "labels" | "showTooltips" | "markings" | "gridStep" | "showProtractor" | "showRuler" | "rulerLabel" | "rulerTicks">'.
+                        // @ts-expect-error - TS2339 - Property 'graph' does not exist on type 'Pick<any, "step" | "range" | "backgroundImage" | "snapStep" | "labels" | "showTooltips" | "markings" | "gridStep" | "showProtractor" | "showRuler" | "rulerLabel" | "rulerTicks">'.
                         json.graph[key] = correct[key];
                     }
                 },

package/src/widgets/label-image/marker.tsx

@@ -163,7 +163,7 @@ export default class Marker extends React.Component<Props, State> {
                             <OptionGroup
                                 onSelected={this.handleSelectAnswer}
                                 // TODO(WB-1096): make selectedValues immutable in wonder-blocks
-                                // @ts-expect-error [FEI-5003] - TS2769 - No overload matches this call.
+                                // @ts-expect-error - TS2769 - No overload matches this call.
                                 selectedValues={answers}
                             >
                                 {choices.map((choice) => (

package/src/widgets/label-image/question-markers.tsx

@@ -33,7 +33,7 @@ export default class QuestionMarkers extends React.Component<Props> {
         // Open answer selection dropdown for each of the specified markers.
         indices.forEach((index) => {
             if (this._markers[index]) {
-                // @ts-expect-error [FEI-5003] - TS2533 - Object is possibly 'null' or 'undefined'.
+                // @ts-expect-error - TS2533 - Object is possibly 'null' or 'undefined'.
                 this._markers[index].openDropdown();
             }
         });

package/src/widgets/lights-puzzle-editor.tsx

@@ -192,7 +192,7 @@ class LightsPuzzleEditor extends React.Component<LightsPuzzleEditorProps> {
                     Flip pattern:
                     <select
                         value={this.props.flipPattern}
-                        // @ts-expect-error [FEI-5003] - TS2322 - Type '(arg1: ChangeEvent<HTMLInputElement>) => void' is not assignable to type 'ChangeEventHandler<HTMLSelectElement>'.
+                        // @ts-expect-error - TS2322 - Type '(arg1: ChangeEvent<HTMLInputElement>) => void' is not assignable to type 'ChangeEventHandler<HTMLSelectElement>'.
                         onChange={this._handlePatternChange}
                     >
                         {_.map(_.keys(PATTERNS), (pattern, i) => {
@@ -230,7 +230,7 @@ class LightsPuzzleEditor extends React.Component<LightsPuzzleEditorProps> {
 
     _handlePatternChange: (arg1: React.ChangeEvent<HTMLInputElement>) => void =
         (e) => {
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 3 arguments, but got 2.
+            // @ts-expect-error - TS2554 - Expected 3 arguments, but got 2.
             this.change("flipPattern", e.target.value);
         };
 
@@ -257,7 +257,7 @@ class LightsPuzzleEditor extends React.Component<LightsPuzzleEditorProps> {
             });
         });
 
-        // @ts-expect-error [FEI-5003] - TS2554 - Expected 3 arguments, but got 1.
+        // @ts-expect-error - TS2554 - Expected 3 arguments, but got 1.
         this.change({startCells: newCells});
     };
 
@@ -266,7 +266,7 @@ class LightsPuzzleEditor extends React.Component<LightsPuzzleEditorProps> {
             return y === tileY && x === tileX;
         });
 
-        // @ts-expect-error [FEI-5003] - TS2554 - Expected 3 arguments, but got 1.
+        // @ts-expect-error - TS2554 - Expected 3 arguments, but got 1.
         this.change({startCells: newCells});
     };
 

package/src/widgets/matrix-editor.tsx

@@ -99,7 +99,7 @@ class MatrixEditor extends React.Component<Props> {
                         content={this.props.prefix}
                         widgetEnabled={false}
                         onChange={(newProps) => {
-                            // @ts-expect-error [FEI-5003] - TS2554 - Expected 3 arguments, but got 1.
+                            // @ts-expect-error - TS2554 - Expected 3 arguments, but got 1.
                             this.change({prefix: newProps.content});
                         }}
                     />
@@ -114,7 +114,7 @@ class MatrixEditor extends React.Component<Props> {
                         content={this.props.suffix}
                         widgetEnabled={false}
                         onChange={(newProps) => {
-                            // @ts-expect-error [FEI-5003] - TS2554 - Expected 3 arguments, but got 1.
+                            // @ts-expect-error - TS2554 - Expected 3 arguments, but got 1.
                             this.change({suffix: newProps.content});
                         }}
                     />

package/src/widgets/measurer-editor.tsx

@@ -95,7 +95,7 @@ class MeasurerEditor extends React.Component<Props> {
                 <div>
                     Containing area [width, height]:{" "}
                     <RangeInput
-                        // @ts-expect-error [FEI-5003] - TS2554 - Expected 3 arguments, but got 1.
+                        // @ts-expect-error - TS2554 - Expected 3 arguments, but got 1.
                         onChange={this.change("box")}
                         value={this.props.box}
                         useArrowKeys={true}
@@ -125,7 +125,7 @@ class MeasurerEditor extends React.Component<Props> {
                                 Ruler label:{" "}
                                 <select
                                     onChange={(e) =>
-                                        // @ts-expect-error [FEI-5003] - TS2554 - Expected 3 arguments, but got 2.
+                                        // @ts-expect-error - TS2554 - Expected 3 arguments, but got 2.
                                         this.change(
                                             "rulerLabel",
                                             e.target.value,
@@ -159,7 +159,7 @@ class MeasurerEditor extends React.Component<Props> {
                                 Ruler ticks:{" "}
                                 <select
                                     onChange={(e) =>
-                                        // @ts-expect-error [FEI-5003] - TS2554 - Expected 3 arguments, but got 2.
+                                        // @ts-expect-error - TS2554 - Expected 3 arguments, but got 2.
                                         this.change(
                                             "rulerTicks",
                                             +e.target.value,
@@ -182,7 +182,7 @@ class MeasurerEditor extends React.Component<Props> {
                                 Ruler pixels per unit:{" "}
                                 <NumberInput
                                     placeholder={40}
-                                    // @ts-expect-error [FEI-5003] - TS2554 - Expected 3 arguments, but got 1.
+                                    // @ts-expect-error - TS2554 - Expected 3 arguments, but got 1.
                                     onChange={this.change("rulerPixels")}
                                     value={this.props.rulerPixels}
                                     useArrowKeys={true}
@@ -194,7 +194,7 @@ class MeasurerEditor extends React.Component<Props> {
                                 Ruler length in units:{" "}
                                 <NumberInput
                                     placeholder={10}
-                                    // @ts-expect-error [FEI-5003] - TS2554 - Expected 3 arguments, but got 1.
+                                    // @ts-expect-error - TS2554 - Expected 3 arguments, but got 1.
                                     onChange={this.change("rulerLength")}
                                     value={this.props.rulerLength}
                                     useArrowKeys={true}
@@ -226,7 +226,7 @@ class MeasurerEditor extends React.Component<Props> {
     _changeImage: (arg1: string, arg2: any) => void = (subProp, newValue) => {
         const image = _.clone(this.props.image);
         image[subProp] = newValue;
-        // @ts-expect-error [FEI-5003] - TS2554 - Expected 3 arguments, but got 2.
+        // @ts-expect-error - TS2554 - Expected 3 arguments, but got 2.
         this.change("image", image);
     };
 

package/src/widgets/molecule-editor.tsx

@@ -20,12 +20,12 @@ class MoleculeWidgetEditor extends React.Component<Props> {
     };
 
     updateMolecule: (arg1: string) => void = (newValue) => {
-        // @ts-expect-error [FEI-5003] - TS2554 - Expected 3 arguments, but got 1.
+        // @ts-expect-error - TS2554 - Expected 3 arguments, but got 1.
         this.change({smiles: newValue});
     };
 
     updateRotation: (arg1: string) => void = (newValue) => {
-        // @ts-expect-error [FEI-5003] - TS2554 - Expected 3 arguments, but got 1.
+        // @ts-expect-error - TS2554 - Expected 3 arguments, but got 1.
         this.change({rotationAngle: newValue});
     };
 

package/src/widgets/number-line-editor.tsx

@@ -212,7 +212,7 @@ class NumberLineEditor extends React.Component<Props> {
                     Correct x{" "}
                     <select
                         value={this.props.correctRel}
-                        // @ts-expect-error [FEI-5003] - TS2322 - Type '(arg1: ChangeEvent<HTMLInputElement>) => void' is not assignable to type 'ChangeEventHandler<HTMLSelectElement>'.
+                        // @ts-expect-error - TS2322 - Type '(arg1: ChangeEvent<HTMLInputElement>) => void' is not assignable to type 'ChangeEventHandler<HTMLSelectElement>'.
                         onChange={this.onChangeRelation}
                     >
                         <option value="eq"> = </option>

package/src/widgets/numeric-input-editor.tsx

@@ -508,7 +508,7 @@ const NumericInputEditor: any = createReactClass({
         // TODO(emily): This doesn't actually work, because the value is either
         // null or undefined when undefined, probably.
         if (_.contains(_.pluck(this.props.answers, "value"), "")) {
-            // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'string' is not assignable to parameter of type 'never'.
+            // @ts-expect-error - TS2345 - Argument of type 'string' is not assignable to parameter of type 'never'.
             warnings.push("One or more answers is empty");
         }
         this.props.answers.forEach((answer, i) => {
@@ -517,7 +517,7 @@ const NumericInputEditor: any = createReactClass({
                 (!answer.answerForms || answer.answerForms.length === 0);
             if (formatError) {
                 warnings.push(
-                    // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'string' is not assignable to parameter of type 'never'.
+                    // @ts-expect-error - TS2345 - Argument of type 'string' is not assignable to parameter of type 'never'.
                     `Answer ${i + 1} is set to string format ` +
                         "matching, but no format was selected",
                 );

package/src/widgets/orderer-editor.tsx

@@ -74,7 +74,7 @@ class OrdererEditor extends React.Component<Props> {
                         Layout:{" "}
                         <select
                             value={this.props.layout}
-                            // @ts-expect-error [FEI-5003] - TS2322 - Type '(arg1: ChangeEvent<HTMLInputElement>) => void' is not assignable to type 'ChangeEventHandler<HTMLSelectElement>'.
+                            // @ts-expect-error - TS2322 - Type '(arg1: ChangeEvent<HTMLInputElement>) => void' is not assignable to type 'ChangeEventHandler<HTMLSelectElement>'.
                             onChange={this.onLayoutChange}
                         >
                             <option value={HORIZONTAL}>Horizontal</option>
@@ -95,7 +95,7 @@ class OrdererEditor extends React.Component<Props> {
                         Height:{" "}
                         <select
                             value={this.props.height}
-                            // @ts-expect-error [FEI-5003] - TS2322 - Type '(arg1: ChangeEvent<HTMLInputElement>) => void' is not assignable to type 'ChangeEventHandler<HTMLSelectElement>'.
+                            // @ts-expect-error - TS2322 - Type '(arg1: ChangeEvent<HTMLInputElement>) => void' is not assignable to type 'ChangeEventHandler<HTMLSelectElement>'.
                             onChange={this.onHeightChange}
                         >
                             <option value={NORMAL}>Normal</option>

package/src/widgets/passage-editor.tsx

@@ -45,7 +45,7 @@ class PassageEditor extends React.Component<Props> {
                 widgetEnabled={false}
                 placeholder="Type passage here..."
                 onChange={(newProps) => {
-                    // @ts-expect-error [FEI-5003] - TS2554 - Expected 3 arguments, but got 1.
+                    // @ts-expect-error - TS2554 - Expected 3 arguments, but got 1.
                     this.change({passageText: newProps.content});
                 }}
                 showWordCount={true}
@@ -60,7 +60,7 @@ class PassageEditor extends React.Component<Props> {
                 widgetEnabled={false}
                 placeholder="Type footnotes here..."
                 onChange={(newProps) => {
-                    // @ts-expect-error [FEI-5003] - TS2554 - Expected 3 arguments, but got 1.
+                    // @ts-expect-error - TS2554 - Expected 3 arguments, but got 1.
                     this.change({footnotes: newProps.content});
                 }}
             />
@@ -88,7 +88,7 @@ class PassageEditor extends React.Component<Props> {
                             type="text"
                             defaultValue={this.props.passageTitle}
                             onChange={(e) => {
-                                // @ts-expect-error [FEI-5003] - TS2554 - Expected 3 arguments, but got 1.
+                                // @ts-expect-error - TS2554 - Expected 3 arguments, but got 1.
                                 this.change({passageTitle: e.target.value});
                             }}
                         />

package/src/widgets/passage-ref-editor.tsx

@@ -39,7 +39,7 @@ class PassageRefEditor extends React.Component<Props> {
                         {"Passage Number: "}
                         <NumberInput
                             value={this.props.passageNumber}
-                            // @ts-expect-error [FEI-5003] - TS2554 - Expected 3 arguments, but got 1.
+                            // @ts-expect-error - TS2554 - Expected 3 arguments, but got 1.
                             onChange={this.change("passageNumber")}
                         />
                     </label>
@@ -49,7 +49,7 @@ class PassageRefEditor extends React.Component<Props> {
                         {"Reference Number: "}
                         <NumberInput
                             value={this.props.referenceNumber}
-                            // @ts-expect-error [FEI-5003] - TS2554 - Expected 3 arguments, but got 1.
+                            // @ts-expect-error - TS2554 - Expected 3 arguments, but got 1.
                             onChange={this.change("referenceNumber")}
                         />
                     </label>
@@ -59,7 +59,7 @@ class PassageRefEditor extends React.Component<Props> {
                         {"Summary Text: "}
                         <TextInput
                             value={this.props.summaryText}
-                            // @ts-expect-error [FEI-5003] - TS2554 - Expected 3 arguments, but got 1.
+                            // @ts-expect-error - TS2554 - Expected 3 arguments, but got 1.
                             onChange={this.change("summaryText")}
                         />
                         <InfoTip>

package/src/widgets/passage-ref-target-editor.tsx

@@ -24,7 +24,7 @@ class PassageRefTargetEditor extends React.Component<Props> {
     handleContentChange: (arg1: React.ChangeEvent<HTMLInputElement>) => void = (
         e,
     ) => {
-        // @ts-expect-error [FEI-5003] - TS2554 - Expected 3 arguments, but got 1.
+        // @ts-expect-error - TS2554 - Expected 3 arguments, but got 1.
         this.change({content: e.target.value});
     };
 

package/src/widgets/plotter-editor.tsx

@@ -200,7 +200,7 @@ class PlotterEditor extends React.Component<Props, State> {
         if (categories) {
             // eslint-disable-next-line react/no-string-refs
             const node = ReactDOM.findDOMNode(this.refs.categories);
-            // @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'.
             node.value = categories.join(", ");
         }
     };
@@ -252,7 +252,7 @@ class PlotterEditor extends React.Component<Props, State> {
             starting: _.map(this.props.starting, scale),
         });
 
-        // @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'.
         ReactDOM.findDOMNode(this.refs.maxY).value = maxY; // eslint-disable-line react/no-string-refs
     };
 
@@ -294,7 +294,7 @@ class PlotterEditor extends React.Component<Props, State> {
         // eslint-disable-next-line react/no-string-refs
         const node = ReactDOM.findDOMNode(this.refs.categories);
 
-        // @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'.
         node.value = categories.join(", ");
     };
 
@@ -313,7 +313,7 @@ class PlotterEditor extends React.Component<Props, State> {
         );
 
         if (this.props.type === PIC) {
-            // @ts-expect-error [FEI-5003] - TS2339 - Property 'picUrl' does not exist on type 'Pick<Readonly<any> & Readonly<{ children?: ReactNode; }>, "type" | "correct" | "labels" | "categories" | "starting" | "scaleY" | "maxY" | "snapsPerLine" | "labelInterval">'.
+            // @ts-expect-error - TS2339 - Property 'picUrl' does not exist on type 'Pick<Readonly<any> & Readonly<{ children?: ReactNode; }>, "type" | "correct" | "labels" | "categories" | "starting" | "scaleY" | "maxY" | "snapsPerLine" | "labelInterval">'.
             json.picUrl = this.props.picUrl;
         }
 

package/src/widgets/radio/editor.tsx

@@ -248,7 +248,7 @@ class RadioEditor extends React.Component<any> {
     }
 
     change: (...args: ReadonlyArray<unknown>) => any = (...args) => {
-        // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'readonly unknown[]' is not assignable to parameter of type 'any[]'.
+        // @ts-expect-error - TS2345 - Argument of type 'readonly unknown[]' is not assignable to parameter of type 'any[]'.
         return Changeable.change.apply(this, args);
     };
 
@@ -355,7 +355,7 @@ class RadioEditor extends React.Component<any> {
             },
             () => {
                 // eslint-disable-next-line react/no-string-refs
-                // @ts-expect-error [FEI-5003] - TS2339 - Property 'refs' does not exist on type 'ReactInstance'.
+                // @ts-expect-error - TS2339 - Property 'refs' does not exist on type 'ReactInstance'.
                 this.refs[`choice-editor${addIndex}`].refs[
                     "content-editor"
                 ].focus();
@@ -369,7 +369,7 @@ class RadioEditor extends React.Component<any> {
 
     focus: () => boolean = () => {
         // eslint-disable-next-line react/no-string-refs
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'refs' does not exist on type 'ReactInstance'.
+        // @ts-expect-error - TS2339 - Property 'refs' does not exist on type 'ReactInstance'.
         this.refs["choice-editor0"].refs["content-editor"].focus();
         return true;
     };

package/src/widgets/reaction-diagram-editor.tsx

@@ -29,20 +29,20 @@ class ReactionDiagramWidgetEditor extends React.Component<Props> {
 
     updateMolecule: (arg1: number) => (arg1: string) => void = (idx) => {
         return function (newValue: string) {
-            // @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 newSmiles = [...this.props.smiles];
             newSmiles[idx] = newValue;
-            // @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.change({smiles: newSmiles});
         }.bind(this);
     };
 
     updateRotation: (arg1: number) => (arg1: any) => void = (idx) => {
         return function (newValue) {
-            // @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 newRot = [...this.props.rotationAngle];
             newRot[idx] = newValue;
-            // @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.change({rotationAngle: newRot});
         }.bind(this);
     };
@@ -56,7 +56,7 @@ class ReactionDiagramWidgetEditor extends React.Component<Props> {
                 return {...sep};
             });
             newSep[idx][propName] = newValue;
-            // @ts-expect-error [FEI-5003] - TS2554 - Expected 3 arguments, but got 1.
+            // @ts-expect-error - TS2554 - Expected 3 arguments, but got 1.
             this.change({separators: newSep});
         };
     };

package/src/widgets/sequence-editor.tsx

@@ -139,7 +139,7 @@ class SequenceEditor extends React.Component<SequenceEditorProps> {
         return {
             json: _.times(this.props.json.length, (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();
             }),
         };

package/src/widgets/simple-markdown-tester-editor.tsx

@@ -24,7 +24,7 @@ class TextArea extends React.Component<TextAreaProps> {
 
     focus = () => {
         // eslint-disable-next-line react/no-string-refs
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'focus' does not exist on type 'ReactInstance'.
+        // @ts-expect-error - TS2339 - Property 'focus' does not exist on type 'ReactInstance'.
         this.refs.input.focus();
         return true;
     };
@@ -57,7 +57,7 @@ class SimpleMarkdownTesterEditor extends React.Component<SimpleMarkdownTesterEdi
                     <div>
                         <TextArea
                             value={this.props.value}
-                            // @ts-expect-error [FEI-5003] - TS2554 - Expected 3 arguments, but got 1.
+                            // @ts-expect-error - TS2554 - Expected 3 arguments, but got 1.
                             onChange={this.change("value")}
                             // eslint-disable-next-line react/no-string-refs
                             ref="input"
@@ -74,7 +74,7 @@ class SimpleMarkdownTesterEditor extends React.Component<SimpleMarkdownTesterEdi
 
     focus: () => boolean = () => {
         // eslint-disable-next-line react/no-string-refs
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'focus' does not exist on type 'ReactInstance'.
+        // @ts-expect-error - TS2339 - Property 'focus' does not exist on type 'ReactInstance'.
         this.refs.input.focus();
         return true;
     };

package/src/widgets/simple-markdown-tester.tsx

@@ -45,7 +45,7 @@ class SimpleMarkdownTester extends React.Component<Props> {
     };
 
     render(): React.ReactNode {
-        // @ts-expect-error [FEI-5003] - TS2554 - Expected 2 arguments, but got 1.
+        // @ts-expect-error - TS2554 - Expected 2 arguments, but got 1.
         const parsed = mdParse(this.props.value);
         const output = mdOutput(parsed);
         return <div>{output}</div>;
@@ -58,7 +58,7 @@ class SimpleMarkdownTester extends React.Component<Props> {
      */
     focus: () => boolean = () => {
         // eslint-disable-next-line react/no-string-refs
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'focus' does not exist on type 'ReactInstance'.
+        // @ts-expect-error - TS2339 - Property 'focus' does not exist on type 'ReactInstance'.
         this.refs.input.focus();
         return true;
     };

package/src/widgets/simulator-editor.tsx

@@ -127,7 +127,7 @@ class SimulatorEditor extends React.Component<Props> {
     }
 
     change: (...args: ReadonlyArray<unknown>) => any = (...args) => {
-        // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'readonly unknown[]' is not assignable to parameter of type 'any[]'.
+        // @ts-expect-error - TS2345 - Argument of type 'readonly unknown[]' is not assignable to parameter of type 'any[]'.
         return Changeable.change.apply(this, args);
     };
 

package/src/widgets/sorter-editor.tsx

@@ -68,7 +68,7 @@ class SorterEditor extends React.Component<Props> {
                         Layout:{" "}
                         <select
                             value={this.props.layout}
-                            // @ts-expect-error [FEI-5003] - TS2322 - Type '(arg1: ChangeEvent<HTMLInputElement>) => void' is not assignable to type 'ChangeEventHandler<HTMLSelectElement>'.
+                            // @ts-expect-error - TS2322 - Type '(arg1: ChangeEvent<HTMLInputElement>) => void' is not assignable to type 'ChangeEventHandler<HTMLSelectElement>'.
                             onChange={this.onLayoutChange}
                         >
                             <option value={HORIZONTAL}>Horizontal</option>

package/src/widgets/table-editor.tsx

@@ -37,7 +37,7 @@ class TableEditor 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.refs.numberOfColumns).focus(); // eslint-disable-line react/no-string-refs
     };
 

package/src/widgets/transformer-editor.tsx

@@ -652,7 +652,7 @@ const ShapeTypes: any = {
                 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,
@@ -677,7 +677,7 @@ const ShapeTypes: any = {
                 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();
                 },
             };
@@ -726,10 +726,10 @@ const ShapeTypes: any = {
             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;
@@ -817,7 +817,7 @@ class TransformationsShapeEditor extends React.Component<any> {
         );
 
         // 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'.
         const radius = scaleToRange(4, this.refs.graph.props.range);
         const offset = (1 / 2 - 1 / pointCount) * 180;
         const coords = _.times(pointCount, function (i) {
@@ -838,27 +838,27 @@ class TransformationsShapeEditor extends React.Component<any> {
 
     componentDidMount() {
         // 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'.
         this.setupGraphie(this.refs.graph.graphie());
     }
 
     componentDidUpdate(prevProps) {
         if (!deepEq(prevProps.shape, this.props.shape)) {
             // 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();
         }
     }
 
     updateCoords = () => {
         this.props.onChange({
-            // @ts-expect-error [FEI-5003] - TS2339 - Property 'shape' does not exist on type 'TransformationsShapeEditor'.
+            // @ts-expect-error - TS2339 - Property 'shape' does not exist on type 'TransformationsShapeEditor'.
             shape: this.shape.toJSON(),
         });
     };
 
     setupGraphie = (graphie: any) => {
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'shape' does not exist on type 'TransformationsShapeEditor'.
+        // @ts-expect-error - TS2339 - Property 'shape' does not exist on type 'TransformationsShapeEditor'.
         this.shape = ShapeTypes.addMovableShape(graphie, {
             editable: true,
             snap: graphie.snap,
@@ -996,7 +996,7 @@ class TransformerEditor extends React.Component<any> {
 
     serialize: () => any = () => {
         // eslint-disable-next-line react/no-string-refs
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'getEditorJSON' does not exist on type 'ReactInstance'.
+        // @ts-expect-error - TS2339 - Property 'getEditorJSON' does not exist on type 'ReactInstance'.
         const json = this.refs.explorer.getEditorJSON();
         json.correct = json.answer;
         delete json.answer;