@khanacademy/math-input 17.0.8 → 17.2.0

package/dist/index.js

@@ -47,7 +47,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/math-input";
-const libVersion = "17.0.8";
+const libVersion = "17.2.0";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -424,9 +424,9 @@ const createBaseConfig = () => ({
   // Most of these autoOperatorNames are simply the MathQuill defaults.
   // We have to list them all in order to add the `sen` operator (see
   // comment below).
-  autoOperatorNames: ["arccos", "arcsin", "arctan", "arg", "cos", "cosh", "cot", "coth", "csc", "deg", "det", "dim", "exp", "gcd", "hom", "inf", "ker", "lg", "lim", "liminf", "limsup", "ln", "log", "max", "min", "Pr", "projlim", "sec",
+  autoOperatorNames: ["arccos", "arcsin", "arctan", "arctg", "arg", "cos", "cosec", "cossec", "cosh", "cot", "cotg", "coth", "csc", "ctg", "deg", "det", "dim", "exp", "gcd", "hom", "inf", "ker", "lg", "lim", "liminf", "limsup", "ln", "log", "max", "min", "Pr", "projlim", "sec",
   // sen is used instead of sin in e.g. Portuguese
-  "sen", "sin", "sinh", "sup", "tan", "tanh"].join(" "),
+  "sen", "sin", "sinh", "sup", "tan", "tanh", "tg"].join(" "),
   // Pop the cursor out of super/subscripts on arithmetic operators
   // or (in)equalities.
   charsThatBreakOutOfSupSub: "+-*/=<>≠≤≥",
@@ -1946,6 +1946,13 @@ class MathInput extends React__namespace.Component {
     if (!this.state.focused) {
       this.focus();
     }
+
+    // If the user clicked on the input using a mouse or tap gesture,
+    // we want to set the focus to the inputRef so that the keyUp
+    // event will be triggered when the user types on the keyboard.
+    // This is necessary to support Chromebooks as they use mobile user
+    // agents, do not simulate touch events, and have physical keyboards.
+    this.inputRef?.focus();
   };
 
   // We want to allow the user to be able to focus the input via click
@@ -1977,6 +1984,13 @@ class MathInput extends React__namespace.Component {
     if (!this.state.focused) {
       this.focus();
     }
+
+    // If the user clicked on the input using a mouse or tap gesture,
+    // we want to set the focus to the inputRef so that the keyUp
+    // event will be triggered when the user types on the keyboard.
+    // This is necessary to support Chromebooks as they use mobile user
+    // agents, do not simulate touch events, and have physical keyboards.
+    this.inputRef?.focus();
   };
   handleTouchMove = e => {
     e.stopPropagation();
@@ -2136,7 +2150,7 @@ class MathInput extends React__namespace.Component {
       const value = this.mathField.getContent();
       if (this.props.value !== value) {
         this.mathField.setContent(this.props.value);
-        this.props.onChange(value, false);
+        this.props.onChange(value, () => {});
         this._hideCursorHandle();
       }
     }