@khanacademy/math-input 14.2.0 → 14.2.2

package/dist/index.js

@@ -53,7 +53,7 @@ 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.2.0";
+const libVersion = "14.2.2";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _defineProperty(obj, key, value) {
@@ -5261,7 +5261,7 @@ function getAvailableTabs(props) {
 // The main (v2) Keypad. Use this component to present an accessible, onscreen
 // keypad to learners for entering math expressions.
 function Keypad$2(props) {
-  // If we're using the Fractions keyapd, we want to default select that page
+  // If we're using the Fractions keypad, we want to default select that page
   // Otherwise, we want to default to the Numbers page
   const defaultSelectedPage = props.fractionsOnly ? "Fractions" : "Numbers";
   const [selectedPage, setSelectedPage] = React__namespace.useState(defaultSelectedPage);
@@ -5288,7 +5288,7 @@ function Keypad$2(props) {
   // Use a different grid for our fraction keypad
   const gridStyle = fractionsOnly ? styles$d.fractionsGrid : styles$d.expressionGrid;
 
-  // This useeffect is only used to ensure that we can test the keypad in storybook
+  // This useEffect is only used to ensure that we can test the keypad in storybook
   React.useEffect(() => {
     setSelectedPage(defaultSelectedPage);
   }, [fractionsOnly, defaultSelectedPage]);
@@ -5596,7 +5596,8 @@ class TransitionChild extends React__namespace.Component {
   }
   queueClass(removeClassName, addClassName) {
     this.classNameQueue.push([removeClassName, addClassName]);
-    this.props.schedule.animationFrame(this.flushClassNameQueue);
+    // Queue operation for after the next paint.
+    this.props.schedule.timeout(this.flushClassNameQueue, 0);
   }
   render() {
     const {
@@ -5876,20 +5877,18 @@ function StatefulKeypadContextProvider(props) {
   // this is a KeypadContextRendererInterface from Perseus
   const [renderer, setRenderer] = React.useState();
   const [scrollableElement, setScrollableElement] = React.useState();
+  const memoizedValue = React.useMemo(() => ({
+    keypadActive,
+    setKeypadActive,
+    keypadElement,
+    setKeypadElement,
+    renderer,
+    setRenderer,
+    scrollableElement,
+    setScrollableElement
+  }), [keypadActive, setKeypadActive, keypadElement, setKeypadElement, renderer, setRenderer, scrollableElement, setScrollableElement]);
   return /*#__PURE__*/React__namespace.createElement(KeypadContext.Provider, {
-    value: {
-      setKeypadActive,
-      keypadActive,
-      setKeypadElement,
-      keypadElement,
-      setRenderer,
-      renderer,
-      // The scrollableElement options can likely be removed after
-      // the exercises-package is officially deprecated. They don't appear
-      // to be used anywhere except for the exercises-package and tests.
-      setScrollableElement,
-      scrollableElement
-    }
+    value: memoizedValue
   }, props.children);
 }
 
@@ -7188,7 +7187,7 @@ const styles$9 = aphrodite.StyleSheet.create({
     width: iconSizeWidthPx
   },
   base: {
-    fontFamily: "Proxima Nova",
+    fontFamily: "'Lato', sans-serif",
     fontSize: 25
   }
 });