@khanacademy/math-input 21.1.1 → 21.1.2

package/dist/index.js

@@ -45,7 +45,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/math-input";
-const libVersion = "21.1.1";
+const libVersion = "21.1.2";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -5368,9 +5368,6 @@ function SharedKeys(props) {
   }));
 }
 
-const defaultProps = {
-  extraKeys: []
-};
 function getAvailableTabs(props) {
   // We don't want to show any available tabs on the fractions keypad
   if (props.fractionsOnly) {
@@ -5393,7 +5390,11 @@ function getAvailableTabs(props) {
 
 // The main (v2) Keypad. Use this component to present an accessible, onscreen
 // keypad to learners for entering math expressions.
-function Keypad(props) {
+function Keypad(_ref) {
+  let {
+    extraKeys = [],
+    ...props
+  } = _ref;
   // 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";
@@ -5401,11 +5402,13 @@ function Keypad(props) {
   const [isMounted, setIsMounted] = React__namespace.useState(false);
 
   // We don't want any tabs available on mobile fractions keypad
-  const availableTabs = getAvailableTabs(props);
+  const availableTabs = getAvailableTabs({
+    ...props,
+    extraKeys
+  });
   const {
     onClickKey,
     cursorContext,
-    extraKeys,
     convertDotToTimes,
     divisionKey,
     preAlgebra,
@@ -5489,7 +5492,6 @@ function Keypad(props) {
     onClickKey: onClickKey
   }))));
 }
-Keypad.defaultProps = defaultProps;
 const styles$1 = aphrodite.StyleSheet.create({
   keypadOuterContainer: {
     display: "flex",