@khanacademy/math-input 14.0.0 → 14.0.1

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.0.1",
     "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/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";
 

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"},
     ]
 }