@pie-lib/math-toolbar 1.11.2-next.112 → 1.11.2

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.11.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-toolbar@1.11.1...@pie-lib/math-toolbar@1.11.2) (2022-11-14)
+
+
+### Bug Fixes
+
+* PD-1858 (Math editor tweak to better handle the entry of mixed numbers) - not working with a mixed number if the integer part is multi-digit PD-1858, PD-2029, PD-2030, PD-2031 ([158e76a](https://github.com/pie-framework/pie-lib/commit/158e76a48bec66b1f026811bb1856fa4af5668f3))
+
+
+
+
+
 ## [1.11.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-toolbar@1.11.0...@pie-lib/math-toolbar@1.11.1) (2022-08-30)
 
 **Note:** Version bump only for package @pie-lib/math-toolbar

package/lib/done-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"done-button.js","names":["RawDoneButton","classes","onClick","iconRoot","label","root","propTypes","PropTypes","object","isRequired","func","styles","verticalAlign","width","height","color","position","top","DoneButton","withStyles"],"sources":["../src/done-button.jsx"],"sourcesContent":["import React from 'react';\n\nimport IconButton from '@material-ui/core/IconButton';\nimport Check from '@material-ui/icons/Check';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\n\nexport const RawDoneButton = ({ classes, onClick }) => (\n  <IconButton\n    aria-label=\"Done\"\n    className={classes.iconRoot}\n    onClick={onClick}\n    classes={{\n      label: classes.label,\n      root: classes.iconRoot\n    }}\n  >\n    <Check />\n  </IconButton>\n);\n\nRawDoneButton.propTypes = {\n  classes: PropTypes.object.isRequired,\n  onClick: PropTypes.func\n};\n\nconst styles = {\n  iconRoot: {\n    verticalAlign: 'top',\n    width: '28px',\n    height: '28px',\n    color: '#00bb00'\n  },\n  label: {\n    position: 'absolute',\n    top: '2px'\n  }\n};\nexport const DoneButton = withStyles(styles)(RawDoneButton);\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB;EAAA,IAAGC,OAAH,QAAGA,OAAH;EAAA,IAAYC,OAAZ,QAAYA,OAAZ;EAAA,oBAC3B,gCAAC,sBAAD;IACE,cAAW,MADb;IAEE,SAAS,EAAED,OAAO,CAACE,QAFrB;IAGE,OAAO,EAAED,OAHX;IAIE,OAAO,EAAE;MACPE,KAAK,EAAEH,OAAO,CAACG,KADR;MAEPC,IAAI,EAAEJ,OAAO,CAACE;IAFP;EAJX,gBASE,gCAAC,iBAAD,OATF,CAD2B;AAAA,CAAtB;;;AAcPH,aAAa,CAACM,SAAd,GAA0B;EACxBL,OAAO,EAAEM,qBAAA,CAAUC,MAAV,CAAiBC,UADF;EAExBP,OAAO,EAAEK,qBAAA,CAAUG;AAFK,CAA1B;AAKA,IAAMC,MAAM,GAAG;EACbR,QAAQ,EAAE;IACRS,aAAa,EAAE,KADP;IAERC,KAAK,EAAE,MAFC;IAGRC,MAAM,EAAE,MAHA;IAIRC,KAAK,EAAE;EAJC,CADG;EAObX,KAAK,EAAE;IACLY,QAAQ,EAAE,UADL;IAELC,GAAG,EAAE;EAFA;AAPM,CAAf;AAYO,IAAMC,UAAU,GAAG,IAAAC,kBAAA,EAAWR,MAAX,EAAmBX,aAAnB,CAAnB"}
+{"version":3,"sources":["../src/done-button.jsx"],"names":["RawDoneButton","classes","onClick","iconRoot","label","root","propTypes","PropTypes","object","isRequired","func","styles","verticalAlign","width","height","color","position","top","DoneButton"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,MAAYC,OAAZ,QAAYA,OAAZ;AAAA,sBAC3B,gCAAC,sBAAD;AACE,kBAAW,MADb;AAEE,IAAA,SAAS,EAAED,OAAO,CAACE,QAFrB;AAGE,IAAA,OAAO,EAAED,OAHX;AAIE,IAAA,OAAO,EAAE;AACPE,MAAAA,KAAK,EAAEH,OAAO,CAACG,KADR;AAEPC,MAAAA,IAAI,EAAEJ,OAAO,CAACE;AAFP;AAJX,kBASE,gCAAC,iBAAD,OATF,CAD2B;AAAA,CAAtB;;;AAcPH,aAAa,CAACM,SAAd,GAA0B;AACxBL,EAAAA,OAAO,EAAEM,sBAAUC,MAAV,CAAiBC,UADF;AAExBP,EAAAA,OAAO,EAAEK,sBAAUG;AAFK,CAA1B;AAKA,IAAMC,MAAM,GAAG;AACbR,EAAAA,QAAQ,EAAE;AACRS,IAAAA,aAAa,EAAE,KADP;AAERC,IAAAA,KAAK,EAAE,MAFC;AAGRC,IAAAA,MAAM,EAAE,MAHA;AAIRC,IAAAA,KAAK,EAAE;AAJC,GADG;AAObX,EAAAA,KAAK,EAAE;AACLY,IAAAA,QAAQ,EAAE,UADL;AAELC,IAAAA,GAAG,EAAE;AAFA;AAPM,CAAf;AAYO,IAAMC,UAAU,GAAG,wBAAWP,MAAX,EAAmBX,aAAnB,CAAnB","sourcesContent":["import React from 'react';\n\nimport IconButton from '@material-ui/core/IconButton';\nimport Check from '@material-ui/icons/Check';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\n\nexport const RawDoneButton = ({ classes, onClick }) => (\n  <IconButton\n    aria-label=\"Done\"\n    className={classes.iconRoot}\n    onClick={onClick}\n    classes={{\n      label: classes.label,\n      root: classes.iconRoot\n    }}\n  >\n    <Check />\n  </IconButton>\n);\n\nRawDoneButton.propTypes = {\n  classes: PropTypes.object.isRequired,\n  onClick: PropTypes.func\n};\n\nconst styles = {\n  iconRoot: {\n    verticalAlign: 'top',\n    width: '28px',\n    height: '28px',\n    color: '#00bb00'\n  },\n  label: {\n    position: 'absolute',\n    top: '2px'\n  }\n};\nexport const DoneButton = withStyles(styles)(RawDoneButton);\n"],"file":"done-button.js"}

package/lib/editor-and-pad.js

@@ -160,6 +160,23 @@ var EditorAndPad = /*#__PURE__*/function (_React$Component) {
 
         _this.input.write(latex.replace(decimalRegex, ''));
 
+        return;
+      } // eslint-disable-next-line no-useless-escape
+
+
+      var regexMatch = latex.match(/[0-9]\\ \\frac\{[^\{]*\}\{ \}/);
+
+      if (_this.input && regexMatch && regexMatch !== null && regexMatch !== void 0 && regexMatch.length) {
+        try {
+          _this.input.mathField.__controller.cursor.insLeftOf(_this.input.mathField.__controller.cursor.parent[-1].parent);
+
+          _this.input.mathField.el().dispatchEvent(new KeyboardEvent('keydown', {
+            keyCode: 8
+          }));
+        } catch (e) {
+          console.error(e.toString());
+        }
+
         return;
       }
 

package/lib/editor-and-pad.js.map

@@ -1 +1 @@
-{"version":3,"file":"editor-and-pad.js","names":["log","debug","decimalRegex","toNodeData","data","type","value","EditorAndPad","props","noDecimal","noLatexHandling","onChange","c","input","clear","command","keystroke","write","isEdit","maxResponseAreas","shouldDisable","checkResponseAreasNumber","setState","addDisabled","onAnswerBlockAdd","onClick","updateDisable","latex","updateSpans","indexOf","replace","evt","equationEditor","target","count","match","length","state","autoFocus","focus","nextProps","nextState","inputIsDifferent","mathField","isEqual","error","keypadMode","controlledKeypad","showKeypad","classNames","allowAnswerBlock","additionalKeys","controlledKeypadMode","hideInput","layoutForKeyPad","onFocus","onBlur","classes","shouldShowKeypad","cx","mathToolbar","inputAndTypeContainer","hide","selectContainer","select","onEditorTypeChange","inputContainer","event","mathEditor","editor","longMathEditor","r","onEditorChange","addAnswerBlockButton","bottom","onAnswerBlockClick","hr","keyboard","React","Component","PropTypes","object","oneOfType","string","number","bool","array","isRequired","func","styles","theme","display","alignItems","top","paddingTop","fontFamily","minWidth","lineHeight","left","position","right","verticalAlign","fontSize","paddingRight","padding","marginTop","marginLeft","paddingLeft","borderTop","marginBottom","paddingBottom","flex","width","marginRight","maxWidth","color","text","backgroundColor","background","border","margin","height","borderBottom","palette","primary","main","zIndex","textAlign","outline","boxShadow","borderRadius","minHeight","spacing","unit","withStyles"],"sources":["../src/editor-and-pad.jsx"],"sourcesContent":["import { HorizontalKeypad, mq } from '@pie-lib/math-input';\nimport React from 'react';\nimport debug from 'debug';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\nimport Button from '@material-ui/core/Button';\nimport { withStyles } from '@material-ui/core/styles';\nconst log = debug('@pie-lib:math-toolbar:editor-and-pad');\nimport { color, InputContainer } from '@pie-lib/render-ui';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Select from '@material-ui/core/Select';\nimport { updateSpans } from '@pie-lib/math-input';\nimport isEqual from 'lodash/isEqual';\n\nconst decimalRegex = /\\.|,/g;\n\nconst toNodeData = data => {\n  if (!data) {\n    return;\n  }\n\n  const { type, value } = data;\n\n  if (type === 'command' || type === 'cursor') {\n    return data;\n  } else if (type === 'answer') {\n    return { type: 'answer', ...data };\n  } else if (value === 'clear') {\n    return { type: 'clear' };\n  } else {\n    return { type: 'write', value };\n  }\n};\n\nexport class EditorAndPad extends React.Component {\n  static propTypes = {\n    classNames: PropTypes.object,\n    keypadMode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    autoFocus: PropTypes.bool,\n    allowAnswerBlock: PropTypes.bool,\n    showKeypad: PropTypes.bool,\n    controlledKeypad: PropTypes.bool,\n    controlledKeypadMode: PropTypes.bool,\n    noDecimal: PropTypes.bool,\n    hideInput: PropTypes.bool,\n    noLatexHandling: PropTypes.bool,\n    layoutForKeyPad: PropTypes.object,\n    additionalKeys: PropTypes.array,\n    latex: PropTypes.string.isRequired,\n    onAnswerBlockAdd: PropTypes.func,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n    onChange: PropTypes.func.isRequired,\n    classes: PropTypes.object\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = { equationEditor: 'item-authoring', addDisabled: false };\n  }\n\n  componentDidMount() {\n    if (this.input && this.props.autoFocus) {\n      this.input.focus();\n    }\n  }\n\n  onClick = data => {\n    const { noDecimal, noLatexHandling, onChange } = this.props;\n    const c = toNodeData(data);\n    log('mathChange: ', c);\n\n    if (noLatexHandling) {\n      onChange(c.value);\n      return;\n    }\n\n    // if decimals are not allowed for this response, we discard the input\n    if (noDecimal && (c.value === '.' || c.value === ',')) {\n      return;\n    }\n\n    if (!c) {\n      return;\n    }\n\n    if (c.type === 'clear') {\n      log('call clear...');\n      this.input.clear();\n    } else if (c.type === 'command') {\n      this.input.command(c.value);\n    } else if (c.type === 'cursor') {\n      this.input.keystroke(c.value);\n    } else if (c.type === 'answer') {\n      this.input.write('%response%');\n    } else {\n      this.input.write(c.value);\n    }\n  };\n\n  updateDisable = isEdit => {\n    const { maxResponseAreas } = this.props;\n\n    if (maxResponseAreas) {\n      const shouldDisable = this.checkResponseAreasNumber(maxResponseAreas, isEdit);\n\n      this.setState({ addDisabled: shouldDisable });\n    }\n  };\n\n  onAnswerBlockClick = () => {\n    this.props.onAnswerBlockAdd();\n    this.onClick({\n      type: 'answer'\n    });\n\n    this.updateDisable(true);\n  };\n\n  onEditorChange = latex => {\n    const { onChange, noDecimal } = this.props;\n\n    updateSpans();\n\n    this.updateDisable(true);\n\n    // if no decimals are allowed and the last change is a decimal dot, discard the change\n    if (noDecimal && (latex.indexOf('.') !== -1 || latex.indexOf(',') !== -1) && this.input) {\n      this.input.clear();\n      this.input.write(latex.replace(decimalRegex, ''));\n      return;\n    }\n\n    onChange(latex);\n  };\n\n  /** Only render if the mathquill instance's latex is different\n   * or the keypad state changed from one state to the other (shown / hidden) */\n  shouldComponentUpdate(nextProps, nextState) {\n    const inputIsDifferent = this.input.mathField.latex() !== nextProps.latex;\n    log('[shouldComponentUpdate] ', 'inputIsDifferent: ', inputIsDifferent);\n\n    if (!isEqual(this.props.error, nextProps.error)) {\n      return true;\n    }\n\n    if (!inputIsDifferent && this.props.keypadMode !== nextProps.keypadMode) {\n      return true;\n    }\n\n    if (!inputIsDifferent && this.props.noDecimal !== nextProps.noDecimal) {\n      return true;\n    }\n\n    if (!inputIsDifferent && this.state.equationEditor !== nextState.equationEditor) {\n      return true;\n    }\n\n    if (!inputIsDifferent && this.props.controlledKeypad) {\n      return this.props.showKeypad !== nextProps.showKeypad;\n    }\n\n    return inputIsDifferent;\n  }\n\n  onEditorTypeChange = evt => {\n    this.setState({ equationEditor: evt.target.value });\n  };\n\n  checkResponseAreasNumber = (maxResponseAreas, isEdit) => {\n    const { latex } = (this.input && this.input.props) || {};\n\n    if (latex) {\n      const count = (latex.match(/answerBlock/g) || []).length;\n\n      return isEdit ? count === maxResponseAreas - 1 : count === maxResponseAreas;\n    }\n\n    return false;\n  };\n\n  render() {\n    const {\n      classNames,\n      keypadMode,\n      allowAnswerBlock,\n      additionalKeys,\n      controlledKeypad,\n      controlledKeypadMode,\n      showKeypad,\n      noDecimal,\n      hideInput,\n      layoutForKeyPad,\n      latex,\n      onFocus,\n      onBlur,\n      classes,\n      error\n    } = this.props;\n    const shouldShowKeypad = !controlledKeypad || (controlledKeypad && showKeypad);\n    const { addDisabled } = this.state;\n\n    log('[render]', latex);\n\n    return (\n      <div className={cx(classes.mathToolbar, classNames.mathToolbar)}>\n        <div className={cx(classes.inputAndTypeContainer, { [classes.hide]: hideInput })}>\n          {controlledKeypadMode && (\n            <InputContainer label=\"Equation Editor\" className={classes.selectContainer}>\n              <Select\n                className={classes.select}\n                onChange={this.onEditorTypeChange}\n                value={this.state.equationEditor}\n              >\n                <MenuItem value=\"non-negative-integers\">Numeric - Non-Negative Integers</MenuItem>\n                <MenuItem value=\"integers\">Numeric - Integers</MenuItem>\n                <MenuItem value=\"decimals\">Numeric - Decimals</MenuItem>\n                <MenuItem value=\"fractions\">Numeric - Fractions</MenuItem>\n                <MenuItem value={1}>Grade 1 - 2</MenuItem>\n                <MenuItem value={3}>Grade 3 - 5</MenuItem>\n                <MenuItem value={6}>Grade 6 - 7</MenuItem>\n                <MenuItem value={8}>Grade 8 - HS</MenuItem>\n                <MenuItem value={'geometry'}>Geometry</MenuItem>\n                <MenuItem value={'advanced-algebra'}>Advanced Algebra</MenuItem>\n                <MenuItem value={'statistics'}>Statistics</MenuItem>\n                <MenuItem value={'item-authoring'}>Item Authoring</MenuItem>\n              </Select>\n            </InputContainer>\n          )}\n          <div className={cx(classes.inputContainer, error ? classes.error : '')}>\n            <mq.Input\n              onFocus={() => {\n                onFocus && onFocus();\n                this.updateDisable(false);\n              }}\n              onBlur={event => {\n                this.updateDisable(false);\n                onBlur && onBlur(event);\n              }}\n              className={cx(\n                classes.mathEditor,\n                classNames.editor,\n                !controlledKeypadMode ? classes.longMathEditor : ''\n              )}\n              innerRef={r => (this.input = r)}\n              latex={latex}\n              onChange={this.onEditorChange}\n            />\n          </div>\n        </div>\n        {allowAnswerBlock && (\n          <Button\n            className={classes.addAnswerBlockButton}\n            type=\"primary\"\n            style={{ bottom: shouldShowKeypad ? '320px' : '20px' }}\n            onClick={this.onAnswerBlockClick}\n            disabled={addDisabled}\n          >\n            + Response Area\n          </Button>\n        )}\n        <hr className={classes.hr} />\n        {shouldShowKeypad && (\n          <HorizontalKeypad\n            className={classes.keyboard}\n            layoutForKeyPad={layoutForKeyPad}\n            additionalKeys={additionalKeys}\n            mode={controlledKeypadMode ? this.state.equationEditor : keypadMode}\n            onClick={this.onClick}\n            noDecimal={noDecimal}\n          />\n        )}\n      </div>\n    );\n  }\n}\n\nconst styles = theme => ({\n  inputAndTypeContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    '& .mq-editable-field .mq-cursor': {\n      top: '-4px'\n    },\n    '& .mq-math-mode .mq-selection, .mq-editable-field .mq-selection': {\n      paddingTop: '18px'\n    },\n    '& .mq-math-mode .mq-overarrow': {\n      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'\n    },\n    '& .mq-math-mode .mq-overline .mq-overline-inner': {\n      paddingTop: '0.4em !important'\n    },\n    '& .mq-overarrow.mq-arrow-both': {\n      minWidth: '1.23em',\n      '& *': {\n        lineHeight: '1 !important'\n      },\n      '&:before': {\n        top: '-0.45em',\n        left: '-1px'\n      },\n      '&:after': {\n        position: 'absolute',\n        top: '0px !important',\n        right: '-2px'\n      },\n      '&.mq-empty:after': {\n        top: '-0.45em'\n      }\n    },\n    '& .mq-overarrow.mq-arrow-right': {\n      '&:before': {\n        top: '-0.4em',\n        right: '-1px'\n      }\n    },\n    '& *': {\n      fontFamily: 'MJXZERO, MJXTEX !important',\n\n      '& .mq-math-mode > span > var': {\n        fontFamily: 'MJXZERO, MJXTEX-I !important'\n      },\n      '& .mq-math-mode span var': {\n        fontFamily: 'MJXZERO, MJXTEX-I !important'\n      },\n      '& .mq-math-mode .mq-nonSymbola': {\n        fontFamily: 'MJXZERO, MJXTEX-I !important'\n      },\n      '& .mq-math-mode > span > var.mq-operator-name': {\n        fontFamily: 'MJXZERO, MJXTEX !important'\n      },\n\n      '& .mq-math-mode .mq-sqrt-prefix': {\n        verticalAlign: 'bottom !important',\n        top: '0 !important',\n        left: '-0.1em !important'\n      },\n\n      '& .mq-math-mode .mq-overarc ': {\n        paddingTop: '0.45em !important'\n      },\n\n      '& .mq-math-mode sup.mq-nthroot': {\n        fontSize: '70% !important',\n        verticalAlign: '0.5em !important',\n        paddingRight: '0.15em'\n      },\n\n      '& .mq-math-mode .mq-empty': {\n        padding: '9px 1px !important'\n      },\n\n      '& .mq-math-mode .mq-root-block': {\n        paddingTop: '10px'\n      },\n\n      '& .mq-scaled .mq-sqrt-prefix': {\n        top: '0 !important'\n      },\n\n      '& .mq-longdiv-inner': {\n        marginTop: '-1px',\n        marginLeft: '5px !important;',\n\n        '& > .mq-empty': {\n          padding: '0 !important',\n          marginLeft: '0px !important',\n          marginTop: '2px'\n        }\n      },\n\n      '& .mq-math-mode .mq-longdiv': {\n        display: 'inline-flex !important'\n      },\n\n      '& .mq-math-mode .mq-longdiv .mq-longdiv-inner': {\n        marginLeft: '4px !important',\n        paddingTop: '6px !important',\n        paddingLeft: '6px !important'\n      },\n\n      '& .mq-math-mode .mq-supsub': {\n        fontSize: '70.7% !important'\n      },\n\n      '& .mq-math-mode .mq-paren': {\n        verticalAlign: 'top !important',\n        padding: '1px 0.1em !important'\n      },\n\n      '& .mq-math-mode .mq-sqrt-stem': {\n        borderTop: '0.07em solid',\n        marginLeft: '-1.5px',\n        marginTop: '-2px !important',\n        paddingTop: '5px !important'\n      },\n\n      '& .mq-supsub ': {\n        fontSize: '70.7%'\n      },\n\n      '& .mq-math-mode .mq-supsub.mq-sup-only': {\n        verticalAlign: '-0.1em !important',\n\n        '& .mq-sup': {\n          marginBottom: '0px !important'\n        }\n      },\n\n      '& .mq-math-mode .mq-denominator': {\n        marginTop: '-5px !important',\n        padding: '0.5em 0.1em 0.1em !important'\n      },\n\n      '& .mq-math-mode .mq-numerator, .mq-math-mode .mq-over': {\n        padding: '0 0.1em !important',\n        paddingBottom: '0 !important',\n        marginBottom: '4.5px'\n      },\n\n      '-webkit-font-smoothing': 'antialiased !important'\n    }\n  },\n  hide: {\n    display: 'none'\n  },\n  selectContainer: {\n    flex: 'initial',\n    width: '25%',\n    minWidth: '100px',\n    marginLeft: '15px',\n    marginTop: '5px',\n    marginBottom: '5px',\n    marginRight: '5px',\n\n    '& label': {\n      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'\n    },\n\n    '& div': {\n      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'\n    }\n  },\n  mathEditor: {\n    maxWidth: '400px',\n    color: color.text(),\n    backgroundColor: color.background(),\n    padding: '2px'\n  },\n  longMathEditor: {\n    maxWidth: '500px'\n  },\n  addAnswerBlockButton: {\n    position: 'absolute',\n    right: '12px',\n    border: '1px solid lightgrey'\n  },\n  hr: {\n    padding: 0,\n    margin: 0,\n    height: '1px',\n    border: 'none',\n    borderBottom: `solid 1px ${theme.palette.primary.main}`\n  },\n  mathToolbar: {\n    zIndex: 9,\n    position: 'relative',\n    textAlign: 'center',\n    width: 'auto',\n    '& > .mq-math-mode': {\n      border: 'solid 1px lightgrey'\n    },\n    '& > .mq-focused': {\n      outline: 'none',\n      boxShadow: 'none',\n      border: `dotted 1px ${theme.palette.primary.main}`,\n      borderRadius: '0px'\n    },\n    '& .mq-overarrow-inner': {\n      border: 'none !important',\n      paddingTop: '0 !important'\n    },\n    '& .mq-overarrow-inner-right': {\n      display: 'none !important'\n    },\n    '& .mq-overarrow-inner-left': {\n      display: 'none !important'\n    },\n    '& .mq-longdiv-inner': {\n      borderTop: '1px solid !important',\n      paddingTop: '1.5px !important'\n    },\n    '& .mq-overarrow.mq-arrow-both': {\n      top: '7.8px',\n      marginTop: '0px',\n      minWidth: '1.23em'\n    },\n    '& .mq-parallelogram': {\n      lineHeight: 0.85\n    }\n  },\n  inputContainer: {\n    minWidth: '500px',\n    maxWidth: '900px',\n    minHeight: '30px',\n    width: '100%',\n    display: 'flex',\n    marginTop: theme.spacing.unit,\n    marginBottom: theme.spacing.unit,\n\n    '& .mq-sqrt-prefix .mq-scaled': {\n      verticalAlign: 'middle !important'\n    }\n  },\n  error: {\n    border: '2px solid red'\n  },\n  keyboard: {\n    '& *': {\n      fontFamily: 'MJXZERO, MJXTEX !important',\n\n      '& .mq-math-mode > span > var': {\n        fontFamily: 'MJXZERO, MJXTEX-I !important'\n      },\n      '& .mq-math-mode span var': {\n        fontFamily: 'MJXZERO, MJXTEX-I !important'\n      },\n      '& .mq-math-mode .mq-nonSymbola': {\n        fontFamily: 'MJXZERO, MJXTEX-I !important'\n      },\n      '& .mq-math-mode > span > var.mq-operator-name': {\n        fontFamily: 'MJXZERO, MJXTEX !important'\n      },\n\n      '& .mq-math-mode .mq-sqrt-prefix': {\n        top: '0 !important'\n      },\n\n      '& .mq-math-mode .mq-empty': {\n        padding: '9px 1px !important'\n      },\n\n      '& .mq-longdiv-inner': {\n        marginTop: '-1px',\n        marginLeft: '5px !important;',\n\n        '& > .mq-empty': {\n          padding: '0 !important',\n          marginLeft: '0px !important',\n          marginTop: '2px'\n        }\n      },\n\n      '& .mq-math-mode .mq-longdiv': {\n        display: 'inline-flex !important'\n      },\n\n      '& .mq-math-mode .mq-supsub': {\n        fontSize: '70.7% !important'\n      },\n\n      '& .mq-math-mode .mq-sqrt-stem': {\n        marginTop: '-5px',\n        paddingTop: '4px'\n      },\n\n      '& .mq-math-mode .mq-paren': {\n        verticalAlign: 'middle !important'\n      },\n\n      '& .mq-math-mode .mq-overarrow .mq-overarrow-inner .mq-empty': {\n        padding: '0 !important'\n      },\n\n      '& .mq-math-mode .mq-overline .mq-overline-inner .mq-empty ': {\n        padding: '0 !important'\n      }\n    }\n  }\n});\n\nexport default withStyles(styles)(EditorAndPad);\n"],"mappings":"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"}
+{"version":3,"sources":["../src/editor-and-pad.jsx"],"names":["log","decimalRegex","toNodeData","data","type","value","EditorAndPad","props","noDecimal","noLatexHandling","onChange","c","input","clear","command","keystroke","write","isEdit","maxResponseAreas","shouldDisable","checkResponseAreasNumber","setState","addDisabled","onAnswerBlockAdd","onClick","updateDisable","latex","indexOf","replace","regexMatch","match","length","mathField","__controller","cursor","insLeftOf","parent","el","dispatchEvent","KeyboardEvent","keyCode","e","console","error","toString","evt","equationEditor","target","count","state","autoFocus","focus","nextProps","nextState","inputIsDifferent","keypadMode","controlledKeypad","showKeypad","classNames","allowAnswerBlock","additionalKeys","controlledKeypadMode","hideInput","layoutForKeyPad","onFocus","onBlur","classes","shouldShowKeypad","mathToolbar","inputAndTypeContainer","hide","selectContainer","select","onEditorTypeChange","inputContainer","event","mathEditor","editor","longMathEditor","r","onEditorChange","addAnswerBlockButton","bottom","onAnswerBlockClick","hr","keyboard","React","Component","PropTypes","object","oneOfType","string","number","bool","array","isRequired","func","styles","theme","display","alignItems","top","paddingTop","fontFamily","minWidth","lineHeight","left","position","right","verticalAlign","fontSize","paddingRight","padding","marginTop","marginLeft","paddingLeft","borderTop","marginBottom","paddingBottom","flex","width","marginRight","maxWidth","color","text","backgroundColor","background","border","margin","height","borderBottom","palette","primary","main","zIndex","textAlign","outline","boxShadow","borderRadius","minHeight","spacing","unit"],"mappings":"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","sourcesContent":["import { HorizontalKeypad, mq } from '@pie-lib/math-input';\nimport React from 'react';\nimport debug from 'debug';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\nimport Button from '@material-ui/core/Button';\nimport { withStyles } from '@material-ui/core/styles';\nconst log = debug('@pie-lib:math-toolbar:editor-and-pad');\nimport { color, InputContainer } from '@pie-lib/render-ui';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Select from '@material-ui/core/Select';\nimport { updateSpans } from '@pie-lib/math-input';\nimport isEqual from 'lodash/isEqual';\n\nconst decimalRegex = /\\.|,/g;\n\nconst toNodeData = data => {\n  if (!data) {\n    return;\n  }\n\n  const { type, value } = data;\n\n  if (type === 'command' || type === 'cursor') {\n    return data;\n  } else if (type === 'answer') {\n    return { type: 'answer', ...data };\n  } else if (value === 'clear') {\n    return { type: 'clear' };\n  } else {\n    return { type: 'write', value };\n  }\n};\n\nexport class EditorAndPad extends React.Component {\n  static propTypes = {\n    classNames: PropTypes.object,\n    keypadMode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    autoFocus: PropTypes.bool,\n    allowAnswerBlock: PropTypes.bool,\n    showKeypad: PropTypes.bool,\n    controlledKeypad: PropTypes.bool,\n    controlledKeypadMode: PropTypes.bool,\n    noDecimal: PropTypes.bool,\n    hideInput: PropTypes.bool,\n    noLatexHandling: PropTypes.bool,\n    layoutForKeyPad: PropTypes.object,\n    additionalKeys: PropTypes.array,\n    latex: PropTypes.string.isRequired,\n    onAnswerBlockAdd: PropTypes.func,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n    onChange: PropTypes.func.isRequired,\n    classes: PropTypes.object\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = { equationEditor: 'item-authoring', addDisabled: false };\n  }\n\n  componentDidMount() {\n    if (this.input && this.props.autoFocus) {\n      this.input.focus();\n    }\n  }\n\n  onClick = data => {\n    const { noDecimal, noLatexHandling, onChange } = this.props;\n    const c = toNodeData(data);\n    log('mathChange: ', c);\n\n    if (noLatexHandling) {\n      onChange(c.value);\n      return;\n    }\n\n    // if decimals are not allowed for this response, we discard the input\n    if (noDecimal && (c.value === '.' || c.value === ',')) {\n      return;\n    }\n\n    if (!c) {\n      return;\n    }\n\n    if (c.type === 'clear') {\n      log('call clear...');\n      this.input.clear();\n    } else if (c.type === 'command') {\n      this.input.command(c.value);\n    } else if (c.type === 'cursor') {\n      this.input.keystroke(c.value);\n    } else if (c.type === 'answer') {\n      this.input.write('%response%');\n    } else {\n      this.input.write(c.value);\n    }\n  };\n\n  updateDisable = isEdit => {\n    const { maxResponseAreas } = this.props;\n\n    if (maxResponseAreas) {\n      const shouldDisable = this.checkResponseAreasNumber(maxResponseAreas, isEdit);\n\n      this.setState({ addDisabled: shouldDisable });\n    }\n  };\n\n  onAnswerBlockClick = () => {\n    this.props.onAnswerBlockAdd();\n    this.onClick({\n      type: 'answer'\n    });\n\n    this.updateDisable(true);\n  };\n\n  onEditorChange = latex => {\n    const { onChange, noDecimal } = this.props;\n\n    updateSpans();\n\n    this.updateDisable(true);\n\n    // if no decimals are allowed and the last change is a decimal dot, discard the change\n    if (noDecimal && (latex.indexOf('.') !== -1 || latex.indexOf(',') !== -1) && this.input) {\n      this.input.clear();\n      this.input.write(latex.replace(decimalRegex, ''));\n      return;\n    }\n\n    // eslint-disable-next-line no-useless-escape\n    const regexMatch = latex.match(/[0-9]\\\\ \\\\frac\\{[^\\{]*\\}\\{ \\}/);\n\n    if (this.input && regexMatch && regexMatch?.length) {\n      try {\n        this.input.mathField.__controller.cursor.insLeftOf(this.input.mathField.__controller.cursor.parent[-1].parent)\n        this.input.mathField.el().dispatchEvent(new KeyboardEvent('keydown', { keyCode: 8 }));\n      } catch (e) {\n        console.error(e.toString());\n      }\n\n      return;\n    }\n\n    onChange(latex);\n  };\n\n  /** Only render if the mathquill instance's latex is different\n   * or the keypad state changed from one state to the other (shown / hidden) */\n  shouldComponentUpdate(nextProps, nextState) {\n    const inputIsDifferent = this.input.mathField.latex() !== nextProps.latex;\n    log('[shouldComponentUpdate] ', 'inputIsDifferent: ', inputIsDifferent);\n\n    if (!isEqual(this.props.error, nextProps.error)) {\n      return true;\n    }\n\n    if (!inputIsDifferent && this.props.keypadMode !== nextProps.keypadMode) {\n      return true;\n    }\n\n    if (!inputIsDifferent && this.props.noDecimal !== nextProps.noDecimal) {\n      return true;\n    }\n\n    if (!inputIsDifferent && this.state.equationEditor !== nextState.equationEditor) {\n      return true;\n    }\n\n    if (!inputIsDifferent && this.props.controlledKeypad) {\n      return this.props.showKeypad !== nextProps.showKeypad;\n    }\n\n    return inputIsDifferent;\n  }\n\n  onEditorTypeChange = evt => {\n    this.setState({ equationEditor: evt.target.value });\n  };\n\n  checkResponseAreasNumber = (maxResponseAreas, isEdit) => {\n    const { latex } = (this.input && this.input.props) || {};\n\n    if (latex) {\n      const count = (latex.match(/answerBlock/g) || []).length;\n\n      return isEdit ? count === maxResponseAreas - 1 : count === maxResponseAreas;\n    }\n\n    return false;\n  };\n\n  render() {\n    const {\n      classNames,\n      keypadMode,\n      allowAnswerBlock,\n      additionalKeys,\n      controlledKeypad,\n      controlledKeypadMode,\n      showKeypad,\n      noDecimal,\n      hideInput,\n      layoutForKeyPad,\n      latex,\n      onFocus,\n      onBlur,\n      classes,\n      error\n    } = this.props;\n    const shouldShowKeypad = !controlledKeypad || (controlledKeypad && showKeypad);\n    const { addDisabled } = this.state;\n\n    log('[render]', latex);\n\n    return (\n      <div className={cx(classes.mathToolbar, classNames.mathToolbar)}>\n        <div className={cx(classes.inputAndTypeContainer, { [classes.hide]: hideInput })}>\n          {controlledKeypadMode && (\n            <InputContainer label=\"Equation Editor\" className={classes.selectContainer}>\n              <Select\n                className={classes.select}\n                onChange={this.onEditorTypeChange}\n                value={this.state.equationEditor}\n              >\n                <MenuItem value=\"non-negative-integers\">Numeric - Non-Negative Integers</MenuItem>\n                <MenuItem value=\"integers\">Numeric - Integers</MenuItem>\n                <MenuItem value=\"decimals\">Numeric - Decimals</MenuItem>\n                <MenuItem value=\"fractions\">Numeric - Fractions</MenuItem>\n                <MenuItem value={1}>Grade 1 - 2</MenuItem>\n                <MenuItem value={3}>Grade 3 - 5</MenuItem>\n                <MenuItem value={6}>Grade 6 - 7</MenuItem>\n                <MenuItem value={8}>Grade 8 - HS</MenuItem>\n                <MenuItem value={'geometry'}>Geometry</MenuItem>\n                <MenuItem value={'advanced-algebra'}>Advanced Algebra</MenuItem>\n                <MenuItem value={'statistics'}>Statistics</MenuItem>\n                <MenuItem value={'item-authoring'}>Item Authoring</MenuItem>\n              </Select>\n            </InputContainer>\n          )}\n          <div className={cx(classes.inputContainer, error ? classes.error : '')}>\n            <mq.Input\n              onFocus={() => {\n                onFocus && onFocus();\n                this.updateDisable(false);\n              }}\n              onBlur={event => {\n                this.updateDisable(false);\n                onBlur && onBlur(event);\n              }}\n              className={cx(\n                classes.mathEditor,\n                classNames.editor,\n                !controlledKeypadMode ? classes.longMathEditor : ''\n              )}\n              innerRef={r => (this.input = r)}\n              latex={latex}\n              onChange={this.onEditorChange}\n            />\n          </div>\n        </div>\n        {allowAnswerBlock && (\n          <Button\n            className={classes.addAnswerBlockButton}\n            type=\"primary\"\n            style={{ bottom: shouldShowKeypad ? '320px' : '20px' }}\n            onClick={this.onAnswerBlockClick}\n            disabled={addDisabled}\n          >\n            + Response Area\n          </Button>\n        )}\n        <hr className={classes.hr} />\n        {shouldShowKeypad && (\n          <HorizontalKeypad\n            className={classes.keyboard}\n            layoutForKeyPad={layoutForKeyPad}\n            additionalKeys={additionalKeys}\n            mode={controlledKeypadMode ? this.state.equationEditor : keypadMode}\n            onClick={this.onClick}\n            noDecimal={noDecimal}\n          />\n        )}\n      </div>\n    );\n  }\n}\n\nconst styles = theme => ({\n  inputAndTypeContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    '& .mq-editable-field .mq-cursor': {\n      top: '-4px'\n    },\n    '& .mq-math-mode .mq-selection, .mq-editable-field .mq-selection': {\n      paddingTop: '18px'\n    },\n    '& .mq-math-mode .mq-overarrow': {\n      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'\n    },\n    '& .mq-math-mode .mq-overline .mq-overline-inner': {\n      paddingTop: '0.4em !important'\n    },\n    '& .mq-overarrow.mq-arrow-both': {\n      minWidth: '1.23em',\n      '& *': {\n        lineHeight: '1 !important'\n      },\n      '&:before': {\n        top: '-0.45em',\n        left: '-1px'\n      },\n      '&:after': {\n        position: 'absolute',\n        top: '0px !important',\n        right: '-2px'\n      },\n      '&.mq-empty:after': {\n        top: '-0.45em'\n      }\n    },\n    '& .mq-overarrow.mq-arrow-right': {\n      '&:before': {\n        top: '-0.4em',\n        right: '-1px'\n      }\n    },\n    '& *': {\n      fontFamily: 'MJXZERO, MJXTEX !important',\n\n      '& .mq-math-mode > span > var': {\n        fontFamily: 'MJXZERO, MJXTEX-I !important'\n      },\n      '& .mq-math-mode span var': {\n        fontFamily: 'MJXZERO, MJXTEX-I !important'\n      },\n      '& .mq-math-mode .mq-nonSymbola': {\n        fontFamily: 'MJXZERO, MJXTEX-I !important'\n      },\n      '& .mq-math-mode > span > var.mq-operator-name': {\n        fontFamily: 'MJXZERO, MJXTEX !important'\n      },\n\n      '& .mq-math-mode .mq-sqrt-prefix': {\n        verticalAlign: 'bottom !important',\n        top: '0 !important',\n        left: '-0.1em !important'\n      },\n\n      '& .mq-math-mode .mq-overarc ': {\n        paddingTop: '0.45em !important'\n      },\n\n      '& .mq-math-mode sup.mq-nthroot': {\n        fontSize: '70% !important',\n        verticalAlign: '0.5em !important',\n        paddingRight: '0.15em'\n      },\n\n      '& .mq-math-mode .mq-empty': {\n        padding: '9px 1px !important'\n      },\n\n      '& .mq-math-mode .mq-root-block': {\n        paddingTop: '10px'\n      },\n\n      '& .mq-scaled .mq-sqrt-prefix': {\n        top: '0 !important'\n      },\n\n      '& .mq-longdiv-inner': {\n        marginTop: '-1px',\n        marginLeft: '5px !important;',\n\n        '& > .mq-empty': {\n          padding: '0 !important',\n          marginLeft: '0px !important',\n          marginTop: '2px'\n        }\n      },\n\n      '& .mq-math-mode .mq-longdiv': {\n        display: 'inline-flex !important'\n      },\n\n      '& .mq-math-mode .mq-longdiv .mq-longdiv-inner': {\n        marginLeft: '4px !important',\n        paddingTop: '6px !important',\n        paddingLeft: '6px !important'\n      },\n\n      '& .mq-math-mode .mq-supsub': {\n        fontSize: '70.7% !important'\n      },\n\n      '& .mq-math-mode .mq-paren': {\n        verticalAlign: 'top !important',\n        padding: '1px 0.1em !important'\n      },\n\n      '& .mq-math-mode .mq-sqrt-stem': {\n        borderTop: '0.07em solid',\n        marginLeft: '-1.5px',\n        marginTop: '-2px !important',\n        paddingTop: '5px !important'\n      },\n\n      '& .mq-supsub ': {\n        fontSize: '70.7%'\n      },\n\n      '& .mq-math-mode .mq-supsub.mq-sup-only': {\n        verticalAlign: '-0.1em !important',\n\n        '& .mq-sup': {\n          marginBottom: '0px !important'\n        }\n      },\n\n      '& .mq-math-mode .mq-denominator': {\n        marginTop: '-5px !important',\n        padding: '0.5em 0.1em 0.1em !important'\n      },\n\n      '& .mq-math-mode .mq-numerator, .mq-math-mode .mq-over': {\n        padding: '0 0.1em !important',\n        paddingBottom: '0 !important',\n        marginBottom: '4.5px'\n      },\n\n      '-webkit-font-smoothing': 'antialiased !important'\n    }\n  },\n  hide: {\n    display: 'none'\n  },\n  selectContainer: {\n    flex: 'initial',\n    width: '25%',\n    minWidth: '100px',\n    marginLeft: '15px',\n    marginTop: '5px',\n    marginBottom: '5px',\n    marginRight: '5px',\n\n    '& label': {\n      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'\n    },\n\n    '& div': {\n      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'\n    }\n  },\n  mathEditor: {\n    maxWidth: '400px',\n    color: color.text(),\n    backgroundColor: color.background(),\n    padding: '2px'\n  },\n  longMathEditor: {\n    maxWidth: '500px'\n  },\n  addAnswerBlockButton: {\n    position: 'absolute',\n    right: '12px',\n    border: '1px solid lightgrey'\n  },\n  hr: {\n    padding: 0,\n    margin: 0,\n    height: '1px',\n    border: 'none',\n    borderBottom: `solid 1px ${theme.palette.primary.main}`\n  },\n  mathToolbar: {\n    zIndex: 9,\n    position: 'relative',\n    textAlign: 'center',\n    width: 'auto',\n    '& > .mq-math-mode': {\n      border: 'solid 1px lightgrey'\n    },\n    '& > .mq-focused': {\n      outline: 'none',\n      boxShadow: 'none',\n      border: `dotted 1px ${theme.palette.primary.main}`,\n      borderRadius: '0px'\n    },\n    '& .mq-overarrow-inner': {\n      border: 'none !important',\n      paddingTop: '0 !important'\n    },\n    '& .mq-overarrow-inner-right': {\n      display: 'none !important'\n    },\n    '& .mq-overarrow-inner-left': {\n      display: 'none !important'\n    },\n    '& .mq-longdiv-inner': {\n      borderTop: '1px solid !important',\n      paddingTop: '1.5px !important'\n    },\n    '& .mq-overarrow.mq-arrow-both': {\n      top: '7.8px',\n      marginTop: '0px',\n      minWidth: '1.23em'\n    },\n    '& .mq-parallelogram': {\n      lineHeight: 0.85\n    }\n  },\n  inputContainer: {\n    minWidth: '500px',\n    maxWidth: '900px',\n    minHeight: '30px',\n    width: '100%',\n    display: 'flex',\n    marginTop: theme.spacing.unit,\n    marginBottom: theme.spacing.unit,\n\n    '& .mq-sqrt-prefix .mq-scaled': {\n      verticalAlign: 'middle !important'\n    }\n  },\n  error: {\n    border: '2px solid red'\n  },\n  keyboard: {\n    '& *': {\n      fontFamily: 'MJXZERO, MJXTEX !important',\n\n      '& .mq-math-mode > span > var': {\n        fontFamily: 'MJXZERO, MJXTEX-I !important'\n      },\n      '& .mq-math-mode span var': {\n        fontFamily: 'MJXZERO, MJXTEX-I !important'\n      },\n      '& .mq-math-mode .mq-nonSymbola': {\n        fontFamily: 'MJXZERO, MJXTEX-I !important'\n      },\n      '& .mq-math-mode > span > var.mq-operator-name': {\n        fontFamily: 'MJXZERO, MJXTEX !important'\n      },\n\n      '& .mq-math-mode .mq-sqrt-prefix': {\n        top: '0 !important'\n      },\n\n      '& .mq-math-mode .mq-empty': {\n        padding: '9px 1px !important'\n      },\n\n      '& .mq-longdiv-inner': {\n        marginTop: '-1px',\n        marginLeft: '5px !important;',\n\n        '& > .mq-empty': {\n          padding: '0 !important',\n          marginLeft: '0px !important',\n          marginTop: '2px'\n        }\n      },\n\n      '& .mq-math-mode .mq-longdiv': {\n        display: 'inline-flex !important'\n      },\n\n      '& .mq-math-mode .mq-supsub': {\n        fontSize: '70.7% !important'\n      },\n\n      '& .mq-math-mode .mq-sqrt-stem': {\n        marginTop: '-5px',\n        paddingTop: '4px'\n      },\n\n      '& .mq-math-mode .mq-paren': {\n        verticalAlign: 'middle !important'\n      },\n\n      '& .mq-math-mode .mq-overarrow .mq-overarrow-inner .mq-empty': {\n        padding: '0 !important'\n      },\n\n      '& .mq-math-mode .mq-overline .mq-overline-inner .mq-empty ': {\n        padding: '0 !important'\n      }\n    }\n  }\n});\n\nexport default withStyles(styles)(EditorAndPad);\n"],"file":"editor-and-pad.js"}

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["MathToolbar","props","onDone","state","latex","setState","onChange","nextProps","classNames","autoFocus","allowAnswerBlock","onAnswerBlockAdd","controlledKeypad","controlledKeypadMode","keypadMode","noDecimal","additionalKeys","showKeypad","onFocus","onBlur","hideDoneButton","error","maxResponseAreas","done","React","Component","PropTypes","bool","oneOfType","string","number","object","array","isRequired","func","RawPureToolbar","hideInput","noLatexHandling","layoutForKeyPad","classes","cx","pureToolbar","toolbar","styles","display","width","zIndex","alignItems","PureToolbar","withStyles"],"sources":["../src/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\nimport EditorAndPad from './editor-and-pad';\nimport { DoneButton } from './done-button';\nimport { withStyles } from '@material-ui/core/styles';\nimport MathPreview from './math-preview';\n\nexport { MathPreview };\n\nexport class MathToolbar extends React.Component {\n  static propTypes = {\n    autoFocus: PropTypes.bool,\n    allowAnswerBlock: PropTypes.bool,\n    controlledKeypad: PropTypes.bool,\n    controlledKeypadMode: PropTypes.bool,\n    keypadMode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    classNames: PropTypes.object,\n    showKeypad: PropTypes.bool,\n    noDecimal: PropTypes.bool,\n    additionalKeys: PropTypes.array,\n    latex: PropTypes.string.isRequired,\n    onAnswerBlockAdd: PropTypes.func,\n    onChange: PropTypes.func,\n    onDone: PropTypes.func.isRequired,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n    hideDoneButton: PropTypes.bool\n  };\n\n  static defaultProps = {\n    classNames: {},\n    keypadMode: 'item-authoring',\n    autoFocus: false,\n    allowAnswerBlock: false,\n    controlledKeypad: false,\n    controlledKeypadMode: false,\n    noDecimal: false,\n    showKeypad: true,\n    additionalKeys: [],\n    onChange: () => {},\n    onAnswerBlockAdd: () => {},\n    onFocus: () => {},\n    hideDoneButton: false\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      latex: props.latex\n    };\n  }\n\n  done = () => {\n    this.props.onDone(this.state.latex);\n  };\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    this.setState({ latex: nextProps.latex });\n  }\n\n  onChange = latex => {\n    this.setState({ latex });\n    this.props.onChange(latex);\n  };\n\n  render() {\n    const { latex } = this.state;\n    const {\n      classNames,\n      autoFocus,\n      allowAnswerBlock,\n      onAnswerBlockAdd,\n      controlledKeypad,\n      controlledKeypadMode,\n      keypadMode,\n      noDecimal,\n      additionalKeys,\n      showKeypad,\n      onFocus,\n      onBlur,\n      hideDoneButton,\n      error,\n      maxResponseAreas\n    } = this.props;\n\n    return (\n      <PureToolbar\n        autoFocus={autoFocus}\n        classNames={classNames}\n        onAnswerBlockAdd={onAnswerBlockAdd}\n        allowAnswerBlock={allowAnswerBlock}\n        latex={latex}\n        additionalKeys={additionalKeys}\n        noDecimal={noDecimal}\n        keypadMode={keypadMode}\n        onChange={this.onChange}\n        onDone={this.done}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        showKeypad={showKeypad}\n        controlledKeypad={controlledKeypad}\n        controlledKeypadMode={controlledKeypadMode}\n        hideDoneButton={hideDoneButton}\n        error={error}\n        maxResponseAreas={maxResponseAreas}\n      />\n    );\n  }\n}\n\nexport class RawPureToolbar extends React.Component {\n  static propTypes = {\n    classNames: PropTypes.object,\n    latex: PropTypes.string.isRequired,\n    keypadMode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    hideInput: PropTypes.bool,\n    noLatexHandling: PropTypes.bool,\n    layoutForKeyPad: PropTypes.object,\n    onChange: PropTypes.func.isRequired,\n    onDone: PropTypes.func.isRequired,\n    onBlur: PropTypes.func,\n    onAnswerBlockAdd: PropTypes.func,\n    additionalKeys: PropTypes.array,\n    onFocus: PropTypes.func,\n    classes: PropTypes.object.isRequired,\n    autoFocus: PropTypes.bool,\n    noDecimal: PropTypes.bool,\n    allowAnswerBlock: PropTypes.bool,\n    controlledKeypad: PropTypes.bool,\n    controlledKeypadMode: PropTypes.bool,\n    showKeypad: PropTypes.bool,\n    hideDoneButton: PropTypes.bool\n  };\n\n  render() {\n    const {\n      classNames,\n      autoFocus,\n      allowAnswerBlock,\n      onAnswerBlockAdd,\n      controlledKeypad,\n      controlledKeypadMode,\n      additionalKeys,\n      showKeypad,\n      keypadMode,\n      noDecimal,\n      hideInput,\n      noLatexHandling,\n      layoutForKeyPad,\n      latex,\n      onChange,\n      onDone,\n      onFocus,\n      onBlur,\n      hideDoneButton,\n      classes,\n      error,\n      maxResponseAreas\n    } = this.props;\n\n    return (\n      <div className={cx(classes.pureToolbar, (classNames || {}).toolbar)}>\n        <div />\n        <EditorAndPad\n          autoFocus={autoFocus}\n          keypadMode={keypadMode}\n          classNames={classNames || {}}\n          controlledKeypad={controlledKeypad}\n          controlledKeypadMode={controlledKeypadMode}\n          noDecimal={noDecimal}\n          hideInput={hideInput}\n          noLatexHandling={noLatexHandling}\n          layoutForKeyPad={layoutForKeyPad}\n          showKeypad={showKeypad}\n          additionalKeys={additionalKeys}\n          allowAnswerBlock={allowAnswerBlock}\n          onAnswerBlockAdd={onAnswerBlockAdd}\n          latex={latex}\n          onChange={onChange}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          error={error}\n          maxResponseAreas={maxResponseAreas}\n        />\n        {(!controlledKeypad || (controlledKeypad && showKeypad)) && !hideDoneButton && (\n          <DoneButton onClick={onDone} />\n        )}\n      </div>\n    );\n  }\n}\nconst styles = () => ({\n  pureToolbar: {\n    display: 'flex',\n    width: '100%',\n    zIndex: 8,\n    alignItems: 'center'\n  }\n});\n\nexport const PureToolbar = withStyles(styles)(RawPureToolbar);\n"],"mappings":"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"}
+{"version":3,"sources":["../src/index.jsx"],"names":["MathToolbar","props","onDone","state","latex","setState","onChange","nextProps","classNames","autoFocus","allowAnswerBlock","onAnswerBlockAdd","controlledKeypad","controlledKeypadMode","keypadMode","noDecimal","additionalKeys","showKeypad","onFocus","onBlur","hideDoneButton","error","maxResponseAreas","done","React","Component","PropTypes","bool","oneOfType","string","number","object","array","isRequired","func","RawPureToolbar","hideInput","noLatexHandling","layoutForKeyPad","classes","pureToolbar","toolbar","styles","display","width","zIndex","alignItems","PureToolbar"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\nimport EditorAndPad from './editor-and-pad';\nimport { DoneButton } from './done-button';\nimport { withStyles } from '@material-ui/core/styles';\nimport MathPreview from './math-preview';\n\nexport { MathPreview };\n\nexport class MathToolbar extends React.Component {\n  static propTypes = {\n    autoFocus: PropTypes.bool,\n    allowAnswerBlock: PropTypes.bool,\n    controlledKeypad: PropTypes.bool,\n    controlledKeypadMode: PropTypes.bool,\n    keypadMode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    classNames: PropTypes.object,\n    showKeypad: PropTypes.bool,\n    noDecimal: PropTypes.bool,\n    additionalKeys: PropTypes.array,\n    latex: PropTypes.string.isRequired,\n    onAnswerBlockAdd: PropTypes.func,\n    onChange: PropTypes.func,\n    onDone: PropTypes.func.isRequired,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n    hideDoneButton: PropTypes.bool\n  };\n\n  static defaultProps = {\n    classNames: {},\n    keypadMode: 'item-authoring',\n    autoFocus: false,\n    allowAnswerBlock: false,\n    controlledKeypad: false,\n    controlledKeypadMode: false,\n    noDecimal: false,\n    showKeypad: true,\n    additionalKeys: [],\n    onChange: () => {},\n    onAnswerBlockAdd: () => {},\n    onFocus: () => {},\n    hideDoneButton: false\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      latex: props.latex\n    };\n  }\n\n  done = () => {\n    this.props.onDone(this.state.latex);\n  };\n\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    this.setState({ latex: nextProps.latex });\n  }\n\n  onChange = latex => {\n    this.setState({ latex });\n    this.props.onChange(latex);\n  };\n\n  render() {\n    const { latex } = this.state;\n    const {\n      classNames,\n      autoFocus,\n      allowAnswerBlock,\n      onAnswerBlockAdd,\n      controlledKeypad,\n      controlledKeypadMode,\n      keypadMode,\n      noDecimal,\n      additionalKeys,\n      showKeypad,\n      onFocus,\n      onBlur,\n      hideDoneButton,\n      error,\n      maxResponseAreas\n    } = this.props;\n\n    return (\n      <PureToolbar\n        autoFocus={autoFocus}\n        classNames={classNames}\n        onAnswerBlockAdd={onAnswerBlockAdd}\n        allowAnswerBlock={allowAnswerBlock}\n        latex={latex}\n        additionalKeys={additionalKeys}\n        noDecimal={noDecimal}\n        keypadMode={keypadMode}\n        onChange={this.onChange}\n        onDone={this.done}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        showKeypad={showKeypad}\n        controlledKeypad={controlledKeypad}\n        controlledKeypadMode={controlledKeypadMode}\n        hideDoneButton={hideDoneButton}\n        error={error}\n        maxResponseAreas={maxResponseAreas}\n      />\n    );\n  }\n}\n\nexport class RawPureToolbar extends React.Component {\n  static propTypes = {\n    classNames: PropTypes.object,\n    latex: PropTypes.string.isRequired,\n    keypadMode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    hideInput: PropTypes.bool,\n    noLatexHandling: PropTypes.bool,\n    layoutForKeyPad: PropTypes.object,\n    onChange: PropTypes.func.isRequired,\n    onDone: PropTypes.func.isRequired,\n    onBlur: PropTypes.func,\n    onAnswerBlockAdd: PropTypes.func,\n    additionalKeys: PropTypes.array,\n    onFocus: PropTypes.func,\n    classes: PropTypes.object.isRequired,\n    autoFocus: PropTypes.bool,\n    noDecimal: PropTypes.bool,\n    allowAnswerBlock: PropTypes.bool,\n    controlledKeypad: PropTypes.bool,\n    controlledKeypadMode: PropTypes.bool,\n    showKeypad: PropTypes.bool,\n    hideDoneButton: PropTypes.bool\n  };\n\n  render() {\n    const {\n      classNames,\n      autoFocus,\n      allowAnswerBlock,\n      onAnswerBlockAdd,\n      controlledKeypad,\n      controlledKeypadMode,\n      additionalKeys,\n      showKeypad,\n      keypadMode,\n      noDecimal,\n      hideInput,\n      noLatexHandling,\n      layoutForKeyPad,\n      latex,\n      onChange,\n      onDone,\n      onFocus,\n      onBlur,\n      hideDoneButton,\n      classes,\n      error,\n      maxResponseAreas\n    } = this.props;\n\n    return (\n      <div className={cx(classes.pureToolbar, (classNames || {}).toolbar)}>\n        <div />\n        <EditorAndPad\n          autoFocus={autoFocus}\n          keypadMode={keypadMode}\n          classNames={classNames || {}}\n          controlledKeypad={controlledKeypad}\n          controlledKeypadMode={controlledKeypadMode}\n          noDecimal={noDecimal}\n          hideInput={hideInput}\n          noLatexHandling={noLatexHandling}\n          layoutForKeyPad={layoutForKeyPad}\n          showKeypad={showKeypad}\n          additionalKeys={additionalKeys}\n          allowAnswerBlock={allowAnswerBlock}\n          onAnswerBlockAdd={onAnswerBlockAdd}\n          latex={latex}\n          onChange={onChange}\n          onFocus={onFocus}\n          onBlur={onBlur}\n          error={error}\n          maxResponseAreas={maxResponseAreas}\n        />\n        {(!controlledKeypad || (controlledKeypad && showKeypad)) && !hideDoneButton && (\n          <DoneButton onClick={onDone} />\n        )}\n      </div>\n    );\n  }\n}\nconst styles = () => ({\n  pureToolbar: {\n    display: 'flex',\n    width: '100%',\n    zIndex: 8,\n    alignItems: 'center'\n  }\n});\n\nexport const PureToolbar = withStyles(styles)(RawPureToolbar);\n"],"file":"index.js"}

package/lib/math-preview.js.map

@@ -1 +1 @@
-{"version":3,"file":"math-preview.js","names":["log","debug","RawMathPreview","props","node","data","latex","get","classes","isSelected","onFocus","onBlur","classNames","root","selected","insideOverlay","React","Component","PropTypes","string","object","bool","func","mp","theme","display","alignItems","position","fontFamily","border","outline","boxShadow","borderRadius","paddingTop","verticalAlign","top","left","marginTop","padding","paddingBottom","marginBottom","fontSize","paddingRight","marginLeft","paddingLeft","borderTop","minWidth","lineHeight","right","palette","primary","main","bottom","withStyles"],"sources":["../src/math-preview.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport debug from 'debug';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport { mq } from '@pie-lib/math-input';\n\nconst log = debug('@pie-lib:math-toolbar:math-preview');\n\nexport class RawMathPreview extends React.Component {\n  static propTypes = {\n    latex: PropTypes.string,\n    node: PropTypes.object,\n    classes: PropTypes.object,\n    isSelected: PropTypes.bool,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func\n  };\n\n  render() {\n    log('[render] data: ', this.props.node.data);\n    const latex = this.props.node.data.get('latex');\n    const { classes, isSelected, onFocus, onBlur } = this.props;\n    return (\n      <div className={classNames(classes.root, isSelected && classes.selected)}>\n        {' '}\n        <span className={classes.insideOverlay} />\n        <mq.Static latex={latex} onFocus={onFocus} onBlur={onBlur} />\n      </div>\n    );\n  }\n}\n\nconst mp = theme => ({\n  root: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    position: 'relative',\n    '& *': {\n      fontFamily: 'MJXZERO, MJXTEX !important',\n      '-webkit-font-smoothing': 'antialiased !important'\n    },\n    '& > .mq-math-mode > span > var': {\n      fontFamily: 'MJXZERO, MJXTEX-I !important'\n    },\n    '& > .mq-math-mode span var': {\n      fontFamily: 'MJXZERO, MJXTEX-I !important'\n    },\n    '& > .mq-math-mode .mq-nonSymbola': {\n      fontFamily: 'MJXZERO, MJXTEX-I !important'\n    },\n    '& > .mq-math-mode > span > var.mq-operator-name': {\n      fontFamily: 'MJXZERO, MJXTEX !important'\n    },\n    '& > .mq-math-mode': {\n      border: 'solid 1px lightgrey'\n    },\n    '& > .mq-focused': {\n      outline: 'none',\n      boxShadow: 'none',\n      border: 'solid 1px black',\n      borderRadius: '0px'\n    },\n    '& > .mq-math-mode .mq-root-block': {\n      paddingTop: '7px !important'\n    },\n    '& > .mq-math-mode .mq-overarc ': {\n      paddingTop: '0.45em !important'\n    },\n    '& > .mq-math-mode .mq-sqrt-prefix': {\n      verticalAlign: 'bottom !important',\n      top: '0 !important',\n      left: '-0.1em !important'\n    },\n    '& > .mq-math-mode .mq-denominator': {\n      marginTop: '-5px !important',\n      padding: '0.5em 0.1em 0.1em !important'\n    },\n    '& > .mq-math-mode .mq-numerator, .mq-math-mode .mq-over': {\n      padding: '0 0.1em !important',\n      paddingBottom: '0 !important',\n      marginBottom: '4.5px'\n    },\n    '& > .mq-math-mode sup.mq-nthroot': {\n      fontSize: '70.7% !important',\n      verticalAlign: '0.5em !important',\n      paddingRight: '0.15em'\n    },\n    '& > .mq-longdiv-inner': {\n      marginTop: '-1px',\n      marginLeft: '5px !important;',\n\n      '& > .mq-empty': {\n        padding: '0 !important',\n        marginLeft: '0px !important',\n        marginTop: '2px'\n      }\n    },\n    '& > .mq-math-mode .mq-longdiv': {\n      display: 'inline-flex !important'\n    },\n    '& > .mq-math-mode .mq-longdiv .mq-longdiv-inner .mq-empty': {\n      paddingTop: '6px !important',\n      paddingLeft: '4px !important'\n    },\n    '& > .mq-math-mode .mq-longdiv .mq-longdiv-inner': {\n      marginLeft: '0 !important'\n    },\n    '& > .mq-math-mode .mq-supsub': {\n      fontSize: '70.7% !important'\n    },\n    '& > .mq-math-mode .mq-overarrow': {\n      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'\n    },\n    '& > .mq-math-mode .mq-paren': {\n      verticalAlign: 'top !important',\n      padding: '1px 0.1em !important'\n    },\n\n    '& > .mq-math-mode .mq-sqrt-stem': {\n      borderTop: '0.07em solid',\n      marginLeft: '-1.5px',\n      marginTop: '-2px !important',\n      paddingTop: '5px !important'\n    },\n    '& > .mq-supsub ': {\n      fontSize: '70.7%'\n    },\n\n    '& > .mq-math-mode .mq-supsub.mq-sup-only': {\n      verticalAlign: '-0.1em !important',\n\n      '& .mq-sup': {\n        marginBottom: '0px !important'\n      }\n    },\n    '& .mq-overarrow-inner': {\n      paddingTop: '0 !important',\n      border: 'none !important'\n    },\n    '& .mq-editable-field .mq-cursor': {\n      marginTop: '-15px !important'\n    },\n    '& .mq-overarrow.mq-arrow-both': {\n      top: '7.5px',\n      marginTop: '0px',\n      minWidth: '1.23em',\n      '& *': {\n        lineHeight: '1 !important'\n      },\n      '&:before': {\n        top: '-0.4em',\n        left: '-1px'\n      },\n      '&:after': {\n        top: '0px !important',\n        position: 'absolute',\n        right: '-2px'\n      },\n      '&.mq-empty:after': {\n        top: '-0.45em'\n      }\n    },\n    '& .mq-overarrow.mq-arrow-right': {\n      '&:before': {\n        top: '-0.4em',\n        right: '-1px'\n      }\n    },\n    '& .mq-overarrow-inner-right': {\n      display: 'none !important'\n    },\n    '& .mq-overarrow-inner-left': {\n      display: 'none !important'\n    },\n    '& .mq-longdiv-inner': {\n      borderTop: '1px solid !important',\n      paddingTop: '1.5px !important'\n    },\n    '& .mq-parallelogram': {\n      lineHeight: 0.85\n    }\n  },\n  selected: {\n    border: `solid 1px ${theme.palette.primary.main}`,\n    '& > .mq-math-mode': {\n      border: 'solid 0px lightgrey'\n    }\n  },\n  insideOverlay: {\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    right: 0,\n    top: 0\n  }\n});\n\nexport default withStyles(mp)(RawMathPreview);\n"],"mappings":"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"}
+{"version":3,"sources":["../src/math-preview.jsx"],"names":["log","RawMathPreview","props","node","data","latex","get","classes","isSelected","onFocus","onBlur","root","selected","insideOverlay","React","Component","PropTypes","string","object","bool","func","mp","theme","display","alignItems","position","fontFamily","border","outline","boxShadow","borderRadius","paddingTop","verticalAlign","top","left","marginTop","padding","paddingBottom","marginBottom","fontSize","paddingRight","marginLeft","paddingLeft","borderTop","minWidth","lineHeight","right","palette","primary","main","bottom"],"mappings":"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","sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport debug from 'debug';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport { mq } from '@pie-lib/math-input';\n\nconst log = debug('@pie-lib:math-toolbar:math-preview');\n\nexport class RawMathPreview extends React.Component {\n  static propTypes = {\n    latex: PropTypes.string,\n    node: PropTypes.object,\n    classes: PropTypes.object,\n    isSelected: PropTypes.bool,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func\n  };\n\n  render() {\n    log('[render] data: ', this.props.node.data);\n    const latex = this.props.node.data.get('latex');\n    const { classes, isSelected, onFocus, onBlur } = this.props;\n    return (\n      <div className={classNames(classes.root, isSelected && classes.selected)}>\n        {' '}\n        <span className={classes.insideOverlay} />\n        <mq.Static latex={latex} onFocus={onFocus} onBlur={onBlur} />\n      </div>\n    );\n  }\n}\n\nconst mp = theme => ({\n  root: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    position: 'relative',\n    '& *': {\n      fontFamily: 'MJXZERO, MJXTEX !important',\n      '-webkit-font-smoothing': 'antialiased !important'\n    },\n    '& > .mq-math-mode > span > var': {\n      fontFamily: 'MJXZERO, MJXTEX-I !important'\n    },\n    '& > .mq-math-mode span var': {\n      fontFamily: 'MJXZERO, MJXTEX-I !important'\n    },\n    '& > .mq-math-mode .mq-nonSymbola': {\n      fontFamily: 'MJXZERO, MJXTEX-I !important'\n    },\n    '& > .mq-math-mode > span > var.mq-operator-name': {\n      fontFamily: 'MJXZERO, MJXTEX !important'\n    },\n    '& > .mq-math-mode': {\n      border: 'solid 1px lightgrey'\n    },\n    '& > .mq-focused': {\n      outline: 'none',\n      boxShadow: 'none',\n      border: 'solid 1px black',\n      borderRadius: '0px'\n    },\n    '& > .mq-math-mode .mq-root-block': {\n      paddingTop: '7px !important'\n    },\n    '& > .mq-math-mode .mq-overarc ': {\n      paddingTop: '0.45em !important'\n    },\n    '& > .mq-math-mode .mq-sqrt-prefix': {\n      verticalAlign: 'bottom !important',\n      top: '0 !important',\n      left: '-0.1em !important'\n    },\n    '& > .mq-math-mode .mq-denominator': {\n      marginTop: '-5px !important',\n      padding: '0.5em 0.1em 0.1em !important'\n    },\n    '& > .mq-math-mode .mq-numerator, .mq-math-mode .mq-over': {\n      padding: '0 0.1em !important',\n      paddingBottom: '0 !important',\n      marginBottom: '4.5px'\n    },\n    '& > .mq-math-mode sup.mq-nthroot': {\n      fontSize: '70.7% !important',\n      verticalAlign: '0.5em !important',\n      paddingRight: '0.15em'\n    },\n    '& > .mq-longdiv-inner': {\n      marginTop: '-1px',\n      marginLeft: '5px !important;',\n\n      '& > .mq-empty': {\n        padding: '0 !important',\n        marginLeft: '0px !important',\n        marginTop: '2px'\n      }\n    },\n    '& > .mq-math-mode .mq-longdiv': {\n      display: 'inline-flex !important'\n    },\n    '& > .mq-math-mode .mq-longdiv .mq-longdiv-inner .mq-empty': {\n      paddingTop: '6px !important',\n      paddingLeft: '4px !important'\n    },\n    '& > .mq-math-mode .mq-longdiv .mq-longdiv-inner': {\n      marginLeft: '0 !important'\n    },\n    '& > .mq-math-mode .mq-supsub': {\n      fontSize: '70.7% !important'\n    },\n    '& > .mq-math-mode .mq-overarrow': {\n      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'\n    },\n    '& > .mq-math-mode .mq-paren': {\n      verticalAlign: 'top !important',\n      padding: '1px 0.1em !important'\n    },\n\n    '& > .mq-math-mode .mq-sqrt-stem': {\n      borderTop: '0.07em solid',\n      marginLeft: '-1.5px',\n      marginTop: '-2px !important',\n      paddingTop: '5px !important'\n    },\n    '& > .mq-supsub ': {\n      fontSize: '70.7%'\n    },\n\n    '& > .mq-math-mode .mq-supsub.mq-sup-only': {\n      verticalAlign: '-0.1em !important',\n\n      '& .mq-sup': {\n        marginBottom: '0px !important'\n      }\n    },\n    '& .mq-overarrow-inner': {\n      paddingTop: '0 !important',\n      border: 'none !important'\n    },\n    '& .mq-editable-field .mq-cursor': {\n      marginTop: '-15px !important'\n    },\n    '& .mq-overarrow.mq-arrow-both': {\n      top: '7.5px',\n      marginTop: '0px',\n      minWidth: '1.23em',\n      '& *': {\n        lineHeight: '1 !important'\n      },\n      '&:before': {\n        top: '-0.4em',\n        left: '-1px'\n      },\n      '&:after': {\n        top: '0px !important',\n        position: 'absolute',\n        right: '-2px'\n      },\n      '&.mq-empty:after': {\n        top: '-0.45em'\n      }\n    },\n    '& .mq-overarrow.mq-arrow-right': {\n      '&:before': {\n        top: '-0.4em',\n        right: '-1px'\n      }\n    },\n    '& .mq-overarrow-inner-right': {\n      display: 'none !important'\n    },\n    '& .mq-overarrow-inner-left': {\n      display: 'none !important'\n    },\n    '& .mq-longdiv-inner': {\n      borderTop: '1px solid !important',\n      paddingTop: '1.5px !important'\n    },\n    '& .mq-parallelogram': {\n      lineHeight: 0.85\n    }\n  },\n  selected: {\n    border: `solid 1px ${theme.palette.primary.main}`,\n    '& > .mq-math-mode': {\n      border: 'solid 0px lightgrey'\n    }\n  },\n  insideOverlay: {\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    right: 0,\n    top: 0\n  }\n});\n\nexport default withStyles(mp)(RawMathPreview);\n"],"file":"math-preview.js"}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.11.2-next.112+7088b0ff",
+  "version": "1.11.2",
   "description": "Math toolbar for editing math equations",
   "keywords": [
     "math",
@@ -19,7 +19,7 @@
   "dependencies": {
     "@material-ui/core": "^3.8.3",
     "@material-ui/icons": "^3.0.2",
-    "@pie-lib/math-input": "^6.8.2-next.112+7088b0ff",
+    "@pie-lib/math-input": "^6.8.2",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
     "keycode": "^2.2.0",
@@ -33,5 +33,5 @@
     "@pie-lib/test-utils": "^0.2.19"
   },
   "scripts": {},
-  "gitHead": "7088b0ff539185f61af22b79f2f122c093e972cb"
+  "gitHead": "c4a523685d5d450799b8da3b418557090d2449ce"
 }

package/src/editor-and-pad.jsx

@@ -132,6 +132,20 @@ export class EditorAndPad extends React.Component {
       return;
     }
 
+    // eslint-disable-next-line no-useless-escape
+    const regexMatch = latex.match(/[0-9]\\ \\frac\{[^\{]*\}\{ \}/);
+
+    if (this.input && regexMatch && regexMatch?.length) {
+      try {
+        this.input.mathField.__controller.cursor.insLeftOf(this.input.mathField.__controller.cursor.parent[-1].parent)
+        this.input.mathField.el().dispatchEvent(new KeyboardEvent('keydown', { keyCode: 8 }));
+      } catch (e) {
+        console.error(e.toString());
+      }
+
+      return;
+    }
+
     onChange(latex);
   };