@khanacademy/math-input 10.0.1 → 10.1.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @khanacademy/math-input
 
+## 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.
+
+## 10.1.0
+
+### Minor Changes
+
+-   781551f9: Add an expanded view in the v2 MobileKeypad for larger screens
+
 ## 10.0.1
 
 ### Patch Changes

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

@@ -7,6 +7,7 @@ export type Props = {
     extraKeys: ReadonlyArray<Key>;
     cursorContext?: typeof CursorContext[keyof typeof CursorContext];
     showDismiss?: boolean;
+    expandedView?: boolean;
     multiplicationDot?: boolean;
     divisionKey?: boolean;
     trigonometry?: boolean;

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

@@ -20,13 +20,21 @@ type Props = {
 };
 type State = {
     active: boolean;
+    containerWidth: number;
     keypadConfig?: KeypadConfiguration;
     keyHandler?: KeyHandler;
     cursor?: Cursor;
 };
 declare class MobileKeypad extends React.Component<Props, State> implements KeypadAPI {
+    _containerRef: React.RefObject<HTMLDivElement>;
+    _containerResizeObserver: ResizeObserver | null;
+    _throttleResize: boolean;
     hasMounted: boolean;
     state: State;
+    componentDidMount(): void;
+    componentWillUnMount(): void;
+    _resize: () => void;
+    _throttleResizeHandler: () => void;
     activate: () => void;
     dismiss: () => void;
     configure: (configuration: KeypadConfiguration, cb: () => void) => void;

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

@@ -0,0 +1,8 @@
+/// <reference types="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;

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

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

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/utils.d.ts

@@ -1,2 +1,3 @@
 import { CursorContext } from "../input/cursor-contexts";
+export declare const expandedViewThreshold = 500;
 export declare function getCursorContextConfig(cursorContext?: typeof CursorContext[keyof typeof CursorContext]): import("../../types").NonManyKeyConfig | null;

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;