@khanacademy/math-input 21.1.5 → 21.1.7

package/dist/components/aphrodite-css-transition-group/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference path="../../../types/aphrodite.d.ts" />
 import type { StyleType } from "@khanacademy/wonder-blocks-core";
 import type { CSSProperties } from "aphrodite";
 export type AnimationStyles = {

package/dist/data/key-configs.d.ts

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

package/dist/es/index.js

@@ -16,7 +16,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 = "21.1.5";
+const libVersion = "21.1.7";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -539,6 +539,7 @@ function createMathField(container, locale, strings, configCallback) {
   //   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.
+  // eslint-disable-next-line @typescript-eslint/no-unused-expressions
   !inJest && SpeechRuleEngine.setup(locale).then(SRE => mathField.setMathspeakOverride(SRE.texToSpeech));
   return mathField;
 }
@@ -1761,6 +1762,7 @@ class MathInput extends React.Component {
      * @param {number} y - the y coordinate in the viewport
      */
     this._insertCursorAtClosestNode = (x, y) => {
+      var _this$props$keypadEle3;
       const cursor = this.mathField.getCursor();
 
       // Pre-emptively check if the input has any child nodes; if not, the
@@ -1819,7 +1821,7 @@ class MathInput extends React.Component {
         cursor.insAtLeftEnd(this.mathField.mathField.controller().root);
       }
       // In that event, we need to update the cursor context ourselves.
-      this.props.keypadElement && this.props.keypadElement.setCursor({
+      (_this$props$keypadEle3 = this.props.keypadElement) == null || _this$props$keypadEle3.setCursor({
         context: this.mathField.contextForCursor()
       });
     };
@@ -2091,12 +2093,13 @@ class MathInput extends React.Component {
     this._isMounted = true;
     this.mathField = new MathWrapper(this._mathContainer, this.props.ariaLabel, this.context.strings, this.context.locale, {
       onCursorMove: cursor => {
+        var _this$props$keypadEle4;
         // TODO(charlie): It's not great that there is so much coupling
         // between this keypad and the input behavior. We should wrap
         // this `MathInput` component in an intermediary component
         // that translates accesses on the keypad into vanilla props,
         // to make this input keypad-agnostic.
-        this.props.keypadElement && this.props.keypadElement.setCursor(cursor);
+        (_this$props$keypadEle4 = this.props.keypadElement) == null || _this$props$keypadEle4.setCursor(cursor);
       }
     });
     this.mathField.setContent(this.props.value);
@@ -2188,8 +2191,9 @@ class MathInput extends React.Component {
             // that the keypad may be anchored above the 'Check answer' bottom bar,
             // in which case we don't want to dismiss the keypad on check.
             if (!isWithinKeypadBounds(x, y)) {
+              var _this$props$onBlur2, _this$props3;
               this.blur();
-              this.props.onBlur && this.props.onBlur();
+              (_this$props$onBlur2 = (_this$props3 = this.props).onBlur) == null || _this$props$onBlur2.call(_this$props3);
             }
           }
         }
@@ -2217,8 +2221,8 @@ class MathInput extends React.Component {
   }
   /** Returns the current bounds of the keypadElement */
   _getKeypadBounds() {
-    var _this$props$keypadEle3;
-    const keypadNode = (_this$props$keypadEle3 = this.props.keypadElement) == null ? void 0 : _this$props$keypadEle3.getDOMNode();
+    var _this$props$keypadEle5;
+    const keypadNode = (_this$props$keypadEle5 = this.props.keypadElement) == null ? void 0 : _this$props$keypadEle5.getDOMNode();
 
     // If the keypad is mounted, return its bounds. Otherwise, return null.
     if (keypadNode instanceof Element) {