@khanacademy/math-input 20.1.2 → 21.0.0

package/dist/index.d.ts

@@ -11,7 +11,6 @@ export { getCursorContext } from "./components/input/mathquill-helpers";
 export { MobileKeypad } from "./components/keypad";
 export { default as DesktopKeypad } from "./components/keypad";
 export { MathInputI18nContextProvider, MathInputI18nContext, useMathInputI18n, } from "./components/i18n-context";
-export { KeypadContext, StatefulKeypadContextProvider, } from "./components/keypad-context";
 export { keypadElementPropType } from "./components/prop-types";
 export type { KeypadAPI, KeypadConfiguration } from "./types";
 export { convertDotToTimesByLocale } from "./utils";

package/dist/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var perseusCore = require('@khanacademy/perseus-core');
+var keypadContext = require('@khanacademy/keypad-context');
 var wonderBlocksTokens = require('@khanacademy/wonder-blocks-tokens');
 var wonderStuffCore = require('@khanacademy/wonder-stuff-core');
 var aphrodite = require('aphrodite');
@@ -44,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 = "20.1.2";
+const libVersion = "21.0.0";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -260,49 +261,6 @@ function MathInputI18nContextProvider(_ref) {
 }
 const useMathInputI18n = () => React.useContext(MathInputI18nContext);
 
-/**
- * KeypadContext provides a way to the Keypad and Perseus Renderers to
- * communicate.
- *
- * The StatefulKeypadContextProvider wraps the application
- * while KeypadContext.Consumer wraps things that need this state:
- * - mobile keypad usages
- * - Perseus Renderers (Server/Item/Article)
- */
-// @ts-expect-error - TS2322 - Type 'Context<{ setKeypadElement: (keypadElement: HTMLElement | null | undefined) => void; keypadElement: null; setRenderer: (renderer: RendererInterface | null | undefined) => void; renderer: null; setScrollableElement: (scrollableElement: HTMLElement | ... 1 more ... | undefined) => void; scrollableElement: null; }>' is not assignable to type 'Context<KeypadContext>'.
-const KeypadContext = /*#__PURE__*/React__namespace.createContext({
-  setKeypadActive: keypadActive => {},
-  keypadActive: false,
-  setKeypadElement: keypadElement => {},
-  keypadElement: null,
-  setRenderer: renderer => {},
-  renderer: null,
-  setScrollableElement: scrollableElement => {},
-  scrollableElement: null
-});
-function StatefulKeypadContextProvider(props) {
-  // whether or not to display the keypad
-  const [keypadActive, setKeypadActive] = React.useState(false);
-  // used to communicate between the keypad and the Renderer
-  const [keypadElement, setKeypadElement] = React.useState();
-  // 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: memoizedValue
-  }, props.children);
-}
-
 /**
  * Common parameters used to style components.
  */
@@ -2378,7 +2336,7 @@ class MathInput extends React__namespace.Component {
     // TODO(diedra): Fix the bug that is causing Android to require a two finger tap
     // to the open the keyboard, and then remove the second half of this label.
     const ariaLabel = this.context.strings.mathInputBox + " " + this.context.strings.fingerTap;
-    return /*#__PURE__*/React__namespace.createElement(KeypadContext.Consumer, null, _ref => {
+    return /*#__PURE__*/React__namespace.createElement(keypadContext.KeypadContext.Consumer, null, _ref => {
       let {
         keypadActive,
         setKeypadActive
@@ -6038,7 +5996,7 @@ const styles = aphrodite.StyleSheet.create({
 });
 
 function MobileKeypad(props) {
-  return /*#__PURE__*/React__namespace.createElement(KeypadContext.Consumer, null, _ref => {
+  return /*#__PURE__*/React__namespace.createElement(keypadContext.KeypadContext.Consumer, null, _ref => {
     let {
       keypadActive,
       setKeypadActive
@@ -6091,13 +6049,11 @@ exports.CursorContext = CursorContext;
 exports.DesktopKeypad = Keypad;
 exports.KeyArray = KeyArray;
 exports.KeyConfigs = KeyConfigs;
-exports.KeypadContext = KeypadContext;
 exports.KeypadInput = MathInput;
 exports.KeypadType = KeypadType;
 exports.MathInputI18nContext = MathInputI18nContext;
 exports.MathInputI18nContextProvider = MathInputI18nContextProvider;
 exports.MobileKeypad = MobileKeypad;
-exports.StatefulKeypadContextProvider = StatefulKeypadContextProvider;
 exports.convertDotToTimesByLocale = convertDotToTimesByLocale;
 exports.createMathField = createMathField;
 exports.getCursorContext = getCursorContext;