@khanacademy/math-input 21.1.1 → 21.1.3

package/dist/components/keypad/keypad.d.ts

@@ -4,7 +4,7 @@ import type { ClickKeyCallback } from "../../types";
 import type { CursorContext } from "../input/cursor-contexts";
 import type { AnalyticsEventHandlerFn } from "@khanacademy/perseus-core";
 export type Props = {
-    extraKeys: ReadonlyArray<Key>;
+    extraKeys?: ReadonlyArray<Key>;
     cursorContext?: (typeof CursorContext)[keyof typeof CursorContext];
     showDismiss?: boolean;
     expandedView?: boolean;
@@ -19,10 +19,4 @@ export type Props = {
     onClickKey: ClickKeyCallback;
     onAnalyticsEvent: AnalyticsEventHandlerFn;
 };
-declare function Keypad(props: Props): React.JSX.Element;
-declare namespace Keypad {
-    var defaultProps: {
-        extraKeys: never[];
-    };
-}
-export default Keypad;
+export default function Keypad({ extraKeys, ...props }: Props): React.JSX.Element;

package/dist/es/index.js

@@ -16,7 +16,7 @@ import PropTypes from 'prop-types';
 
 // 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.3";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -2340,6 +2340,16 @@ const inlineStyles = {
   }
 };
 
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (e.includes(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+
 const IconAsset = function IconAsset({
   tintColor,
   type
@@ -5070,9 +5080,7 @@ function SharedKeys(props) {
   }));
 }
 
-const defaultProps = {
-  extraKeys: []
-};
+const _excluded = ["extraKeys"];
 function getAvailableTabs(props) {
   var _props$extraKeys;
   // We don't want to show any available tabs on the fractions keypad
@@ -5096,7 +5104,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 = []
+    } = _ref,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   // 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";
@@ -5104,11 +5116,12 @@ function Keypad(props) {
   const [isMounted, setIsMounted] = React.useState(false);
 
   // We don't want any tabs available on mobile fractions keypad
-  const availableTabs = getAvailableTabs(props);
+  const availableTabs = getAvailableTabs(_extends({}, props, {
+    extraKeys
+  }));
   const {
     onClickKey,
     cursorContext,
-    extraKeys,
     convertDotToTimes,
     divisionKey,
     preAlgebra,
@@ -5192,7 +5205,6 @@ function Keypad(props) {
     onClickKey: onClickKey
   }))));
 }
-Keypad.defaultProps = defaultProps;
 const styles$1 = StyleSheet.create({
   keypadOuterContainer: {
     display: "flex",