@khanacademy/math-input 22.3.0 → 23.0.1

package/dist/components/input/math-wrapper.d.ts

@@ -1,6 +1,6 @@
 import type { MathFieldInterface, MathFieldUpdaterCallback } from "./mathquill-types";
-import type Key from "../../data/keys";
 import type { MathInputStrings } from "../../strings";
+import type { KeypadKey } from "@khanacademy/perseus-core";
 /**
  * This file contains a wrapper around MathQuill so that we can provide a
  * more regular interface for the functionality we need while insulating us
@@ -9,7 +9,7 @@ import type { MathInputStrings } from "../../strings";
 declare class MathWrapper {
     mathField: MathFieldInterface;
     callbacks: any;
-    mobileKeyTranslator: Record<Key, MathFieldUpdaterCallback>;
+    mobileKeyTranslator: Record<KeypadKey, MathFieldUpdaterCallback>;
     constructor(mathFieldMount: any, ariaLabel: string, strings: MathInputStrings, locale: string, callbacks?: {});
     focus(): void;
     blur(): void;
@@ -19,7 +19,7 @@ declare class MathWrapper {
      * @param {Key} key - an enum representing the key that was pressed
      * @returns {object} a cursor object, consisting of a cursor context
      */
-    pressKey(key: Key): {
+    pressKey(key: KeypadKey): {
         context: import("./cursor-contexts").CursorContext;
     };
     /**

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

@@ -1,4 +1,4 @@
-import type Key from "../../data/keys";
+import type { KeypadKey } from "@khanacademy/perseus-core";
 import type MathQuill from "mathquill";
 export type MathQuillInterface = MathQuill.v3.API;
 export type MathFieldConfig = MathQuill.v3.Config;
@@ -11,7 +11,7 @@ export type MathFieldInterface = MathQuill.v3.EditableMathQuill & {
     cursor: () => MathQuill.Cursor;
     controller: () => MathQuill.Controller;
 };
-export type MathFieldUpdaterCallback = (mathField: MathFieldInterface, key: Key) => void;
+export type MathFieldUpdaterCallback = (mathField: MathFieldInterface, key: KeypadKey) => void;
 /**
  * The MathQuill API (see mathuill.d.ts) does not include types
  * for cursor() and controller(), and adding these types there

package/dist/components/key-handlers/handle-arrow.d.ts

@@ -1,3 +1,3 @@
-import type Key from "../../data/keys";
 import type { MathFieldInterface } from "../input/mathquill-types";
-export default function handleArrow(mathField: MathFieldInterface, key: Key): void;
+import type { KeypadKey } from "@khanacademy/perseus-core";
+export default function handleArrow(mathField: MathFieldInterface, key: KeypadKey): void;

package/dist/components/key-handlers/handle-exponent.d.ts

@@ -1,3 +1,3 @@
-import type Key from "../../data/keys";
 import type { MathFieldInterface } from "../input/mathquill-types";
-export default function handleExponent(mathField: MathFieldInterface, key: Key): void;
+import type { KeypadKey } from "@khanacademy/perseus-core";
+export default function handleExponent(mathField: MathFieldInterface, key: KeypadKey): void;

package/dist/components/key-handlers/handle-jump-out.d.ts

@@ -1,7 +1,7 @@
-import type Key from "../../data/keys";
 import type { MathFieldInterface } from "../input/mathquill-types";
+import type { KeypadKey } from "@khanacademy/perseus-core";
 /**
  * Advances the cursor to the next logical position.
  */
-declare function handleJumpOut(mathField: MathFieldInterface, key: Key): void;
+declare function handleJumpOut(mathField: MathFieldInterface, key: KeypadKey): void;
 export default handleJumpOut;

package/dist/components/key-handlers/key-translator.d.ts

@@ -1,9 +1,9 @@
-import type Key from "../../data/keys";
 import type { MathFieldUpdaterCallback } from "../input/mathquill-types";
+import type { KeypadKey } from "@khanacademy/perseus-core";
 type KeyTranslatorStrings = {
     sin: string;
     cos: string;
     tan: string;
 };
-export declare const getKeyTranslator: (locale: string, strings: KeyTranslatorStrings) => Record<Key, MathFieldUpdaterCallback>;
+export declare const getKeyTranslator: (locale: string, strings: KeyTranslatorStrings) => Record<KeypadKey, MathFieldUpdaterCallback>;
 export {};

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

@@ -1,7 +1,7 @@
 import * as React from "react";
-import type Key from "../../data/keys";
+import type { KeypadKey } from "@khanacademy/perseus-core";
 type Props = {
-    id: Key;
+    id: KeypadKey;
 };
 export default function ButtonAsset({ id }: Props): React.ReactNode;
 export {};

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

@@ -1,8 +1,8 @@
 import * as React from "react";
-import type Key from "../../../data/keys";
 import type { ClickKeyCallback } from "../../../types";
+import type { KeypadKey } from "@khanacademy/perseus-core";
 type Props = {
-    extraKeys: ReadonlyArray<Key>;
+    extraKeys: ReadonlyArray<KeypadKey>;
     onClickKey: ClickKeyCallback;
 };
 export default function ExtrasPage(props: Props): React.JSX.Element;

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

@@ -1,10 +1,9 @@
 import * as React from "react";
-import type Key from "../../data/keys";
 import type { ClickKeyCallback } from "../../types";
 import type { CursorContext } from "../input/cursor-contexts";
-import type { AnalyticsEventHandlerFn } from "@khanacademy/perseus-core";
+import type { AnalyticsEventHandlerFn, KeypadKey } from "@khanacademy/perseus-core";
 type Props = {
-    extraKeys?: ReadonlyArray<Key>;
+    extraKeys?: ReadonlyArray<KeypadKey>;
     cursorContext?: (typeof CursorContext)[keyof typeof CursorContext];
     showDismiss?: boolean;
     expandedView?: boolean;

package/dist/components/keypad/mobile-keypad-internals.d.ts

@@ -1,8 +1,7 @@
 import * as React from "react";
 import ReactDOM from "react-dom";
-import type Key from "../../data/keys";
-import type { Cursor, KeypadConfiguration, KeyHandler, KeypadAPI } from "../../types";
-import type { AnalyticsEventHandlerFn } from "@khanacademy/perseus-core";
+import type { Cursor, KeyHandler, KeypadAPI } from "../../types";
+import type { AnalyticsEventHandlerFn, KeypadConfiguration, KeypadKey } from "@khanacademy/perseus-core";
 import type { StyleType } from "@khanacademy/wonder-blocks-core";
 type Props = {
     onElementMounted?: (arg1: any) => void;
@@ -43,7 +42,7 @@ declare class MobileKeypadInternals extends React.Component<Props, State> implem
     setCursor: (cursor: Cursor) => void;
     setKeyHandler: (keyHandler: KeyHandler) => void;
     getDOMNode: () => ReturnType<typeof ReactDOM.findDOMNode>;
-    _handleClickKey(key: Key): void;
+    _handleClickKey(key: KeypadKey): void;
     render(): React.ReactNode;
 }
 export default MobileKeypadInternals;

package/dist/data/key-configs.d.ts

@@ -1,8 +1,8 @@
 /**
  * This file contains configuration settings for the buttons in the keypad.
  */
-import type Key from "./keys";
 import type { MathInputStrings } from "../strings";
 import type { KeyConfig } from "../types";
-declare const KeyConfigs: (strings: MathInputStrings) => { [key in Key]: KeyConfig; };
+import type { KeypadKey } from "@khanacademy/perseus-core";
+declare const KeyConfigs: (strings: MathInputStrings) => { [key in KeypadKey]: KeyConfig; };
 export default KeyConfigs;

package/dist/data/keys.d.ts

@@ -1,3 +0,0 @@
-export declare const KeyArray: readonly ["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", "NUM_0", "NUM_1", "NUM_2", "NUM_3", "NUM_4", "NUM_5", "NUM_6", "NUM_7", "NUM_8", "NUM_9", "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"];
-type Key = (typeof KeyArray)[number];
-export default Key;

package/dist/enums.d.ts

@@ -1,10 +1,6 @@
 /**
  * Constants that are shared between multiple files.
  */
-export declare enum KeypadType {
-    FRACTION = "FRACTION",
-    EXPRESSION = "EXPRESSION"
-}
 declare const KeyTypes: string[];
 export type KeyType = (typeof KeyTypes)[number];
 export {};

package/dist/es/index.js

@@ -60,7 +60,7 @@ const addLibraryVersionToPerseusDebug = (libraryName, libraryVersion) => {
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/math-input";
-const libVersion = "22.3.0";
+const libVersion = "23.0.1";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 class View extends React.Component {
@@ -822,37 +822,6 @@ function handleBackspaceInLogIndex(mathField, cursor) {
     mathField.keystroke("Backspace");
   }
 }
-function handleBackspaceOutsideParens(cursor) {
-  // In this case the node with '\\left(' for its ctrlSeq
-  // is the parent of the expression contained within the
-  // parentheses.
-  //
-  // Handle selecting an expression before deleting:
-  // (x+1)| => |(x+1)|
-  // \log(x+1)| => |\log(x+1)|
-
-  const leftNode = cursor[mathQuillInstance.L];
-  const rightNode = cursor[mathQuillInstance.R];
-  const command = maybeFindCommandBeforeParens(leftNode);
-  if (command && command.startNode) {
-    // There's a command before the parens so we select it as well as
-    // the parens.
-    cursor.insLeftOf(command.startNode);
-    cursor.startSelection();
-    if (rightNode === MathFieldActionType.MQ_END) {
-      cursor.insAtRightEnd(cursor.parent);
-    } else {
-      cursor.insLeftOf(rightNode);
-    }
-    cursor.select();
-    cursor.endSelection();
-  } else {
-    cursor.startSelection();
-    cursor.insLeftOf(leftNode); // left of \\left(
-    cursor.select();
-    cursor.endSelection();
-  }
-}
 function handleBackspaceInsideParens(mathField, cursor) {
   // Handle situations when the cursor is inside parens or a
   // command that uses parens, e.g. \log() or \tan()
@@ -943,8 +912,6 @@ function handleBackspace(mathField) {
       selectNode(leftNode, cursor);
     } else if (isNthRootIndex(parent)) {
       handleBackspaceInRootIndex(mathField, cursor);
-    } else if (leftNode.ctrlSeq === "\\left(") {
-      handleBackspaceOutsideParens(cursor);
     } else if (grandparent.ctrlSeq === "\\left(") {
       handleBackspaceInsideParens(mathField, cursor);
     } else if (isInsideLogIndex(cursor)) {
@@ -5732,27 +5699,5 @@ const keypadElementPropType = PropTypes.shape({
   getDOMNode: PropTypes.func.isRequired
 });
 
-const KeyArray = ["PLUS", "MINUS", "NEGATIVE", "TIMES", "DIVIDE", "DECIMAL", "PERIOD", "PERCENT", "CDOT", "EQUAL", "NEQ", "GT", "LT", "GEQ", "LEQ",
-// mobile native only
-"FRAC_INCLUSIVE",
-// mobile native only
-"FRAC_EXCLUSIVE",
-// mobile native only
-"FRAC", "EXP", "EXP_2", "EXP_3", "SQRT", "CUBE_ROOT", "RADICAL", "LEFT_PAREN", "RIGHT_PAREN", "LN", "LOG", "LOG_N", "SIN", "COS",
-// TODO(charlie): Add in additional Greek letters.,
-"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",
-// Multi-functional keys.
-"NUM_0", "NUM_1", "NUM_2", "NUM_3", "NUM_4", "NUM_5", "NUM_6", "NUM_7", "NUM_8", "NUM_9", "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"];
-
-/**
- * Constants that are shared between multiple files.
- */
-
-let KeypadType = /*#__PURE__*/function (KeypadType) {
-  KeypadType["FRACTION"] = "FRACTION";
-  KeypadType["EXPRESSION"] = "EXPRESSION";
-  return KeypadType;
-}({});
-
-export { CursorContext, Keypad as DesktopKeypad, KeyArray, KeyConfigs, MathInput as KeypadInput, KeypadType, MathInputI18nContext, MathInputI18nContextProvider, MobileKeypad, convertDotToTimesByLocale, createMathField, getCursorContext, getKeyTranslator, keypadElementPropType, libVersion, mathQuillInstance, useMathInputI18n };
+export { CursorContext, Keypad as DesktopKeypad, KeyConfigs, MathInput as KeypadInput, MathInputI18nContext, MathInputI18nContextProvider, MobileKeypad, convertDotToTimesByLocale, createMathField, getCursorContext, getKeyTranslator, keypadElementPropType, libVersion, mathQuillInstance, useMathInputI18n };
 //# sourceMappingURL=index.js.map