@khanacademy/math-input 23.0.6 → 25.0.0

package/dist/es/index.js

@@ -18,8 +18,11 @@ import { withActionScheduler } from '@khanacademy/wonder-blocks-timing';
 import PropTypes from 'prop-types';
 
 // This file is processed by a Rollup plugin (replace) to inject the production
+// version number during the release build.
+// In dev, you'll never see the version number.
+
 const libName = "@khanacademy/math-input";
-const libVersion = "23.0.6";
+const libVersion = "25.0.0";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 class View extends React.Component {
@@ -76,6 +79,7 @@ View.styles = StyleSheet.create({
  * The translated strings that are used to render the Math Input.
  */
 
+
 /**
  * Mock strings for the Math Input package, to be used for tests and Storybook.
  */
@@ -220,7 +224,7 @@ class CursorHandle extends React.Component {
       // This is essentially webapp's interactiveComponent + 1.
       // TODO(charlie): Pull in those styles somehow to avoid breakages.
       zIndex: 4,
-      left: -touchTargetWidthPx / 2,
+      left: -44 / 2,
       top: 0,
       transform: transformString,
       width: touchTargetWidthPx,
@@ -691,6 +695,7 @@ function getCursorContext(mathField) {
 
   // If that didn't work, check if the parent or grandparent is a special
   // context, so that we can jump outwards.
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   if (isParens(cursor.parent && cursor.parent.parent)) {
     return CursorContext.IN_PARENS;
   } else if (isNumerator(cursor.parent)) {
@@ -1292,6 +1297,8 @@ class MathWrapper {
   pressKey(key) {
     const cursor = this.getCursor();
     const translator = this.mobileKeyTranslator[key];
+
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (translator) {
       translator(this.mathField, key);
     }
@@ -1322,7 +1329,10 @@ class MathWrapper {
    *                         should be placed
    */
   setCursorPosition(x, y, hitNode) {
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     const el = hitNode || document.elementFromPoint(x, y);
+
+    // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
     if (el) {
       const cursor = this.getCursor();
       if (el.hasAttribute("mq-root-block")) {
@@ -1644,6 +1654,8 @@ class MathInput extends React.Component {
           // @ts-expect-error - TS2531 - Object is possibly 'null'.
           const id = element.getAttribute("mathquill-command-id");
           if (id != null) {
+
+            // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
             counts[id] = (counts[id] || 0) + 1;
             elementsById[id] = element;
           } else {
@@ -4533,6 +4545,7 @@ const expandedViewThreshold = 500;
 // based on the cursorContext prop.  It is used in the keypad to determine
 // which key to render as the "jump out" key.
 function getCursorContextConfig(strings, cursorContext) {
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   if (!cursorContext) {
     return null;
   }
@@ -5179,6 +5192,8 @@ const styles$1 = StyleSheet.create({
 
 function flatten(list) {
   const result = [];
+
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   if (!list) {
     return result;
   }
@@ -5194,6 +5209,8 @@ function flatten(list) {
 function processStyleType(style) {
   const stylesheetStyles = [];
   const inlineStyles = [];
+
+  // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
   if (!style) {
     return {
       style: {},
@@ -5512,6 +5529,7 @@ class MobileKeypadInternals extends React.Component {
       // callback into `configureKeypad`. However, implementing this properly
       // would require middleware, etc., so we just hack it on with
       // `setTimeout` for now.
+      // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       setTimeout(() => cb && cb());
     };
     this.setCursor = cursor => {
@@ -5647,6 +5665,7 @@ function MobileKeypad(props) {
  * React PropTypes that may be shared between components.
  */
 
+
 // NOTE(jared): This is no longer guaranteed to be React element
 // @deprecated Use `KeypadAPI` Typescript interface instead.
 const keypadElementPropType = PropTypes.shape({