@pie-element/ebsr 6.6.3-next.264 → 6.6.3-next.280

package/configure/node_modules/@pie-lib/math-toolbar/LICENSE.md

@@ -0,0 +1,5 @@
+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/configure/node_modules/@pie-lib/math-toolbar/lib/done-button.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DoneButton = exports.RawDoneButton = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
+var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var RawDoneButton = function RawDoneButton(_ref) {
+  var classes = _ref.classes,
+      onClick = _ref.onClick;
+  return _react["default"].createElement(_IconButton["default"], {
+    "aria-label": "Done",
+    className: classes.iconRoot,
+    onClick: onClick,
+    classes: {
+      label: classes.label,
+      root: classes.iconRoot
+    }
+  }, _react["default"].createElement(_Check["default"], null));
+};
+
+exports.RawDoneButton = RawDoneButton;
+RawDoneButton.propTypes = {
+  classes: _propTypes["default"].object.isRequired,
+  onClick: _propTypes["default"].func
+};
+var styles = {
+  iconRoot: {
+    verticalAlign: 'top',
+    width: '28px',
+    height: '28px',
+    color: '#00bb00'
+  },
+  label: {
+    position: 'absolute',
+    top: '2px'
+  }
+};
+var DoneButton = (0, _styles.withStyles)(styles)(RawDoneButton);
+exports.DoneButton = DoneButton;
+//# sourceMappingURL=done-button.js.map

package/configure/node_modules/@pie-lib/math-toolbar/lib/done-button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/done-button.jsx"],"names":["RawDoneButton","classes","onClick","iconRoot","label","root","propTypes","PropTypes","object","isRequired","func","styles","verticalAlign","width","height","color","position","top","DoneButton"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,MAAYC,OAAZ,QAAYA,OAAZ;AAAA,SAC3B,gCAAC,sBAAD;AACE,kBAAW,MADb;AAEE,IAAA,SAAS,EAAED,OAAO,CAACE,QAFrB;AAGE,IAAA,OAAO,EAAED,OAHX;AAIE,IAAA,OAAO,EAAE;AACPE,MAAAA,KAAK,EAAEH,OAAO,CAACG,KADR;AAEPC,MAAAA,IAAI,EAAEJ,OAAO,CAACE;AAFP;AAJX,KASE,gCAAC,iBAAD,OATF,CAD2B;AAAA,CAAtB;;;AAcPH,aAAa,CAACM,SAAd,GAA0B;AACxBL,EAAAA,OAAO,EAAEM,sBAAUC,MAAV,CAAiBC,UADF;AAExBP,EAAAA,OAAO,EAAEK,sBAAUG;AAFK,CAA1B;AAKA,IAAMC,MAAM,GAAG;AACbR,EAAAA,QAAQ,EAAE;AACRS,IAAAA,aAAa,EAAE,KADP;AAERC,IAAAA,KAAK,EAAE,MAFC;AAGRC,IAAAA,MAAM,EAAE,MAHA;AAIRC,IAAAA,KAAK,EAAE;AAJC,GADG;AAObX,EAAAA,KAAK,EAAE;AACLY,IAAAA,QAAQ,EAAE,UADL;AAELC,IAAAA,GAAG,EAAE;AAFA;AAPM,CAAf;AAYO,IAAMC,UAAU,GAAG,wBAAWP,MAAX,EAAmBX,aAAnB,CAAnB","sourcesContent":["import React from 'react';\n\nimport IconButton from '@material-ui/core/IconButton';\nimport Check from '@material-ui/icons/Check';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\n\nexport const RawDoneButton = ({ classes, onClick }) => (\n  <IconButton\n    aria-label=\"Done\"\n    className={classes.iconRoot}\n    onClick={onClick}\n    classes={{\n      label: classes.label,\n      root: classes.iconRoot\n    }}\n  >\n    <Check />\n  </IconButton>\n);\n\nRawDoneButton.propTypes = {\n  classes: PropTypes.object.isRequired,\n  onClick: PropTypes.func\n};\n\nconst styles = {\n  iconRoot: {\n    verticalAlign: 'top',\n    width: '28px',\n    height: '28px',\n    color: '#00bb00'\n  },\n  label: {\n    position: 'absolute',\n    top: '2px'\n  }\n};\nexport const DoneButton = withStyles(styles)(RawDoneButton);\n"],"file":"done-button.js"}

package/configure/node_modules/@pie-lib/math-toolbar/lib/editor-and-pad.js

@@ -0,0 +1,386 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.EditorAndPad = void 0;
+
+var _mathInput = require("@pie-lib/math-input");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _renderUi = require("@pie-lib/render-ui");
+
+var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
+
+var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var log = (0, _debug["default"])('@pie-lib:math-toolbar:editor-and-pad');
+var decimalRegex = /\.|,/g;
+
+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 =
+/*#__PURE__*/
+function (_React$Component) {
+  _inherits(EditorAndPad, _React$Component);
+
+  function EditorAndPad(props) {
+    var _this;
+
+    _classCallCheck(this, EditorAndPad);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(EditorAndPad).call(this, props));
+
+    _defineProperty(_assertThisInitialized(_this), "onClick", function (data) {
+      var noDecimal = _this.props.noDecimal;
+      var c = toNodeData(data);
+      log('mathChange: ', c); // if decimals are not allowed for this response, we discard the input
+
+      if (noDecimal && (c.value === '.' || c.value === ',')) {
+        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);
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onAnswerBlockClick", function () {
+      _this.props.onAnswerBlockAdd();
+
+      _this.onClick({
+        type: 'answer'
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onEditorChange", function (latex) {
+      var _this$props = _this.props,
+          onChange = _this$props.onChange,
+          noDecimal = _this$props.noDecimal;
+      (0, _mathInput.updateSpans)(); // 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;
+      }
+
+      onChange(latex);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onEditorTypeChange", function (evt) {
+      _this.setState({
+        equationEditor: evt.target.value
+      });
+    });
+
+    _this.state = {
+      equationEditor: 8
+    };
+    return _this;
+  }
+
+  _createClass(EditorAndPad, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.input && this.props.autoFocus) {
+        this.input.focus();
+      }
+    }
+  }, {
+    key: "shouldComponentUpdate",
+
+    /** Only render if the mathquill instance's latex is different
+     * or the keypad state changed from one state to the other (shown / hidden) */
+    value: function shouldComponentUpdate(nextProps, nextState) {
+      var inputIsDifferent = this.input.mathField.latex() !== nextProps.latex;
+      log('[shouldComponentUpdate] ', 'inputIsDifferent: ', inputIsDifferent);
+
+      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$props2 = this.props,
+          classNames = _this$props2.classNames,
+          keypadMode = _this$props2.keypadMode,
+          allowAnswerBlock = _this$props2.allowAnswerBlock,
+          additionalKeys = _this$props2.additionalKeys,
+          controlledKeypad = _this$props2.controlledKeypad,
+          controlledKeypadMode = _this$props2.controlledKeypadMode,
+          showKeypad = _this$props2.showKeypad,
+          noDecimal = _this$props2.noDecimal,
+          latex = _this$props2.latex,
+          onFocus = _this$props2.onFocus,
+          onBlur = _this$props2.onBlur,
+          classes = _this$props2.classes;
+      var shouldShowKeypad = !controlledKeypad || controlledKeypad && showKeypad;
+      log('[render]', latex);
+      return _react["default"].createElement("div", {
+        className: (0, _classnames["default"])(classes.mathToolbar, classNames.mathToolbar)
+      }, _react["default"].createElement("div", {
+        className: classes.inputAndTypeContainer
+      }, controlledKeypadMode && _react["default"].createElement(_renderUi.InputContainer, {
+        label: "Equation Editor",
+        className: classes.selectContainer
+      }, _react["default"].createElement(_Select["default"], {
+        className: classes.select,
+        onChange: this.onEditorTypeChange,
+        value: this.state.equationEditor
+      }, _react["default"].createElement(_MenuItem["default"], {
+        value: 1
+      }, "Grade 1 - 2"), _react["default"].createElement(_MenuItem["default"], {
+        value: 3
+      }, "Grade 3 - 5"), _react["default"].createElement(_MenuItem["default"], {
+        value: 6
+      }, "Grade 6 - 7"), _react["default"].createElement(_MenuItem["default"], {
+        value: 8
+      }, "Grade 8 - HS"), _react["default"].createElement(_MenuItem["default"], {
+        value: 'geometry'
+      }, "Geometry"), _react["default"].createElement(_MenuItem["default"], {
+        value: 'advanced-algebra'
+      }, "Advanced Algebra"), _react["default"].createElement(_MenuItem["default"], {
+        value: 'statistics'
+      }, "Statistics"), _react["default"].createElement(_MenuItem["default"], {
+        value: 'miscellaneous'
+      }, "Miscellaneous"))), _react["default"].createElement(_mathInput.mq.Input, {
+        onFocus: onFocus,
+        onBlur: onBlur,
+        className: (0, _classnames["default"])(classes.mathEditor, classNames.editor, !controlledKeypadMode ? classes.longMathEditor : ''),
+        innerRef: function innerRef(r) {
+          return _this2.input = r;
+        },
+        latex: latex,
+        onChange: this.onEditorChange
+      })), allowAnswerBlock && _react["default"].createElement(_Button["default"], {
+        className: classes.addAnswerBlockButton,
+        type: "primary",
+        style: {
+          bottom: shouldShowKeypad ? '320px' : '20px'
+        },
+        onClick: this.onAnswerBlockClick
+      }, "+ Response Area"), _react["default"].createElement("hr", {
+        className: classes.hr
+      }), shouldShowKeypad && _react["default"].createElement(_mathInput.HorizontalKeypad, {
+        additionalKeys: additionalKeys,
+        mode: controlledKeypadMode ? this.state.equationEditor : keypadMode,
+        onClick: this.onClick,
+        noDecimal: noDecimal
+      }));
+    }
+  }]);
+
+  return EditorAndPad;
+}(_react["default"].Component);
+
+exports.EditorAndPad = EditorAndPad;
+
+_defineProperty(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,
+  noDecimal: _propTypes["default"].bool,
+  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,
+  classes: _propTypes["default"].object
+});
+
+var styles = function styles(theme) {
+  return {
+    inputAndTypeContainer: {
+      display: 'flex',
+      alignItems: 'center',
+      '& *': {
+        fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
+      },
+      '& .mq-overarrow.mq-arrow-both': {
+        minWidth: '1.23em',
+        '&:before': {
+          top: '-0.4em',
+          left: '-1px'
+        },
+        '&:after': {
+          top: '-2.36em',
+          right: '-1px'
+        },
+        '&.mq-empty:after': {
+          top: '-0.45em'
+        }
+      },
+      '& .mq-overarrow.mq-arrow-right': {
+        '&:before': {
+          top: '-0.4em',
+          right: '-1px'
+        }
+      }
+    },
+    selectContainer: {
+      flex: 'initial',
+      width: '25%',
+      minWidth: '100px',
+      marginLeft: '15px',
+      marginTop: '5px',
+      marginBottom: '5px',
+      marginRight: '5px'
+    },
+    mathEditor: {
+      maxWidth: '400px',
+      color: _renderUi.color.text(),
+      backgroundColor: _renderUi.color.background(),
+      padding: theme.spacing.unit,
+      marginTop: theme.spacing.unit,
+      marginBottom: theme.spacing.unit
+    },
+    longMathEditor: {
+      maxWidth: '500px'
+    },
+    addAnswerBlockButton: {
+      position: 'absolute',
+      right: '12px',
+      border: '1px solid lightgrey'
+    },
+    hr: {
+      padding: 0,
+      margin: 0,
+      height: '1px',
+      border: 'none',
+      borderBottom: "solid 1px ".concat(theme.palette.primary.main)
+    },
+    mathToolbar: {
+      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': {
+        minWidth: '1.23em'
+      }
+    }
+  };
+};
+
+var _default = (0, _styles.withStyles)(styles)(EditorAndPad);
+
+exports["default"] = _default;
+//# sourceMappingURL=editor-and-pad.js.map

package/configure/node_modules/@pie-lib/math-toolbar/lib/editor-and-pad.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/editor-and-pad.jsx"],"names":["log","decimalRegex","toNodeData","data","type","value","EditorAndPad","props","noDecimal","c","input","clear","command","keystroke","write","onAnswerBlockAdd","onClick","latex","onChange","indexOf","replace","evt","setState","equationEditor","target","state","autoFocus","focus","nextProps","nextState","inputIsDifferent","mathField","keypadMode","controlledKeypad","showKeypad","classNames","allowAnswerBlock","additionalKeys","controlledKeypadMode","onFocus","onBlur","classes","shouldShowKeypad","mathToolbar","inputAndTypeContainer","selectContainer","select","onEditorTypeChange","mathEditor","editor","longMathEditor","r","onEditorChange","addAnswerBlockButton","bottom","onAnswerBlockClick","hr","React","Component","PropTypes","object","oneOfType","string","number","bool","array","isRequired","func","styles","theme","display","alignItems","fontFamily","minWidth","top","left","right","flex","width","marginLeft","marginTop","marginBottom","marginRight","maxWidth","color","text","backgroundColor","background","padding","spacing","unit","position","border","margin","height","borderBottom","palette","primary","main","zIndex","textAlign","outline","boxShadow","borderRadius","paddingTop","borderTop"],"mappings":"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","sourcesContent":["import { HorizontalKeypad, mq } from '@pie-lib/math-input';\nimport React from 'react';\nimport debug from 'debug';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\nimport Button from '@material-ui/core/Button';\nimport { withStyles } from '@material-ui/core/styles';\nconst log = debug('@pie-lib:math-toolbar:editor-and-pad');\nimport { color, InputContainer } from '@pie-lib/render-ui';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Select from '@material-ui/core/Select';\nimport { updateSpans } from '@pie-lib/math-input';\n\nconst decimalRegex = /\\.|,/g;\n\nconst toNodeData = data => {\n  if (!data) {\n    return;\n  }\n\n  const { type, value } = data;\n\n  if (type === 'command' || type === 'cursor') {\n    return data;\n  } else if (type === 'answer') {\n    return { type: 'answer', ...data };\n  } else if (value === 'clear') {\n    return { type: 'clear' };\n  } else {\n    return { type: 'write', value };\n  }\n};\n\nexport class EditorAndPad extends React.Component {\n  static propTypes = {\n    classNames: PropTypes.object,\n    keypadMode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    autoFocus: PropTypes.bool,\n    allowAnswerBlock: PropTypes.bool,\n    showKeypad: PropTypes.bool,\n    controlledKeypad: PropTypes.bool,\n    controlledKeypadMode: PropTypes.bool,\n    noDecimal: PropTypes.bool,\n    additionalKeys: PropTypes.array,\n    latex: PropTypes.string.isRequired,\n    onAnswerBlockAdd: PropTypes.func,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n    onChange: PropTypes.func.isRequired,\n    classes: PropTypes.object\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = { equationEditor: 8 };\n  }\n\n  componentDidMount() {\n    if (this.input && this.props.autoFocus) {\n      this.input.focus();\n    }\n  }\n\n  onClick = data => {\n    const { noDecimal } = this.props;\n    const c = toNodeData(data);\n    log('mathChange: ', c);\n\n    // if decimals are not allowed for this response, we discard the input\n    if (noDecimal && (c.value === '.' || c.value === ',')) {\n      return;\n    }\n\n    if (c.type === 'clear') {\n      log('call clear...');\n      this.input.clear();\n    } else if (c.type === 'command') {\n      this.input.command(c.value);\n    } else if (c.type === 'cursor') {\n      this.input.keystroke(c.value);\n    } else if (c.type === 'answer') {\n      this.input.write('%response%');\n    } else {\n      this.input.write(c.value);\n    }\n  };\n\n  onAnswerBlockClick = () => {\n    this.props.onAnswerBlockAdd();\n    this.onClick({\n      type: 'answer'\n    });\n  };\n\n  onEditorChange = latex => {\n    const { onChange, noDecimal } = this.props;\n\n    updateSpans();\n\n    // if no decimals are allowed and the last change is a decimal dot, discard the change\n    if (noDecimal && (latex.indexOf('.') !== -1 || latex.indexOf(',') !== -1) && this.input) {\n      this.input.clear();\n      this.input.write(latex.replace(decimalRegex, ''));\n      return;\n    }\n\n    onChange(latex);\n  };\n\n  /** Only render if the mathquill instance's latex is different\n   * or the keypad state changed from one state to the other (shown / hidden) */\n  shouldComponentUpdate(nextProps, nextState) {\n    const inputIsDifferent = this.input.mathField.latex() !== nextProps.latex;\n    log('[shouldComponentUpdate] ', 'inputIsDifferent: ', inputIsDifferent);\n\n    if (!inputIsDifferent && this.props.keypadMode !== nextProps.keypadMode) {\n      return true;\n    }\n\n    if (!inputIsDifferent && this.props.noDecimal !== nextProps.noDecimal) {\n      return true;\n    }\n\n    if (!inputIsDifferent && this.state.equationEditor !== nextState.equationEditor) {\n      return true;\n    }\n\n    if (!inputIsDifferent && this.props.controlledKeypad) {\n      return this.props.showKeypad !== nextProps.showKeypad;\n    }\n\n    return inputIsDifferent;\n  }\n\n  onEditorTypeChange = evt => {\n    this.setState({ equationEditor: evt.target.value });\n  };\n\n  render() {\n    const {\n      classNames,\n      keypadMode,\n      allowAnswerBlock,\n      additionalKeys,\n      controlledKeypad,\n      controlledKeypadMode,\n      showKeypad,\n      noDecimal,\n      latex,\n      onFocus,\n      onBlur,\n      classes\n    } = this.props;\n    const shouldShowKeypad = !controlledKeypad || (controlledKeypad && showKeypad);\n\n    log('[render]', latex);\n\n    return (\n      <div className={cx(classes.mathToolbar, classNames.mathToolbar)}>\n        <div className={classes.inputAndTypeContainer}>\n          {controlledKeypadMode && (\n            <InputContainer label=\"Equation Editor\" className={classes.selectContainer}>\n              <Select\n                className={classes.select}\n                onChange={this.onEditorTypeChange}\n                value={this.state.equationEditor}\n              >\n                <MenuItem value={1}>Grade 1 - 2</MenuItem>\n                <MenuItem value={3}>Grade 3 - 5</MenuItem>\n                <MenuItem value={6}>Grade 6 - 7</MenuItem>\n                <MenuItem value={8}>Grade 8 - HS</MenuItem>\n                <MenuItem value={'geometry'}>Geometry</MenuItem>\n                <MenuItem value={'advanced-algebra'}>Advanced Algebra</MenuItem>\n                <MenuItem value={'statistics'}>Statistics</MenuItem>\n                <MenuItem value={'miscellaneous'}>Miscellaneous</MenuItem>\n              </Select>\n            </InputContainer>\n          )}\n          <mq.Input\n            onFocus={onFocus}\n            onBlur={onBlur}\n            className={cx(\n              classes.mathEditor,\n              classNames.editor,\n              !controlledKeypadMode ? classes.longMathEditor : ''\n            )}\n            innerRef={r => (this.input = r)}\n            latex={latex}\n            onChange={this.onEditorChange}\n          />\n        </div>\n        {allowAnswerBlock && (\n          <Button\n            className={classes.addAnswerBlockButton}\n            type=\"primary\"\n            style={{ bottom: shouldShowKeypad ? '320px' : '20px' }}\n            onClick={this.onAnswerBlockClick}\n          >\n            + Response Area\n          </Button>\n        )}\n        <hr className={classes.hr} />\n        {shouldShowKeypad && (\n          <HorizontalKeypad\n            additionalKeys={additionalKeys}\n            mode={controlledKeypadMode ? this.state.equationEditor : keypadMode}\n            onClick={this.onClick}\n            noDecimal={noDecimal}\n          />\n        )}\n      </div>\n    );\n  }\n}\n\nconst styles = theme => ({\n  inputAndTypeContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    '& *': {\n      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'\n    },\n    '& .mq-overarrow.mq-arrow-both': {\n      minWidth: '1.23em',\n      '&:before': {\n        top: '-0.4em',\n        left: '-1px'\n      },\n      '&:after': {\n        top: '-2.36em',\n        right: '-1px'\n      },\n      '&.mq-empty:after': {\n        top: '-0.45em'\n      }\n    },\n    '& .mq-overarrow.mq-arrow-right': {\n      '&:before': {\n        top: '-0.4em',\n        right: '-1px'\n      }\n    }\n  },\n  selectContainer: {\n    flex: 'initial',\n    width: '25%',\n    minWidth: '100px',\n    marginLeft: '15px',\n    marginTop: '5px',\n    marginBottom: '5px',\n    marginRight: '5px'\n  },\n  mathEditor: {\n    maxWidth: '400px',\n    color: color.text(),\n    backgroundColor: color.background(),\n    padding: theme.spacing.unit,\n    marginTop: theme.spacing.unit,\n    marginBottom: theme.spacing.unit\n  },\n  longMathEditor: {\n    maxWidth: '500px'\n  },\n  addAnswerBlockButton: {\n    position: 'absolute',\n    right: '12px',\n    border: '1px solid lightgrey'\n  },\n  hr: {\n    padding: 0,\n    margin: 0,\n    height: '1px',\n    border: 'none',\n    borderBottom: `solid 1px ${theme.palette.primary.main}`\n  },\n  mathToolbar: {\n    zIndex: 9,\n    position: 'relative',\n    textAlign: 'center',\n    width: 'auto',\n    '& > .mq-math-mode': {\n      border: 'solid 1px lightgrey'\n    },\n    '& > .mq-focused': {\n      outline: 'none',\n      boxShadow: 'none',\n      border: `dotted 1px ${theme.palette.primary.main}`,\n      borderRadius: '0px'\n    },\n    '& .mq-overarrow-inner': {\n      border: 'none !important',\n      paddingTop: '0 !important'\n    },\n    '& .mq-overarrow-inner-right': {\n      display: 'none !important'\n    },\n    '& .mq-overarrow-inner-left': {\n      display: 'none !important'\n    },\n    '& .mq-longdiv-inner': {\n      borderTop: '1px solid !important',\n      paddingTop: '1.5px !important'\n    },\n    '& .mq-overarrow.mq-arrow-both': {\n      minWidth: '1.23em'\n    }\n  }\n});\n\nexport default withStyles(styles)(EditorAndPad);\n"],"file":"editor-and-pad.js"}