@khanacademy/math-input 4.2.0 → 4.3.0

package/src/components/keypad/numbers-page/index.tsx

@@ -1,136 +0,0 @@
-import * as React from "react";
-
-import Keys from "../../../data/key-configs";
-import {ClickKeyCallback} from "../../../types";
-import {
-    KeypadPageContainer,
-    KeypadButton,
-    SecondaryKeypadButton,
-    KeypadActionButton,
-} from "../keypad-page-items";
-
-import {NumbersPageOptions} from "./types";
-
-type Props = {
-    onClickKey: ClickKeyCallback;
-} & NumbersPageOptions;
-
-export default class NumbersPage extends React.Component<Props> {
-    render(): React.ReactNode {
-        const {onClickKey} = this.props;
-        return (
-            <KeypadPageContainer>
-                {/* Row 1 */}
-                <KeypadButton keyConfig={Keys.NUM_7} onClickKey={onClickKey} />
-                <KeypadButton keyConfig={Keys.NUM_8} onClickKey={onClickKey} />
-                <KeypadButton keyConfig={Keys.NUM_9} onClickKey={onClickKey} />
-                <SecondaryKeypadButton
-                    keyConfig={Keys.DIVIDE}
-                    style={
-                        this.props.divisionKey
-                            ? {
-                                  gridColumn: "4",
-                                  gridRow: "1",
-                              }
-                            : {
-                                  display: "none",
-                              }
-                    }
-                    onClickKey={onClickKey}
-                />
-                <SecondaryKeypadButton
-                    keyConfig={
-                        this.props.multiplicationDot ? Keys.CDOT : Keys.TIMES
-                    }
-                    style={
-                        this.props.divisionKey && {
-                            gridColumn: "4",
-                            gridRow: "2",
-                        }
-                    }
-                    onClickKey={onClickKey}
-                />
-                <SecondaryKeypadButton
-                    keyConfig={Keys.LEFT_PAREN}
-                    onClickKey={onClickKey}
-                />
-                <SecondaryKeypadButton
-                    keyConfig={Keys.RIGHT_PAREN}
-                    onClickKey={onClickKey}
-                />
-
-                {/* Row 2 */}
-                <KeypadButton keyConfig={Keys.NUM_4} onClickKey={onClickKey} />
-                <KeypadButton keyConfig={Keys.NUM_5} onClickKey={onClickKey} />
-                <KeypadButton keyConfig={Keys.NUM_6} onClickKey={onClickKey} />
-
-                <SecondaryKeypadButton
-                    keyConfig={Keys.MINUS}
-                    style={
-                        this.props.divisionKey && {
-                            gridColumn: "4",
-                            gridRow: "3",
-                        }
-                    }
-                    onClickKey={onClickKey}
-                />
-
-                <SecondaryKeypadButton
-                    keyConfig={Keys.FRAC_INCLUSIVE}
-                    onClickKey={onClickKey}
-                    style={{
-                        gridColumn: "5 / 7",
-                    }}
-                />
-                {/* Row 3 */}
-                <KeypadButton keyConfig={Keys.NUM_1} onClickKey={onClickKey} />
-                <KeypadButton keyConfig={Keys.NUM_2} onClickKey={onClickKey} />
-                <KeypadButton keyConfig={Keys.NUM_3} onClickKey={onClickKey} />
-
-                <SecondaryKeypadButton
-                    keyConfig={Keys.PLUS}
-                    style={
-                        this.props.divisionKey
-                            ? {
-                                  gridColumn: "4",
-                                  gridRow: "4",
-                              }
-                            : {
-                                  gridColumn: "4",
-                                  gridRowStart: "3",
-                                  gridRowEnd: "5",
-                              }
-                    }
-                    onClickKey={onClickKey}
-                />
-
-                <KeypadActionButton
-                    keyConfig={Keys.BACKSPACE}
-                    style={{
-                        gridColumn: "6",
-                    }}
-                    onClickKey={onClickKey}
-                />
-
-                {/* Row 4 */}
-                <KeypadButton keyConfig={Keys.NUM_0} onClickKey={onClickKey} />
-                <KeypadButton
-                    keyConfig={Keys.DECIMAL}
-                    onClickKey={onClickKey}
-                />
-                <KeypadButton
-                    keyConfig={Keys.NEGATIVE}
-                    onClickKey={onClickKey}
-                />
-
-                <KeypadActionButton
-                    keyConfig={Keys.DISMISS}
-                    style={{
-                        gridColumn: "6",
-                    }}
-                    onClickKey={onClickKey}
-                />
-            </KeypadPageContainer>
-        );
-    }
-}

package/src/components/keypad/numbers-page/types.ts

@@ -1,4 +0,0 @@
-export type NumbersPageOptions = {
-    multiplicationDot?: boolean;
-    divisionKey?: boolean;
-};

package/src/components/keypad/operators-page/advanced-relations-buttons.tsx

@@ -1,33 +0,0 @@
-import React from "react";
-
-import Keys from "../../../data/key-configs";
-import {ClickKeyCallback} from "../../../types";
-import {PlaceHolderButtons, SecondaryKeypadButton} from "../keypad-page-items";
-
-type Props = {
-    onClickKey: ClickKeyCallback;
-    placeholder?: boolean;
-};
-
-export const AdvancedRelations = ({
-    onClickKey,
-    placeholder,
-}: Props): React.ReactElement =>
-    placeholder ? (
-        <PlaceHolderButtons count={3} />
-    ) : (
-        <React.Fragment>
-            <SecondaryKeypadButton
-                keyConfig={Keys.NEQ}
-                onClickKey={onClickKey}
-            />
-            <SecondaryKeypadButton
-                keyConfig={Keys.LEQ}
-                onClickKey={onClickKey}
-            />
-            <SecondaryKeypadButton
-                keyConfig={Keys.GEQ}
-                onClickKey={onClickKey}
-            />
-        </React.Fragment>
-    );

package/src/components/keypad/operators-page/basic-relations-buttons.tsx

@@ -1,33 +0,0 @@
-import React from "react";
-
-import Keys from "../../../data/key-configs";
-import {ClickKeyCallback} from "../../../types";
-import {PlaceHolderButtons, SecondaryKeypadButton} from "../keypad-page-items";
-
-type Props = {
-    onClickKey: ClickKeyCallback;
-    placeholder?: boolean;
-};
-
-export const BasicRelations = ({
-    onClickKey,
-    placeholder,
-}: Props): React.ReactElement =>
-    placeholder ? (
-        <PlaceHolderButtons count={3} />
-    ) : (
-        <React.Fragment>
-            <SecondaryKeypadButton
-                keyConfig={Keys.EQUAL}
-                onClickKey={onClickKey}
-            />
-            <SecondaryKeypadButton
-                keyConfig={Keys.LT}
-                onClickKey={onClickKey}
-            />
-            <SecondaryKeypadButton
-                keyConfig={Keys.GT}
-                onClickKey={onClickKey}
-            />
-        </React.Fragment>
-    );

package/src/components/keypad/operators-page/index.tsx

@@ -1,94 +0,0 @@
-import * as React from "react";
-
-import Keys from "../../../data/key-configs";
-import {ClickKeyCallback} from "../../../types";
-import {
-    KeypadPageContainer,
-    SecondaryKeypadButton,
-    KeypadActionButton,
-} from "../keypad-page-items";
-
-import {AdvancedRelations} from "./advanced-relations-buttons";
-import {BasicRelations} from "./basic-relations-buttons";
-import {Logarithms} from "./logarithms-buttons";
-import {PreAlgebra} from "./pre-algebra-buttons";
-import {OperatorsButtonSets} from "./types";
-
-type Props = {
-    onClickKey: ClickKeyCallback;
-} & OperatorsButtonSets;
-
-export default class OperatorsPage extends React.Component<Props> {
-    render(): React.ReactNode {
-        const {onClickKey} = this.props;
-        return (
-            <KeypadPageContainer>
-                {/* Row 1 */}
-                <PreAlgebra
-                    onClickKey={onClickKey}
-                    placeholder={!this.props.preAlgebra}
-                />
-
-                <SecondaryKeypadButton
-                    keyConfig={Keys.LEFT_PAREN}
-                    onClickKey={onClickKey}
-                />
-                <SecondaryKeypadButton
-                    keyConfig={Keys.RIGHT_PAREN}
-                    onClickKey={onClickKey}
-                />
-                {/* Row 2 */}
-                <Logarithms
-                    onClickKey={onClickKey}
-                    placeholder={!this.props.logarithms}
-                />
-                <SecondaryKeypadButton
-                    keyConfig={Keys.x}
-                    onClickKey={onClickKey}
-                    style={{
-                        gridColumn: 5,
-                    }}
-                />
-                <SecondaryKeypadButton
-                    keyConfig={Keys.FRAC_INCLUSIVE}
-                    onClickKey={onClickKey}
-                    style={{
-                        gridColumn: 6,
-                    }}
-                />
-                {/* Row 3 */}
-                {/* TODO: implement relatons buttons */}
-                <BasicRelations
-                    onClickKey={onClickKey}
-                    placeholder={!this.props.basicRelations}
-                />
-                <SecondaryKeypadButton
-                    keyConfig={Keys.PI}
-                    onClickKey={onClickKey}
-                    style={{
-                        gridColumn: 5,
-                    }}
-                />
-                <KeypadActionButton
-                    keyConfig={Keys.BACKSPACE}
-                    style={{
-                        gridColumn: 6,
-                    }}
-                    onClickKey={onClickKey}
-                />
-                {/* Row 4 */}
-                <AdvancedRelations
-                    onClickKey={onClickKey}
-                    placeholder={!this.props.advancedRelations}
-                />
-                <KeypadActionButton
-                    keyConfig={Keys.DISMISS}
-                    style={{
-                        gridColumn: "6",
-                    }}
-                    onClickKey={onClickKey}
-                />
-            </KeypadPageContainer>
-        );
-    }
-}

package/src/components/keypad/operators-page/logarithms-buttons.tsx

@@ -1,33 +0,0 @@
-import React from "react";
-
-import Keys from "../../../data/key-configs";
-import {ClickKeyCallback} from "../../../types";
-import {PlaceHolderButtons, SecondaryKeypadButton} from "../keypad-page-items";
-
-type Props = {
-    onClickKey: ClickKeyCallback;
-    placeholder?: boolean;
-};
-
-export const Logarithms = ({
-    onClickKey,
-    placeholder,
-}: Props): React.ReactElement =>
-    placeholder ? (
-        <PlaceHolderButtons count={3} />
-    ) : (
-        <React.Fragment>
-            <SecondaryKeypadButton
-                keyConfig={Keys.LOG}
-                onClickKey={onClickKey}
-            />
-            <SecondaryKeypadButton
-                keyConfig={Keys.LOG_N}
-                onClickKey={onClickKey}
-            />
-            <SecondaryKeypadButton
-                keyConfig={Keys.LN}
-                onClickKey={onClickKey}
-            />
-        </React.Fragment>
-    );

package/src/components/keypad/operators-page/pre-algebra-buttons.tsx

@@ -1,37 +0,0 @@
-import React from "react";
-
-import Keys from "../../../data/key-configs";
-import {ClickKeyCallback} from "../../../types";
-import {PlaceHolderButtons, SecondaryKeypadButton} from "../keypad-page-items";
-
-type Props = {
-    onClickKey: ClickKeyCallback;
-    placeholder?: boolean;
-};
-
-export const PreAlgebra = ({
-    onClickKey,
-    placeholder,
-}: Props): React.ReactElement =>
-    placeholder ? (
-        <PlaceHolderButtons count={4} />
-    ) : (
-        <React.Fragment>
-            <SecondaryKeypadButton
-                keyConfig={Keys.EXP_2}
-                onClickKey={onClickKey}
-            />
-            <SecondaryKeypadButton
-                keyConfig={Keys.EXP}
-                onClickKey={onClickKey}
-            />
-            <SecondaryKeypadButton
-                keyConfig={Keys.SQRT}
-                onClickKey={onClickKey}
-            />
-            <SecondaryKeypadButton
-                keyConfig={Keys.RADICAL}
-                onClickKey={onClickKey}
-            />
-        </React.Fragment>
-    );

package/src/components/keypad/operators-page/types.ts

@@ -1,6 +0,0 @@
-export type OperatorsButtonSets = {
-    preAlgebra?: boolean;
-    logarithms?: boolean;
-    basicRelations?: boolean;
-    advancedRelations?: boolean;
-};