@khanacademy/math-input 7.0.0 → 8.1.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @khanacademy/math-input
 
+## 8.1.0
+
+### Minor Changes
+
+-   5611204a: Adds back the export of the unwrapped keypad for Khanmigo
+-   b4430dce: Make sendEvent in the Keypad an optional param
+
+### Patch Changes
+
+-   Updated dependencies [b4c06409]
+    -   @khanacademy/perseus-core@0.1.0
+
+## 8.0.0
+
+### Major Changes
+
+-   f9ee9d24: Move KeypadContext from Perseus to MathInput
+-   b18986d3: Replace Legacy/Mobile keypads with a component that switches between them
+
 ## 7.0.0
 
 ### Major Changes

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

@@ -15,7 +15,7 @@ export type Props = {
     basicRelations?: boolean;
     advancedRelations?: boolean;
     onClickKey: ClickKeyCallback;
-    sendEvent: SendEventFn;
+    sendEvent?: SendEventFn;
 };
 declare function Keypad(props: Props): JSX.Element;
 declare namespace Keypad {

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

@@ -23,7 +23,7 @@ export type Props = {|
   basicRelations?: boolean,
   advancedRelations?: boolean,
   onClickKey: ClickKeyCallback,
-  sendEvent: SendEventFn,
+  sendEvent?: SendEventFn,
 |};
 declare var Keypad: typeof npm$namespace$Keypad;
 

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

@@ -0,0 +1,20 @@
+/**
+ * KeypadContext provides a way to the Keypad and (Server)ItemRenderer to
+ * communicate.
+ *
+ * The KeypadContext.Provider wraps the ExerciseFooter while KeypadContext.Consumer
+ * wraps each (Server)ItemRenderer render site and the Keypad rendered in the
+ * ExerciseFooter.
+ */
+import * as React from "react";
+import type { RendererInterface } from "@khanacademy/perseus-core";
+type KeypadContext = {
+    setKeypadElement: (keypadElement?: HTMLElement | null | undefined) => void;
+    keypadElement: HTMLElement | null | undefined;
+    setRenderer: (renderer?: RendererInterface | null | undefined) => void;
+    renderer: RendererInterface | null | undefined;
+    setScrollableElement: (scrollableElement?: HTMLElement | null | undefined) => void;
+    scrollableElement: HTMLElement | null | undefined;
+};
+declare const context: React.Context<KeypadContext>;
+export default context;

package/dist/components/keypad-context.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 type { RendererInterface } from "@khanacademy/perseus-core";
+declare type KeypadContext = {|
+  setKeypadElement: (keypadElement?: HTMLElement | null | void) => void,
+  keypadElement: HTMLElement | null | void,
+  setRenderer: (renderer?: RendererInterface | null | void) => void,
+  renderer: RendererInterface | null | void,
+  setScrollableElement: (scrollableElement?: HTMLElement | null | void) => void,
+  scrollableElement: HTMLElement | null | void,
+|};
+declare var context: React.Context<KeypadContext>;
+declare export default typeof context;

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

@@ -44,9 +44,9 @@ declare class KeypadButton extends React.PureComponent<Props> {
 }
 declare const _default: import("react-redux").ConnectedComponent<typeof KeypadButton, import("react-redux").Omit<Pick<React.ClassAttributes<KeypadButton> & Props, "style" | "ref" | "ariaLabel" | "onTouchCancel" | "onTouchEnd" | "onTouchMove" | "onTouchStart" | "type" | "icon" | "key" | "heightPx" | "widthPx"> & {
     focused?: boolean | undefined;
+    disabled?: boolean | undefined;
     borders?: readonly (BorderDirection | undefined)[] | undefined;
     childKeys?: readonly NonManyKeyConfig[] | undefined;
-    disabled?: boolean | undefined;
     popoverEnabled?: boolean | undefined;
 } & {}, "heightPx" | "widthPx">>;
 export default _default;

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

@@ -67,9 +67,9 @@ declare var _default: $Flowgen$Import$react_2d_redux.ConnectedComponent<
       >,
       ...{|
         focused?: boolean | void,
+        disabled?: boolean | void,
         borders?: $ReadOnlyArray<BorderDirection | void> | void,
         childKeys?: $ReadOnlyArray<NonManyKeyConfig> | void,
-        disabled?: boolean | void,
         popoverEnabled?: boolean | void,
       |},
       ...{||},

package/dist/components/keypad-legacy/keypad-container.d.ts

@@ -35,5 +35,5 @@ declare class KeypadContainer extends React.Component<Props, State> {
     renderKeypad: () => JSX.Element;
     render(): JSX.Element;
 }
-declare const _default: import("react-redux").ConnectedComponent<typeof KeypadContainer, import("react-redux").Omit<React.ClassAttributes<KeypadContainer> & Props, "active" | "extraKeys" | "onPageSizeChange" | "keypadType" | "layoutMode" | "navigationPadEnabled">>;
+declare const _default: import("react-redux").ConnectedComponent<typeof KeypadContainer, import("react-redux").Omit<React.ClassAttributes<KeypadContainer> & Props, "active" | "extraKeys" | "keypadType" | "onPageSizeChange" | "layoutMode" | "navigationPadEnabled">>;
 export default _default;

package/dist/components/keypad-legacy/keypad-container.js.flow

@@ -48,8 +48,8 @@ declare var _default: $Flowgen$Import$react_2d_redux.ConnectedComponent<
     {| ...React.ClassAttributes<KeypadContainer>, ...Props |},
     | "active"
     | "extraKeys"
-    | "onPageSizeChange"
     | "keypadType"
+    | "onPageSizeChange"
     | "layoutMode"
     | "navigationPadEnabled"
   >

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

@@ -27,5 +27,5 @@ declare class Keypad extends React.Component<Props> {
     _onResize: () => void;
     render(): JSX.Element;
 }
-declare const _default: import("react-redux").ConnectedComponent<typeof Keypad, import("react-redux").Omit<React.ClassAttributes<Keypad> & Props, "popover" | "active" | "echoes" | "removeEcho">>;
+declare const _default: import("react-redux").ConnectedComponent<typeof Keypad, import("react-redux").Omit<React.ClassAttributes<Keypad> & Props, "active" | "popover" | "echoes" | "removeEcho">>;
 export default _default;

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

@@ -34,7 +34,7 @@ declare var _default: $Flowgen$Import$react_2d_redux.ConnectedComponent<
   typeof Keypad,
   $Flowgen$Import$react_2d_redux.Omit<
     {| ...React.ClassAttributes<Keypad>, ...Props |},
-    "popover" | "active" | "echoes" | "removeEcho"
+    "active" | "popover" | "echoes" | "removeEcho"
   >
 >;
 declare export default typeof _default;

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

@@ -33,5 +33,5 @@ declare class TouchableKeypadButton extends React.Component<Props> {
     componentWillUnmount(): void;
     render(): JSX.Element;
 }
-declare const _default: import("react-redux").ConnectedComponent<typeof TouchableKeypadButton, import("react-redux").Omit<React.ClassAttributes<TouchableKeypadButton> & Props, "style" | "ariaLabel" | "type" | "id" | "icon" | "focused" | "childKeyIds" | "borders" | "childKeys" | "disabled" | "popoverEnabled" | "gestureManager"> & OwnProps>;
+declare const _default: import("react-redux").ConnectedComponent<typeof TouchableKeypadButton, import("react-redux").Omit<React.ClassAttributes<TouchableKeypadButton> & Props, "style" | "ariaLabel" | "type" | "id" | "icon" | "focused" | "disabled" | "childKeyIds" | "borders" | "childKeys" | "popoverEnabled" | "gestureManager"> & OwnProps>;
 export default _default;

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

@@ -46,10 +46,10 @@ declare var _default: $Flowgen$Import$react_2d_redux.ConnectedComponent<
       | "id"
       | "icon"
       | "focused"
+      | "disabled"
       | "childKeyIds"
       | "borders"
       | "childKeys"
-      | "disabled"
       | "popoverEnabled"
       | "gestureManager"
     >,

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { StyleType } from "@khanacademy/wonder-blocks-core";
+type Props = {
+    onElementMounted?: (arg1: any) => void;
+    onDismiss?: () => void;
+    style?: StyleType;
+    useV2Keypad?: boolean;
+};
+declare function KeypadSwitch(props: Props): JSX.Element;
+export default KeypadSwitch;

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

@@ -0,0 +1,15 @@
+/**
+ * Flowtype definitions for data
+ * Generated by Flowgen from a Typescript Definition
+ * Flowgen v1.21.0
+ * @flow
+ */
+import { StyleType } from "@khanacademy/wonder-blocks-core";
+declare type Props = {|
+  onElementMounted?: (arg1: any) => void,
+  onDismiss?: () => void,
+  style?: StyleType,
+  useV2Keypad?: boolean,
+|};
+declare function KeypadSwitch(props: Props): React$Node;
+declare export default typeof KeypadSwitch;