@khanacademy/perseus 4.0.1 → 5.0.0

package/dist/index.js

@@ -485,8 +485,6 @@ class MathInput extends React__namespace.Component {
       // group. This will probably require ESCAPE key handling to enable to
       // close (blur) the button group in order to focus on next page element.
       if (!this.mouseDown &&
-      // $FlowFixMe[incompatible-use]
-      // $FlowFixMe[incompatible-call]
       // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'.
       !ReactDOM__default["default"].findDOMNode(this).contains(e.relatedTarget)) {
         this.setState({
@@ -1309,7 +1307,7 @@ const _changeSingle = function (component, propName, value, callback) {
  * this.change(propName) -> returns a lambda that takes a prop value to
  * set and a callback to call after having set that value.
  */
-// TODO(WEB-1727): use proper flow syntax for overloaded functions
+// TODO(WEB-1727): use proper TypeScript syntax for overloaded functions
 const change = function (newPropsOrSinglePropName, propValue, callback) {
   if (___default["default"].isObject(newPropsOrSinglePropName) && callback === undefined) {
     // Called with an object of multiple props to change
@@ -1393,8 +1391,6 @@ class TextListEditor extends React__namespace.Component {
             // eslint-disable-next-line react/no-string-refs
             // @ts-expect-error [FEI-5003] - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
             this.refs["input_" + focusIndex]
-            // $FlowFixMe[incompatible-use]
-            // $FlowFixMe[prop-missing]
             // @ts-expect-error [FEI-5003] - TS2339 - Property 'focus' does not exist on type 'Element | Text'.
             ).focus();
           });
@@ -1430,8 +1426,6 @@ class TextListEditor extends React__namespace.Component {
             // eslint-disable-next-line react/no-string-refs
             // @ts-expect-error [FEI-5003] - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
             this.refs["input_" + focusIndex]
-            // $FlowFixMe[incompatible-use]
-            // $FlowFixMe[prop-missing]
             // @ts-expect-error [FEI-5003] - TS2339 - Property 'focus' does not exist on type 'Element | Text'.
             ).focus();
           });
@@ -1735,7 +1729,6 @@ const KhanMath = {
     }
     return true;
   },
-  // $FlowFixMe[incompatible-return]
   // @ts-expect-error [FEI-5003] - TS2366 - Function lacks ending return statement and return type does not include 'undefined'.
   getPrimeFactorization: function (number) {
     if (number === 1) {
@@ -1792,9 +1785,7 @@ const KhanMath = {
   // toFraction(0.666, 0.001) => [2, 3]
   //
   // tolerance can't be bigger than 1, sorry
-  toFraction: function (decimal,
-  // $FlowFixMe[incompatible-return]
-  tolerance) {
+  toFraction: function (decimal, tolerance) {
     if (tolerance == null) {
       tolerance = Math.pow(2, -46);
     }
@@ -2612,6 +2603,8 @@ class Expression extends React__namespace.Component {
     var _this;
     super(...arguments);
     _this = this;
+    _defineProperty(this, "_isMounted", false);
+    _defineProperty(this, "errorTimeout", null);
     _defineProperty(this, "displayName", "Expression");
     _defineProperty(this, "state", {
       showErrorTooltip: false,
@@ -2658,8 +2651,6 @@ class Expression extends React__namespace.Component {
       clearTimeout(this.errorTimeout);
       this._isMounted = false;
     });
-    _defineProperty(this, "_isMounted", false);
-    _defineProperty(this, "errorTimeout", null);
     _defineProperty(this, "simpleValidate", (rubric, onInputError) => {
       onInputError = onInputError || function () {};
       return Expression.validate(this.getUserInput(), rubric, onInputError);
@@ -2901,7 +2892,7 @@ class Expression extends React__namespace.Component {
           var _this$props$keypadEle;
           // this.props.keypadElement should always be set
           // when apiOptions.customKeypad is set, but how
-          // to convince Flow of this?
+          // to convince TypeScript of this?
           (_this$props$keypadEle = this.props.keypadElement) === null || _this$props$keypadEle === void 0 ? void 0 : _this$props$keypadEle.configure(this.props.keypadConfiguration, () => {
             if (this._isMounted) {
               this._handleFocus();
@@ -4230,16 +4221,10 @@ Zoom.prototype._calculateZoom = function () {
   // Zoom to fit the viewport.
   const imageAspectRatio = originalFullImageWidth / originalFullImageHeight;
   const viewportAspectRatio = viewportWidth / viewportHeight;
-  if (
-  // $FlowFixMe[invalid-compare]
-  originalFullImageWidth < viewportWidth &&
-  // $FlowFixMe[invalid-compare]
-  originalFullImageHeight < viewportHeight) {
+  if (originalFullImageWidth < viewportWidth && originalFullImageHeight < viewportHeight) {
     this._imgScaleFactor = maxScaleFactor;
   } else if (imageAspectRatio < viewportAspectRatio) {
-    this._imgScaleFactor =
-    // $FlowFixMe[unsafe-addition]
-    viewportHeight / originalFullImageHeight * maxScaleFactor;
+    this._imgScaleFactor = viewportHeight / originalFullImageHeight * maxScaleFactor;
   } else {
     this._imgScaleFactor = viewportWidth / (originalFullImageWidth !== null && originalFullImageWidth !== void 0 ? originalFullImageWidth : 0) * maxScaleFactor;
   }
@@ -4569,7 +4554,6 @@ const FixedToResponsive = createReactClass__default["default"]({
     // Based on http://refills.bourbon.io/components/#video && medium.com
     const spacer = /*#__PURE__*/React__namespace.createElement("div", {
       style: {
-        // $FlowFixMe[unsafe-addition]
         // @ts-expect-error [FEI-5003] - TS2362 - The left-hand side of an arithmetic operation must be of type 'any', 'number', 'bigint' or an enum type.
         paddingBottom: (1 / aspectRatio).toFixed(4) * 100 + "%"
       }
@@ -10072,7 +10056,7 @@ GraphUtils.createGraphie = function (el) {
      *                         the function at i
      * @param  {[]} rangeArray array of ranges over which the
      *                         corresponding functions are defined
-     * @return {Raphael set}
+     * @return {Set<any>}      set of paths
      */
     plotPiecewise: function (fnArray, rangeArray) {
       const paths = raphael$1.set();
@@ -10094,8 +10078,8 @@ GraphUtils.createGraphie = function (el) {
      * return a Raphael set of Raphael circle objects at those
      * coordinates
      *
-     * @param  {Array of arrays} endpointArray
-     * @return {Raphael set}
+     * @param  {Array<[number, number]>} endpointArray
+     * @return {Set<any>} set of circles
      */
     plotEndpointCircles: function (endpointArray) {
       const circles = raphael$1.set();
@@ -13630,9 +13614,7 @@ function Protractor(graph, center) {
     const time = Math.abs(this.rotation - angle) * 5;
     $__default["default"]({
       0: this.rotation
-    }).animate(
-    // $FlowFixMe[unsupported-syntax]
-    {
+    }).animate({
       0: angle
     }, {
       duration: time,
@@ -13685,11 +13667,8 @@ function Ruler(graphie, options) {
   if (options.ticksPerUnit === 10) {
     // decimal, as on a centimeter ruler
     tickHeightMap = {
-      // $FlowFixMe[unsupported-syntax]
       10: tickHeight,
-      // $FlowFixMe[unsupported-syntax]
       5: tickHeight * 0.55,
-      // $FlowFixMe[unsupported-syntax]
       1: tickHeight * 0.35
     };
   } else {
@@ -17794,12 +17773,8 @@ _defineProperty(Zoomable, "defaultProps", {
   computeChildBounds: parentNode => {
     const firstChild = parentNode.firstElementChild;
     return {
-      // $FlowFixMe[incompatible-use]
-      // $FlowFixMe[prop-missing]
       // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'offsetWidth' does not exist on type 'Element'.
       width: firstChild.offsetWidth,
-      // $FlowFixMe[incompatible-use]
-      // $FlowFixMe[prop-missing]
       // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'offsetHeight' does not exist on type 'Element'.
       height: firstChild.offsetHeight
     };
@@ -17809,10 +17784,8 @@ _defineProperty(Zoomable, "defaultProps", {
 const computeMathBounds = (parentNode, parentBounds) => {
   const textElement = parentNode.querySelector(".katex-html") || parentNode.querySelector(".MathJax");
   const textBounds = {
-    // $FlowFixMe[incompatible-use]
     // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'offsetWidth' does not exist on type 'Element'.
     width: textElement.offsetWidth,
-    // $FlowFixMe[incompatible-use]
     // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'offsetHeight' does not exist on type 'Element'.
     height: textElement.offsetHeight
   };
@@ -18735,11 +18708,8 @@ var PerseusMarkdown = {
   parse: parse$3,
   parseInline: inlineParser,
   reactFor: SimpleMarkdown__default["default"].reactFor,
-  // $FlowFixMe[incompatible-use]
   ruleOutput: SimpleMarkdown__default["default"].ruleOutput(rules$1, "react"),
-  basicOutput: SimpleMarkdown__default["default"].reactFor(
-  // $FlowFixMe[incompatible-use]
-  SimpleMarkdown__default["default"].ruleOutput(rules$1, "react")),
+  basicOutput: SimpleMarkdown__default["default"].reactFor(SimpleMarkdown__default["default"].ruleOutput(rules$1, "react")),
   sanitizeUrl: SimpleMarkdown__default["default"].sanitizeUrl
 };
 
@@ -19181,7 +19151,7 @@ const validAlignments = ["block", "inline-block", "inline", "float-left", "float
  * invalid.
  */
 // TODO(alex): Change this to run as a testcase (vs. being run at runtime)
-// TODO(LP-10707): I think this can be completely removed because our Flow types
+// TODO(LP-10707): I think this can be completely removed because our TypeScript types
 // enforce this!
 const validateAlignments = () => {
   ___default["default"].each(widgets, function (widgetInfo) {
@@ -19553,10 +19523,8 @@ class Renderer extends React__namespace.Component {
       let interactionTracker = this._interactionTrackers[id];
       if (!interactionTracker) {
         interactionTracker = this._interactionTrackers[id] = new InteractionTracker(apiOptions.trackInteraction,
-        // $FlowFixMe[incompatible-call]
         // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'string | null | undefined' is not assignable to parameter of type 'string'.
         widgetInfo && widgetInfo.type, id,
-        // $FlowFixMe[incompatible-call]
         // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'string | null | undefined' is not assignable to parameter of type 'string'.
         getTracking(widgetInfo && widgetInfo.type));
       }
@@ -19866,7 +19834,7 @@ class Renderer extends React__namespace.Component {
           const isString = typeof nodeOut === "string";
           if (typeof nodeOut === "string" && lastWasString) {
             /**
-             * We know that last was string, but Flow can't see this
+             * We know that last was string, but TypeScript can't see this
              * refinement.
              */
             result[result.length - 1] += nodeOut;
@@ -20034,7 +20002,6 @@ class Renderer extends React__namespace.Component {
           } = _ref3;
           return /*#__PURE__*/React__namespace.createElement(SvgImage, _extends({
             setAssetStatus: setAssetStatus
-            /* $FlowFixMe[incompatible-type]: sanitizeUrl() can return null */
             // @ts-expect-error [FEI-5003] - TS2322 - Type 'string | null | undefined' is not assignable to type 'string | undefined'.
             ,
             src: PerseusMarkdown.sanitizeUrl(node.target),
@@ -21923,8 +21890,7 @@ _defineProperty(NumericInput, "defaultProps", {
   coefficient: false,
   answerForms: [],
   labelText: "",
-  linterContext: PerseusLinter.linterContextDefault,
-  multipleNumberInput: false
+  linterContext: PerseusLinter.linterContextDefault
 });
 const unionAnswerForms = function (answerFormsList) {
   // Takes a list of lists of answer forms, and returns a list of the forms
@@ -23351,7 +23317,7 @@ const BaseRadio = function (props) {
     aphroditeClassName(true);
     let correctnessClass;
     // reviewMode is only true if there's a rubric
-    // but Flow doesn't understand that
+    // but TypeScript doesn't understand that
     if (reviewMode && reviewModeRubric) {
       correctnessClass = reviewModeRubric.choices[i].correct ? ClassNames.CORRECT : ClassNames.INCORRECT;
     }
@@ -23872,9 +23838,7 @@ class Radio$1 extends React__namespace.Component {
       };
     });
     return /*#__PURE__*/React__namespace.createElement(BaseRadio, {
-      labelWrap: true
-      // @ts-expect-error [FEI-5003] - TS2322 - Type 'boolean | undefined' is not assignable to type 'boolean'.
-      ,
+      labelWrap: true,
       multipleSelect: this.props.multipleSelect,
       countChoices: this.props.countChoices,
       numCorrect: this.props.numCorrect,
@@ -25130,7 +25094,6 @@ class GradedGroup extends React__namespace.Component {
     }
     const mobileClass = this.props.inGradedGroupSet ? aphrodite.css(styles$l.gradedGroupInSet) : aphrodite.css(styles$l.gradedGroup);
     const classes = classNames__default["default"]({
-      // $FlowFixMe[invalid-computed-prop]
       [mobileClass]: apiOptions.isMobile,
       "perseus-graded-group": true,
       "answer-correct": apiOptions.isMobile ? false : this.state.status === GRADING_STATUSES.correct,
@@ -25392,7 +25355,6 @@ class GradedGroupSet extends React__namespace.Component {
           /*#__PURE__*/
           // TODO(jeremy): Don't spread this.props, instead
           // pass in all props GradedGroup needs explicilty
-          // $FlowFixMe[prop-missing]
           // @ts-expect-error [FEI-5003] - TS2769 - No overload matches this call.
           React__namespace.createElement(GradedGroup, _extends({
             key: i
@@ -25431,12 +25393,8 @@ class GradedGroupSet extends React__namespace.Component {
       ref: comp => this._childGroup = comp
       // We should pass in the set of props explicitly
     }, this.props, currentGroup, {
-      inGradedGroupSet: true
-      // $FlowFixMe[incompatible-type]
-      ,
-      title: null
-      // $FlowFixMe[incompatible-type]
-      ,
+      inGradedGroupSet: true,
+      title: null,
       onNextQuestion: handleNextQuestion,
       linterContext: this.props.linterContext
     })));
@@ -25709,7 +25667,6 @@ const Linear = ___default["default"].extend({}, PlotDefaults, {
 const Quadratic = ___default["default"].extend({}, PlotDefaults, {
   url: "https://ka-perseus-graphie.s3.amazonaws.com/e23d36e6fc29ee37174e92c9daba2a66677128ab.png",
   defaultCoords: [[0.5, 0.5], [0.75, 0.75]],
-  // $FlowFixMe[prop-missing]
   // @ts-expect-error [FEI-5003] - TS2339 - Property 'Parabola' does not exist on type 'typeof Graphie'.
   Movable: Graphie.Parabola,
   getCoefficients: function (coords) {
@@ -25750,7 +25707,6 @@ const Quadratic = ___default["default"].extend({}, PlotDefaults, {
 const Sinusoid = ___default["default"].extend({}, PlotDefaults, {
   url: "https://ka-perseus-graphie.s3.amazonaws.com/3d68e7718498475f53b206c2ab285626baf8857e.png",
   defaultCoords: [[0.5, 0.5], [0.6, 0.6]],
-  // $FlowFixMe[prop-missing]
   // @ts-expect-error [FEI-5003] - TS2339 - Property 'Sinusoid' does not exist on type 'typeof Graphie'.
   Movable: Graphie.Sinusoid,
   getCoefficients: function (coords) {
@@ -25990,7 +25946,7 @@ const functionTypeMapping = {
 const allTypes = ___default["default"].keys(functionTypeMapping);
 function functionForType(
 // TODO(jeremy): Actually `$Keys<typeof functionTypeMapping>` but that
-// triggers Flow to require all of our Plot types to be fully typed which
+// triggers TypeScript to require all of our Plot types to be fully typed which
 // is a big amount of work/change.
 type) {
   return functionTypeMapping[type];
@@ -26240,10 +26196,8 @@ class FunctionGrapher extends React__namespace.Component {
           });
         },
         constraints: [
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovableLine.constraints.bound(),
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovableLine.constraints.snap(), (newCoord, oldCoord) => {
           // Calculate and apply proposed displacement
@@ -26277,10 +26231,8 @@ class FunctionGrapher extends React__namespace.Component {
         coord: coord,
         static: this.props.static,
         constraints: [
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.bound(),
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.snap(), coord => {
           // Always enforce that this is a function
@@ -26338,7 +26290,6 @@ class FunctionGrapher extends React__namespace.Component {
       // @ts-expect-error [FEI-5003] - TS2322 - Type 'Element' is not assignable to type 'null'.
       image =
       /*#__PURE__*/
-      // $FlowFixMe[prop-missing]: alt props is missing
       // @ts-expect-error [FEI-5003] - TS2741 - Property 'alt' is missing in type '{ src: any; width: any; height: any; scale: number; }' but required in type 'Pick<Readonly<Props> & Readonly<{ children?: ReactNode; }>, "children" | "height" | "width" | "title" | "alt" | "trackInteraction" | "preloader" | "allowFullBleed" | "extraGraphie" | "overrideAriaHidden">'.
       React__namespace.createElement(SvgImage, {
         src: imageDescription.url,
@@ -27245,9 +27196,7 @@ class Interaction extends React__namespace.Component {
             functions: this.state.functions
           });
           compiledVars[name] = function (x) {
-            return func(
-            // $FlowFixMe[extra-arg]
-            ___default["default"].extend({}, compiledVars, {
+            return func(___default["default"].extend({}, compiledVars, {
               x: x
             }));
           };
@@ -27960,7 +27909,6 @@ class Graph extends React__namespace.Component {
       const scale = this.props.box[0] / interactiveSizes$1.defaultBoxSize;
       image =
       /*#__PURE__*/
-      // $FlowFixMe[prop-missing]: `alt` is missing
       // @ts-expect-error [FEI-5003] - TS2741 - Property 'alt' is missing in type '{ src: any; width: any; height: any; scale: number; responsive: false; }' but required in type 'Pick<Readonly<Props> & Readonly<{ children?: ReactNode; }>, "children" | "height" | "width" | "title" | "alt" | "trackInteraction" | "preloader" | "allowFullBleed" | "extraGraphie" | "overrideAriaHidden">'.
       React__namespace.createElement(SvgImage, {
         src: imageData.url,
@@ -27978,15 +27926,12 @@ class Graph extends React__namespace.Component {
         width: this.props.box[0],
         height: this.props.box[1]
       }
-      // $FlowFixMe[prop-missing]: This can probably be removed
       // @ts-expect-error [FEI-5003] - TS2339 - Property 'onMouseOut' does not exist on type 'Graph'.
       ,
       onMouseOut: this.onMouseOut
-      // $FlowFixMe[prop-missing]: This can probably be removed
       // @ts-expect-error [FEI-5003] - TS2339 - Property 'onMouseOver' does not exist on type 'Graph'.
       ,
       onMouseOver: this.onMouseOver
-      // $FlowFixMe[prop-missing]: This can probably be removed
       // @ts-expect-error [FEI-5003] - TS2339 - Property 'onClick' does not exist on type 'Graph'.
       ,
       onClick: this.onClick
@@ -28481,10 +28426,8 @@ class InteractiveGraph extends React__namespace.Component {
         return Interactive2.addMaybeMobileMovablePoint(this, {
           coord: coord,
           constraints: [
-          // $FlowFixMe[prop-missing]
           // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
           Interactive2.MovablePoint.constraints.bound(),
-          // $FlowFixMe[prop-missing]
           // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
           Interactive2.MovablePoint.constraints.snap()],
           onMove: () => {
@@ -28543,7 +28486,6 @@ class InteractiveGraph extends React__namespace.Component {
       }
       const onMoveHandler = () => {
         const graph = ___default["default"].extend({}, this.props.graph, {
-          // $FlowFixMe[incompatible-use]
           // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2531 - Object is possibly 'null'. | TS2531 - Object is possibly 'null'.
           coords: [pointA.coord(), pointB.coord(), pointC.coord()]
         });
@@ -28560,17 +28502,13 @@ class InteractiveGraph extends React__namespace.Component {
       pointA = this.pointA = Interactive2.addMaybeMobileMovablePoint(this, {
         coord: coords[0],
         constraints: [
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.bound(),
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.snap(), coord => {
           return !pointA ||
-          // $FlowFixMe[incompatible-use]
           // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'.
           coord[0] !== pointB.coord()[0] &&
-          // $FlowFixMe[incompatible-use]
           // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'.
           coord[0] !== pointC.coord()[0];
         }],
@@ -28584,17 +28522,13 @@ class InteractiveGraph extends React__namespace.Component {
       pointB = this.pointB = Interactive2.addMaybeMobileMovablePoint(this, {
         coord: coords[1],
         constraints: [
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.bound(),
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.snap(), coord => {
           return !pointB ||
-          // $FlowFixMe[incompatible-use]
           // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'.
           coord[0] !== pointA.coord()[0] &&
-          // $FlowFixMe[incompatible-use]
           // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'.
           coord[0] !== pointC.coord()[0];
         }],
@@ -28608,17 +28542,13 @@ class InteractiveGraph extends React__namespace.Component {
       pointC = this.pointC = Interactive2.addMaybeMobileMovablePoint(this, {
         coord: coords[2],
         constraints: [
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.bound(),
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.snap(), coord => {
           return !pointC ||
-          // $FlowFixMe[incompatible-use]
           // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'.
           coord[0] !== pointA.coord()[0] &&
-          // $FlowFixMe[incompatible-use]
           // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'.
           coord[0] !== pointB.coord()[0];
         }],
@@ -28674,7 +28604,6 @@ class InteractiveGraph extends React__namespace.Component {
       }
       const onMoveHandler = () => {
         const graph = ___default["default"].extend({}, this.props.graph, {
-          // $FlowFixMe[incompatible-use]
           // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'.
           coords: [pointA.coord(), pointB.coord()]
         });
@@ -28691,10 +28620,8 @@ class InteractiveGraph extends React__namespace.Component {
       pointA = this.pointA = Interactive2.addMaybeMobileMovablePoint(this, {
         coord: coords[0],
         constraints: [
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.bound(),
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.snap(), coord => {
           return !pointA || coord[0] !== pointB.coord()[0];
@@ -28704,10 +28631,8 @@ class InteractiveGraph extends React__namespace.Component {
       const pointB = this.pointB = Interactive2.addMaybeMobileMovablePoint(this, {
         coord: coords[1],
         constraints: [
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.bound(),
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.snap(), coord => {
           // @ts-expect-error [FEI-5003] - TS2339 - Property 'coord' does not exist on type 'never'.
@@ -28768,9 +28693,7 @@ class InteractiveGraph extends React__namespace.Component {
       });
       $__default["default"](circle).on("move", () => {
         const graph = ___default["default"].extend({}, this.props.graph, {
-          // $FlowFixMe[incompatible-use]
           center: circle.center,
-          // $FlowFixMe[incompatible-use]
           radius: circle.radius
         });
         this.onChange({
@@ -28797,10 +28720,8 @@ class InteractiveGraph extends React__namespace.Component {
           segmentPoints.push(Interactive2.addMaybeMobileMovablePoint(this, {
             coord: coord,
             constraints: [
-            // $FlowFixMe[prop-missing]
             // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
             Interactive2.MovablePoint.constraints.bound(),
-            // $FlowFixMe[prop-missing]
             // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
             Interactive2.MovablePoint.constraints.snap(), coord => {
               const otherSegment = segmentPoints[1 - i];
@@ -28851,12 +28772,7 @@ class InteractiveGraph extends React__namespace.Component {
       }
       const graphie = this.graphie;
       const screenPoint = graphie === null || graphie === void 0 ? void 0 : graphie.scalePoint(coord);
-      return (
-        // $FlowFixMe[incompatible-use]
-        screenPoint[0] >= graphie.xpixels - 40 &&
-        // $FlowFixMe[incompatible-use]
-        screenPoint[1] >= graphie.ypixels - 40
-      );
+      return screenPoint[0] >= graphie.xpixels - 40 && screenPoint[1] >= graphie.ypixels - 40;
     });
     _defineProperty(this, "createPointForPointsType", (coord, i) => {
       const self = this;
@@ -28883,10 +28799,8 @@ class InteractiveGraph extends React__namespace.Component {
       point = Interactive2.addMaybeMobileMovablePoint(this, {
         coord: coord,
         constraints: [
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.bound(),
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.snap(), function (coord) {
           // TODO(jack): There ought to be a
@@ -29174,10 +29088,8 @@ class InteractiveGraph extends React__namespace.Component {
       const point = Interactive2.addMaybeMobileMovablePoint(this, {
         coord: coord,
         constraints: [
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.bound(), snapToGrid ?
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
         Interactive2.MovablePoint.constraints.snap() : null, graphConstraint],
         onMoveStart: () => {
@@ -29273,10 +29185,8 @@ class InteractiveGraph extends React__namespace.Component {
           points.push(createPoint({
             coord: coord,
             constraints: [
-            // $FlowFixMe[prop-missing]
             // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
             Interactive2.MovablePoint.constraints.bound(),
-            // $FlowFixMe[prop-missing]
             // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
             Interactive2.MovablePoint.constraints.snap(), coord => {
               const otherPoint = points[1 - i];
@@ -29298,14 +29208,11 @@ class InteractiveGraph extends React__namespace.Component {
           points: points,
           static: false,
           constraints: [
-          // $FlowFixMe[prop-missing]
           // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
           Interactive2.MovableLine.constraints.bound(),
-          // $FlowFixMe[prop-missing]
           // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
           Interactive2.MovableLine.constraints.snap()],
           onMove: [
-          // $FlowFixMe[prop-missing]
           // @ts-expect-error [FEI-5003] - TS2339 - Property 'onMove' does not exist on type '(graphie: any, movable: any, options: any) => void'.
           Interactive2.MovableLine.onMove.updatePoints, updateCoordProps],
           normalStyle: {
@@ -29402,10 +29309,8 @@ class InteractiveGraph extends React__namespace.Component {
         const self = this;
         self.polygon = Interactive2.addMovablePolygon(graphie, {
           constraints: [
-          // $FlowFixMe[prop-missing]
           // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => undefined'.
           Interactive2.MovablePolygon.constraints.bound(), snapToGrid ?
-          // $FlowFixMe[prop-missing]
           // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => undefined'.
           Interactive2.MovablePolygon.constraints.snap() : null],
           closed: closed,
@@ -29415,7 +29320,6 @@ class InteractiveGraph extends React__namespace.Component {
           numArcs: numArcs,
           sideLabels: sideLabels,
           onMove: [
-          // $FlowFixMe[prop-missing]
           // @ts-expect-error [FEI-5003] - TS2339 - Property 'onMove' does not exist on type '(graphie: any, movable: any, options: any) => undefined'.
           Interactive2.MovablePolygon.onMove.updatePoints, function () {
             // @ts-expect-error [FEI-5003] - TS2683 - 'this' implicitly has type 'any' because it does not have a type annotation.
@@ -29647,7 +29551,6 @@ class InteractiveGraph extends React__namespace.Component {
    */
   static getLineCoords(graph, props) {
     return (
-      // $FlowFixMe[incompatible-return]
       // @ts-expect-error [FEI-5003] - TS2339 - Property 'coords' does not exist on type 'PerseusGraphType'.
       graph.coords || InteractiveGraph.pointsFromNormalized(props, [[0.25, 0.75], [0.75, 0.75]])
     );
@@ -29702,7 +29605,6 @@ class InteractiveGraph extends React__namespace.Component {
   static getLinearSystemCoords(graph, props) {
     return (
       // The callers assume that we're return an array of points
-      // $FlowFixMe[incompatible-return]
       // @ts-expect-error [FEI-5003] - TS2339 - Property 'coords' does not exist on type 'PerseusGraphType'.
       graph.coords || ___default["default"].map([[[0.25, 0.75], [0.75, 0.75]], [[0.25, 0.25], [0.75, 0.25]]], coords => {
         // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'number[][]' is not assignable to parameter of type 'readonly Coord[]'.
@@ -29758,17 +29660,11 @@ class InteractiveGraph extends React__namespace.Component {
     const n = graph.numSegments || 1;
     // @ts-expect-error [FEI-5003] - TS2322 - Type 'number[] | undefined' is not assignable to type 'readonly number[]'.
     const ys = {
-      // $FlowFixMe[unsupported-syntax]
       1: [5],
-      // $FlowFixMe[unsupported-syntax]
       2: [5, -5],
-      // $FlowFixMe[unsupported-syntax]
       3: [5, 0, -5],
-      // $FlowFixMe[unsupported-syntax]
       4: [6, 2, -2, -6],
-      // $FlowFixMe[unsupported-syntax]
       5: [6, 3, 0, -3, -6],
-      // $FlowFixMe[unsupported-syntax]
       6: [5, 3, 1, -1, -3, -5]
     }[n];
     const range = [[-10, 10], [-10, 10]];
@@ -29972,7 +29868,6 @@ class InteractiveGraph extends React__namespace.Component {
         // If both of the guess points are on the correct line, it's
         // correct.
         if (
-        // $FlowFixMe[incompatible-use] - Fix type so coords can't be omitted
         // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'.
         collinear(correct[0], correct[1], guess[0]) &&
         // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'.
@@ -29999,8 +29894,6 @@ class InteractiveGraph extends React__namespace.Component {
         // If the parabola coefficients match, it's correct.
         const guessCoeffs = this.getQuadraticCoefficients(state.coords);
         const correctCoeffs = this.getQuadraticCoefficients(
-        // $FlowFixMe[incompatible-call]
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'readonly Coord[] | undefined' is not assignable to parameter of type 'readonly Coord[]'.
         rubric.correct.coords);
         if (deepEq$2(guessCoeffs, correctCoeffs)) {
@@ -30014,8 +29907,6 @@ class InteractiveGraph extends React__namespace.Component {
       } else if (state.type === "sinusoid" && rubric.correct.type === "sinusoid" && state.coords != null) {
         const guessCoeffs = this.getSinusoidCoefficients(state.coords);
         const correctCoeffs = this.getSinusoidCoefficients(
-        // $FlowFixMe[incompatible-call]
-        // $FlowFixMe[prop-missing]
         // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'readonly Coord[] | undefined' is not assignable to parameter of type 'readonly Coord[]'.
         rubric.correct.coords);
         const canonicalGuessCoeffs = canonicalSineCoefficients(guessCoeffs);
@@ -30030,9 +29921,7 @@ class InteractiveGraph extends React__namespace.Component {
           };
         }
       } else if (state.type === "circle" && rubric.correct.type === "circle") {
-        if (deepEq$2(state.center, rubric.correct.center) &&
-        // $FlowFixMe[prop-missing]
-        eq(state.radius, rubric.correct.radius)) {
+        if (deepEq$2(state.center, rubric.correct.center) && eq(state.radius, rubric.correct.radius)) {
           return {
             type: "points",
             earned: 1,
@@ -30105,10 +29994,8 @@ class InteractiveGraph extends React__namespace.Component {
         const guess = state.coords;
         const correct = rubric.correct.coords;
         if (
-        // $FlowFixMe[incompatible-use]
         // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'.
         deepEq$2(guess[0], correct[0]) &&
-        // $FlowFixMe[incompatible-use]
         // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'.
         collinear(correct[0], correct[1], guess[1])) {
           return {
@@ -30138,13 +30025,10 @@ class InteractiveGraph extends React__namespace.Component {
         } else {
           /* exact */
           match =
-          // $FlowFixMe[incompatible-use]
           // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'.
           deepEq$2(guess[1], correct[1]) &&
-          // $FlowFixMe[incompatible-use]
           // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'.
           collinear(correct[1], correct[0], guess[0]) &&
-          // $FlowFixMe[incompatible-use]
           // @ts-expect-error [FEI-5003] - TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'. | TS2532 - Object is possibly 'undefined'.
           collinear(correct[1], correct[2], guess[2]);
         }
@@ -30183,7 +30067,6 @@ _defineProperty(InteractiveGraph, "defaultProps", {
   labels: ["x", "y"],
   range: [[-10, 10], [-10, 10]],
   step: [1, 1],
-  // $FlowFixMe[prop-missing]
   // @ts-expect-error [FEI-5003] - TS2739 - Type '{ readonly url: null; }' is missing the following properties from type 'PerseusImageBackground': width, height
   backgroundImage: defaultBackgroundImage$1,
   markings: "graph",
@@ -31863,7 +31746,7 @@ class LabelImage extends React__namespace.Component {
     _defineProperty(this, "handleDocumentClick", e => {
       // Dismiss open popup with answer choices if user clicks outside it.
       if (this._selectedMarkerPopup && this._answerChoices) {
-        const answerChoices = ReactDOM__default["default"].findDOMNode(this._answerChoices);
+        const answerChoices = ReactDOM__namespace.findDOMNode(this._answerChoices);
         const targetElement = e.target;
         // HACK(michaelpolyak): We want to determine if the click target is
         // contained within the popup layer. As there's no public interface
@@ -31958,7 +31841,7 @@ class LabelImage extends React__namespace.Component {
       // Set focus on the just-deselected-marker, to enable to resume
       // navigating between the markers using the keyboard.
       if (marker) {
-        ReactDOM__default["default"].findDOMNode(marker).focus();
+        ReactDOM__namespace.findDOMNode(marker).focus();
       }
     });
   }
@@ -32049,7 +31932,7 @@ class LabelImage extends React__namespace.Component {
     // @ts-expect-error [FEI-5003] - TS2345 - Argument of type '{ x: number; y: number; } | { x: number; y: number; } | { x: number; y: number; } | { x: number; y: number; }' is not assignable to parameter of type 'Direction'.
     navigateDirection, markers, index)];
     if (marker) {
-      ReactDOM__default["default"].findDOMNode(marker).focus();
+      ReactDOM__namespace.findDOMNode(marker).focus();
     }
   }
   handleAnswerChoicesChangeForMarker(index, selection) {
@@ -33508,8 +33391,6 @@ class NumberInput extends React__namespace.Component {
     });
     _defineProperty(this, "getValue", () => {
       return this.parseInputValue(
-      // $FlowFixMe[incompatible-use]
-      // $FlowFixMe[prop-missing]
       // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'. | TS2339 - Property 'value' does not exist on type 'Element | Text'.
       ReactDOM__default["default"].findDOMNode(this.refs.input).value // eslint-disable-line react/no-string-refs
       );
@@ -35334,14 +35215,10 @@ const TickMarks = Graphie.createSimpleClass((graphie, props) => {
   // Render the text labels
   results.push(graphie.style(props.isMobile ? {
     color: KhanColors.BLUE_D
-  } : {},
-  // $FlowFixMe[incompatible-call]
-  () => _label(graphie, props.labelStyle, leftLabel, leftLabel, base)));
+  } : {}, () => _label(graphie, props.labelStyle, leftLabel, leftLabel, base)));
   results.push(graphie.style(props.isMobile ? {
     color: KhanColors.BLUE_D
-  } : {}, () =>
-  // $FlowFixMe[incompatible-call]
-  _label(graphie, props.labelStyle, rightLabel, rightLabel, base)));
+  } : {}, () => _label(graphie, props.labelStyle, rightLabel, rightLabel, base)));
 
   // Render the labels' lines
   graphie.style({
@@ -36028,10 +35905,7 @@ class Orderer extends React__namespace.Component {
         current: list,
         dragging: true,
         placeholderIndex: placeholderIndex,
-        // $FlowFixMe[prop-missing]
-        // $FlowFixMe[incompatible-use]
         dragKey: opt.key,
-        // $FlowFixMe[incompatible-use]
         dragContent: opt.content,
         // @ts-expect-error [FEI-5003] - TS2339 - Property 'width' does not exist on type 'JQueryStatic'.
         dragWidth: $draggable.width(),
@@ -37369,7 +37243,7 @@ class SelectionTracker extends React__namespace.PureComponent {
     }
 
     // NOTE(mdr): The focus node is guaranteed to exist, because
-    //     there's a range, but the Flow type annotations for
+    //     there's a range, but the type annotations for
     //     Selection don't know that. Cast it ourselves.
     const focusNode = selection.focusNode;
     const focusOffset = selection.focusOffset;
@@ -37491,23 +37365,8 @@ class HighlightingUI extends React__namespace.PureComponent {
       zIndexes: this.props.zIndexes
     }), this._selectionIsValid(trackedSelection) && !userIsMouseSelecting && /*#__PURE__*/React__namespace.createElement(HighlightTooltip, {
       label: i18n__namespace._("Add highlight"),
-      onClick: () => this._handleAddHighlight(
-      // TODO(mdr): We found a new Flow error when upgrading:
-      //     "proposedHighlight (Cannot get `trackedSelection.proposedHighlight` because property `proposedHighlight` is missing in null or undefined [1].)"
-      // $FlowFixMe[incompatible-use](0.57.3->0.75.0)
-      // @ts-expect-error [FEI-5003] - TS2533 - Object is possibly 'null' or 'undefined'.
-      trackedSelection.proposedHighlight)
-      // TODO(mdr): We found a new Flow error when upgrading:
-      //     "focusNode (Cannot get `trackedSelection.focusNode` because property `focusNode` is missing in null or undefined [1].)"
-      // $FlowFixMe[incompatible-use](0.57.3->0.75.0)
-      // @ts-expect-error [FEI-5003] - TS2533 - Object is possibly 'null' or 'undefined'.
-      ,
-      focusNode: trackedSelection.focusNode
-      // TODO(mdr): We found a new Flow error when upgrading:
-      //     "focusOffset (Cannot get `trackedSelection.focusOffset` because property `focusOffset` is missing in null or undefined [1].)"
-      // $FlowFixMe[incompatible-use](0.57.3->0.75.0)
-      // @ts-expect-error [FEI-5003] - TS2533 - Object is possibly 'null' or 'undefined'.
-      ,
+      onClick: () => this._handleAddHighlight(trackedSelection.proposedHighlight),
+      focusNode: trackedSelection.focusNode,
       focusOffset: trackedSelection.focusOffset,
       offsetParent: this.props.offsetParent
     })));
@@ -37581,11 +37440,7 @@ class WordIndexer extends React__namespace.PureComponent {
         let newTrailingWordRange = null;
         // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'string | null' is not assignable to parameter of type 'string'.
         while ((wordMatch = wordPattern.exec(text)) !== null) {
-          // TODO(mdr): We found a new Flow error when upgrading:
-          //     "index (Cannot get `wordMatch.index` because property `index` is missing in null [1].)"
           const startOffset = wordMatch.index;
-          // TODO(mdr): We found a new Flow error when upgrading:
-          //     "index (Cannot get `wordMatch.index` because property `index` is missing in null [1].)", "0 (Cannot get `wordMatch[0]` because an indexer property is missing in null [1].)"
           const endOffset = wordMatch.index + wordMatch[0].length;
           let range;
           if (startOffset === 0 && trailingWordRange) {
@@ -37869,7 +37724,7 @@ const rules = {
 
         // A "magic" capture that matches the opening {{
         // but captures the full ref text internally :D
-        // unfortunately the "magic" makes Flow upset,
+        // unfortunately the "magic" makes TypeScript upset,
         // so there's this questionable workaround
         capture[1] = source.slice(2, closeIndex);
         return capture;
@@ -38247,7 +38102,7 @@ class Passage extends React__namespace.Component {
     });
   }
   _measureLines() {
-    const renderer = ReactDOM__default["default"].findDOMNode(this._contentRef);
+    const renderer = ReactDOM__namespace.findDOMNode(this._contentRef);
     // @ts-expect-error [FEI-5003] - TS2769 - No overload matches this call. | TS2339 - Property 'height' does not exist on type 'JQueryStatic'.
     const contentsHeight = $__default["default"](renderer).height();
     const lineHeight = this._getLineHeight();
@@ -38301,7 +38156,7 @@ class Passage extends React__namespace.Component {
     }
 
     // @ts-expect-error [FEI-5003] - TS2769 - No overload matches this call.
-    const $ref = $__default["default"](ReactDOM__default["default"].findDOMNode(ref));
+    const $ref = $__default["default"](ReactDOM__namespace.findDOMNode(ref));
     // We really care about the first text after the ref, not the
     // ref element itself:
     // @ts-expect-error [FEI-5003] - TS2339 - Property 'next' does not exist on type 'JQueryStatic'.
@@ -38322,7 +38177,7 @@ class Passage extends React__namespace.Component {
     }
 
     // @ts-expect-error [FEI-5003] - TS2769 - No overload matches this call.
-    const $ref = $__default["default"](ReactDOM__default["default"].findDOMNode(ref));
+    const $ref = $__default["default"](ReactDOM__namespace.findDOMNode(ref));
     // We really care about the last text before the ref, not the
     // ref element itself:
     // @ts-expect-error [FEI-5003] - TS2339 - Property 'prev' does not exist on type 'JQueryStatic'.
@@ -38347,7 +38202,7 @@ class Passage extends React__namespace.Component {
     return this.state.startLineNumbersAfter + line;
   }
   _convertPosToLineNumber(absoluteVPos) {
-    const content = ReactDOM__default["default"].findDOMNode(this._contentRef);
+    const content = ReactDOM__namespace.findDOMNode(this._contentRef);
     // @ts-expect-error [FEI-5003] - TS2769 - No overload matches this call. | TS2339 - Property 'offset' does not exist on type 'JQueryStatic'.
     const relativeVPos = absoluteVPos - $__default["default"](content).offset().top;
     const lineHeight = this._getLineHeight();
@@ -38575,18 +38430,14 @@ class PassageRefTarget extends React__namespace.Component {
     };
   }
   render() {
-    return (
-      /*#__PURE__*/
-      // $FlowFixMe[prop-missing]: inline doesn't exist in Renderer's declared props
-      React__namespace.createElement(Renderer, {
-        content: this.props.content
-        // @ts-expect-error [FEI-5003] - TS2322 - Type '{ content: any; inline: boolean; apiOptions: any; linterContext: any; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes<Renderer> & Pick<Readonly<Props> & Readonly<{ children?: ReactNode; }>, "children" | ... 3 more ... | "legacyPerseusLint"> & InexactPartial<...> & InexactPartial<...>'.
-        ,
-        inline: true,
-        apiOptions: this.props.apiOptions,
-        linterContext: this.props.linterContext
-      })
-    );
+    return /*#__PURE__*/React__namespace.createElement(Renderer, {
+      content: this.props.content
+      // @ts-expect-error [FEI-5003] - TS2322 - Type '{ content: any; inline: boolean; apiOptions: any; linterContext: any; }' is not assignable to type 'IntrinsicAttributes & IntrinsicClassAttributes<Renderer> & Pick<Readonly<Props> & Readonly<{ children?: ReactNode; }>, "children" | ... 3 more ... | "legacyPerseusLint"> & InexactPartial<...> & InexactPartial<...>'.
+      ,
+      inline: true,
+      apiOptions: this.props.apiOptions,
+      linterContext: this.props.linterContext
+    });
   }
 }
 _defineProperty(PassageRefTarget, "propTypes", {
@@ -39181,7 +39032,6 @@ class Plotter extends React__namespace.Component {
         if (i > 0) {
           c.graph.lines[i] = Interactive2.addMovableLine(graphie, {
             points: [c.graph.points[i - 1], c.graph.points[i]],
-            // $FlowFixMe[prop-missing]
             // @ts-expect-error [FEI-5003] - TS2339 - Property 'constraints' does not exist on type '(graphie: any, movable: any, options: any) => void'.
             constraints: Interactive2.MovablePoint.constraints.fixed(),
             normalStyle: {
@@ -41921,9 +41771,7 @@ const ShapeTypes = {
           fixed: !options.translatable && !options.editable
         },
         visible: options.showPoints,
-        // $FlowFixMe[prop-missing]
         snapX: options.snap && options.snap[0] || 0,
-        // $FlowFixMe[prop-missing]
         snapY: options.snap && options.snap[1] || 0,
         bounded: false,
         // Don't bound it when placing it on the graph
@@ -42497,7 +42345,6 @@ class Transformer extends React__namespace.Component {
           transform = {
             type: "translation",
             // NOTE(kevib): these should be numbers
-            // $FlowFixMe[incompatible-type]
             // @ts-expect-error [FEI-5003] - TS2322 - Type 'null' is not assignable to type 'number'. | TS2322 - Type 'null' is not assignable to type 'number'.
             vector: [null, null]
           };
@@ -42506,11 +42353,9 @@ class Transformer extends React__namespace.Component {
           transform = {
             type: "rotation",
             // NOTE(kevib): these should be numbers
-            // $FlowFixMe[incompatible-type]
             // @ts-expect-error [FEI-5003] - 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
-            // $FlowFixMe[incompatible-type]
             // @ts-expect-error [FEI-5003] - TS2322 - Type 'null' is not assignable to type 'number'.
             angleDeg: null
           };
@@ -42521,11 +42366,9 @@ class Transformer extends React__namespace.Component {
             type: "reflection",
             line: [
             // NOTE(kevib): these should be numbers
-            // $FlowFixMe[incompatible-type]
             // @ts-expect-error [FEI-5003] - 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
-            // $FlowFixMe[incompatible-type]
             // @ts-expect-error [FEI-5003] - TS2322 - Type 'null' is not assignable to type 'number'. | TS2322 - Type 'null' is not assignable to type 'number'.
             [null, null]]
           };
@@ -42534,11 +42377,9 @@ class Transformer extends React__namespace.Component {
           transform = {
             type: "dilation",
             // NOTE(kevib): these should be numbers
-            // $FlowFixMe[incompatible-type]
             // @ts-expect-error [FEI-5003] - 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
-            // $FlowFixMe[incompatible-type]
             // @ts-expect-error [FEI-5003] - TS2322 - Type 'null' is not assignable to type 'number'.
             scale: null
           };
@@ -42711,7 +42552,6 @@ class Transformer extends React__namespace.Component {
       if (reflectRotateHandle) {
         $__default["default"](reflectRotateHandle).on("move", function () {
           const rotateHandleApprox = self.snapCoord(
-          // $FlowFixMe[incompatible-use]
           // @ts-expect-error [FEI-5003] - TS2531 - Object is possibly 'null'.
           reflectRotateHandle.coord);
           const rotateVector = kmath.vector.subtract(rotateHandleApprox, reflectButton.coord);
@@ -42779,9 +42619,7 @@ class Transformer extends React__namespace.Component {
         width: this.scaleToCurrentRange(0.24),
         hoverWidth: this.scaleToCurrentRange(0.4),
         onMove: function (newAngle, oldAngle) {
-          const transform = self.getRotationTransformFromAngle(
-          // $FlowFixMe[incompatible-use]
-          self.rotatePoint.coord, newAngle - oldAngle);
+          const transform = self.getRotationTransformFromAngle(self.rotatePoint.coord, newAngle - oldAngle);
 
           // Rotate polygon with rotateHandle
           self.doTransform(transform);
@@ -42830,9 +42668,7 @@ class Transformer extends React__namespace.Component {
           self.doTransform({
             type: "dilation",
             // NOTE(kevinb): It's hard to convince that this.dilationCircle
-            // will still be defined here.
-            // $FlowFixMe[incompatible-use]
-            center: self.dilationCircle.centerPoint.coord,
+            // will still be defined here.                    center: self.dilationCircle.centerPoint.coord,
             scale: newRadius / oldRadius
           });
         },
@@ -42871,7 +42707,6 @@ class Transformer extends React__namespace.Component {
           origOnMoveEnd(args);
         }
         self.changeTool("dilation", {
-          // $FlowFixMe[incompatible-use]
           coord: self.dilationCircle.centerPoint.coord
         });
       };
@@ -42991,7 +42826,6 @@ class Transformer extends React__namespace.Component {
         // handle coordinates in formal mode without movement, since
         // the movablepoints never move
         shape: {
-          // $FlowFixMe[incompatible-use]
           type: this.shape.type,
           coords: this.getCoords(),
           options: (_this$shape5 = this.shape) === null || _this$shape5 === void 0 ? void 0 : _this$shape5.getOptions()
@@ -44950,7 +44784,7 @@ class HintsRenderer extends React__namespace.Component {
       this._cacheHintImages();
     }
 
-    // Force number to make Flow happy
+    // Force number to make TypeScript happy
     const prevHintsVisible = prevProps.hintsVisible || 0;
     const nextHintsVisible = this.props.hintsVisible || 0;
 
@@ -45211,13 +45045,7 @@ class ItemRenderer extends React__namespace.Component {
     // that have completely different places in the DOM, we have to do this
     // strangeness instead of relying on React's normal render() method.
     // TODO(alpert): Figure out how to clean this up somehow
-    render(
-    /*#__PURE__*/
-    // metadata (from item.question, aka PerseusRenderer)
-    // replace (also item.question, aka PerseusRenderer)
-    // savedState (I _think_ this is serializedState on Renderer)
-    // $FlowFixMe[prop-missing] metadata, replace, savedState (see above)
-    React__namespace.createElement(Renderer, _extends({
+    render( /*#__PURE__*/React__namespace.createElement(Renderer, _extends({
       ref: node => {
         if (!node) {
           return;
@@ -45302,9 +45130,7 @@ class ItemRenderer extends React__namespace.Component {
       return Util.inputPathsEqual(inputPath, this._currentFocus);
     });
     if (this.props.apiOptions.onFocusChange != null) {
-      this.props.apiOptions.onFocusChange(this._currentFocus, prevFocus,
-      // $FlowFixMe[incompatible-call]: onFocusChange expects an HTMLElement or nothing
-      didFocusInput && keypadElement && keypadElement.getDOMNode());
+      this.props.apiOptions.onFocusChange(this._currentFocus, prevFocus, didFocusInput && keypadElement && keypadElement.getDOMNode());
     }
     if (keypadElement) {
       if (didFocusInput) {
@@ -45610,14 +45436,9 @@ class ServerItemRenderer extends React__namespace.Component {
       return Util.inputPathsEqual(inputPath, this._currentFocus);
     });
     if (onFocusChange != null) {
-      onFocusChange(this._currentFocus, prevFocus,
-      // $FlowFixMe[incompatible-call]: onFocusChange expects an HTMLElement or nothing
-      didFocusInput && keypadElement && keypadElement.getDOMNode(),
-      // $FlowFixMe[incompatible-call]: onFocusChange expects an HTMLElement or nothing
+      onFocusChange(this._currentFocus, prevFocus, didFocusInput && keypadElement && keypadElement.getDOMNode(),
       // @ts-expect-error [FEI-5003] - TS2345 - Argument of type 'false | Element | Text | null | undefined' is not assignable to parameter of type 'HTMLElement | undefined'.
-      didFocusInput &&
-      // $FlowFixMe[incompatible-call]: onFocusChange expects an HTMLElement or nothing
-      this.questionRenderer.getDOMNodeForPath(newFocus));
+      didFocusInput && this.questionRenderer.getDOMNodeForPath(newFocus));
     }
     if (keypadElement && isMobile) {
       if (didFocusInput) {
@@ -46857,7 +46678,7 @@ class MultiRenderer extends React__namespace.Component {
     //     were to change every render, it would cause the Renderer to
     //     re-render a lot more than is necessary. Don't re-compute this
     //     element unless it is necessary!
-    // HACK(mdr): Flow can't prove that this is a ContentRendererData,
+    // HACK(mdr): TypeScript can't prove that this is a ContentRendererData,
     //     because of how we awkwardly construct it in order to obtain a
     //     circular reference. But it is, I promise.
     const data = {
@@ -46877,7 +46698,6 @@ class MultiRenderer extends React__namespace.Component {
      * one to one could introduce a bug. Need to work out the exact
      * type for ContentNode and then fix this.
      */
-    // $FlowFixMe[cannot-spread-inexact]
     // @ts-expect-error [FEI-5003] - TS2322 - Type '{ ref: (e: any) => any; findExternalWidgets: (criterion: any) => readonly (Widget | null | undefined)[]; serializedState: any; onSerializedStateUpdated: (state: any) => void; __type: "content" | "item"; ... 9 more ...; reviewMode?: boolean | ... 1 more ... | undefined; }' is not assignable to type 'InexactPartial<Pick<Readonly<Props> & Readonly<{ children?: ReactNode; }>, "content" | "images" | "onRender" | "linterContext" | "widgets" | "alwaysUpdate" | ... 6 more ... | "serializedState">>'.
     React__namespace.createElement(Renderer, _extends({}, this._getRendererProps(), content, {
       ref: refFunc,
@@ -47121,7 +46941,7 @@ const styles = aphrodite.StyleSheet.create({
  * Utility functions to build React PropTypes for multi-items and shapes.
  *
  * If you're writing new components, though, consider using the Item and Shape
- * Flow types instead.
+ * types instead.
  */
 
 /**