@khanacademy/math-input 14.0.0 → 14.0.1

package/dist/index.d.ts

@@ -2,6 +2,7 @@
  * A single entry-point for all of the external-facing functionality.
  */
 import "../less/main.less";
+export { libVersion } from "./version";
 export { default as KeypadInput } from "./components/input/math-input";
 export { createMathField, mathQuillInstance, } from "./components/input/mathquill-instance";
 export { type MathFieldInterface } from "./components/input/mathquill-types";

package/dist/index.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var perseusCore = require('@khanacademy/perseus-core');
 var Color = require('@khanacademy/wonder-blocks-color');
 var i18n = require('@khanacademy/wonder-blocks-i18n');
 var wonderStuffCore = require('@khanacademy/wonder-stuff-core');
@@ -49,6 +50,11 @@ var katex__default = /*#__PURE__*/_interopDefaultLegacy(katex);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var Redux__namespace = /*#__PURE__*/_interopNamespace(Redux);
 
+// This file is processed by a Rollup plugin (replace) to inject the production
+const libName = "@khanacademy/math-input";
+const libVersion = "14.0.1";
+perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
+
 function _defineProperty(obj, key, value) {
   key = _toPropertyKey(key);
   if (key in obj) {
@@ -5322,7 +5328,6 @@ function Keypad$2(props) {
     style: styles$d.keypadInnerContainer
   }, /*#__PURE__*/React__namespace.createElement(wonderBlocksCore.View, {
     style: [styles$d.keypadGrid, gridStyle],
-    role: "grid",
     tabIndex: 0,
     "aria-label": "Keypad"
   }, selectedPage === "Fractions" && /*#__PURE__*/React__namespace.createElement(FractionsPage, {
@@ -9939,6 +9944,38 @@ class ProvidedKeypad extends React__namespace.Component {
     _defineProperty(this, "getDOMNode", () => {
       return ReactDOM__default["default"].findDOMNode(this);
     });
+    _defineProperty(this, "onElementMounted", element => {
+      var _this$props$onElement, _this$props;
+      this.props.onAnalyticsEvent({
+        type: "math-input:keypad-opened",
+        payload: {
+          virtualKeypadVersion: "MATH_INPUT_KEYPAD_V1"
+        }
+      });
+
+      // Append the dispatch methods that we want to expose
+      // externally to the returned React element.
+      const elementWithDispatchMethods = {
+        ...element,
+        activate: this.activate,
+        dismiss: this.dismiss,
+        configure: this.configure,
+        setCursor: this.setCursor,
+        setKeyHandler: this.setKeyHandler,
+        getDOMNode: this.getDOMNode
+      };
+      (_this$props$onElement = (_this$props = this.props).onElementMounted) === null || _this$props$onElement === void 0 ? void 0 : _this$props$onElement.call(_this$props, elementWithDispatchMethods);
+    });
+    _defineProperty(this, "onDismiss", () => {
+      var _this$props$onDismiss, _this$props2;
+      this.props.onAnalyticsEvent({
+        type: "math-input:keypad-closed",
+        payload: {
+          virtualKeypadVersion: "MATH_INPUT_KEYPAD_V1"
+        }
+      });
+      (_this$props$onDismiss = (_this$props2 = this.props).onDismiss) === null || _this$props$onDismiss === void 0 ? void 0 : _this$props$onDismiss.call(_this$props2);
+    });
     this.store = createStore();
   }
   componentDidUpdate(prevProps) {
@@ -9951,43 +9988,13 @@ class ProvidedKeypad extends React__namespace.Component {
   }
   render() {
     const {
-      onElementMounted,
-      onDismiss,
       style
     } = this.props;
     return /*#__PURE__*/React__namespace.createElement(reactRedux.Provider, {
       store: this.store
     }, /*#__PURE__*/React__namespace.createElement(KeypadContainer$1, {
-      onElementMounted: element => {
-        this.props.onAnalyticsEvent({
-          type: "math-input:keypad-opened",
-          payload: {
-            virtualKeypadVersion: "MATH_INPUT_KEYPAD_V1"
-          }
-        });
-
-        // Append the dispatch methods that we want to expose
-        // externally to the returned React element.
-        const elementWithDispatchMethods = {
-          ...element,
-          activate: this.activate,
-          dismiss: this.dismiss,
-          configure: this.configure,
-          setCursor: this.setCursor,
-          setKeyHandler: this.setKeyHandler,
-          getDOMNode: this.getDOMNode
-        };
-        onElementMounted === null || onElementMounted === void 0 ? void 0 : onElementMounted(elementWithDispatchMethods);
-      },
-      onDismiss: () => {
-        this.props.onAnalyticsEvent({
-          type: "math-input:keypad-closed",
-          payload: {
-            virtualKeypadVersion: "MATH_INPUT_KEYPAD_V1"
-          }
-        });
-        onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
-      },
+      onElementMounted: this.onElementMounted,
+      onDismiss: this.onDismiss,
       style: style
     }));
   }
@@ -10042,5 +10049,6 @@ exports.createMathField = createMathField;
 exports.getCursorContext = getCursorContext;
 exports.keyTranslator = keyToMathquillMap;
 exports.keypadElementPropType = keypadElementPropType;
+exports.libVersion = libVersion;
 exports.mathQuillInstance = mathQuillInstance;
 //# sourceMappingURL=index.js.map