@khanacademy/math-input 14.0.0 → 14.1.0

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";
@@ -13,6 +14,7 @@ export { KeypadContext, StatefulKeypadContextProvider, } from "./components/keyp
 export { keypadElementPropType } from "./components/prop-types";
 export type { KeypadAPI, KeypadConfiguration } from "./types";
 export type { default as Keys } from "./data/keys";
+export { KeyArray } from "./data/keys";
 export { default as KeyConfigs } from "./data/key-configs";
 export { type KeyType, KeypadType } from "./enums";
 export { default as keyTranslator } from "./components/key-handlers/key-translator";

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.1.0";
+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
     }));
   }
@@ -10030,8 +10037,28 @@ const keypadElementPropType = PropTypes__default["default"].shape({
   getDOMNode: PropTypes__default["default"].func.isRequired
 });
 
+const KeyArray = ["PLUS", "MINUS", "NEGATIVE", "TIMES", "DIVIDE", "DECIMAL", "PERIOD", "PERCENT", "CDOT", "EQUAL", "NEQ", "GT", "LT", "GEQ", "LEQ",
+// mobile native only
+"FRAC_INCLUSIVE",
+// mobile native only
+"FRAC_EXCLUSIVE",
+// mobile native only
+"FRAC", "EXP", "EXP_2", "EXP_3", "SQRT", "CUBE_ROOT", "RADICAL", "LEFT_PAREN", "RIGHT_PAREN", "LN", "LOG", "LOG_N", "SIN", "COS",
+// TODO(charlie): Add in additional Greek letters.,
+"TAN", "PI", "THETA", "UP", "RIGHT", "DOWN", "LEFT", "BACKSPACE", "DISMISS", "JUMP_OUT_PARENTHESES", "JUMP_OUT_EXPONENT", "JUMP_OUT_BASE", "JUMP_INTO_NUMERATOR", "JUMP_OUT_NUMERATOR", "JUMP_OUT_DENOMINATOR",
+// Multi-functional keys.
+"NOOP",
+// mobile native only
+"MANY",
+// A custom key that captures an arbitrary number of symbols but has no 'default' symbol or action.
+"NUM_0", "NUM_1", "NUM_2", "NUM_3", "NUM_4", "NUM_5", "NUM_6", "NUM_7", "NUM_8", "NUM_9", "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z",
+// Currently only used by
+// Perseus' Expression MathInput
+"PHI", "NTHROOT3", "POW", "LOG_B"];
+
 exports.CursorContext = CursorContext;
 exports.DesktopKeypad = Keypad$2;
+exports.KeyArray = KeyArray;
 exports.KeyConfigs = KeyConfigs;
 exports.KeypadContext = KeypadContext;
 exports.KeypadInput = MathInput;
@@ -10042,5 +10069,6 @@ exports.createMathField = createMathField;
 exports.getCursorContext = getCursorContext;
 exports.keyTranslator = keyToMathquillMap;
 exports.keypadElementPropType = keypadElementPropType;
+exports.libVersion = libVersion;
 exports.mathQuillInstance = mathQuillInstance;
 //# sourceMappingURL=index.js.map