@khanacademy/math-input 15.1.0 → 16.1.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @khanacademy/math-input
 
+## 16.1.0
+
+### Minor Changes
+
+-   [#794](https://github.com/Khan/perseus/pull/794) [`a91c84fe`](https://github.com/Khan/perseus/commit/a91c84fe53827ff4333220777a9918882b7fe9f0) Thanks [@SonicScrewdriver](https://github.com/SonicScrewdriver)! - Removing the useV2Keypad apiOption as the V1 keypad is no longer in use.
+
+### Patch Changes
+
+-   [#814](https://github.com/Khan/perseus/pull/814) [`105d2060`](https://github.com/Khan/perseus/commit/105d20603d935d35cff237b17f0bfb57ca751e4c) Thanks [@jeremywiebe](https://github.com/jeremywiebe)! - Minor build change to how we provide Typescript type definitions (should be no change to build output).
+
+-   Updated dependencies [[`a91c84fe`](https://github.com/Khan/perseus/commit/a91c84fe53827ff4333220777a9918882b7fe9f0), [`105d2060`](https://github.com/Khan/perseus/commit/105d20603d935d35cff237b17f0bfb57ca751e4c)]:
+    -   @khanacademy/perseus-core@1.4.0
+
+## 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/aphrodite-css-transition-group/util.d.ts

@@ -1,7 +1,8 @@
+/// <reference path="../../../types/aphrodite.d.ts" />
 import type { InAnimationStyles } from "./types";
 import type { StyleType } from "@khanacademy/wonder-blocks-core";
 export declare function processStyleType(style?: StyleType): {
     className: string;
     style: Record<any, any>;
 };
-export declare const createTransition: (styles: InAnimationStyles) => any;
+export declare const createTransition: (styles: InAnimationStyles) => import("aphrodite").StyleDeclaration;

package/dist/components/input/math-wrapper.d.ts

@@ -1,6 +1,6 @@
+import type { MathFieldInterface } from "./mathquill-types";
 import type Key from "../../data/keys";
 import type { Cursor } from "../../types";
-import type { MathFieldInterface } from "./mathquill-types";
 /**
  * This file contains a wrapper around MathQuill so that we can provide a
  * more regular interface for the functionality we need while insulating us

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 {};

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

@@ -1,5 +1,5 @@
-import type { KeyConfig } from "../types";
 import type Key from "./keys";
+import type { KeyConfig } from "../types";
 declare const KeyConfigs: {
     [key in Key]: KeyConfig;
 };