@khanacademy/math-input 2.0.0 → 3.0.0

package/dist/components/{keypad-container.js.flow → keypad-legacy/keypad-container.js.flow}

@@ -6,7 +6,7 @@
  */
 import * as $Flowgen$Import$react_2d_redux from "react-redux";
 import * as React from "react";
-import { LayoutMode, KeypadType } from "../enums";
+import { LayoutMode, KeypadType } from "../../enums";
 import type { StyleType } from "@khanacademy/wonder-blocks-core";
 declare interface ReduxProps {
   active?: boolean;
@@ -48,10 +48,10 @@ declare var _default: $Flowgen$Import$react_2d_redux.ConnectedComponent<
     {| ...React.ClassAttributes<KeypadContainer>, ...Props |},
     | "active"
     | "extraKeys"
-    | "navigationPadEnabled"
-    | "keypadType"
     | "onPageSizeChange"
+    | "keypadType"
     | "layoutMode"
+    | "navigationPadEnabled"
   >
 >;
 declare export default typeof _default;

package/dist/components/{keypad.d.ts → keypad-legacy/keypad.d.ts}

@@ -3,7 +3,7 @@
  * and manages the rendering of echo animations on top of those buttons.
  */
 import * as React from "react";
-import type { Popover, Echo } from "../types";
+import type { Bound, Popover, Echo } from "../../types";
 import type { StyleType } from "@khanacademy/wonder-blocks-core";
 interface ReduxProps {
     active: boolean;
@@ -18,7 +18,7 @@ interface Props extends ReduxProps {
 declare class Keypad extends React.Component<Props> {
     _isMounted: boolean | undefined;
     _resizeTimeout: number | null | undefined;
-    _container: DOMRect | null | undefined;
+    _container: Bound | null | undefined;
     componentDidMount(): void;
     UNSAFE_componentWillReceiveProps(newProps: any): void;
     componentWillUnmount(): void;
@@ -27,5 +27,5 @@ declare class Keypad extends React.Component<Props> {
     _onResize: () => void;
     render(): JSX.Element;
 }
-declare const _default: import("react-redux").ConnectedComponent<typeof Keypad, import("react-redux").Omit<React.ClassAttributes<Keypad> & Props, "popover" | "echoes" | "removeEcho" | "active">>;
+declare const _default: import("react-redux").ConnectedComponent<typeof Keypad, import("react-redux").Omit<React.ClassAttributes<Keypad> & Props, "popover" | "active" | "echoes" | "removeEcho">>;
 export default _default;

package/dist/components/{keypad.js.flow → keypad-legacy/keypad.js.flow}

@@ -6,7 +6,7 @@
  */
 import * as $Flowgen$Import$react_2d_redux from "react-redux";
 import * as React from "react";
-import type { Popover, Echo } from "../types";
+import type { Bound, Popover, Echo } from "../../types";
 import type { StyleType } from "@khanacademy/wonder-blocks-core";
 declare interface ReduxProps {
   active: boolean;
@@ -21,7 +21,7 @@ declare type Props = {
 declare class Keypad extends React.Component<Props> {
   _isMounted: boolean | void;
   _resizeTimeout: number | null | void;
-  _container: DOMRect | null | void;
+  _container: Bound | null | void;
   componentDidMount(): void;
   UNSAFE_componentWillReceiveProps(newProps: any): void;
   componentWillUnmount(): void;
@@ -34,7 +34,7 @@ declare var _default: $Flowgen$Import$react_2d_redux.ConnectedComponent<
   typeof Keypad,
   $Flowgen$Import$react_2d_redux.Omit<
     {| ...React.ClassAttributes<Keypad>, ...Props |},
-    "popover" | "echoes" | "removeEcho" | "active"
+    "popover" | "active" | "echoes" | "removeEcho"
   >
 >;
 declare export default typeof _default;

package/dist/components/{multi-symbol-grid.d.ts → 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 { IconConfig } from "../../types";
 type Props = {
     focused: boolean;
     icons: ReadonlyArray<IconConfig>;

package/dist/components/{multi-symbol-grid.js.flow → keypad-legacy/multi-symbol-grid.js.flow}

@@ -5,7 +5,7 @@
  * @flow
  */
 import * as React from "react";
-import { IconConfig } from "../types";
+import { IconConfig } from "../../types";
 declare type Props = {|
   focused: boolean,
   icons: $ReadOnlyArray<IconConfig>,

package/dist/components/{multi-symbol-popover.d.ts → 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 { KeyConfig } from "../../types";
 type Prop = {
     keys: ReadonlyArray<KeyConfig>;
 };

package/dist/components/{multi-symbol-popover.js.flow → keypad-legacy/multi-symbol-popover.js.flow}

@@ -5,7 +5,7 @@
  * @flow
  */
 import * as React from "react";
-import { KeyConfig } from "../types";
+import { KeyConfig } from "../../types";
 declare type Prop = {|
   keys: $ReadOnlyArray<KeyConfig>,
 |};

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

@@ -1,4 +1,4 @@
-import type { Border, LayoutProps } from "../types";
+import { 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
@@ -8,9 +8,8 @@ import type { Border, LayoutProps } from "../types";
  */
 declare class NodeManager {
     _nodesById: Record<string, HTMLElement>;
-    _bordersById: Record<string, Border>;
     _orderedIds: ReadonlyArray<string>;
-    _cachedBoundingBoxesById: Record<string, DOMRect>;
+    _cachedBoundingBoxesById: Record<string, Bound>;
     constructor();
     /**
      * Register a DOM node with a given identifier.
@@ -19,7 +18,7 @@ declare class NodeManager {
      * @param {node} domNode - the DOM node linked to the identifier
      * @param {object} borders - an opaque object describing the node's borders
      */
-    registerDOMNode(id: string, domNode: HTMLElement, childIds: ReadonlyArray<string>, borders: Border): void;
+    registerDOMNode(id: string, domNode: HTMLElement, childIds: ReadonlyArray<string>): void;
     /**
      * Unregister the DOM node with the given identifier.
      *

package/dist/components/{node-manager.js.flow → keypad-legacy/node-manager.js.flow}

@@ -4,7 +4,7 @@
  * Flowgen v1.21.0
  * @flow
  */
-import type { Border, LayoutProps } from "../types";
+import { LayoutProps, Bound } from "../../types";
 
 /**
  * A manager for our node-to-ID system. In particular, this class is
@@ -15,9 +15,8 @@ import type { Border, LayoutProps } from "../types";
  */
 declare class NodeManager {
   _nodesById: { [key: string]: HTMLElement };
-  _bordersById: { [key: string]: Border };
   _orderedIds: $ReadOnlyArray<string>;
-  _cachedBoundingBoxesById: { [key: string]: DOMRect };
+  _cachedBoundingBoxesById: { [key: string]: Bound };
   constructor(): this;
 
   /**
@@ -29,8 +28,7 @@ declare class NodeManager {
   registerDOMNode(
     id: string,
     domNode: HTMLElement,
-    childIds: $ReadOnlyArray<string>,
-    borders: Border
+    childIds: $ReadOnlyArray<string>
   ): void;
 
   /**

package/dist/components/{popover-manager.d.ts → keypad-legacy/popover-manager.d.ts}

@@ -3,7 +3,7 @@
  * multi-functional keys.
  */
 import * as React from "react";
-import type { Popover } from "../types";
+import type { Popover } from "../../types";
 type PopoverManagerProps = {
     popover: Popover | null;
 };

package/dist/components/{popover-manager.js.flow → keypad-legacy/popover-manager.js.flow}

@@ -5,7 +5,7 @@
  * @flow
  */
 import * as React from "react";
-import type { Popover } from "../types";
+import type { Popover } from "../../types";
 declare type PopoverManagerProps = {|
   popover: Popover | null,
 |};

package/dist/components/{popover-state-machine.d.ts → keypad-legacy/popover-state-machine.d.ts}

@@ -1,4 +1,4 @@
-import type { ActiveNodesObj } from "../types";
+import type { ActiveNodesObj } from "../../types";
 /**
  * A state machine for the popover state. In particular, this class manages the
  * mapping of parent nodes to their children, and translates touch events that

package/dist/components/{popover-state-machine.js.flow → keypad-legacy/popover-state-machine.js.flow}

@@ -4,7 +4,7 @@
  * Flowgen v1.21.0
  * @flow
  */
-import type { ActiveNodesObj } from "../types";
+import type { ActiveNodesObj } from "../../types";
 
 /**
  * A state machine for the popover state. In particular, this class manages the

package/dist/components/{provided-keypad.d.ts → keypad-legacy/provided-keypad.d.ts}

@@ -1,6 +1,6 @@
 import * as React from "react";
 import ReactDOM from "react-dom";
-import type { Cursor, KeypadConfiguration, KeyHandler } from "../types";
+import type { Cursor, KeypadConfiguration, KeyHandler } from "../../types";
 import type { StyleType } from "@khanacademy/wonder-blocks-core";
 type Props = {
     onElementMounted?: (arg1: any) => void;

package/dist/components/{provided-keypad.js.flow → keypad-legacy/provided-keypad.js.flow}

@@ -6,7 +6,7 @@
  */
 import * as React from "react";
 import ReactDOM from "react-dom";
-import type { Cursor, KeypadConfiguration, KeyHandler } from "../types";
+import type { Cursor, KeypadConfiguration, KeyHandler } from "../../types";
 import type { StyleType } from "@khanacademy/wonder-blocks-core";
 declare type Props = {|
   onElementMounted?: (arg1: any) => void,

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

@@ -1,5 +1,5 @@
-import Keys from "../data/keys";
-import type { KeypadConfiguration, KeyHandler, Cursor, ActiveNodesObj, Border } from "../types";
+import Keys from "../../../data/keys";
+import type { Bound, KeypadConfiguration, KeyHandler, Cursor, ActiveNodesObj } from "../../../types";
 type DismissKeypadAction = {
     type: "DismissKeypad";
 };
@@ -55,10 +55,9 @@ export declare const setActiveNodes: (activeNodes: ActiveNodesObj) => SetActiveN
 type PressKeyAction = {
     type: "PressKey";
     key: Keys;
-    borders: Border;
-    initialBounds: DOMRect;
+    initialBounds: Bound;
     inPopover: boolean;
 };
-export declare const pressKey: (key: Keys, borders: readonly (import("../enums").BorderDirection | undefined)[], initialBounds: DOMRect, inPopover: any) => PressKeyAction;
+export declare const pressKey: (key: Keys, initialBounds: Bound, inPopover: any) => PressKeyAction;
 export type Action = DismissKeypadAction | ActivateKeypadAction | ConfigureKeypadAction | SetPageSizeAction | RemoveEchoAction | SetKeyHandlerAction | SetCursorAction | OnSwipeChangeAction | OnSwipeEndAction | SetActiveNodesAction | PressKeyAction;
 export {};

package/dist/{store → components/keypad-legacy/store}/actions.js.flow

@@ -4,15 +4,14 @@
  * Flowgen v1.21.0
  * @flow
  */
-import * as $Flowgen$Import$_2e__2e__2f_enums from "../enums";
-import Keys from "../data/keys";
+import Keys from "../../../data/keys";
 import type {
+  Bound,
   KeypadConfiguration,
   KeyHandler,
   Cursor,
   ActiveNodesObj,
-  Border,
-} from "../types";
+} from "../../../types";
 declare type DismissKeypadAction = {|
   type: "DismissKeypad",
 |};
@@ -77,14 +76,12 @@ declare export var setActiveNodes: (
 declare type PressKeyAction = {|
   type: "PressKey",
   key: Keys,
-  borders: Border,
-  initialBounds: DOMRect,
+  initialBounds: Bound,
   inPopover: boolean,
 |};
 declare export var pressKey: (
   key: Keys,
-  borders: $ReadOnlyArray<$Flowgen$Import$_2e__2e__2f_enums.BorderDirection | void>,
-  initialBounds: DOMRect,
+  initialBounds: Bound,
   inPopover: any
 ) => PressKeyAction;
 export type Action =

package/dist/{store → components/keypad-legacy/store}/index.d.ts

@@ -3,7 +3,6 @@ import type { GestureState } from "./types";
 export declare const createStore: () => Redux.Store<Redux.EmptyObject & {
     input: import("./types").InputState;
     keypad: import("./types").KeypadState;
-    pager: import("./types").PagerState;
     gestures: GestureState;
     echoes: import("./types").EchoState;
     layout: import("./types").LayoutState;

package/dist/{store → components/keypad-legacy/store}/index.js.flow

@@ -13,7 +13,6 @@ declare export var createStore: () => Redux.Store<
     ...{|
       input: $Flowgen$Import$_2e__2f_types.InputState,
       keypad: $Flowgen$Import$_2e__2f_types.KeypadState,
-      pager: $Flowgen$Import$_2e__2f_types.PagerState,
       gestures: GestureState,
       echoes: $Flowgen$Import$_2e__2f_types.EchoState,
       layout: $Flowgen$Import$_2e__2f_types.LayoutState,

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

@@ -0,0 +1,7 @@
+import { KeypadType } from "../../../enums";
+declare const defaultKeypadType = KeypadType.EXPRESSION;
+declare const keypadForType: {
+    readonly FRACTION: import("../../../types").KeypadLayout;
+    readonly EXPRESSION: import("../../../types").KeypadLayout;
+};
+export { keypadForType, defaultKeypadType };

package/dist/components/keypad-legacy/store/shared.js.flow

@@ -0,0 +1,14 @@
+/**
+ * Flowtype definitions for data
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.21.0
+ * @flow
+ */
+import * as $Flowgen$Import$_2e__2e__2f__2e__2e__2f__2e__2e__2f_types from "../../../types";
+import { KeypadType } from "../../../enums";
+declare var defaultKeypadType: KeypadType.EXPRESSION;
+declare var keypadForType: {|
+  +FRACTION: $Flowgen$Import$_2e__2e__2f__2e__2e__2f__2e__2e__2f_types.KeypadLayout,
+  +EXPRESSION: $Flowgen$Import$_2e__2e__2f__2e__2e__2f__2e__2e__2f_types.KeypadLayout,
+|};
+declare export { keypadForType, defaultKeypadType };

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

@@ -1,8 +1,7 @@
-import GestureManager from "../components/gesture-manager";
-import VelocityTracker from "../components/velocity-tracker";
-import Keys from "../data/keys";
-import { LayoutMode, KeypadType } from "../enums";
-import type { Cursor, KeyHandler, Popover, Echo } from "../types";
+import Keys from "../../../data/keys";
+import { LayoutMode, KeypadType } from "../../../enums";
+import GestureManager from "../gesture-manager";
+import type { Cursor, KeyHandler, Popover, Echo } from "../../../types";
 export interface InputState {
     keyHandler: KeyHandler | null;
     cursor: Cursor | undefined;
@@ -12,14 +11,6 @@ export interface KeypadState {
     keypadType: KeypadType;
     active: boolean;
 }
-export interface PagerState {
-    animateToPosition: boolean;
-    currentPage: number;
-    dx: number;
-    numPages: number;
-    pageWidthPx: number;
-    velocityTracker: VelocityTracker;
-}
 export interface GestureState {
     popover: Popover | null;
     focus: Keys | null;
@@ -50,7 +41,6 @@ export interface LayoutState {
 export interface State {
     input: InputState;
     keypad: KeypadState;
-    pager: PagerState;
     gestures: GestureState;
     echoes: EchoState;
     layout: LayoutState;

package/dist/{store → components/keypad-legacy/store}/types.js.flow

@@ -4,11 +4,10 @@
  * Flowgen v1.21.0
  * @flow
  */
-import GestureManager from "../components/gesture-manager";
-import VelocityTracker from "../components/velocity-tracker";
-import Keys from "../data/keys";
-import { LayoutMode, KeypadType } from "../enums";
-import type { Cursor, KeyHandler, Popover, Echo } from "../types";
+import Keys from "../../../data/keys";
+import { LayoutMode, KeypadType } from "../../../enums";
+import GestureManager from "../gesture-manager";
+import type { Cursor, KeyHandler, Popover, Echo } from "../../../types";
 export interface InputState {
   keyHandler: KeyHandler | null;
   cursor: Cursor | void;
@@ -18,14 +17,6 @@ export interface KeypadState {
   keypadType: KeypadType;
   active: boolean;
 }
-export interface PagerState {
-  animateToPosition: boolean;
-  currentPage: number;
-  dx: number;
-  numPages: number;
-  pageWidthPx: number;
-  velocityTracker: VelocityTracker;
-}
 export interface GestureState {
   popover: Popover | null;
   focus: Keys | null;
@@ -56,7 +47,6 @@ export interface LayoutState {
 export interface State {
   input: InputState;
   keypad: KeypadState;
-  pager: PagerState;
   gestures: GestureState;
   echoes: EchoState;
   layout: LayoutState;

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

@@ -0,0 +1,37 @@
+/**
+ * A touchable wrapper around the base KeypadButton component. This button is
+ * responsible for keeping our button ID system (which will be used to handle
+ * touch events globally) opaque to the KeypadButton.
+ */
+import * as React from "react";
+import Keys from "../../data/keys";
+import { KeyType } from "../../enums";
+import GestureManager from "./gesture-manager";
+import type { Border, IconConfig, KeyConfig, NonManyKeyConfig } from "../../types";
+import type { StyleType } from "@khanacademy/wonder-blocks-core";
+interface SharedProps {
+    borders?: Border;
+    disabled?: boolean;
+    style?: StyleType;
+}
+interface OwnProps extends SharedProps {
+    keyConfig: KeyConfig;
+}
+interface Props extends SharedProps {
+    childKeyIds?: ReadonlyArray<string>;
+    gestureManager: GestureManager;
+    id: Keys | "MANY";
+    focused: boolean;
+    popoverEnabled: boolean;
+    childKeys?: ReadonlyArray<NonManyKeyConfig>;
+    ariaLabel?: string;
+    icon: IconConfig;
+    type: KeyType;
+}
+declare class TouchableKeypadButton extends React.Component<Props> {
+    shouldComponentUpdate(newProps: Props): boolean;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}
+declare const _default: import("react-redux").ConnectedComponent<typeof TouchableKeypadButton, import("react-redux").Omit<React.ClassAttributes<TouchableKeypadButton> & Props, "style" | "ariaLabel" | "focused" | "icon" | "borders" | "childKeys" | "disabled" | "popoverEnabled" | "type" | "gestureManager" | "childKeyIds" | "id"> & OwnProps>;
+export default _default;

package/dist/components/keypad-legacy/touchable-keypad-button.js.flow

@@ -0,0 +1,64 @@
+/**
+ * Flowtype definitions for data
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.21.0
+ * @flow
+ */
+import * as $Flowgen$Import$react_2d_redux from "react-redux";
+import * as React from "react";
+import Keys from "../../data/keys";
+import { KeyType } from "../../enums";
+import GestureManager from "./gesture-manager";
+import type {
+  Border,
+  IconConfig,
+  KeyConfig,
+  NonManyKeyConfig,
+} from "../../types";
+import type { StyleType } from "@khanacademy/wonder-blocks-core";
+declare interface SharedProps {
+  borders?: Border;
+  disabled?: boolean;
+  style?: StyleType;
+}
+declare type OwnProps = {
+  keyConfig: KeyConfig,
+} & SharedProps;
+declare type Props = {
+  childKeyIds?: $ReadOnlyArray<string>,
+  gestureManager: GestureManager,
+  id: Keys | "MANY",
+  focused: boolean,
+  popoverEnabled: boolean,
+  childKeys?: $ReadOnlyArray<NonManyKeyConfig>,
+  ariaLabel?: string,
+  icon: IconConfig,
+  type: KeyType,
+} & SharedProps;
+declare class TouchableKeypadButton extends React.Component<Props> {
+  shouldComponentUpdate(newProps: Props): boolean;
+  componentWillUnmount(): void;
+  render(): React$Node;
+}
+declare var _default: $Flowgen$Import$react_2d_redux.ConnectedComponent<
+  typeof TouchableKeypadButton,
+  {|
+    ...$Flowgen$Import$react_2d_redux.Omit<
+      {| ...React.ClassAttributes<TouchableKeypadButton>, ...Props |},
+      | "style"
+      | "ariaLabel"
+      | "focused"
+      | "icon"
+      | "borders"
+      | "childKeys"
+      | "disabled"
+      | "popoverEnabled"
+      | "type"
+      | "gestureManager"
+      | "childKeyIds"
+      | "id"
+    >,
+    ...OwnProps,
+  |}
+>;
+declare export default typeof _default;

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

@@ -6,7 +6,6 @@ interface ReduxProps {
     paginationEnabled: boolean;
 }
 interface Props extends ReduxProps {
-    currentPage: number;
     leftPage: React.ReactNode;
     rightPage: React.ReactNode;
 }

package/dist/components/{two-page-keypad.js.flow → keypad-legacy/two-page-keypad.js.flow}

@@ -10,7 +10,6 @@ declare interface ReduxProps {
   paginationEnabled: boolean;
 }
 declare type Props = {
-  currentPage: number,
   leftPage: React.Node,
   rightPage: React.Node,
 } & ReduxProps;

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

@@ -3,5 +3,7 @@ export type KeyConfig = {
     type: string;
     ariaLabel: string;
 };
-declare const KeyConfigs: any;
+declare const KeyConfigs: {
+    [key: string]: any;
+};
 export default KeyConfigs;

package/dist/data/key-configs.js.flow

@@ -9,5 +9,7 @@ export type KeyConfig = {|
   type: string,
   ariaLabel: string,
 |};
-declare var KeyConfigs: any;
+declare var KeyConfigs: {
+  [key: string]: any,
+};
 declare export default typeof KeyConfigs;

package/dist/data/keys.d.ts

@@ -49,8 +49,6 @@ declare enum Keys {
     JUMP_INTO_NUMERATOR = "JUMP_INTO_NUMERATOR",
     JUMP_OUT_NUMERATOR = "JUMP_OUT_NUMERATOR",
     JUMP_OUT_DENOMINATOR = "JUMP_OUT_DENOMINATOR",
-    NOOP = "NOOP",
-    FRAC_MULTI = "FRAC_MULTI",
-    MANY = "MANY"
+    NOOP = "NOOP"
 }
 export default Keys;

package/dist/data/keys.js.flow

@@ -57,7 +57,5 @@ declare var Keys: {|
   +JUMP_OUT_NUMERATOR: "JUMP_OUT_NUMERATOR", // "JUMP_OUT_NUMERATOR"
   +JUMP_OUT_DENOMINATOR: "JUMP_OUT_DENOMINATOR", // "JUMP_OUT_DENOMINATOR"
   +NOOP: "NOOP", // "NOOP"
-  +FRAC_MULTI: "FRAC_MULTI", // "FRAC_MULTI"
-  +MANY: "MANY", // "MANY"
 |};
 declare export default typeof Keys;