@khanacademy/math-input 2.0.0 → 4.0.0

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

@@ -1,4 +1,4 @@
-import Keys from "../data/keys";
+import 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.
@@ -11,8 +11,8 @@ export type Handlers = {
     onBlur: () => void;
     onTrigger: (id: string) => void;
     onLongPress: (id: string) => void;
-    onSwipeChange: (x: number) => void;
-    onSwipeEnd: (x: number) => void;
+    onSwipeChange?: (x: number) => void;
+    onSwipeEnd?: (x: number) => void;
     onTouchEnd: (id: string) => void;
 };
 type Options = {
@@ -21,25 +21,25 @@ type Options = {
     holdIntervalMs: number;
 };
 type TouchState = {
-    activeNodeId: Keys;
+    activeNodeId: Key;
     pressAndHoldIntervalId: number | null;
     longPressTimeoutId: number | null;
     swipeLocked: boolean;
     startX: number;
 };
-type TouchStateMap = Record<Keys, TouchState>;
+type TouchStateMap = Record<Key, TouchState>;
 type SwipeState = {
-    touchId: Keys;
+    touchId: Key;
     startX: number;
 };
 declare class GestureStateMachine {
     handlers: Handlers;
     options: Options;
-    swipeDisabledNodeIds: Partial<[Keys]>;
-    multiPressableKeys: Partial<[Keys]>;
+    swipeDisabledNodeIds: ReadonlyArray<Key>;
+    multiPressableKeys: ReadonlyArray<Key>;
     touchState: Partial<TouchStateMap>;
     swipeState: SwipeState | null;
-    constructor(handlers: Handlers, options: Partial<Options>, swipeDisabledNodeIds?: [Keys], multiPressableKeys?: [Keys]);
+    constructor(handlers: Handlers, options: Partial<Options>, swipeDisabledNodeIds?: ReadonlyArray<Key>, multiPressableKeys?: ReadonlyArray<Key>);
     _maybeCancelLongPressForTouch(touchId: any): void;
     _maybeCancelPressAndHoldForTouch(touchId: any): void;
     _cleanupTouchEvent(touchId: any): void;

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

@@ -4,7 +4,7 @@
  * Flowgen v1.21.0
  * @flow
  */
-import Keys from "../data/keys";
+import Key from "../../data/keys";
 
 /**
  * The state machine that backs our gesture system. In particular, this state
@@ -18,8 +18,8 @@ export type Handlers = {|
   onBlur: () => void,
   onTrigger: (id: string) => void,
   onLongPress: (id: string) => void,
-  onSwipeChange: (x: number) => void,
-  onSwipeEnd: (x: number) => void,
+  onSwipeChange?: (x: number) => void,
+  onSwipeEnd?: (x: number) => void,
   onTouchEnd: (id: string) => void,
 |};
 declare type Options = {|
@@ -28,29 +28,29 @@ declare type Options = {|
   holdIntervalMs: number,
 |};
 declare type TouchState = {|
-  activeNodeId: Keys,
+  activeNodeId: Key,
   pressAndHoldIntervalId: number | null,
   longPressTimeoutId: number | null,
   swipeLocked: boolean,
   startX: number,
 |};
-declare type TouchStateMap = { [key: Keys]: TouchState };
+declare type TouchStateMap = { [key: Key]: TouchState };
 declare type SwipeState = {|
-  touchId: Keys,
+  touchId: Key,
   startX: number,
 |};
 declare class GestureStateMachine {
   handlers: Handlers;
   options: Options;
-  swipeDisabledNodeIds: $Rest<[Keys], {}>;
-  multiPressableKeys: $Rest<[Keys], {}>;
+  swipeDisabledNodeIds: $ReadOnlyArray<Key>;
+  multiPressableKeys: $ReadOnlyArray<Key>;
   touchState: $Rest<TouchStateMap, {}>;
   swipeState: SwipeState | null;
   constructor(
     handlers: Handlers,
     options: $Rest<Options, {}>,
-    swipeDisabledNodeIds?: [Keys],
-    multiPressableKeys?: [Keys]
+    swipeDisabledNodeIds?: $ReadOnlyArray<Key>,
+    multiPressableKeys?: $ReadOnlyArray<Key>
   ): this;
   _maybeCancelLongPressForTouch(touchId: any): void;
   _maybeCancelPressAndHoldForTouch(touchId: any): void;

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

@@ -2,7 +2,7 @@
  * A component that renders an icon for a symbol with the given name.
  */
 import * as React from "react";
-import type { IconConfig } from "../types";
+import type { IconConfig } from "../../types";
 import type { StyleType } from "@khanacademy/wonder-blocks-core";
 type Props = {
     focused: boolean;

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

@@ -5,7 +5,7 @@
  * @flow
  */
 import * as React from "react";
-import type { IconConfig } from "../types";
+import type { IconConfig } from "../../types";
 import type { StyleType } from "@khanacademy/wonder-blocks-core";
 declare type Props = {|
   focused: boolean,

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

@@ -2,8 +2,8 @@
  * A component that renders a keypad button.
  */
 import * as React from "react";
-import { BorderDirection, KeyType } from "../enums";
-import type { Border, KeyConfig, IconConfig } from "../types";
+import { BorderDirection, KeyType } from "../../enums";
+import type { Border, NonManyKeyConfig, IconConfig } from "../../types";
 import type { StyleType } from "@khanacademy/wonder-blocks-core";
 interface ReduxProps {
     heightPx: number;
@@ -12,12 +12,12 @@ interface ReduxProps {
 interface Props extends ReduxProps {
     ariaLabel?: string;
     borders: Border;
-    childKeys: ReadonlyArray<KeyConfig>;
+    childKeys: ReadonlyArray<NonManyKeyConfig>;
     disabled: boolean;
     focused: boolean;
     popoverEnabled: boolean;
     type: KeyType;
-    icon: IconConfig;
+    icon?: IconConfig;
     style?: StyleType;
     onTouchCancel?: (evt: React.TouchEvent<HTMLDivElement>) => void;
     onTouchEnd?: (evt: React.TouchEvent<HTMLDivElement>) => void;
@@ -42,10 +42,10 @@ declare class KeypadButton extends React.PureComponent<Props> {
     _getButtonStyle: (type: any, borders: any, style?: any) => any[];
     render(): JSX.Element;
 }
-declare const _default: import("react-redux").ConnectedComponent<typeof KeypadButton, import("react-redux").Omit<Pick<React.ClassAttributes<KeypadButton> & Props, "style" | "ref" | "ariaLabel" | "onTouchCancel" | "onTouchEnd" | "onTouchMove" | "onTouchStart" | "icon" | "type" | "heightPx" | "widthPx" | "key"> & {
+declare const _default: import("react-redux").ConnectedComponent<typeof KeypadButton, import("react-redux").Omit<Pick<React.ClassAttributes<KeypadButton> & Props, "style" | "ref" | "ariaLabel" | "onTouchCancel" | "onTouchEnd" | "onTouchMove" | "onTouchStart" | "type" | "icon" | "key" | "heightPx" | "widthPx"> & {
     focused?: boolean | undefined;
     borders?: readonly (BorderDirection | undefined)[] | undefined;
-    childKeys?: readonly KeyConfig[] | undefined;
+    childKeys?: readonly NonManyKeyConfig[] | undefined;
     disabled?: boolean | undefined;
     popoverEnabled?: boolean | undefined;
 } & {}, "heightPx" | "widthPx">>;

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

@@ -6,8 +6,8 @@
  */
 import * as $Flowgen$Import$react_2d_redux from "react-redux";
 import * as React from "react";
-import { BorderDirection, KeyType } from "../enums";
-import type { Border, KeyConfig, IconConfig } from "../types";
+import { BorderDirection, KeyType } from "../../enums";
+import type { Border, NonManyKeyConfig, IconConfig } from "../../types";
 import type { StyleType } from "@khanacademy/wonder-blocks-core";
 declare interface ReduxProps {
   heightPx: number;
@@ -16,12 +16,12 @@ declare interface ReduxProps {
 declare type Props = {
   ariaLabel?: string,
   borders: Border,
-  childKeys: $ReadOnlyArray<KeyConfig>,
+  childKeys: $ReadOnlyArray<NonManyKeyConfig>,
   disabled: boolean,
   focused: boolean,
   popoverEnabled: boolean,
   type: KeyType,
-  icon: IconConfig,
+  icon?: IconConfig,
   style?: StyleType,
   onTouchCancel?: (evt: SyntheticTouchEvent<HTMLDivElement>) => void,
   onTouchEnd?: (evt: SyntheticTouchEvent<HTMLDivElement>) => void,
@@ -59,16 +59,16 @@ declare var _default: $Flowgen$Import$react_2d_redux.ConnectedComponent<
         | "onTouchEnd"
         | "onTouchMove"
         | "onTouchStart"
-        | "icon"
         | "type"
+        | "icon"
+        | "key"
         | "heightPx"
         | "widthPx"
-        | "key"
       >,
       ...{|
         focused?: boolean | void,
         borders?: $ReadOnlyArray<BorderDirection | void> | void,
-        childKeys?: $ReadOnlyArray<KeyConfig> | void,
+        childKeys?: $ReadOnlyArray<NonManyKeyConfig> | void,
         disabled?: boolean | void,
         popoverEnabled?: boolean | void,
       |},

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { LayoutMode, KeypadType } from "../enums";
+import { LayoutMode, KeypadType } from "../../enums";
 import type { StyleType } from "@khanacademy/wonder-blocks-core";
 interface ReduxProps {
     active?: boolean;
@@ -35,5 +35,5 @@ declare class KeypadContainer extends React.Component<Props, State> {
     renderKeypad: () => JSX.Element;
     render(): JSX.Element;
 }
-declare const _default: import("react-redux").ConnectedComponent<typeof KeypadContainer, import("react-redux").Omit<React.ClassAttributes<KeypadContainer> & Props, "active" | "extraKeys" | "navigationPadEnabled" | "keypadType" | "onPageSizeChange" | "layoutMode">>;
+declare const _default: import("react-redux").ConnectedComponent<typeof KeypadContainer, import("react-redux").Omit<React.ClassAttributes<KeypadContainer> & Props, "active" | "extraKeys" | "onPageSizeChange" | "keypadType" | "layoutMode" | "navigationPadEnabled">>;
 export default _default;

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 Key from "../../../data/keys";
+import type { Bound, KeypadConfiguration, KeyHandler, Cursor, ActiveNodesObj } from "../../../types";
 type DismissKeypadAction = {
     type: "DismissKeypad";
 };
@@ -37,16 +37,6 @@ type SetCursorAction = {
     cursor: Cursor;
 };
 export declare const setCursor: (cursor: Cursor) => SetCursorAction;
-type OnSwipeChangeAction = {
-    type: "OnSwipeChange";
-    dx: number;
-};
-export declare const onSwipeChange: (dx: number) => OnSwipeChangeAction;
-type OnSwipeEndAction = {
-    type: "OnSwipeEnd";
-    dx: number;
-};
-export declare const onSwipeEnd: (dx: number) => OnSwipeEndAction;
 type SetActiveNodesAction = {
     type: "SetActiveNodes";
     activeNodes: any;
@@ -54,11 +44,10 @@ type SetActiveNodesAction = {
 export declare const setActiveNodes: (activeNodes: ActiveNodesObj) => SetActiveNodesAction;
 type PressKeyAction = {
     type: "PressKey";
-    key: Keys;
-    borders: Border;
-    initialBounds: DOMRect;
+    key: Key;
+    initialBounds: Bound;
     inPopover: boolean;
 };
-export declare const pressKey: (key: Keys, borders: readonly (import("../enums").BorderDirection | undefined)[], initialBounds: DOMRect, inPopover: any) => PressKeyAction;
-export type Action = DismissKeypadAction | ActivateKeypadAction | ConfigureKeypadAction | SetPageSizeAction | RemoveEchoAction | SetKeyHandlerAction | SetCursorAction | OnSwipeChangeAction | OnSwipeEndAction | SetActiveNodesAction | PressKeyAction;
+export declare const pressKey: (key: Key, initialBounds: Bound, inPopover: any) => PressKeyAction;
+export type Action = DismissKeypadAction | ActivateKeypadAction | ConfigureKeypadAction | SetPageSizeAction | RemoveEchoAction | SetKeyHandlerAction | SetCursorAction | 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 Key from "../../../data/keys";
 import type {
+  Bound,
   KeypadConfiguration,
   KeyHandler,
   Cursor,
   ActiveNodesObj,
-  Border,
-} from "../types";
+} from "../../../types";
 declare type DismissKeypadAction = {|
   type: "DismissKeypad",
 |};
@@ -57,16 +56,6 @@ declare type SetCursorAction = {|
   cursor: Cursor,
 |};
 declare export var setCursor: (cursor: Cursor) => SetCursorAction;
-declare type OnSwipeChangeAction = {|
-  type: "OnSwipeChange",
-  dx: number,
-|};
-declare export var onSwipeChange: (dx: number) => OnSwipeChangeAction;
-declare type OnSwipeEndAction = {|
-  type: "OnSwipeEnd",
-  dx: number,
-|};
-declare export var onSwipeEnd: (dx: number) => OnSwipeEndAction;
 declare type SetActiveNodesAction = {|
   type: "SetActiveNodes",
   activeNodes: any,
@@ -76,15 +65,13 @@ declare export var setActiveNodes: (
 ) => SetActiveNodesAction;
 declare type PressKeyAction = {|
   type: "PressKey",
-  key: Keys,
-  borders: Border,
-  initialBounds: DOMRect,
+  key: Key,
+  initialBounds: Bound,
   inPopover: boolean,
 |};
 declare export var pressKey: (
-  key: Keys,
-  borders: $ReadOnlyArray<$Flowgen$Import$_2e__2e__2f_enums.BorderDirection | void>,
-  initialBounds: DOMRect,
+  key: Key,
+  initialBounds: Bound,
   inPopover: any
 ) => PressKeyAction;
 export type Action =
@@ -95,7 +82,5 @@ export type Action =
   | RemoveEchoAction
   | SetKeyHandlerAction
   | SetCursorAction
-  | OnSwipeChangeAction
-  | OnSwipeEndAction
   | SetActiveNodesAction
   | PressKeyAction;

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 Key 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,17 +11,9 @@ 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;
+    focus: Key | null;
     gestureManager: GestureManager;
 }
 export interface EchoState {
@@ -50,7 +41,6 @@ export interface LayoutState {
 export interface State {
     input: InputState;
     keypad: KeypadState;
-    pager: PagerState;
     gestures: GestureState;
     echoes: EchoState;
     layout: LayoutState;