@khanacademy/math-input 17.0.6 → 17.0.8

package/dist/components/input/mathquill-helpers.d.ts

@@ -42,4 +42,4 @@ export declare function maybeFindCommandBeforeParens(leftParenNode: any): {
     startNode: any;
     endNode: any;
 } | null;
-export declare function getCursorContext(mathField?: MathFieldInterface): typeof CursorContext[keyof typeof CursorContext];
+export declare function getCursorContext(mathField?: MathFieldInterface): (typeof CursorContext)[keyof typeof CursorContext];

package/dist/components/keypad/keypad-pages/fractions-page.d.ts

@@ -3,7 +3,7 @@ import type { ClickKeyCallback } from "../../../types";
 import type { CursorContext } from "../../input/cursor-contexts";
 type Props = {
     onClickKey: ClickKeyCallback;
-    cursorContext?: typeof CursorContext[keyof typeof CursorContext];
+    cursorContext?: (typeof CursorContext)[keyof typeof CursorContext];
 };
 export default function FractionsPage(props: Props): JSX.Element;
 export {};

package/dist/components/keypad/keypad.d.ts

@@ -5,7 +5,7 @@ import type { CursorContext } from "../input/cursor-contexts";
 import type { AnalyticsEventHandlerFn } from "@khanacademy/perseus-core";
 export type Props = {
     extraKeys: ReadonlyArray<Key>;
-    cursorContext?: typeof CursorContext[keyof typeof CursorContext];
+    cursorContext?: (typeof CursorContext)[keyof typeof CursorContext];
     showDismiss?: boolean;
     expandedView?: boolean;
     convertDotToTimes?: boolean;

package/dist/components/keypad/shared-keys.d.ts

@@ -4,7 +4,7 @@ import type { CursorContext } from "../input/cursor-contexts";
 type Props = {
     onClickKey: ClickKeyCallback;
     selectedPage: KeypadPageType;
-    cursorContext?: typeof CursorContext[keyof typeof CursorContext];
+    cursorContext?: (typeof CursorContext)[keyof typeof CursorContext];
     convertDotToTimes?: boolean;
     divisionKey?: boolean;
 };

package/dist/components/keypad/utils.d.ts

@@ -1,3 +1,3 @@
 import { CursorContext } from "../input/cursor-contexts";
 export declare const expandedViewThreshold = 500;
-export declare function getCursorContextConfig(cursorContext?: typeof CursorContext[keyof typeof CursorContext]): import("../../types").NonManyKeyConfig | null;
+export declare function getCursorContextConfig(cursorContext?: (typeof CursorContext)[keyof typeof CursorContext]): import("../../types").NonManyKeyConfig | null;

package/dist/data/keys.d.ts

@@ -1,3 +1,3 @@
 export declare const KeyArray: readonly ["PLUS", "MINUS", "NEGATIVE", "TIMES", "DIVIDE", "DECIMAL", "PERIOD", "PERCENT", "CDOT", "EQUAL", "NEQ", "GT", "LT", "GEQ", "LEQ", "FRAC_INCLUSIVE", "FRAC_EXCLUSIVE", "FRAC", "EXP", "EXP_2", "EXP_3", "SQRT", "CUBE_ROOT", "RADICAL", "LEFT_PAREN", "RIGHT_PAREN", "LN", "LOG", "LOG_N", "SIN", "COS", "TAN", "PI", "THETA", "UP", "RIGHT", "DOWN", "LEFT", "BACKSPACE", "DISMISS", "JUMP_OUT_PARENTHESES", "JUMP_OUT_EXPONENT", "JUMP_OUT_BASE", "JUMP_INTO_NUMERATOR", "JUMP_OUT_NUMERATOR", "JUMP_OUT_DENOMINATOR", "NOOP", "MANY", "NUM_0", "NUM_1", "NUM_2", "NUM_3", "NUM_4", "NUM_5", "NUM_6", "NUM_7", "NUM_8", "NUM_9", "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z", "PHI", "NTHROOT3", "POW", "LOG_B"];
-type Key = typeof KeyArray[number];
+type Key = (typeof KeyArray)[number];
 export default Key;

package/dist/enums.d.ts

@@ -6,4 +6,4 @@ export declare enum KeypadType {
     EXPRESSION = "EXPRESSION"
 }
 export declare const KeyTypes: string[];
-export type KeyType = typeof KeyTypes[number];
+export type KeyType = (typeof KeyTypes)[number];

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.8";
 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