@khanacademy/perseus 20.0.1 → 20.0.2

package/dist/es/index.js

@@ -1,5 +1,5 @@
 import * as KAS from '@khanacademy/kas';
-import { keyTranslator, CursorContext, createMathField, convertDotToTimesByLocale, mathQuillInstance, getCursorContext, DesktopKeypad, KeypadInput, KeypadType, KeyArray, keypadElementPropType } from '@khanacademy/math-input';
+import { keyTranslator, CursorContext, createMathField, getCursorContext, DesktopKeypad, convertDotToTimesByLocale, mathQuillInstance, KeypadInput, KeypadType, KeyArray, keypadElementPropType } from '@khanacademy/math-input';
 import * as PerseusLinter from '@khanacademy/perseus-linter';
 import { linterContextDefault, Rule, linterContextProps } from '@khanacademy/perseus-linter';
 import { View, RenderStateRoot, useUniqueIdWithMock, Text as Text$1 } from '@khanacademy/wonder-blocks-core';
@@ -8,7 +8,7 @@ import Tooltip$1 from '@khanacademy/wonder-blocks-tooltip';
 import classNames from 'classnames';
 import * as React from 'react';
 import React__default, { useState, useEffect, useRef } from 'react';
-import _, { debounce } from 'underscore';
+import _, { debounce as debounce$1 } from 'underscore';
 import Clickable from '@khanacademy/wonder-blocks-clickable';
 import Color, { fade } from '@khanacademy/wonder-blocks-color';
 import { Popover, PopoverContentCore, PopoverContent } from '@khanacademy/wonder-blocks-popover';
@@ -28,7 +28,7 @@ import Button from '@khanacademy/wonder-blocks-button';
 import { Strut } from '@khanacademy/wonder-blocks-layout';
 import Banner from '@khanacademy/wonder-blocks-banner';
 import { OptionItem, SingleSelect, MultiSelect } from '@khanacademy/wonder-blocks-dropdown';
-import debounce$1 from 'lodash.debounce';
+import debounce$2 from 'lodash.debounce';
 import { vec, Line as Line$3, MovablePoint as MovablePoint$5, Coordinates, Mafs } from 'mafs';
 import createReactClass from 'create-react-class';
 import Switch from '@khanacademy/wonder-blocks-switch';
@@ -66,6 +66,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
+const debounce = (func, delay) => {
+  let timer = null;
+  return (...args) => {
+    if (timer) {
+      clearTimeout(timer);
+    }
+    timer = window.setTimeout(() => {
+      func(...args);
+    }, delay);
+  };
+};
+
 const customKeyTranslator = _extends({}, keyTranslator, {
   // If there's something in the input that can become part of a
   // fraction, typing "/" puts it in the numerator. If not, typing
@@ -119,7 +131,7 @@ class MathInput extends React.Component {
         // Initialize MathQuill.MathField instance
         this.__mathField = createMathField(this.__mathFieldWrapperRef, baseConfig => _extends({}, 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
@@ -155,7 +167,7 @@ class MathInput extends React.Component {
               this.setState({
                 cursorContext: getCursorContext(mathField)
               });
-            },
+            }, 100),
             enter: () => {
               // NOTE(kevinb): This isn't how answers to exercises are
               // submitted.  The actual mechanism for this can be found
@@ -18540,7 +18552,7 @@ class TranslationLinter {
      * Linting is relatively expensive -- so we debounce linting each instance
      * for some amount of time.
      */
-    this.runLinter = debounce((perseusStr, onLintErrorsGenerated) => {
+    this.runLinter = debounce$1((perseusStr, onLintErrorsGenerated) => {
       // TODO(FEI-5003): Do we still need to check for 'KA'?
       if (typeof KA === "undefined") {
         return;
@@ -29815,7 +29827,7 @@ class InteractiveGraph extends React.Component {
         // eslint-disable-next-line no-restricted-syntax
         setTimeout(point$1.remove.bind(point$1), 0);
       };
-      const setInitialMove = debounce$1((point, bool) => {
+      const setInitialMove = debounce$2((point, bool) => {
         point.state.isInitialMove = bool;
       }, 1000);
       const onMoveEndHandler = coord => {
@@ -41167,7 +41179,7 @@ const init = function init(options) {
 
 // This file is processed by a Rollup plugin (replace) to inject the production
 const libName = "@khanacademy/perseus";
-const libVersion = "20.0.1";
+const libVersion = "20.0.2";
 addLibraryVersionToPerseusDebug(libName, libVersion);
 
 const apiVersion = {