@khanacademy/math-input 14.2.0 → 14.2.2

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @khanacademy/math-input
 
+## 14.2.2
+
+### Patch Changes
+
+-   [#787](https://github.com/Khan/perseus/pull/787) [`ed00ee59`](https://github.com/Khan/perseus/commit/ed00ee59dcdeb20a66709c6b7d3474da55d58e4d) Thanks [@jeremywiebe](https://github.com/jeremywiebe)! - Fix a bug where the mobile keypad didn't animate in the first time it appeared.
+
+-   Updated dependencies [[`79403e06`](https://github.com/Khan/perseus/commit/79403e06eedb597d7818d6c858bbba6f51ff3fe1)]:
+    -   @khanacademy/perseus-core@1.3.0
+
+## 14.2.1
+
+### Patch Changes
+
+-   [#759](https://github.com/Khan/perseus/pull/759) [`c431c4b8`](https://github.com/Khan/perseus/commit/c431c4b8147ae0630df2d2b19b0f5a5b5f04d4bf) Thanks [@handeyeco](https://github.com/handeyeco)! - Remove references to unused font families
+
+*   [#764](https://github.com/Khan/perseus/pull/764) [`fb84640d`](https://github.com/Khan/perseus/commit/fb84640de911a8e8817829985fe9956e83a7f7d1) Thanks [@handeyeco](https://github.com/handeyeco)! - Use useMemo in keypad context to avoid needless rerenders
+
+-   [#767](https://github.com/Khan/perseus/pull/767) [`33cc24c3`](https://github.com/Khan/perseus/commit/33cc24c33f62cd87de7594ba575d311fd465e2e0) Thanks [@jeremywiebe](https://github.com/jeremywiebe)! - Small comment fixes in the math keypad
+
+-   Updated dependencies [[`376eb0e4`](https://github.com/Khan/perseus/commit/376eb0e4aaaa4c7a90fd6107a84bb74d382b077c)]:
+    -   @khanacademy/perseus-core@1.2.0
+
 ## 14.2.0
 
 ### Minor Changes

package/dist/es/index.js

@@ -5,7 +5,7 @@ import { getDecimalSeparator } from '@khanacademy/wonder-blocks-i18n';
 import { entries } from '@khanacademy/wonder-stuff-core';
 import { StyleSheet, css } from 'aphrodite';
 import * as React from 'react';
-import { useEffect, useState } from 'react';
+import { useEffect, useState, useMemo } from 'react';
 import ReactDOM from 'react-dom';
 import $ from 'jquery';
 import MathQuill from 'mathquill';
@@ -20,7 +20,7 @@ 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.2.0";
+const libVersion = "14.2.2";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -4962,7 +4962,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.useState(defaultSelectedPage);
@@ -4989,7 +4989,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
   useEffect(() => {
     setSelectedPage(defaultSelectedPage);
   }, [fractionsOnly, defaultSelectedPage]);
@@ -5295,7 +5295,8 @@ class TransitionChild extends React.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 {
@@ -5575,20 +5576,18 @@ function StatefulKeypadContextProvider(props) {
   // this is a KeypadContextRendererInterface from Perseus
   const [renderer, setRenderer] = useState();
   const [scrollableElement, setScrollableElement] = useState();
+  const memoizedValue = useMemo(() => ({
+    keypadActive,
+    setKeypadActive,
+    keypadElement,
+    setKeypadElement,
+    renderer,
+    setRenderer,
+    scrollableElement,
+    setScrollableElement
+  }), [keypadActive, setKeypadActive, keypadElement, setKeypadElement, renderer, setRenderer, scrollableElement, setScrollableElement]);
   return /*#__PURE__*/React.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);
 }
 
@@ -7030,7 +7029,7 @@ const styles$9 = StyleSheet.create({
     width: iconSizeWidthPx
   },
   base: {
-    fontFamily: "Proxima Nova",
+    fontFamily: "'Lato', sans-serif",
     fontSize: 25
   }
 });