@khanacademy/math-input 8.1.2 → 9.0.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @khanacademy/math-input
 
+## 9.0.0
+
+### Major Changes
+
+-   0993a46b: Don't generate Flow types
+
+### Minor Changes
+
+-   87aadc43: Surface event from `onClickKey` callback
+-   b93f9f74: Added new Mobile Fraction Keypad View to the V2 Keypad
+
+### Patch Changes
+
+-   302ca7f7: Fix type for parameters of `moveOutOf` event.
+-   afb14cff: Add eslint rule to make type imports consistent
+-   19054322: Tweak to capital letter icon buttons
+-   ce5e6297: Upgrade wonder-blocks deps to package versions without Flow types
+-   196d2a39: Add icons for all letters
+
 ## 8.1.2
 
 ### Patch Changes

package/dist/components/input/cursor-contexts.d.ts

@@ -9,12 +9,12 @@
  * now, we show the dismiss button rather than allowing the user to jump out of
  * the radical.
  */
-export declare const CursorContext: {
-    readonly NONE: "NONE";
-    readonly IN_PARENS: "IN_PARENS";
-    readonly IN_SUPER_SCRIPT: "IN_SUPER_SCRIPT";
-    readonly IN_SUB_SCRIPT: "IN_SUB_SCRIPT";
-    readonly IN_NUMERATOR: "IN_NUMERATOR";
-    readonly IN_DENOMINATOR: "IN_DENOMINATOR";
-    readonly BEFORE_FRACTION: "BEFORE_FRACTION";
-};
+export declare enum CursorContext {
+    NONE = "NONE",
+    IN_PARENS = "IN_PARENS",
+    IN_SUPER_SCRIPT = "IN_SUPER_SCRIPT",
+    IN_SUB_SCRIPT = "IN_SUB_SCRIPT",
+    IN_NUMERATOR = "IN_NUMERATOR",
+    IN_DENOMINATOR = "IN_DENOMINATOR",
+    BEFORE_FRACTION = "BEFORE_FRACTION"
+}

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

@@ -1,6 +1,6 @@
-import Key from "../../data/keys";
-import { Cursor } from "../../types";
-import { 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
@@ -31,7 +31,7 @@ declare class MathWrapper {
      */
     setCursorPosition(x: number, y: number, hitNode: HTMLElement): void;
     getCursor(): any;
-    contextForCursor(): "NONE" | "IN_PARENS" | "IN_SUPER_SCRIPT" | "IN_SUB_SCRIPT" | "IN_NUMERATOR" | "IN_DENOMINATOR" | "BEFORE_FRACTION";
+    contextForCursor(): import("./cursor-contexts").CursorContext;
     getSelection(): any;
     getContent(): string;
     setContent(latex: string): void;

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

@@ -1,5 +1,5 @@
 import { CursorContext } from "./cursor-contexts";
-import { MathFieldCursor, MathFieldInterface } from "./mathquill-types";
+import type { MathFieldCursor, MathFieldInterface } from "./mathquill-types";
 export declare function getCursor(mathField: MathFieldInterface): MathFieldCursor;
 export declare function isFraction(node: any): boolean;
 export declare function isNumerator(node: any): boolean;

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

@@ -1,4 +1,4 @@
-import { MathQuillInterface, MathFieldConfig } from "./mathquill-types";
+import type { MathQuillInterface, MathFieldConfig } from "./mathquill-types";
 export declare const mathQuillInstance: MathQuillInterface;
 /**
  * Creates a new [MathField](http://docs.mathquill.com/en/latest/Api_Methods/#mqmathfieldhtml_element-config)

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

@@ -1,4 +1,4 @@
-import Key from "../../data/keys";
+import type Key from "../../data/keys";
 export interface MathQuillInterface {
     L: "L";
     R: "R";
@@ -148,7 +148,7 @@ export type MathFieldConfig = {
     handlers?: {
         edit?: (mathField: MathFieldInterface) => void;
         enter?: (mathField: MathFieldInterface) => void;
-        moveOutOf?: (mathField: MathFieldInterface) => void;
+        moveOutOf?: (direction: MathQuillDirection, mathField: MathFieldInterface) => void;
         upOutOf?: (mathField: MathFieldInterface) => void;
         downOutOf?: (mathField: MathFieldInterface) => void;
         deleteOutOf?: (direction: MathQuillDirection, mathField: MathFieldInterface) => void;

package/dist/components/key-handlers/handle-arrow.d.ts

@@ -1,3 +1,3 @@
-import Key from "../../data/keys";
-import { MathFieldInterface } from "../input/mathquill-types";
+import type Key from "../../data/keys";
+import type { MathFieldInterface } from "../input/mathquill-types";
 export default function handleArrow(mathField: MathFieldInterface, key: Key): void;

package/dist/components/key-handlers/handle-backspace.d.ts

@@ -1,4 +1,4 @@
-import { MathFieldInterface } from "../input/mathquill-types";
+import type { MathFieldInterface } from "../input/mathquill-types";
 /**
  * Selects and deletes part of the expression based on the cursor location.
  * See inline comments for precise behavior of different cases.

package/dist/components/key-handlers/handle-exponent.d.ts

@@ -1,3 +1,3 @@
-import Key from "../../data/keys";
-import { MathFieldInterface } from "../input/mathquill-types";
+import type Key from "../../data/keys";
+import type { MathFieldInterface } from "../input/mathquill-types";
 export default function handleExponent(mathField: MathFieldInterface, key: Key): void;

package/dist/components/key-handlers/handle-jump-out.d.ts

@@ -1,5 +1,5 @@
-import Key from "../../data/keys";
-import { MathFieldInterface } from "../input/mathquill-types";
+import type Key from "../../data/keys";
+import type { MathFieldInterface } from "../input/mathquill-types";
 /**
  * Advances the cursor to the next logical position.
  */

package/dist/components/key-handlers/key-translator.d.ts

@@ -1,4 +1,4 @@
-import Key from "../../data/keys";
-import { MathFieldUpdaterCallback } from "../input/mathquill-types";
+import type Key from "../../data/keys";
+import type { MathFieldUpdaterCallback } from "../input/mathquill-types";
 declare const keyToMathquillMap: Record<Key, MathFieldUpdaterCallback>;
 export default keyToMathquillMap;

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import Key from "../../data/keys";
+import type Key from "../../data/keys";
 type Props = {
     id: Key;
 };

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { KeyConfig, ClickKeyCallback } from "../../types";
+import type { KeyConfig, ClickKeyCallback } from "../../types";
 import type { StyleType } from "@khanacademy/wonder-blocks-core";
 export type KeypadButtonProps = {
     coord: readonly [number, number];

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import Key from "../../../data/keys";
-import { ClickKeyCallback } from "../../../types";
+import type Key from "../../../data/keys";
+import type { ClickKeyCallback } from "../../../types";
 type Props = {
     extraKeys: ReadonlyArray<Key>;
     onClickKey: ClickKeyCallback;

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

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

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ClickKeyCallback } from "../../../types";
+import type { ClickKeyCallback } from "../../../types";
 type Props = {
     onClickKey: ClickKeyCallback;
 };

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ClickKeyCallback } from "../../../types";
+import type { ClickKeyCallback } from "../../../types";
 type Props = {
     onClickKey: ClickKeyCallback;
 };

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ClickKeyCallback } from "../../../types";
+import type { ClickKeyCallback } from "../../../types";
 type Props = {
     onClickKey: ClickKeyCallback;
     preAlgebra?: boolean;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import Key from "../../data/keys";
-import { ClickKeyCallback } from "../../types";
-import { CursorContext } from "../input/cursor-contexts";
+import type Key from "../../data/keys";
+import type { ClickKeyCallback } from "../../types";
+import type { CursorContext } from "../input/cursor-contexts";
 import type { SendEventFn } from "@khanacademy/perseus-core";
 export type Props = {
     extraKeys: ReadonlyArray<Key>;
@@ -14,6 +14,7 @@ export type Props = {
     logarithms?: boolean;
     basicRelations?: boolean;
     advancedRelations?: boolean;
+    fractionsOnly?: boolean;
     onClickKey: ClickKeyCallback;
     sendEvent?: SendEventFn;
 };

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

@@ -1,8 +1,8 @@
-import { StyleType } from "@khanacademy/wonder-blocks-core";
 import * as React from "react";
 import ReactDOM from "react-dom";
-import Key from "../../data/keys";
-import { Cursor, KeypadConfiguration, KeyHandler, KeypadAPI } from "../../types";
+import type Key from "../../data/keys";
+import type { Cursor, KeypadConfiguration, KeyHandler, KeypadAPI } from "../../types";
+import type { StyleType } from "@khanacademy/wonder-blocks-core";
 /**
  * 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

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { ClickKeyCallback } from "../../types";
-import { CursorContext } from "../input/cursor-contexts";
-import { TabbarItemType } from "../tabbar";
+import type { ClickKeyCallback } from "../../types";
+import type { CursorContext } from "../input/cursor-contexts";
+import type { TabbarItemType } from "../tabbar";
 type Props = {
     onClickKey: ClickKeyCallback;
     selectedPage: TabbarItemType;

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

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

package/dist/components/keypad-legacy/compute-layout-parameters.d.ts

@@ -19,7 +19,7 @@
  * might need to be.
  */
 import { DeviceOrientation, LayoutMode } from "../../enums";
-import { GridDimensions, WidthHeight } from "./store/types";
+import type { GridDimensions, WidthHeight } from "./store/types";
 type ComputedLayoutProperty = {
     buttonDimensions: WidthHeight;
     layoutMode: LayoutMode;

package/dist/components/keypad-legacy/empty-keypad-button.d.ts

@@ -2,7 +2,7 @@
  * A keypad button containing no symbols and triggering no actions on click.
  */
 import * as React from "react";
-import GestureManager from "./gesture-manager";
+import type GestureManager from "./gesture-manager";
 interface ReduxProps {
     gestureManager: GestureManager;
 }

package/dist/components/keypad-legacy/gesture-manager.d.ts

@@ -3,12 +3,12 @@
  * connects our various bits of logic for managing gestures and interactions,
  * and links them together.
  */
-import * as React from "react";
-import Key from "../../data/keys";
-import { ActiveNodesObj, LayoutProps } from "../../types";
 import GestureStateMachine from "./gesture-state-machine";
 import NodeManager from "./node-manager";
 import PopoverStateMachine from "./popover-state-machine";
+import type Key from "../../data/keys";
+import type { ActiveNodesObj, LayoutProps } from "../../types";
+import type * as React from "react";
 type Options = {
     swipeEnabled: boolean;
 };

package/dist/components/keypad-legacy/gesture-state-machine.d.ts

@@ -1,4 +1,4 @@
-import Key from "../../data/keys";
+import type Key from "../../data/keys";
 /**
  * The state machine that backs our gesture system. In particular, this state
  * machine manages the interplay between focuses, touch ups, and swiping.

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

@@ -2,7 +2,8 @@
  * A component that renders a keypad button.
  */
 import * as React from "react";
-import { BorderDirection, KeyType } from "../../enums";
+import { BorderDirection } from "../../enums";
+import type { KeyType } from "../../enums";
 import type { Border, NonManyKeyConfig, IconConfig } from "../../types";
 import type { StyleType } from "@khanacademy/wonder-blocks-core";
 interface ReduxProps {

package/dist/components/keypad-legacy/multi-symbol-grid.d.ts

@@ -3,7 +3,7 @@
  * symbols provided. Up to four symbols will be shown.
  */
 import * as React from "react";
-import { IconConfig } from "../../types";
+import type { IconConfig } from "../../types";
 type Props = {
     focused: boolean;
     icons: ReadonlyArray<IconConfig>;

package/dist/components/keypad-legacy/multi-symbol-popover.d.ts

@@ -2,7 +2,7 @@
  * A popover that renders a set of keys floating above the page.
  */
 import * as React from "react";
-import { KeyConfig } from "../../types";
+import type { KeyConfig } from "../../types";
 type Prop = {
     keys: ReadonlyArray<KeyConfig>;
 };

package/dist/components/keypad-legacy/node-manager.d.ts

@@ -1,4 +1,4 @@
-import { LayoutProps, Bound } from "../../types";
+import type { LayoutProps, Bound } from "../../types";
 /**
  * A manager for our node-to-ID system. In particular, this class is
  * responsible for maintaing a mapping between DOM nodes and node IDs, and

package/dist/components/keypad-legacy/store/actions.d.ts

@@ -1,4 +1,4 @@
-import Key from "../../../data/keys";
+import type Key from "../../../data/keys";
 import type { Bound, KeypadConfiguration, KeyHandler, Cursor, ActiveNodesObj } from "../../../types";
 type DismissKeypadAction = {
     type: "DismissKeypad";

package/dist/components/keypad-legacy/store/types.d.ts

@@ -1,7 +1,7 @@
-import Key from "../../../data/keys";
-import { LayoutMode, KeypadType } from "../../../enums";
-import GestureManager from "../gesture-manager";
+import type Key from "../../../data/keys";
+import type { LayoutMode, KeypadType } from "../../../enums";
 import type { Cursor, KeyHandler, Popover, Echo } from "../../../types";
+import type GestureManager from "../gesture-manager";
 export interface InputState {
     keyHandler: KeyHandler | null;
     cursor: Cursor | undefined;

package/dist/components/keypad-legacy/touchable-keypad-button.d.ts

@@ -4,10 +4,10 @@
  * touch events globally) opaque to the KeypadButton.
  */
 import * as React from "react";
-import Key from "../../data/keys";
-import { KeyType } from "../../enums";
-import GestureManager from "./gesture-manager";
+import type Key from "../../data/keys";
+import type { KeyType } from "../../enums";
 import type { Border, IconConfig, KeyConfig } from "../../types";
+import type GestureManager from "./gesture-manager";
 import type { StyleType } from "@khanacademy/wonder-blocks-core";
 interface SharedProps {
     borders?: Border;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { StyleType } from "@khanacademy/wonder-blocks-core";
+import type { StyleType } from "@khanacademy/wonder-blocks-core";
 type Props = {
     onElementMounted?: (arg1: any) => void;
     onDismiss?: () => void;

package/dist/components/prop-types.d.ts

@@ -0,0 +1,12 @@
+/**
+ * React PropTypes that may be shared between components.
+ */
+import PropTypes from "prop-types";
+export declare const keypadElementPropType: PropTypes.Requireable<PropTypes.InferProps<{
+    activate: PropTypes.Validator<(...args: any[]) => any>;
+    dismiss: PropTypes.Validator<(...args: any[]) => any>;
+    configure: PropTypes.Validator<(...args: any[]) => any>;
+    setCursor: PropTypes.Validator<(...args: any[]) => any>;
+    setKeyHandler: PropTypes.Validator<(...args: any[]) => any>;
+    getDOMNode: PropTypes.Validator<(...args: any[]) => any>;
+}>>;

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

@@ -1,6 +1,6 @@
-import { StyleType } from "@khanacademy/wonder-blocks-core";
 import * as React from "react";
-import { TabbarItemType } from "./types";
+import type { TabbarItemType } from "./types";
+import type { StyleType } from "@khanacademy/wonder-blocks-core";
 type Props = {
     items: ReadonlyArray<TabbarItemType>;
     selectedItem: TabbarItemType;

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

@@ -1 +1 @@
-export type TabbarItemType = "Geometry" | "Operators" | "Numbers" | "Extras" | "Dismiss";
+export type TabbarItemType = "Geometry" | "Operators" | "Numbers" | "Fractions" | "Extras" | "Dismiss";

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

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