@pie-lib/math-input-mathlive 1.1.5-beta.8 → 2.0.1-next.20261107131445

package/lib/mf/input.js

@@ -1,372 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Input = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-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 _mathliveInstance = require("../mathlive-instance");
-var _latexBridge = require("../latex-bridge");
-var _selection = require("../selection");
-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-mathlive:input');
-var Holder = (0, _styles.styled)('span')({
-  display: 'inline-block',
-  '& math-field': {
-    display: 'block',
-    width: '100%'
-  },
-  // MathLive ships its own virtual keyboard toggle; pie supplies its own keypad.
-  '& math-field::part(virtual-keyboard-toggle)': {
-    display: 'none'
-  },
-  '& math-field::part(menu-toggle)': {
-    display: 'none'
-  }
-});
-
-/**
- * Editable math field. Drop-in replacement for @pie-lib/math-input's `mq.Input`.
- *
- * Keeps the same imperative surface used by MathInput's keypad
- * (`write`, `command`, `keystroke`, `clear`, `focus`, `blur`) so callers do not
- * change, and the same `latex` / `onChange` props.
- */
-var Input = exports.Input = /*#__PURE__*/function (_React$Component) {
-  function Input(props) {
-    var _this;
-    (0, _classCallCheck2["default"])(this, Input);
-    _this = _callSuper(this, Input, [props]);
-    (0, _defineProperty2["default"])(_this, "onInputEdit", function () {
-      var onChange = _this.props.onChange;
-      if (!_this.mathField) {
-        return;
-      }
-      var latex = (0, _latexBridge.fromMathLive)(_this.mathField.getValue('latex'));
-      _this.lastEmitted = latex;
-      if (onChange) {
-        onChange(latex);
-      }
-    });
-    /**
-     * Enter must not insert a line break: math input is single-expression, and
-     * the MathQuill version swallowed charCode 13 for the same reason. Newlines
-     * are authored explicitly through the newLine embed, not the Enter key.
-     */
-    (0, _defineProperty2["default"])(_this, "onKeyDown", function (event) {
-      if (event.key === 'Enter') {
-        event.preventDefault();
-      }
-    });
-    _this.holderRef = /*#__PURE__*/_react["default"].createRef();
-    // Tracks the last latex we emitted, so prop echoes don't reset the cursor.
-    _this.lastEmitted = undefined;
-    return _this;
-  }
-  (0, _inherits2["default"])(Input, _React$Component);
-  return (0, _createClass2["default"])(Input, [{
-    key: "componentDidMount",
-    value: function () {
-      var _componentDidMount = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
-        var generation, ml;
-        return _regenerator["default"].wrap(function (_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              // MathLive loads asynchronously, so this method resumes after an await and
-              // has to know whether it is still the current mount. React StrictMode calls
-              // mount -> unmount -> mount on the SAME instance in dev, so a boolean
-              // "unmounted" flag would latch and block the remount from ever creating a
-              // field. A generation counter identifies the live mount instead: only the
-              // newest one proceeds, and a real unmount invalidates all pending ones.
-              generation = this.mountGeneration = (this.mountGeneration || 0) + 1;
-              _context.next = 1;
-              return (0, _mathliveInstance.loadMathLive)();
-            case 1:
-              ml = _context.sent;
-              if (!(generation !== this.mountGeneration || !ml || !this.holderRef.current || this.mathField)) {
-                _context.next = 2;
-                break;
-              }
-              return _context.abrupt("return");
-            case 2:
-              this.mathField = new ml.MathfieldElement({
-                macros: (0, _mathliveInstance.getMacros)()
-              });
-              this.mathField.value = (0, _latexBridge.toMathLive)(this.props.latex || '');
-              if (this.props.readOnly) {
-                this.mathField.readOnly = true;
-              }
-
-              // pie drives input through its own keypad, so suppress MathLive's.
-              this.mathField.mathVirtualKeyboardPolicy = 'manual';
-              // Without this the spacebar does nothing: MathLive's mathModeSpace
-              // defaults to an empty string.
-              this.mathField.mathModeSpace = _mathliveInstance.MATH_MODE_SPACE;
-              // After the exponent key the cursor must stay in the exponent until it is moved
-              // MathLive's `smartSuperscript` (on by
-              // default) jumps out of an empty superscript after a single digit, which breaks
-              // typing x^23 or 10^6 and is inconsistent with non-digit exponents.
-              this.mathField.smartSuperscript = false;
-
-              // The mathfield renders in shadow DOM, so page CSS cannot reach it - the
-              // stretchy-accent fix has to be injected there directly.
-              (0, _mathliveInstance.applyShadowStyles)(this.mathField);
-
-              // A selected `\placeholder{}` gets no MathLive caret; draw one.
-              this.untrackCaret = (0, _mathliveInstance.trackPlaceholderCaret)(this.mathField);
-
-              // Shift+Arrow would otherwise select half a fraction; snap to whole atoms.
-              this.untrackSelection = (0, _selection.trackWholeAtomSelection)(this.mathField);
-              this.mathField.addEventListener('input', this.onInputEdit);
-
-              // Belt and braces: drop anything a previous mount may have left behind.
-              this.holderRef.current.replaceChildren(this.mathField);
-              if (this.props.innerRef) {
-                this.props.innerRef(this);
-              }
-            case 3:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, this);
-      }));
-      function componentDidMount() {
-        return _componentDidMount.apply(this, arguments);
-      }
-      return componentDidMount;
-    }()
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (!this.mathField) {
-        return;
-      }
-      var _this$props = this.props,
-        latex = _this$props.latex,
-        readOnly = _this$props.readOnly;
-      if (readOnly !== prevProps.readOnly) {
-        this.mathField.readOnly = !!readOnly;
-      }
-
-      // Only push the prop back into the field when it genuinely differs from
-      // what the field already holds. This is the analogue of the old
-      // shouldComponentUpdate latex-equality guard and prevents cursor thrash.
-      if (latex !== undefined && latex !== null && latex !== this.lastEmitted) {
-        var next = (0, _latexBridge.toMathLive)(latex);
-        if (next !== this.mathField.value) {
-          this.mathField.value = next;
-        }
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      // Invalidate any mount still awaiting the MathLive load, so it does not
-      // append a field into a holder that is going away.
-      this.mountGeneration = (this.mountGeneration || 0) + 1;
-      if (this.untrackCaret) {
-        this.untrackCaret();
-        this.untrackCaret = undefined;
-      }
-      if (this.untrackSelection) {
-        this.untrackSelection();
-        this.untrackSelection = undefined;
-      }
-      if (this.mathField) {
-        this.mathField.removeEventListener('input', this.onInputEdit);
-        this.mathField.remove();
-        this.mathField = undefined;
-      }
-      if (this.props.innerRef) {
-        this.props.innerRef(null);
-      }
-    }
-  }, {
-    key: "latex",
-    value: /** Current latex, in stored (MathQuill-compatible) form. */
-    function latex() {
-      return this.mathField ? (0, _latexBridge.fromMathLive)(this.mathField.getValue('latex')) : '';
-    }
-
-    /**
-     * The underlying `<math-field>` element, or undefined until MathLive has
-     * finished loading. Exposed for callers that need the real element.
-     *
-     * NOTE: this is NOT a MathQuill field. Code written against
-     * `@pie-lib/math-input` often did `input.mathField.latex()`; that shape is
-     * provided by `mqCompat` below, and `latex()` on this component is the
-     * supported replacement.
-     */
-  }, {
-    key: "element",
-    get: function get() {
-      return this.mathField;
-    }
-
-    /**
-     * MathQuill-shaped facade, so existing `input.mathField.latex()` /
-     * `.el()` call sites keep working instead of throwing. Only the members that
-     * consumers actually used are provided; MathQuill internals such as
-     * `__controller` have no MathLive equivalent and are deliberately absent.
-     */
-  }, {
-    key: "mqCompat",
-    get: function get() {
-      var _this2 = this;
-      return {
-        latex: function latex(v) {
-          return v === undefined ? _this2.latex() : (_this2.setLatex(v), v);
-        },
-        el: function el() {
-          return _this2.mathField;
-        },
-        focus: function focus() {
-          return _this2.focus();
-        },
-        blur: function blur() {
-          return _this2.blur();
-        }
-      };
-    }
-
-    /** Programmatically replace the content. */
-  }, {
-    key: "setLatex",
-    value: function setLatex(v) {
-      if (this.mathField) {
-        this.mathField.value = (0, _latexBridge.toMathLive)(v || '');
-      }
-    }
-  }, {
-    key: "clear",
-    value: function clear() {
-      if (this.mathField) {
-        this.mathField.value = '';
-      }
-      return '';
-    }
-  }, {
-    key: "blur",
-    value: function blur() {
-      log('blur mathfield');
-      this.mathField && this.mathField.blur();
-    }
-  }, {
-    key: "focus",
-    value: function focus() {
-      log('focus mathfield...');
-      this.mathField && this.mathField.focus();
-    }
-
-    /**
-     * MathQuill `cmd()` equivalent.
-     *
-     * Callers pass MathQuill command names (`'\\frac'`, `'\\sqrt'`, `'^'`, or an
-     * array of them). Those must be expanded into latex with `#?` placeholders,
-     * otherwise inserting a bare `\frac` produces no editable slots.
-     */
-  }, {
-    key: "command",
-    value: function command(v) {
-      log('command: ', v);
-      if (!this.mathField) {
-        return '';
-      }
-      var action = (0, _latexBridge.keyToAction)({
-        command: v
-      });
-      if (action) {
-        this.mathField.insert(action.value, {
-          focus: true
-        });
-      }
-      this.mathField.focus();
-      return this.latex();
-    }
-
-    /**
-     * MathQuill `keystroke()` equivalent.
-     *
-     * Accepts MathQuill keystroke names (`'Left'`, `'Right'`, `'Backspace'`) as
-     * the keypad emits them, and passes anything else through as a MathLive
-     * selector.
-     */
-  }, {
-    key: "keystroke",
-    value: function keystroke(v) {
-      log('keystroke: ', v);
-      if (!this.mathField) {
-        return '';
-      }
-      var selector = _latexBridge.KEYSTROKES[v] || v;
-      try {
-        this.mathField.executeCommand(selector);
-      } catch (e) {
-        log('unknown keystroke/selector "%s": %s', v, e && e.message);
-      }
-      this.mathField.focus();
-      return this.latex();
-    }
-
-    /** MathQuill `write()` equivalent. Accepts an array, as `cmd()` did. */
-  }, {
-    key: "write",
-    value: function write(v) {
-      var _this3 = this;
-      log('write: ', v);
-      if (!this.mathField) {
-        return '';
-      }
-      var values = Array.isArray(v) ? v : [v];
-      values.forEach(function (vv) {
-        return _this3.mathField.insert(vv, {
-          focus: true
-        });
-      });
-      this.mathField.focus();
-      return this.latex();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-        className = _this$props2.className,
-        onFocus = _this$props2.onFocus,
-        onBlur = _this$props2.onBlur,
-        onClick = _this$props2.onClick;
-      return /*#__PURE__*/_react["default"].createElement(Holder, {
-        className: className,
-        onFocus: onFocus,
-        onBlur: onBlur,
-        onClick: onClick,
-        onKeyDown: this.onKeyDown,
-        ref: this.holderRef
-      });
-    }
-  }]);
-}(_react["default"].Component);
-(0, _defineProperty2["default"])(Input, "propTypes", {
-  className: _propTypes["default"].string,
-  latex: _propTypes["default"].string,
-  onChange: _propTypes["default"].func,
-  onClick: _propTypes["default"].func,
-  onFocus: _propTypes["default"].func,
-  onBlur: _propTypes["default"].func,
-  readOnly: _propTypes["default"].bool,
-  innerRef: _propTypes["default"].func
-});
-var _default = exports["default"] = Input;
-//# sourceMappingURL=input.js.map

package/lib/mf/input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_debug","_mathliveInstance","_latexBridge","_selection","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","log","debug","Holder","styled","display","width","Input","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","onChange","mathField","latex","fromMathLive","getValue","lastEmitted","event","key","preventDefault","holderRef","React","createRef","undefined","_inherits2","_createClass2","value","_componentDidMount","_asyncToGenerator2","_regenerator","mark","_callee","generation","ml","wrap","_context","prev","next","mountGeneration","loadMathLive","sent","current","abrupt","MathfieldElement","macros","getMacros","toMathLive","readOnly","mathVirtualKeyboardPolicy","mathModeSpace","MATH_MODE_SPACE","smartSuperscript","applyShadowStyles","untrackCaret","trackPlaceholderCaret","untrackSelection","trackWholeAtomSelection","addEventListener","onInputEdit","replaceChildren","innerRef","stop","componentDidMount","arguments","componentDidUpdate","prevProps","_this$props","componentWillUnmount","removeEventListener","remove","get","_this2","v","setLatex","el","focus","blur","clear","command","action","keyToAction","insert","keystroke","selector","KEYSTROKES","executeCommand","message","write","_this3","values","Array","isArray","forEach","vv","render","_this$props2","className","onFocus","onBlur","onClick","createElement","onKeyDown","ref","Component","PropTypes","string","func","bool","_default"],"sources":["../../src/mf/input.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport debug from 'debug';\nimport {\n  loadMathLive,\n  getMacros,\n  MATH_MODE_SPACE,\n  applyShadowStyles,\n  trackPlaceholderCaret,\n} from '../mathlive-instance';\nimport { toMathLive, fromMathLive, keyToAction, KEYSTROKES } from '../latex-bridge';\nimport { trackWholeAtomSelection } from '../selection';\n\nconst log = debug('pie-lib:math-input-mathlive:input');\n\nconst Holder = styled('span')({\n  display: 'inline-block',\n  '& math-field': {\n    display: 'block',\n    width: '100%',\n  },\n  // MathLive ships its own virtual keyboard toggle; pie supplies its own keypad.\n  '& math-field::part(virtual-keyboard-toggle)': {\n    display: 'none',\n  },\n  '& math-field::part(menu-toggle)': {\n    display: 'none',\n  },\n});\n\n/**\n * Editable math field. Drop-in replacement for @pie-lib/math-input's `mq.Input`.\n *\n * Keeps the same imperative surface used by MathInput's keypad\n * (`write`, `command`, `keystroke`, `clear`, `focus`, `blur`) so callers do not\n * change, and the same `latex` / `onChange` props.\n */\nexport class Input extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    latex: PropTypes.string,\n    onChange: PropTypes.func,\n    onClick: PropTypes.func,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n    readOnly: PropTypes.bool,\n    innerRef: PropTypes.func,\n  };\n\n  constructor(props) {\n    super(props);\n    this.holderRef = React.createRef();\n    // Tracks the last latex we emitted, so prop echoes don't reset the cursor.\n    this.lastEmitted = undefined;\n  }\n\n  async componentDidMount() {\n    // MathLive loads asynchronously, so this method resumes after an await and\n    // has to know whether it is still the current mount. React StrictMode calls\n    // mount -> unmount -> mount on the SAME instance in dev, so a boolean\n    // \"unmounted\" flag would latch and block the remount from ever creating a\n    // field. A generation counter identifies the live mount instead: only the\n    // newest one proceeds, and a real unmount invalidates all pending ones.\n    const generation = (this.mountGeneration = (this.mountGeneration || 0) + 1);\n    const ml = await loadMathLive();\n\n    if (generation !== this.mountGeneration || !ml || !this.holderRef.current || this.mathField) {\n      return;\n    }\n\n    this.mathField = new ml.MathfieldElement({ macros: getMacros() });\n    this.mathField.value = toMathLive(this.props.latex || '');\n\n    if (this.props.readOnly) {\n      this.mathField.readOnly = true;\n    }\n\n    // pie drives input through its own keypad, so suppress MathLive's.\n    this.mathField.mathVirtualKeyboardPolicy = 'manual';\n    // Without this the spacebar does nothing: MathLive's mathModeSpace\n    // defaults to an empty string.\n    this.mathField.mathModeSpace = MATH_MODE_SPACE;\n    // After the exponent key the cursor must stay in the exponent until it is moved\n    // MathLive's `smartSuperscript` (on by\n    // default) jumps out of an empty superscript after a single digit, which breaks\n    // typing x^23 or 10^6 and is inconsistent with non-digit exponents.\n    this.mathField.smartSuperscript = false;\n\n    // The mathfield renders in shadow DOM, so page CSS cannot reach it - the\n    // stretchy-accent fix has to be injected there directly.\n    applyShadowStyles(this.mathField);\n\n    // A selected `\\placeholder{}` gets no MathLive caret; draw one.\n    this.untrackCaret = trackPlaceholderCaret(this.mathField);\n\n    // Shift+Arrow would otherwise select half a fraction; snap to whole atoms.\n    this.untrackSelection = trackWholeAtomSelection(this.mathField);\n\n    this.mathField.addEventListener('input', this.onInputEdit);\n\n    // Belt and braces: drop anything a previous mount may have left behind.\n    this.holderRef.current.replaceChildren(this.mathField);\n\n    if (this.props.innerRef) {\n      this.props.innerRef(this);\n    }\n  }\n\n  componentDidUpdate(prevProps) {\n    if (!this.mathField) {\n      return;\n    }\n\n    const { latex, readOnly } = this.props;\n\n    if (readOnly !== prevProps.readOnly) {\n      this.mathField.readOnly = !!readOnly;\n    }\n\n    // Only push the prop back into the field when it genuinely differs from\n    // what the field already holds. This is the analogue of the old\n    // shouldComponentUpdate latex-equality guard and prevents cursor thrash.\n    if (latex !== undefined && latex !== null && latex !== this.lastEmitted) {\n      const next = toMathLive(latex);\n\n      if (next !== this.mathField.value) {\n        this.mathField.value = next;\n      }\n    }\n  }\n\n  componentWillUnmount() {\n    // Invalidate any mount still awaiting the MathLive load, so it does not\n    // append a field into a holder that is going away.\n    this.mountGeneration = (this.mountGeneration || 0) + 1;\n\n    if (this.untrackCaret) {\n      this.untrackCaret();\n      this.untrackCaret = undefined;\n    }\n\n    if (this.untrackSelection) {\n      this.untrackSelection();\n      this.untrackSelection = undefined;\n    }\n\n    if (this.mathField) {\n      this.mathField.removeEventListener('input', this.onInputEdit);\n      this.mathField.remove();\n      this.mathField = undefined;\n    }\n\n    if (this.props.innerRef) {\n      this.props.innerRef(null);\n    }\n  }\n\n  onInputEdit = () => {\n    const { onChange } = this.props;\n\n    if (!this.mathField) {\n      return;\n    }\n\n    const latex = fromMathLive(this.mathField.getValue('latex'));\n\n    this.lastEmitted = latex;\n\n    if (onChange) {\n      onChange(latex);\n    }\n  };\n\n  /** Current latex, in stored (MathQuill-compatible) form. */\n  latex() {\n    return this.mathField ? fromMathLive(this.mathField.getValue('latex')) : '';\n  }\n\n  /**\n   * The underlying `<math-field>` element, or undefined until MathLive has\n   * finished loading. Exposed for callers that need the real element.\n   *\n   * NOTE: this is NOT a MathQuill field. Code written against\n   * `@pie-lib/math-input` often did `input.mathField.latex()`; that shape is\n   * provided by `mqCompat` below, and `latex()` on this component is the\n   * supported replacement.\n   */\n  get element() {\n    return this.mathField;\n  }\n\n  /**\n   * MathQuill-shaped facade, so existing `input.mathField.latex()` /\n   * `.el()` call sites keep working instead of throwing. Only the members that\n   * consumers actually used are provided; MathQuill internals such as\n   * `__controller` have no MathLive equivalent and are deliberately absent.\n   */\n  get mqCompat() {\n    return {\n      latex: (v) => (v === undefined ? this.latex() : (this.setLatex(v), v)),\n      el: () => this.mathField,\n      focus: () => this.focus(),\n      blur: () => this.blur(),\n    };\n  }\n\n  /** Programmatically replace the content. */\n  setLatex(v) {\n    if (this.mathField) {\n      this.mathField.value = toMathLive(v || '');\n    }\n  }\n\n  clear() {\n    if (this.mathField) {\n      this.mathField.value = '';\n    }\n\n    return '';\n  }\n\n  blur() {\n    log('blur mathfield');\n    this.mathField && this.mathField.blur();\n  }\n\n  focus() {\n    log('focus mathfield...');\n    this.mathField && this.mathField.focus();\n  }\n\n  /**\n   * MathQuill `cmd()` equivalent.\n   *\n   * Callers pass MathQuill command names (`'\\\\frac'`, `'\\\\sqrt'`, `'^'`, or an\n   * array of them). Those must be expanded into latex with `#?` placeholders,\n   * otherwise inserting a bare `\\frac` produces no editable slots.\n   */\n  command(v) {\n    log('command: ', v);\n\n    if (!this.mathField) {\n      return '';\n    }\n\n    const action = keyToAction({ command: v });\n\n    if (action) {\n      this.mathField.insert(action.value, { focus: true });\n    }\n\n    this.mathField.focus();\n\n    return this.latex();\n  }\n\n  /**\n   * MathQuill `keystroke()` equivalent.\n   *\n   * Accepts MathQuill keystroke names (`'Left'`, `'Right'`, `'Backspace'`) as\n   * the keypad emits them, and passes anything else through as a MathLive\n   * selector.\n   */\n  keystroke(v) {\n    log('keystroke: ', v);\n\n    if (!this.mathField) {\n      return '';\n    }\n\n    const selector = KEYSTROKES[v] || v;\n\n    try {\n      this.mathField.executeCommand(selector);\n    } catch (e) {\n      log('unknown keystroke/selector \"%s\": %s', v, e && e.message);\n    }\n\n    this.mathField.focus();\n\n    return this.latex();\n  }\n\n  /** MathQuill `write()` equivalent. Accepts an array, as `cmd()` did. */\n  write(v) {\n    log('write: ', v);\n\n    if (!this.mathField) {\n      return '';\n    }\n\n    const values = Array.isArray(v) ? v : [v];\n\n    values.forEach((vv) => this.mathField.insert(vv, { focus: true }));\n    this.mathField.focus();\n\n    return this.latex();\n  }\n\n  /**\n   * Enter must not insert a line break: math input is single-expression, and\n   * the MathQuill version swallowed charCode 13 for the same reason. Newlines\n   * are authored explicitly through the newLine embed, not the Enter key.\n   */\n  onKeyDown = (event) => {\n    if (event.key === 'Enter') {\n      event.preventDefault();\n    }\n  };\n\n  render() {\n    const { className, onFocus, onBlur, onClick } = this.props;\n\n    return (\n      <Holder\n        className={className}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onClick={onClick}\n        onKeyDown={this.onKeyDown}\n        ref={this.holderRef}\n      />\n    );\n  }\n}\n\nexport default Input;\n"],"mappings":"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","ignoreList":[]}