@pie-lib/math-toolbar 3.0.3-next.36 → 3.0.3-next.38

package/LICENSE.md

@@ -1,5 +0,0 @@
-Copyright 2019 CoreSpring Inc
-
-Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/lib/done-button.js

@@ -1,51 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RawDoneButton = exports.DoneButton = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
-var _styles = require("@mui/material/styles");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var StyledIconButton = (0, _styles.styled)(_IconButton["default"])(function (_ref) {
-  var theme = _ref.theme,
-    hideBackground = _ref.hideBackground;
-  return _objectSpread(_objectSpread({
-    verticalAlign: 'top',
-    width: '28px',
-    height: '28px',
-    color: '#00bb00'
-  }, hideBackground && {
-    backgroundColor: theme.palette.common.white,
-    '&:hover': {
-      backgroundColor: theme.palette.grey[200]
-    }
-  }), {}, {
-    '& .MuiIconButton-label': {
-      position: 'absolute',
-      top: '2px'
-    }
-  });
-});
-var RawDoneButton = exports.RawDoneButton = function RawDoneButton(_ref2) {
-  var onClick = _ref2.onClick,
-    hideBackground = _ref2.hideBackground;
-  return /*#__PURE__*/_react["default"].createElement(StyledIconButton, {
-    "aria-label": "Done",
-    onClick: onClick,
-    hideBackground: hideBackground,
-    size: "large"
-  }, /*#__PURE__*/_react["default"].createElement(_Check["default"], null));
-};
-RawDoneButton.propTypes = {
-  onClick: _propTypes["default"].func,
-  hideBackground: _propTypes["default"].bool
-};
-var DoneButton = exports.DoneButton = RawDoneButton;
-//# sourceMappingURL=done-button.js.map

package/lib/done-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"done-button.js","names":["_react","_interopRequireDefault","require","_IconButton","_Check","_styles","_propTypes","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","StyledIconButton","styled","IconButton","_ref","theme","hideBackground","verticalAlign","width","height","color","backgroundColor","palette","common","white","grey","position","top","RawDoneButton","exports","_ref2","onClick","createElement","size","propTypes","PropTypes","func","bool","DoneButton"],"sources":["../src/done-button.jsx"],"sourcesContent":["import React from 'react';\n\nimport IconButton from '@mui/material/IconButton';\nimport Check from '@mui/icons-material/Check';\nimport { styled } from '@mui/material/styles';\nimport PropTypes from 'prop-types';\n\nconst StyledIconButton = styled(IconButton)(({ theme, hideBackground }) => ({\n  verticalAlign: 'top',\n  width: '28px',\n  height: '28px',\n  color: '#00bb00',\n  ...(hideBackground && {\n    backgroundColor: theme.palette.common.white,\n    '&:hover': {\n      backgroundColor: theme.palette.grey[200],\n    },\n  }),\n  '& .MuiIconButton-label': {\n    position: 'absolute',\n    top: '2px',\n  },\n}));\n\nexport const RawDoneButton = ({ onClick, hideBackground }) => (\n  <StyledIconButton aria-label=\"Done\" onClick={onClick} hideBackground={hideBackground} size=\"large\">\n    <Check />\n  </StyledIconButton>\n);\n\nRawDoneButton.propTypes = {\n  onClick: PropTypes.func,\n  hideBackground: PropTypes.bool,\n};\n\nexport const DoneButton = RawDoneButton;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAmC,SAAAK,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAEnC,IAAMoB,gBAAgB,GAAG,IAAAC,cAAM,EAACC,sBAAU,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,cAAc,GAAAF,IAAA,CAAdE,cAAc;EAAA,OAAAb,aAAA,CAAAA,aAAA;IAClEc,aAAa,EAAE,KAAK;IACpBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE;EAAS,GACZJ,cAAc,IAAI;IACpBK,eAAe,EAAEN,KAAK,CAACO,OAAO,CAACC,MAAM,CAACC,KAAK;IAC3C,SAAS,EAAE;MACTH,eAAe,EAAEN,KAAK,CAACO,OAAO,CAACG,IAAI,CAAC,GAAG;IACzC;EACF,CAAC;IACD,wBAAwB,EAAE;MACxBC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE;IACP;EAAC;AAAA,CACD,CAAC;AAEI,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAAE,KAAA;EAAA,IAAMC,OAAO,GAAAD,KAAA,CAAPC,OAAO;IAAEf,cAAc,GAAAc,KAAA,CAAdd,cAAc;EAAA,oBACrDjC,MAAA,YAAAiD,aAAA,CAACrB,gBAAgB;IAAC,cAAW,MAAM;IAACoB,OAAO,EAAEA,OAAQ;IAACf,cAAc,EAAEA,cAAe;IAACiB,IAAI,EAAC;EAAO,gBAChGlD,MAAA,YAAAiD,aAAA,CAAC7C,MAAA,WAAK,MAAE,CACQ,CAAC;AAAA,CACpB;AAEDyC,aAAa,CAACM,SAAS,GAAG;EACxBH,OAAO,EAAEI,qBAAS,CAACC,IAAI;EACvBpB,cAAc,EAAEmB,qBAAS,CAACE;AAC5B,CAAC;AAEM,IAAMC,UAAU,GAAAT,OAAA,CAAAS,UAAA,GAAGV,aAAa","ignoreList":[]}

package/lib/editor-and-pad.js

@@ -1,528 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.EditorAndPad = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _debug = _interopRequireDefault(require("debug"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Button = _interopRequireDefault(require("@mui/material/Button"));
-var _styles = require("@mui/material/styles");
-var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-var _Select = _interopRequireDefault(require("@mui/material/Select"));
-var _lodashEs = require("lodash-es");
-var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
-var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
-var _mathInput = require("@pie-lib/math-input");
-var _renderUi = require("@pie-lib/render-ui");
-var _utils = require("./utils");
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var _mq$CommonMqStyles = _mathInput.mq.CommonMqStyles,
-  commonMqFontStyles = _mq$CommonMqStyles.commonMqFontStyles,
-  commonMqKeyboardStyles = _mq$CommonMqStyles.commonMqKeyboardStyles,
-  longdivStyles = _mq$CommonMqStyles.longdivStyles,
-  supsubStyles = _mq$CommonMqStyles.supsubStyles;
-var log = (0, _debug["default"])('@pie-lib:math-toolbar:editor-and-pad');
-var decimalRegex = /\.|,/g;
-var MathToolbarContainer = (0, _styles.styled)('div')(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    zIndex: 9,
-    position: 'relative',
-    textAlign: 'center',
-    width: 'auto',
-    '& > .mq-math-mode': {
-      border: 'solid 1px lightgrey'
-    },
-    '& > .mq-focused': {
-      outline: 'none',
-      boxShadow: 'none',
-      border: "dotted 1px ".concat(theme.palette.primary.main),
-      borderRadius: '0px'
-    },
-    '& .mq-overarrow-inner': {
-      border: 'none !important',
-      paddingTop: '0 !important'
-    },
-    '& .mq-overarrow-inner-right': {
-      display: 'none !important'
-    },
-    '& .mq-overarrow-inner-left': {
-      display: 'none !important'
-    },
-    '& .mq-longdiv-inner': {
-      borderTop: '1px solid !important',
-      paddingTop: '1.5px !important'
-    },
-    '& .mq-overarrow.mq-arrow-both': {
-      top: '7.8px',
-      marginTop: '0px',
-      minWidth: '1.23em'
-    },
-    '& .mq-parallelogram': {
-      lineHeight: 0.85
-    }
-  };
-});
-var InputAndTypeContainer = (0, _styles.styled)('div')(function (_ref2) {
-  var theme = _ref2.theme,
-    hide = _ref2.hide;
-  return {
-    display: hide ? 'none' : 'flex',
-    alignItems: 'center',
-    '& .mq-editable-field .mq-cursor': {
-      top: '-4px'
-    },
-    '& .mq-math-mode .mq-selection, .mq-editable-field .mq-selection': {
-      paddingTop: '18px'
-    },
-    '& .mq-math-mode .mq-overarrow': {
-      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
-    },
-    '& .mq-math-mode .mq-overline .mq-overline-inner': {
-      paddingTop: '0.4em !important'
-    },
-    '& .mq-overarrow.mq-arrow-both': {
-      minWidth: '1.23em',
-      '& *': {
-        lineHeight: '1 !important'
-      },
-      '&:before': {
-        top: '-0.45em',
-        left: '-1px'
-      },
-      '&:after': {
-        position: 'absolute !important',
-        top: '0px !important',
-        right: '-2px'
-      },
-      '&.mq-empty:after': {
-        top: '-0.45em'
-      }
-    },
-    '& .mq-overarrow.mq-arrow-right': {
-      '&:before': {
-        top: '-0.4em',
-        right: '-1px'
-      }
-    },
-    '& *': _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, commonMqFontStyles), supsubStyles), longdivStyles), {}, {
-      '& .mq-math-mode .mq-sqrt-prefix': {
-        verticalAlign: 'baseline !important',
-        top: '1px !important',
-        left: '-0.1em !important'
-      },
-      '& .mq-math-mode .mq-overarc ': {
-        paddingTop: '0.45em !important'
-      },
-      '& .mq-math-mode .mq-empty': {
-        padding: '9px 1px !important'
-      },
-      '& .mq-math-mode .mq-root-block': {
-        paddingTop: '10px'
-      },
-      '& .mq-scaled .mq-sqrt-prefix': {
-        top: '0 !important'
-      },
-      '& .mq-math-mode .mq-longdiv .mq-longdiv-inner': {
-        marginLeft: '4px !important',
-        paddingTop: '6px !important',
-        paddingLeft: '6px !important'
-      },
-      '& .mq-math-mode .mq-paren': {
-        verticalAlign: 'top !important',
-        padding: '1px 0.1em !important'
-      },
-      '& .mq-math-mode .mq-sqrt-stem': {
-        borderTop: '0.07em solid',
-        marginLeft: '-1.5px',
-        marginTop: '-2px !important',
-        paddingTop: '5px !important'
-      },
-      '& .mq-math-mode .mq-denominator': {
-        marginTop: '-5px !important',
-        padding: '0.5em 0.1em 0.1em !important'
-      },
-      '& .mq-math-mode .mq-numerator, .mq-math-mode .mq-over': {
-        padding: '0 0.1em !important',
-        paddingBottom: '0 !important',
-        marginBottom: '-2px'
-      }
-    }),
-    '& span[data-prime="true"]': {
-      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
-    }
-  };
-});
-var StyledFormControl = (0, _styles.styled)(_FormControl["default"])({
-  flex: 'initial',
-  width: '25%',
-  minWidth: '100px',
-  marginLeft: '15px',
-  marginTop: '5px',
-  marginBottom: '5px',
-  marginRight: '5px',
-  '& label': {
-    fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
-  },
-  '& div': {
-    fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
-  }
-});
-var StyledInputLabel = (0, _styles.styled)(_InputLabel["default"])(function () {
-  return {
-    backgroundColor: 'transparent'
-  };
-});
-var InputContainerDiv = (0, _styles.styled)('div')(function (_ref3) {
-  var theme = _ref3.theme,
-    error = _ref3.error;
-  return _objectSpread(_objectSpread({
-    minWidth: '500px',
-    maxWidth: '900px',
-    minHeight: '30px',
-    width: '100%',
-    display: 'flex',
-    marginTop: theme.spacing(1),
-    marginBottom: theme.spacing(1)
-  }, error && {
-    border: '2px solid red'
-  }), {}, {
-    '& .mq-sqrt-prefix .mq-scaled': {
-      verticalAlign: 'middle !important'
-    }
-  });
-});
-var MathEditor = (0, _styles.styled)(_mathInput.mq.Input)(function (_ref4) {
-  var controlledKeypadMode = _ref4.controlledKeypadMode;
-  return {
-    maxWidth: controlledKeypadMode ? '400px' : '500px',
-    color: _renderUi.color.text(),
-    backgroundColor: _renderUi.color.background(),
-    padding: '2px'
-  };
-});
-var AddAnswerBlockButton = (0, _styles.styled)(_Button["default"])({
-  position: 'absolute',
-  right: '12px',
-  border: '1px solid lightgrey',
-  color: _renderUi.color.text()
-});
-var StyledHr = (0, _styles.styled)('hr')(function (_ref5) {
-  var theme = _ref5.theme;
-  return {
-    padding: 0,
-    margin: 0,
-    height: '1px',
-    border: 'none',
-    borderBottom: "solid 1px ".concat(theme.palette.primary.main)
-  };
-});
-var KeyboardContainer = (0, _styles.styled)(_mathInput.HorizontalKeypad)(function (_ref6) {
-  var mode = _ref6.mode;
-  return _objectSpread(_objectSpread({}, commonMqKeyboardStyles), mode === 'language' && {
-    '& *': {
-      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
-    }
-  });
-});
-var toNodeData = function toNodeData(data) {
-  if (!data) {
-    return;
-  }
-  var type = data.type,
-    value = data.value;
-  if (type === 'command' || type === 'cursor') {
-    return data;
-  } else if (type === 'answer') {
-    return _objectSpread({
-      type: 'answer'
-    }, data);
-  } else if (value === 'clear') {
-    return {
-      type: 'clear'
-    };
-  } else {
-    return {
-      type: 'write',
-      value: value
-    };
-  }
-};
-var EditorAndPad = exports.EditorAndPad = /*#__PURE__*/function (_React$Component) {
-  function EditorAndPad(props) {
-    var _this;
-    (0, _classCallCheck2["default"])(this, EditorAndPad);
-    _this = _callSuper(this, EditorAndPad, [props]);
-    (0, _defineProperty2["default"])(_this, "onClick", function (data) {
-      var _this$props = _this.props,
-        noDecimal = _this$props.noDecimal,
-        noLatexHandling = _this$props.noLatexHandling,
-        onChange = _this$props.onChange;
-      var c = toNodeData(data);
-      log('mathChange: ', c);
-      if (noLatexHandling) {
-        onChange(c.value);
-        return;
-      }
-
-      // if decimals are not allowed for this response, we discard the input
-      if (noDecimal && (c.value === '.' || c.value === ',')) {
-        return;
-      }
-      if (!c) {
-        return;
-      }
-      if (c.type === 'clear') {
-        log('call clear...');
-        _this.input.clear();
-      } else if (c.type === 'command') {
-        _this.input.command(c.value);
-      } else if (c.type === 'cursor') {
-        _this.input.keystroke(c.value);
-      } else if (c.type === 'answer') {
-        _this.input.write('%response%');
-      } else {
-        _this.input.write(c.value);
-      }
-    });
-    (0, _defineProperty2["default"])(_this, "updateDisable", function (isEdit) {
-      var maxResponseAreas = _this.props.maxResponseAreas;
-      if (maxResponseAreas) {
-        var shouldDisable = _this.checkResponseAreasNumber(maxResponseAreas, isEdit);
-        _this.setState({
-          addDisabled: shouldDisable
-        });
-      }
-    });
-    (0, _defineProperty2["default"])(_this, "onAnswerBlockClick", function () {
-      _this.props.onAnswerBlockAdd();
-      _this.onClick({
-        type: 'answer'
-      });
-      _this.updateDisable(true);
-    });
-    (0, _defineProperty2["default"])(_this, "onEditorChange", function (latex) {
-      var _this$props2 = _this.props,
-        onChange = _this$props2.onChange,
-        noDecimal = _this$props2.noDecimal;
-      (0, _mathInput.updateSpans)();
-      (0, _utils.markFractionBaseSuperscripts)();
-      _this.updateDisable(true);
-
-      // if no decimals are allowed and the last change is a decimal dot, discard the change
-      if (noDecimal && (latex.indexOf('.') !== -1 || latex.indexOf(',') !== -1) && _this.input) {
-        _this.input.clear();
-        _this.input.write(latex.replace(decimalRegex, ''));
-        return;
-      }
-
-      // eslint-disable-next-line no-useless-escape
-      var regexMatch = latex.match(/[0-9]\\ \\frac\{[^\{]*\}\{ \}/);
-      if (_this.input && regexMatch && regexMatch !== null && regexMatch !== void 0 && regexMatch.length) {
-        try {
-          _this.input.mathField.__controller.cursor.insLeftOf(_this.input.mathField.__controller.cursor.parent[-1].parent);
-          _this.input.mathField.el().dispatchEvent(new KeyboardEvent('keydown', {
-            keyCode: 8
-          }));
-        } catch (e) {
-          // eslint-disable-next-line no-console
-          console.error(e.toString());
-        }
-        return;
-      }
-      onChange(latex);
-    });
-    (0, _defineProperty2["default"])(_this, "onEditorTypeChange", function (evt) {
-      _this.setState({
-        equationEditor: evt.target.value
-      });
-    });
-    (0, _defineProperty2["default"])(_this, "checkResponseAreasNumber", function (maxResponseAreas, isEdit) {
-      var _ref7 = _this.input && _this.input.props || {},
-        latex = _ref7.latex;
-      if (latex) {
-        var count = (latex.match(/answerBlock/g) || []).length;
-        return isEdit ? count === maxResponseAreas - 1 : count === maxResponseAreas;
-      }
-      return false;
-    });
-    _this.state = {
-      equationEditor: 'item-authoring',
-      addDisabled: false
-    };
-    return _this;
-  }
-  (0, _inherits2["default"])(EditorAndPad, _React$Component);
-  return (0, _createClass2["default"])(EditorAndPad, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (this.input && this.props.autoFocus) {
-        this.input.focus();
-      }
-    }
-  }, {
-    key: "shouldComponentUpdate",
-    value:
-    /** Only render if the mathquill instance's latex is different
-     * or the keypad state changed from one state to the other (shown / hidden) */
-    function shouldComponentUpdate(nextProps, nextState) {
-      var inputIsDifferent = this.input.mathField.latex() !== nextProps.latex;
-      log('[shouldComponentUpdate] ', 'inputIsDifferent: ', inputIsDifferent);
-      if (!(0, _lodashEs.isEqual)(this.props.error, nextProps.error)) {
-        return true;
-      }
-      if (!inputIsDifferent && this.props.keypadMode !== nextProps.keypadMode) {
-        return true;
-      }
-      if (!inputIsDifferent && this.props.noDecimal !== nextProps.noDecimal) {
-        return true;
-      }
-      if (!inputIsDifferent && this.state.equationEditor !== nextState.equationEditor) {
-        return true;
-      }
-      if (!inputIsDifferent && this.props.controlledKeypad) {
-        return this.props.showKeypad !== nextProps.showKeypad;
-      }
-      return inputIsDifferent;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props3 = this.props,
-        classNames = _this$props3.classNames,
-        keypadMode = _this$props3.keypadMode,
-        allowAnswerBlock = _this$props3.allowAnswerBlock,
-        additionalKeys = _this$props3.additionalKeys,
-        controlledKeypad = _this$props3.controlledKeypad,
-        controlledKeypadMode = _this$props3.controlledKeypadMode,
-        showKeypad = _this$props3.showKeypad,
-        setKeypadInteraction = _this$props3.setKeypadInteraction,
-        noDecimal = _this$props3.noDecimal,
-        hideInput = _this$props3.hideInput,
-        layoutForKeyPad = _this$props3.layoutForKeyPad,
-        latex = _this$props3.latex,
-        _onFocus = _this$props3.onFocus,
-        _onBlur = _this$props3.onBlur,
-        error = _this$props3.error;
-      var shouldShowKeypad = !controlledKeypad || controlledKeypad && showKeypad;
-      var addDisabled = this.state.addDisabled;
-      log('[render]', latex);
-      return /*#__PURE__*/_react["default"].createElement(MathToolbarContainer, {
-        className: classNames.mathToolbar
-      }, /*#__PURE__*/_react["default"].createElement(InputAndTypeContainer, {
-        hide: hideInput
-      }, controlledKeypadMode && /*#__PURE__*/_react["default"].createElement(StyledFormControl, {
-        variant: 'standard'
-      }, /*#__PURE__*/_react["default"].createElement(StyledInputLabel, {
-        id: "equation-editor-label"
-      }, 'Equation Editor'), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
-        labelId: "equation-editor-label",
-        id: "equation-editor-select",
-        name: "equationEditor",
-        label: 'Equation Editor',
-        onChange: this.onEditorTypeChange,
-        value: this.state.equationEditor,
-        MenuProps: {
-          transitionDuration: {
-            enter: 225,
-            exit: 195
-          }
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-        value: "non-negative-integers"
-      }, "Numeric - Non-Negative Integers"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-        value: "integers"
-      }, "Numeric - Integers"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-        value: "decimals"
-      }, "Numeric - Decimals"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-        value: "fractions"
-      }, "Numeric - Fractions"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-        value: 1
-      }, "Grade 1 - 2"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-        value: 3
-      }, "Grade 3 - 5"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-        value: 6
-      }, "Grade 6 - 7"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-        value: 8
-      }, "Grade 8 - HS"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-        value: 'geometry'
-      }, "Geometry"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-        value: 'advanced-algebra'
-      }, "Advanced Algebra"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-        value: 'statistics'
-      }, "Statistics"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
-        value: 'item-authoring'
-      }, "Item Authoring"))), /*#__PURE__*/_react["default"].createElement(InputContainerDiv, {
-        error: error
-      }, /*#__PURE__*/_react["default"].createElement(MathEditor, {
-        onFocus: function onFocus() {
-          _onFocus && _onFocus();
-          _this2.updateDisable(false);
-        },
-        onBlur: function onBlur(event) {
-          _this2.updateDisable(false);
-          _onBlur && _onBlur(event);
-        },
-        className: classNames && classNames.editor || '',
-        controlledKeypadMode: controlledKeypadMode,
-        ref: function ref(r) {
-          return _this2.input = r;
-        },
-        latex: latex,
-        onChange: this.onEditorChange
-      }))), allowAnswerBlock && /*#__PURE__*/_react["default"].createElement(AddAnswerBlockButton, {
-        type: "primary",
-        style: {
-          bottom: shouldShowKeypad ? '320px' : '20px'
-        },
-        onClick: this.onAnswerBlockClick,
-        disabled: addDisabled
-      }, "+ Response Area"), /*#__PURE__*/_react["default"].createElement(StyledHr, null), shouldShowKeypad && /*#__PURE__*/_react["default"].createElement(KeyboardContainer, {
-        mode: controlledKeypadMode ? this.state.equationEditor : keypadMode,
-        controlledKeypadMode: controlledKeypadMode,
-        layoutForKeyPad: layoutForKeyPad,
-        additionalKeys: additionalKeys,
-        onClick: this.onClick,
-        noDecimal: noDecimal,
-        setKeypadInteraction: setKeypadInteraction
-      }));
-    }
-  }]);
-}(_react["default"].Component);
-(0, _defineProperty2["default"])(EditorAndPad, "propTypes", {
-  classNames: _propTypes["default"].object,
-  keypadMode: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  autoFocus: _propTypes["default"].bool,
-  allowAnswerBlock: _propTypes["default"].bool,
-  showKeypad: _propTypes["default"].bool,
-  controlledKeypad: _propTypes["default"].bool,
-  controlledKeypadMode: _propTypes["default"].bool,
-  error: _propTypes["default"].string,
-  noDecimal: _propTypes["default"].bool,
-  hideInput: _propTypes["default"].bool,
-  noLatexHandling: _propTypes["default"].bool,
-  layoutForKeyPad: _propTypes["default"].object,
-  maxResponseAreas: _propTypes["default"].number,
-  additionalKeys: _propTypes["default"].array,
-  latex: _propTypes["default"].string.isRequired,
-  onAnswerBlockAdd: _propTypes["default"].func,
-  onFocus: _propTypes["default"].func,
-  onBlur: _propTypes["default"].func,
-  onChange: _propTypes["default"].func.isRequired,
-  setKeypadInteraction: _propTypes["default"].func
-});
-var _default = exports["default"] = EditorAndPad;
-//# sourceMappingURL=editor-and-pad.js.map