@khanacademy/math-input 10.1.1 → 11.0.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @khanacademy/math-input
 
+## 11.0.0
+
+### Major Changes
+
+-   2af4f9fa: Switch from using ProvideKeypad in ArticleRenderer to passing the keypad element down instead
+
+### Patch Changes
+
+-   Updated dependencies [2af4f9fa]
+    -   @khanacademy/perseus-core@1.0.0
+
 ## 10.1.1
 
 ### Patch Changes
@@ -7,6 +18,7 @@
 -   3f7be05a: Updated Keypad V2 TabbarItemType to KeypadPageType as a more accurate description.
 -   810c7bd9: Resize letter SVGs
 -   b161d004: Ensured that the keypad is hidden from screen readers when it is closed.
+-   a99a9ca4: Fix direction types for MathQuill interface
 
 ## 10.1.0
 

package/dist/components/input/mathquill-types.d.ts

@@ -1,7 +1,7 @@
 import type Key from "../../data/keys";
 export interface MathQuillInterface {
-    L: "L";
-    R: "R";
+    L: -1;
+    R: 1;
     /**
      * Creates an editable MathQuill initialized with the contents of the HTML
      * element and returns a MathField object.

package/dist/components/keypad-context.d.ts

@@ -7,12 +7,13 @@
  * ExerciseFooter.
  */
 import * as React from "react";
-import type { RendererInterface } from "@khanacademy/perseus-core";
+import type { KeypadAPI } from "../types";
+import type { KeypadContextRendererInterface } from "@khanacademy/perseus-core";
 type KeypadContext = {
-    setKeypadElement: (keypadElement?: HTMLElement | null | undefined) => void;
-    keypadElement: HTMLElement | null | undefined;
-    setRenderer: (renderer?: RendererInterface | null | undefined) => void;
-    renderer: RendererInterface | null | undefined;
+    setKeypadElement: (keypadElement?: KeypadAPI) => void;
+    keypadElement: KeypadAPI | null | undefined;
+    setRenderer: (renderer?: KeypadContextRendererInterface | null | undefined) => void;
+    renderer: KeypadContextRendererInterface | null | undefined;
     setScrollableElement: (scrollableElement?: HTMLElement | null | undefined) => void;
     scrollableElement: HTMLElement | null | undefined;
 };

package/dist/es/index.js

@@ -1564,7 +1564,7 @@ class MathInput extends React.Component {
       });
     };
     this.focus = () => {
-      var _this$props$keypadEle2;
+      var _this$props$keypadEle2, _this$props;
       // Pass this component's handleKey method to the keypad so it can call
       // it whenever it needs to trigger a keypress action.
       (_this$props$keypadEle2 = this.props.keypadElement) == null ? void 0 : _this$props$keypadEle2.setKeyHandler(key => {
@@ -1590,7 +1590,7 @@ class MathInput extends React.Component {
         return cursor;
       });
       this.mathField.focus();
-      this.props.onFocus && this.props.onFocus();
+      (_this$props = this.props) == null ? void 0 : _this$props.onFocus();
       this.setState({
         focused: true
       }, () => {
@@ -1600,13 +1600,14 @@ class MathInput extends React.Component {
         // Android Browser 4.3.
         setTimeout(() => {
           if (this._isMounted) {
+            var _this$props$keypadEle3;
             // TODO(benkomalo): the keypad is animating at this point,
             // so we can't call _cacheKeypadBounds(), even though
             // it'd be nice to do so. It should probably be the case
             // that the higher level controller tells us when the
             // keypad is settled (then scrollIntoView wouldn't have
             // to make assumptions about that either).
-            const maybeKeypadNode = this.props.keypadElement && this.props.keypadElement.getDOMNode();
+            const maybeKeypadNode = (_this$props$keypadEle3 = this.props.keypadElement) == null ? void 0 : _this$props$keypadEle3.getDOMNode();
             scrollIntoView(this._container, maybeKeypadNode);
           }
         });
@@ -5099,8 +5100,8 @@ class MobileKeypad extends React.Component {
     this._throttleResize = false;
     this.hasMounted = false;
     this.state = {
-      containerWidth: 0,
-      active: false
+      active: false,
+      containerWidth: 0
     };
     this._resize = () => {
       var _this$_containerRef$c;