@khanacademy/math-input 17.0.6 → 17.0.7

package/dist/es/index.js

@@ -7,6 +7,7 @@ import { StyleSheet, css } from 'aphrodite';
 import * as React from 'react';
 import { useState, useMemo, useEffect } from 'react';
 import ReactDOM from 'react-dom';
+import { SpeechRuleEngine } from '@khanacademy/mathjax-renderer';
 import MathQuill from 'mathquill';
 import { View as View$1 } from '@khanacademy/wonder-blocks-core';
 import Clickable from '@khanacademy/wonder-blocks-clickable';
@@ -16,7 +17,7 @@ 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 = "17.0.6";
+const libVersion = "17.0.7";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -338,6 +339,50 @@ let CursorContext = /*#__PURE__*/function (CursorContext) {
   return CursorContext;
 }({});
 
+var _process;
+const DecimalSeparator = {
+  COMMA: ",",
+  PERIOD: "."
+};
+
+// NOTES(kevinb):
+// - In order to get the correct decimal separator for the current locale,
+//   the locale must bet set using `setLocale(kaLocale)` which can be
+//   imported from wonder-blocks-i18n.
+// - Some languages/locales use different decimal separators than the ones
+//   listed here.  Much of the Arab world uses U+066C.
+const decimalSeparator = getDecimalSeparator() === "," ? DecimalSeparator.COMMA : DecimalSeparator.PERIOD;
+const CDOT_ONLY = ["az", "cs", "da", "de", "hu", "hy", "kk", "ky", "lt", "lv", "nb", "sk", "sr", "sv", "uz"];
+const TIMES_ONLY = ["fr", "tr", "pt-pt"];
+
+/**
+ * convertDotToTimes (aka `times`) is an option the content creators have to
+ * use × (TIMES) rather than · (CDOT) for multiplication (for younger learners).
+ * Some locales _only_ use one or the other for all multiplication regardless
+ * of age.
+ *
+ * convertDotToTimesByLocale overrides convertDotToTimes for those locales.
+ *
+ * @param {boolean} convertDotToTimes - the setting set by content creators
+ * @returns {boolean} - true to convert to × (TIMES), false to use · (CDOT)
+ */
+function convertDotToTimesByLocale(convertDotToTimes) {
+  const locale = getLocale();
+  if (CDOT_ONLY.includes(locale)) {
+    return false;
+  }
+  if (TIMES_ONLY.includes(locale)) {
+    return true;
+  }
+  return convertDotToTimes;
+}
+
+/**
+ * Use this to avoid running code that should not run in Jest.
+ **/
+const inJest = typeof process !== "undefined" && !!((_process = process) != null && (_process = _process.env) != null && _process.JEST_WORKER_ID);
+// Explicitly checking for undefined because Cypress throws an error
+
 // We only need one MathQuill instance (referred to as MQ in the docs)
 // and that contains some MQ constants and the MathField constructor
 const mathQuillInstance = MathQuill.getInterface(3);
@@ -389,6 +434,12 @@ function createMathField(container, configCallback) {
   const mathField = mathQuillInstance.MathField(container, config)
   // translated in ./math-input.tsx
   .setAriaLabel(i18n._("Math input box"));
+
+  // We should avoid running SpeechRuleEngine.setup() in Jest. It makes an
+  //   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.
+  !inJest && SpeechRuleEngine.setup().then(SRE => mathField.setMathspeakOverride(SRE.texToSpeech));
   return mathField;
 }
 
@@ -827,43 +878,6 @@ function handleBackspace(mathField) {
   }
 }
 
-const DecimalSeparator = {
-  COMMA: ",",
-  PERIOD: "."
-};
-
-// NOTES(kevinb):
-// - In order to get the correct decimal separator for the current locale,
-//   the locale must bet set using `setLocale(kaLocale)` which can be
-//   imported from wonder-blocks-i18n.
-// - Some languages/locales use different decimal separators than the ones
-//   listed here.  Much of the Arab world uses U+066C.
-const decimalSeparator = getDecimalSeparator() === "," ? DecimalSeparator.COMMA : DecimalSeparator.PERIOD;
-const CDOT_ONLY = ["az", "cs", "da", "de", "hu", "hy", "kk", "ky", "lt", "lv", "nb", "sk", "sr", "sv", "uz"];
-const TIMES_ONLY = ["fr", "tr", "pt-pt"];
-
-/**
- * convertDotToTimes (aka `times`) is an option the content creators have to
- * use × (TIMES) rather than · (CDOT) for multiplication (for younger learners).
- * Some locales _only_ use one or the other for all multiplication regardless
- * of age.
- *
- * convertDotToTimesByLocale overrides convertDotToTimes for those locales.
- *
- * @param {boolean} convertDotToTimes - the setting set by content creators
- * @returns {boolean} - true to convert to × (TIMES), false to use · (CDOT)
- */
-function convertDotToTimesByLocale(convertDotToTimes) {
-  const locale = getLocale();
-  if (CDOT_ONLY.includes(locale)) {
-    return false;
-  }
-  if (TIMES_ONLY.includes(locale)) {
-    return true;
-  }
-  return convertDotToTimes;
-}
-
 function handleLeftArrow(mathField, cursor) {
   // If we're inside a function, and just after the left parentheses, we
   // need to skip the entire function name, rather than move the cursor