@khanacademy/perseus 20.0.0 → 20.0.2

package/dist/index.js

@@ -29,7 +29,7 @@ var Button = require('@khanacademy/wonder-blocks-button');
 var wonderBlocksLayout = require('@khanacademy/wonder-blocks-layout');
 var Banner = require('@khanacademy/wonder-blocks-banner');
 var wonderBlocksDropdown = require('@khanacademy/wonder-blocks-dropdown');
-var debounce = require('lodash.debounce');
+var debounce$1 = require('lodash.debounce');
 var mafs = require('mafs');
 var createReactClass = require('create-react-class');
 var Switch = require('@khanacademy/wonder-blocks-switch');
@@ -77,7 +77,7 @@ var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 var SimpleMarkdown__default = /*#__PURE__*/_interopDefaultLegacy(SimpleMarkdown);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var Banner__default = /*#__PURE__*/_interopDefaultLegacy(Banner);
-var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
+var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce$1);
 var createReactClass__default = /*#__PURE__*/_interopDefaultLegacy(createReactClass);
 var Switch__default = /*#__PURE__*/_interopDefaultLegacy(Switch);
 var Pill__default = /*#__PURE__*/_interopDefaultLegacy(Pill);
@@ -98,6 +98,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+const debounce = (func, delay) => {
+  let timer = null;
+  return function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    if (timer) {
+      clearTimeout(timer);
+    }
+    timer = window.setTimeout(() => {
+      func(...args);
+    }, delay);
+  };
+};
+
 const customKeyTranslator = {
   ...mathInput.keyTranslator,
   // If there's something in the input that can become part of a
@@ -173,7 +188,7 @@ class MathInput extends React__namespace.Component {
       this.__mathField = mathInput.createMathField(this.__mathFieldWrapperRef, baseConfig => ({
         ...baseConfig,
         handlers: {
-          edit: mathField => {
+          edit: debounce(mathField => {
             // This handler is guaranteed to be called on change, but
             // unlike React it sometimes generates false positives.
             // One of these is on initialization (with an empty string
@@ -209,7 +224,7 @@ class MathInput extends React__namespace.Component {
             this.setState({
               cursorContext: mathInput.getCursorContext(mathField)
             });
-          },
+          }, 100),
           enter: () => {
             // NOTE(kevinb): This isn't how answers to exercises are
             // submitted.  The actual mechanism for this can be found
@@ -41296,7 +41311,7 @@ const init = function (options) {
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus";
-const libVersion = "20.0.0";
+const libVersion = "20.0.2";
 perseusCore.addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {