@pie-lib/math-toolbar 3.1.0-beta.9 → 4.0.0-next.20261002094057

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,536 +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 _mathInputMathlive = require("@pie-lib/math-input-mathlive");
-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 = _mathInputMathlive.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)(_mathInputMathlive.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)(_mathInputMathlive.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, _mathInputMathlive.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 {
-          // Undo the empty fraction the editor just created after a digit.
-          // MathQuill needed cursor surgery via `__controller`; MathLive has no
-          // such internals, so use the public delete command. `keystroke` accepts
-          // the MathQuill name and maps it to the engine's selector.
-          _this.input.keystroke('Backspace');
-        } 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() {
-      var _this2 = this;
-      if (this.input && this.props.autoFocus) {
-        // adding a timeout to wait for other stuff related to focus to be finished
-        setTimeout(function () {
-          return _this2.input.focus();
-        }, 0);
-      }
-    }
-  }, {
-    key: "shouldComponentUpdate",
-    value:
-    /** Only render if the editor's latex is different
-     * or the keypad state changed from one state to the other (shown / hidden) */
-    function shouldComponentUpdate(nextProps, nextState) {
-      // `this.input` is set via a ref, and the underlying math engine loads
-      // asynchronously, so neither is guaranteed to exist on early renders.
-      // Treat "not ready" as different, so the first real render is not skipped.
-      var inputIsDifferent = !this.input || this.input.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 _this3 = 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();
-          _this3.updateDisable(false);
-        },
-        onBlur: function onBlur(event) {
-          _this3.updateDisable(false);
-          _onBlur && _onBlur(event);
-        },
-        className: classNames && classNames.editor || '',
-        controlledKeypadMode: controlledKeypadMode,
-        ref: function ref(r) {
-          return _this3.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