@khanacademy/math-input 1.0.0 → 1.0.1

package/dist/index.css

@@ -122,9 +122,6 @@
   color: white !important;
   display: inline-block !important;
 }
-.keypad-container .katex {
-  color: inherit !important;
-}
 /**
  * Styles for managing the popover animations.
  *

package/dist/index.js

@@ -2224,6 +2224,7 @@ const activateKeypad = () => {
 /**
  * Configure the keypad with the provided configuration parameters.
  */
+
 const configureKeypad = configuration => {
   return {
     type: "ConfigureKeypad",
@@ -2245,6 +2246,7 @@ const removeEcho = animationId => {
 };
 
 // Input-related actions.
+
 const setKeyHandler = keyHandler => {
   return {
     type: "SetKeyHandler",
@@ -2258,6 +2260,36 @@ const setCursor = cursor => {
   };
 };
 
+// Gesture actions
+
+const onSwipeChange = dx => {
+  return {
+    type: "OnSwipeChange",
+    dx
+  };
+};
+const onSwipeEnd = dx => {
+  return {
+    type: "OnSwipeEnd",
+    dx
+  };
+};
+const setActiveNodes = activeNodes => {
+  return {
+    type: "SetActiveNodes",
+    activeNodes
+  };
+};
+const pressKey = (key, borders, initialBounds, inPopover) => {
+  return {
+    type: "PressKey",
+    key,
+    borders,
+    initialBounds,
+    inPopover
+  };
+};
+
 /**
  * The state machine that backs our gesture system. In particular, this state
  * machine manages the interplay between focuses, touch ups, and swiping.
@@ -3355,7 +3387,6 @@ const echoReducer = function () {
       return state;
     case "RemoveEcho":
       const remainingEchoes = state.echoes.filter(echo => {
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'animationId' does not exist on type 'never'.
         return echo.animationId !== action.animationId;
       });
       return {
@@ -6281,11 +6312,9 @@ const keypadReducer = function () {
         ...state,
         // Default `extraKeys` to the empty array.
         extraKeys: [],
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'configuration' does not exist on type '{ type: string; }'.
         ...action.configuration
       };
     case "PressKey":
-      // @ts-expect-error [FEI-5003] - TS2339 - Property 'key' does not exist on type '{ type: string; }'.
       const keyConfig = KeyConfigs[action.key];
       // NOTE(charlie): Our keypad system operates by triggering key
       // presses with key IDs in a dumb manner, such that the keys
@@ -6623,7 +6652,6 @@ const pagerReducer = function () {
   let action = arguments.length > 1 ? arguments[1] : undefined;
   switch (action.type) {
     case "ConfigureKeypad":
-      // @ts-expect-error [FEI-5003] - TS2339 - Property 'configuration' does not exist on type '{ type: string; }'.
       const {
         keypadType
       } = action.configuration;
@@ -6640,51 +6668,27 @@ const pagerReducer = function () {
     case "SetPageSize":
       return {
         ...state,
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'pageWidthPx' does not exist on type '{ type: string; }'.
         pageWidthPx: action.pageWidthPx
       };
     case "PressKey":
-      // @ts-expect-error [FEI-5003] - TS2339 - Property 'key' does not exist on type '{ type: string; }'.
       const keyConfig = KeyConfigs[action.key];
 
       // Reset the keypad page if the user performs a math operation.
       if (keyConfig.type === KeyTypes.VALUE || keyConfig.type === KeyTypes.OPERATOR) {
-        return pagerReducer(state, {
-          type: "ResetKeypadPage"
-        });
+        return {
+          ...state,
+          animateToPosition: true,
+          // We start at the right-most page.
+          currentPage: getDefaultPage(state.numPages),
+          dx: 0
+        };
       }
       return state;
-    case "ResetKeypadPage":
-      return {
-        ...state,
-        animateToPosition: true,
-        // We start at the right-most page.
-        currentPage: getDefaultPage(state.numPages),
-        dx: 0
-      };
-    case "PageKeypadRight":
-      const nextPage = Math.min(state.currentPage + 1, state.numPages - 1);
-      return {
-        ...state,
-        animateToPosition: true,
-        currentPage: nextPage,
-        dx: 0
-      };
-    case "PageKeypadLeft":
-      const prevPage = Math.max(state.currentPage - 1, 0);
-      return {
-        ...state,
-        animateToPosition: true,
-        currentPage: prevPage,
-        dx: 0
-      };
     case "OnSwipeChange":
-      // @ts-expect-error [FEI-5003] - TS2339 - Property 'dx' does not exist on type '{ type: string; }'.
       state.velocityTracker.push(action.dx);
       return {
         ...state,
         animateToPosition: false,
-        // @ts-expect-error [FEI-5003] - TS2339 - Property 'dx' does not exist on type '{ type: string; }'.
         dx: action.dx
       };
     case "OnSwipeEnd":
@@ -6692,7 +6696,6 @@ const pagerReducer = function () {
         pageWidthPx,
         velocityTracker
       } = state;
-      // @ts-expect-error [FEI-5003] - TS2339 - Property 'dx' does not exist on type '{ type: string; }'.
       const {
         dx
       } = action;
@@ -6705,13 +6708,21 @@ const pagerReducer = function () {
       const shouldPageRight = dx < -pageWidthPx / 2 || velocity < -minFlingVelocity && dx < -minFlingDistance;
       const shouldPageLeft = dx > pageWidthPx / 2 || velocity > minFlingVelocity && dx > minFlingDistance;
       if (shouldPageRight) {
-        return pagerReducer(state, {
-          type: "PageKeypadRight"
-        });
+        const nextPage = Math.min(state.currentPage + 1, state.numPages - 1);
+        return {
+          ...state,
+          animateToPosition: true,
+          currentPage: nextPage,
+          dx: 0
+        };
       } else if (shouldPageLeft) {
-        return pagerReducer(state, {
-          type: "PageKeypadLeft"
-        });
+        const prevPage = Math.max(state.currentPage - 1, 0);
+        return {
+          ...state,
+          animateToPosition: true,
+          currentPage: prevPage,
+          dx: 0
+        };
       }
       return {
         ...state,
@@ -6731,30 +6742,16 @@ const createStore = () => {
       swipeEnabled
     }, {
       onSwipeChange: dx => {
-        store.dispatch({
-          type: "OnSwipeChange",
-          dx
-        });
+        store.dispatch(onSwipeChange(dx));
       },
       onSwipeEnd: dx => {
-        store.dispatch({
-          type: "OnSwipeEnd",
-          dx
-        });
+        store.dispatch(onSwipeEnd(dx));
       },
       onActiveNodesChanged: activeNodes => {
-        store.dispatch({
-          type: "SetActiveNodes",
-          activeNodes
-        });
+        store.dispatch(setActiveNodes(activeNodes));
       },
       onClick: (key, layoutProps, inPopover) => {
-        store.dispatch({
-          type: "PressKey",
-          key,
-          ...layoutProps,
-          inPopover
-        });
+        store.dispatch(pressKey(key, layoutProps.borders, layoutProps.initialBounds, inPopover));
       }
     }, [], [Keys.BACKSPACE, Keys.UP, Keys.RIGHT, Keys.DOWN, Keys.LEFT]);
   };
@@ -7151,9 +7148,8 @@ var KeypadContainer$1 = reactRedux.connect(mapStateToProps, mapDispatchToProps,
 })(KeypadContainer);
 
 class ProvidedKeypad extends React__namespace.Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "mounted", void 0);
+  constructor(props) {
+    super(props);
     _defineProperty(this, "store", void 0);
     _defineProperty(this, "activate", () => {
       this.store.dispatch(activateKeypad());
@@ -7182,16 +7178,8 @@ class ProvidedKeypad extends React__namespace.Component {
     _defineProperty(this, "getDOMNode", () => {
       return ReactDOM__default["default"].findDOMNode(this);
     });
-  }
-  UNSAFE_componentWillMount() {
     this.store = createStore();
   }
-  componentDidMount() {
-    this.mounted = true;
-  }
-  componentWillUnmount() {
-    this.mounted = false;
-  }
   render() {
     const {
       onElementMounted,