@khanacademy/math-input 20.0.3 → 20.1.1

package/dist/components/input/math-input.d.ts

@@ -3,6 +3,7 @@ import { MathInputI18nContext } from "../i18n-context";
 import type { KeypadAPI, KeypadContextType } from "../../types";
 type Props = {
     keypadElement?: KeypadAPI;
+    ariaLabel: string;
     onBlur: () => void;
     onChange: (value: string, callback: any) => void;
     onFocus: () => void;

package/dist/components/input/math-wrapper.d.ts

@@ -10,7 +10,7 @@ declare class MathWrapper {
     mathField: MathFieldInterface;
     callbacks: any;
     mobileKeyTranslator: Record<Key, MathFieldUpdaterCallback>;
-    constructor(element: any, strings: MathInputStrings, locale: string, callbacks?: {});
+    constructor(mathFieldMount: any, ariaLabel: string, strings: MathInputStrings, locale: string, callbacks?: {});
     focus(): void;
     blur(): void;
     /**

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

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

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

@@ -5,7 +5,6 @@ import type Key from "./keys";
 import type { MathInputStrings } from "../strings";
 import type { KeyConfig } from "../types";
 declare const KeyConfigs: (strings: MathInputStrings) => {
-    MANY: KeyConfig;
     x: KeyConfig;
     y: KeyConfig;
     a: KeyConfig;
@@ -62,7 +61,6 @@ declare const KeyConfigs: (strings: MathInputStrings) => {
     JUMP_INTO_NUMERATOR: KeyConfig;
     JUMP_OUT_NUMERATOR: KeyConfig;
     JUMP_OUT_DENOMINATOR: KeyConfig;
-    NOOP: KeyConfig;
     NUM_0: KeyConfig;
     NUM_1: KeyConfig;
     NUM_2: KeyConfig;
@@ -115,9 +113,5 @@ declare const KeyConfigs: (strings: MathInputStrings) => {
     X: KeyConfig;
     Y: KeyConfig;
     Z: KeyConfig;
-    PHI: KeyConfig;
-    NTHROOT3: KeyConfig;
-    POW: KeyConfig;
-    LOG_B: KeyConfig;
 };
 export default KeyConfigs;

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"];
+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", "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"];
 type Key = (typeof KeyArray)[number];
 export default Key;

package/dist/es/index.js

@@ -15,7 +15,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 = "20.0.3";
+const libVersion = "20.1.1";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -1276,7 +1276,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),
@@ -1298,13 +1297,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
@@ -1312,26 +1304,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"),
@@ -1402,12 +1377,13 @@ const getKeyTranslator = locale => ({
  * from MathQuill changes.
  */
 class MathWrapper {
-  constructor(element, strings, locale, callbacks = {}) {
+  constructor(mathFieldMount, ariaLabel, strings, locale, callbacks = {}) {
+    var _this$mathField;
     this.mathField = void 0;
     // MathQuill MathField input
     this.callbacks = void 0;
     this.mobileKeyTranslator = void 0;
-    this.mathField = createMathField(element, locale, strings, () => {
+    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
@@ -1416,6 +1392,7 @@ class MathWrapper {
         }
       };
     });
+    (_this$mathField = this.mathField) == null || _this$mathField.setAriaLabel(ariaLabel);
     this.callbacks = callbacks;
     this.mobileKeyTranslator = _extends({}, getKeyTranslator(locale), {
       // note(Matthew): our mobile backspace logic is really complicated
@@ -2179,7 +2156,7 @@ class MathInput extends React.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
@@ -2910,10 +2887,6 @@ const KeyConfigs = strings => ({
     data: "\\theta",
     ariaLabel: strings.theta
   })),
-  NOOP: _extends({}, getDefaultOperatorFields({
-    key: "NOOP",
-    keyType: "EMPTY"
-  })),
   // Input navigation
   UP: _extends({}, getDefaultOperatorFields({
     key: "UP",
@@ -2976,11 +2949,6 @@ const KeyConfigs = strings => ({
     keyType: "KEYPAD_NAVIGATION",
     ariaLabel: strings.dismiss
   })),
-  // TODO(charlie): Use the numeral color for the 'Many' key.
-  MANY: _extends({}, getDefaultOperatorFields({
-    key: "MANY",
-    keyType: "MANY"
-  })),
   // NUMBERS
   NUM_0: _extends({}, getDefaultNumberFields({
     key: "NUM_0"
@@ -3168,18 +3136,6 @@ const KeyConfigs = strings => ({
   })),
   z: _extends({}, getDefaultValueFields({
     key: "z"
-  })),
-  PHI: _extends({}, getDefaultValueFields({
-    key: "PHI"
-  })),
-  NTHROOT3: _extends({}, getDefaultValueFields({
-    key: "NTHROOT3"
-  })),
-  POW: _extends({}, getDefaultValueFields({
-    key: "POW"
-  })),
-  LOG_B: _extends({}, getDefaultValueFields({
-    key: "LOG_B"
   }))
 });
 
@@ -4592,33 +4548,6 @@ function ButtonAsset({
         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.createElement("svg", {
-        width: "40",
-        height: "40",
-        viewBox: "0 0 40 40",
-        fill: "black",
-        xmlns: "http://www.w3.org/2000/svg"
-      }, /*#__PURE__*/React.createElement("text", {
-        y: "20",
-        textLength: "100%",
-        lengthAdjust: "spacingAndGlyphs"
-      }, id), /*#__PURE__*/React.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.
@@ -5879,14 +5808,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.