@khanacademy/math-input 21.0.0 → 21.0.2

package/dist/components/key-handlers/key-translator.d.ts

@@ -1,3 +1,9 @@
 import type Key from "../../data/keys";
 import type { MathFieldUpdaterCallback } from "../input/mathquill-types";
-export declare const getKeyTranslator: (locale: string) => Record<Key, MathFieldUpdaterCallback>;
+type KeyTranslatorStrings = {
+    sin: string;
+    cos: string;
+    tan: string;
+};
+export declare const getKeyTranslator: (locale: string, strings: KeyTranslatorStrings) => Record<Key, MathFieldUpdaterCallback>;
+export {};

package/dist/es/index.js

@@ -16,22 +16,17 @@ 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.0.0";
+const libVersion = "21.0.2";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+    return n;
+  }, _extends.apply(null, arguments);
 }
 
 // https://github.com/necolas/react-native-web/blob/master/src/components/Text/index.js
@@ -1192,13 +1187,31 @@ function buildGenericCallback(str, type = ActionType.WRITE) {
     }
   };
 }
+
+/**
+ * This lets us use translated functions
+ * (like tg->tan and sen->sin) when we know it's safe to.
+ * This lets us progressively support translations without needing
+ * to support every language all at once.
+ *
+ * @param {string} command - the translated command/function to check
+ * @param {string[]} supportedTranslations - list of translations we support
+ * @param {string} defaultCommand - what to fallback to if the command isn't supported
+ */
+function buildTranslatableFunctionCallback(command, supportedTranslations, defaultCommand) {
+  const cmd = supportedTranslations.includes(command) ? command : defaultCommand;
+  return function (mathField) {
+    mathField.write(`${cmd}\\left(\\right)`);
+    mathField.keystroke("Left");
+  };
+}
 function buildNormalFunctionCallback(command) {
   return function (mathField) {
     mathField.write(`\\${command}\\left(\\right)`);
     mathField.keystroke("Left");
   };
 }
-const getKeyTranslator = locale => ({
+const getKeyTranslator = (locale, strings) => ({
   EXP: handleExponent,
   EXP_2: handleExponent,
   EXP_3: handleExponent,
@@ -1212,9 +1225,9 @@ const getKeyTranslator = locale => ({
   RIGHT: handleArrow,
   LOG: buildNormalFunctionCallback("log"),
   LN: buildNormalFunctionCallback("ln"),
-  SIN: buildNormalFunctionCallback("sin"),
-  COS: buildNormalFunctionCallback("cos"),
-  TAN: buildNormalFunctionCallback("tan"),
+  COS: buildNormalFunctionCallback(strings.cos),
+  SIN: buildTranslatableFunctionCallback(strings.sin, ["sin", "sen"], "sin"),
+  TAN: buildTranslatableFunctionCallback(strings.tan, ["tan", "tg"], "tan"),
   CDOT: buildGenericCallback("\\cdot"),
   DECIMAL: buildGenericCallback(getDecimalSeparator(locale)),
   DIVIDE: buildGenericCallback("\\div"),
@@ -1355,7 +1368,7 @@ class MathWrapper {
     });
     (_this$mathField = this.mathField) == null || _this$mathField.setAriaLabel(ariaLabel);
     this.callbacks = callbacks;
-    this.mobileKeyTranslator = _extends({}, getKeyTranslator(locale), {
+    this.mobileKeyTranslator = _extends({}, getKeyTranslator(locale, strings), {
       // note(Matthew): our mobile backspace logic is really complicated
       // and for some reason doesn't really work in the desktop experience.
       // So we default to the basic backspace functionality in the