@khanacademy/math-input 6.0.2 → 7.0.0

package/src/math-input.stories.tsx

@@ -1,67 +0,0 @@
-import * as React from "react";
-
-import {LegacyKeypad, KeypadInput, KeypadType} from "./index";
-
-export default {
-    title: "Full MathInput",
-};
-
-export const Basic = () => {
-    const [value, setValue] = React.useState("");
-    const [keypadElement, setKeypadElement] = React.useState<any>(null);
-    const [keypadType, setKeypadType] = React.useState<KeypadType>(
-        KeypadType.EXPRESSION,
-    );
-
-    React.useEffect(() => {
-        keypadElement?.configure({
-            keypadType: keypadType,
-            extraKeys: ["x", "y", "PI", "THETA"],
-        });
-    }, [keypadElement, keypadType]);
-
-    function handleChangeKeypadType() {
-        setKeypadType(
-            keypadType === KeypadType.FRACTION
-                ? KeypadType.EXPRESSION
-                : KeypadType.FRACTION,
-        );
-    }
-
-    return (
-        <div>
-            <div style={{padding: "1rem 0"}}>
-                <button onClick={handleChangeKeypadType}>
-                    {`Use ${
-                        keypadType === KeypadType.FRACTION
-                            ? "Expression"
-                            : "Fraction"
-                    } Keypad`}
-                </button>
-            </div>
-
-            <KeypadInput
-                value={value}
-                keypadElement={keypadElement}
-                onChange={(newValue, callback) => {
-                    setValue(newValue);
-                    callback();
-                }}
-                onFocus={() => {
-                    keypadElement?.activate();
-                }}
-                onBlur={() => {
-                    keypadElement?.dismiss();
-                }}
-            />
-
-            <LegacyKeypad
-                onElementMounted={(node) => {
-                    if (node && !keypadElement) {
-                        setKeypadElement(node);
-                    }
-                }}
-            />
-        </div>
-    );
-};