@khanacademy/math-input 19.2.1 → 20.0.1

package/dist/components/i18n-context.d.ts

@@ -11,6 +11,6 @@ type I18nContextType = {
 };
 export declare const MathInputI18nContext: React.Context<I18nContextType>;
 type Props = React.PropsWithChildren<I18nContextType>;
-export declare function MathInputI18nContextProvider({ children, strings, locale, }: Props): JSX.Element;
+export declare function MathInputI18nContextProvider({ children, strings, locale, }: Props): React.JSX.Element;
 export declare const useMathInputI18n: () => I18nContextType;
 export {};

package/dist/components/keypad/keypad-pages/extras-page.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import * as React from "react";
 import type Key from "../../../data/keys";
 import type { ClickKeyCallback } from "../../../types";
 type Props = {
     extraKeys: ReadonlyArray<Key>;
     onClickKey: ClickKeyCallback;
 };
-export default function ExtrasPage(props: Props): JSX.Element;
+export default function ExtrasPage(props: Props): React.JSX.Element;
 export {};

package/dist/components/keypad/keypad-pages/fractions-page.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import * as React from "react";
 import type { ClickKeyCallback } from "../../../types";
 import type { CursorContext } from "../../input/cursor-contexts";
 type Props = {
     onClickKey: ClickKeyCallback;
     cursorContext?: (typeof CursorContext)[keyof typeof CursorContext];
 };
-export default function FractionsPage(props: Props): JSX.Element;
+export default function FractionsPage(props: Props): React.JSX.Element;
 export {};

package/dist/components/keypad/keypad-pages/geometry-page.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from "react";
 import type { ClickKeyCallback } from "../../../types";
 type Props = {
     onClickKey: ClickKeyCallback;
 };
-export default function GeometryPage(props: Props): JSX.Element;
+export default function GeometryPage(props: Props): React.JSX.Element;
 export {};

package/dist/components/keypad/keypad-pages/numbers-page.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from "react";
 import type { ClickKeyCallback } from "../../../types";
 type Props = {
     onClickKey: ClickKeyCallback;
 };
-export default function NumbersPage(props: Props): JSX.Element;
+export default function NumbersPage(props: Props): React.JSX.Element;
 export {};

package/dist/components/keypad/keypad-pages/operators-page.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import type { ClickKeyCallback } from "../../../types";
 type Props = {
     onClickKey: ClickKeyCallback;
@@ -7,5 +7,5 @@ type Props = {
     basicRelations?: boolean;
     advancedRelations?: boolean;
 };
-export default function OperatorsPage(props: Props): JSX.Element;
+export default function OperatorsPage(props: Props): React.JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import type Key from "../../data/keys";
 import type { ClickKeyCallback } from "../../types";
 import type { CursorContext } from "../input/cursor-contexts";
@@ -19,7 +19,7 @@ export type Props = {
     onClickKey: ClickKeyCallback;
     onAnalyticsEvent: AnalyticsEventHandlerFn;
 };
-declare function Keypad(props: Props): JSX.Element;
+declare function Keypad(props: Props): React.JSX.Element;
 declare namespace Keypad {
     var defaultProps: {
         extraKeys: never[];

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

@@ -1,5 +1,5 @@
 import * as React from "react";
 import MobileKeypadInternals from "./mobile-keypad-internals";
 type Props = Omit<React.ComponentProps<typeof MobileKeypadInternals>, "keypadActive" | "setKeypadActive">;
-export declare function MobileKeypad(props: Props): JSX.Element;
+export declare function MobileKeypad(props: Props): React.JSX.Element;
 export {};

package/dist/components/keypad/navigation-button.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import * as React from "react";
 import type { KeyConfig, ClickKeyCallback } from "../../types";
 export type KeypadButtonProps = {
     coord: readonly [number, number];
     keyConfig: KeyConfig;
     onClickKey: ClickKeyCallback;
 };
-export default function NavigationButton({ coord, keyConfig, onClickKey, }: KeypadButtonProps): JSX.Element;
+export default function NavigationButton({ coord, keyConfig, onClickKey, }: KeypadButtonProps): React.JSX.Element;

package/dist/components/keypad/navigation-pad.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import * as React from "react";
 import type { ClickKeyCallback } from "../../types";
 export type Props = {
     onClickKey: ClickKeyCallback;
 };
-export default function NavigationPad(props: Props): JSX.Element;
+export default function NavigationPad(props: Props): React.JSX.Element;

package/dist/components/keypad/shared-keys.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import type { ClickKeyCallback, KeypadPageType } from "../../types";
 import type { CursorContext } from "../input/cursor-contexts";
 type Props = {
@@ -8,5 +8,5 @@ type Props = {
     convertDotToTimes?: boolean;
     divisionKey?: boolean;
 };
-export default function SharedKeys(props: Props): JSX.Element;
+export default function SharedKeys(props: Props): React.JSX.Element;
 export {};

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

@@ -11,5 +11,5 @@ import * as React from "react";
 import type { KeypadContextType } from "../types";
 export declare const KeypadContext: React.Context<KeypadContextType>;
 type Props = React.PropsWithChildren<unknown>;
-export declare function StatefulKeypadContextProvider(props: Props): JSX.Element;
+export declare function StatefulKeypadContextProvider(props: Props): React.JSX.Element;
 export {};

package/dist/data/key-configs.d.ts

@@ -6,6 +6,8 @@ import type { MathInputStrings } from "../strings";
 import type { KeyConfig } from "../types";
 declare const KeyConfigs: (strings: MathInputStrings) => {
     MANY: KeyConfig;
+    x: KeyConfig;
+    y: KeyConfig;
     a: KeyConfig;
     b: KeyConfig;
     i: KeyConfig;
@@ -14,8 +16,6 @@ declare const KeyConfigs: (strings: MathInputStrings) => {
     s: KeyConfig;
     u: KeyConfig;
     g: KeyConfig;
-    x: KeyConfig;
-    y: KeyConfig;
     PLUS: KeyConfig;
     MINUS: KeyConfig;
     NEGATIVE: KeyConfig;

package/dist/es/index.js

@@ -15,7 +15,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 = "19.2.1";
+const libVersion = "20.0.1";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {
@@ -2609,25 +2609,11 @@ function TabbarItem(props) {
   } = props;
   const tabRef = useRef(null);
   useEffect(() => {
-    let timeout;
     if (role === "tab" && focus) {
-      /**
-       * When tabs are within a WonderBlocks Popover component, the
-       * manner in which the component is rendered and moved causes
-       * focus to snap to the bottom of the page on first focus.
-       *
-       * This timeout moves around that by delaying the focus enough
-       * to wait for the WonderBlock Popover to move to the correct
-       * location and scroll the user to the correct location.
-       * */
-      timeout = setTimeout(() => {
-        if (tabRef != null && tabRef.current) {
-          // Move element into view when it is focused
-          tabRef == null || tabRef.current.focus();
-        }
-      }, 0);
+      var _tabRef$current;
+      // Move element into view when it is focused
+      tabRef == null || (_tabRef$current = tabRef.current) == null || _tabRef$current.focus();
     }
-    return () => clearTimeout(timeout);
   }, [role, focus, tabRef]);
   return /*#__PURE__*/React.createElement(Clickable, {
     onClick: onClick,