@khanacademy/math-input 17.0.6 → 17.0.8

package/dist/index.js

@@ -9,6 +9,7 @@ var wonderStuffCore = require('@khanacademy/wonder-stuff-core');
 var aphrodite = require('aphrodite');
 var React = require('react');
 var ReactDOM = require('react-dom');
+var mathjaxRenderer = require('@khanacademy/mathjax-renderer');
 var MathQuill = require('mathquill');
 var wonderBlocksCore = require('@khanacademy/wonder-blocks-core');
 var Clickable = require('@khanacademy/wonder-blocks-clickable');
@@ -46,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.6";
+const libVersion = "17.0.8";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -369,6 +370,49 @@ let CursorContext = /*#__PURE__*/function (CursorContext) {
   return CursorContext;
 }({});
 
+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 = i18n.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 = i18n.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?.env?.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__default["default"].getInterface(3);
@@ -420,6 +464,12 @@ function createMathField(container, configCallback) {
   const mathField = mathQuillInstance.MathField(container, config)
   // translated in ./math-input.tsx
   .setAriaLabel(i18n__namespace._("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 && mathjaxRenderer.SpeechRuleEngine.setup().then(SRE => mathField.setMathspeakOverride(SRE.texToSpeech));
   return mathField;
 }
 
@@ -858,43 +908,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 = i18n.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 = i18n.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