@pie-lib/math-input 6.17.0 → 6.19.0

package/lib/mq/custom-elements.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/mq/custom-elements.js"],"names":["registerLineBreak","MQ","registerEmbed","htmlString","text","latex"],"mappings":";;;;;;;AAAA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAASC,EAAT,EAAa;AACrCA,EAAAA,EAAE,CAACC,aAAH,CAAiB,SAAjB,EAA4B,YAAM;AAChC,WAAO;AACLC,MAAAA,UAAU,EAAE,6BADP;AAELC,MAAAA,IAAI,EAAE;AAAA,eAAM,UAAN;AAAA,OAFD;AAGLC,MAAAA,KAAK,EAAE;AAAA,eAAM,oBAAN;AAAA;AAHF,KAAP;AAKD,GAND;AAOD,CARD","sourcesContent":["const registerLineBreak = function(MQ) {\n  MQ.registerEmbed('newLine', () => {\n    return {\n      htmlString: '<div class=\"newLine\"></div>',\n      text: () => 'testText',\n      latex: () => '\\\\embed{newLine}[]',\n    };\n  });\n};\n\nexport { registerLineBreak };\n"],"file":"custom-elements.js"}

package/lib/mq/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CommonMqStyles", {
+  enumerable: true,
+  get: function get() {
+    return _commonMqStyles["default"];
+  }
+});
+Object.defineProperty(exports, "Input", {
+  enumerable: true,
+  get: function get() {
+    return _input["default"];
+  }
+});
+Object.defineProperty(exports, "Static", {
+  enumerable: true,
+  get: function get() {
+    return _static["default"];
+  }
+});
+
+var _input = _interopRequireDefault(require("./input"));
+
+var _static = _interopRequireDefault(require("./static"));
+
+var _commonMqStyles = _interopRequireDefault(require("./common-mq-styles"));
+//# sourceMappingURL=index.js.map

package/lib/mq/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/mq/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA","sourcesContent":["import Input from './input';\nimport Static from './static';\nimport CommonMqStyles from './common-mq-styles';\n\nexport { Input, Static, CommonMqStyles };\n"],"file":"index.js"}

package/lib/mq/input.js

@@ -0,0 +1,247 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Input = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _customElements = require("./custom-elements");
+
+var _mathquill = _interopRequireDefault(require("@pie-framework/mathquill"));
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var MQ;
+
+if (typeof window !== 'undefined') {
+  MQ = _mathquill["default"].getInterface(2);
+
+  if (MQ && MQ.registerEmbed) {
+    (0, _customElements.registerLineBreak)(MQ);
+  }
+}
+
+var log = (0, _debug["default"])('math-input:mq:input');
+/**
+ * Wrapper for MathQuill MQ.MathField.
+ */
+
+var Input = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Input, _React$Component);
+
+  var _super = _createSuper(Input);
+
+  function Input() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Input);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onInputEdit", function () {
+      log('[onInputEdit] ...');
+      var onChange = _this.props.onChange;
+
+      if (!_this.mathField) {
+        return;
+      }
+
+      if (onChange) {
+        onChange(_this.mathField.latex());
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "refresh", function () {
+      _this.blur();
+
+      _this.focus();
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onKeyPress", function (event) {
+      var keys = Object.keys(_this.mathField.__controller.options);
+
+      if (keys.indexOf('ignoreNextMousedown') < 0) {
+        // It seems like the controller has the above handler as an option
+        // when all the right events are set and everything works fine
+        // this seems to work in all cases
+        _this.refresh();
+      }
+
+      if (event.charCode === 13) {
+        event.preventDefault();
+        return;
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onClick", function (event) {
+      var onClick = _this.props.onClick;
+
+      _this.refresh();
+
+      onClick && onClick(event);
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Input, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (!MQ) {
+        throw new Error('MQ is not defined - but component has mounted?');
+      }
+
+      this.mathField = MQ.MathField(this.input, {
+        handlers: {
+          edit: this.onInputEdit.bind(this)
+        }
+      });
+      this.updateLatex();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.updateLatex();
+    }
+  }, {
+    key: "updateLatex",
+    value: function updateLatex() {
+      if (!this.mathField) {
+        return;
+      }
+
+      var latex = this.props.latex;
+
+      if (latex !== undefined && latex !== null) {
+        this.mathField.latex(latex);
+      }
+    }
+  }, {
+    key: "clear",
+    value: function clear() {
+      this.mathField.latex('');
+      return '';
+    }
+  }, {
+    key: "blur",
+    value: function blur() {
+      log('blur mathfield');
+      this.mathField.blur();
+    }
+  }, {
+    key: "focus",
+    value: function focus() {
+      log('focus mathfield...');
+      this.mathField.focus();
+    }
+  }, {
+    key: "command",
+    value: function command(v) {
+      var _this2 = this;
+
+      log('command: ', v);
+
+      if (Array.isArray(v)) {
+        v.forEach(function (vv) {
+          _this2.mathField.cmd(vv);
+        });
+      } else {
+        this.mathField.cmd(v);
+      }
+
+      this.mathField.focus();
+      return this.mathField.latex();
+    }
+  }, {
+    key: "keystroke",
+    value: function keystroke(v) {
+      this.mathField.keystroke(v);
+      this.mathField.focus();
+      return this.mathField.latex();
+    }
+  }, {
+    key: "write",
+    value: function write(v) {
+      log('write: ', v);
+      this.mathField.write(v);
+      this.mathField.focus();
+      return this.mathField.latex();
+    }
+  }, {
+    key: "shouldComponentUpdate",
+    value: function shouldComponentUpdate(nextProps) {
+      log('next: ', nextProps.latex);
+      log('current: ', this.mathField.latex());
+      return nextProps.latex !== this.mathField.latex();
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this3 = this;
+
+      var _this$props = this.props,
+          onFocus = _this$props.onFocus,
+          onBlur = _this$props.onBlur,
+          classes = _this$props.classes,
+          className = _this$props.className;
+      return /*#__PURE__*/_react["default"].createElement("span", {
+        className: (0, _classnames["default"])(classes.input, className),
+        onKeyDown: this.onKeyPress,
+        onClick: this.onClick,
+        onFocus: onFocus,
+        onBlur: onBlur,
+        ref: function ref(r) {
+          return _this3.input = r;
+        }
+      });
+    }
+  }]);
+  return Input;
+}(_react["default"].Component);
+
+exports.Input = Input;
+(0, _defineProperty2["default"])(Input, "propTypes", {
+  className: _propTypes["default"].string,
+  classes: _propTypes["default"].object.isRequired,
+  onClick: _propTypes["default"].func,
+  onChange: _propTypes["default"].func,
+  latex: _propTypes["default"].string,
+  onFocus: _propTypes["default"].func,
+  onBlur: _propTypes["default"].func
+});
+
+var styles = function styles() {
+  return {};
+};
+
+var _default = (0, _styles.withStyles)(styles)(Input);
+
+exports["default"] = _default;
+//# sourceMappingURL=input.js.map

package/lib/mq/input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/mq/input.jsx"],"names":["MQ","window","MathQuill","getInterface","registerEmbed","log","Input","onChange","props","mathField","latex","blur","focus","event","keys","Object","__controller","options","indexOf","refresh","charCode","preventDefault","onClick","Error","MathField","input","handlers","edit","onInputEdit","bind","updateLatex","undefined","v","Array","isArray","forEach","vv","cmd","keystroke","write","nextProps","onFocus","onBlur","classes","className","onKeyPress","r","React","Component","PropTypes","string","object","isRequired","func","styles"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport debug from 'debug';\nimport classNames from 'classnames';\nimport { registerLineBreak } from './custom-elements';\nimport MathQuill from '@pie-framework/mathquill';\n\nlet MQ;\nif (typeof window !== 'undefined') {\n  MQ = MathQuill.getInterface(2);\n\n  if (MQ && MQ.registerEmbed) {\n    registerLineBreak(MQ);\n  }\n}\n\nconst log = debug('math-input:mq:input');\n\n/**\n * Wrapper for MathQuill MQ.MathField.\n */\nexport class Input extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    classes: PropTypes.object.isRequired,\n    onClick: PropTypes.func,\n    onChange: PropTypes.func,\n    latex: PropTypes.string,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n  };\n\n  componentDidMount() {\n    if (!MQ) {\n      throw new Error('MQ is not defined - but component has mounted?');\n    }\n\n    this.mathField = MQ.MathField(this.input, {\n      handlers: {\n        edit: this.onInputEdit.bind(this),\n      },\n    });\n\n    this.updateLatex();\n  }\n\n  componentDidUpdate() {\n    this.updateLatex();\n  }\n\n  updateLatex() {\n    if (!this.mathField) {\n      return;\n    }\n\n    const { latex } = this.props;\n\n    if (latex !== undefined && latex !== null) {\n      this.mathField.latex(latex);\n    }\n  }\n\n  clear() {\n    this.mathField.latex('');\n\n    return '';\n  }\n\n  blur() {\n    log('blur mathfield');\n    this.mathField.blur();\n  }\n\n  focus() {\n    log('focus mathfield...');\n    this.mathField.focus();\n  }\n\n  command(v) {\n    log('command: ', v);\n    if (Array.isArray(v)) {\n      v.forEach((vv) => {\n        this.mathField.cmd(vv);\n      });\n    } else {\n      this.mathField.cmd(v);\n    }\n\n    this.mathField.focus();\n\n    return this.mathField.latex();\n  }\n\n  keystroke(v) {\n    this.mathField.keystroke(v);\n    this.mathField.focus();\n\n    return this.mathField.latex();\n  }\n\n  write(v) {\n    log('write: ', v);\n    this.mathField.write(v);\n    this.mathField.focus();\n\n    return this.mathField.latex();\n  }\n\n  onInputEdit = () => {\n    log('[onInputEdit] ...');\n    const { onChange } = this.props;\n\n    if (!this.mathField) {\n      return;\n    }\n\n    if (onChange) {\n      onChange(this.mathField.latex());\n    }\n  };\n\n  refresh = () => {\n    this.blur();\n    this.focus();\n  };\n\n  onKeyPress = (event) => {\n    const keys = Object.keys(this.mathField.__controller.options);\n\n    if (keys.indexOf('ignoreNextMousedown') < 0) {\n      // It seems like the controller has the above handler as an option\n      // when all the right events are set and everything works fine\n      // this seems to work in all cases\n      this.refresh();\n    }\n\n    if (event.charCode === 13) {\n      event.preventDefault();\n      return;\n    }\n  };\n\n  onClick = (event) => {\n    const { onClick } = this.props;\n\n    this.refresh();\n    onClick && onClick(event);\n  };\n\n  shouldComponentUpdate(nextProps) {\n    log('next: ', nextProps.latex);\n    log('current: ', this.mathField.latex());\n\n    return nextProps.latex !== this.mathField.latex();\n  }\n\n  render() {\n    const { onFocus, onBlur, classes, className } = this.props;\n\n    return (\n      <span\n        className={classNames(classes.input, className)}\n        onKeyDown={this.onKeyPress}\n        onClick={this.onClick}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        ref={(r) => (this.input = r)}\n      />\n    );\n  }\n}\n\nconst styles = () => ({});\n\nexport default withStyles(styles)(Input);\n"],"file":"input.js"}

package/lib/mq/static.js

@@ -0,0 +1,356 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var _mathquill = _interopRequireDefault(require("@pie-framework/mathquill"));
+
+var _updateSpans = require("../updateSpans");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var MQ;
+
+if (typeof window !== 'undefined') {
+  MQ = _mathquill["default"].getInterface(2);
+}
+
+var log = (0, _debug["default"])('pie-lib:math-input:mq:static');
+var REGEX = /\\MathQuillMathField\[r\d*\]\{(.*?)\}/g;
+var WHITESPACE_REGEX = / /g;
+
+function stripSpaces() {
+  var string = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  return string.replace(WHITESPACE_REGEX, '');
+}
+
+function countBraces(latex) {
+  var count = 0;
+
+  for (var i = 0; i < (latex || '').length; i++) {
+    if (latex[i] === '{') {
+      count++;
+    }
+  }
+
+  return count;
+}
+/**
+ * Wrapper for MathQuill MQ.MathField.
+ */
+
+
+var Static = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Static, _React$Component);
+
+  var _super = _createSuper(Static);
+
+  function Static(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Static);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "createLiveRegion", function () {
+      _this.liveRegion = document.createElement('div');
+      _this.liveRegion.style.position = 'absolute';
+      _this.liveRegion.style.width = '1px';
+      _this.liveRegion.style.height = '1px';
+      _this.liveRegion.style.marginTop = '-1px';
+      _this.liveRegion.style.clip = 'rect(1px, 1px, 1px, 1px)';
+      _this.liveRegion.style.overflow = 'hidden';
+
+      _this.liveRegion.setAttribute('aria-live', 'polite');
+
+      _this.liveRegion.setAttribute('aria-atomic', 'true');
+
+      document.body.appendChild(_this.liveRegion);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "addEventListeners", function () {
+      var input = _this.inputRef.current;
+
+      if (input) {
+        input.addEventListener('keydown', _this.handleKeyDown);
+        input.addEventListener('click', _this.handleMathKeyboardClick);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "removeEventListeners", function () {
+      var input = _this.inputRef.current;
+
+      if (input) {
+        input.removeEventListener('keydown', _this.handleKeyDown);
+        input.removeEventListener('click', _this.handleMathKeyboardClick);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "removeLiveRegion", function () {
+      if (_this.liveRegion) {
+        document.body.removeChild(_this.liveRegion);
+        _this.liveRegion = null;
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleKeyDown", function (event) {
+      if ((event === null || event === void 0 ? void 0 : event.key) === 'Backspace' || (event === null || event === void 0 ? void 0 : event.key) === 'Delete') {
+        _this.setState({
+          isDeleteKeyPressed: true
+        });
+      }
+
+      _this.setState({
+        inputSource: 'keyboard'
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMathKeyboardClick", function () {
+      _this.setState({
+        inputSource: 'mathKeyboard'
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onInputEdit", function (field) {
+      if (!_this.mathField) {
+        return;
+      }
+
+      var name = _this.props.getFieldName(field, _this.mathField.innerFields);
+
+      if (_this.props.onSubFieldChange) {
+        var _this$inputRef;
+
+        // eslint-disable-next-line no-useless-escape
+        var regexMatch = field.latex().match(/[0-9]\\ \\frac\{[^\{]*\}\{ \}/);
+
+        if ((_this$inputRef = _this.inputRef) !== null && _this$inputRef !== void 0 && _this$inputRef.current && regexMatch && regexMatch !== null && regexMatch !== void 0 && regexMatch.length) {
+          try {
+            field.__controller.cursor.insLeftOf(field.__controller.cursor.parent[-1].parent);
+
+            field.el().dispatchEvent(new KeyboardEvent('keydown', {
+              keyCode: 8
+            }));
+          } catch (e) {
+            // eslint-disable-next-line no-console
+            console.error(e.toString());
+          }
+        } else {
+          _this.props.onSubFieldChange(name, field.latex());
+        }
+      }
+
+      _this.announceLatexConversion(field.latex());
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "announceLatexConversion", function (newLatex) {
+      if (!_this.state) {
+        console.error('State is not initialized');
+        return;
+      }
+
+      var _this$state = _this.state,
+          previousLatex = _this$state.previousLatex,
+          inputSource = _this$state.inputSource,
+          isDeleteKeyPressed = _this$state.isDeleteKeyPressed;
+      var announcement = 'Converted to math symbol';
+
+      if (inputSource === 'keyboard' && !isDeleteKeyPressed) {
+        var newBraces = countBraces(newLatex);
+        var oldBraces = countBraces(previousLatex);
+
+        if (newBraces > oldBraces) {
+          _this.announceMessage(announcement);
+        } else {
+          try {
+            _this.mathField.parseLatex(previousLatex);
+
+            _this.mathField.parseLatex(newLatex);
+
+            if (newLatex == previousLatex) {
+              _this.announceMessage(announcement);
+            }
+          } catch (e) {
+            console.warn('Error parsing latex:', e.message);
+            console.warn(e);
+          }
+        }
+      }
+
+      _this.setState({
+        previousLatex: newLatex,
+        isDeleteKeyPressed: false
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "announceMessage", function (message) {
+      _this.setState({
+        previousLatex: ''
+      });
+
+      if (_this.liveRegion) {
+        _this.liveRegion.textContent = message; // Clear the message after it is announced
+
+        setTimeout(function () {
+          _this.liveRegion.textContent = '';
+        }, 500);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "update", function () {
+      if (!MQ) {
+        throw new Error('MQ is not defined - but component has mounted?');
+      }
+
+      if (!_this.mathField) {
+        var _this$inputRef2;
+
+        _this.mathField = MQ.StaticMath((_this$inputRef2 = _this.inputRef) === null || _this$inputRef2 === void 0 ? void 0 : _this$inputRef2.current, {
+          handlers: {
+            edit: _this.onInputEdit.bind((0, _assertThisInitialized2["default"])(_this))
+          }
+        });
+      }
+
+      try {
+        _this.mathField.parseLatex(_this.props.latex);
+
+        _this.mathField.latex(_this.props.latex);
+      } catch (e) {
+        // default latex if received has errors
+        _this.mathField.latex('\\MathQuillMathField[r1]{}');
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "blur", function () {
+      log('blur mathfield');
+
+      _this.mathField.blur();
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "focus", function () {
+      log('focus mathfield...');
+
+      _this.mathField.focus();
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onFocus", function (e) {
+      try {
+        var rootBlock = e.target.parentElement.nextSibling;
+        var id = parseInt(rootBlock.getAttribute('mathquill-block-id'), 10);
+
+        if (!id) {
+          rootBlock = rootBlock.parentElement;
+          id = parseInt(rootBlock.getAttribute('mathquill-block-id'), 10);
+        }
+
+        var innerField = _this.mathField.innerFields.find(function (f) {
+          return f.id === id;
+        });
+
+        if (innerField) {
+          var name = _this.props.getFieldName(innerField, _this.mathField.innerFields);
+
+          if (_this.props.setInput) {
+            _this.props.setInput(innerField);
+          }
+
+          _this.props.onSubFieldFocus(name, innerField);
+        }
+      } catch (err) {
+        // eslint-disable-next-line no-console
+        console.error('error finding root block', err.message);
+      }
+    });
+    _this.state = {
+      announcement: '',
+      previousLatex: '',
+      inputSource: null,
+      isDeleteKeyPressed: false
+    };
+    _this.inputRef = /*#__PURE__*/_react["default"].createRef();
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Static, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.update();
+      (0, _updateSpans.updateSpans)();
+      this.createLiveRegion();
+      this.addEventListeners();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.update();
+      (0, _updateSpans.updateSpans)();
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.removeLiveRegion();
+      this.removeEventListeners();
+    }
+  }, {
+    key: "shouldComponentUpdate",
+    value: function shouldComponentUpdate(nextProps) {
+      try {
+        var parsedLatex = this.mathField.parseLatex(nextProps.latex);
+        var stripped = stripSpaces(parsedLatex);
+        var newFieldCount = (nextProps.latex.match(REGEX) || []).length;
+        var out = stripped !== stripSpaces(this.mathField.latex().trim()) || newFieldCount !== Object.keys(this.mathField.innerFields).length / 2;
+        log('[shouldComponentUpdate] ', out);
+        return out;
+      } catch (e) {
+        // eslint-disable-next-line no-console
+        console.warn('Error parsing latex:', e.message, 'skip update'); // eslint-disable-next-line no-console
+
+        console.warn(e);
+        return false;
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          onBlur = _this$props.onBlur,
+          className = _this$props.className;
+      return /*#__PURE__*/_react["default"].createElement("span", {
+        className: className,
+        onFocus: this.onFocus,
+        onBlur: onBlur,
+        ref: this.inputRef
+      });
+    }
+  }]);
+  return Static;
+}(_react["default"].Component);
+
+exports["default"] = Static;
+(0, _defineProperty2["default"])(Static, "propTypes", {
+  latex: _propTypes["default"].string.isRequired,
+  onFocus: _propTypes["default"].func,
+  onBlur: _propTypes["default"].func,
+  className: _propTypes["default"].string,
+  getFieldName: _propTypes["default"].func,
+  onSubFieldChange: _propTypes["default"].func,
+  onSubFieldFocus: _propTypes["default"].func,
+  setInput: _propTypes["default"].func
+});
+(0, _defineProperty2["default"])(Static, "defaultProps", {
+  getFieldName: function getFieldName() {}
+});
+//# sourceMappingURL=static.js.map