@khanacademy/math-input 12.0.1 → 12.1.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @khanacademy/math-input
 
+## 12.1.0
+
+### Minor Changes
+
+-   a5a60852: revert focus changes to math input
+
 ## 12.0.1
 
 ### Patch Changes

package/dist/components/input/math-input.d.ts

@@ -50,7 +50,7 @@ declare class MathInput extends React.Component<Props, State> {
     _updateCursorHandle: (arg1?: boolean) => void;
     _hideCursorHandle: () => void;
     _handleScroll: () => void;
-    blur: (callPropsOnBlur: boolean) => void;
+    blur: () => void;
     focus: () => void;
     /**
      * Tries to determine which DOM node to place the cursor next to based on

package/dist/es/index.js

@@ -1553,11 +1553,9 @@ class MathInput extends React.Component {
         this._hideCursorHandle();
       }
     };
-    this.blur = callPropsOnBlur => {
+    this.blur = () => {
       this.mathField.blur();
-      if (callPropsOnBlur) {
-        this.props.onBlur && this.props.onBlur();
-      }
+      this.props.onBlur && this.props.onBlur();
       this.setState({
         focused: false,
         handle: {
@@ -2014,7 +2012,7 @@ class MathInput extends React.Component {
       // dismissal. This code needs to be generalized to handle
       // multi-touch.
       if (this.state.focused && this.didTouchOutside && !this.didScroll) {
-        this.blur(true);
+        this.blur();
       }
       this.didTouchOutside = false;
       this.didScroll = false;
@@ -2090,18 +2088,13 @@ class MathInput extends React.Component {
       role: "textbox",
       ariaLabel: ariaLabel
     }, /*#__PURE__*/React.createElement("div", {
-      className: "keypad-input",
-      tabIndex: 0,
+      className: "keypad-input"
+      // @ts-expect-error - TS2322 - Type 'string' is not assignable to type 'number | undefined'.
+      ,
+      tabIndex: "0",
       ref: node => {
         this.inputRef = node;
       },
-      onFocus: () => {
-        this.focus();
-      },
-      onBlur: () => {
-        this._hideCursorHandle();
-        this.blur(false);
-      },
       onKeyUp: this.handleKeyUp
     }, /*#__PURE__*/React.createElement("div", {
       ref: node => {
@@ -5128,21 +5121,17 @@ class MobileKeypad extends React.Component {
       }, 100);
     };
     this.activate = () => {
-      if (!this.state.active) {
-        this.setState({
-          active: true
-        });
-      }
+      this.setState({
+        active: true
+      });
     };
     this.dismiss = () => {
-      if (this.state.active) {
-        this.setState({
-          active: false
-        }, () => {
-          var _this$props$onDismiss, _this$props;
-          (_this$props$onDismiss = (_this$props = this.props).onDismiss) == null ? void 0 : _this$props$onDismiss.call(_this$props);
-        });
-      }
+      this.setState({
+        active: false
+      }, () => {
+        var _this$props$onDismiss, _this$props;
+        (_this$props$onDismiss = (_this$props = this.props).onDismiss) == null ? void 0 : _this$props$onDismiss.call(_this$props);
+      });
     };
     this.configure = (configuration, cb) => {
       this.setState({