@pie-lib/math-input 8.1.1-next.3 → 8.1.1

package/lib/mq/input.js

@@ -0,0 +1,186 @@
+"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 _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("@mui/material/styles");
+var _debug = _interopRequireDefault(require("debug"));
+var _mathquillInstance = require("./mathquill-instance");
+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 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 = 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 = _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"])(_this, "refresh", function () {
+      _this.blur();
+      _this.focus();
+    });
+    (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"])(_this, "onClick", function (event) {
+      var onClick = _this.props.onClick;
+      _this.refresh();
+      onClick && onClick(event);
+    });
+    return _this;
+  }
+  (0, _inherits2["default"])(Input, _React$Component);
+  return (0, _createClass2["default"])(Input, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (!_mathquillInstance.MQ) {
+        throw new Error('MQ is not defined - but component has mounted?');
+      }
+      this.mathField = _mathquillInstance.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,
+        className = _this$props.className;
+      return /*#__PURE__*/_react["default"].createElement(StyledSpan, {
+        className: className,
+        onKeyDown: this.onKeyPress,
+        onClick: this.onClick,
+        onFocus: onFocus,
+        onBlur: onBlur,
+        ref: function ref(r) {
+          return _this3.input = r;
+        }
+      });
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(Input, "propTypes", {
+  className: _propTypes["default"].string,
+  onClick: _propTypes["default"].func,
+  onChange: _propTypes["default"].func,
+  latex: _propTypes["default"].string,
+  onFocus: _propTypes["default"].func,
+  onBlur: _propTypes["default"].func
+});
+var _default = exports["default"] = Input;
+//# sourceMappingURL=input.js.map

package/lib/mq/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_debug","_mathquillInstance","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","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","MQ","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 { MQ } from './mathquill-instance';\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/mathquill-instance.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MQ = void 0;
+exports.applyStaticMath = applyStaticMath;
+exports.registerEmbed = registerEmbed;
+var _mathquill = _interopRequireDefault(require("@pie-framework/mathquill"));
+var _customElements = require("./custom-elements");
+var MQ;
+if (typeof window !== 'undefined') {
+  exports.MQ = MQ = _mathquill["default"].getInterface(3);
+  if (MQ && MQ.registerEmbed) {
+    (0, _customElements.registerLineBreak)(MQ);
+  }
+}
+
+/**
+ * Register a MathQuill embed (e.g. answer blocks in pie-elements).
+ * No-op in SSR or if the interface is unavailable.
+ *
+ * @param {string} name
+ * @param {Function} factory
+ */
+function registerEmbed(name, factory) {
+  if (!MQ || !MQ.registerEmbed) {
+    return;
+  }
+  MQ.registerEmbed(name, factory);
+}
+
+/**
+ * Apply MathQuill static math to a DOM element.
+ * Optionally sets element text to `latex` before enhancing (typical pie-elements usage).
+ *
+ * @param {HTMLElement} element
+ * @param {string} [latex] If provided, assigned to element.textContent before StaticMath runs.
+ * @param {object} [options] Optional MathQuill StaticMath options (e.g. handlers).
+ * @returns {object|undefined} MathQuill static math instance, if any.
+ */
+function applyStaticMath(element, latex, options) {
+  if (!MQ || !element) {
+    return undefined;
+  }
+  if (latex !== undefined && latex !== null) {
+    element.textContent = latex;
+  }
+  return MQ.StaticMath(element, options);
+}
+//# sourceMappingURL=mathquill-instance.js.map

package/lib/mq/mathquill-instance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mathquill-instance.js","names":["_mathquill","_interopRequireDefault","require","_customElements","MQ","window","exports","MathQuill","getInterface","registerEmbed","registerLineBreak","name","factory","applyStaticMath","element","latex","options","undefined","textContent","StaticMath"],"sources":["../../src/mq/mathquill-instance.js"],"sourcesContent":["import MathQuill from '@pie-framework/mathquill';\nimport { registerLineBreak } from './custom-elements';\n\nlet MQ;\nif (typeof window !== 'undefined') {\n  MQ = MathQuill.getInterface(3);\n  if (MQ && MQ.registerEmbed) {\n    registerLineBreak(MQ);\n  }\n}\n\n/**\n * Register a MathQuill embed (e.g. answer blocks in pie-elements).\n * No-op in SSR or if the interface is unavailable.\n *\n * @param {string} name\n * @param {Function} factory\n */\nexport function registerEmbed(name, factory) {\n  if (!MQ || !MQ.registerEmbed) {\n    return;\n  }\n  MQ.registerEmbed(name, factory);\n}\n\n/**\n * Apply MathQuill static math to a DOM element.\n * Optionally sets element text to `latex` before enhancing (typical pie-elements usage).\n *\n * @param {HTMLElement} element\n * @param {string} [latex] If provided, assigned to element.textContent before StaticMath runs.\n * @param {object} [options] Optional MathQuill StaticMath options (e.g. handlers).\n * @returns {object|undefined} MathQuill static math instance, if any.\n */\nexport function applyStaticMath(element, latex, options) {\n  if (!MQ || !element) {\n    return undefined;\n  }\n  if (latex !== undefined && latex !== null) {\n    element.textContent = latex;\n  }\n  return MQ.StaticMath(element, options);\n}\n\nexport { MQ };\n"],"mappings":";;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAIE,EAAE;AACN,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;EACjCC,OAAA,CAAAF,EAAA,GAAAA,EAAE,GAAGG,qBAAS,CAACC,YAAY,CAAC,CAAC,CAAC;EAC9B,IAAIJ,EAAE,IAAIA,EAAE,CAACK,aAAa,EAAE;IAC1B,IAAAC,iCAAiB,EAACN,EAAE,CAAC;EACvB;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASK,aAAaA,CAACE,IAAI,EAAEC,OAAO,EAAE;EAC3C,IAAI,CAACR,EAAE,IAAI,CAACA,EAAE,CAACK,aAAa,EAAE;IAC5B;EACF;EACAL,EAAE,CAACK,aAAa,CAACE,IAAI,EAAEC,OAAO,CAAC;AACjC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,eAAeA,CAACC,OAAO,EAAEC,KAAK,EAAEC,OAAO,EAAE;EACvD,IAAI,CAACZ,EAAE,IAAI,CAACU,OAAO,EAAE;IACnB,OAAOG,SAAS;EAClB;EACA,IAAIF,KAAK,KAAKE,SAAS,IAAIF,KAAK,KAAK,IAAI,EAAE;IACzCD,OAAO,CAACI,WAAW,GAAGH,KAAK;EAC7B;EACA,OAAOX,EAAE,CAACe,UAAU,CAACL,OAAO,EAAEE,OAAO,CAAC;AACxC","ignoreList":[]}

package/lib/mq/static.js

@@ -0,0 +1,301 @@
+"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 _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 _updateSpans = require("../updateSpans");
+var _mathquillInstance = require("./mathquill-instance");
+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 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 = exports["default"] = /*#__PURE__*/function (_React$Component) {
+  function Static(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Static);
+    _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';
+      _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"])(_this, "addEventListeners", function () {
+      var input = _this.inputRef.current;
+      if (input) {
+        input.addEventListener('keydown', _this.handleKeyDown);
+        input.addEventListener('click', _this.handleMathKeyboardClick);
+      }
+    });
+    (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"])(_this, "removeLiveRegion", function () {
+      if (_this.liveRegion) {
+        document.body.removeChild(_this.liveRegion);
+        _this.liveRegion = null;
+      }
+    });
+    (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"])(_this, "handleMathKeyboardClick", function () {
+      _this.setState({
+        inputSource: 'mathKeyboard'
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "onInputEdit", function (field) {
+      if (!_this.mathField || _this._isProgrammaticUpdate) {
+        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"])(_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;
+      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);
+          }
+        }
+      }
+
+      // Only setState when values change to avoid "Maximum update depth exceeded"
+      if (_this.state.previousLatex !== newLatex || _this.state.isDeleteKeyPressed) {
+        _this.setState({
+          previousLatex: newLatex,
+          isDeleteKeyPressed: false
+        });
+      }
+    });
+    (0, _defineProperty2["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"])(_this, "update", function () {
+      if (!_mathquillInstance.MQ) {
+        throw new Error('MQ is not defined - but component has mounted?');
+      }
+      if (!_this.mathField) {
+        var _this$inputRef2;
+        _this.mathField = _mathquillInstance.MQ.StaticMath((_this$inputRef2 = _this.inputRef) === null || _this$inputRef2 === void 0 ? void 0 : _this$inputRef2.current, {
+          handlers: {
+            edit: _this.onInputEdit.bind(_this)
+          }
+        });
+      }
+      try {
+        _this._isProgrammaticUpdate = true;
+        _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]{}');
+      } finally {
+        _this._isProgrammaticUpdate = false;
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "blur", function () {
+      log('blur mathfield');
+      _this.mathField.blur();
+    });
+    (0, _defineProperty2["default"])(_this, "focus", function () {
+      log('focus mathfield...');
+      _this.mathField.focus();
+    });
+    (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) {
+        // 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, _inherits2["default"])(Static, _React$Component);
+  return (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
+      });
+    }
+  }]);
+}(_react["default"].Component);
+(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

package/lib/mq/static.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static.js","names":["_propTypes","_interopRequireDefault","require","_react","_debug","_updateSpans","_mathquillInstance","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","log","debug","REGEX","WHITESPACE_REGEX","stripSpaces","string","arguments","length","undefined","replace","countBraces","latex","count","i","Static","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","liveRegion","document","createElement","style","position","width","height","marginTop","clip","overflow","setAttribute","body","appendChild","input","inputRef","current","addEventListener","handleKeyDown","handleMathKeyboardClick","removeEventListener","removeChild","event","key","setState","isDeleteKeyPressed","inputSource","field","mathField","_isProgrammaticUpdate","name","getFieldName","innerFields","onSubFieldChange","_this$inputRef","regexMatch","match","__controller","cursor","insLeftOf","parent","el","dispatchEvent","KeyboardEvent","keyCode","console","error","toString","announceLatexConversion","newLatex","state","_this$state","previousLatex","announcement","newBraces","oldBraces","announceMessage","parseLatex","warn","message","textContent","setTimeout","MQ","Error","_this$inputRef2","StaticMath","handlers","edit","onInputEdit","bind","blur","focus","rootBlock","target","parentElement","nextSibling","id","parseInt","getAttribute","innerField","find","f","setInput","onSubFieldFocus","err","React","createRef","_inherits2","_createClass2","value","componentDidMount","update","updateSpans","createLiveRegion","addEventListeners","componentDidUpdate","componentWillUnmount","removeLiveRegion","removeEventListeners","shouldComponentUpdate","nextProps","parsedLatex","stripped","newFieldCount","out","trim","Object","keys","render","_this$props","onBlur","className","onFocus","ref","Component","PropTypes","isRequired","func"],"sources":["../../src/mq/static.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport debug from 'debug';\nimport { updateSpans } from '../updateSpans';\nimport { MQ } from './mathquill-instance';\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\nfunction countBraces(latex) {\n  let count = 0;\n\n  for (let i = 0; i < (latex || '').length; i++) {\n    if (latex[i] === '{') {\n      count++;\n    }\n  }\n\n  return count;\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  static defaultProps = {\n    getFieldName: () => {},\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      announcement: '',\n      previousLatex: '',\n      inputSource: null,\n      isDeleteKeyPressed: false,\n    };\n\n    this.inputRef = React.createRef();\n  }\n\n  componentDidMount() {\n    this.update();\n    updateSpans();\n\n    this.createLiveRegion();\n    this.addEventListeners();\n  }\n\n  componentDidUpdate() {\n    this.update();\n    updateSpans();\n  }\n\n  componentWillUnmount() {\n    this.removeLiveRegion();\n    this.removeEventListeners();\n  }\n\n  createLiveRegion = () => {\n    this.liveRegion = document.createElement('div');\n    this.liveRegion.style.position = 'absolute';\n    this.liveRegion.style.width = '1px';\n    this.liveRegion.style.height = '1px';\n    this.liveRegion.style.marginTop = '-1px';\n    this.liveRegion.style.clip = 'rect(1px, 1px, 1px, 1px)';\n    this.liveRegion.style.overflow = 'hidden';\n    this.liveRegion.setAttribute('aria-live', 'polite');\n    this.liveRegion.setAttribute('aria-atomic', 'true');\n\n    document.body.appendChild(this.liveRegion);\n  };\n\n  addEventListeners = () => {\n    const input = this.inputRef.current;\n\n    if (input) {\n      input.addEventListener('keydown', this.handleKeyDown);\n      input.addEventListener('click', this.handleMathKeyboardClick);\n    }\n  };\n\n  removeEventListeners = () => {\n    const input = this.inputRef.current;\n\n    if (input) {\n      input.removeEventListener('keydown', this.handleKeyDown);\n      input.removeEventListener('click', this.handleMathKeyboardClick);\n    }\n  };\n\n  removeLiveRegion = () => {\n    if (this.liveRegion) {\n      document.body.removeChild(this.liveRegion);\n      this.liveRegion = null;\n    }\n  };\n\n  handleKeyDown = (event) => {\n    if (event?.key === 'Backspace' || event?.key === 'Delete') {\n      this.setState({ isDeleteKeyPressed: true });\n    }\n    this.setState({ inputSource: 'keyboard' });\n  };\n\n  handleMathKeyboardClick = () => {\n    this.setState({ inputSource: 'mathKeyboard' });\n  };\n\n  onInputEdit = (field) => {\n    if (!this.mathField || this._isProgrammaticUpdate) {\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.inputRef?.current && 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          // eslint-disable-next-line no-console\n          console.error(e.toString());\n        }\n      } else {\n        this.props.onSubFieldChange(name, field.latex());\n      }\n    }\n\n    this.announceLatexConversion(field.latex());\n  };\n\n  announceLatexConversion = (newLatex) => {\n    if (!this.state) {\n      // eslint-disable-next-line no-console\n      console.error('State is not initialized');\n      return;\n    }\n\n    const { previousLatex, inputSource, isDeleteKeyPressed } = this.state;\n    const announcement = 'Converted to math symbol';\n\n    if (inputSource === 'keyboard' && !isDeleteKeyPressed) {\n      const newBraces = countBraces(newLatex);\n      const oldBraces = countBraces(previousLatex);\n\n      if (newBraces > oldBraces) {\n        this.announceMessage(announcement);\n      } else {\n        try {\n          this.mathField.parseLatex(previousLatex);\n          this.mathField.parseLatex(newLatex);\n\n          if (newLatex == previousLatex) {\n            this.announceMessage(announcement);\n          }\n        } catch (e) {\n          // eslint-disable-next-line no-console\n          console.warn('Error parsing latex:', e.message);\n          // eslint-disable-next-line no-console\n          console.warn(e);\n        }\n      }\n    }\n\n    // Only setState when values change to avoid \"Maximum update depth exceeded\"\n    if (this.state.previousLatex !== newLatex || this.state.isDeleteKeyPressed) {\n      this.setState({ previousLatex: newLatex, isDeleteKeyPressed: false });\n    }\n  };\n\n  announceMessage = (message) => {\n    this.setState({ previousLatex: '' });\n\n    if (this.liveRegion) {\n      this.liveRegion.textContent = message;\n\n      // Clear the message after it is announced\n      setTimeout(() => {\n        this.liveRegion.textContent = '';\n      }, 500);\n    }\n  };\n\n  update = () => {\n    if (!MQ) {\n      throw new Error('MQ is not defined - but component has mounted?');\n    }\n    if (!this.mathField) {\n      this.mathField = MQ.StaticMath(this.inputRef?.current, {\n        handlers: {\n          edit: this.onInputEdit.bind(this),\n        },\n      });\n    }\n\n    try {\n      this._isProgrammaticUpdate = true;\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    } finally {\n      this._isProgrammaticUpdate = false;\n    }\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={this.inputRef} />;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/updateSpans.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.updateSpans = void 0;
+// increase the font of parallel notation
+var updateSpans = exports.updateSpans = function updateSpans() {
+  var spans = Array.from(document.querySelectorAll('span[mathquill-command-id]'));
+  (spans || []).forEach(function (span) {
+    if (span && span.innerText === '∥' && span.className !== 'mq-editable-field') {
+      span.style.fontSize = '32px';
+    }
+    if ((span.innerText === '′' || span.innerText === '′′') && !span.hasAttribute('data-prime')) {
+      span.setAttribute('data-prime', 'true');
+    }
+  });
+};
+//# sourceMappingURL=updateSpans.js.map

package/lib/updateSpans.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"updateSpans.js","names":["updateSpans","exports","spans","Array","from","document","querySelectorAll","forEach","span","innerText","className","style","fontSize","hasAttribute","setAttribute"],"sources":["../src/updateSpans.js"],"sourcesContent":["// increase the font of parallel notation\nconst updateSpans = () => {\n  const spans = Array.from(document.querySelectorAll('span[mathquill-command-id]'));\n  (spans || []).forEach((span) => {\n    if (span && span.innerText === '∥' && span.className !== 'mq-editable-field') {\n      span.style.fontSize = '32px';\n    }\n\n    if ((span.innerText === '′' || span.innerText === '′′') && !span.hasAttribute('data-prime')) {\n      span.setAttribute('data-prime', 'true');\n    }\n  });\n};\n\nexport { updateSpans };\n"],"mappings":";;;;;;AAAA;AACA,IAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAA,EAAS;EACxB,IAAME,KAAK,GAAGC,KAAK,CAACC,IAAI,CAACC,QAAQ,CAACC,gBAAgB,CAAC,4BAA4B,CAAC,CAAC;EACjF,CAACJ,KAAK,IAAI,EAAE,EAAEK,OAAO,CAAC,UAACC,IAAI,EAAK;IAC9B,IAAIA,IAAI,IAAIA,IAAI,CAACC,SAAS,KAAK,GAAG,IAAID,IAAI,CAACE,SAAS,KAAK,mBAAmB,EAAE;MAC5EF,IAAI,CAACG,KAAK,CAACC,QAAQ,GAAG,MAAM;IAC9B;IAEA,IAAI,CAACJ,IAAI,CAACC,SAAS,KAAK,GAAG,IAAID,IAAI,CAACC,SAAS,KAAK,IAAI,KAAK,CAACD,IAAI,CAACK,YAAY,CAAC,YAAY,CAAC,EAAE;MAC3FL,IAAI,CAACM,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC;IACzC;EACF,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}