@khanacademy/math-input 1.0.0 → 2.0.0

package/dist/components/node-manager.js.flow

@@ -4,7 +4,7 @@
  * Flowgen v1.21.0
  * @flow
  */
-import type { Border } from "../types";
+import type { Border, LayoutProps } from "../types";
 
 /**
  * A manager for our node-to-ID system. In particular, this class is
@@ -57,9 +57,6 @@ declare class NodeManager {
    * @returns {{...}} - the bounding client rect for the given node, along
    *   with its borders
    */
-  layoutPropsForId(id: string): {|
-    initialBounds: DOMRect,
-    borders: Border,
-  |};
+  layoutPropsForId(id: string): LayoutProps;
 }
 declare export default typeof NodeManager;

package/dist/components/popover-state-machine.d.ts

@@ -1,17 +1,10 @@
+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
  * traverse various nodes to actions that are conditioned on whether a popover
  * is present.
  */
-type ActiveNodesObjPopover = {
-    parentId: string;
-    childIds: ReadonlyArray<string>;
-};
-type ActiveNodesObj = {
-    popover: ActiveNodesObjPopover | null;
-    focus: string | null;
-};
 type Handlers = {
     onActiveNodesChanged: (activeNodes: ActiveNodesObj) => void;
     onClick: (keyId: string, domNodeId: string, inPopover: boolean) => void;

package/dist/components/popover-state-machine.js.flow

@@ -4,20 +4,14 @@
  * Flowgen v1.21.0
  * @flow
  */
+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
  * traverse various nodes to actions that are conditioned on whether a popover
  * is present.
  */
-declare type ActiveNodesObjPopover = {|
-  parentId: string,
-  childIds: $ReadOnlyArray<string>,
-|};
-declare type ActiveNodesObj = {|
-  popover: ActiveNodesObjPopover | null,
-  focus: string | null,
-|};
 declare type Handlers = {|
   onActiveNodesChanged: (activeNodes: ActiveNodesObj) => void,
   onClick: (keyId: string, domNodeId: string, inPopover: boolean) => void,

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

@@ -8,11 +8,8 @@ type Props = {
     style?: StyleType;
 };
 declare class ProvidedKeypad extends React.Component<Props> {
-    mounted?: boolean;
     store: any;
-    UNSAFE_componentWillMount(): void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
+    constructor(props: any);
     activate: () => void;
     dismiss: () => void;
     configure: (configuration: KeypadConfiguration, cb: () => void) => void;

package/dist/components/provided-keypad.js.flow

@@ -14,11 +14,8 @@ declare type Props = {|
   style?: StyleType,
 |};
 declare class ProvidedKeypad extends React.Component<Props> {
-  mounted?: boolean;
   store: any;
-  UNSAFE_componentWillMount(): void;
-  componentDidMount(): void;
-  componentWillUnmount(): void;
+  constructor(props: any): this;
   activate: () => void;
   dismiss: () => void;
   configure: (configuration: KeypadConfiguration, cb: () => void) => void;

package/dist/components/styles.d.ts

@@ -1,6 +1,5 @@
 /**
  * Common styles shared across components.
  */
-/// <reference path="../../types/aphrodite.d.ts" />
-declare const _default: import("aphrodite").StyleDeclaration;
+declare const _default: any;
 export default _default;

package/dist/components/styles.js.flow

@@ -4,10 +4,8 @@
  * Flowgen v1.21.0
  * @flow
  */
-import * as $Flowgen$Import$aphrodite from "aphrodite";
-
 /**
  * Common styles shared across components.
  */
-declare var _default: $Flowgen$Import$aphrodite.StyleDeclaration;
+declare var _default: any;
 declare export default typeof _default;

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

@@ -4,22 +4,22 @@
  * touch events globally) opaque to the KeypadButton.
  */
 import * as React from "react";
-import { KeyType } from "../consts";
+import Keys from "../data/keys";
+import { KeyType } from "../enums";
 import GestureManager from "./gesture-manager";
-import type { Key } from "../data/keys";
-import type { Border, Icon } from "../types";
+import type { Border, IconConfig } from "../types";
 import type { StyleType } from "@khanacademy/wonder-blocks-core";
 type Props = {
     borders: Border;
-    childKeyIds: ReadonlyArray<Key>;
+    childKeyIds: ReadonlyArray<Keys>;
     disabled: boolean;
     focused: boolean;
     gestureManager: GestureManager;
-    id: Key;
+    id: Keys;
     popoverEnabled: boolean;
     style: StyleType;
     type: KeyType;
-    icon: Icon;
+    icon: IconConfig;
 };
 declare class TouchableKeypadButton extends React.Component<Props> {
     shouldComponentUpdate(newProps: any): boolean;

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

@@ -6,22 +6,22 @@
  */
 import * as $Flowgen$Import$react_2d_redux from "react-redux";
 import * as React from "react";
-import { KeyType } from "../consts";
+import Keys from "../data/keys";
+import { KeyType } from "../enums";
 import GestureManager from "./gesture-manager";
-import type { Key } from "../data/keys";
-import type { Border, Icon } from "../types";
+import type { Border, IconConfig } from "../types";
 import type { StyleType } from "@khanacademy/wonder-blocks-core";
 declare type Props = {|
   borders: Border,
-  childKeyIds: $ReadOnlyArray<Key>,
+  childKeyIds: $ReadOnlyArray<Keys>,
   disabled: boolean,
   focused: boolean,
   gestureManager: GestureManager,
-  id: Key,
+  id: Keys,
   popoverEnabled: boolean,
   style: StyleType,
   type: KeyType,
-  icon: Icon,
+  icon: IconConfig,
 |};
 declare class TouchableKeypadButton extends React.Component<Props> {
   shouldComponentUpdate(newProps: any): boolean;

package/dist/data/keys.d.ts

@@ -2,56 +2,55 @@
  * This file contains constants for keypad buttons that aren't single
  * alphanumeric characters.
  */
-export type Key = "PLUS" | "MINUS" | "NEGATIVE" | "TIMES" | "DIVIDE" | "DECIMAL" | "PERIOD" | "PERCENT" | "CDOT" | "EQUAL" | "NEQ" | "GT" | "LT" | "GEQ" | "LEQ" | "FRAC_INCLUSIVE" | "FRAC_EXCLUSIVE" | "FRAC" | "EXP" | "EXP_2" | "EXP_3" | "SQRT" | "CUBE_ROOT" | "RADICAL" | "LEFT_PAREN" | "RIGHT_PAREN" | "LN" | "LOG" | "LOG_N" | "SIN" | "COS" | "TAN" | "PI" | "THETA" | "UP" | "RIGHT" | "DOWN" | "LEFT" | "BACKSPACE" | "DISMISS" | "JUMP_OUT_PARENTHESES" | "JUMP_OUT_EXPONENT" | "JUMP_OUT_BASE" | "JUMP_INTO_NUMERATOR" | "JUMP_OUT_NUMERATOR" | "JUMP_OUT_DENOMINATOR" | "NOOP" | "FRAC_MULTI" | "MANY";
-declare const Keys: {
-    readonly PLUS: "PLUS";
-    readonly MINUS: "MINUS";
-    readonly NEGATIVE: "NEGATIVE";
-    readonly TIMES: "TIMES";
-    readonly DIVIDE: "DIVIDE";
-    readonly DECIMAL: "DECIMAL";
-    readonly PERIOD: "PERIOD";
-    readonly PERCENT: "PERCENT";
-    readonly CDOT: "CDOT";
-    readonly EQUAL: "EQUAL";
-    readonly NEQ: "NEQ";
-    readonly GT: "GT";
-    readonly LT: "LT";
-    readonly GEQ: "GEQ";
-    readonly LEQ: "LEQ";
-    readonly FRAC_INCLUSIVE: "FRAC_INCLUSIVE";
-    readonly FRAC_EXCLUSIVE: "FRAC_EXCLUSIVE";
-    readonly FRAC: "FRAC";
-    readonly EXP: "EXP";
-    readonly EXP_2: "EXP_2";
-    readonly EXP_3: "EXP_3";
-    readonly SQRT: "SQRT";
-    readonly CUBE_ROOT: "CUBE_ROOT";
-    readonly RADICAL: "RADICAL";
-    readonly LEFT_PAREN: "LEFT_PAREN";
-    readonly RIGHT_PAREN: "RIGHT_PAREN";
-    readonly LN: "LN";
-    readonly LOG: "LOG";
-    readonly LOG_N: "LOG_N";
-    readonly SIN: "SIN";
-    readonly COS: "COS";
-    readonly TAN: "TAN";
-    readonly PI: "PI";
-    readonly THETA: "THETA";
-    readonly UP: "UP";
-    readonly RIGHT: "RIGHT";
-    readonly DOWN: "DOWN";
-    readonly LEFT: "LEFT";
-    readonly BACKSPACE: "BACKSPACE";
-    readonly DISMISS: "DISMISS";
-    readonly JUMP_OUT_PARENTHESES: "JUMP_OUT_PARENTHESES";
-    readonly JUMP_OUT_EXPONENT: "JUMP_OUT_EXPONENT";
-    readonly JUMP_OUT_BASE: "JUMP_OUT_BASE";
-    readonly JUMP_INTO_NUMERATOR: "JUMP_INTO_NUMERATOR";
-    readonly JUMP_OUT_NUMERATOR: "JUMP_OUT_NUMERATOR";
-    readonly JUMP_OUT_DENOMINATOR: "JUMP_OUT_DENOMINATOR";
-    readonly NOOP: "NOOP";
-    readonly FRAC_MULTI: "FRAC_MULTI";
-    readonly MANY: "MANY";
-};
+declare enum Keys {
+    PLUS = "PLUS",
+    MINUS = "MINUS",
+    NEGATIVE = "NEGATIVE",
+    TIMES = "TIMES",
+    DIVIDE = "DIVIDE",
+    DECIMAL = "DECIMAL",
+    PERIOD = "PERIOD",
+    PERCENT = "PERCENT",
+    CDOT = "CDOT",
+    EQUAL = "EQUAL",
+    NEQ = "NEQ",
+    GT = "GT",
+    LT = "LT",
+    GEQ = "GEQ",
+    LEQ = "LEQ",
+    FRAC_INCLUSIVE = "FRAC_INCLUSIVE",
+    FRAC_EXCLUSIVE = "FRAC_EXCLUSIVE",
+    FRAC = "FRAC",
+    EXP = "EXP",
+    EXP_2 = "EXP_2",
+    EXP_3 = "EXP_3",
+    SQRT = "SQRT",
+    CUBE_ROOT = "CUBE_ROOT",
+    RADICAL = "RADICAL",
+    LEFT_PAREN = "LEFT_PAREN",
+    RIGHT_PAREN = "RIGHT_PAREN",
+    LN = "LN",
+    LOG = "LOG",
+    LOG_N = "LOG_N",
+    SIN = "SIN",
+    COS = "COS",
+    TAN = "TAN",
+    PI = "PI",
+    THETA = "THETA",
+    UP = "UP",
+    RIGHT = "RIGHT",
+    DOWN = "DOWN",
+    LEFT = "LEFT",
+    BACKSPACE = "BACKSPACE",
+    DISMISS = "DISMISS",
+    JUMP_OUT_PARENTHESES = "JUMP_OUT_PARENTHESES",
+    JUMP_OUT_EXPONENT = "JUMP_OUT_EXPONENT",
+    JUMP_OUT_BASE = "JUMP_OUT_BASE",
+    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"
+}
 export default Keys;

package/dist/data/keys.js.flow

@@ -8,105 +8,56 @@
  * This file contains constants for keypad buttons that aren't single
  * alphanumeric characters.
  */
-export type Key =
-  | "PLUS"
-  | "MINUS"
-  | "NEGATIVE"
-  | "TIMES"
-  | "DIVIDE"
-  | "DECIMAL"
-  | "PERIOD"
-  | "PERCENT"
-  | "CDOT"
-  | "EQUAL"
-  | "NEQ"
-  | "GT"
-  | "LT"
-  | "GEQ"
-  | "LEQ"
-  | "FRAC_INCLUSIVE"
-  | "FRAC_EXCLUSIVE"
-  | "FRAC"
-  | "EXP"
-  | "EXP_2"
-  | "EXP_3"
-  | "SQRT"
-  | "CUBE_ROOT"
-  | "RADICAL"
-  | "LEFT_PAREN"
-  | "RIGHT_PAREN"
-  | "LN"
-  | "LOG"
-  | "LOG_N"
-  | "SIN"
-  | "COS"
-  | "TAN"
-  | "PI"
-  | "THETA"
-  | "UP"
-  | "RIGHT"
-  | "DOWN"
-  | "LEFT"
-  | "BACKSPACE"
-  | "DISMISS"
-  | "JUMP_OUT_PARENTHESES"
-  | "JUMP_OUT_EXPONENT"
-  | "JUMP_OUT_BASE"
-  | "JUMP_INTO_NUMERATOR"
-  | "JUMP_OUT_NUMERATOR"
-  | "JUMP_OUT_DENOMINATOR"
-  | "NOOP"
-  | "FRAC_MULTI"
-  | "MANY";
+
 declare var Keys: {|
-  +PLUS: "PLUS",
-  +MINUS: "MINUS",
-  +NEGATIVE: "NEGATIVE",
-  +TIMES: "TIMES",
-  +DIVIDE: "DIVIDE",
-  +DECIMAL: "DECIMAL",
-  +PERIOD: "PERIOD",
-  +PERCENT: "PERCENT",
-  +CDOT: "CDOT",
-  +EQUAL: "EQUAL",
-  +NEQ: "NEQ",
-  +GT: "GT",
-  +LT: "LT",
-  +GEQ: "GEQ",
-  +LEQ: "LEQ",
-  +FRAC_INCLUSIVE: "FRAC_INCLUSIVE",
-  +FRAC_EXCLUSIVE: "FRAC_EXCLUSIVE",
-  +FRAC: "FRAC",
-  +EXP: "EXP",
-  +EXP_2: "EXP_2",
-  +EXP_3: "EXP_3",
-  +SQRT: "SQRT",
-  +CUBE_ROOT: "CUBE_ROOT",
-  +RADICAL: "RADICAL",
-  +LEFT_PAREN: "LEFT_PAREN",
-  +RIGHT_PAREN: "RIGHT_PAREN",
-  +LN: "LN",
-  +LOG: "LOG",
-  +LOG_N: "LOG_N",
-  +SIN: "SIN",
-  +COS: "COS",
-  +TAN: "TAN",
-  +PI: "PI",
-  +THETA: "THETA",
-  +UP: "UP",
-  +RIGHT: "RIGHT",
-  +DOWN: "DOWN",
-  +LEFT: "LEFT",
-  +BACKSPACE: "BACKSPACE",
-  +DISMISS: "DISMISS",
-  +JUMP_OUT_PARENTHESES: "JUMP_OUT_PARENTHESES",
-  +JUMP_OUT_EXPONENT: "JUMP_OUT_EXPONENT",
-  +JUMP_OUT_BASE: "JUMP_OUT_BASE",
-  +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",
+  +PLUS: "PLUS", // "PLUS"
+  +MINUS: "MINUS", // "MINUS"
+  +NEGATIVE: "NEGATIVE", // "NEGATIVE"
+  +TIMES: "TIMES", // "TIMES"
+  +DIVIDE: "DIVIDE", // "DIVIDE"
+  +DECIMAL: "DECIMAL", // "DECIMAL"
+  +PERIOD: "PERIOD", // "PERIOD"
+  +PERCENT: "PERCENT", // "PERCENT"
+  +CDOT: "CDOT", // "CDOT"
+  +EQUAL: "EQUAL", // "EQUAL"
+  +NEQ: "NEQ", // "NEQ"
+  +GT: "GT", // "GT"
+  +LT: "LT", // "LT"
+  +GEQ: "GEQ", // "GEQ"
+  +LEQ: "LEQ", // "LEQ"
+  +FRAC_INCLUSIVE: "FRAC_INCLUSIVE", // "FRAC_INCLUSIVE"
+  +FRAC_EXCLUSIVE: "FRAC_EXCLUSIVE", // "FRAC_EXCLUSIVE"
+  +FRAC: "FRAC", // "FRAC"
+  +EXP: "EXP", // "EXP"
+  +EXP_2: "EXP_2", // "EXP_2"
+  +EXP_3: "EXP_3", // "EXP_3"
+  +SQRT: "SQRT", // "SQRT"
+  +CUBE_ROOT: "CUBE_ROOT", // "CUBE_ROOT"
+  +RADICAL: "RADICAL", // "RADICAL"
+  +LEFT_PAREN: "LEFT_PAREN", // "LEFT_PAREN"
+  +RIGHT_PAREN: "RIGHT_PAREN", // "RIGHT_PAREN"
+  +LN: "LN", // "LN"
+  +LOG: "LOG", // "LOG"
+  +LOG_N: "LOG_N", // "LOG_N"
+  +SIN: "SIN", // "SIN"
+  +COS: "COS", // "COS"
+  +TAN: "TAN", // "TAN"
+  +PI: "PI", // "PI"
+  +THETA: "THETA", // "THETA"
+  +UP: "UP", // "UP"
+  +RIGHT: "RIGHT", // "RIGHT"
+  +DOWN: "DOWN", // "DOWN"
+  +LEFT: "LEFT", // "LEFT"
+  +BACKSPACE: "BACKSPACE", // "BACKSPACE"
+  +DISMISS: "DISMISS", // "DISMISS"
+  +JUMP_OUT_PARENTHESES: "JUMP_OUT_PARENTHESES", // "JUMP_OUT_PARENTHESES"
+  +JUMP_OUT_EXPONENT: "JUMP_OUT_EXPONENT", // "JUMP_OUT_EXPONENT"
+  +JUMP_OUT_BASE: "JUMP_OUT_BASE", // "JUMP_OUT_BASE"
+  +JUMP_INTO_NUMERATOR: "JUMP_INTO_NUMERATOR", // "JUMP_INTO_NUMERATOR"
+  +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;

package/dist/enums.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Constants that are shared between multiple files.
+ */
+export declare enum KeypadType {
+    FRACTION = "FRACTION",
+    EXPRESSION = "EXPRESSION"
+}
+export declare enum KeyType {
+    EMPTY = "EMPTY",
+    VALUE = "VALUE",
+    OPERATOR = "OPERATOR",
+    INPUT_NAVIGATION = "INPUT_NAVIGATION",
+    KEYPAD_NAVIGATION = "KEYPAD_NAVIGATION",
+    MANY = "MANY",
+    ECHO = "ECHO"
+}
+export declare enum DeviceOrientation {
+    LANDSCAPE = "LANDSCAPE",
+    PORTRAIT = "PORTRAIT"
+}
+export declare enum DeviceType {
+    PHONE = "PHONE",
+    TABLET = "TABLET"
+}
+export declare enum LayoutMode {
+    FULLSCREEN = "FULLSCREEN",
+    COMPACT = "COMPACT"
+}
+export declare enum BorderDirection {
+    LEFT = "LEFT",
+    BOTTOM = "BOTTOM"
+}
+export declare const BorderStyles: {
+    [style: string]: ReadonlyArray<BorderDirection>;
+};
+export declare enum IconType {
+    MATH = "MATH",
+    SVG = "SVG",
+    TEXT = "TEXT"
+}
+export declare enum DecimalSeparator {
+    COMMA = "COMMA",
+    PERIOD = "PERIOD"
+}
+export declare enum EchoAnimationType {
+    SLIDE_AND_FADE = "SLIDE_AND_FADE",
+    FADE_ONLY = "FADE_ONLY",
+    LONG_FADE_ONLY = "LONG_FADE_ONLY"
+}

package/dist/enums.js.flow

@@ -0,0 +1,63 @@
+/**
+ * Flowtype definitions for data
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.21.0
+ * @flow
+ */
+/**
+ * Constants that are shared between multiple files.
+ */
+
+declare export var KeypadType: {|
+  +FRACTION: "FRACTION", // "FRACTION"
+  +EXPRESSION: "EXPRESSION", // "EXPRESSION"
+|};
+
+declare export var KeyType: {|
+  +EMPTY: "EMPTY", // "EMPTY"
+  +VALUE: "VALUE", // "VALUE"
+  +OPERATOR: "OPERATOR", // "OPERATOR"
+  +INPUT_NAVIGATION: "INPUT_NAVIGATION", // "INPUT_NAVIGATION"
+  +KEYPAD_NAVIGATION: "KEYPAD_NAVIGATION", // "KEYPAD_NAVIGATION"
+  +MANY: "MANY", // "MANY"
+  +ECHO: "ECHO", // "ECHO"
+|};
+
+declare export var DeviceOrientation: {|
+  +LANDSCAPE: "LANDSCAPE", // "LANDSCAPE"
+  +PORTRAIT: "PORTRAIT", // "PORTRAIT"
+|};
+
+declare export var DeviceType: {|
+  +PHONE: "PHONE", // "PHONE"
+  +TABLET: "TABLET", // "TABLET"
+|};
+
+declare export var LayoutMode: {|
+  +FULLSCREEN: "FULLSCREEN", // "FULLSCREEN"
+  +COMPACT: "COMPACT", // "COMPACT"
+|};
+
+declare export var BorderDirection: {|
+  +LEFT: "LEFT", // "LEFT"
+  +BOTTOM: "BOTTOM", // "BOTTOM"
+|};
+declare export var BorderStyles: {
+  [style: string]: $ReadOnlyArray<$Values<typeof BorderDirection>>,
+};
+declare export var IconType: {|
+  +MATH: "MATH", // "MATH"
+  +SVG: "SVG", // "SVG"
+  +TEXT: "TEXT", // "TEXT"
+|};
+
+declare export var DecimalSeparator: {|
+  +COMMA: "COMMA", // "COMMA"
+  +PERIOD: "PERIOD", // "PERIOD"
+|};
+
+declare export var EchoAnimationType: {|
+  +SLIDE_AND_FADE: "SLIDE_AND_FADE", // "SLIDE_AND_FADE"
+  +FADE_ONLY: "FADE_ONLY", // "FADE_ONLY"
+  +LONG_FADE_ONLY: "LONG_FADE_ONLY", // "LONG_FADE_ONLY"
+|};

package/dist/es/index.css

@@ -122,9 +122,6 @@
   color: white !important;
   display: inline-block !important;
 }
-.keypad-container .katex {
-  color: inherit !important;
-}
 /**
  * Styles for managing the popover animations.
  *