@khanacademy/math-input 15.1.0 → 16.0.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @khanacademy/math-input
 
+## 16.0.0
+
+### Major Changes
+
+-   [#825](https://github.com/Khan/perseus/pull/825) [`7cb40e4c`](https://github.com/Khan/perseus/commit/7cb40e4c919be50e5ced41e4937178bbf849ec74) Thanks [@benchristel](https://github.com/benchristel)! - We've removed the deprecated `useV2Keypad` prop from the MobileKeypad component.
+
+    The V2 keypad is now the default, and the old keypad has been removed.
+
+    Additionally, the mobile keypad no longer accepts the `keypadActive` or
+    `setKeypadActive` props. It now gets those values itself from the `KeypadContext`.
+
 ## 15.1.0
 
 ### Minor Changes

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

@@ -1,2 +1,2 @@
 export { default } from "./keypad";
-export { default as MobileKeypad } from "./mobile-keypad";
+export { MobileKeypad } from "./mobile-keypad";

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

@@ -0,0 +1,49 @@
+import * as React from "react";
+import ReactDOM from "react-dom";
+import type Key from "../../data/keys";
+import type { Cursor, KeypadConfiguration, KeyHandler, KeypadAPI } from "../../types";
+import type { AnalyticsEventHandlerFn } from "@khanacademy/perseus-core";
+import type { StyleType } from "@khanacademy/wonder-blocks-core";
+type Props = {
+    onElementMounted?: (arg1: any) => void;
+    onDismiss?: () => void;
+    style?: StyleType;
+    onAnalyticsEvent: AnalyticsEventHandlerFn;
+    setKeypadActive: (keypadActive: boolean) => void;
+    keypadActive: boolean;
+};
+type State = {
+    containerWidth: number;
+    keypadConfig?: KeypadConfiguration;
+    keyHandler?: KeyHandler;
+    cursor?: Cursor;
+};
+/**
+ * This is the v2 equivalent of v1's ProvidedKeypad. It follows the same
+ * external API so that it can be hot-swapped with the v1 keypad and
+ * is responsible for connecting the keypad with MathInput and the Renderer.
+ *
+ * Ideally this strategy of attaching methods on the class component for
+ * other components to call will be replaced props/callbacks since React
+ * doesn't support this type of code anymore (functional components
+ * can't have methods attached to them).
+ */
+declare class MobileKeypadInternals extends React.Component<Props, State> implements KeypadAPI {
+    _containerRef: React.RefObject<HTMLDivElement>;
+    _containerResizeObserver: ResizeObserver | null;
+    _throttleResize: boolean;
+    state: State;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    _resize: () => void;
+    _throttleResizeHandler: () => void;
+    activate: () => void;
+    dismiss: () => void;
+    configure: (configuration: KeypadConfiguration, cb: () => void) => void;
+    setCursor: (cursor: Cursor) => void;
+    setKeyHandler: (keyHandler: KeyHandler) => void;
+    getDOMNode: () => ReturnType<typeof ReactDOM.findDOMNode>;
+    _handleClickKey(key: Key): void;
+    render(): React.ReactNode;
+}
+export default MobileKeypadInternals;

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

@@ -1,49 +1,5 @@
 import * as React from "react";
-import ReactDOM from "react-dom";
-import type Key from "../../data/keys";
-import type { Cursor, KeypadConfiguration, KeyHandler, KeypadAPI } from "../../types";
-import type { AnalyticsEventHandlerFn } from "@khanacademy/perseus-core";
-import type { StyleType } from "@khanacademy/wonder-blocks-core";
-type Props = {
-    onElementMounted?: (arg1: any) => void;
-    onDismiss?: () => void;
-    style?: StyleType;
-    onAnalyticsEvent: AnalyticsEventHandlerFn;
-    setKeypadActive: (keypadActive: boolean) => void;
-    keypadActive: boolean;
-};
-type State = {
-    containerWidth: number;
-    keypadConfig?: KeypadConfiguration;
-    keyHandler?: KeyHandler;
-    cursor?: Cursor;
-};
-/**
- * This is the v2 equivalent of v1's ProvidedKeypad. It follows the same
- * external API so that it can be hot-swapped with the v1 keypad and
- * is responsible for connecting the keypad with MathInput and the Renderer.
- *
- * Ideally this strategy of attaching methods on the class component for
- * other components to call will be replaced props/callbacks since React
- * doesn't support this type of code anymore (functional components
- * can't have methods attached to them).
- */
-declare class MobileKeypad extends React.Component<Props, State> implements KeypadAPI {
-    _containerRef: React.RefObject<HTMLDivElement>;
-    _containerResizeObserver: ResizeObserver | null;
-    _throttleResize: boolean;
-    state: State;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    _resize: () => void;
-    _throttleResizeHandler: () => void;
-    activate: () => void;
-    dismiss: () => void;
-    configure: (configuration: KeypadConfiguration, cb: () => void) => void;
-    setCursor: (cursor: Cursor) => void;
-    setKeyHandler: (keyHandler: KeyHandler) => void;
-    getDOMNode: () => ReturnType<typeof ReactDOM.findDOMNode>;
-    _handleClickKey(key: Key): void;
-    render(): React.ReactNode;
-}
-export default MobileKeypad;
+import MobileKeypadInternals from "./mobile-keypad-internals";
+type Props = Omit<React.ComponentProps<typeof MobileKeypadInternals>, "keypadActive" | "setKeypadActive">;
+export declare function MobileKeypad(props: Props): JSX.Element;
+export {};