@khanacademy/perseus-editor 1.1.0 → 2.0.0

package/src/widgets/{simple-markdown-tester.jsx → simple-markdown-tester.tsx}

@@ -1,5 +1,4 @@
 /* eslint-disable react/sort-comp */
-// @flow
 import {Changeable, PerseusMarkdown} from "@khanacademy/perseus";
 import PropTypes from "prop-types";
 import * as React from "react";
@@ -8,7 +7,7 @@ import _ from "underscore";
 const mdParse = PerseusMarkdown.parse;
 const mdOutput = PerseusMarkdown.basicOutput;
 
-type Props = $FlowFixMe;
+type Props = any;
 
 class SimpleMarkdownTester extends React.Component<Props> {
     static propTypes = {
@@ -28,7 +27,7 @@ class SimpleMarkdownTester extends React.Component<Props> {
      * state is usually the result of toJSON on the widget
      * rubric is the result of calling toJSON() on the editor
      */
-    static validate(state: $FlowFixMe, rubric: $FlowFixMe): $FlowFixMe {
+    static validate(state: any, rubric: any): any {
         return {
             type: "points",
             earned: 0,
@@ -37,15 +36,16 @@ class SimpleMarkdownTester extends React.Component<Props> {
         };
     }
 
-    change: ($FlowFixMe, $FlowFixMe, $FlowFixMe) => $FlowFixMe = (...args) => {
+    change: (arg1: any, arg2: any, arg3: any) => any = (...args) => {
         return Changeable.change.apply(this, args);
     };
 
-    toJSON: () => {...} = () => {
+    toJSON: () => Record<any, any> = () => {
         return {};
     };
 
-    render(): React.Node {
+    render(): React.ReactNode {
+        // @ts-expect-error [FEI-5003] - TS2554 - Expected 2 arguments, but got 1.
         const parsed = mdParse(this.props.value);
         const output = mdOutput(parsed);
         return <div>{output}</div>;
@@ -58,6 +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'.
         this.refs.input.focus();
         return true;
     };
@@ -74,7 +75,7 @@ class SimpleMarkdownTester extends React.Component<Props> {
      *     message: null
      * }
      */
-    simpleValidate: ($FlowFixMe) => $FlowFixMe = (rubric) => {
+    simpleValidate: (arg1: any) => any = (rubric) => {
         return SimpleMarkdownTester.validate(this.toJSON(), rubric);
     };
 }

package/src/widgets/{simulator-editor.jsx → simulator-editor.tsx}

@@ -1,5 +1,4 @@
 /* eslint-disable react/sort-comp */
-// @flow
 import {components, Changeable, EditorJsonify} from "@khanacademy/perseus";
 import * as i18n from "@khanacademy/wonder-blocks-i18n";
 import PropTypes from "prop-types";
@@ -10,7 +9,7 @@ const {InfoTip, NumberInput} = components;
 
 const maxTrials = 5000;
 
-type Props = $FlowFixMe;
+type Props = any;
 
 class SimulatorEditor extends React.Component<Props> {
     static propTypes = {
@@ -22,7 +21,7 @@ class SimulatorEditor extends React.Component<Props> {
         proportionOrPercentage: PropTypes.string,
     };
 
-    static widgetName: string = "simulator";
+    static widgetName = "simulator" as const;
 
     static defaultProps: Props = {
         xAxisLabel: "Proportion (%)",
@@ -32,7 +31,7 @@ class SimulatorEditor extends React.Component<Props> {
         proportionOrPercentage: "proportion",
     };
 
-    render(): React.Node {
+    render(): React.ReactNode {
         return (
             <div className="perseus-widget-simulator">
                 <div>
@@ -127,16 +126,19 @@ class SimulatorEditor extends React.Component<Props> {
         );
     }
 
-    change: (...args: $ReadOnlyArray<mixed>) => $FlowFixMe = (...args) => {
-        // $FlowFixMe[incompatible-call]
+    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[]'.
         return Changeable.change.apply(this, args);
     };
 
-    handleTargetValueChange: (string, $FlowFixMe) => void = (propName, e) => {
+    handleTargetValueChange: (arg1: string, arg2: any) => void = (
+        propName,
+        e,
+    ) => {
         this.change(propName, e.target.value);
     };
 
-    serialize: () => $FlowFixMe = () => {
+    serialize: () => any = () => {
         return EditorJsonify.serialize.call(this);
     };
 }

package/src/widgets/{sorter-editor.jsx → sorter-editor.tsx}

@@ -1,5 +1,4 @@
 /* eslint-disable react/forbid-prop-types */
-// @flow
 import {components} from "@khanacademy/perseus";
 import PropTypes from "prop-types";
 import * as React from "react";
@@ -10,7 +9,7 @@ const {InfoTip, PropCheckBox, TextListEditor} = components;
 const HORIZONTAL = "horizontal";
 const VERTICAL = "vertical";
 
-type Props = $FlowFixMe;
+type Props = any;
 
 class SorterEditor extends React.Component<Props> {
     static propTypes = {
@@ -19,7 +18,7 @@ class SorterEditor extends React.Component<Props> {
         padding: PropTypes.bool,
     };
 
-    static widgetName: "sorter" = "sorter";
+    static widgetName = "sorter" as const;
 
     static defaultProps: Props = {
         correct: ["$x$", "$y$", "$z$"],
@@ -27,15 +26,17 @@ class SorterEditor extends React.Component<Props> {
         padding: true,
     };
 
-    onLayoutChange: (SyntheticInputEvent<>) => void = (e) => {
+    onLayoutChange: (arg1: React.ChangeEvent<HTMLInputElement>) => void = (
+        e,
+    ) => {
         this.props.onChange({layout: e.target.value});
     };
 
-    serialize: ($FlowFixMe) => void = () => {
+    serialize: (arg1: any) => void = () => {
         return _.pick(this.props, "correct", "layout", "padding");
     };
 
-    render(): React.Node {
+    render(): React.ReactNode {
         const editor = this;
 
         return (
@@ -66,6 +67,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>'.
                             onChange={this.onLayoutChange}
                         >
                             <option value={HORIZONTAL}>Horizontal</option>

package/src/widgets/{table-editor.jsx → table-editor.tsx}

@@ -1,17 +1,16 @@
 /* eslint-disable react/sort-comp */
-// @flow
 import {components, TableWidget, Util} from "@khanacademy/perseus";
 import PropTypes from "prop-types";
 import * as React from "react";
 import ReactDOM from "react-dom";
 import _ from "underscore";
 
-import Editor from "../editor.jsx";
+import Editor from "../editor";
 
 const {InfoTip, NumberInput} = components;
 const Table = TableWidget.widget;
 
-type Props = $FlowFixMe;
+type Props = any;
 
 class TableEditor extends React.Component<Props> {
     static propTypes = {
@@ -21,7 +20,7 @@ class TableEditor extends React.Component<Props> {
         answers: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.string)),
     };
 
-    static widgetName: "table" = "table";
+    static widgetName = "table" as const;
 
     static defaultProps: Props = (function () {
         const defaultRows = 4;
@@ -38,12 +37,11 @@ class TableEditor extends React.Component<Props> {
     })();
 
     focus: () => void = () => {
-        // $FlowFixMe[incompatible-use]
-        // $FlowFixMe[prop-missing]
+        // @ts-expect-error [FEI-5003] - 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
     };
 
-    render(): React.Node {
+    render(): React.ReactNode {
         const tableProps = _.pick(
             this.props,
             "headers",
@@ -111,7 +109,10 @@ class TableEditor extends React.Component<Props> {
         );
     }
 
-    onSizeInput: (number, number) => void = (numRawRows, numRawColumns) => {
+    onSizeInput: (arg1: number, arg2: number) => void = (
+        numRawRows,
+        numRawColumns,
+    ) => {
         let rows = +numRawRows || 0;
         let columns = +numRawColumns || 0;
         rows = Math.min(Math.max(1, rows), 30);
@@ -129,7 +130,7 @@ class TableEditor extends React.Component<Props> {
             });
         }
 
-        function fixColumnSizing(array) {
+        function fixColumnSizing(array: any) {
             // Truncate if necessary; else, append
             if (columns <= oldColumns) {
                 array.length = columns;
@@ -152,7 +153,7 @@ class TableEditor extends React.Component<Props> {
         });
     };
 
-    serialize: () => $FlowFixMe = () => {
+    serialize: () => any = () => {
         const json = _.pick(this.props, "headers", "rows", "columns");
 
         return _.extend({}, json, {

package/src/widgets/{transformer-editor.jsx → transformer-editor.tsx}

@@ -1,5 +1,4 @@
 /* eslint-disable camelcase, react/sort-comp */
-// @flow
 import {
     line as kline,
     number as knumber,
@@ -19,7 +18,7 @@ import {
 import * as React from "react";
 import _ from "underscore";
 
-import GraphSettings from "../components/graph-settings.jsx";
+import GraphSettings from "../components/graph-settings";
 
 const {Graph, InfoTip, PropCheckBox} = components;
 const Transformer = TransformerWidget.widget;
@@ -37,7 +36,7 @@ function arraySum(array) {
 
 const defaultBackgroundImage = {
     url: null,
-};
+} as const;
 
 /* Scales a distance from the default range of
  * [-10, 10] to a given props.range pair
@@ -45,14 +44,14 @@ const defaultBackgroundImage = {
  * Used for sizing various transformation tools
  * (rotation handle, dilation circle)
  */
-function scaleToRange(dist, range) {
+function scaleToRange(dist: number, range: any) {
     const spreadX = range[0][1] - range[0][0];
     const spreadY = range[1][1] - range[1][0];
 
     return (dist * Math.max(spreadX, spreadY)) / 20;
 }
 
-function orderInsensitiveCoordsEqual(coords1, coords2) {
+function orderInsensitiveCoordsEqual(coords1: any, coords2: any) {
     coords1 = _.clone(coords1).sort(kpoint.compare);
     coords2 = _.clone(coords2).sort(kpoint.compare);
     return _.all(
@@ -63,7 +62,7 @@ function orderInsensitiveCoordsEqual(coords1, coords2) {
     );
 }
 
-const defaultGraphProps = function (setProps, boxSize) {
+const defaultGraphProps = function (setProps: any, boxSize: number) {
     setProps = setProps || {};
     const labels = setProps.labels || ["x", "y"];
     const range = setProps.range || [
@@ -148,14 +147,14 @@ const defaultTransformerProps = {
         },
         transformations: [],
     },
-};
+} as const;
 
-class ToolSettings extends React.Component<$FlowFixMe> {
+class ToolSettings extends React.Component<any> {
     static defaultProps = {
         allowFixed: true,
     };
 
-    render(): React.Node {
+    render(): React.ReactNode {
         return (
             <div>
                 {this.props.name}:{" "}
@@ -203,8 +202,8 @@ class ToolSettings extends React.Component<$FlowFixMe> {
     };
 }
 
-class TransformationExplorerSettings extends React.Component<$FlowFixMe> {
-    render(): React.Node {
+class TransformationExplorerSettings extends React.Component<any> {
+    render(): React.ReactNode {
         return (
             <div className="transformer-settings">
                 <div>
@@ -292,8 +291,8 @@ class TransformationExplorerSettings extends React.Component<$FlowFixMe> {
         });
     };
 
-    changeHandlerFor = (toolName) => {
-        return (change) => {
+    changeHandlerFor = (toolName: string) => {
+        return (change: any) => {
             const newTools = _.clone(this.props.tools);
             newTools[toolName] = _.extend(
                 {},
@@ -308,7 +307,7 @@ class TransformationExplorerSettings extends React.Component<$FlowFixMe> {
     };
 }
 
-const ShapeTypes: $FlowFixMe = {
+const ShapeTypes: any = {
     getPointCountForType: function (type) {
         const splitType = type.split("-");
         if (splitType[0] === "polygon") {
@@ -343,7 +342,7 @@ const ShapeTypes: $FlowFixMe = {
             let isMoving = false;
             let previousCoord = coord;
 
-            const onMove = function (x, y) {
+            const onMove = function (x: any, y) {
                 if (!isMoving) {
                     previousCoord = currentPoint.coord;
                     isMoving = true;
@@ -653,6 +652,7 @@ const ShapeTypes: $FlowFixMe = {
                 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.
                 perimeter.remove();
                 perimeter = graphie.circle(
                     coord0,
@@ -677,6 +677,7 @@ const ShapeTypes: $FlowFixMe = {
                 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.
                     perimeter.remove();
                 },
             };
@@ -725,8 +726,10 @@ const ShapeTypes: $FlowFixMe = {
             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'.
                 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'.
                 kray.equal(line1_0, line2_2) && kray.equal(line1_2, line2_0);
 
             return equalUnflipped || equalFlipped;
@@ -753,8 +756,8 @@ const ShapeTypes: $FlowFixMe = {
     },
 };
 
-class TransformationsShapeEditor extends React.Component<$FlowFixMe> {
-    render(): React.Node {
+class TransformationsShapeEditor extends React.Component<any> {
+    render(): React.ReactNode {
         return (
             <div>
                 <Graph
@@ -793,7 +796,7 @@ class TransformationsShapeEditor extends React.Component<$FlowFixMe> {
     }
 
     /* Return the option string for a given type */
-    getTypeString = (type) => {
+    getTypeString = (type: any) => {
         if (_.isArray(type)) {
             return _.map(type, this.getTypeString).join(",");
         }
@@ -807,13 +810,14 @@ class TransformationsShapeEditor extends React.Component<$FlowFixMe> {
      *
      * e.target.value is the new type string
      */
-    changeType = (e) => {
+    changeType = (e: any) => {
         const types = String(e.target.value).split(",");
         const pointCount = arraySum(
             _.map(types, ShapeTypes.getPointCountForType),
         );
 
         // eslint-disable-next-line react/no-string-refs
+        // @ts-expect-error [FEI-5003] - 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) {
@@ -834,12 +838,14 @@ class TransformationsShapeEditor extends React.Component<$FlowFixMe> {
 
     componentDidMount() {
         // eslint-disable-next-line react/no-string-refs
+        // @ts-expect-error [FEI-5003] - 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'.
             this.refs.graph.reset();
         }
     }
@@ -847,12 +853,13 @@ class TransformationsShapeEditor extends React.Component<$FlowFixMe> {
     updateCoords = () => {
         this.props.onChange({
             // $FlowFixMe[prop-missing]
+            // @ts-expect-error [FEI-5003] - TS2339 - Property 'shape' does not exist on type 'TransformationsShapeEditor'.
             shape: this.shape.toJSON(),
         });
     };
 
-    setupGraphie = (graphie) => {
-        // $FlowFixMe[prop-missing]
+    setupGraphie = (graphie: any) => {
+        // @ts-expect-error [FEI-5003] - TS2339 - Property 'shape' does not exist on type 'TransformationsShapeEditor'.
         this.shape = ShapeTypes.addMovableShape(graphie, {
             editable: true,
             snap: graphie.snap,
@@ -862,14 +869,14 @@ class TransformationsShapeEditor extends React.Component<$FlowFixMe> {
     };
 }
 
-class TransformerEditor extends React.Component<$FlowFixMe> {
+class TransformerEditor extends React.Component<any> {
     // TODO (jack): These should be refactored into a nice object at the top
     // so that we don't have all this duplication
-    static defaultProps: $FlowFixMe = defaultTransformerProps;
+    static defaultProps: any = defaultTransformerProps;
 
-    static widgetName: string = "transformer";
+    static widgetName = "transformer" as const;
 
-    render(): React.Node {
+    render(): React.ReactNode {
         // Fill in any missing value in this.props.graph
         // this can happen because the graph json doesn't include
         // box, for example
@@ -957,10 +964,7 @@ class TransformerEditor extends React.Component<$FlowFixMe> {
 
     // propagate a props change on our graph settings to
     // this.props.graph
-    changeGraph: ($FlowFixMe, $FlowFixMe) => void = (
-        graphChanges,
-        callback,
-    ) => {
+    changeGraph: (arg1: any, arg2: any) => void = (graphChanges, callback) => {
         const newGraph = _.extend({}, this.props.graph, graphChanges);
         this.props.onChange(
             {
@@ -972,7 +976,7 @@ class TransformerEditor extends React.Component<$FlowFixMe> {
 
     // propagate a props change on our starting graph to
     // this.props.starting
-    changeStarting: ($FlowFixMe) => void = (startingChanges) => {
+    changeStarting: (arg1: any) => void = (startingChanges) => {
         const newStarting = _.extend({}, this.props.starting, startingChanges);
         this.props.onChange({
             starting: newStarting,
@@ -980,10 +984,7 @@ class TransformerEditor extends React.Component<$FlowFixMe> {
     };
 
     // propagate a transformations change onto correct.transformations
-    changeTransformer: ($FlowFixMe, $FlowFixMe) => void = (
-        changes,
-        callback,
-    ) => {
+    changeTransformer: (arg1: any, arg2: any) => void = (changes, callback) => {
         if (changes.transformations) {
             changes.correct = {
                 ...this.props.correct,
@@ -994,8 +995,9 @@ class TransformerEditor extends React.Component<$FlowFixMe> {
         this.props.onChange(changes, callback);
     };
 
-    serialize: () => $FlowFixMe = () => {
+    serialize: () => any = () => {
         // eslint-disable-next-line react/no-string-refs
+        // @ts-expect-error [FEI-5003] - TS2339 - Property 'getEditorJSON' does not exist on type 'ReactInstance'.
         const json = this.refs.explorer.getEditorJSON();
         json.correct = json.answer;
         delete json.answer;

package/src/widgets/{unit-editor.jsx → unit-editor.tsx}

@@ -1,5 +1,4 @@
 /* eslint-disable react/no-unsafe */
-// @flow
 import * as KAS from "@khanacademy/kas";
 import {
     components,
@@ -20,22 +19,22 @@ const {iconOk, iconRemove} = icons;
 // TODO(joel): Allow sigfigs within a range rather than an exact expected
 // value?
 
-const ALL = ("all": "all");
-const SOME = ("some": "some");
+const ALL = "all" as const;
+const SOME = "some" as const;
 const MAX_SIGFIGS = 10;
 
-const sigfigPrint = function (num, sigfigs) {
+const sigfigPrint = function (num: any, sigfigs: any) {
     return displaySigFigs(num, sigfigs, -MAX_SIGFIGS, false);
 };
 
 // Extract the primitive units from a unit expression. This first simplifies
 // `expr` to a `Mul` like "5 kg m / s^2" then removes the first term.
-const primUnits = function (expr) {
+const primUnits = function (expr: any) {
     return expr.simplify().asMul().partition()[1].flatten().simplify();
 };
 
-type UnitExampleProps = $FlowFixMe;
-type UnitExampleState = $FlowFixMe;
+type UnitExampleProps = any;
+type UnitExampleState = any;
 
 // Show the name of a unit and whether it's recognized by KAS.
 //
@@ -44,10 +43,11 @@ type UnitExampleState = $FlowFixMe;
 class UnitExample extends React.Component<UnitExampleProps, UnitExampleState> {
     // TODO(jangmi, CP-3288): Remove usage of `UNSAFE_componentWillMount`
     UNSAFE_componentWillMount() {
+        // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'Readonly<any> & Readonly<{ children?: ReactNode; }>' is not assignable to parameter of type '{ name: any; original: any; sigfigs: any; }'.
         this._checkValidity(this.props);
     }
 
-    UNSAFE_componentWillReceiveProps(nextProps) {
+    UNSAFE_componentWillReceiveProps(nextProps: UnitExampleProps) {
         this._checkValidity(nextProps);
     }
 
@@ -73,7 +73,7 @@ class UnitExample extends React.Component<UnitExampleProps, UnitExampleState> {
                 solvedExample = sigfigPrint(answer.eval(), sigfigs);
 
                 valid = KAS.compare(primUnits(original), primUnits(unit)).equal;
-            } catch (e) {
+            } catch (e: any) {
                 valid = false;
             }
         } else {
@@ -86,7 +86,7 @@ class UnitExample extends React.Component<UnitExampleProps, UnitExampleState> {
         });
     };
 
-    render(): React.Node {
+    render(): React.ReactNode {
         let icon;
         if (this.state.valid) {
             icon = (
@@ -113,12 +113,12 @@ class UnitExample extends React.Component<UnitExampleProps, UnitExampleState> {
     }
 }
 
-type UnitInputEditorProps = $FlowFixMe;
+type UnitInputEditorProps = any;
 
 class UnitInputEditor extends React.Component<UnitInputEditorProps> {
-    parsed: ?boolean;
+    parsed: boolean | null | undefined;
     groupId: string;
-    original: ?$FlowFixMe;
+    original: any | null | undefined;
 
     static propTypes = {
         ...Changeable.propTypes,
@@ -128,7 +128,7 @@ class UnitInputEditor extends React.Component<UnitInputEditorProps> {
         sigfigs: PropTypes.number,
     };
 
-    static widgetName: "unit-input" = "unit-input";
+    static widgetName = "unit-input" as const;
 
     static defaultProps: UnitInputEditorProps = {
         value: "5x10^5 kg m / s^2",
@@ -147,31 +147,36 @@ class UnitInputEditor extends React.Component<UnitInputEditorProps> {
         this._doOriginal(nextProps);
     }
 
-    change: ($FlowFixMe, $FlowFixMe, $FlowFixMe) => $FlowFixMe = (...args) => {
+    change: (arg1: any, arg2: any, arg3: any) => any = (...args) => {
         return Changeable.change.apply(this, args);
     };
 
-    handleAcceptingUnitsChange: (SyntheticInputEvent<>) => void = (event) => {
+    handleAcceptingUnitsChange: (
+        arg1: React.ChangeEvent<HTMLInputElement>,
+    ) => void = (event) => {
         const acceptingUnits = event.target.value
             .split(",")
             .map((str) => str.trim())
             .filter((str) => str !== "");
+        // @ts-expect-error [FEI-5003] - TS2554 - Expected 3 arguments, but got 1.
         this.change({acceptingUnits});
     };
 
-    handleSigfigChange: (number) => void = (sigfigs) => {
+    handleSigfigChange: (arg1: number) => void = (sigfigs) => {
+        // @ts-expect-error [FEI-5003] - TS2554 - Expected 3 arguments, but got 1.
         this.change({sigfigs});
     };
 
-    _checkSigfigValidity: (number) => boolean = (sigfigs) => {
+    _checkSigfigValidity: (arg1: number) => boolean = (sigfigs) => {
         return sigfigs > 0 && sigfigs <= MAX_SIGFIGS;
     };
 
-    _setAccepting: (typeof SOME | typeof ALL) => void = (val) => {
+    _setAccepting: (arg1: typeof SOME | typeof ALL) => void = (val) => {
+        // @ts-expect-error [FEI-5003] - TS2554 - Expected 3 arguments, but got 1.
         this.change({accepting: val});
     };
 
-    _doOriginal: (UnitExampleProps) => void = (props) => {
+    _doOriginal: (arg1: UnitExampleProps) => void = (props) => {
         const tryParse = KAS.unitParse(props.value);
         this.parsed = false;
 
@@ -184,13 +189,13 @@ class UnitInputEditor extends React.Component<UnitInputEditorProps> {
         }
     };
 
-    onChange: (SyntheticInputEvent<>) => void = (event) => {
+    onChange: (arg1: React.ChangeEvent<HTMLInputElement>) => void = (event) => {
         this.props.onChange({value: event.target.value});
     };
 
-    getSaveWarnings: () => $ReadOnlyArray<string> = () => {
+    getSaveWarnings: () => ReadonlyArray<string> = () => {
         const {value, accepting, acceptingUnits} = this.props;
-        const warnings = [];
+        const warnings: Array<string> = [];
 
         const tryParse = KAS.unitParse(value);
         if (!tryParse.parsed) {
@@ -204,11 +209,11 @@ class UnitInputEditor extends React.Component<UnitInputEditorProps> {
         return warnings;
     };
 
-    serialize: () => $FlowFixMe = () => {
+    serialize: () => any = () => {
         return EditorJsonify.serialize.call(this);
     };
 
-    render(): React.Node {
+    render(): React.ReactNode {
         const {acceptingUnits = [], accepting} = this.props;
         let acceptingElem = null;
         if (accepting === SOME) {
@@ -221,6 +226,7 @@ class UnitInputEditor extends React.Component<UnitInputEditorProps> {
                 />
             ));
 
+            // @ts-expect-error [FEI-5003] - TS2322 - Type 'Element' is not assignable to type 'null'.
             acceptingElem = (
                 <div>
                     <input