@khanacademy/math-input 4.2.0 → 4.3.1

package/package.json

@@ -3,7 +3,7 @@
     "description": "Khan Academy's new expression editor for the mobile web.",
     "author": "Khan Academy",
     "license": "MIT",
-    "version": "4.2.0",
+    "version": "4.3.1",
     "publishConfig": {
         "access": "public"
     },
@@ -19,6 +19,7 @@
     "source": "src/index.ts",
     "scripts": {},
     "dependencies": {
+        "mathquill": "git+https://git@github.com/Khan/mathquill.git#a9ae54e057c5c1acc8244a5627acbff29901d992",
         "performance-now": "^0.2.0"
     },
     "devDependencies": {
@@ -31,7 +32,6 @@
         "aphrodite": "^1.1.0",
         "jquery": "^2.1.1",
         "katex": "^0.11.1",
-        "mathquill": "git+https://git@github.com/Khan/mathquill.git#a9ae54e057c5c1acc8244a5627acbff29901d992",
         "perseus-build-settings": "^0.1.0",
         "prop-types": "15.6.1",
         "react": "^16.8.0",
@@ -51,7 +51,6 @@
         "aphrodite": "^1.1.0",
         "jquery": "^2.1.1",
         "katex": "^0.11.1",
-        "mathquill": "git+https://git@github.com/Khan/mathquill.git#a9ae54e057c5c1acc8244a5627acbff29901d992",
         "prop-types": "15.6.1",
         "react": "^16.8.0",
         "react-dom": "^16.8.0",

package/src/components/input/__tests__/test-math-wrapper.ts

@@ -1,8 +1,5 @@
-import MathQuill from "mathquill";
-
 import MathWrapper from "../math-wrapper";
-
-const MQ = MathQuill.getInterface(2);
+import {mathQuillInstance} from "../mathquill-instance";
 
 export default class TestMathWrapper extends MathWrapper {
     getContent() {
@@ -18,7 +15,7 @@ export default class TestMathWrapper extends MathWrapper {
     }
 
     moveToStart() {
-        this.mathField.moveToDirEnd(MQ.L);
+        this.mathField.moveToDirEnd(mathQuillInstance.L);
     }
 
     isSelected() {

package/src/components/input/mathquill-types.ts

@@ -62,6 +62,12 @@ export interface MathFieldInterface {
     // Clears the selection
     // https://docs.mathquill.com/en/latest/Api_Methods/#clearselection
     clearSelection: () => void;
+    // Custom helper in our MathQuill fork
+    // check to see if cursor is on right end
+    cursorAtRightEnd: () => boolean;
+    // Custom helper in our MathQuill fork
+    // check to see if cursor is on left end
+    cursorAtLeftEnd: () => boolean;
     // This isn't part of the MathQuill public API
     // I don't know what it is and it feels wrong using it
     __controller: any;

package/src/components/keypad/__tests__/keypad-button.test.tsx

@@ -4,15 +4,16 @@ import * as React from "react";
 import "@testing-library/jest-dom";
 
 import Keys from "../../../data/key-configs";
-import {KeypadButton} from "../keypad-page-items";
+import {KeypadButton} from "../keypad-button";
 
 describe("<KeypadButton />", () => {
     it("uses the aria label from the key config", () => {
         // Arrange
         render(
             <KeypadButton
-                onClickKey={(config) => {}}
+                onClickKey={() => {}}
                 keyConfig={Keys.LEFT_PAREN}
+                coord={[0, 0]}
             />,
         );
 
@@ -29,6 +30,7 @@ describe("<KeypadButton />", () => {
             <KeypadButton
                 onClickKey={mockClickKeyCallback}
                 keyConfig={Keys.LEFT_PAREN}
+                coord={[0, 0]}
             />,
         );