@pie-lib/math-input 6.8.4-next.0 → 6.8.5-next.0

package/lib/mq/custom-elements.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/mq/custom-elements.js"],"names":["registerLineBreak","MQ","registerEmbed","htmlString","text","latex"],"mappings":";;;;;;;AAAA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAASC,EAAT,EAAa;AACrCA,EAAAA,EAAE,CAACC,aAAH,CAAiB,SAAjB,EAA4B,YAAM;AAChC,WAAO;AACLC,MAAAA,UAAU,EAAE,6BADP;AAELC,MAAAA,IAAI,EAAE;AAAA,eAAM,UAAN;AAAA,OAFD;AAGLC,MAAAA,KAAK,EAAE;AAAA,eAAM,oBAAN;AAAA;AAHF,KAAP;AAKD,GAND;AAOD,CARD","sourcesContent":["const registerLineBreak = function(MQ) {\n  MQ.registerEmbed('newLine', () => {\n    return {\n      htmlString: '<div class=\"newLine\"></div>',\n      text: () => 'testText',\n      latex: () => '\\\\embed{newLine}[]'\n    };\n  });\n};\n\nexport { registerLineBreak };\n"],"file":"custom-elements.js"}
+{"version":3,"sources":["../../src/mq/custom-elements.js"],"names":["registerLineBreak","MQ","registerEmbed","htmlString","text","latex"],"mappings":";;;;;;;AAAA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAASC,EAAT,EAAa;AACrCA,EAAAA,EAAE,CAACC,aAAH,CAAiB,SAAjB,EAA4B,YAAM;AAChC,WAAO;AACLC,MAAAA,UAAU,EAAE,6BADP;AAELC,MAAAA,IAAI,EAAE;AAAA,eAAM,UAAN;AAAA,OAFD;AAGLC,MAAAA,KAAK,EAAE;AAAA,eAAM,oBAAN;AAAA;AAHF,KAAP;AAKD,GAND;AAOD,CARD","sourcesContent":["const registerLineBreak = function(MQ) {\n  MQ.registerEmbed('newLine', () => {\n    return {\n      htmlString: '<div class=\"newLine\"></div>',\n      text: () => 'testText',\n      latex: () => '\\\\embed{newLine}[]',\n    };\n  });\n};\n\nexport { registerLineBreak };\n"],"file":"custom-elements.js"}

package/lib/mq/input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/mq/input.jsx"],"names":["MQ","window","MathQuill","getInterface","registerEmbed","log","Input","onChange","props","mathField","latex","blur","focus","event","keys","Object","__controller","options","indexOf","refresh","charCode","write","onInputEdit","Error","MathField","input","handlers","edit","bind","updateLatex","v","Array","isArray","forEach","vv","cmd","keystroke","nextProps","onClick","onFocus","onBlur","classes","className","onKeyPress","r","React","Component","PropTypes","string","object","isRequired","func","styles"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport debug from 'debug';\nimport classNames from 'classnames';\nimport { registerLineBreak } from './custom-elements';\nimport MathQuill from '@pie-framework/mathquill';\n\nlet MQ;\nif (typeof window !== 'undefined') {\n  MQ = MathQuill.getInterface(2);\n\n  if (MQ && MQ.registerEmbed) {\n    registerLineBreak(MQ);\n  }\n}\n\nconst log = debug('math-input:mq:input');\n\n/**\n * Wrapper for MathQuill MQ.MathField.\n */\nexport class Input extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    classes: PropTypes.object.isRequired,\n    onClick: PropTypes.func,\n    onChange: PropTypes.func,\n    latex: PropTypes.string,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func\n  };\n\n  componentDidMount() {\n    if (!MQ) {\n      throw new Error('MQ is not defined - but component has mounted?');\n    }\n\n    this.mathField = MQ.MathField(this.input, {\n      handlers: {\n        edit: this.onInputEdit.bind(this)\n      }\n    });\n\n    this.updateLatex();\n  }\n\n  componentDidUpdate() {\n    this.updateLatex();\n  }\n\n  updateLatex() {\n    if (!this.mathField) {\n      return;\n    }\n    const { latex } = this.props;\n    if (latex) {\n      this.mathField.latex(latex);\n    }\n  }\n\n  clear() {\n    this.mathField.latex('');\n    return '';\n  }\n\n  blur() {\n    log('blur mathfield');\n    this.mathField.blur();\n  }\n\n  focus() {\n    log('focus mathfield...');\n    this.mathField.focus();\n  }\n\n  command(v) {\n    log('command: ', v);\n    if (Array.isArray(v)) {\n      v.forEach(vv => {\n        this.mathField.cmd(vv);\n      });\n    } else {\n      this.mathField.cmd(v);\n    }\n    this.mathField.focus();\n    return this.mathField.latex();\n  }\n\n  keystroke(v) {\n    this.mathField.keystroke(v);\n    this.mathField.focus();\n    return this.mathField.latex();\n  }\n\n  write(v) {\n    log('write: ', v);\n    this.mathField.write(v);\n    this.mathField.focus();\n    return this.mathField.latex();\n  }\n\n  onInputEdit = () => {\n    log('[onInputEdit] ...');\n    const { onChange } = this.props;\n    if (!this.mathField) {\n      return;\n    }\n\n    if (onChange) {\n      onChange(this.mathField.latex());\n    }\n  };\n\n  refresh = () => {\n    this.blur();\n    this.focus();\n  };\n\n  onKeyPress = event => {\n    const keys = Object.keys(this.mathField.__controller.options);\n\n    if (keys.indexOf('ignoreNextMousedown') < 0) {\n      // It seems like the controller has the above handler as an option\n      // when all the right events are set and everything works fine\n      // this seems to work in all cases\n      this.refresh();\n    }\n\n    if (event.charCode === 13) {\n      // if enter's pressed, we're going for a custom embedded element that'll\n      // have a block display (empty div) - for a hacked line break using ccs\n      // all because mathquill doesn't support a line break\n      this.write('\\\\embed{newLine}[]');\n      this.onInputEdit();\n    }\n  };\n\n  shouldComponentUpdate(nextProps) {\n    log('next: ', nextProps.latex);\n    log('current: ', this.mathField.latex());\n    return nextProps.latex !== this.mathField.latex();\n  }\n\n  render() {\n    const { onClick, onFocus, onBlur, classes, className } = this.props;\n\n    return (\n      <span\n        className={classNames(classes.input, className)}\n        onKeyPress={this.onKeyPress}\n        onClick={onClick}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        ref={r => (this.input = r)}\n      />\n    );\n  }\n}\n\nconst styles = () => ({});\n\nexport default withStyles(styles)(Input);\n"],"file":"input.js"}
+{"version":3,"sources":["../../src/mq/input.jsx"],"names":["MQ","window","MathQuill","getInterface","registerEmbed","log","Input","onChange","props","mathField","latex","blur","focus","event","keys","Object","__controller","options","indexOf","refresh","charCode","write","onInputEdit","Error","MathField","input","handlers","edit","bind","updateLatex","v","Array","isArray","forEach","vv","cmd","keystroke","nextProps","onClick","onFocus","onBlur","classes","className","onKeyPress","r","React","Component","PropTypes","string","object","isRequired","func","styles"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport debug from 'debug';\nimport classNames from 'classnames';\nimport { registerLineBreak } from './custom-elements';\nimport MathQuill from '@pie-framework/mathquill';\n\nlet MQ;\nif (typeof window !== 'undefined') {\n  MQ = MathQuill.getInterface(2);\n\n  if (MQ && MQ.registerEmbed) {\n    registerLineBreak(MQ);\n  }\n}\n\nconst log = debug('math-input:mq:input');\n\n/**\n * Wrapper for MathQuill MQ.MathField.\n */\nexport class Input extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    classes: PropTypes.object.isRequired,\n    onClick: PropTypes.func,\n    onChange: PropTypes.func,\n    latex: PropTypes.string,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n  };\n\n  componentDidMount() {\n    if (!MQ) {\n      throw new Error('MQ is not defined - but component has mounted?');\n    }\n\n    this.mathField = MQ.MathField(this.input, {\n      handlers: {\n        edit: this.onInputEdit.bind(this),\n      },\n    });\n\n    this.updateLatex();\n  }\n\n  componentDidUpdate() {\n    this.updateLatex();\n  }\n\n  updateLatex() {\n    if (!this.mathField) {\n      return;\n    }\n    const { latex } = this.props;\n    if (latex) {\n      this.mathField.latex(latex);\n    }\n  }\n\n  clear() {\n    this.mathField.latex('');\n    return '';\n  }\n\n  blur() {\n    log('blur mathfield');\n    this.mathField.blur();\n  }\n\n  focus() {\n    log('focus mathfield...');\n    this.mathField.focus();\n  }\n\n  command(v) {\n    log('command: ', v);\n    if (Array.isArray(v)) {\n      v.forEach((vv) => {\n        this.mathField.cmd(vv);\n      });\n    } else {\n      this.mathField.cmd(v);\n    }\n    this.mathField.focus();\n    return this.mathField.latex();\n  }\n\n  keystroke(v) {\n    this.mathField.keystroke(v);\n    this.mathField.focus();\n    return this.mathField.latex();\n  }\n\n  write(v) {\n    log('write: ', v);\n    this.mathField.write(v);\n    this.mathField.focus();\n    return this.mathField.latex();\n  }\n\n  onInputEdit = () => {\n    log('[onInputEdit] ...');\n    const { onChange } = this.props;\n    if (!this.mathField) {\n      return;\n    }\n\n    if (onChange) {\n      onChange(this.mathField.latex());\n    }\n  };\n\n  refresh = () => {\n    this.blur();\n    this.focus();\n  };\n\n  onKeyPress = (event) => {\n    const keys = Object.keys(this.mathField.__controller.options);\n\n    if (keys.indexOf('ignoreNextMousedown') < 0) {\n      // It seems like the controller has the above handler as an option\n      // when all the right events are set and everything works fine\n      // this seems to work in all cases\n      this.refresh();\n    }\n\n    if (event.charCode === 13) {\n      // if enter's pressed, we're going for a custom embedded element that'll\n      // have a block display (empty div) - for a hacked line break using ccs\n      // all because mathquill doesn't support a line break\n      this.write('\\\\embed{newLine}[]');\n      this.onInputEdit();\n    }\n  };\n\n  shouldComponentUpdate(nextProps) {\n    log('next: ', nextProps.latex);\n    log('current: ', this.mathField.latex());\n    return nextProps.latex !== this.mathField.latex();\n  }\n\n  render() {\n    const { onClick, onFocus, onBlur, classes, className } = this.props;\n\n    return (\n      <span\n        className={classNames(classes.input, className)}\n        onKeyPress={this.onKeyPress}\n        onClick={onClick}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        ref={(r) => (this.input = r)}\n      />\n    );\n  }\n}\n\nconst styles = () => ({});\n\nexport default withStyles(styles)(Input);\n"],"file":"input.js"}

package/lib/mq/static.js

@@ -129,7 +129,7 @@ var Static = /*#__PURE__*/function (_React$Component) {
           try {
             field.__controller.cursor.insLeftOf(field.__controller.cursor.parent[-1].parent);
 
-            field.el().dispatchEvent(new KeyboardEvent("keydown", {
+            field.el().dispatchEvent(new KeyboardEvent('keydown', {
               keyCode: 8
             }));
           } catch (e) {

package/lib/mq/static.js.map

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

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "6.8.4-next.0+15cb0236",
+  "version": "6.8.5-next.0+1fa37b5f",
   "main": "lib/index.js",
   "module": "src/index.jsx",
   "dependencies": {
@@ -22,5 +22,5 @@
     "react-dom": "^16.9.0"
   },
   "scripts": {},
-  "gitHead": "15cb0236ce51d8ffd9144c20fe1b7630c2ddb4c6"
+  "gitHead": "1fa37b5fc8de14d2836e884e11de6d84eb5fbd27"
 }

package/src/horizontal-keypad.jsx

@@ -4,7 +4,7 @@ import { keysForGrade, normalizeAdditionalKeys } from './keys/grades';
 import { extendKeySet } from './keys/utils';
 import Keypad from './keypad';
 
-const toOldModel = d => {
+const toOldModel = (d) => {
   if (d.command) {
     return { value: d.command, type: 'command' };
   } else if (d.write) {
@@ -22,16 +22,16 @@ export default class HorizontalKeypad extends React.Component {
     onClick: PropTypes.func.isRequired,
     onFocus: PropTypes.func,
     noDecimal: PropTypes.bool,
-    additionalKeys: PropTypes.array
+    additionalKeys: PropTypes.array,
   };
 
   static defaultProps = {
     mode: 'scientific',
     noDecimal: false,
-    additionalKeys: []
+    additionalKeys: [],
   };
 
-  keypadPress = data => {
+  keypadPress = (data) => {
     const { onClick } = this.props;
 
     onClick(toOldModel(data));

package/src/index.jsx

@@ -1,17 +1,17 @@
 import { keysForGrade } from './keys/grades';
 
-const addLeftBracket = s => (s.indexOf('\\(') === 0 ? s : `\\(${s}`);
-const addRightBracket = s => (s.indexOf('\\)') === s.length - 2 ? s : `${s}\\)`);
-const rmLeftBracket = s => (s.indexOf('\\(') === 0 ? s.substring(2) : s);
-const rmRightBracket = s => (s.indexOf('\\)') === s.length - 2 ? s.substring(0, s.length - 2) : s);
+const addLeftBracket = (s) => (s.indexOf('\\(') === 0 ? s : `\\(${s}`);
+const addRightBracket = (s) => (s.indexOf('\\)') === s.length - 2 ? s : `${s}\\)`);
+const rmLeftBracket = (s) => (s.indexOf('\\(') === 0 ? s.substring(2) : s);
+const rmRightBracket = (s) => (s.indexOf('\\)') === s.length - 2 ? s.substring(0, s.length - 2) : s);
 
-const addBrackets = s => addRightBracket(addLeftBracket(s));
-const removeBrackets = s => rmRightBracket(rmLeftBracket(s));
+const addBrackets = (s) => addRightBracket(addLeftBracket(s));
+const removeBrackets = (s) => rmRightBracket(rmLeftBracket(s));
 
 // increase the font of parallel notation
 const updateSpans = () => {
   const spans = Array.from(document.querySelectorAll('span[mathquill-command-id]'));
-  (spans || []).forEach(span => {
+  (spans || []).forEach((span) => {
     if (span && span.innerText === '∥' && span.className !== 'mq-editable-field') {
       span.style.fontSize = '32px';
     }

package/src/keypad/index.jsx

@@ -14,27 +14,27 @@ import _ from 'lodash';
 
 const log = debug('pie-lib:math-inline:keypad');
 
-const LatexButton = withStyles(theme => ({
+const LatexButton = withStyles((theme) => ({
   root: {
     textTransform: 'none',
     padding: 0,
     margin: 0,
-    fontSize: '110% !important'
+    fontSize: '110% !important',
   },
   latexButton: {
     pointerEvents: 'none',
     textTransform: 'none !important',
     '& .mq-scaled.mq-sqrt-prefix': {
-      transform: 'scale(1, 0.9) !important'
+      transform: 'scale(1, 0.9) !important',
     },
     '& .mq-sup-only .mq-sup': {
-      marginBottom: '0.9px !important'
+      marginBottom: '0.9px !important',
     },
     '& .mq-empty': {
-      backgroundColor: `${fade(theme.palette.secondary.main, 0.4)} !important`
+      backgroundColor: `${fade(theme.palette.secondary.main, 0.4)} !important`,
     },
     '& .mq-overline .mq-overline-inner': {
-      borderTop: '2px solid black'
+      borderTop: '2px solid black',
     },
     '& .mq-overarrow': {
       width: '30px',
@@ -45,107 +45,99 @@ const LatexButton = withStyles(theme => ({
       '&.mq-arrow-both': {
         top: '0px !important',
         '& *': {
-          lineHeight: '1 !important'
+          lineHeight: '1 !important',
         },
         '&:before': {
           fontSize: '80%',
           left: 'calc(-13%)',
-          top: '-0.31em'
+          top: '-0.31em',
         },
         '&:after': {
           fontSize: '80% !important',
           right: 'calc(-13%) !important',
-          top: '-1.5em'
+          top: '-1.5em',
         },
         '&.mq-empty:before': {
           fontSize: '80%',
           left: 'calc(-13%)',
-          top: '-0.26em'
+          top: '-0.26em',
         },
         '&.mq-empty:after': {
           fontSize: '80%',
           right: 'calc(-13%)',
-          top: '-0.26em'
+          top: '-0.26em',
         },
         '&.mq-empty': {
-          minHeight: '1.4em'
-        }
+          minHeight: '1.4em',
+        },
       },
       '&.mq-arrow-right:before': {
         fontSize: '80%',
         right: 'calc(-13%)',
-        top: '-0.26em'
+        top: '-0.26em',
       },
       '& .mq-overarrow-inner': {
-        border: 'none !important'
+        border: 'none !important',
       },
       '& .mq-overarrow-inner .mq-overarrow-inner-right': {
-        display: 'none !important'
-      }
+        display: 'none !important',
+      },
     },
     '& .mq-root-block': {
-      padding: '5px'
+      padding: '5px',
     },
     '& .mq-overarrow.mq-arrow-both.mq-empty:after': {
       right: '-6px',
       fontSize: '80% !important',
-      top: '-3px'
+      top: '-3px',
     },
     '& .mq-overarrow.mq-arrow-right.mq-empty:before': {
       right: '-5px',
       fontSize: '80% !important',
-      top: '-3px'
+      top: '-3px',
     },
     '& .mq-overarrow.mq-arrow-both.mq-empty:before': {
       left: '-6px',
       fontSize: '80% !important',
-      top: '-3px'
+      top: '-3px',
     },
     '& .mq-longdiv-inner': {
       borderTop: '1px solid !important',
-      paddingTop: '1.5px !important'
+      paddingTop: '1.5px !important',
     },
     '& .mq-parallelogram': {
-      lineHeight: 0.85
+      lineHeight: 0.85,
     },
     '& .mq-overarc': {
       borderTop: '2px solid black !important',
       '& .mq-overline-inner': {
         borderTop: 'none !important',
-        paddingTop: '0 !important'
-      }
-    }
+        paddingTop: '0 !important',
+      },
+    },
   },
   parallelButton: {
-    fontStyle: 'italic'
+    fontStyle: 'italic',
   },
   leftRightArrowButton: {
     '& .mq-overarrow.mq-arrow-both': {
       '& .mq-overline-inner': {
         borderTop: 'none !important',
-        paddingTop: '0 !important'
+        paddingTop: '0 !important',
       },
       '&:after': {
         position: 'absolute !important',
-        top: '0px !important'
-      }
-    }
-  }
-}))(props => {
+        top: '0px !important',
+      },
+    },
+  },
+}))((props) => {
   let buttonClass;
 
   if (props.latex === '\\parallel') {
-    buttonClass = classNames(
-      props.classes.latexButton,
-      props.mqClassName,
-      props.classes.parallelButton
-    );
+    buttonClass = classNames(props.classes.latexButton, props.mqClassName, props.classes.parallelButton);
   } else if (props.latex === '\\overleftrightarrow{\\overline{}}') {
-    buttonClass = classNames(
-      props.classes.latexButton,
-      props.mqClassName,
-      props.classes.leftRightArrowButton
-    );
+    buttonClass = classNames(props.classes.latexButton, props.mqClassName, props.classes.leftRightArrowButton);
   } else {
     buttonClass = classNames(props.classes.latexButton, props.mqClassName);
   }
@@ -170,12 +162,12 @@ const LatexButton = withStyles(theme => ({
   );
 });
 
-const createCustomLayout = layoutObj => {
+const createCustomLayout = (layoutObj) => {
   if (layoutObj) {
     return {
       gridTemplateColumns: `repeat(${layoutObj.columns}, minmax(min-content, 150px))`,
       gridTemplateRows: `repeat(${layoutObj.rows}, minmax(40px, 60px))`,
-      gridAutoFlow: 'initial'
+      gridAutoFlow: 'initial',
     };
   }
 
@@ -192,14 +184,14 @@ export class KeyPad extends React.Component {
     onPress: PropTypes.func.isRequired,
     onFocus: PropTypes.func,
     noDecimal: PropTypes.bool,
-    mode: PropTypes.string
+    mode: PropTypes.string,
   };
   static defaultProps = {
     baseSet: baseSet,
-    noDecimal: false
+    noDecimal: false,
   };
 
-  buttonClick = key => {
+  buttonClick = (key) => {
     log('[buttonClick]', key);
     const { onPress } = this.props;
     onPress(key);
@@ -210,13 +202,10 @@ export class KeyPad extends React.Component {
     return _.flatten(transposed);
   };
 
-  keyIsNotAllowed = key => {
+  keyIsNotAllowed = (key) => {
     const { noDecimal } = this.props;
 
-    if (
-      ((key.write === '.' && key.label === '.') || (key.write === ',' && key.label === ',')) &&
-      noDecimal
-    ) {
+    if (((key.write === '.' && key.label === '.') || (key.write === ',' && key.label === ',')) && noDecimal) {
       return true;
     }
 
@@ -224,24 +213,9 @@ export class KeyPad extends React.Component {
   };
 
   render() {
-    const {
-      classes,
-      className,
-      baseSet,
-      additionalKeys,
-      layoutForKeyPad,
-      onFocus,
-      mode
-    } = this.props;
+    const { classes, className, baseSet, additionalKeys, layoutForKeyPad, onFocus, mode } = this.props;
 
-    const noBaseSet = [
-      'non-negative-integers',
-      'integers',
-      'decimals',
-      'fractions',
-      'item-authoring',
-      'language'
-    ];
+    const noBaseSet = ['non-negative-integers', 'integers', 'decimals', 'fractions', 'item-authoring', 'language'];
 
     const keysWithoutBaseSet = noBaseSet.includes(mode);
     const allKeys = keysWithoutBaseSet
@@ -250,16 +224,11 @@ export class KeyPad extends React.Component {
 
     const shift = allKeys.length % 5 ? 1 : 0;
     const style = {
-      gridTemplateColumns: `repeat(${Math.floor(allKeys.length / 5) +
-        shift}, minmax(min-content, 150px))`,
-      ...createCustomLayout(layoutForKeyPad)
+      gridTemplateColumns: `repeat(${Math.floor(allKeys.length / 5) + shift}, minmax(min-content, 150px))`,
+      ...createCustomLayout(layoutForKeyPad),
     };
     return (
-      <div
-        className={classNames(classes.keys, className, classes[mode])}
-        style={style}
-        onFocus={onFocus}
-      >
+      <div className={classNames(classes.keys, className, classes[mode])} style={style} onFocus={onFocus}>
         {allKeys.map((k, index) => {
           const onClick = this.buttonClick.bind(this, k);
 
@@ -274,12 +243,12 @@ export class KeyPad extends React.Component {
               !keysWithoutBaseSet && classes[k.category],
               classes[k.extraClass],
               k.label === ',' && classes.comma,
-              k.label === '.' && classes.dot
+              k.label === '.' && classes.dot,
             ),
             disabled: this.keyIsNotAllowed(k),
             key: `${k.label || k.latex || k.command}-${index}`,
             ...(k.actions || {}),
-            ...(k.extraProps || {})
+            ...(k.extraProps || {}),
           };
 
           if (k.latex) {
@@ -303,20 +272,20 @@ export class KeyPad extends React.Component {
   }
 }
 
-const styles = theme => ({
+const styles = (theme) => ({
   keys: {
     '& *': {
-      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
+      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',
     },
     width: '100%',
     display: 'grid',
     gridTemplateRows: 'repeat(5, minmax(40px, 60px))',
     gridRowGap: '0px',
     gridColumnGap: '0px',
-    gridAutoFlow: 'column'
+    gridAutoFlow: 'column',
   },
   character: {
-    textTransform: 'initial !important'
+    textTransform: 'initial !important',
   },
   holder: {
     position: 'relative',
@@ -324,49 +293,49 @@ const styles = theme => ({
     height: '100%',
     backgroundColor: '#cef',
     borderRadius: 0,
-    padding: `${theme.spacing.unit}px 0 ${theme.spacing.unit}px 0`
+    padding: `${theme.spacing.unit}px 0 ${theme.spacing.unit}px 0`,
   },
   labelButton: {
     minWidth: 'auto',
     fontSize: '140% !important',
     backgroundColor: lighten(theme.palette.primary.light, 0.5),
     '&:hover': {
-      backgroundColor: lighten(theme.palette.primary.light, 0.7)
+      backgroundColor: lighten(theme.palette.primary.light, 0.7),
     },
-    borderRadius: 0
+    borderRadius: 0,
   },
   latexButton: {
     minWidth: 'auto',
     borderRadius: 0,
     backgroundColor: lighten(theme.palette.primary.light, 0.5),
     '&:hover': {
-      backgroundColor: lighten(theme.palette.primary.light, 0.7)
-    }
+      backgroundColor: lighten(theme.palette.primary.light, 0.7),
+    },
   },
   base: {},
   operators: {
     backgroundColor: lighten(theme.palette.secondary.light, 0.5),
     '&:hover': {
-      backgroundColor: lighten(theme.palette.secondary.light, 0.7)
-    }
+      backgroundColor: lighten(theme.palette.secondary.light, 0.7),
+    },
   },
   comparison: {
     backgroundColor: lighten(green[500], 0.5),
     '&:hover': {
-      backgroundColor: lighten(green[500], 0.7)
-    }
+      backgroundColor: lighten(green[500], 0.7),
+    },
   },
   comma: {
     fontSize: '200% !important',
-    lineHeight: '100%'
+    lineHeight: '100%',
   },
   dot: {
     fontSize: '200% !important',
-    lineHeight: '100%'
+    lineHeight: '100%',
   },
   icon: {
-    height: '30px'
-  }
+    height: '30px',
+  },
 });
 
 export default withStyles(styles)(KeyPad);

package/src/keypad/keys-layout.js

@@ -6,7 +6,7 @@ import * as _ from 'lodash';
  * Expects an array of rows.
  * @param {} keys
  */
-export const sortKeys = keys => {
+export const sortKeys = (keys) => {
   // add any missing rows
   _.times(5 - keys.length, () => {
     keys.push([]);

package/src/keys/basic-operators.js

@@ -5,28 +5,28 @@ const set = mkSet('operators');
 
 export const equals = set({
   write: '=',
-  label: '='
+  label: '=',
 });
 
 export const plus = set({
   write: '+',
-  label: '+'
+  label: '+',
 });
 
 export const minus = set({
   write: '−',
-  label: '−'
+  label: '−',
 });
 
 export const divide = set({
   name: 'divide',
   label: DIVIDE,
   command: '\\divide',
-  otherNotation: '\\div'
+  otherNotation: '\\div',
 });
 
 export const multiply = set({
   name: 'multiply',
   label: MULTIPLY,
-  command: '\\times'
+  command: '\\times',
 });

package/src/keys/comparison.js

@@ -1,27 +1,27 @@
-const set = o => ({ ...o, category: 'comparison' });
+const set = (o) => ({ ...o, category: 'comparison' });
 
 export const lessThan = set({
   name: 'Less than',
   latex: '<',
-  command: '\\lt'
+  command: '\\lt',
 });
 
 export const greaterThan = set({
   name: 'Greater than',
   latex: '>',
-  command: '\\gt'
+  command: '\\gt',
 });
 
 export const lessThanEqual = set({
   name: 'Less than or equal',
   latex: '\\le',
   symbol: '<=',
-  command: '\\le'
+  command: '\\le',
 });
 
 export const greaterThanEqual = set({
   name: 'Greater than or equal',
   symbol: '>=',
   command: '\\ge',
-  latex: '\\ge'
+  latex: '\\ge',
 });

package/src/keys/constants.js

@@ -7,7 +7,7 @@ export const pi = set({
   label: 'π',
   latex: '\\pi',
   command: '\\pi',
-  category: 'constants'
+  category: 'constants',
 });
 
 export const eulers = set({
@@ -15,7 +15,7 @@ export const eulers = set({
   label: 'e',
   latex: 'e',
   command: 'e',
-  category: 'constants'
+  category: 'constants',
 });
 
 export const infinity = set({
@@ -23,7 +23,7 @@ export const infinity = set({
   label: '\\infty',
   latex: '\\infty',
   command: '\\infty',
-  category: 'constants'
+  category: 'constants',
 });
 
 export const halfInfinity = set({
@@ -31,5 +31,5 @@ export const halfInfinity = set({
   label: '\\propto',
   latex: '\\propto',
   command: '\\propto',
-  category: 'constants'
+  category: 'constants',
 });