@khanacademy/math-input 20.0.3 → 20.1.1

package/dist/index.js

@@ -44,7 +44,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 = "20.0.3";
+const libVersion = "20.1.1";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -1327,7 +1327,6 @@ const getKeyTranslator = locale => ({
   LEFT_PAREN: buildGenericCallback("(", ActionType.CMD),
   RIGHT_PAREN: buildGenericCallback(")", ActionType.CMD),
   SQRT: buildGenericCallback("sqrt", ActionType.CMD),
-  PHI: buildGenericCallback("\\phi", ActionType.CMD),
   PI: buildGenericCallback("pi", ActionType.CMD),
   THETA: buildGenericCallback("theta", ActionType.CMD),
   RADICAL: buildGenericCallback("nthroot", ActionType.CMD),
@@ -1349,13 +1348,6 @@ const getKeyTranslator = locale => ({
       mathQuill.keystroke("Left");
     }
   },
-  LOG_B: mathQuill => {
-    mathQuill.typedText("log_");
-    mathQuill.keystroke("Right");
-    mathQuill.typedText("(");
-    mathQuill.keystroke("Left");
-    mathQuill.keystroke("Left");
-  },
   LOG_N: mathQuill => {
     mathQuill.write("log_{ }\\left(\\right)");
     mathQuill.keystroke("Left"); // into parentheses
@@ -1363,26 +1355,9 @@ const getKeyTranslator = locale => ({
     mathQuill.keystroke("Left"); // into index
   },
 
-  NTHROOT3: mathQuill => {
-    mathQuill.typedText("nthroot3");
-    mathQuill.keystroke("Right");
-  },
-  POW: mathQuill => {
-    const contents = mathQuill.latex();
-    mathQuill.typedText("^");
-
-    // If the input hasn't changed (for example, if we're
-    // attempting to add an exponent on an empty input or an empty
-    // denominator), insert our own "a^b"
-    if (mathQuill.latex() === contents) {
-      mathQuill.typedText("a^b");
-    }
-  },
   // These need to be overwritten by the consumer
   // if they're going to be used
   DISMISS: () => {},
-  NOOP: () => {},
-  MANY: () => {},
   NUM_0: buildGenericCallback("0"),
   NUM_1: buildGenericCallback("1"),
   NUM_2: buildGenericCallback("2"),
@@ -1457,9 +1432,9 @@ class MathWrapper {
   mathField; // MathQuill MathField input
   callbacks;
   mobileKeyTranslator;
-  constructor(element, strings, locale) {
-    let callbacks = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-    this.mathField = createMathField(element, locale, strings, () => {
+  constructor(mathFieldMount, ariaLabel, strings, locale) {
+    let callbacks = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
+    this.mathField = createMathField(mathFieldMount, locale, strings, () => {
       return {
         // use a span instead of a textarea so that we don't bring up the
         // native keyboard on mobile when selecting the input
@@ -1468,6 +1443,7 @@ class MathWrapper {
         }
       };
     });
+    this.mathField?.setAriaLabel(ariaLabel);
     this.callbacks = callbacks;
     this.mobileKeyTranslator = {
       ...getKeyTranslator(locale),
@@ -1689,7 +1665,7 @@ class MathInput extends React__namespace.Component {
   };
   componentDidMount() {
     this._isMounted = true;
-    this.mathField = new MathWrapper(this._mathContainer, this.context.strings, this.context.locale, {
+    this.mathField = new MathWrapper(this._mathContainer, this.props.ariaLabel, this.context.strings, this.context.locale, {
       onCursorMove: cursor => {
         // TODO(charlie): It's not great that there is so much coupling
         // between this keypad and the input behavior. We should wrap
@@ -3048,12 +3024,6 @@ const KeyConfigs = strings => ({
       ariaLabel: strings.theta
     })
   },
-  NOOP: {
-    ...getDefaultOperatorFields({
-      key: "NOOP",
-      keyType: "EMPTY"
-    })
-  },
   // Input navigation
   UP: {
     ...getDefaultOperatorFields({
@@ -3140,13 +3110,6 @@ const KeyConfigs = strings => ({
       ariaLabel: strings.dismiss
     })
   },
-  // TODO(charlie): Use the numeral color for the 'Many' key.
-  MANY: {
-    ...getDefaultOperatorFields({
-      key: "MANY",
-      keyType: "MANY"
-    })
-  },
   // NUMBERS
   NUM_0: {
     ...getDefaultNumberFields({
@@ -3458,26 +3421,6 @@ const KeyConfigs = strings => ({
     ...getDefaultValueFields({
       key: "z"
     })
-  },
-  PHI: {
-    ...getDefaultValueFields({
-      key: "PHI"
-    })
-  },
-  NTHROOT3: {
-    ...getDefaultValueFields({
-      key: "NTHROOT3"
-    })
-  },
-  POW: {
-    ...getDefaultValueFields({
-      key: "POW"
-    })
-  },
-  LOG_B: {
-    ...getDefaultValueFields({
-      key: "LOG_B"
-    })
   }
 });
 
@@ -4891,33 +4834,6 @@ function ButtonAsset(_ref) {
         strokeLinejoin: "round",
         d: "M22 18l-6 6 6 6M16 24h16"
       })));
-
-    /**
-     * ANYTHING BELOW IS NOT YET HANDLED
-     */
-    case "MANY":
-    case "NOOP":
-    case "PHI":
-    case "NTHROOT3":
-    case "POW":
-    case "LOG_B":
-      // placeholder
-      return /*#__PURE__*/React__namespace.createElement("svg", {
-        width: "40",
-        height: "40",
-        viewBox: "0 0 40 40",
-        fill: "black",
-        xmlns: "http://www.w3.org/2000/svg"
-      }, /*#__PURE__*/React__namespace.createElement("text", {
-        y: "20",
-        textLength: "100%",
-        lengthAdjust: "spacingAndGlyphs"
-      }, id), /*#__PURE__*/React__namespace.createElement("text", {
-        y: "35",
-        textLength: "100%",
-        lengthAdjust: "spacingAndGlyphs",
-        fill: "red"
-      }, "placeholder"));
     default:
       // this line forces an exhaustive check of all keys;
       // if a key is not handled, the compiler will complain.
@@ -6182,14 +6098,7 @@ const KeyArray = ["PLUS", "MINUS", "NEGATIVE", "TIMES", "DIVIDE", "DECIMAL", "PE
 // TODO(charlie): Add in additional Greek letters.,
 "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",
 // Multi-functional keys.
-"NOOP",
-// mobile native only
-"MANY",
-// A custom key that captures an arbitrary number of symbols but has no 'default' symbol or action.
-"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",
-// Currently only used by
-// Perseus' Expression MathInput
-"PHI", "NTHROOT3", "POW", "LOG_B"];
+"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"];
 
 /**
  * Constants that are shared between multiple files.