@khanacademy/math-input 5.0.1 → 6.0.1

package/dist/index.js

@@ -61,16 +61,25 @@ var Redux__namespace = /*#__PURE__*/_interopNamespace(Redux);
  * the radical.
  */
 
-let CursorContext = /*#__PURE__*/function (CursorContext) {
-  CursorContext["NONE"] = "NONE";
-  CursorContext["IN_PARENS"] = "IN_PARENS";
-  CursorContext["IN_SUPER_SCRIPT"] = "IN_SUPER_SCRIPT";
-  CursorContext["IN_SUB_SCRIPT"] = "IN_SUB_SCRIPT";
-  CursorContext["IN_NUMERATOR"] = "IN_NUMERATOR";
-  CursorContext["IN_DENOMINATOR"] = "IN_DENOMINATOR";
-  CursorContext["BEFORE_FRACTION"] = "BEFORE_FRACTION";
-  return CursorContext;
-}({});
+const CursorContext = {
+  // The cursor is not in any of the other viable contexts.
+  NONE: "NONE",
+  // The cursor is within a set of parentheses.
+  IN_PARENS: "IN_PARENS",
+  // The cursor is within a superscript (e.g., an exponent).
+  IN_SUPER_SCRIPT: "IN_SUPER_SCRIPT",
+  // The cursor is within a subscript (e.g., the base of a custom logarithm).
+  IN_SUB_SCRIPT: "IN_SUB_SCRIPT",
+  // The cursor is in the numerator of a fraction.
+  IN_NUMERATOR: "IN_NUMERATOR",
+  // The cursor is in the denominator of a fraction.
+  IN_DENOMINATOR: "IN_DENOMINATOR",
+  // The cursor is sitting before a fraction; that is, the cursor is within
+  // what looks to be a mixed number preceding a fraction. This will only be
+  // the case when the only math between the cursor and the fraction to its
+  // write is non-leaf math (numbers and variables).
+  BEFORE_FRACTION: "BEFORE_FRACTION"
+};
 
 function _defineProperty(obj, key, value) {
   key = _toPropertyKey(key);
@@ -5042,6 +5051,11 @@ const styles$8 = aphrodite.StyleSheet.create({
     width: 36,
     height: 3,
     marginLeft: 3
+  },
+  clickable: {
+    ":focus": {
+      outline: "none"
+    }
   }
 });
 function imageTintColor(itemState, hovered, focused, pressed) {
@@ -5067,6 +5081,7 @@ class TabbarItem extends React__namespace.Component {
       onClick: onClick,
       disabled: itemState === "disabled",
       "aria-label": itemType,
+      style: styles$8.clickable,
       "aria-selected": itemState === "active",
       role: "tab"
     }, _ref => {
@@ -8453,7 +8468,7 @@ const KeypadButton = _ref => {
       pressed
     } = _ref2;
     return /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
-      style: [styles$1.outerBoxBase, hovered && styles$1.outerBoxHover, pressed && styles$1.outerBoxPressed]
+      style: [styles$1.outerBoxBase]
     }, /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
       style: [styles$1.base, tintColor != null ? {
         background: tintColor
@@ -8479,7 +8494,7 @@ const styles$1 = aphrodite.StyleSheet.create({
     padding: 1
   },
   hovered: {
-    border: "1px solid ".concat(Color__default["default"].blue),
+    border: "2px solid ".concat(Color__default["default"].blue),
     padding: 1,
     boxShadow: "none"
   },
@@ -8502,16 +8517,13 @@ const styles$1 = aphrodite.StyleSheet.create({
     borderRadius: 7,
     border: "2px solid transparent"
   },
-  outerBoxHover: {
-    border: "2px solid ".concat(Color__default["default"].blue)
-  },
-  outerBoxPressed: {
-    border: "2px solid #1B50B3"
-  },
   clickable: {
     width: "100%",
     height: "100%",
-    boxSizing: "border-box"
+    boxSizing: "border-box",
+    ":focus": {
+      outline: "none"
+    }
   }
 });
 
@@ -8794,7 +8806,8 @@ function Keypad(props) {
     preAlgebra,
     logarithms,
     basicRelations,
-    advancedRelations
+    advancedRelations,
+    showDismiss
   } = props;
   return /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, null, /*#__PURE__*/React__namespace.createElement(Tabbar, {
     items: availablePages,
@@ -8803,7 +8816,7 @@ function Keypad(props) {
       setSelectedPage(tabbarItem);
     },
     style: styles.tabbar,
-    onClickClose: () => onClickKey("DISMISS")
+    onClickClose: showDismiss ? () => onClickKey("DISMISS") : undefined
   }), /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
     style: styles.grid,
     role: "grid",