@khanacademy/math-input 14.0.0 → 14.1.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @khanacademy/math-input
 
+## 14.1.0
+
+### Minor Changes
+
+-   5bcf118c: Desktop Expression Widget now uses v2 keypad
+
+## 14.0.1
+
+### Patch Changes
+
+-   4f8afadd: Fix provided-keypad so that it doesn't re-render unnecessarily.
+-   7d8905b6: Removes "grid" role from keypad to un-muddle screen reader experience.
+-   55d4cd00: Print package name and version when loaded in the page
+-   Updated dependencies [55d4cd00]
+    -   @khanacademy/perseus-core@1.1.1
+
 ## 14.0.0
 
 ### Major Changes

package/dist/components/keypad-legacy/provided-keypad.d.ts

@@ -21,6 +21,8 @@ declare class ProvidedKeypad extends React.Component<Props> implements KeypadAPI
     setCursor: (cursor: Cursor) => void;
     setKeyHandler: (keyHandler: KeyHandler) => void;
     getDOMNode: () => ReturnType<typeof ReactDOM.findDOMNode>;
+    onElementMounted: (element: any) => void;
+    onDismiss: () => void;
     render(): React.ReactNode;
 }
 export default ProvidedKeypad;

package/dist/data/keys.d.ts

@@ -1,2 +1,3 @@
-type Key = "PLUS" | "MINUS" | "NEGATIVE" | "TIMES" | "DIVIDE" | "DECIMAL" | "PERIOD" | "PERCENT" | "CDOT" | "EQUAL" | "NEQ" | "GT" | "LT" | "GEQ" | "LEQ" | "FRAC_INCLUSIVE" | "FRAC_EXCLUSIVE" | "FRAC" | "EXP" | "EXP_2" | "EXP_3" | "SQRT" | "CUBE_ROOT" | "RADICAL" | "LEFT_PAREN" | "RIGHT_PAREN" | "LN" | "LOG" | "LOG_N" | "SIN" | "COS" | "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" | "NOOP" | "MANY" | "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" | "PHI" | "NTHROOT3" | "POW" | "LOG_B";
+export declare const KeyArray: readonly ["PLUS", "MINUS", "NEGATIVE", "TIMES", "DIVIDE", "DECIMAL", "PERIOD", "PERCENT", "CDOT", "EQUAL", "NEQ", "GT", "LT", "GEQ", "LEQ", "FRAC_INCLUSIVE", "FRAC_EXCLUSIVE", "FRAC", "EXP", "EXP_2", "EXP_3", "SQRT", "CUBE_ROOT", "RADICAL", "LEFT_PAREN", "RIGHT_PAREN", "LN", "LOG", "LOG_N", "SIN", "COS", "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", "NOOP", "MANY", "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", "PHI", "NTHROOT3", "POW", "LOG_B"];
+type Key = typeof KeyArray[number];
 export default Key;

package/dist/es/index.js

@@ -1,3 +1,4 @@
+import { addLibraryVersionToPerseusDebug } from '@khanacademy/perseus-core';
 import Color from '@khanacademy/wonder-blocks-color';
 import * as i18n from '@khanacademy/wonder-blocks-i18n';
 import { getDecimalSeparator } from '@khanacademy/wonder-blocks-i18n';
@@ -16,6 +17,11 @@ import PropTypes from 'prop-types';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import * as Redux from 'redux';
 
+// This file is processed by a Rollup plugin (replace) to inject the production
+const libName = "@khanacademy/math-input";
+const libVersion = "14.1.0";
+addLibraryVersionToPerseusDebug(libName, libVersion);
+
 function _extends() {
   _extends = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -5023,7 +5029,6 @@ function Keypad$2(props) {
     style: styles$d.keypadInnerContainer
   }, /*#__PURE__*/React.createElement(View$1, {
     style: [styles$d.keypadGrid, gridStyle],
-    role: "grid",
     tabIndex: 0,
     "aria-label": "Keypad"
   }, selectedPage === "Fractions" && /*#__PURE__*/React.createElement(FractionsPage, {
@@ -9741,6 +9746,37 @@ class ProvidedKeypad extends React.Component {
     this.getDOMNode = () => {
       return ReactDOM.findDOMNode(this);
     };
+    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 = _extends({}, 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 ? void 0 : _this$props$onElement.call(_this$props, elementWithDispatchMethods);
+    };
+    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 ? void 0 : _this$props$onDismiss.call(_this$props2);
+    };
     this.store = createStore();
   }
   componentDidUpdate(prevProps) {
@@ -9753,42 +9789,13 @@ class ProvidedKeypad extends React.Component {
   }
   render() {
     const {
-      onElementMounted,
-      onDismiss,
       style
     } = this.props;
     return /*#__PURE__*/React.createElement(Provider, {
       store: this.store
     }, /*#__PURE__*/React.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 = _extends({}, element, {
-          activate: this.activate,
-          dismiss: this.dismiss,
-          configure: this.configure,
-          setCursor: this.setCursor,
-          setKeyHandler: this.setKeyHandler,
-          getDOMNode: this.getDOMNode
-        });
-        onElementMounted == null ? void 0 : onElementMounted(elementWithDispatchMethods);
-      },
-      onDismiss: () => {
-        this.props.onAnalyticsEvent({
-          type: "math-input:keypad-closed",
-          payload: {
-            virtualKeypadVersion: "MATH_INPUT_KEYPAD_V1"
-          }
-        });
-        onDismiss == null ? void 0 : onDismiss();
-      },
+      onElementMounted: this.onElementMounted,
+      onDismiss: this.onDismiss,
       style: style
     }));
   }
@@ -9831,5 +9838,24 @@ const keypadElementPropType = PropTypes.shape({
   getDOMNode: PropTypes.func.isRequired
 });
 
-export { CursorContext, Keypad$2 as DesktopKeypad, KeyConfigs, KeypadContext, MathInput as KeypadInput, KeypadType, KeypadSwitch as MobileKeypad, StatefulKeypadContextProvider, createMathField, getCursorContext, keyToMathquillMap as keyTranslator, keypadElementPropType, mathQuillInstance };
+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"];
+
+export { CursorContext, Keypad$2 as DesktopKeypad, KeyArray, KeyConfigs, KeypadContext, MathInput as KeypadInput, KeypadType, KeypadSwitch as MobileKeypad, StatefulKeypadContextProvider, createMathField, getCursorContext, keyToMathquillMap as keyTranslator, keypadElementPropType, libVersion, mathQuillInstance };
 //# sourceMappingURL=index.js.map