@khanacademy/math-input 21.1.6 → 22.0.0

package/dist/components/aphrodite-css-transition-group/transition-child.d.ts

@@ -8,7 +8,7 @@ declare const _default: {
         enterTimeout?: number | undefined;
         leaveTimeout?: number | undefined;
         in?: boolean | undefined;
-    }): JSX.Element;
+    }): React.JSX.Element;
     displayName: string;
 };
 export default _default;

package/dist/es/index.js

@@ -16,17 +16,25 @@ import PropTypes from 'prop-types';
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/math-input";
-const libVersion = "21.1.6";
+const libVersion = "22.0.0";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
     }
-    return n;
-  }, _extends.apply(null, arguments);
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
 }
 
 class View extends React.Component {
@@ -539,6 +547,7 @@ function createMathField(container, locale, strings, configCallback) {
   //   HTTP request to fetch non-english speech rules, and cannot be easily
   //   mocked in consuming packages now that we do not bundle source code.
   //   When it eventually times out, it will cause arbitrary test failures.
+  // eslint-disable-next-line @typescript-eslint/no-unused-expressions
   !inJest && SpeechRuleEngine.setup(locale).then(SRE => mathField.setMathspeakOverride(SRE.texToSpeech));
   return mathField;
 }
@@ -1761,6 +1770,7 @@ class MathInput extends React.Component {
      * @param {number} y - the y coordinate in the viewport
      */
     this._insertCursorAtClosestNode = (x, y) => {
+      var _this$props$keypadEle3;
       const cursor = this.mathField.getCursor();
 
       // Pre-emptively check if the input has any child nodes; if not, the
@@ -1819,7 +1829,7 @@ class MathInput extends React.Component {
         cursor.insAtLeftEnd(this.mathField.mathField.controller().root);
       }
       // In that event, we need to update the cursor context ourselves.
-      this.props.keypadElement && this.props.keypadElement.setCursor({
+      (_this$props$keypadEle3 = this.props.keypadElement) == null || _this$props$keypadEle3.setCursor({
         context: this.mathField.contextForCursor()
       });
     };
@@ -2091,12 +2101,13 @@ class MathInput extends React.Component {
     this._isMounted = true;
     this.mathField = new MathWrapper(this._mathContainer, this.props.ariaLabel, this.context.strings, this.context.locale, {
       onCursorMove: cursor => {
+        var _this$props$keypadEle4;
         // TODO(charlie): It's not great that there is so much coupling
         // between this keypad and the input behavior. We should wrap
         // this `MathInput` component in an intermediary component
         // that translates accesses on the keypad into vanilla props,
         // to make this input keypad-agnostic.
-        this.props.keypadElement && this.props.keypadElement.setCursor(cursor);
+        (_this$props$keypadEle4 = this.props.keypadElement) == null || _this$props$keypadEle4.setCursor(cursor);
       }
     });
     this.mathField.setContent(this.props.value);
@@ -2188,8 +2199,9 @@ class MathInput extends React.Component {
             // that the keypad may be anchored above the 'Check answer' bottom bar,
             // in which case we don't want to dismiss the keypad on check.
             if (!isWithinKeypadBounds(x, y)) {
+              var _this$props$onBlur2, _this$props3;
               this.blur();
-              this.props.onBlur && this.props.onBlur();
+              (_this$props$onBlur2 = (_this$props3 = this.props).onBlur) == null || _this$props$onBlur2.call(_this$props3);
             }
           }
         }
@@ -2217,8 +2229,8 @@ class MathInput extends React.Component {
   }
   /** Returns the current bounds of the keypadElement */
   _getKeypadBounds() {
-    var _this$props$keypadEle3;
-    const keypadNode = (_this$props$keypadEle3 = this.props.keypadElement) == null ? void 0 : _this$props$keypadEle3.getDOMNode();
+    var _this$props$keypadEle5;
+    const keypadNode = (_this$props$keypadEle5 = this.props.keypadElement) == null ? void 0 : _this$props$keypadEle5.getDOMNode();
 
     // If the keypad is mounted, return its bounds. Otherwise, return null.
     if (keypadNode instanceof Element) {
@@ -2343,14 +2355,19 @@ const inlineStyles = {
   }
 };
 
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.includes(n)) continue;
-    t[n] = r[n];
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
   }
-  return t;
+
+  return target;
 }
 
 const IconAsset = function IconAsset({