@pie-lib/math-input 6.6.1-next.439 → 6.6.1-next.499

package/CHANGELOG.md

@@ -3,6 +3,51 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.7.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@6.7.1...@pie-lib/math-input@6.7.2) (2022-07-19)
+
+
+### Bug Fixes
+
+* bump mathquill to 1.1.3 ([48b84c5](https://github.com/pie-framework/pie-lib/commit/48b84c534cbf519e172a80d18a48b26eda3cf7e6))
+
+
+
+
+
+## [6.7.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@6.7.0...@pie-lib/math-input@6.7.1) (2022-07-18)
+
+
+### Reverts
+
+* Revert "feat(math-toolbar): Make math-toolbar style inline with mathjax for Geometry" ([fee3f22](https://github.com/pie-framework/pie-lib/commit/fee3f22897a03d1d5c892f731dfc441dba9ed10f))
+* Revert "feat(math-toolbar): Make math-toolbar preview style inline with mathjax" ([bb86c35](https://github.com/pie-framework/pie-lib/commit/bb86c35ed56228c673020faf5ea089fb99418fd8))
+
+
+
+
+
+# [6.7.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@6.6.10...@pie-lib/math-input@6.7.0) (2022-07-18)
+
+
+### Features
+
+* **characters:** special character accents span 2 rows, added border for visibility [PD-1462] ([c60b0bc](https://github.com/pie-framework/pie-lib/commit/c60b0bc8ff45cc01f53bc752fd5dd64da623f6be))
+* **math-toolbar:** Make math-toolbar preview style inline with mathjax ([266b1bc](https://github.com/pie-framework/pie-lib/commit/266b1bc9a277530fd653edfacbb836596957dd33))
+* **math-toolbar:** Make math-toolbar style inline with mathjax for Geometry ([811bde0](https://github.com/pie-framework/pie-lib/commit/811bde0aa97633822fa3260666e298e841b6b9f7))
+* **plugins:** added special characters adding capabilities [PD-1462] ([b9f41e1](https://github.com/pie-framework/pie-lib/commit/b9f41e11f44df140a66145d0b04558ca2b0ea48e))
+
+
+
+
+
+## [6.6.10](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@6.6.9...@pie-lib/math-input@6.6.10) (2022-06-13)
+
+**Note:** Version bump only for package @pie-lib/math-input
+
+
+
+
+
 ## [6.6.9](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@6.6.8...@pie-lib/math-input@6.6.9) (2022-04-12)
 
 

package/lib/keypad/index.js

@@ -93,14 +93,16 @@ var LatexButton = (0, _styles.withStyles)(function (theme) {
         width: '30px',
         marginTop: '0 !important',
         borderTop: '2px solid black',
+        fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',
         '&.mq-arrow-both': {
+          top: '5px !important',
           '& *': {
             lineHeight: '1 !important'
           },
           '&:before': {
             fontSize: '80%',
             left: 'calc(-13%)',
-            top: '-0.25em'
+            top: '-0.31em'
           },
           '&:after': {
             fontSize: '80% !important',
@@ -110,12 +112,12 @@ var LatexButton = (0, _styles.withStyles)(function (theme) {
           '&.mq-empty:before': {
             fontSize: '80%',
             left: 'calc(-13%)',
-            top: '-0.25em'
+            top: '-0.26em'
           },
           '&.mq-empty:after': {
             fontSize: '80%',
             right: 'calc(-13%)',
-            top: '-0.25em'
+            top: '-0.26em'
           },
           '&.mq-empty': {
             minHeight: '1.4em'
@@ -124,7 +126,7 @@ var LatexButton = (0, _styles.withStyles)(function (theme) {
         '&.mq-arrow-right:before': {
           fontSize: '80%',
           right: 'calc(-13%)',
-          top: '-0.25em'
+          top: '-0.26em'
         },
         '& .mq-overarrow-inner': {
           border: 'none !important'
@@ -176,7 +178,7 @@ var LatexButton = (0, _styles.withStyles)(function (theme) {
           paddingTop: '0 !important'
         },
         '&:after': {
-          top: '-1.64em !important'
+          top: '-1.94em !important'
         }
       }
     }

package/lib/keypad/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["log","debug","LatexButton","withStyles","theme","root","textTransform","padding","margin","fontSize","latexButton","pointerEvents","transform","marginBottom","backgroundColor","fade","palette","secondary","main","borderTop","width","marginTop","lineHeight","left","top","right","minHeight","border","display","paddingTop","parallelButton","fontStyle","leftRightArrowButton","props","buttonClass","latex","classNames","classes","mqClassName","MQ","MathQuill","getInterface","span","document","createElement","innerHTML","mathField","StaticMath","parseLatex","e","className","onClick","createCustomLayout","layoutObj","gridTemplateColumns","columns","gridTemplateRows","rows","gridAutoFlow","KeyPad","key","onPress","base","extras","transposed","sortKeys","_","flatten","noDecimal","write","label","baseSet","additionalKeys","layoutForKeyPad","onFocus","mode","noBaseSet","keysWithoutBaseSet","includes","allKeys","flowKeys","shift","length","style","Math","floor","keys","map","k","index","buttonClick","bind","common","labelButton","category","extraClass","comma","dot","disabled","keyIsNotAllowed","command","actions","extraProps","Icon","icon","React","Component","PropTypes","object","isRequired","string","array","func","bool","styles","fontFamily","gridRowGap","gridColumnGap","character","holder","position","height","borderRadius","spacing","unit","minWidth","lighten","primary","light","operators","comparison","green"],"sources":["../../src/keypad/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@material-ui/core/Button';\nimport IconButton from '@material-ui/core/IconButton';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { lighten, fade } from '@material-ui/core/styles/colorManipulator';\nimport green from '@material-ui/core/colors/green';\nimport { sortKeys } from './keys-layout';\nimport * as mq from '../mq';\nimport { baseSet } from '../keys';\nimport debug from 'debug';\nimport _ from 'lodash';\n\nconst log = debug('pie-lib:math-inline:keypad');\n\nconst LatexButton = withStyles(theme => ({\n  root: {\n    textTransform: 'none',\n    padding: 0,\n    margin: 0,\n    fontSize: '110% !important'\n  },\n  latexButton: {\n    pointerEvents: 'none',\n    textTransform: 'none !important',\n    '& .mq-scaled.mq-sqrt-prefix': {\n      transform: 'scale(1, 0.9) !important'\n    },\n    '& .mq-sup-only .mq-sup': {\n      marginBottom: '0.9px !important'\n    },\n    '& .mq-empty': {\n      backgroundColor: `${fade(theme.palette.secondary.main, 0.4)} !important`\n    },\n    '& .mq-overline .mq-overline-inner': {\n      borderTop: '2px solid black'\n    },\n    '& .mq-overarrow': {\n      width: '30px',\n      marginTop: '0 !important',\n      borderTop: '2px solid black',\n      '&.mq-arrow-both': {\n        '& *': {\n          lineHeight: '1 !important'\n        },\n        '&:before': {\n          fontSize: '80%',\n          left: 'calc(-13%)',\n          top: '-0.25em'\n        },\n        '&:after': {\n          fontSize: '80% !important',\n          right: 'calc(-13%) !important',\n          top: '-1.5em'\n        },\n        '&.mq-empty:before': {\n          fontSize: '80%',\n          left: 'calc(-13%)',\n          top: '-0.25em'\n        },\n        '&.mq-empty:after': {\n          fontSize: '80%',\n          right: 'calc(-13%)',\n          top: '-0.25em'\n        },\n        '&.mq-empty': {\n          minHeight: '1.4em'\n        }\n      },\n      '&.mq-arrow-right:before': {\n        fontSize: '80%',\n        right: 'calc(-13%)',\n        top: '-0.25em'\n      },\n      '& .mq-overarrow-inner': {\n        border: 'none !important'\n      },\n      '& .mq-overarrow-inner .mq-overarrow-inner-right': {\n        display: 'none !important'\n      }\n    },\n    '& .mq-root-block': {\n      padding: '5px'\n    },\n    '& .mq-overarrow.mq-arrow-both.mq-empty:after': {\n      right: '-6px',\n      fontSize: '80% !important',\n      top: '-3px'\n    },\n    '& .mq-overarrow.mq-arrow-right.mq-empty:before': {\n      right: '-5px',\n      fontSize: '80% !important',\n      top: '-3px'\n    },\n    '& .mq-overarrow.mq-arrow-both.mq-empty:before': {\n      left: '-6px',\n      fontSize: '80% !important',\n      top: '-3px'\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    '& .mq-overarc': {\n      borderTop: '2px solid black !important',\n      '& .mq-overline-inner': {\n        borderTop: 'none !important',\n        paddingTop: '0 !important'\n      }\n    }\n  },\n  parallelButton: {\n    fontStyle: 'italic'\n  },\n  leftRightArrowButton: {\n    '& .mq-overarrow.mq-arrow-both': {\n      '& .mq-overline-inner': {\n        borderTop: 'none !important',\n        paddingTop: '0 !important'\n      },\n      '&:after': {\n        top: '-1.64em !important'\n      }\n    }\n  }\n}))(props => {\n  let buttonClass;\n\n  if (props.latex === '\\\\parallel') {\n    buttonClass = classNames(\n      props.classes.latexButton,\n      props.mqClassName,\n      props.classes.parallelButton\n    );\n  } else if (props.latex === '\\\\overleftrightarrow{\\\\overline{}}') {\n    buttonClass = classNames(\n      props.classes.latexButton,\n      props.mqClassName,\n      props.classes.leftRightArrowButton\n    );\n  } else {\n    buttonClass = classNames(props.classes.latexButton, props.mqClassName);\n  }\n\n  try {\n    const MQ = MathQuill.getInterface(2);\n    const span = document.createElement('span');\n    span.innerHTML = '';\n    const mathField = MQ.StaticMath(span);\n\n    mathField.parseLatex(props.latex);\n    mathField.latex(props.latex);\n  } catch (e) {\n    // received latex has errors - do not create button\n    return <></>;\n  }\n\n  return (\n    <Button className={classNames(props.classes.root, props.className)} onClick={props.onClick}>\n      <mq.Static className={buttonClass} latex={props.latex} />\n    </Button>\n  );\n});\n\nconst createCustomLayout = layoutObj => {\n  if (layoutObj) {\n    return {\n      gridTemplateColumns: `repeat(${layoutObj.columns}, minmax(min-content, 150px))`,\n      gridTemplateRows: `repeat(${layoutObj.rows}, minmax(40px, 60px))`,\n      gridAutoFlow: 'initial'\n    };\n  }\n\n  return {};\n};\n\nexport class KeyPad extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    baseSet: PropTypes.array,\n    additionalKeys: PropTypes.array,\n    layoutForKeyPad: PropTypes.object,\n    onPress: PropTypes.func.isRequired,\n    onFocus: PropTypes.func,\n    noDecimal: PropTypes.bool,\n    mode: PropTypes.string\n  };\n  static defaultProps = {\n    baseSet: baseSet,\n    noDecimal: false\n  };\n\n  buttonClick = key => {\n    log('[buttonClick]', key);\n    const { onPress } = this.props;\n    onPress(key);\n  };\n\n  flowKeys = (base, extras) => {\n    const transposed = [...sortKeys(base), ...sortKeys(extras)];\n    return _.flatten(transposed);\n  };\n\n  keyIsNotAllowed = key => {\n    const { noDecimal } = this.props;\n\n    if (\n      ((key.write === '.' && key.label === '.') || (key.write === ',' && key.label === ',')) &&\n      noDecimal\n    ) {\n      return true;\n    }\n\n    return false;\n  };\n\n  render() {\n    const {\n      classes,\n      className,\n      baseSet,\n      additionalKeys,\n      layoutForKeyPad,\n      onFocus,\n      mode\n    } = this.props;\n\n    const noBaseSet = [\n      'non-negative-integers',\n      'integers',\n      'decimals',\n      'fractions',\n      'item-authoring',\n      'language'\n    ];\n\n    const keysWithoutBaseSet = noBaseSet.includes(mode);\n    const allKeys = keysWithoutBaseSet\n      ? this.flowKeys([], additionalKeys || [])\n      : this.flowKeys(baseSet, additionalKeys || []); //, ...sortKeys(additionalKeys)];\n\n    const shift = allKeys.length % 5 ? 1 : 0;\n    const style = {\n      gridTemplateColumns: `repeat(${Math.floor(allKeys.length / 5) +\n        shift}, minmax(min-content, 150px))`,\n      ...createCustomLayout(layoutForKeyPad)\n    };\n    return (\n      <div\n        className={classNames(classes.keys, className, classes[mode])}\n        style={style}\n        onFocus={onFocus}\n      >\n        {allKeys.map((k, index) => {\n          const onClick = this.buttonClick.bind(this, k);\n\n          if (!k) {\n            return <span key={`empty-${index}`} />;\n          }\n\n          const common = {\n            onClick,\n            className: classNames(\n              classes.labelButton,\n              !keysWithoutBaseSet && classes[k.category],\n              classes[k.extraClass],\n              k.label === ',' && classes.comma,\n              k.label === '.' && classes.dot\n            ),\n            disabled: this.keyIsNotAllowed(k),\n            key: `${k.label || k.latex || k.command}-${index}`,\n            ...(k.actions || {}),\n            ...(k.extraProps || {})\n          };\n\n          if (k.latex) {\n            return <LatexButton latex={k.latex} {...common} className={classes.latexButton} />;\n          }\n\n          if (k.label) {\n            return <Button {...common}>{k.label}</Button>;\n          } else {\n            const Icon = k.icon ? k.icon : 'div';\n\n            return (\n              <IconButton tabIndex={'-1'} {...common}>\n                <Icon className={classes.icon} />\n              </IconButton>\n            );\n          }\n        })}\n      </div>\n    );\n  }\n}\n\nconst styles = theme => ({\n  keys: {\n    '& *': {\n      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'\n    },\n    width: '100%',\n    display: 'grid',\n    gridTemplateRows: 'repeat(5, minmax(40px, 60px))',\n    gridRowGap: '0px',\n    gridColumnGap: '0px',\n    gridAutoFlow: 'column'\n  },\n  character: {\n    textTransform: 'initial !important'\n  },\n  holder: {\n    position: 'relative',\n    width: '100%',\n    height: '100%',\n    backgroundColor: '#cef',\n    borderRadius: 0,\n    padding: `${theme.spacing.unit}px 0 ${theme.spacing.unit}px 0`\n  },\n  labelButton: {\n    minWidth: 'auto',\n    fontSize: '140% !important',\n    backgroundColor: lighten(theme.palette.primary.light, 0.5),\n    '&:hover': {\n      backgroundColor: lighten(theme.palette.primary.light, 0.7)\n    },\n    borderRadius: 0\n  },\n  latexButton: {\n    minWidth: 'auto',\n    borderRadius: 0,\n    backgroundColor: lighten(theme.palette.primary.light, 0.5),\n    '&:hover': {\n      backgroundColor: lighten(theme.palette.primary.light, 0.7)\n    }\n  },\n  base: {},\n  operators: {\n    backgroundColor: lighten(theme.palette.secondary.light, 0.5),\n    '&:hover': {\n      backgroundColor: lighten(theme.palette.secondary.light, 0.7)\n    }\n  },\n  comparison: {\n    backgroundColor: lighten(green[500], 0.5),\n    '&:hover': {\n      backgroundColor: lighten(green[500], 0.7)\n    }\n  },\n  comma: {\n    fontSize: '200% !important',\n    lineHeight: '100%'\n  },\n  dot: {\n    fontSize: '200% !important',\n    lineHeight: '100%'\n  },\n  icon: {\n    height: '30px'\n  }\n});\n\nexport default withStyles(styles)(KeyPad);\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["log","debug","LatexButton","withStyles","theme","root","textTransform","padding","margin","fontSize","latexButton","pointerEvents","transform","marginBottom","backgroundColor","fade","palette","secondary","main","borderTop","width","marginTop","fontFamily","top","lineHeight","left","right","minHeight","border","display","paddingTop","parallelButton","fontStyle","leftRightArrowButton","props","buttonClass","latex","classNames","classes","mqClassName","MQ","MathQuill","getInterface","span","document","createElement","innerHTML","mathField","StaticMath","parseLatex","e","className","onClick","createCustomLayout","layoutObj","gridTemplateColumns","columns","gridTemplateRows","rows","gridAutoFlow","KeyPad","key","onPress","base","extras","transposed","sortKeys","_","flatten","noDecimal","write","label","baseSet","additionalKeys","layoutForKeyPad","onFocus","mode","noBaseSet","keysWithoutBaseSet","includes","allKeys","flowKeys","shift","length","style","Math","floor","keys","map","k","index","buttonClick","bind","common","labelButton","category","extraClass","comma","dot","disabled","keyIsNotAllowed","command","actions","extraProps","Icon","icon","React","Component","PropTypes","object","isRequired","string","array","func","bool","styles","gridRowGap","gridColumnGap","character","holder","position","height","borderRadius","spacing","unit","minWidth","lighten","primary","light","operators","comparison","green"],"sources":["../../src/keypad/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@material-ui/core/Button';\nimport IconButton from '@material-ui/core/IconButton';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { lighten, fade } from '@material-ui/core/styles/colorManipulator';\nimport green from '@material-ui/core/colors/green';\nimport { sortKeys } from './keys-layout';\nimport * as mq from '../mq';\nimport { baseSet } from '../keys';\nimport debug from 'debug';\nimport _ from 'lodash';\n\nconst log = debug('pie-lib:math-inline:keypad');\n\nconst LatexButton = withStyles(theme => ({\n  root: {\n    textTransform: 'none',\n    padding: 0,\n    margin: 0,\n    fontSize: '110% !important'\n  },\n  latexButton: {\n    pointerEvents: 'none',\n    textTransform: 'none !important',\n    '& .mq-scaled.mq-sqrt-prefix': {\n      transform: 'scale(1, 0.9) !important'\n    },\n    '& .mq-sup-only .mq-sup': {\n      marginBottom: '0.9px !important'\n    },\n    '& .mq-empty': {\n      backgroundColor: `${fade(theme.palette.secondary.main, 0.4)} !important`\n    },\n    '& .mq-overline .mq-overline-inner': {\n      borderTop: '2px solid black'\n    },\n    '& .mq-overarrow': {\n      width: '30px',\n      marginTop: '0 !important',\n      borderTop: '2px solid black',\n      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',\n\n      '&.mq-arrow-both': {\n        top: '5px !important',\n        '& *': {\n          lineHeight: '1 !important'\n        },\n        '&:before': {\n          fontSize: '80%',\n          left: 'calc(-13%)',\n          top: '-0.31em'\n        },\n        '&:after': {\n          fontSize: '80% !important',\n          right: 'calc(-13%) !important',\n          top: '-1.5em'\n        },\n        '&.mq-empty:before': {\n          fontSize: '80%',\n          left: 'calc(-13%)',\n          top: '-0.26em'\n        },\n        '&.mq-empty:after': {\n          fontSize: '80%',\n          right: 'calc(-13%)',\n          top: '-0.26em'\n        },\n        '&.mq-empty': {\n          minHeight: '1.4em'\n        }\n      },\n      '&.mq-arrow-right:before': {\n        fontSize: '80%',\n        right: 'calc(-13%)',\n        top: '-0.26em'\n      },\n      '& .mq-overarrow-inner': {\n        border: 'none !important'\n      },\n      '& .mq-overarrow-inner .mq-overarrow-inner-right': {\n        display: 'none !important'\n      }\n    },\n    '& .mq-root-block': {\n      padding: '5px'\n    },\n    '& .mq-overarrow.mq-arrow-both.mq-empty:after': {\n      right: '-6px',\n      fontSize: '80% !important',\n      top: '-3px'\n    },\n    '& .mq-overarrow.mq-arrow-right.mq-empty:before': {\n      right: '-5px',\n      fontSize: '80% !important',\n      top: '-3px'\n    },\n    '& .mq-overarrow.mq-arrow-both.mq-empty:before': {\n      left: '-6px',\n      fontSize: '80% !important',\n      top: '-3px'\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    '& .mq-overarc': {\n      borderTop: '2px solid black !important',\n      '& .mq-overline-inner': {\n        borderTop: 'none !important',\n        paddingTop: '0 !important'\n      }\n    }\n  },\n  parallelButton: {\n    fontStyle: 'italic'\n  },\n  leftRightArrowButton: {\n    '& .mq-overarrow.mq-arrow-both': {\n      '& .mq-overline-inner': {\n        borderTop: 'none !important',\n        paddingTop: '0 !important'\n      },\n      '&:after': {\n        top: '-1.94em !important'\n      }\n    }\n  }\n}))(props => {\n  let buttonClass;\n\n  if (props.latex === '\\\\parallel') {\n    buttonClass = classNames(\n      props.classes.latexButton,\n      props.mqClassName,\n      props.classes.parallelButton\n    );\n  } else if (props.latex === '\\\\overleftrightarrow{\\\\overline{}}') {\n    buttonClass = classNames(\n      props.classes.latexButton,\n      props.mqClassName,\n      props.classes.leftRightArrowButton\n    );\n  } else {\n    buttonClass = classNames(props.classes.latexButton, props.mqClassName);\n  }\n\n  try {\n    const MQ = MathQuill.getInterface(2);\n    const span = document.createElement('span');\n    span.innerHTML = '';\n    const mathField = MQ.StaticMath(span);\n\n    mathField.parseLatex(props.latex);\n    mathField.latex(props.latex);\n  } catch (e) {\n    // received latex has errors - do not create button\n    return <></>;\n  }\n\n  return (\n    <Button className={classNames(props.classes.root, props.className)} onClick={props.onClick}>\n      <mq.Static className={buttonClass} latex={props.latex} />\n    </Button>\n  );\n});\n\nconst createCustomLayout = layoutObj => {\n  if (layoutObj) {\n    return {\n      gridTemplateColumns: `repeat(${layoutObj.columns}, minmax(min-content, 150px))`,\n      gridTemplateRows: `repeat(${layoutObj.rows}, minmax(40px, 60px))`,\n      gridAutoFlow: 'initial'\n    };\n  }\n\n  return {};\n};\n\nexport class KeyPad extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    baseSet: PropTypes.array,\n    additionalKeys: PropTypes.array,\n    layoutForKeyPad: PropTypes.object,\n    onPress: PropTypes.func.isRequired,\n    onFocus: PropTypes.func,\n    noDecimal: PropTypes.bool,\n    mode: PropTypes.string\n  };\n  static defaultProps = {\n    baseSet: baseSet,\n    noDecimal: false\n  };\n\n  buttonClick = key => {\n    log('[buttonClick]', key);\n    const { onPress } = this.props;\n    onPress(key);\n  };\n\n  flowKeys = (base, extras) => {\n    const transposed = [...sortKeys(base), ...sortKeys(extras)];\n    return _.flatten(transposed);\n  };\n\n  keyIsNotAllowed = key => {\n    const { noDecimal } = this.props;\n\n    if (\n      ((key.write === '.' && key.label === '.') || (key.write === ',' && key.label === ',')) &&\n      noDecimal\n    ) {\n      return true;\n    }\n\n    return false;\n  };\n\n  render() {\n    const {\n      classes,\n      className,\n      baseSet,\n      additionalKeys,\n      layoutForKeyPad,\n      onFocus,\n      mode\n    } = this.props;\n\n    const noBaseSet = [\n      'non-negative-integers',\n      'integers',\n      'decimals',\n      'fractions',\n      'item-authoring',\n      'language'\n    ];\n\n    const keysWithoutBaseSet = noBaseSet.includes(mode);\n    const allKeys = keysWithoutBaseSet\n      ? this.flowKeys([], additionalKeys || [])\n      : this.flowKeys(baseSet, additionalKeys || []); //, ...sortKeys(additionalKeys)];\n\n    const shift = allKeys.length % 5 ? 1 : 0;\n    const style = {\n      gridTemplateColumns: `repeat(${Math.floor(allKeys.length / 5) +\n        shift}, minmax(min-content, 150px))`,\n      ...createCustomLayout(layoutForKeyPad)\n    };\n    return (\n      <div\n        className={classNames(classes.keys, className, classes[mode])}\n        style={style}\n        onFocus={onFocus}\n      >\n        {allKeys.map((k, index) => {\n          const onClick = this.buttonClick.bind(this, k);\n\n          if (!k) {\n            return <span key={`empty-${index}`} />;\n          }\n\n          const common = {\n            onClick,\n            className: classNames(\n              classes.labelButton,\n              !keysWithoutBaseSet && classes[k.category],\n              classes[k.extraClass],\n              k.label === ',' && classes.comma,\n              k.label === '.' && classes.dot\n            ),\n            disabled: this.keyIsNotAllowed(k),\n            key: `${k.label || k.latex || k.command}-${index}`,\n            ...(k.actions || {}),\n            ...(k.extraProps || {})\n          };\n\n          if (k.latex) {\n            return <LatexButton latex={k.latex} {...common} className={classes.latexButton} />;\n          }\n\n          if (k.label) {\n            return <Button {...common}>{k.label}</Button>;\n          } else {\n            const Icon = k.icon ? k.icon : 'div';\n\n            return (\n              <IconButton tabIndex={'-1'} {...common}>\n                <Icon className={classes.icon} />\n              </IconButton>\n            );\n          }\n        })}\n      </div>\n    );\n  }\n}\n\nconst styles = theme => ({\n  keys: {\n    '& *': {\n      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'\n    },\n    width: '100%',\n    display: 'grid',\n    gridTemplateRows: 'repeat(5, minmax(40px, 60px))',\n    gridRowGap: '0px',\n    gridColumnGap: '0px',\n    gridAutoFlow: 'column'\n  },\n  character: {\n    textTransform: 'initial !important'\n  },\n  holder: {\n    position: 'relative',\n    width: '100%',\n    height: '100%',\n    backgroundColor: '#cef',\n    borderRadius: 0,\n    padding: `${theme.spacing.unit}px 0 ${theme.spacing.unit}px 0`\n  },\n  labelButton: {\n    minWidth: 'auto',\n    fontSize: '140% !important',\n    backgroundColor: lighten(theme.palette.primary.light, 0.5),\n    '&:hover': {\n      backgroundColor: lighten(theme.palette.primary.light, 0.7)\n    },\n    borderRadius: 0\n  },\n  latexButton: {\n    minWidth: 'auto',\n    borderRadius: 0,\n    backgroundColor: lighten(theme.palette.primary.light, 0.5),\n    '&:hover': {\n      backgroundColor: lighten(theme.palette.primary.light, 0.7)\n    }\n  },\n  base: {},\n  operators: {\n    backgroundColor: lighten(theme.palette.secondary.light, 0.5),\n    '&:hover': {\n      backgroundColor: lighten(theme.palette.secondary.light, 0.7)\n    }\n  },\n  comparison: {\n    backgroundColor: lighten(green[500], 0.5),\n    '&:hover': {\n      backgroundColor: lighten(green[500], 0.7)\n    }\n  },\n  comma: {\n    fontSize: '200% !important',\n    lineHeight: '100%'\n  },\n  dot: {\n    fontSize: '200% !important',\n    lineHeight: '100%'\n  },\n  icon: {\n    height: '30px'\n  }\n});\n\nexport default withStyles(styles)(KeyPad);\n"],"mappings":"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"}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "6.6.1-next.439+bf2ed2dc",
+  "version": "6.6.1-next.499+10ee16a3",
   "main": "lib/index.js",
   "module": "src/index.jsx",
   "dependencies": {
@@ -22,5 +22,5 @@
     "react-dom": "^16.9.0"
   },
   "scripts": {},
-  "gitHead": "bf2ed2dc47c7fcbacd66fce2dd9f697ac22e933e"
+  "gitHead": "10ee16a37543973bb49131a66c618979ff09bb46"
 }

package/src/keypad/index.jsx

@@ -40,14 +40,17 @@ const LatexButton = withStyles(theme => ({
       width: '30px',
       marginTop: '0 !important',
       borderTop: '2px solid black',
+      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',
+
       '&.mq-arrow-both': {
+        top: '5px !important',
         '& *': {
           lineHeight: '1 !important'
         },
         '&:before': {
           fontSize: '80%',
           left: 'calc(-13%)',
-          top: '-0.25em'
+          top: '-0.31em'
         },
         '&:after': {
           fontSize: '80% !important',
@@ -57,12 +60,12 @@ const LatexButton = withStyles(theme => ({
         '&.mq-empty:before': {
           fontSize: '80%',
           left: 'calc(-13%)',
-          top: '-0.25em'
+          top: '-0.26em'
         },
         '&.mq-empty:after': {
           fontSize: '80%',
           right: 'calc(-13%)',
-          top: '-0.25em'
+          top: '-0.26em'
         },
         '&.mq-empty': {
           minHeight: '1.4em'
@@ -71,7 +74,7 @@ const LatexButton = withStyles(theme => ({
       '&.mq-arrow-right:before': {
         fontSize: '80%',
         right: 'calc(-13%)',
-        top: '-0.25em'
+        top: '-0.26em'
       },
       '& .mq-overarrow-inner': {
         border: 'none !important'
@@ -123,7 +126,7 @@ const LatexButton = withStyles(theme => ({
         paddingTop: '0 !important'
       },
       '&:after': {
-        top: '-1.64em !important'
+        top: '-1.94em !important'
       }
     }
   }