@pie-lib/math-input 6.31.2-next.11 → 6.31.2-next.164

package/lib/mq/input.js

@@ -1,123 +1,88 @@
 "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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 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 _styles = require("@mui/material/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; } }
-
+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; })(); }
 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');
+var StyledSpan = (0, _styles.styled)('span')({
+  // No specific styles needed, but component is available for future styling
+});
+
 /**
  * Wrapper for MathQuill MQ.MathField.
  */
-
-var Input = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Input, _React$Component);
-
-  var _super = _createSuper(Input);
-
+var Input = exports.Input = /*#__PURE__*/function (_React$Component) {
   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 () {
+    _this = _callSuper(this, Input, [].concat(args));
+    (0, _defineProperty2["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 () {
+    (0, _defineProperty2["default"])(_this, "refresh", function () {
       _this.blur();
-
       _this.focus();
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onKeyPress", function (event) {
+    (0, _defineProperty2["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) {
+    (0, _defineProperty2["default"])(_this, "onClick", function (event) {
       var onClick = _this.props.onClick;
-
       _this.refresh();
-
       onClick && onClick(event);
     });
     return _this;
   }
-
-  (0, _createClass2["default"])(Input, [{
+  (0, _inherits2["default"])(Input, _React$Component);
+  return (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)
@@ -136,9 +101,7 @@ var Input = /*#__PURE__*/function (_React$Component) {
       if (!this.mathField) {
         return;
       }
-
       var latex = this.props.latex;
-
       if (latex !== undefined && latex !== null) {
         this.mathField.latex(latex);
       }
@@ -165,9 +128,7 @@ var Input = /*#__PURE__*/function (_React$Component) {
     key: "command",
     value: function command(v) {
       var _this2 = this;
-
       log('command: ', v);
-
       if (Array.isArray(v)) {
         v.forEach(function (vv) {
           _this2.mathField.cmd(vv);
@@ -175,7 +136,6 @@ var Input = /*#__PURE__*/function (_React$Component) {
       } else {
         this.mathField.cmd(v);
       }
-
       this.mathField.focus();
       return this.mathField.latex();
     }
@@ -205,14 +165,12 @@ var Input = /*#__PURE__*/function (_React$Component) {
     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),
+        onFocus = _this$props.onFocus,
+        onBlur = _this$props.onBlur,
+        className = _this$props.className;
+      return /*#__PURE__*/_react["default"].createElement(StyledSpan, {
+        className: className,
         onKeyDown: this.onKeyPress,
         onClick: this.onClick,
         onFocus: onFocus,
@@ -223,25 +181,14 @@ var Input = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-  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;
+var _default = exports["default"] = Input;
 //# sourceMappingURL=input.js.map

package/lib/mq/input.js.map

@@ -1 +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"}
+{"version":3,"file":"input.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_debug","_customElements","_mathquill","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","MQ","window","MathQuill","getInterface","registerEmbed","registerLineBreak","log","debug","StyledSpan","styled","Input","exports","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","onChange","props","mathField","latex","blur","focus","event","keys","Object","__controller","options","indexOf","refresh","charCode","preventDefault","onClick","_inherits2","_createClass2","key","value","componentDidMount","Error","MathField","input","handlers","edit","onInputEdit","bind","updateLatex","componentDidUpdate","undefined","clear","command","v","_this2","isArray","forEach","vv","cmd","keystroke","write","shouldComponentUpdate","nextProps","render","_this3","_this$props","onFocus","onBlur","className","createElement","onKeyDown","onKeyPress","ref","r","React","Component","PropTypes","string","func","_default"],"sources":["../../src/mq/input.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport debug from 'debug';\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\nconst StyledSpan = styled('span')({\n  // No specific styles needed, but component is available for future styling\n});\n\n/**\n * Wrapper for MathQuill MQ.MathField.\n */\nexport class Input extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\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, className } = this.props;\n\n    return (\n      <StyledSpan\n        className={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\nexport default Input;\n"],"mappings":"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","ignoreList":[]}

package/lib/mq/static.js

@@ -1,82 +1,53 @@
 "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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 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; } }
-
+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; })(); }
 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);
-
+var Static = exports["default"] = /*#__PURE__*/function (_React$Component) {
   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 = _callSuper(this, Static, [props]);
+    (0, _defineProperty2["default"])(_this, "createLiveRegion", function () {
       _this.liveRegion = document.createElement('div');
       _this.liveRegion.style.position = 'absolute';
       _this.liveRegion.style.width = '1px';
@@ -84,68 +55,57 @@ var Static = /*#__PURE__*/function (_React$Component) {
       _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 () {
+    (0, _defineProperty2["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 () {
+    (0, _defineProperty2["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 () {
+    (0, _defineProperty2["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) {
+    (0, _defineProperty2["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 () {
+    (0, _defineProperty2["default"])(_this, "handleMathKeyboardClick", function () {
       _this.setState({
         inputSource: 'mathKeyboard'
       });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onInputEdit", function (field) {
+    (0, _defineProperty2["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
             }));
@@ -157,116 +117,101 @@ var Static = /*#__PURE__*/function (_React$Component) {
           _this.props.onSubFieldChange(name, field.latex());
         }
       }
-
       _this.announceLatexConversion(field.latex());
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "announceLatexConversion", function (newLatex) {
+    (0, _defineProperty2["default"])(_this, "announceLatexConversion", function (newLatex) {
       if (!_this.state) {
+        // eslint-disable-next-line no-console
         console.error('State is not initialized');
         return;
       }
-
       var _this$state = _this.state,
-          previousLatex = _this$state.previousLatex,
-          inputSource = _this$state.inputSource,
-          isDeleteKeyPressed = _this$state.isDeleteKeyPressed;
+        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) {
+            // eslint-disable-next-line no-console
             console.warn('Error parsing latex:', e.message);
+            // eslint-disable-next-line no-console
             console.warn(e);
           }
         }
       }
-
       _this.setState({
         previousLatex: newLatex,
         isDeleteKeyPressed: false
       });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "announceMessage", function (message) {
+    (0, _defineProperty2["default"])(_this, "announceMessage", function (message) {
       _this.setState({
         previousLatex: ''
       });
-
       if (_this.liveRegion) {
-        _this.liveRegion.textContent = message; // Clear the message after it is announced
+        _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 () {
+    (0, _defineProperty2["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))
+            edit: _this.onInputEdit.bind(_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 () {
+    (0, _defineProperty2["default"])(_this, "blur", function () {
       log('blur mathfield');
-
       _this.mathField.blur();
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "focus", function () {
+    (0, _defineProperty2["default"])(_this, "focus", function () {
       log('focus mathfield...');
-
       _this.mathField.focus();
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onFocus", function (e) {
+    (0, _defineProperty2["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) {
@@ -283,8 +228,8 @@ var Static = /*#__PURE__*/function (_React$Component) {
     _this.inputRef = /*#__PURE__*/_react["default"].createRef();
     return _this;
   }
-
-  (0, _createClass2["default"])(Static, [{
+  (0, _inherits2["default"])(Static, _React$Component);
+  return (0, _createClass2["default"])(Static, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.update();
@@ -316,8 +261,8 @@ var Static = /*#__PURE__*/function (_React$Component) {
         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('Error parsing latex:', e.message, 'skip update');
+        // eslint-disable-next-line no-console
         console.warn(e);
         return false;
       }
@@ -326,8 +271,8 @@ var Static = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          onBlur = _this$props.onBlur,
-          className = _this$props.className;
+        onBlur = _this$props.onBlur,
+        className = _this$props.className;
       return /*#__PURE__*/_react["default"].createElement("span", {
         className: className,
         onFocus: this.onFocus,
@@ -336,10 +281,7 @@ var Static = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-  return Static;
 }(_react["default"].Component);
-
-exports["default"] = Static;
 (0, _defineProperty2["default"])(Static, "propTypes", {
   latex: _propTypes["default"].string.isRequired,
   onFocus: _propTypes["default"].func,