@khanacademy/math-input 19.2.0 → 20.0.0

package/README.md

@@ -1,6 +1,6 @@
-# math-input
+# @khanacademy/math-input
 
-Khan Academy's expression editor for the mobile web. Used in the [Perseus](https://github.com/khan/perseus) exercise framework to power math input and expression editing on small screens.
+Khan Academy's expression editor for the web. Used in the [Perseus](https://github.com/khan/perseus) exercise framework to power math input and expression editing on all screens.
 
 Built with [React](https://github.com/facebook/react), [MathQuill](https://github.com/mathquill/mathquill), [Aphrodite](https://github.com/khan/aphrodite), and more.
 
@@ -11,7 +11,7 @@ Try it yourself on [Khan Academy](https://www.khanacademy.org/math/algebra-basic
 ## Getting started
 
 - Clone the project: `git clone git@github.com:Khan/math-input.git`
-- Install dependencies: `yarn install`
+- Install dependencies: `yarn`
 - Start the development server: `yarn start`
 
 When you start the project you'll need to be on a device that supports touch or touch emulation to see the keyboard. The easiest way to get started is open the developer tools on Google Chrome.

package/dist/components/i18n-context.d.ts

@@ -11,6 +11,6 @@ type I18nContextType = {
 };
 export declare const MathInputI18nContext: React.Context<I18nContextType>;
 type Props = React.PropsWithChildren<I18nContextType>;
-export declare function MathInputI18nContextProvider({ children, strings, locale, }: Props): JSX.Element;
+export declare function MathInputI18nContextProvider({ children, strings, locale, }: Props): React.JSX.Element;
 export declare const useMathInputI18n: () => I18nContextType;
 export {};

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

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

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import * as React from "react";
 import type { ClickKeyCallback } from "../../../types";
 import type { CursorContext } from "../../input/cursor-contexts";
 type Props = {
     onClickKey: ClickKeyCallback;
     cursorContext?: (typeof CursorContext)[keyof typeof CursorContext];
 };
-export default function FractionsPage(props: Props): JSX.Element;
+export default function FractionsPage(props: Props): React.JSX.Element;
 export {};

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

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

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

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

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import type { ClickKeyCallback } from "../../../types";
 type Props = {
     onClickKey: ClickKeyCallback;
@@ -7,5 +7,5 @@ type Props = {
     basicRelations?: boolean;
     advancedRelations?: boolean;
 };
-export default function OperatorsPage(props: Props): JSX.Element;
+export default function OperatorsPage(props: Props): React.JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import type Key from "../../data/keys";
 import type { ClickKeyCallback } from "../../types";
 import type { CursorContext } from "../input/cursor-contexts";
@@ -19,7 +19,7 @@ export type Props = {
     onClickKey: ClickKeyCallback;
     onAnalyticsEvent: AnalyticsEventHandlerFn;
 };
-declare function Keypad(props: Props): JSX.Element;
+declare function Keypad(props: Props): React.JSX.Element;
 declare namespace Keypad {
     var defaultProps: {
         extraKeys: never[];

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

@@ -1,5 +1,5 @@
 import * as React from "react";
 import MobileKeypadInternals from "./mobile-keypad-internals";
 type Props = Omit<React.ComponentProps<typeof MobileKeypadInternals>, "keypadActive" | "setKeypadActive">;
-export declare function MobileKeypad(props: Props): JSX.Element;
+export declare function MobileKeypad(props: Props): React.JSX.Element;
 export {};

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import * as React from "react";
 import type { KeyConfig, ClickKeyCallback } from "../../types";
 export type KeypadButtonProps = {
     coord: readonly [number, number];
     keyConfig: KeyConfig;
     onClickKey: ClickKeyCallback;
 };
-export default function NavigationButton({ coord, keyConfig, onClickKey, }: KeypadButtonProps): JSX.Element;
+export default function NavigationButton({ coord, keyConfig, onClickKey, }: KeypadButtonProps): React.JSX.Element;

package/dist/components/keypad/navigation-pad.d.ts

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

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import type { ClickKeyCallback, KeypadPageType } from "../../types";
 import type { CursorContext } from "../input/cursor-contexts";
 type Props = {
@@ -8,5 +8,5 @@ type Props = {
     convertDotToTimes?: boolean;
     divisionKey?: boolean;
 };
-export default function SharedKeys(props: Props): JSX.Element;
+export default function SharedKeys(props: Props): React.JSX.Element;
 export {};

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

@@ -11,5 +11,5 @@ import * as React from "react";
 import type { KeypadContextType } from "../types";
 export declare const KeypadContext: React.Context<KeypadContextType>;
 type Props = React.PropsWithChildren<unknown>;
-export declare function StatefulKeypadContextProvider(props: Props): JSX.Element;
+export declare function StatefulKeypadContextProvider(props: Props): React.JSX.Element;
 export {};

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

@@ -6,6 +6,8 @@ import type { MathInputStrings } from "../strings";
 import type { KeyConfig } from "../types";
 declare const KeyConfigs: (strings: MathInputStrings) => {
     MANY: KeyConfig;
+    x: KeyConfig;
+    y: KeyConfig;
     a: KeyConfig;
     b: KeyConfig;
     i: KeyConfig;
@@ -14,8 +16,6 @@ declare const KeyConfigs: (strings: MathInputStrings) => {
     s: KeyConfig;
     u: KeyConfig;
     g: KeyConfig;
-    x: KeyConfig;
-    y: KeyConfig;
     PLUS: KeyConfig;
     MINUS: KeyConfig;
     NEGATIVE: KeyConfig;

package/dist/es/index.js

@@ -15,7 +15,7 @@ import PropTypes from 'prop-types';
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/math-input";
-const libVersion = "19.2.0";
+const libVersion = "20.0.0";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {

package/dist/index.js

@@ -44,7 +44,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/math-input";
-const libVersion = "19.2.0";
+const libVersion = "20.0.0";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 function _extends() {

package/package.json

@@ -3,7 +3,7 @@
     "description": "Khan Academy's new expression editor for the mobile web.",
     "author": "Khan Academy",
     "license": "MIT",
-    "version": "19.2.0",
+    "version": "20.0.0",
     "publishConfig": {
         "access": "public"
     },
@@ -37,7 +37,7 @@
     ],
     "scripts": {},
     "dependencies": {
-        "@khanacademy/perseus-core": "1.4.2",
+        "@khanacademy/perseus-core": "1.5.0",
         "mathquill": "https://github.com/Khan/mathquill/releases/download/v1.0.0/mathquill-v1.0.0.tgz"
     },
     "devDependencies": {
@@ -54,10 +54,10 @@
         "katex": "0.11.1",
         "perseus-build-settings": "^0.4.1",
         "prop-types": "15.6.1",
-        "react": "16.14.0",
-        "react-dom": "^16.8.0",
-        "react-router": "5.2.1",
-        "react-router-dom": "5.3.0",
+        "react": ">= 18",
+        "react-dom": ">= 18",
+        "react-router": "^5.2.1",
+        "react-router-dom": "^5.3.0",
         "react-transition-group": "^4.4.1"
     },
     "peerDependencies": {
@@ -73,10 +73,10 @@
         "jquery": "^2.1.1",
         "katex": "0.11.1",
         "prop-types": "15.6.1",
-        "react": "16.14.0",
-        "react-dom": "^16.8.0",
-        "react-router": "5.2.1",
-        "react-router-dom": "5.3.0",
+        "react": ">= 18",
+        "react-dom": ">= 18",
+        "react-router": "^5.2.1",
+        "react-router-dom": "^5.3.0",
         "react-transition-group": "^4.4.1"
     },
     "keywords": []