@khanacademy/math-input 4.2.0 → 4.3.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @khanacademy/math-input
 
+## 4.3.0
+
+### Minor Changes
+
+-   cf29ed88: Update layout of MathInput's keypad
+
 ## 4.2.0
 
 ### Minor Changes

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

@@ -34,6 +34,8 @@ export interface MathFieldInterface {
     moveToDirEnd: (direction: "L" | "R") => void;
     select: () => void;
     clearSelection: () => void;
+    cursorAtRightEnd: () => boolean;
+    cursorAtLeftEnd: () => boolean;
     __controller: any;
 }
 export declare enum MathFieldActionType {

package/dist/components/input/mathquill-types.js.flow

@@ -43,6 +43,8 @@ export interface MathFieldInterface {
   moveToDirEnd: (direction: "L" | "R") => void;
   select: () => void;
   clearSelection: () => void;
+  cursorAtRightEnd: () => boolean;
+  cursorAtLeftEnd: () => boolean;
   __controller: any;
 }
 declare export var MathFieldActionType: {|

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

@@ -1,23 +1,15 @@
-import * as React from "react";
+/// <reference types="react" />
 import Key from "../../data/keys";
 import { ClickKeyCallback } from "../../types";
-import { TabbarItemType } from "../tabbar/types";
-import { NumbersPageOptions } from "./numbers-page/types";
-import { OperatorsButtonSets } from "./operators-page/types";
 export type Props = {
     onClickKey: ClickKeyCallback;
     trigonometry?: boolean;
     extraKeys: ReadonlyArray<Key>;
-} & OperatorsButtonSets & NumbersPageOptions;
-type State = {
-    selectedPage: TabbarItemType;
+    multiplicationDot?: boolean;
+    divisionKey?: boolean;
+    preAlgebra?: boolean;
+    logarithms?: boolean;
+    basicRelations?: boolean;
+    advancedRelations?: boolean;
 };
-type DefaultProps = {
-    extraKeys: Props["extraKeys"];
-};
-export default class Keypad extends React.Component<Props, State> {
-    state: State;
-    static defaultProps: DefaultProps;
-    render(): React.ReactNode;
-}
-export {};
+export default function Keypad(props: Props): JSX.Element;

package/dist/components/keypad/index.js.flow

@@ -4,29 +4,17 @@
  * Flowgen v1.21.0
  * @flow
  */
-import * as React from "react";
 import Key from "../../data/keys";
 import { ClickKeyCallback } from "../../types";
-import { TabbarItemType } from "../tabbar/types";
-import { NumbersPageOptions } from "./numbers-page/types";
-import { OperatorsButtonSets } from "./operators-page/types";
 export type Props = {|
-  ...{|
-    onClickKey: ClickKeyCallback,
-    trigonometry?: boolean,
-    extraKeys: $ReadOnlyArray<Key>,
-  |},
-  ...OperatorsButtonSets,
-  ...NumbersPageOptions,
+  onClickKey: ClickKeyCallback,
+  trigonometry?: boolean,
+  extraKeys: $ReadOnlyArray<Key>,
+  multiplicationDot?: boolean,
+  divisionKey?: boolean,
+  preAlgebra?: boolean,
+  logarithms?: boolean,
+  basicRelations?: boolean,
+  advancedRelations?: boolean,
 |};
-declare type State = {|
-  selectedPage: TabbarItemType,
-|};
-declare type DefaultProps = {|
-  extraKeys: $PropertyType<Props, "extraKeys">,
-|};
-declare export default class Keypad extends React.Component<Props, State> {
-  state: State;
-  static defaultProps: DefaultProps;
-  render(): React.Node;
-}
+declare export default function Keypad(props: Props): React$Node;

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

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { KeyConfig, ClickKeyCallback } from "../../types";
+import type { StyleType } from "@khanacademy/wonder-blocks-core";
+export type KeypadButtonProps = {
+    coord: readonly [number, number];
+    keyConfig: KeyConfig;
+    onClickKey: ClickKeyCallback;
+    action?: boolean;
+    secondary?: boolean;
+    style?: StyleType;
+};
+export declare const KeypadButton: ({ coord, keyConfig, onClickKey, style, secondary, action, }: KeypadButtonProps) => React.ReactElement;

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

@@ -0,0 +1,18 @@
+/**
+ * Flowtype definitions for data
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.21.0
+ * @flow
+ */
+import * as React from "react";
+import { KeyConfig, ClickKeyCallback } from "../../types";
+import type { StyleType } from "@khanacademy/wonder-blocks-core";
+export type KeypadButtonProps = {|
+  coord: [number, number],
+  keyConfig: KeyConfig,
+  onClickKey: ClickKeyCallback,
+  action?: boolean,
+  secondary?: boolean,
+  style?: StyleType,
+|};
+declare export var KeypadButton: (x: KeypadButtonProps) => React.Element<any>;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import Key from "../../../data/keys";
+import { ClickKeyCallback } from "../../../types";
+type Props = {
+    extraKeys: ReadonlyArray<Key>;
+    onClickKey: ClickKeyCallback;
+};
+export default function ExtrasPage(props: Props): JSX.Element;
+export {};

package/dist/components/keypad/{operators-page/basic-relations-buttons.js.flow → keypad-pages/extras-page.js.flow}

@@ -4,10 +4,10 @@
  * Flowgen v1.21.0
  * @flow
  */
-import React from "react";
+import Key from "../../../data/keys";
 import { ClickKeyCallback } from "../../../types";
 declare type Props = {|
+  extraKeys: $ReadOnlyArray<Key>,
   onClickKey: ClickKeyCallback,
-  placeholder?: boolean,
 |};
-declare export var BasicRelations: (x: Props) => React.ReactElement;
+declare export default function ExtrasPage(props: Props): React$Node;

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

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

package/dist/components/keypad/{operators-page/logarithms-buttons.js.flow → keypad-pages/geometry-page.js.flow}

@@ -4,10 +4,8 @@
  * Flowgen v1.21.0
  * @flow
  */
-import React from "react";
 import { ClickKeyCallback } from "../../../types";
 declare type Props = {|
   onClickKey: ClickKeyCallback,
-  placeholder?: boolean,
 |};
-declare export var Logarithms: (x: Props) => React.ReactElement;
+declare export default function GeometryPage(props: Props): React$Node;

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

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

package/dist/components/keypad/{operators-page/pre-algebra-buttons.js.flow → keypad-pages/numbers-page.js.flow}

@@ -4,10 +4,8 @@
  * Flowgen v1.21.0
  * @flow
  */
-import React from "react";
 import { ClickKeyCallback } from "../../../types";
 declare type Props = {|
   onClickKey: ClickKeyCallback,
-  placeholder?: boolean,
 |};
-declare export var PreAlgebra: (x: Props) => React.ReactElement;
+declare export default function NumbersPage(props: Props): React$Node;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ClickKeyCallback } from "../../../types";
+type Props = {
+    onClickKey: ClickKeyCallback;
+    preAlgebra?: boolean;
+    logarithms?: boolean;
+    basicRelations?: boolean;
+    advancedRelations?: boolean;
+};
+export default function OperatorsPage(props: Props): JSX.Element;
+export {};

package/dist/components/keypad/{operators-page/advanced-relations-buttons.js.flow → keypad-pages/operators-page.js.flow}

@@ -4,10 +4,12 @@
  * Flowgen v1.21.0
  * @flow
  */
-import React from "react";
 import { ClickKeyCallback } from "../../../types";
 declare type Props = {|
   onClickKey: ClickKeyCallback,
-  placeholder?: boolean,
+  preAlgebra?: boolean,
+  logarithms?: boolean,
+  basicRelations?: boolean,
+  advancedRelations?: boolean,
 |};
-declare export var AdvancedRelations: (x: Props) => React.ReactElement;
+declare export default function OperatorsPage(props: Props): React$Node;

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

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

package/dist/components/keypad/{numbers-page/types.js.flow → shared-keys.js.flow}

@@ -4,7 +4,10 @@
  * Flowgen v1.21.0
  * @flow
  */
-export type NumbersPageOptions = {|
+import { ClickKeyCallback } from "../../types";
+declare type Props = {|
+  onClickKey: ClickKeyCallback,
   multiplicationDot?: boolean,
   divisionKey?: boolean,
 |};
+declare export default function SharedKeys(props: Props): React$Node;