@pie-lib/math-toolbar 1.8.1-next.452 → 1.8.1-next.506

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/CHANGELOG.md +48 -0
  2. package/lib/editor-and-pad.js +166 -8
  3. package/lib/editor-and-pad.js.map +1 -1
  4. package/lib/math-preview.js +90 -3
  5. package/lib/math-preview.js.map +1 -1
  6. package/package.json +3 -3
  7. package/src/editor-and-pad.jsx +200 -8
  8. package/src/math-preview.jsx +94 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,54 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [1.10.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-toolbar@1.10.1...@pie-lib/math-toolbar@1.10.2) (2022-07-19)
7
+
8
+ **Note:** Version bump only for package @pie-lib/math-toolbar
9
+
10
+
11
+
12
+
13
+
14
+ ## [1.10.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-toolbar@1.10.0...@pie-lib/math-toolbar@1.10.1) (2022-07-18)
15
+
16
+
17
+ ### Reverts
18
+
19
+ * Revert "feat(math-toolbar): Make math-toolbar style inline with mathjax from Numeric to Grade 8HS PD-1521" ([f604ddd](https://github.com/pie-framework/pie-lib/commit/f604ddd8402b81f101e3f50b1baa4cc1bd5eec34))
20
+ * Revert "feat(math-toolbar): Make math-toolbar preview style inline with mathjax" ([bb86c35](https://github.com/pie-framework/pie-lib/commit/bb86c35ed56228c673020faf5ea089fb99418fd8))
21
+ * Revert "tweak" ([0c59e89](https://github.com/pie-framework/pie-lib/commit/0c59e89d5ca923e93a742051b3df7e9c8b2b90cc))
22
+ * Revert "tweaks" ([647904f](https://github.com/pie-framework/pie-lib/commit/647904f3dc4f59b86064be1d7b9bbd2a4184f96b))
23
+
24
+
25
+
26
+
27
+
28
+ # [1.10.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-toolbar@1.9.4...@pie-lib/math-toolbar@1.10.0) (2022-07-18)
29
+
30
+
31
+ ### Bug Fixes
32
+
33
+ * **math-toolbar:** add sanity check for clicking in editor-and-pad ([4c5dc18](https://github.com/pie-framework/pie-lib/commit/4c5dc18e077fca9a50f9c638f64ba08bba3b0884))
34
+
35
+
36
+ ### Features
37
+
38
+ * **math-toolbar:** Make math-toolbar preview style inline with mathjax ([266b1bc](https://github.com/pie-framework/pie-lib/commit/266b1bc9a277530fd653edfacbb836596957dd33))
39
+ * **math-toolbar:** Make math-toolbar style inline with mathjax from Numeric to Grade 8HS PD-1521 ([5c49326](https://github.com/pie-framework/pie-lib/commit/5c493262ccf2ca8ba4c80af42e566b4e7a8c3571))
40
+ * **plugins:** added special characters adding capabilities [PD-1462] ([b9f41e1](https://github.com/pie-framework/pie-lib/commit/b9f41e11f44df140a66145d0b04558ca2b0ea48e))
41
+
42
+
43
+
44
+
45
+
46
+ ## [1.9.4](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-toolbar@1.9.3...@pie-lib/math-toolbar@1.9.4) (2022-06-13)
47
+
48
+ **Note:** Version bump only for package @pie-lib/math-toolbar
49
+
50
+
51
+
52
+
53
+
6
54
  ## [1.9.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-toolbar@1.9.2...@pie-lib/math-toolbar@1.9.3) (2022-05-10)
7
55
 
8
56
 
package/lib/editor-and-pad.js CHANGED
@@ -315,6 +315,7 @@ var EditorAndPad = /*#__PURE__*/function (_React$Component) {
315
315
  }, "+ Response Area"), /*#__PURE__*/_react["default"].createElement("hr", {
316
316
  className: classes.hr
317
317
  }), shouldShowKeypad && /*#__PURE__*/_react["default"].createElement(_mathInput.HorizontalKeypad, {
318
+ className: classes.keyboard,
318
319
  layoutForKeyPad: layoutForKeyPad,
319
320
  additionalKeys: additionalKeys,
320
321
  mode: controlledKeypadMode ? this.state.equationEditor : keypadMode,
@@ -353,21 +354,30 @@ var styles = function styles(theme) {
353
354
  inputAndTypeContainer: {
354
355
  display: 'flex',
355
356
  alignItems: 'center',
356
- '& *': {
357
+ '& .mq-editable-field .mq-cursor': {
358
+ top: '-4px'
359
+ },
360
+ '& .mq-math-mode .mq-selection, .mq-editable-field .mq-selection': {
361
+ paddingTop: '18px'
362
+ },
363
+ '& .mq-math-mode .mq-overarrow': {
357
364
  fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
358
365
  },
366
+ '& .mq-math-mode .mq-overline .mq-overline-inner': {
367
+ paddingTop: '0.4em !important'
368
+ },
359
369
  '& .mq-overarrow.mq-arrow-both': {
360
370
  minWidth: '1.23em',
361
371
  '& *': {
362
372
  lineHeight: '1 !important'
363
373
  },
364
374
  '&:before': {
365
- top: '-0.4em',
375
+ top: '-0.45em',
366
376
  left: '-1px'
367
377
  },
368
378
  '&:after': {
369
- top: '-2.36em',
370
- right: '-1px'
379
+ top: '-3.15em',
380
+ right: '-2px'
371
381
  },
372
382
  '&.mq-empty:after': {
373
383
  top: '-0.45em'
@@ -378,6 +388,92 @@ var styles = function styles(theme) {
378
388
  top: '-0.4em',
379
389
  right: '-1px'
380
390
  }
391
+ },
392
+ '& *': {
393
+ fontFamily: 'MJXZERO, MJXTEX !important',
394
+ '& .mq-math-mode > span > var': {
395
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
396
+ },
397
+ '& .mq-math-mode span var': {
398
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
399
+ },
400
+ '& .mq-math-mode .mq-nonSymbola': {
401
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
402
+ },
403
+ '& .mq-math-mode > span > var.mq-operator-name': {
404
+ fontFamily: 'MJXZERO, MJXTEX !important'
405
+ },
406
+ '& .mq-math-mode .mq-sqrt-prefix': {
407
+ verticalAlign: 'bottom !important',
408
+ top: '0 !important',
409
+ left: '-0.1em !important'
410
+ },
411
+ '& .mq-math-mode .mq-overarc ': {
412
+ paddingTop: '0.45em !important'
413
+ },
414
+ '& .mq-math-mode sup.mq-nthroot': {
415
+ fontSize: '70% !important',
416
+ verticalAlign: '0.5em !important',
417
+ paddingRight: '0.15em'
418
+ },
419
+ '& .mq-math-mode .mq-empty': {
420
+ padding: '9px 1px !important'
421
+ },
422
+ '& .mq-math-mode .mq-root-block': {
423
+ paddingTop: '10px'
424
+ },
425
+ '& .mq-scaled .mq-sqrt-prefix': {
426
+ top: '0 !important'
427
+ },
428
+ '& .mq-longdiv-inner': {
429
+ marginTop: '-1px',
430
+ marginLeft: '5px !important;',
431
+ '& > .mq-empty': {
432
+ padding: '0 !important',
433
+ marginLeft: '0px !important',
434
+ marginTop: '2px'
435
+ }
436
+ },
437
+ '& .mq-math-mode .mq-longdiv': {
438
+ display: 'inline-flex !important'
439
+ },
440
+ '& .mq-math-mode .mq-longdiv .mq-longdiv-inner': {
441
+ marginLeft: '4px !important',
442
+ paddingTop: '6px !important',
443
+ paddingLeft: '6px !important'
444
+ },
445
+ '& .mq-math-mode .mq-supsub': {
446
+ fontSize: '70.7% !important'
447
+ },
448
+ '& .mq-math-mode .mq-paren': {
449
+ verticalAlign: 'top !important',
450
+ padding: '1px 0.1em !important'
451
+ },
452
+ '& .mq-math-mode .mq-sqrt-stem': {
453
+ borderTop: '0.07em solid',
454
+ marginLeft: '-1.5px',
455
+ marginTop: '-2px !important',
456
+ paddingTop: '5px !important'
457
+ },
458
+ '& .mq-supsub ': {
459
+ fontSize: '70.7%'
460
+ },
461
+ '& .mq-math-mode .mq-supsub.mq-sup-only': {
462
+ verticalAlign: '-0.1em !important',
463
+ '& .mq-sup': {
464
+ marginBottom: '0px !important'
465
+ }
466
+ },
467
+ '& .mq-math-mode .mq-denominator': {
468
+ marginTop: '-5px !important',
469
+ padding: '0.5em 0.1em 0.1em !important'
470
+ },
471
+ '& .mq-math-mode .mq-numerator, .mq-math-mode .mq-over': {
472
+ padding: '0 0.1em !important',
473
+ paddingBottom: '0 !important',
474
+ marginBottom: '4.5px'
475
+ },
476
+ '-webkit-font-smoothing': 'antialiased !important'
381
477
  }
382
478
  },
383
479
  hide: {
@@ -390,13 +486,19 @@ var styles = function styles(theme) {
390
486
  marginLeft: '15px',
391
487
  marginTop: '5px',
392
488
  marginBottom: '5px',
393
- marginRight: '5px'
489
+ marginRight: '5px',
490
+ '& label': {
491
+ fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
492
+ },
493
+ '& div': {
494
+ fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
495
+ }
394
496
  },
395
497
  mathEditor: {
396
498
  maxWidth: '400px',
397
499
  color: _renderUi.color.text(),
398
500
  backgroundColor: _renderUi.color.background(),
399
- padding: theme.spacing.unit
501
+ padding: '2px'
400
502
  },
401
503
  longMathEditor: {
402
504
  maxWidth: '500px'
@@ -442,6 +544,8 @@ var styles = function styles(theme) {
442
544
  paddingTop: '1.5px !important'
443
545
  },
444
546
  '& .mq-overarrow.mq-arrow-both': {
547
+ top: '7.8px',
548
+ marginTop: '0px',
445
549
  minWidth: '1.23em'
446
550
  },
447
551
  '& .mq-parallelogram': {
@@ -451,14 +555,68 @@ var styles = function styles(theme) {
451
555
  inputContainer: {
452
556
  minWidth: '500px',
453
557
  maxWidth: '900px',
454
- minHeight: '40px',
558
+ minHeight: '30px',
455
559
  width: '100%',
456
560
  display: 'flex',
457
561
  marginTop: theme.spacing.unit,
458
- marginBottom: theme.spacing.unit
562
+ marginBottom: theme.spacing.unit,
563
+ '& .mq-sqrt-prefix .mq-scaled': {
564
+ verticalAlign: 'middle !important'
565
+ }
459
566
  },
460
567
  error: {
461
568
  border: '2px solid red'
569
+ },
570
+ keyboard: {
571
+ '& *': {
572
+ fontFamily: 'MJXZERO, MJXTEX !important',
573
+ '& .mq-math-mode > span > var': {
574
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
575
+ },
576
+ '& .mq-math-mode span var': {
577
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
578
+ },
579
+ '& .mq-math-mode .mq-nonSymbola': {
580
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
581
+ },
582
+ '& .mq-math-mode > span > var.mq-operator-name': {
583
+ fontFamily: 'MJXZERO, MJXTEX !important'
584
+ },
585
+ '& .mq-math-mode .mq-sqrt-prefix': {
586
+ top: '0 !important'
587
+ },
588
+ '& .mq-math-mode .mq-empty': {
589
+ padding: '9px 1px !important'
590
+ },
591
+ '& .mq-longdiv-inner': {
592
+ marginTop: '-1px',
593
+ marginLeft: '5px !important;',
594
+ '& > .mq-empty': {
595
+ padding: '0 !important',
596
+ marginLeft: '0px !important',
597
+ marginTop: '2px'
598
+ }
599
+ },
600
+ '& .mq-math-mode .mq-longdiv': {
601
+ display: 'inline-flex !important'
602
+ },
603
+ '& .mq-math-mode .mq-supsub': {
604
+ fontSize: '70.7% !important'
605
+ },
606
+ '& .mq-math-mode .mq-sqrt-stem': {
607
+ marginTop: '-5px',
608
+ paddingTop: '4px'
609
+ },
610
+ '& .mq-math-mode .mq-paren': {
611
+ verticalAlign: 'middle !important'
612
+ },
613
+ '& .mq-math-mode .mq-overarrow .mq-overarrow-inner .mq-empty': {
614
+ padding: '0 !important'
615
+ },
616
+ '& .mq-math-mode .mq-overline .mq-overline-inner .mq-empty ': {
617
+ padding: '0 !important'
618
+ }
619
+ }
462
620
  }
463
621
  };
464
622
  };
package/lib/editor-and-pad.js.map CHANGED
@@ -1 +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","React","Component","PropTypes","object","oneOfType","string","number","bool","array","isRequired","func","styles","theme","display","alignItems","fontFamily","minWidth","lineHeight","top","left","right","flex","width","marginLeft","marginTop","marginBottom","marginRight","maxWidth","color","text","backgroundColor","background","padding","spacing","unit","position","border","margin","height","borderBottom","palette","primary","main","zIndex","textAlign","outline","boxShadow","borderRadius","paddingTop","borderTop","minHeight","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 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 '& *': {\n fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'\n },\n '& .mq-overarrow.mq-arrow-both': {\n minWidth: '1.23em',\n '& *': {\n lineHeight: '1 !important'\n },\n '&:before': {\n top: '-0.4em',\n left: '-1px'\n },\n '&:after': {\n top: '-2.36em',\n right: '-1px'\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 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 mathEditor: {\n maxWidth: '400px',\n color: color.text(),\n backgroundColor: color.background(),\n padding: theme.spacing.unit\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 minWidth: '1.23em'\n },\n '& .mq-parallelogram': {\n lineHeight: 0.85\n }\n },\n inputContainer: {\n minWidth: '500px',\n maxWidth: '900px',\n minHeight: '40px',\n width: '100%',\n display: 'flex',\n marginTop: theme.spacing.unit,\n marginBottom: theme.spacing.unit\n },\n error: {\n border: '2px solid red'\n }\n});\n\nexport default withStyles(styles)(EditorAndPad);\n"],"mappings":"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"}
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","right","verticalAlign","fontSize","paddingRight","padding","marginTop","marginLeft","paddingLeft","borderTop","marginBottom","paddingBottom","flex","width","marginRight","maxWidth","color","text","backgroundColor","background","position","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 top: '-3.15em',\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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"}
package/lib/math-preview.js CHANGED
@@ -87,6 +87,22 @@ var mp = function mp(theme) {
87
87
  display: 'inline-flex',
88
88
  alignItems: 'center',
89
89
  position: 'relative',
90
+ '& *': {
91
+ fontFamily: 'MJXZERO, MJXTEX !important',
92
+ '-webkit-font-smoothing': 'antialiased !important'
93
+ },
94
+ '& > .mq-math-mode > span > var': {
95
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
96
+ },
97
+ '& > .mq-math-mode span var': {
98
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
99
+ },
100
+ '& > .mq-math-mode .mq-nonSymbola': {
101
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
102
+ },
103
+ '& > .mq-math-mode > span > var.mq-operator-name': {
104
+ fontFamily: 'MJXZERO, MJXTEX !important'
105
+ },
90
106
  '& > .mq-math-mode': {
91
107
  border: 'solid 1px lightgrey'
92
108
  },
@@ -96,14 +112,85 @@ var mp = function mp(theme) {
96
112
  border: 'solid 1px black',
97
113
  borderRadius: '0px'
98
114
  },
99
- '& *': {
115
+ '& > .mq-math-mode .mq-root-block': {
116
+ paddingTop: '7px !important'
117
+ },
118
+ '& > .mq-math-mode .mq-overarc ': {
119
+ paddingTop: '0.45em !important'
120
+ },
121
+ '& > .mq-math-mode .mq-sqrt-prefix': {
122
+ verticalAlign: 'bottom !important',
123
+ top: '0 !important',
124
+ left: '-0.1em !important'
125
+ },
126
+ '& > .mq-math-mode .mq-denominator': {
127
+ marginTop: '-5px !important',
128
+ padding: '0.5em 0.1em 0.1em !important'
129
+ },
130
+ '& > .mq-math-mode .mq-numerator, .mq-math-mode .mq-over': {
131
+ padding: '0 0.1em !important',
132
+ paddingBottom: '0 !important',
133
+ marginBottom: '4.5px'
134
+ },
135
+ '& > .mq-math-mode sup.mq-nthroot': {
136
+ fontSize: '70.7% !important',
137
+ verticalAlign: '0.5em !important',
138
+ paddingRight: '0.15em'
139
+ },
140
+ '& > .mq-longdiv-inner': {
141
+ marginTop: '-1px',
142
+ marginLeft: '5px !important;',
143
+ '& > .mq-empty': {
144
+ padding: '0 !important',
145
+ marginLeft: '0px !important',
146
+ marginTop: '2px'
147
+ }
148
+ },
149
+ '& > .mq-math-mode .mq-longdiv': {
150
+ display: 'inline-flex !important'
151
+ },
152
+ '& > .mq-math-mode .mq-longdiv .mq-longdiv-inner .mq-empty': {
153
+ paddingTop: '6px !important',
154
+ paddingLeft: '4px !important'
155
+ },
156
+ '& > .mq-math-mode .mq-longdiv .mq-longdiv-inner': {
157
+ marginLeft: '0 !important'
158
+ },
159
+ '& > .mq-math-mode .mq-supsub': {
160
+ fontSize: '70.7% !important'
161
+ },
162
+ '& > .mq-math-mode .mq-overarrow': {
100
163
  fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
101
164
  },
165
+ '& > .mq-math-mode .mq-paren': {
166
+ verticalAlign: 'top !important',
167
+ padding: '1px 0.1em !important'
168
+ },
169
+ '& > .mq-math-mode .mq-sqrt-stem': {
170
+ borderTop: '0.07em solid',
171
+ marginLeft: '-1.5px',
172
+ marginTop: '-2px !important',
173
+ paddingTop: '5px !important'
174
+ },
175
+ '& > .mq-supsub ': {
176
+ fontSize: '70.7%'
177
+ },
178
+ '& > .mq-math-mode .mq-supsub.mq-sup-only': {
179
+ verticalAlign: '-0.1em !important',
180
+ '& .mq-sup': {
181
+ marginBottom: '0px !important'
182
+ }
183
+ },
102
184
  '& .mq-overarrow-inner': {
103
185
  paddingTop: '0 !important',
104
186
  border: 'none !important'
105
187
  },
188
+ '& .mq-editable-field .mq-cursor': {
189
+ marginTop: '-15px !important'
190
+ },
106
191
  '& .mq-overarrow.mq-arrow-both': {
192
+ top: '7.5px',
193
+ marginTop: '0px',
107
194
  minWidth: '1.23em',
108
195
  '& *': {
109
196
  lineHeight: '1 !important'
@@ -113,8 +200,8 @@ var mp = function mp(theme) {
113
200
  left: '-1px'
114
201
  },
115
202
  '&:after': {
116
- top: '-2.36em',
117
- right: '-1px'
203
+ top: '-3.15em',
204
+ right: '-2px'
118
205
  },
119
206
  '&.mq-empty:after': {
120
207
  top: '-0.45em'
package/lib/math-preview.js.map CHANGED
@@ -1 +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","border","outline","boxShadow","borderRadius","fontFamily","paddingTop","minWidth","lineHeight","top","left","right","borderTop","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 '& > .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 '& *': {\n fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'\n },\n '& .mq-overarrow-inner': {\n paddingTop: '0 !important',\n border: 'none !important'\n },\n '& .mq-overarrow.mq-arrow-both': {\n minWidth: '1.23em',\n '& *': {\n lineHeight: '1 !important'\n },\n '&:before': {\n top: '-0.4em',\n left: '-1px'\n },\n '&:after': {\n top: '-2.36em',\n right: '-1px'\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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"}
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: '-3.15em',\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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"}
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "access": "public"
5
5
  },
6
- "version": "1.8.1-next.452+99114a63",
6
+ "version": "1.8.1-next.506+e8b87499",
7
7
  "description": "Math toolbar for editing math equations",
8
8
  "keywords": [
9
9
  "math",
@@ -19,7 +19,7 @@
19
19
  "dependencies": {
20
20
  "@material-ui/core": "^3.8.3",
21
21
  "@material-ui/icons": "^3.0.2",
22
- "@pie-lib/math-input": "^6.6.9",
22
+ "@pie-lib/math-input": "^6.6.1-next.506+e8b87499",
23
23
  "classnames": "^2.2.6",
24
24
  "debug": "^4.1.1",
25
25
  "keycode": "^2.2.0",
@@ -33,5 +33,5 @@
33
33
  "@pie-lib/test-utils": "^0.2.19"
34
34
  },
35
35
  "scripts": {},
36
- "gitHead": "99114a63967b3911abbdb398cbe02ed08e77f609"
36
+ "gitHead": "e8b8749942eb41c8b866c8ad2066bc95934aab05"
37
37
  }
package/src/editor-and-pad.jsx CHANGED
@@ -263,6 +263,7 @@ export class EditorAndPad extends React.Component {
263
263
  <hr className={classes.hr} />
264
264
  {shouldShowKeypad && (
265
265
  <HorizontalKeypad
266
+ className={classes.keyboard}
266
267
  layoutForKeyPad={layoutForKeyPad}
267
268
  additionalKeys={additionalKeys}
268
269
  mode={controlledKeypadMode ? this.state.equationEditor : keypadMode}
@@ -279,21 +280,30 @@ const styles = theme => ({
279
280
  inputAndTypeContainer: {
280
281
  display: 'flex',
281
282
  alignItems: 'center',
282
- '& *': {
283
+ '& .mq-editable-field .mq-cursor': {
284
+ top: '-4px'
285
+ },
286
+ '& .mq-math-mode .mq-selection, .mq-editable-field .mq-selection': {
287
+ paddingTop: '18px'
288
+ },
289
+ '& .mq-math-mode .mq-overarrow': {
283
290
  fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
284
291
  },
292
+ '& .mq-math-mode .mq-overline .mq-overline-inner': {
293
+ paddingTop: '0.4em !important'
294
+ },
285
295
  '& .mq-overarrow.mq-arrow-both': {
286
296
  minWidth: '1.23em',
287
297
  '& *': {
288
298
  lineHeight: '1 !important'
289
299
  },
290
300
  '&:before': {
291
- top: '-0.4em',
301
+ top: '-0.45em',
292
302
  left: '-1px'
293
303
  },
294
304
  '&:after': {
295
- top: '-2.36em',
296
- right: '-1px'
305
+ top: '-3.15em',
306
+ right: '-2px'
297
307
  },
298
308
  '&.mq-empty:after': {
299
309
  top: '-0.45em'
@@ -304,6 +314,112 @@ const styles = theme => ({
304
314
  top: '-0.4em',
305
315
  right: '-1px'
306
316
  }
317
+ },
318
+ '& *': {
319
+ fontFamily: 'MJXZERO, MJXTEX !important',
320
+
321
+ '& .mq-math-mode > span > var': {
322
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
323
+ },
324
+ '& .mq-math-mode span var': {
325
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
326
+ },
327
+ '& .mq-math-mode .mq-nonSymbola': {
328
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
329
+ },
330
+ '& .mq-math-mode > span > var.mq-operator-name': {
331
+ fontFamily: 'MJXZERO, MJXTEX !important'
332
+ },
333
+
334
+ '& .mq-math-mode .mq-sqrt-prefix': {
335
+ verticalAlign: 'bottom !important',
336
+ top: '0 !important',
337
+ left: '-0.1em !important'
338
+ },
339
+
340
+ '& .mq-math-mode .mq-overarc ': {
341
+ paddingTop: '0.45em !important'
342
+ },
343
+
344
+ '& .mq-math-mode sup.mq-nthroot': {
345
+ fontSize: '70% !important',
346
+ verticalAlign: '0.5em !important',
347
+ paddingRight: '0.15em'
348
+ },
349
+
350
+ '& .mq-math-mode .mq-empty': {
351
+ padding: '9px 1px !important'
352
+ },
353
+
354
+ '& .mq-math-mode .mq-root-block': {
355
+ paddingTop: '10px'
356
+ },
357
+
358
+ '& .mq-scaled .mq-sqrt-prefix': {
359
+ top: '0 !important'
360
+ },
361
+
362
+ '& .mq-longdiv-inner': {
363
+ marginTop: '-1px',
364
+ marginLeft: '5px !important;',
365
+
366
+ '& > .mq-empty': {
367
+ padding: '0 !important',
368
+ marginLeft: '0px !important',
369
+ marginTop: '2px'
370
+ }
371
+ },
372
+
373
+ '& .mq-math-mode .mq-longdiv': {
374
+ display: 'inline-flex !important'
375
+ },
376
+
377
+ '& .mq-math-mode .mq-longdiv .mq-longdiv-inner': {
378
+ marginLeft: '4px !important',
379
+ paddingTop: '6px !important',
380
+ paddingLeft: '6px !important'
381
+ },
382
+
383
+ '& .mq-math-mode .mq-supsub': {
384
+ fontSize: '70.7% !important'
385
+ },
386
+
387
+ '& .mq-math-mode .mq-paren': {
388
+ verticalAlign: 'top !important',
389
+ padding: '1px 0.1em !important'
390
+ },
391
+
392
+ '& .mq-math-mode .mq-sqrt-stem': {
393
+ borderTop: '0.07em solid',
394
+ marginLeft: '-1.5px',
395
+ marginTop: '-2px !important',
396
+ paddingTop: '5px !important'
397
+ },
398
+
399
+ '& .mq-supsub ': {
400
+ fontSize: '70.7%'
401
+ },
402
+
403
+ '& .mq-math-mode .mq-supsub.mq-sup-only': {
404
+ verticalAlign: '-0.1em !important',
405
+
406
+ '& .mq-sup': {
407
+ marginBottom: '0px !important'
408
+ }
409
+ },
410
+
411
+ '& .mq-math-mode .mq-denominator': {
412
+ marginTop: '-5px !important',
413
+ padding: '0.5em 0.1em 0.1em !important'
414
+ },
415
+
416
+ '& .mq-math-mode .mq-numerator, .mq-math-mode .mq-over': {
417
+ padding: '0 0.1em !important',
418
+ paddingBottom: '0 !important',
419
+ marginBottom: '4.5px'
420
+ },
421
+
422
+ '-webkit-font-smoothing': 'antialiased !important'
307
423
  }
308
424
  },
309
425
  hide: {
@@ -316,13 +432,21 @@ const styles = theme => ({
316
432
  marginLeft: '15px',
317
433
  marginTop: '5px',
318
434
  marginBottom: '5px',
319
- marginRight: '5px'
435
+ marginRight: '5px',
436
+
437
+ '& label': {
438
+ fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
439
+ },
440
+
441
+ '& div': {
442
+ fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
443
+ }
320
444
  },
321
445
  mathEditor: {
322
446
  maxWidth: '400px',
323
447
  color: color.text(),
324
448
  backgroundColor: color.background(),
325
- padding: theme.spacing.unit
449
+ padding: '2px'
326
450
  },
327
451
  longMathEditor: {
328
452
  maxWidth: '500px'
@@ -368,6 +492,8 @@ const styles = theme => ({
368
492
  paddingTop: '1.5px !important'
369
493
  },
370
494
  '& .mq-overarrow.mq-arrow-both': {
495
+ top: '7.8px',
496
+ marginTop: '0px',
371
497
  minWidth: '1.23em'
372
498
  },
373
499
  '& .mq-parallelogram': {
@@ -377,14 +503,80 @@ const styles = theme => ({
377
503
  inputContainer: {
378
504
  minWidth: '500px',
379
505
  maxWidth: '900px',
380
- minHeight: '40px',
506
+ minHeight: '30px',
381
507
  width: '100%',
382
508
  display: 'flex',
383
509
  marginTop: theme.spacing.unit,
384
- marginBottom: theme.spacing.unit
510
+ marginBottom: theme.spacing.unit,
511
+
512
+ '& .mq-sqrt-prefix .mq-scaled': {
513
+ verticalAlign: 'middle !important'
514
+ }
385
515
  },
386
516
  error: {
387
517
  border: '2px solid red'
518
+ },
519
+ keyboard: {
520
+ '& *': {
521
+ fontFamily: 'MJXZERO, MJXTEX !important',
522
+
523
+ '& .mq-math-mode > span > var': {
524
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
525
+ },
526
+ '& .mq-math-mode span var': {
527
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
528
+ },
529
+ '& .mq-math-mode .mq-nonSymbola': {
530
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
531
+ },
532
+ '& .mq-math-mode > span > var.mq-operator-name': {
533
+ fontFamily: 'MJXZERO, MJXTEX !important'
534
+ },
535
+
536
+ '& .mq-math-mode .mq-sqrt-prefix': {
537
+ top: '0 !important'
538
+ },
539
+
540
+ '& .mq-math-mode .mq-empty': {
541
+ padding: '9px 1px !important'
542
+ },
543
+
544
+ '& .mq-longdiv-inner': {
545
+ marginTop: '-1px',
546
+ marginLeft: '5px !important;',
547
+
548
+ '& > .mq-empty': {
549
+ padding: '0 !important',
550
+ marginLeft: '0px !important',
551
+ marginTop: '2px'
552
+ }
553
+ },
554
+
555
+ '& .mq-math-mode .mq-longdiv': {
556
+ display: 'inline-flex !important'
557
+ },
558
+
559
+ '& .mq-math-mode .mq-supsub': {
560
+ fontSize: '70.7% !important'
561
+ },
562
+
563
+ '& .mq-math-mode .mq-sqrt-stem': {
564
+ marginTop: '-5px',
565
+ paddingTop: '4px'
566
+ },
567
+
568
+ '& .mq-math-mode .mq-paren': {
569
+ verticalAlign: 'middle !important'
570
+ },
571
+
572
+ '& .mq-math-mode .mq-overarrow .mq-overarrow-inner .mq-empty': {
573
+ padding: '0 !important'
574
+ },
575
+
576
+ '& .mq-math-mode .mq-overline .mq-overline-inner .mq-empty ': {
577
+ padding: '0 !important'
578
+ }
579
+ }
388
580
  }
389
581
  });
390
582
 
package/src/math-preview.jsx CHANGED
@@ -36,6 +36,22 @@ const mp = theme => ({
36
36
  display: 'inline-flex',
37
37
  alignItems: 'center',
38
38
  position: 'relative',
39
+ '& *': {
40
+ fontFamily: 'MJXZERO, MJXTEX !important',
41
+ '-webkit-font-smoothing': 'antialiased !important'
42
+ },
43
+ '& > .mq-math-mode > span > var': {
44
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
45
+ },
46
+ '& > .mq-math-mode span var': {
47
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
48
+ },
49
+ '& > .mq-math-mode .mq-nonSymbola': {
50
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
51
+ },
52
+ '& > .mq-math-mode > span > var.mq-operator-name': {
53
+ fontFamily: 'MJXZERO, MJXTEX !important'
54
+ },
39
55
  '& > .mq-math-mode': {
40
56
  border: 'solid 1px lightgrey'
41
57
  },
@@ -45,14 +61,89 @@ const mp = theme => ({
45
61
  border: 'solid 1px black',
46
62
  borderRadius: '0px'
47
63
  },
48
- '& *': {
64
+ '& > .mq-math-mode .mq-root-block': {
65
+ paddingTop: '7px !important'
66
+ },
67
+ '& > .mq-math-mode .mq-overarc ': {
68
+ paddingTop: '0.45em !important'
69
+ },
70
+ '& > .mq-math-mode .mq-sqrt-prefix': {
71
+ verticalAlign: 'bottom !important',
72
+ top: '0 !important',
73
+ left: '-0.1em !important'
74
+ },
75
+ '& > .mq-math-mode .mq-denominator': {
76
+ marginTop: '-5px !important',
77
+ padding: '0.5em 0.1em 0.1em !important'
78
+ },
79
+ '& > .mq-math-mode .mq-numerator, .mq-math-mode .mq-over': {
80
+ padding: '0 0.1em !important',
81
+ paddingBottom: '0 !important',
82
+ marginBottom: '4.5px'
83
+ },
84
+ '& > .mq-math-mode sup.mq-nthroot': {
85
+ fontSize: '70.7% !important',
86
+ verticalAlign: '0.5em !important',
87
+ paddingRight: '0.15em'
88
+ },
89
+ '& > .mq-longdiv-inner': {
90
+ marginTop: '-1px',
91
+ marginLeft: '5px !important;',
92
+
93
+ '& > .mq-empty': {
94
+ padding: '0 !important',
95
+ marginLeft: '0px !important',
96
+ marginTop: '2px'
97
+ }
98
+ },
99
+ '& > .mq-math-mode .mq-longdiv': {
100
+ display: 'inline-flex !important'
101
+ },
102
+ '& > .mq-math-mode .mq-longdiv .mq-longdiv-inner .mq-empty': {
103
+ paddingTop: '6px !important',
104
+ paddingLeft: '4px !important'
105
+ },
106
+ '& > .mq-math-mode .mq-longdiv .mq-longdiv-inner': {
107
+ marginLeft: '0 !important'
108
+ },
109
+ '& > .mq-math-mode .mq-supsub': {
110
+ fontSize: '70.7% !important'
111
+ },
112
+ '& > .mq-math-mode .mq-overarrow': {
49
113
  fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
50
114
  },
115
+ '& > .mq-math-mode .mq-paren': {
116
+ verticalAlign: 'top !important',
117
+ padding: '1px 0.1em !important'
118
+ },
119
+
120
+ '& > .mq-math-mode .mq-sqrt-stem': {
121
+ borderTop: '0.07em solid',
122
+ marginLeft: '-1.5px',
123
+ marginTop: '-2px !important',
124
+ paddingTop: '5px !important'
125
+ },
126
+ '& > .mq-supsub ': {
127
+ fontSize: '70.7%'
128
+ },
129
+
130
+ '& > .mq-math-mode .mq-supsub.mq-sup-only': {
131
+ verticalAlign: '-0.1em !important',
132
+
133
+ '& .mq-sup': {
134
+ marginBottom: '0px !important'
135
+ }
136
+ },
51
137
  '& .mq-overarrow-inner': {
52
138
  paddingTop: '0 !important',
53
139
  border: 'none !important'
54
140
  },
141
+ '& .mq-editable-field .mq-cursor': {
142
+ marginTop: '-15px !important'
143
+ },
55
144
  '& .mq-overarrow.mq-arrow-both': {
145
+ top: '7.5px',
146
+ marginTop: '0px',
56
147
  minWidth: '1.23em',
57
148
  '& *': {
58
149
  lineHeight: '1 !important'
@@ -62,8 +153,8 @@ const mp = theme => ({
62
153
  left: '-1px'
63
154
  },
64
155
  '&:after': {
65
- top: '-2.36em',
66
- right: '-1px'
156
+ top: '-3.15em',
157
+ right: '-2px'
67
158
  },
68
159
  '&.mq-empty:after': {
69
160
  top: '-0.45em'