@khanacademy/math-input 20.0.3 → 20.1.0

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.0";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -1457,9 +1457,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 +1468,7 @@ class MathWrapper {
         }
       };
     });
+    this.mathField?.setAriaLabel(ariaLabel);
     this.callbacks = callbacks;
     this.mobileKeyTranslator = {
       ...getKeyTranslator(locale),
@@ -1689,7 +1690,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