@khanacademy/math-input 14.0.0 → 14.1.0

package/dist/version.d.ts

@@ -0,0 +1 @@
+export declare const libVersion = "__lib_version__";

package/package.json

@@ -3,7 +3,7 @@
     "description": "Khan Academy's new expression editor for the mobile web.",
     "author": "Khan Academy",
     "license": "MIT",
-    "version": "14.0.0",
+    "version": "14.1.0",
     "publishConfig": {
         "access": "public"
     },
@@ -20,7 +20,7 @@
     "source": "src/index.ts",
     "scripts": {},
     "dependencies": {
-        "@khanacademy/perseus-core": "1.1.0",
+        "@khanacademy/perseus-core": "1.1.1",
         "mathquill": "git+https://git@github.com/Khan/mathquill.git#32d9f351aaa68537170b3120a52e99b8def3a2c3",
         "performance-now": "^0.2.0"
     },
@@ -34,7 +34,7 @@
         "aphrodite": "^1.1.0",
         "jquery": "^2.1.1",
         "katex": "^0.11.1",
-        "perseus-build-settings": "^0.2.0",
+        "perseus-build-settings": "^0.2.1",
         "prop-types": "15.6.1",
         "react": "^16.8.0",
         "react-dom": "^16.8.0",

package/src/components/keypad/__tests__/__snapshots__/keypad.test.tsx.snap

@@ -170,7 +170,6 @@ exports[`keypad should snapshot expanded: first render 1`] = `
         <div
           aria-label="Keypad"
           class="default_xu2jcg-o_O-keypadGrid_ztxlrb-o_O-expressionGrid_1fuqhx9"
-          role="grid"
           tabindex="0"
         >
           <div
@@ -1223,7 +1222,6 @@ exports[`keypad should snapshot unexpanded: first render 1`] = `
         <div
           aria-label="Keypad"
           class="default_xu2jcg-o_O-keypadGrid_ztxlrb-o_O-expressionGrid_1fuqhx9"
-          role="grid"
           tabindex="0"
         >
           <div

package/src/components/keypad/keypad.tsx

@@ -151,7 +151,6 @@ export default function Keypad(props: Props) {
                 <View style={styles.keypadInnerContainer}>
                     <View
                         style={[styles.keypadGrid, gridStyle]}
-                        role="grid"
                         tabIndex={0}
                         aria-label="Keypad"
                     >

package/src/components/keypad-legacy/provided-keypad.tsx

@@ -85,43 +85,47 @@ class ProvidedKeypad extends React.Component<Props> implements KeypadAPI {
         return ReactDOM.findDOMNode(this);
     };
 
+    onElementMounted: (element: any) => void = (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,
+        } as const;
+        this.props.onElementMounted?.(elementWithDispatchMethods);
+    };
+
+    onDismiss: () => void = () => {
+        this.props.onAnalyticsEvent({
+            type: "math-input:keypad-closed",
+            payload: {
+                virtualKeypadVersion: "MATH_INPUT_KEYPAD_V1",
+            },
+        });
+
+        this.props.onDismiss?.();
+    };
+
     render(): React.ReactNode {
-        const {onElementMounted, onDismiss, style} = this.props;
+        const {style} = this.props;
 
         return (
             <Provider store={this.store}>
                 <KeypadContainer
-                    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,
-                        } as const;
-                        onElementMounted?.(elementWithDispatchMethods);
-                    }}
-                    onDismiss={() => {
-                        this.props.onAnalyticsEvent({
-                            type: "math-input:keypad-closed",
-                            payload: {
-                                virtualKeypadVersion: "MATH_INPUT_KEYPAD_V1",
-                            },
-                        });
-
-                        onDismiss?.();
-                    }}
+                    onElementMounted={this.onElementMounted}
+                    onDismiss={this.onDismiss}
                     style={style}
                 />
             </Provider>

package/src/data/keys.ts

@@ -1,120 +1,123 @@
-type Key =
-    | "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"
+export 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";
+    "PHI",
+    "NTHROOT3",
+    "POW",
+    "LOG_B",
+] as const;
+
+type Key = typeof KeyArray[number];
 
 export default Key;

package/src/index.ts

@@ -4,6 +4,8 @@
 
 import "../less/main.less";
 
+export {libVersion} from "./version";
+
 // MathInput input field (MathQuill wrapper)
 export {default as KeypadInput} from "./components/input/math-input";
 
@@ -41,6 +43,7 @@ export type {KeypadAPI, KeypadConfiguration} from "./types";
 
 // Key list, configuration map, and 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";
 

package/src/version.ts

@@ -0,0 +1,10 @@
+// This file is processed by a Rollup plugin (replace) to inject the production
+// version number during the release build.
+// In dev, you'll never see the version number.
+
+import {addLibraryVersionToPerseusDebug} from "@khanacademy/perseus-core";
+
+const libName = "@khanacademy/math-input";
+export const libVersion = "__lib_version__";
+
+addLibraryVersionToPerseusDebug(libName, libVersion);

package/tsconfig-build.json

@@ -6,5 +6,6 @@
     },
     "references": [
         {"path": "../perseus-core/tsconfig-build.json"},
+        {"path": "../perseus-core/tsconfig-build.json"},
     ]
 }