@khanacademy/math-input 10.1.0 → 11.0.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @khanacademy/math-input
 
+## 11.0.0
+
+### Major Changes
+
+-   2af4f9fa: Switch from using ProvideKeypad in ArticleRenderer to passing the keypad element down instead
+
+### Patch Changes
+
+-   Updated dependencies [2af4f9fa]
+    -   @khanacademy/perseus-core@1.0.0
+
+## 10.1.1
+
+### Patch Changes
+
+-   3f7be05a: Updated Keypad V2 TabbarItemType to KeypadPageType as a more accurate description.
+-   810c7bd9: Resize letter SVGs
+-   b161d004: Ensured that the keypad is hidden from screen readers when it is closed.
+-   a99a9ca4: Fix direction types for MathQuill interface
+
 ## 10.1.0
 
 ### Minor Changes

package/dist/components/input/mathquill-types.d.ts

@@ -1,7 +1,7 @@
 import type Key from "../../data/keys";
 export interface MathQuillInterface {
-    L: "L";
-    R: "R";
+    L: -1;
+    R: 1;
     /**
      * Creates an editable MathQuill initialized with the contents of the HTML
      * element and returns a MathField object.

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

@@ -1,10 +1,9 @@
 /// <reference types="react" />
-import type { ClickKeyCallback } from "../../types";
+import type { ClickKeyCallback, KeypadPageType } from "../../types";
 import type { CursorContext } from "../input/cursor-contexts";
-import type { TabbarItemType } from "../tabbar";
 type Props = {
     onClickKey: ClickKeyCallback;
-    selectedPage: TabbarItemType;
+    selectedPage: KeypadPageType;
     cursorContext?: typeof CursorContext[keyof typeof CursorContext];
     multiplicationDot?: boolean;
     divisionKey?: boolean;

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

@@ -7,12 +7,13 @@
  * ExerciseFooter.
  */
 import * as React from "react";
-import type { RendererInterface } from "@khanacademy/perseus-core";
+import type { KeypadAPI } from "../types";
+import type { KeypadContextRendererInterface } from "@khanacademy/perseus-core";
 type KeypadContext = {
-    setKeypadElement: (keypadElement?: HTMLElement | null | undefined) => void;
-    keypadElement: HTMLElement | null | undefined;
-    setRenderer: (renderer?: RendererInterface | null | undefined) => void;
-    renderer: RendererInterface | null | undefined;
+    setKeypadElement: (keypadElement?: KeypadAPI) => void;
+    keypadElement: KeypadAPI | null | undefined;
+    setRenderer: (renderer?: KeypadContextRendererInterface | null | undefined) => void;
+    renderer: KeypadContextRendererInterface | null | undefined;
     setScrollableElement: (scrollableElement?: HTMLElement | null | undefined) => void;
     scrollableElement: HTMLElement | null | undefined;
 };

package/dist/components/keypad-legacy/two-page-keypad.d.ts

@@ -2,7 +2,7 @@
  * A keypad with two pages of keys.
  */
 import * as React from "react";
-import type { TabbarItemType } from "../tabbar";
+import type { KeypadPageType } from "../../types";
 interface ReduxProps {
     paginationEnabled: boolean;
 }
@@ -11,7 +11,7 @@ interface Props extends ReduxProps {
     rightPage: React.ReactNode;
 }
 type State = {
-    selectedPage: TabbarItemType;
+    selectedPage: KeypadPageType;
 };
 declare class TwoPageKeypad extends React.Component<Props, State> {
     state: State;

package/dist/components/tabbar/icons.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
-import type { TabbarItemType } from "./types";
+import type { KeypadPageType } from "../../types";
 type Props = {
     tintColor: string;
-    type: TabbarItemType;
+    type: KeypadPageType;
 };
 declare const IconAsset: ({ tintColor, type }: Props) => React.ReactElement;
 export default IconAsset;

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

@@ -1,2 +1 @@
 export { default } from "./tabbar";
-export { TabbarItemType } from "./types";

package/dist/components/tabbar/item.d.ts

@@ -1,10 +1,10 @@
 import * as React from "react";
-import type { TabbarItemType } from "./types";
+import type { KeypadPageType } from "../../types";
 export type ItemState = "active" | "inactive" | "disabled";
 type Props = {
     onClick: () => void;
     itemState: ItemState;
-    itemType: TabbarItemType;
+    itemType: KeypadPageType;
 };
 declare class TabbarItem extends React.Component<Props> {
     render(): React.ReactNode;

package/dist/components/tabbar/tabbar.d.ts

@@ -1,11 +1,11 @@
 import * as React from "react";
-import type { TabbarItemType } from "./types";
+import type { KeypadPageType } from "../../types";
 import type { StyleType } from "@khanacademy/wonder-blocks-core";
 type Props = {
-    items: ReadonlyArray<TabbarItemType>;
-    selectedItem: TabbarItemType;
+    items: ReadonlyArray<KeypadPageType>;
+    selectedItem: KeypadPageType;
     onClickClose?: () => void;
-    onSelectItem: (item: TabbarItemType) => void;
+    onSelectItem: (item: KeypadPageType) => void;
     style?: StyleType;
 };
 declare function Tabbar(props: Props): React.ReactElement;