@khanacademy/math-input 21.1.0 → 21.1.2

package/dist/fake-react-native-web/index.d.ts

@@ -6,5 +6,4 @@
  * Inspired by https://github.com/necolas/react-native-web. We use aphrodite
  * StyleSheets instead.
  */
-export { default as Text } from "./text";
 export { default as View } from "./view";

package/dist/index.js

@@ -45,7 +45,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 = "21.1.0";
+const libVersion = "21.1.2";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -63,25 +63,6 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-// https://github.com/necolas/react-native-web/blob/master/src/components/Text/index.js
-aphrodite.StyleSheet.create({
-  initial: {
-    color: "inherit",
-    display: "inline",
-    font: "inherit",
-    margin: 0,
-    padding: 0,
-    textDecorationLine: "none",
-    wordWrap: "break-word"
-  },
-  singleLineStyle: {
-    maxWidth: "100%",
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap"
-  }
-});
-
 class View extends React__namespace.Component {
   static styles = aphrodite.StyleSheet.create({
     // From: https://github.com/necolas/react-native-web/blob/master/src/components/View/index.js
@@ -438,6 +419,14 @@ class DragListener {
   }
 }
 
+let MathFieldActionType = /*#__PURE__*/function (MathFieldActionType) {
+  MathFieldActionType["WRITE"] = "write";
+  MathFieldActionType["CMD"] = "cmd";
+  MathFieldActionType["KEYSTROKE"] = "keystroke";
+  MathFieldActionType[MathFieldActionType["MQ_END"] = 0] = "MQ_END";
+  return MathFieldActionType;
+}({});
+
 /**
  * Enum that defines the various contexts in which a cursor can exist. The
  * active context is determined first by looking at the cursor's siblings (e.g.,
@@ -609,29 +598,6 @@ function createMathField(container, locale, strings, configCallback) {
   return mathField;
 }
 
-/**
- * Editable math fields have all of the above methods in addition to
- * the ones listed here.
- * https://docs.mathquill.com/en/latest/Api_Methods/
- */
-
-let MathFieldActionType = /*#__PURE__*/function (MathFieldActionType) {
-  MathFieldActionType["WRITE"] = "write";
-  MathFieldActionType["CMD"] = "cmd";
-  MathFieldActionType["KEYSTROKE"] = "keystroke";
-  MathFieldActionType[MathFieldActionType["MQ_END"] = 0] = "MQ_END";
-  return MathFieldActionType;
-}({});
-
-/**
- * The MathQuill API (see mathuill.d.ts) does not include types
- * for cursor() and controller(), and adding these types there
- * in the MathQuill repo causes unexpected conflicts with other types.
- *
- * We don't want to use the cursor and controller default type `any`
- * so we declare the types here.
- */
-
 const Numerals = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
 const GreekLetters = ["\\theta", "\\pi"];
 const Letters = ["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"];
@@ -1214,28 +1180,21 @@ function handleJumpOut(mathField, key) {
   }
 }
 
-var ActionType = /*#__PURE__*/function (ActionType) {
-  ActionType["WRITE"] = "write";
-  ActionType["CMD"] = "cmd";
-  ActionType["KEYSTROKE"] = "keystroke";
-  ActionType[ActionType["MQ_END"] = 0] = "MQ_END";
-  return ActionType;
-}(ActionType || {});
 function buildGenericCallback(str) {
-  let type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ActionType.WRITE;
+  let type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : MathFieldActionType.WRITE;
   return function (mathQuill) {
     switch (type) {
-      case ActionType.WRITE:
+      case MathFieldActionType.WRITE:
         {
           mathQuill.write(str);
           return;
         }
-      case ActionType.CMD:
+      case MathFieldActionType.CMD:
         {
           mathQuill.cmd(str);
           return;
         }
-      case ActionType.KEYSTROKE:
+      case MathFieldActionType.KEYSTROKE:
         {
           mathQuill.keystroke(str);
           return;
@@ -1301,17 +1260,17 @@ const getKeyTranslator = (locale, strings) => ({
   TIMES: buildGenericCallback("\\times"),
   // The `FRAC_EXCLUSIVE` variant is handled manually, since we may need to do
   // some additional navigation depending on the cursor position.
-  FRAC_INCLUSIVE: buildGenericCallback("/", ActionType.CMD),
-  FRAC: buildGenericCallback("\\frac", ActionType.CMD),
-  LEFT_PAREN: buildGenericCallback("(", ActionType.CMD),
-  RIGHT_PAREN: buildGenericCallback(")", ActionType.CMD),
-  SQRT: buildGenericCallback("sqrt", ActionType.CMD),
-  PI: buildGenericCallback("pi", ActionType.CMD),
-  THETA: buildGenericCallback("theta", ActionType.CMD),
-  RADICAL: buildGenericCallback("nthroot", ActionType.CMD),
-  BACKSPACE: buildGenericCallback("Backspace", ActionType.KEYSTROKE),
-  UP: buildGenericCallback("Up", ActionType.KEYSTROKE),
-  DOWN: buildGenericCallback("Down", ActionType.KEYSTROKE),
+  FRAC_INCLUSIVE: buildGenericCallback("/", MathFieldActionType.CMD),
+  FRAC: buildGenericCallback("\\frac", MathFieldActionType.CMD),
+  LEFT_PAREN: buildGenericCallback("(", MathFieldActionType.CMD),
+  RIGHT_PAREN: buildGenericCallback(")", MathFieldActionType.CMD),
+  SQRT: buildGenericCallback("sqrt", MathFieldActionType.CMD),
+  PI: buildGenericCallback("pi", MathFieldActionType.CMD),
+  THETA: buildGenericCallback("theta", MathFieldActionType.CMD),
+  RADICAL: buildGenericCallback("nthroot", MathFieldActionType.CMD),
+  BACKSPACE: buildGenericCallback("Backspace", MathFieldActionType.KEYSTROKE),
+  UP: buildGenericCallback("Up", MathFieldActionType.KEYSTROKE),
+  DOWN: buildGenericCallback("Down", MathFieldActionType.KEYSTROKE),
   CUBE_ROOT: mathQuill => {
     mathQuill.write("\\sqrt[3]{}");
     mathQuill.keystroke("Left"); // under the root
@@ -1321,7 +1280,7 @@ const getKeyTranslator = (locale, strings) => ({
     const cursor = mathQuill.cursor();
     // If there's nothing to the left of the cursor, then we want to
     // leave the cursor to the left of the fraction after creating it.
-    const shouldNavigateLeft = cursor[mathQuillInstance.L] === ActionType.MQ_END;
+    const shouldNavigateLeft = cursor[mathQuillInstance.L] === MathFieldActionType.MQ_END;
     mathQuill.cmd("\\frac");
     if (shouldNavigateLeft) {
       mathQuill.keystroke("Left");
@@ -5409,9 +5368,6 @@ function SharedKeys(props) {
   }));
 }
 
-const defaultProps = {
-  extraKeys: []
-};
 function getAvailableTabs(props) {
   // We don't want to show any available tabs on the fractions keypad
   if (props.fractionsOnly) {
@@ -5434,7 +5390,11 @@ function getAvailableTabs(props) {
 
 // The main (v2) Keypad. Use this component to present an accessible, onscreen
 // keypad to learners for entering math expressions.
-function Keypad(props) {
+function Keypad(_ref) {
+  let {
+    extraKeys = [],
+    ...props
+  } = _ref;
   // If we're using the Fractions keypad, we want to default select that page
   // Otherwise, we want to default to the Numbers page
   const defaultSelectedPage = props.fractionsOnly ? "Fractions" : "Numbers";
@@ -5442,11 +5402,13 @@ function Keypad(props) {
   const [isMounted, setIsMounted] = React__namespace.useState(false);
 
   // We don't want any tabs available on mobile fractions keypad
-  const availableTabs = getAvailableTabs(props);
+  const availableTabs = getAvailableTabs({
+    ...props,
+    extraKeys
+  });
   const {
     onClickKey,
     cursorContext,
-    extraKeys,
     convertDotToTimes,
     divisionKey,
     preAlgebra,
@@ -5530,7 +5492,6 @@ function Keypad(props) {
     onClickKey: onClickKey
   }))));
 }
-Keypad.defaultProps = defaultProps;
 const styles$1 = aphrodite.StyleSheet.create({
   keypadOuterContainer: {
     display: "flex",