@pie-lib/math-input 6.9.1-next.53 → 6.10.0

package/lib/mq/input.js

@@ -1,86 +1,120 @@
 "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');
 
+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) {
         // if enter's pressed, we're going for a custom embedded element that'll
         // have a block display (empty div) - for a hacked line break using ccs
         // all because mathquill doesn't support a line break
         _this.write('\\embed{newLine}[]');
+
         _this.onInputEdit();
       }
     });
     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)
@@ -99,7 +133,9 @@ var Input = /*#__PURE__*/function (_React$Component) {
       if (!this.mathField) {
         return;
       }
+
       var latex = this.props.latex;
+
       if (latex) {
         this.mathField.latex(latex);
       }
@@ -126,7 +162,9 @@ 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);
@@ -134,6 +172,7 @@ var Input = /*#__PURE__*/function (_React$Component) {
       } else {
         this.mathField.cmd(v);
       }
+
       this.mathField.focus();
       return this.mathField.latex();
     }
@@ -163,12 +202,13 @@ var Input = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this3 = this;
+
       var _this$props = this.props,
-        onClick = _this$props.onClick,
-        onFocus = _this$props.onFocus,
-        onBlur = _this$props.onBlur,
-        classes = _this$props.classes,
-        className = _this$props.className;
+          onClick = _this$props.onClick,
+          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),
         onKeyPress: this.onKeyPress,
@@ -183,6 +223,7 @@ var Input = /*#__PURE__*/function (_React$Component) {
   }]);
   return Input;
 }(_react["default"].Component);
+
 exports.Input = Input;
 (0, _defineProperty2["default"])(Input, "propTypes", {
   className: _propTypes["default"].string,
@@ -193,9 +234,12 @@ exports.Input = Input;
   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

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":["MQ","window","MathQuill","getInterface","registerEmbed","registerLineBreak","log","debug","Input","onChange","props","mathField","latex","blur","focus","event","keys","Object","__controller","options","indexOf","refresh","charCode","write","onInputEdit","Error","MathField","input","handlers","edit","bind","updateLatex","v","Array","isArray","forEach","vv","cmd","keystroke","nextProps","onClick","onFocus","onBlur","classes","className","classNames","onKeyPress","r","React","Component","PropTypes","string","object","isRequired","func","styles","withStyles"],"sources":["../../src/mq/input.jsx"],"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    const { latex } = this.props;\n    if (latex) {\n      this.mathField.latex(latex);\n    }\n  }\n\n  clear() {\n    this.mathField.latex('');\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    this.mathField.focus();\n    return this.mathField.latex();\n  }\n\n  keystroke(v) {\n    this.mathField.keystroke(v);\n    this.mathField.focus();\n    return this.mathField.latex();\n  }\n\n  write(v) {\n    log('write: ', v);\n    this.mathField.write(v);\n    this.mathField.focus();\n    return this.mathField.latex();\n  }\n\n  onInputEdit = () => {\n    log('[onInputEdit] ...');\n    const { onChange } = this.props;\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      // if enter's pressed, we're going for a custom embedded element that'll\n      // have a block display (empty div) - for a hacked line break using ccs\n      // all because mathquill doesn't support a line break\n      this.write('\\\\embed{newLine}[]');\n      this.onInputEdit();\n    }\n  };\n\n  shouldComponentUpdate(nextProps) {\n    log('next: ', nextProps.latex);\n    log('current: ', this.mathField.latex());\n    return nextProps.latex !== this.mathField.latex();\n  }\n\n  render() {\n    const { onClick, onFocus, onBlur, classes, className } = this.props;\n\n    return (\n      <span\n        className={classNames(classes.input, className)}\n        onKeyPress={this.onKeyPress}\n        onClick={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"],"mappings":"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"}
+{"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","write","onInputEdit","Error","MathField","input","handlers","edit","bind","updateLatex","v","Array","isArray","forEach","vv","cmd","keystroke","nextProps","onClick","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    const { latex } = this.props;\n    if (latex) {\n      this.mathField.latex(latex);\n    }\n  }\n\n  clear() {\n    this.mathField.latex('');\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    this.mathField.focus();\n    return this.mathField.latex();\n  }\n\n  keystroke(v) {\n    this.mathField.keystroke(v);\n    this.mathField.focus();\n    return this.mathField.latex();\n  }\n\n  write(v) {\n    log('write: ', v);\n    this.mathField.write(v);\n    this.mathField.focus();\n    return this.mathField.latex();\n  }\n\n  onInputEdit = () => {\n    log('[onInputEdit] ...');\n    const { onChange } = this.props;\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      // if enter's pressed, we're going for a custom embedded element that'll\n      // have a block display (empty div) - for a hacked line break using ccs\n      // all because mathquill doesn't support a line break\n      this.write('\\\\embed{newLine}[]');\n      this.onInputEdit();\n    }\n  };\n\n  shouldComponentUpdate(nextProps) {\n    log('next: ', nextProps.latex);\n    log('current: ', this.mathField.latex());\n    return nextProps.latex !== this.mathField.latex();\n  }\n\n  render() {\n    const { onClick, onFocus, onBlur, classes, className } = this.props;\n\n    return (\n      <span\n        className={classNames(classes.input, className)}\n        onKeyPress={this.onKeyPress}\n        onClick={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

@@ -1,65 +1,95 @@
 "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 _index = require("../index");
+
 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, '');
 }
-
 /**
  * Wrapper for MathQuill MQ.MathField.
  */
+
+
 var Static = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(Static, _React$Component);
+
   var _super = _createSuper(Static);
+
   function Static() {
     var _this;
+
     (0, _classCallCheck2["default"])(this, Static);
+
     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), "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) {
@@ -69,6 +99,7 @@ var Static = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
+
   (0, _createClass2["default"])(Static, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -87,13 +118,17 @@ var Static = /*#__PURE__*/function (_React$Component) {
       if (!this.mathField) {
         return;
       }
+
       var name = this.props.getFieldName(field, this.mathField.innerFields);
+
       if (this.props.onSubFieldChange) {
         // eslint-disable-next-line no-useless-escape
         var regexMatch = field.latex().match(/[0-9]\\ \\frac\{[^\{]*\}\{ \}/);
+
         if (this.input && 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
             }));
@@ -110,8 +145,9 @@ var Static = /*#__PURE__*/function (_React$Component) {
     value: function update() {
       if (!MQ) {
         throw new Error('MQ is not defined - but component has mounted?');
-      }
-      // this.input.innerHTML = this.props.latex;
+      } // this.input.innerHTML = this.props.latex;
+
+
       if (!this.mathField) {
         this.mathField = MQ.StaticMath(this.input, {
           handlers: {
@@ -119,6 +155,7 @@ var Static = /*#__PURE__*/function (_React$Component) {
           }
         });
       }
+
       try {
         this.mathField.parseLatex(this.props.latex);
         this.mathField.latex(this.props.latex);
@@ -151,8 +188,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;
       }
@@ -161,9 +198,10 @@ var Static = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
+
       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,
@@ -176,6 +214,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,

package/lib/mq/static.js.map

@@ -1 +1 @@
-{"version":3,"file":"static.js","names":["MQ","window","MathQuill","getInterface","log","debug","REGEX","WHITESPACE_REGEX","stripSpaces","string","replace","Static","e","rootBlock","target","parentElement","nextSibling","id","parseInt","getAttribute","innerField","mathField","innerFields","find","f","name","props","getFieldName","setInput","onSubFieldFocus","err","console","error","message","update","updateSpans","field","onSubFieldChange","regexMatch","latex","match","input","length","__controller","cursor","insLeftOf","parent","el","dispatchEvent","KeyboardEvent","keyCode","toString","Error","StaticMath","handlers","edit","onInputEdit","bind","parseLatex","blur","focus","nextProps","parsedLatex","stripped","newFieldCount","out","trim","Object","keys","warn","onBlur","className","onFocus","r","React","Component","PropTypes","isRequired","func"],"sources":["../../src/mq/static.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport debug from 'debug';\nimport MathQuill from '@pie-framework/mathquill';\nimport { updateSpans } from '../index';\n\nlet MQ;\nif (typeof window !== 'undefined') {\n  MQ = MathQuill.getInterface(2);\n}\n\nconst log = debug('pie-lib:math-input:mq:static');\nconst REGEX = /\\\\MathQuillMathField\\[r\\d*\\]\\{(.*?)\\}/g;\nconst WHITESPACE_REGEX = / /g;\n\nfunction stripSpaces(string = '') {\n  return string.replace(WHITESPACE_REGEX, '');\n}\n\n/**\n * Wrapper for MathQuill MQ.MathField.\n */\nexport default class Static extends React.Component {\n  static propTypes = {\n    latex: PropTypes.string.isRequired,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n    className: PropTypes.string,\n    getFieldName: PropTypes.func,\n    onSubFieldChange: PropTypes.func,\n    onSubFieldFocus: PropTypes.func,\n    setInput: PropTypes.func,\n  };\n\n  componentDidMount() {\n    this.update();\n    updateSpans();\n  }\n\n  componentDidUpdate() {\n    this.update();\n    updateSpans();\n  }\n\n  onInputEdit(field) {\n    if (!this.mathField) {\n      return;\n    }\n    const name = this.props.getFieldName(field, this.mathField.innerFields);\n\n    if (this.props.onSubFieldChange) {\n      // eslint-disable-next-line no-useless-escape\n      const regexMatch = field.latex().match(/[0-9]\\\\ \\\\frac\\{[^\\{]*\\}\\{ \\}/);\n\n      if (this.input && regexMatch && regexMatch?.length) {\n        try {\n          field.__controller.cursor.insLeftOf(field.__controller.cursor.parent[-1].parent);\n          field.el().dispatchEvent(new KeyboardEvent('keydown', { keyCode: 8 }));\n        } catch (e) {\n          console.error(e.toString());\n        }\n      } else {\n        this.props.onSubFieldChange(name, field.latex());\n      }\n    }\n  }\n\n  update() {\n    if (!MQ) {\n      throw new Error('MQ is not defined - but component has mounted?');\n    }\n    // this.input.innerHTML = this.props.latex;\n    if (!this.mathField) {\n      this.mathField = MQ.StaticMath(this.input, {\n        handlers: {\n          edit: this.onInputEdit.bind(this),\n        },\n      });\n    }\n\n    try {\n      this.mathField.parseLatex(this.props.latex);\n      this.mathField.latex(this.props.latex);\n    } catch (e) {\n      // default latex if received has errors\n      this.mathField.latex('\\\\MathQuillMathField[r1]{}');\n    }\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  shouldComponentUpdate(nextProps) {\n    try {\n      const parsedLatex = this.mathField.parseLatex(nextProps.latex);\n      const stripped = stripSpaces(parsedLatex);\n      const newFieldCount = (nextProps.latex.match(REGEX) || []).length;\n\n      const out =\n        stripped !== stripSpaces(this.mathField.latex().trim()) ||\n        newFieldCount !== Object.keys(this.mathField.innerFields).length / 2;\n\n      log('[shouldComponentUpdate] ', out);\n      return out;\n    } catch (e) {\n      // eslint-disable-next-line no-console\n      console.warn('Error parsing latex:', e.message, 'skip update');\n      // eslint-disable-next-line no-console\n      console.warn(e);\n      return false;\n    }\n  }\n\n  onFocus = (e) => {\n    try {\n      let rootBlock = e.target.parentElement.nextSibling;\n      let id = parseInt(rootBlock.getAttribute('mathquill-block-id'), 10);\n\n      if (!id) {\n        rootBlock = rootBlock.parentElement;\n        id = parseInt(rootBlock.getAttribute('mathquill-block-id'), 10);\n      }\n\n      const innerField = this.mathField.innerFields.find((f) => f.id === id);\n\n      if (innerField) {\n        const name = this.props.getFieldName(innerField, this.mathField.innerFields);\n        if (this.props.setInput) {\n          this.props.setInput(innerField);\n        }\n        this.props.onSubFieldFocus(name, innerField);\n      }\n    } catch (err) {\n      // eslint-disable-next-line no-console\n      console.error('error finding root block', err.message);\n    }\n  };\n\n  render() {\n    const { onBlur, className } = this.props;\n\n    return <span className={className} onFocus={this.onFocus} onBlur={onBlur} ref={(r) => (this.input = r)} />;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"sources":["../../src/mq/static.jsx"],"names":["MQ","window","MathQuill","getInterface","log","REGEX","WHITESPACE_REGEX","stripSpaces","string","replace","Static","e","rootBlock","target","parentElement","nextSibling","id","parseInt","getAttribute","innerField","mathField","innerFields","find","f","name","props","getFieldName","setInput","onSubFieldFocus","err","console","error","message","update","field","onSubFieldChange","regexMatch","latex","match","input","length","__controller","cursor","insLeftOf","parent","el","dispatchEvent","KeyboardEvent","keyCode","toString","Error","StaticMath","handlers","edit","onInputEdit","bind","parseLatex","blur","focus","nextProps","parsedLatex","stripped","newFieldCount","out","trim","Object","keys","warn","onBlur","className","onFocus","r","React","Component","PropTypes","isRequired","func"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport debug from 'debug';\nimport MathQuill from '@pie-framework/mathquill';\nimport { updateSpans } from '../index';\n\nlet MQ;\nif (typeof window !== 'undefined') {\n  MQ = MathQuill.getInterface(2);\n}\n\nconst log = debug('pie-lib:math-input:mq:static');\nconst REGEX = /\\\\MathQuillMathField\\[r\\d*\\]\\{(.*?)\\}/g;\nconst WHITESPACE_REGEX = / /g;\n\nfunction stripSpaces(string = '') {\n  return string.replace(WHITESPACE_REGEX, '');\n}\n\n/**\n * Wrapper for MathQuill MQ.MathField.\n */\nexport default class Static extends React.Component {\n  static propTypes = {\n    latex: PropTypes.string.isRequired,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n    className: PropTypes.string,\n    getFieldName: PropTypes.func,\n    onSubFieldChange: PropTypes.func,\n    onSubFieldFocus: PropTypes.func,\n    setInput: PropTypes.func,\n  };\n\n  componentDidMount() {\n    this.update();\n    updateSpans();\n  }\n\n  componentDidUpdate() {\n    this.update();\n    updateSpans();\n  }\n\n  onInputEdit(field) {\n    if (!this.mathField) {\n      return;\n    }\n    const name = this.props.getFieldName(field, this.mathField.innerFields);\n\n    if (this.props.onSubFieldChange) {\n      // eslint-disable-next-line no-useless-escape\n      const regexMatch = field.latex().match(/[0-9]\\\\ \\\\frac\\{[^\\{]*\\}\\{ \\}/);\n\n      if (this.input && regexMatch && regexMatch?.length) {\n        try {\n          field.__controller.cursor.insLeftOf(field.__controller.cursor.parent[-1].parent);\n          field.el().dispatchEvent(new KeyboardEvent('keydown', { keyCode: 8 }));\n        } catch (e) {\n          console.error(e.toString());\n        }\n      } else {\n        this.props.onSubFieldChange(name, field.latex());\n      }\n    }\n  }\n\n  update() {\n    if (!MQ) {\n      throw new Error('MQ is not defined - but component has mounted?');\n    }\n    // this.input.innerHTML = this.props.latex;\n    if (!this.mathField) {\n      this.mathField = MQ.StaticMath(this.input, {\n        handlers: {\n          edit: this.onInputEdit.bind(this),\n        },\n      });\n    }\n\n    try {\n      this.mathField.parseLatex(this.props.latex);\n      this.mathField.latex(this.props.latex);\n    } catch (e) {\n      // default latex if received has errors\n      this.mathField.latex('\\\\MathQuillMathField[r1]{}');\n    }\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  shouldComponentUpdate(nextProps) {\n    try {\n      const parsedLatex = this.mathField.parseLatex(nextProps.latex);\n      const stripped = stripSpaces(parsedLatex);\n      const newFieldCount = (nextProps.latex.match(REGEX) || []).length;\n\n      const out =\n        stripped !== stripSpaces(this.mathField.latex().trim()) ||\n        newFieldCount !== Object.keys(this.mathField.innerFields).length / 2;\n\n      log('[shouldComponentUpdate] ', out);\n      return out;\n    } catch (e) {\n      // eslint-disable-next-line no-console\n      console.warn('Error parsing latex:', e.message, 'skip update');\n      // eslint-disable-next-line no-console\n      console.warn(e);\n      return false;\n    }\n  }\n\n  onFocus = (e) => {\n    try {\n      let rootBlock = e.target.parentElement.nextSibling;\n      let id = parseInt(rootBlock.getAttribute('mathquill-block-id'), 10);\n\n      if (!id) {\n        rootBlock = rootBlock.parentElement;\n        id = parseInt(rootBlock.getAttribute('mathquill-block-id'), 10);\n      }\n\n      const innerField = this.mathField.innerFields.find((f) => f.id === id);\n\n      if (innerField) {\n        const name = this.props.getFieldName(innerField, this.mathField.innerFields);\n        if (this.props.setInput) {\n          this.props.setInput(innerField);\n        }\n        this.props.onSubFieldFocus(name, innerField);\n      }\n    } catch (err) {\n      // eslint-disable-next-line no-console\n      console.error('error finding root block', err.message);\n    }\n  };\n\n  render() {\n    const { onBlur, className } = this.props;\n\n    return <span className={className} onFocus={this.onFocus} onBlur={onBlur} ref={(r) => (this.input = r)} />;\n  }\n}\n"],"file":"static.js"}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "6.9.1-next.53+cbb2d706",
+  "version": "6.10.0",
   "main": "lib/index.js",
   "module": "src/index.jsx",
   "dependencies": {
@@ -22,5 +22,5 @@
     "react-dom": "^16.9.0"
   },
   "scripts": {},
-  "gitHead": "cbb2d70637263fd7d0bf2a0a7d0b4b75e2a7370c"
+  "gitHead": "252c387e845b7f3b5887d10ae458cefb76ad3fa5"
 }