@pie-lib/math-toolbar 1.10.2 → 1.11.1

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 +33 -0
  2. package/lib/editor-and-pad.js +168 -11
  3. package/lib/editor-and-pad.js.map +1 -1
  4. package/lib/math-preview.js +91 -3
  5. package/lib/math-preview.js.map +1 -1
  6. package/package.json +3 -3
  7. package/src/editor-and-pad.jsx +201 -9
  8. package/src/math-preview.jsx +95 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,39 @@
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.11.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-toolbar@1.11.0...@pie-lib/math-toolbar@1.11.1) (2022-08-30)
7
+
8
+ **Note:** Version bump only for package @pie-lib/math-toolbar
9
+
10
+
11
+
12
+
13
+
14
+ # [1.11.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-toolbar@1.10.3...@pie-lib/math-toolbar@1.11.0) (2022-08-29)
15
+
16
+
17
+ ### Features
18
+
19
+ * **math-toolbar:** feedback ([f3ef92d](https://github.com/pie-framework/pie-lib/commit/f3ef92d2dad55e0e0aff6dc216cc491f1fde94f2))
20
+ * **math-toolbar:** feedback ([85e4b58](https://github.com/pie-framework/pie-lib/commit/85e4b585dfb389a026629607ce54f6e3ac7d15fb))
21
+ * **math-toolbar:** feedback ([b1d925f](https://github.com/pie-framework/pie-lib/commit/b1d925f1caf67a0851eadb07467ed042df4513ea))
22
+ * **math-toolbar:** Make math-toolbar style inline with mathjax's one ([043ab63](https://github.com/pie-framework/pie-lib/commit/043ab63dda1914c992821d3f90992fe65817c597))
23
+ * **math-toolbar:** Make math-toolbar style inline with mathjax's one ([8b7a7ed](https://github.com/pie-framework/pie-lib/commit/8b7a7ed46eb5e597589dd0f999663bfeb20edaa9))
24
+ * **math-toolbar:** Make math-toolbar style inline with mathjax's one ([85ca9bd](https://github.com/pie-framework/pie-lib/commit/85ca9bdd12227054d1d3045e610544211251a699))
25
+ * **math-toolbar:** updates fonts accordingly - variables use italic MJXTEX-I ([9a0b157](https://github.com/pie-framework/pie-lib/commit/9a0b1579c9c17d77a94f62eeb4cc160c21ab2f81))
26
+
27
+
28
+
29
+
30
+
31
+ ## [1.10.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-toolbar@1.10.2...@pie-lib/math-toolbar@1.10.3) (2022-08-01)
32
+
33
+ **Note:** Version bump only for package @pie-lib/math-toolbar
34
+
35
+
36
+
37
+
38
+
6
39
  ## [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
40
 
8
41
  **Note:** Version bump only for package @pie-lib/math-toolbar
package/lib/editor-and-pad.js CHANGED
@@ -285,9 +285,7 @@ var EditorAndPad = /*#__PURE__*/function (_React$Component) {
285
285
  value: 'statistics'
286
286
  }, "Statistics"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
287
287
  value: 'item-authoring'
288
- }, "Item Authoring"), /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
289
- value: 'language'
290
- }, "Language"))), /*#__PURE__*/_react["default"].createElement("div", {
288
+ }, "Item Authoring"))), /*#__PURE__*/_react["default"].createElement("div", {
291
289
  className: (0, _classnames["default"])(classes.inputContainer, error ? classes.error : '')
292
290
  }, /*#__PURE__*/_react["default"].createElement(_mathInput.mq.Input, {
293
291
  onFocus: function onFocus() {
@@ -317,6 +315,7 @@ var EditorAndPad = /*#__PURE__*/function (_React$Component) {
317
315
  }, "+ Response Area"), /*#__PURE__*/_react["default"].createElement("hr", {
318
316
  className: classes.hr
319
317
  }), shouldShowKeypad && /*#__PURE__*/_react["default"].createElement(_mathInput.HorizontalKeypad, {
318
+ className: classes.keyboard,
320
319
  layoutForKeyPad: layoutForKeyPad,
321
320
  additionalKeys: additionalKeys,
322
321
  mode: controlledKeypadMode ? this.state.equationEditor : keypadMode,
@@ -355,21 +354,31 @@ var styles = function styles(theme) {
355
354
  inputAndTypeContainer: {
356
355
  display: 'flex',
357
356
  alignItems: 'center',
358
- '& *': {
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': {
359
364
  fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
360
365
  },
366
+ '& .mq-math-mode .mq-overline .mq-overline-inner': {
367
+ paddingTop: '0.4em !important'
368
+ },
361
369
  '& .mq-overarrow.mq-arrow-both': {
362
370
  minWidth: '1.23em',
363
371
  '& *': {
364
372
  lineHeight: '1 !important'
365
373
  },
366
374
  '&:before': {
367
- top: '-0.4em',
375
+ top: '-0.45em',
368
376
  left: '-1px'
369
377
  },
370
378
  '&:after': {
371
- top: '-2.36em',
372
- right: '-1px'
379
+ position: 'absolute',
380
+ top: '0px !important',
381
+ right: '-2px'
373
382
  },
374
383
  '&.mq-empty:after': {
375
384
  top: '-0.45em'
@@ -380,6 +389,92 @@ var styles = function styles(theme) {
380
389
  top: '-0.4em',
381
390
  right: '-1px'
382
391
  }
392
+ },
393
+ '& *': {
394
+ fontFamily: 'MJXZERO, MJXTEX !important',
395
+ '& .mq-math-mode > span > var': {
396
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
397
+ },
398
+ '& .mq-math-mode span var': {
399
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
400
+ },
401
+ '& .mq-math-mode .mq-nonSymbola': {
402
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
403
+ },
404
+ '& .mq-math-mode > span > var.mq-operator-name': {
405
+ fontFamily: 'MJXZERO, MJXTEX !important'
406
+ },
407
+ '& .mq-math-mode .mq-sqrt-prefix': {
408
+ verticalAlign: 'bottom !important',
409
+ top: '0 !important',
410
+ left: '-0.1em !important'
411
+ },
412
+ '& .mq-math-mode .mq-overarc ': {
413
+ paddingTop: '0.45em !important'
414
+ },
415
+ '& .mq-math-mode sup.mq-nthroot': {
416
+ fontSize: '70% !important',
417
+ verticalAlign: '0.5em !important',
418
+ paddingRight: '0.15em'
419
+ },
420
+ '& .mq-math-mode .mq-empty': {
421
+ padding: '9px 1px !important'
422
+ },
423
+ '& .mq-math-mode .mq-root-block': {
424
+ paddingTop: '10px'
425
+ },
426
+ '& .mq-scaled .mq-sqrt-prefix': {
427
+ top: '0 !important'
428
+ },
429
+ '& .mq-longdiv-inner': {
430
+ marginTop: '-1px',
431
+ marginLeft: '5px !important;',
432
+ '& > .mq-empty': {
433
+ padding: '0 !important',
434
+ marginLeft: '0px !important',
435
+ marginTop: '2px'
436
+ }
437
+ },
438
+ '& .mq-math-mode .mq-longdiv': {
439
+ display: 'inline-flex !important'
440
+ },
441
+ '& .mq-math-mode .mq-longdiv .mq-longdiv-inner': {
442
+ marginLeft: '4px !important',
443
+ paddingTop: '6px !important',
444
+ paddingLeft: '6px !important'
445
+ },
446
+ '& .mq-math-mode .mq-supsub': {
447
+ fontSize: '70.7% !important'
448
+ },
449
+ '& .mq-math-mode .mq-paren': {
450
+ verticalAlign: 'top !important',
451
+ padding: '1px 0.1em !important'
452
+ },
453
+ '& .mq-math-mode .mq-sqrt-stem': {
454
+ borderTop: '0.07em solid',
455
+ marginLeft: '-1.5px',
456
+ marginTop: '-2px !important',
457
+ paddingTop: '5px !important'
458
+ },
459
+ '& .mq-supsub ': {
460
+ fontSize: '70.7%'
461
+ },
462
+ '& .mq-math-mode .mq-supsub.mq-sup-only': {
463
+ verticalAlign: '-0.1em !important',
464
+ '& .mq-sup': {
465
+ marginBottom: '0px !important'
466
+ }
467
+ },
468
+ '& .mq-math-mode .mq-denominator': {
469
+ marginTop: '-5px !important',
470
+ padding: '0.5em 0.1em 0.1em !important'
471
+ },
472
+ '& .mq-math-mode .mq-numerator, .mq-math-mode .mq-over': {
473
+ padding: '0 0.1em !important',
474
+ paddingBottom: '0 !important',
475
+ marginBottom: '4.5px'
476
+ },
477
+ '-webkit-font-smoothing': 'antialiased !important'
383
478
  }
384
479
  },
385
480
  hide: {
@@ -392,13 +487,19 @@ var styles = function styles(theme) {
392
487
  marginLeft: '15px',
393
488
  marginTop: '5px',
394
489
  marginBottom: '5px',
395
- marginRight: '5px'
490
+ marginRight: '5px',
491
+ '& label': {
492
+ fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
493
+ },
494
+ '& div': {
495
+ fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
496
+ }
396
497
  },
397
498
  mathEditor: {
398
499
  maxWidth: '400px',
399
500
  color: _renderUi.color.text(),
400
501
  backgroundColor: _renderUi.color.background(),
401
- padding: theme.spacing.unit
502
+ padding: '2px'
402
503
  },
403
504
  longMathEditor: {
404
505
  maxWidth: '500px'
@@ -444,6 +545,8 @@ var styles = function styles(theme) {
444
545
  paddingTop: '1.5px !important'
445
546
  },
446
547
  '& .mq-overarrow.mq-arrow-both': {
548
+ top: '7.8px',
549
+ marginTop: '0px',
447
550
  minWidth: '1.23em'
448
551
  },
449
552
  '& .mq-parallelogram': {
@@ -453,14 +556,68 @@ var styles = function styles(theme) {
453
556
  inputContainer: {
454
557
  minWidth: '500px',
455
558
  maxWidth: '900px',
456
- minHeight: '40px',
559
+ minHeight: '30px',
457
560
  width: '100%',
458
561
  display: 'flex',
459
562
  marginTop: theme.spacing.unit,
460
- marginBottom: theme.spacing.unit
563
+ marginBottom: theme.spacing.unit,
564
+ '& .mq-sqrt-prefix .mq-scaled': {
565
+ verticalAlign: 'middle !important'
566
+ }
461
567
  },
462
568
  error: {
463
569
  border: '2px solid red'
570
+ },
571
+ keyboard: {
572
+ '& *': {
573
+ fontFamily: 'MJXZERO, MJXTEX !important',
574
+ '& .mq-math-mode > span > var': {
575
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
576
+ },
577
+ '& .mq-math-mode span var': {
578
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
579
+ },
580
+ '& .mq-math-mode .mq-nonSymbola': {
581
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
582
+ },
583
+ '& .mq-math-mode > span > var.mq-operator-name': {
584
+ fontFamily: 'MJXZERO, MJXTEX !important'
585
+ },
586
+ '& .mq-math-mode .mq-sqrt-prefix': {
587
+ top: '0 !important'
588
+ },
589
+ '& .mq-math-mode .mq-empty': {
590
+ padding: '9px 1px !important'
591
+ },
592
+ '& .mq-longdiv-inner': {
593
+ marginTop: '-1px',
594
+ marginLeft: '5px !important;',
595
+ '& > .mq-empty': {
596
+ padding: '0 !important',
597
+ marginLeft: '0px !important',
598
+ marginTop: '2px'
599
+ }
600
+ },
601
+ '& .mq-math-mode .mq-longdiv': {
602
+ display: 'inline-flex !important'
603
+ },
604
+ '& .mq-math-mode .mq-supsub': {
605
+ fontSize: '70.7% !important'
606
+ },
607
+ '& .mq-math-mode .mq-sqrt-stem': {
608
+ marginTop: '-5px',
609
+ paddingTop: '4px'
610
+ },
611
+ '& .mq-math-mode .mq-paren': {
612
+ verticalAlign: 'middle !important'
613
+ },
614
+ '& .mq-math-mode .mq-overarrow .mq-overarrow-inner .mq-empty': {
615
+ padding: '0 !important'
616
+ },
617
+ '& .mq-math-mode .mq-overline .mq-overline-inner .mq-empty ': {
618
+ padding: '0 !important'
619
+ }
620
+ }
464
621
  }
465
622
  };
466
623
  };
package/lib/editor-and-pad.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/editor-and-pad.jsx"],"names":["log","decimalRegex","toNodeData","data","type","value","EditorAndPad","props","noDecimal","noLatexHandling","onChange","c","input","clear","command","keystroke","write","isEdit","maxResponseAreas","shouldDisable","checkResponseAreasNumber","setState","addDisabled","onAnswerBlockAdd","onClick","updateDisable","latex","indexOf","replace","evt","equationEditor","target","count","match","length","state","autoFocus","focus","nextProps","nextState","inputIsDifferent","mathField","error","keypadMode","controlledKeypad","showKeypad","classNames","allowAnswerBlock","additionalKeys","controlledKeypadMode","hideInput","layoutForKeyPad","onFocus","onBlur","classes","shouldShowKeypad","mathToolbar","inputAndTypeContainer","hide","selectContainer","select","onEditorTypeChange","inputContainer","event","mathEditor","editor","longMathEditor","r","onEditorChange","addAnswerBlockButton","bottom","onAnswerBlockClick","hr","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"],"mappings":"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","sourcesContent":["import { HorizontalKeypad, mq } from '@pie-lib/math-input';\nimport React from 'react';\nimport debug from 'debug';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\nimport Button from '@material-ui/core/Button';\nimport { withStyles } from '@material-ui/core/styles';\nconst log = debug('@pie-lib:math-toolbar:editor-and-pad');\nimport { color, InputContainer } from '@pie-lib/render-ui';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Select from '@material-ui/core/Select';\nimport { updateSpans } from '@pie-lib/math-input';\nimport isEqual from 'lodash/isEqual';\n\nconst decimalRegex = /\\.|,/g;\n\nconst toNodeData = data => {\n if (!data) {\n return;\n }\n\n const { type, value } = data;\n\n if (type === 'command' || type === 'cursor') {\n return data;\n } else if (type === 'answer') {\n return { type: 'answer', ...data };\n } else if (value === 'clear') {\n return { type: 'clear' };\n } else {\n return { type: 'write', value };\n }\n};\n\nexport class EditorAndPad extends React.Component {\n static propTypes = {\n classNames: PropTypes.object,\n keypadMode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n autoFocus: PropTypes.bool,\n allowAnswerBlock: PropTypes.bool,\n showKeypad: PropTypes.bool,\n controlledKeypad: PropTypes.bool,\n controlledKeypadMode: PropTypes.bool,\n noDecimal: PropTypes.bool,\n hideInput: PropTypes.bool,\n noLatexHandling: PropTypes.bool,\n layoutForKeyPad: PropTypes.object,\n additionalKeys: PropTypes.array,\n latex: PropTypes.string.isRequired,\n onAnswerBlockAdd: PropTypes.func,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n onChange: PropTypes.func.isRequired,\n classes: PropTypes.object\n };\n\n constructor(props) {\n super(props);\n\n this.state = { equationEditor: 'item-authoring', addDisabled: false };\n }\n\n componentDidMount() {\n if (this.input && this.props.autoFocus) {\n this.input.focus();\n }\n }\n\n onClick = data => {\n const { noDecimal, noLatexHandling, onChange } = this.props;\n const c = toNodeData(data);\n log('mathChange: ', c);\n\n if (noLatexHandling) {\n onChange(c.value);\n return;\n }\n\n // if decimals are not allowed for this response, we discard the input\n if (noDecimal && (c.value === '.' || c.value === ',')) {\n return;\n }\n\n if (!c) {\n return;\n }\n\n if (c.type === 'clear') {\n log('call clear...');\n this.input.clear();\n } else if (c.type === 'command') {\n this.input.command(c.value);\n } else if (c.type === 'cursor') {\n this.input.keystroke(c.value);\n } else if (c.type === 'answer') {\n this.input.write('%response%');\n } else {\n this.input.write(c.value);\n }\n };\n\n updateDisable = isEdit => {\n const { maxResponseAreas } = this.props;\n\n if (maxResponseAreas) {\n const shouldDisable = this.checkResponseAreasNumber(maxResponseAreas, isEdit);\n\n this.setState({ addDisabled: shouldDisable });\n }\n };\n\n onAnswerBlockClick = () => {\n this.props.onAnswerBlockAdd();\n this.onClick({\n type: 'answer'\n });\n\n this.updateDisable(true);\n };\n\n onEditorChange = latex => {\n const { onChange, noDecimal } = this.props;\n\n updateSpans();\n\n this.updateDisable(true);\n\n // if no decimals are allowed and the last change is a decimal dot, discard the change\n if (noDecimal && (latex.indexOf('.') !== -1 || latex.indexOf(',') !== -1) && this.input) {\n this.input.clear();\n this.input.write(latex.replace(decimalRegex, ''));\n return;\n }\n\n 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 <MenuItem value={'language'}>Language</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"],"file":"editor-and-pad.js"}
1
+ {"version":3,"sources":["../src/editor-and-pad.jsx"],"names":["log","decimalRegex","toNodeData","data","type","value","EditorAndPad","props","noDecimal","noLatexHandling","onChange","c","input","clear","command","keystroke","write","isEdit","maxResponseAreas","shouldDisable","checkResponseAreasNumber","setState","addDisabled","onAnswerBlockAdd","onClick","updateDisable","latex","indexOf","replace","evt","equationEditor","target","count","match","length","state","autoFocus","focus","nextProps","nextState","inputIsDifferent","mathField","error","keypadMode","controlledKeypad","showKeypad","classNames","allowAnswerBlock","additionalKeys","controlledKeypadMode","hideInput","layoutForKeyPad","onFocus","onBlur","classes","shouldShowKeypad","mathToolbar","inputAndTypeContainer","hide","selectContainer","select","onEditorTypeChange","inputContainer","event","mathEditor","editor","longMathEditor","r","onEditorChange","addAnswerBlockButton","bottom","onAnswerBlockClick","hr","keyboard","React","Component","PropTypes","object","oneOfType","string","number","bool","array","isRequired","func","styles","theme","display","alignItems","top","paddingTop","fontFamily","minWidth","lineHeight","left","position","right","verticalAlign","fontSize","paddingRight","padding","marginTop","marginLeft","paddingLeft","borderTop","marginBottom","paddingBottom","flex","width","marginRight","maxWidth","color","text","backgroundColor","background","border","margin","height","borderBottom","palette","primary","main","zIndex","textAlign","outline","boxShadow","borderRadius","minHeight","spacing","unit"],"mappings":"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","sourcesContent":["import { HorizontalKeypad, mq } from '@pie-lib/math-input';\nimport React from 'react';\nimport debug from 'debug';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\nimport Button from '@material-ui/core/Button';\nimport { withStyles } from '@material-ui/core/styles';\nconst log = debug('@pie-lib:math-toolbar:editor-and-pad');\nimport { color, InputContainer } from '@pie-lib/render-ui';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Select from '@material-ui/core/Select';\nimport { updateSpans } from '@pie-lib/math-input';\nimport isEqual from 'lodash/isEqual';\n\nconst decimalRegex = /\\.|,/g;\n\nconst toNodeData = data => {\n if (!data) {\n return;\n }\n\n const { type, value } = data;\n\n if (type === 'command' || type === 'cursor') {\n return data;\n } else if (type === 'answer') {\n return { type: 'answer', ...data };\n } else if (value === 'clear') {\n return { type: 'clear' };\n } else {\n return { type: 'write', value };\n }\n};\n\nexport class EditorAndPad extends React.Component {\n static propTypes = {\n classNames: PropTypes.object,\n keypadMode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n autoFocus: PropTypes.bool,\n allowAnswerBlock: PropTypes.bool,\n showKeypad: PropTypes.bool,\n controlledKeypad: PropTypes.bool,\n controlledKeypadMode: PropTypes.bool,\n noDecimal: PropTypes.bool,\n hideInput: PropTypes.bool,\n noLatexHandling: PropTypes.bool,\n layoutForKeyPad: PropTypes.object,\n additionalKeys: PropTypes.array,\n latex: PropTypes.string.isRequired,\n onAnswerBlockAdd: PropTypes.func,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n onChange: PropTypes.func.isRequired,\n classes: PropTypes.object\n };\n\n constructor(props) {\n super(props);\n\n this.state = { equationEditor: 'item-authoring', addDisabled: false };\n }\n\n componentDidMount() {\n if (this.input && this.props.autoFocus) {\n this.input.focus();\n }\n }\n\n onClick = data => {\n const { noDecimal, noLatexHandling, onChange } = this.props;\n const c = toNodeData(data);\n log('mathChange: ', c);\n\n if (noLatexHandling) {\n onChange(c.value);\n return;\n }\n\n // if decimals are not allowed for this response, we discard the input\n if (noDecimal && (c.value === '.' || c.value === ',')) {\n return;\n }\n\n if (!c) {\n return;\n }\n\n if (c.type === 'clear') {\n log('call clear...');\n this.input.clear();\n } else if (c.type === 'command') {\n this.input.command(c.value);\n } else if (c.type === 'cursor') {\n this.input.keystroke(c.value);\n } else if (c.type === 'answer') {\n this.input.write('%response%');\n } else {\n this.input.write(c.value);\n }\n };\n\n updateDisable = isEdit => {\n const { maxResponseAreas } = this.props;\n\n if (maxResponseAreas) {\n const shouldDisable = this.checkResponseAreasNumber(maxResponseAreas, isEdit);\n\n this.setState({ addDisabled: shouldDisable });\n }\n };\n\n onAnswerBlockClick = () => {\n this.props.onAnswerBlockAdd();\n this.onClick({\n type: 'answer'\n });\n\n this.updateDisable(true);\n };\n\n onEditorChange = latex => {\n const { onChange, noDecimal } = this.props;\n\n updateSpans();\n\n this.updateDisable(true);\n\n // if no decimals are allowed and the last change is a decimal dot, discard the change\n if (noDecimal && (latex.indexOf('.') !== -1 || latex.indexOf(',') !== -1) && this.input) {\n this.input.clear();\n this.input.write(latex.replace(decimalRegex, ''));\n return;\n }\n\n onChange(latex);\n };\n\n /** Only render if the mathquill instance's latex is different\n * or the keypad state changed from one state to the other (shown / hidden) */\n shouldComponentUpdate(nextProps, nextState) {\n const inputIsDifferent = this.input.mathField.latex() !== nextProps.latex;\n log('[shouldComponentUpdate] ', 'inputIsDifferent: ', inputIsDifferent);\n\n if (!isEqual(this.props.error, nextProps.error)) {\n return true;\n }\n\n if (!inputIsDifferent && this.props.keypadMode !== nextProps.keypadMode) {\n return true;\n }\n\n if (!inputIsDifferent && this.props.noDecimal !== nextProps.noDecimal) {\n return true;\n }\n\n if (!inputIsDifferent && this.state.equationEditor !== nextState.equationEditor) {\n return true;\n }\n\n if (!inputIsDifferent && this.props.controlledKeypad) {\n return this.props.showKeypad !== nextProps.showKeypad;\n }\n\n return inputIsDifferent;\n }\n\n onEditorTypeChange = evt => {\n this.setState({ equationEditor: evt.target.value });\n };\n\n checkResponseAreasNumber = (maxResponseAreas, isEdit) => {\n const { latex } = (this.input && this.input.props) || {};\n\n if (latex) {\n const count = (latex.match(/answerBlock/g) || []).length;\n\n return isEdit ? count === maxResponseAreas - 1 : count === maxResponseAreas;\n }\n\n return false;\n };\n\n render() {\n const {\n classNames,\n keypadMode,\n allowAnswerBlock,\n additionalKeys,\n controlledKeypad,\n controlledKeypadMode,\n showKeypad,\n noDecimal,\n hideInput,\n layoutForKeyPad,\n latex,\n onFocus,\n onBlur,\n classes,\n error\n } = this.props;\n const shouldShowKeypad = !controlledKeypad || (controlledKeypad && showKeypad);\n const { addDisabled } = this.state;\n\n log('[render]', latex);\n\n return (\n <div className={cx(classes.mathToolbar, classNames.mathToolbar)}>\n <div className={cx(classes.inputAndTypeContainer, { [classes.hide]: hideInput })}>\n {controlledKeypadMode && (\n <InputContainer label=\"Equation Editor\" className={classes.selectContainer}>\n <Select\n className={classes.select}\n onChange={this.onEditorTypeChange}\n value={this.state.equationEditor}\n >\n <MenuItem value=\"non-negative-integers\">Numeric - Non-Negative Integers</MenuItem>\n <MenuItem value=\"integers\">Numeric - Integers</MenuItem>\n <MenuItem value=\"decimals\">Numeric - Decimals</MenuItem>\n <MenuItem value=\"fractions\">Numeric - Fractions</MenuItem>\n <MenuItem value={1}>Grade 1 - 2</MenuItem>\n <MenuItem value={3}>Grade 3 - 5</MenuItem>\n <MenuItem value={6}>Grade 6 - 7</MenuItem>\n <MenuItem value={8}>Grade 8 - HS</MenuItem>\n <MenuItem value={'geometry'}>Geometry</MenuItem>\n <MenuItem value={'advanced-algebra'}>Advanced Algebra</MenuItem>\n <MenuItem value={'statistics'}>Statistics</MenuItem>\n <MenuItem value={'item-authoring'}>Item Authoring</MenuItem>\n </Select>\n </InputContainer>\n )}\n <div className={cx(classes.inputContainer, error ? classes.error : '')}>\n <mq.Input\n onFocus={() => {\n onFocus && onFocus();\n this.updateDisable(false);\n }}\n onBlur={event => {\n this.updateDisable(false);\n onBlur && onBlur(event);\n }}\n className={cx(\n classes.mathEditor,\n classNames.editor,\n !controlledKeypadMode ? classes.longMathEditor : ''\n )}\n innerRef={r => (this.input = r)}\n latex={latex}\n onChange={this.onEditorChange}\n />\n </div>\n </div>\n {allowAnswerBlock && (\n <Button\n className={classes.addAnswerBlockButton}\n type=\"primary\"\n style={{ bottom: shouldShowKeypad ? '320px' : '20px' }}\n onClick={this.onAnswerBlockClick}\n disabled={addDisabled}\n >\n + Response Area\n </Button>\n )}\n <hr className={classes.hr} />\n {shouldShowKeypad && (\n <HorizontalKeypad\n className={classes.keyboard}\n layoutForKeyPad={layoutForKeyPad}\n additionalKeys={additionalKeys}\n mode={controlledKeypadMode ? this.state.equationEditor : keypadMode}\n onClick={this.onClick}\n noDecimal={noDecimal}\n />\n )}\n </div>\n );\n }\n}\n\nconst styles = theme => ({\n inputAndTypeContainer: {\n display: 'flex',\n alignItems: 'center',\n '& .mq-editable-field .mq-cursor': {\n top: '-4px'\n },\n '& .mq-math-mode .mq-selection, .mq-editable-field .mq-selection': {\n paddingTop: '18px'\n },\n '& .mq-math-mode .mq-overarrow': {\n fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'\n },\n '& .mq-math-mode .mq-overline .mq-overline-inner': {\n paddingTop: '0.4em !important'\n },\n '& .mq-overarrow.mq-arrow-both': {\n minWidth: '1.23em',\n '& *': {\n lineHeight: '1 !important'\n },\n '&:before': {\n top: '-0.45em',\n left: '-1px'\n },\n '&:after': {\n position: 'absolute',\n top: '0px !important',\n right: '-2px'\n },\n '&.mq-empty:after': {\n top: '-0.45em'\n }\n },\n '& .mq-overarrow.mq-arrow-right': {\n '&:before': {\n top: '-0.4em',\n right: '-1px'\n }\n },\n '& *': {\n fontFamily: 'MJXZERO, MJXTEX !important',\n\n '& .mq-math-mode > span > var': {\n fontFamily: 'MJXZERO, MJXTEX-I !important'\n },\n '& .mq-math-mode span var': {\n fontFamily: 'MJXZERO, MJXTEX-I !important'\n },\n '& .mq-math-mode .mq-nonSymbola': {\n fontFamily: 'MJXZERO, MJXTEX-I !important'\n },\n '& .mq-math-mode > span > var.mq-operator-name': {\n fontFamily: 'MJXZERO, MJXTEX !important'\n },\n\n '& .mq-math-mode .mq-sqrt-prefix': {\n verticalAlign: 'bottom !important',\n top: '0 !important',\n left: '-0.1em !important'\n },\n\n '& .mq-math-mode .mq-overarc ': {\n paddingTop: '0.45em !important'\n },\n\n '& .mq-math-mode sup.mq-nthroot': {\n fontSize: '70% !important',\n verticalAlign: '0.5em !important',\n paddingRight: '0.15em'\n },\n\n '& .mq-math-mode .mq-empty': {\n padding: '9px 1px !important'\n },\n\n '& .mq-math-mode .mq-root-block': {\n paddingTop: '10px'\n },\n\n '& .mq-scaled .mq-sqrt-prefix': {\n top: '0 !important'\n },\n\n '& .mq-longdiv-inner': {\n marginTop: '-1px',\n marginLeft: '5px !important;',\n\n '& > .mq-empty': {\n padding: '0 !important',\n marginLeft: '0px !important',\n marginTop: '2px'\n }\n },\n\n '& .mq-math-mode .mq-longdiv': {\n display: 'inline-flex !important'\n },\n\n '& .mq-math-mode .mq-longdiv .mq-longdiv-inner': {\n marginLeft: '4px !important',\n paddingTop: '6px !important',\n paddingLeft: '6px !important'\n },\n\n '& .mq-math-mode .mq-supsub': {\n fontSize: '70.7% !important'\n },\n\n '& .mq-math-mode .mq-paren': {\n verticalAlign: 'top !important',\n padding: '1px 0.1em !important'\n },\n\n '& .mq-math-mode .mq-sqrt-stem': {\n borderTop: '0.07em solid',\n marginLeft: '-1.5px',\n marginTop: '-2px !important',\n paddingTop: '5px !important'\n },\n\n '& .mq-supsub ': {\n fontSize: '70.7%'\n },\n\n '& .mq-math-mode .mq-supsub.mq-sup-only': {\n verticalAlign: '-0.1em !important',\n\n '& .mq-sup': {\n marginBottom: '0px !important'\n }\n },\n\n '& .mq-math-mode .mq-denominator': {\n marginTop: '-5px !important',\n padding: '0.5em 0.1em 0.1em !important'\n },\n\n '& .mq-math-mode .mq-numerator, .mq-math-mode .mq-over': {\n padding: '0 0.1em !important',\n paddingBottom: '0 !important',\n marginBottom: '4.5px'\n },\n\n '-webkit-font-smoothing': 'antialiased !important'\n }\n },\n hide: {\n display: 'none'\n },\n selectContainer: {\n flex: 'initial',\n width: '25%',\n minWidth: '100px',\n marginLeft: '15px',\n marginTop: '5px',\n marginBottom: '5px',\n marginRight: '5px',\n\n '& label': {\n fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'\n },\n\n '& div': {\n fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'\n }\n },\n mathEditor: {\n maxWidth: '400px',\n color: color.text(),\n backgroundColor: color.background(),\n padding: '2px'\n },\n longMathEditor: {\n maxWidth: '500px'\n },\n addAnswerBlockButton: {\n position: 'absolute',\n right: '12px',\n border: '1px solid lightgrey'\n },\n hr: {\n padding: 0,\n margin: 0,\n height: '1px',\n border: 'none',\n borderBottom: `solid 1px ${theme.palette.primary.main}`\n },\n mathToolbar: {\n zIndex: 9,\n position: 'relative',\n textAlign: 'center',\n width: 'auto',\n '& > .mq-math-mode': {\n border: 'solid 1px lightgrey'\n },\n '& > .mq-focused': {\n outline: 'none',\n boxShadow: 'none',\n border: `dotted 1px ${theme.palette.primary.main}`,\n borderRadius: '0px'\n },\n '& .mq-overarrow-inner': {\n border: 'none !important',\n paddingTop: '0 !important'\n },\n '& .mq-overarrow-inner-right': {\n display: 'none !important'\n },\n '& .mq-overarrow-inner-left': {\n display: 'none !important'\n },\n '& .mq-longdiv-inner': {\n borderTop: '1px solid !important',\n paddingTop: '1.5px !important'\n },\n '& .mq-overarrow.mq-arrow-both': {\n top: '7.8px',\n marginTop: '0px',\n minWidth: '1.23em'\n },\n '& .mq-parallelogram': {\n lineHeight: 0.85\n }\n },\n inputContainer: {\n minWidth: '500px',\n maxWidth: '900px',\n minHeight: '30px',\n width: '100%',\n display: 'flex',\n marginTop: theme.spacing.unit,\n marginBottom: theme.spacing.unit,\n\n '& .mq-sqrt-prefix .mq-scaled': {\n verticalAlign: 'middle !important'\n }\n },\n error: {\n border: '2px solid red'\n },\n keyboard: {\n '& *': {\n fontFamily: 'MJXZERO, MJXTEX !important',\n\n '& .mq-math-mode > span > var': {\n fontFamily: 'MJXZERO, MJXTEX-I !important'\n },\n '& .mq-math-mode span var': {\n fontFamily: 'MJXZERO, MJXTEX-I !important'\n },\n '& .mq-math-mode .mq-nonSymbola': {\n fontFamily: 'MJXZERO, MJXTEX-I !important'\n },\n '& .mq-math-mode > span > var.mq-operator-name': {\n fontFamily: 'MJXZERO, MJXTEX !important'\n },\n\n '& .mq-math-mode .mq-sqrt-prefix': {\n top: '0 !important'\n },\n\n '& .mq-math-mode .mq-empty': {\n padding: '9px 1px !important'\n },\n\n '& .mq-longdiv-inner': {\n marginTop: '-1px',\n marginLeft: '5px !important;',\n\n '& > .mq-empty': {\n padding: '0 !important',\n marginLeft: '0px !important',\n marginTop: '2px'\n }\n },\n\n '& .mq-math-mode .mq-longdiv': {\n display: 'inline-flex !important'\n },\n\n '& .mq-math-mode .mq-supsub': {\n fontSize: '70.7% !important'\n },\n\n '& .mq-math-mode .mq-sqrt-stem': {\n marginTop: '-5px',\n paddingTop: '4px'\n },\n\n '& .mq-math-mode .mq-paren': {\n verticalAlign: 'middle !important'\n },\n\n '& .mq-math-mode .mq-overarrow .mq-overarrow-inner .mq-empty': {\n padding: '0 !important'\n },\n\n '& .mq-math-mode .mq-overline .mq-overline-inner .mq-empty ': {\n padding: '0 !important'\n }\n }\n }\n});\n\nexport default withStyles(styles)(EditorAndPad);\n"],"file":"editor-and-pad.js"}
package/lib/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,9 @@ var mp = function mp(theme) {
113
200
  left: '-1px'
114
201
  },
115
202
  '&:after': {
116
- top: '-2.36em',
117
- right: '-1px'
203
+ top: '0px !important',
204
+ position: 'absolute',
205
+ right: '-2px'
118
206
  },
119
207
  '&.mq-empty:after': {
120
208
  top: '-0.45em'
package/lib/math-preview.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/math-preview.jsx"],"names":["log","RawMathPreview","props","node","data","latex","get","classes","isSelected","onFocus","onBlur","root","selected","insideOverlay","React","Component","PropTypes","string","object","bool","func","mp","theme","display","alignItems","position","border","outline","boxShadow","borderRadius","fontFamily","paddingTop","minWidth","lineHeight","top","left","right","borderTop","palette","primary","main","bottom"],"mappings":"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","sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport debug from 'debug';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport { mq } from '@pie-lib/math-input';\n\nconst log = debug('@pie-lib:math-toolbar:math-preview');\n\nexport class RawMathPreview extends React.Component {\n static propTypes = {\n latex: PropTypes.string,\n node: PropTypes.object,\n classes: PropTypes.object,\n isSelected: PropTypes.bool,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func\n };\n\n render() {\n log('[render] data: ', this.props.node.data);\n const latex = this.props.node.data.get('latex');\n const { classes, isSelected, onFocus, onBlur } = this.props;\n return (\n <div className={classNames(classes.root, isSelected && classes.selected)}>\n {' '}\n <span className={classes.insideOverlay} />\n <mq.Static latex={latex} onFocus={onFocus} onBlur={onBlur} />\n </div>\n );\n }\n}\n\nconst mp = theme => ({\n root: {\n display: 'inline-flex',\n alignItems: 'center',\n position: 'relative',\n '& > .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"],"file":"math-preview.js"}
1
+ {"version":3,"sources":["../src/math-preview.jsx"],"names":["log","RawMathPreview","props","node","data","latex","get","classes","isSelected","onFocus","onBlur","root","selected","insideOverlay","React","Component","PropTypes","string","object","bool","func","mp","theme","display","alignItems","position","fontFamily","border","outline","boxShadow","borderRadius","paddingTop","verticalAlign","top","left","marginTop","padding","paddingBottom","marginBottom","fontSize","paddingRight","marginLeft","paddingLeft","borderTop","minWidth","lineHeight","right","palette","primary","main","bottom"],"mappings":"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","sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport debug from 'debug';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport { mq } from '@pie-lib/math-input';\n\nconst log = debug('@pie-lib:math-toolbar:math-preview');\n\nexport class RawMathPreview extends React.Component {\n static propTypes = {\n latex: PropTypes.string,\n node: PropTypes.object,\n classes: PropTypes.object,\n isSelected: PropTypes.bool,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func\n };\n\n render() {\n log('[render] data: ', this.props.node.data);\n const latex = this.props.node.data.get('latex');\n const { classes, isSelected, onFocus, onBlur } = this.props;\n return (\n <div className={classNames(classes.root, isSelected && classes.selected)}>\n {' '}\n <span className={classes.insideOverlay} />\n <mq.Static latex={latex} onFocus={onFocus} onBlur={onBlur} />\n </div>\n );\n }\n}\n\nconst mp = theme => ({\n root: {\n display: 'inline-flex',\n alignItems: 'center',\n position: 'relative',\n '& *': {\n fontFamily: 'MJXZERO, MJXTEX !important',\n '-webkit-font-smoothing': 'antialiased !important'\n },\n '& > .mq-math-mode > span > var': {\n fontFamily: 'MJXZERO, MJXTEX-I !important'\n },\n '& > .mq-math-mode span var': {\n fontFamily: 'MJXZERO, MJXTEX-I !important'\n },\n '& > .mq-math-mode .mq-nonSymbola': {\n fontFamily: 'MJXZERO, MJXTEX-I !important'\n },\n '& > .mq-math-mode > span > var.mq-operator-name': {\n fontFamily: 'MJXZERO, MJXTEX !important'\n },\n '& > .mq-math-mode': {\n border: 'solid 1px lightgrey'\n },\n '& > .mq-focused': {\n outline: 'none',\n boxShadow: 'none',\n border: 'solid 1px black',\n borderRadius: '0px'\n },\n '& > .mq-math-mode .mq-root-block': {\n paddingTop: '7px !important'\n },\n '& > .mq-math-mode .mq-overarc ': {\n paddingTop: '0.45em !important'\n },\n '& > .mq-math-mode .mq-sqrt-prefix': {\n verticalAlign: 'bottom !important',\n top: '0 !important',\n left: '-0.1em !important'\n },\n '& > .mq-math-mode .mq-denominator': {\n marginTop: '-5px !important',\n padding: '0.5em 0.1em 0.1em !important'\n },\n '& > .mq-math-mode .mq-numerator, .mq-math-mode .mq-over': {\n padding: '0 0.1em !important',\n paddingBottom: '0 !important',\n marginBottom: '4.5px'\n },\n '& > .mq-math-mode sup.mq-nthroot': {\n fontSize: '70.7% !important',\n verticalAlign: '0.5em !important',\n paddingRight: '0.15em'\n },\n '& > .mq-longdiv-inner': {\n marginTop: '-1px',\n marginLeft: '5px !important;',\n\n '& > .mq-empty': {\n padding: '0 !important',\n marginLeft: '0px !important',\n marginTop: '2px'\n }\n },\n '& > .mq-math-mode .mq-longdiv': {\n display: 'inline-flex !important'\n },\n '& > .mq-math-mode .mq-longdiv .mq-longdiv-inner .mq-empty': {\n paddingTop: '6px !important',\n paddingLeft: '4px !important'\n },\n '& > .mq-math-mode .mq-longdiv .mq-longdiv-inner': {\n marginLeft: '0 !important'\n },\n '& > .mq-math-mode .mq-supsub': {\n fontSize: '70.7% !important'\n },\n '& > .mq-math-mode .mq-overarrow': {\n fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'\n },\n '& > .mq-math-mode .mq-paren': {\n verticalAlign: 'top !important',\n padding: '1px 0.1em !important'\n },\n\n '& > .mq-math-mode .mq-sqrt-stem': {\n borderTop: '0.07em solid',\n marginLeft: '-1.5px',\n marginTop: '-2px !important',\n paddingTop: '5px !important'\n },\n '& > .mq-supsub ': {\n fontSize: '70.7%'\n },\n\n '& > .mq-math-mode .mq-supsub.mq-sup-only': {\n verticalAlign: '-0.1em !important',\n\n '& .mq-sup': {\n marginBottom: '0px !important'\n }\n },\n '& .mq-overarrow-inner': {\n paddingTop: '0 !important',\n border: 'none !important'\n },\n '& .mq-editable-field .mq-cursor': {\n marginTop: '-15px !important'\n },\n '& .mq-overarrow.mq-arrow-both': {\n top: '7.5px',\n marginTop: '0px',\n minWidth: '1.23em',\n '& *': {\n lineHeight: '1 !important'\n },\n '&:before': {\n top: '-0.4em',\n left: '-1px'\n },\n '&:after': {\n top: '0px !important',\n position: 'absolute',\n right: '-2px'\n },\n '&.mq-empty:after': {\n top: '-0.45em'\n }\n },\n '& .mq-overarrow.mq-arrow-right': {\n '&:before': {\n top: '-0.4em',\n right: '-1px'\n }\n },\n '& .mq-overarrow-inner-right': {\n display: 'none !important'\n },\n '& .mq-overarrow-inner-left': {\n display: 'none !important'\n },\n '& .mq-longdiv-inner': {\n borderTop: '1px solid !important',\n paddingTop: '1.5px !important'\n },\n '& .mq-parallelogram': {\n lineHeight: 0.85\n }\n },\n selected: {\n border: `solid 1px ${theme.palette.primary.main}`,\n '& > .mq-math-mode': {\n border: 'solid 0px lightgrey'\n }\n },\n insideOverlay: {\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n top: 0\n }\n});\n\nexport default withStyles(mp)(RawMathPreview);\n"],"file":"math-preview.js"}
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "access": "public"
5
5
  },
6
- "version": "1.10.2",
6
+ "version": "1.11.1",
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.7.2",
22
+ "@pie-lib/math-input": "^6.8.1",
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": "115df735f550ec05ba33dd6c654bd956f1a2b806"
36
+ "gitHead": "be4de45884719616f63a3855ef4a422057e5170f"
37
37
  }
package/src/editor-and-pad.jsx CHANGED
@@ -225,7 +225,6 @@ export class EditorAndPad extends React.Component {
225
225
  <MenuItem value={'advanced-algebra'}>Advanced Algebra</MenuItem>
226
226
  <MenuItem value={'statistics'}>Statistics</MenuItem>
227
227
  <MenuItem value={'item-authoring'}>Item Authoring</MenuItem>
228
- <MenuItem value={'language'}>Language</MenuItem>
229
228
  </Select>
230
229
  </InputContainer>
231
230
  )}
@@ -264,6 +263,7 @@ export class EditorAndPad extends React.Component {
264
263
  <hr className={classes.hr} />
265
264
  {shouldShowKeypad && (
266
265
  <HorizontalKeypad
266
+ className={classes.keyboard}
267
267
  layoutForKeyPad={layoutForKeyPad}
268
268
  additionalKeys={additionalKeys}
269
269
  mode={controlledKeypadMode ? this.state.equationEditor : keypadMode}
@@ -280,21 +280,31 @@ const styles = theme => ({
280
280
  inputAndTypeContainer: {
281
281
  display: 'flex',
282
282
  alignItems: 'center',
283
- '& *': {
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': {
284
290
  fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
285
291
  },
292
+ '& .mq-math-mode .mq-overline .mq-overline-inner': {
293
+ paddingTop: '0.4em !important'
294
+ },
286
295
  '& .mq-overarrow.mq-arrow-both': {
287
296
  minWidth: '1.23em',
288
297
  '& *': {
289
298
  lineHeight: '1 !important'
290
299
  },
291
300
  '&:before': {
292
- top: '-0.4em',
301
+ top: '-0.45em',
293
302
  left: '-1px'
294
303
  },
295
304
  '&:after': {
296
- top: '-2.36em',
297
- right: '-1px'
305
+ position: 'absolute',
306
+ top: '0px !important',
307
+ right: '-2px'
298
308
  },
299
309
  '&.mq-empty:after': {
300
310
  top: '-0.45em'
@@ -305,6 +315,112 @@ const styles = theme => ({
305
315
  top: '-0.4em',
306
316
  right: '-1px'
307
317
  }
318
+ },
319
+ '& *': {
320
+ fontFamily: 'MJXZERO, MJXTEX !important',
321
+
322
+ '& .mq-math-mode > span > var': {
323
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
324
+ },
325
+ '& .mq-math-mode span var': {
326
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
327
+ },
328
+ '& .mq-math-mode .mq-nonSymbola': {
329
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
330
+ },
331
+ '& .mq-math-mode > span > var.mq-operator-name': {
332
+ fontFamily: 'MJXZERO, MJXTEX !important'
333
+ },
334
+
335
+ '& .mq-math-mode .mq-sqrt-prefix': {
336
+ verticalAlign: 'bottom !important',
337
+ top: '0 !important',
338
+ left: '-0.1em !important'
339
+ },
340
+
341
+ '& .mq-math-mode .mq-overarc ': {
342
+ paddingTop: '0.45em !important'
343
+ },
344
+
345
+ '& .mq-math-mode sup.mq-nthroot': {
346
+ fontSize: '70% !important',
347
+ verticalAlign: '0.5em !important',
348
+ paddingRight: '0.15em'
349
+ },
350
+
351
+ '& .mq-math-mode .mq-empty': {
352
+ padding: '9px 1px !important'
353
+ },
354
+
355
+ '& .mq-math-mode .mq-root-block': {
356
+ paddingTop: '10px'
357
+ },
358
+
359
+ '& .mq-scaled .mq-sqrt-prefix': {
360
+ top: '0 !important'
361
+ },
362
+
363
+ '& .mq-longdiv-inner': {
364
+ marginTop: '-1px',
365
+ marginLeft: '5px !important;',
366
+
367
+ '& > .mq-empty': {
368
+ padding: '0 !important',
369
+ marginLeft: '0px !important',
370
+ marginTop: '2px'
371
+ }
372
+ },
373
+
374
+ '& .mq-math-mode .mq-longdiv': {
375
+ display: 'inline-flex !important'
376
+ },
377
+
378
+ '& .mq-math-mode .mq-longdiv .mq-longdiv-inner': {
379
+ marginLeft: '4px !important',
380
+ paddingTop: '6px !important',
381
+ paddingLeft: '6px !important'
382
+ },
383
+
384
+ '& .mq-math-mode .mq-supsub': {
385
+ fontSize: '70.7% !important'
386
+ },
387
+
388
+ '& .mq-math-mode .mq-paren': {
389
+ verticalAlign: 'top !important',
390
+ padding: '1px 0.1em !important'
391
+ },
392
+
393
+ '& .mq-math-mode .mq-sqrt-stem': {
394
+ borderTop: '0.07em solid',
395
+ marginLeft: '-1.5px',
396
+ marginTop: '-2px !important',
397
+ paddingTop: '5px !important'
398
+ },
399
+
400
+ '& .mq-supsub ': {
401
+ fontSize: '70.7%'
402
+ },
403
+
404
+ '& .mq-math-mode .mq-supsub.mq-sup-only': {
405
+ verticalAlign: '-0.1em !important',
406
+
407
+ '& .mq-sup': {
408
+ marginBottom: '0px !important'
409
+ }
410
+ },
411
+
412
+ '& .mq-math-mode .mq-denominator': {
413
+ marginTop: '-5px !important',
414
+ padding: '0.5em 0.1em 0.1em !important'
415
+ },
416
+
417
+ '& .mq-math-mode .mq-numerator, .mq-math-mode .mq-over': {
418
+ padding: '0 0.1em !important',
419
+ paddingBottom: '0 !important',
420
+ marginBottom: '4.5px'
421
+ },
422
+
423
+ '-webkit-font-smoothing': 'antialiased !important'
308
424
  }
309
425
  },
310
426
  hide: {
@@ -317,13 +433,21 @@ const styles = theme => ({
317
433
  marginLeft: '15px',
318
434
  marginTop: '5px',
319
435
  marginBottom: '5px',
320
- marginRight: '5px'
436
+ marginRight: '5px',
437
+
438
+ '& label': {
439
+ fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
440
+ },
441
+
442
+ '& div': {
443
+ fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
444
+ }
321
445
  },
322
446
  mathEditor: {
323
447
  maxWidth: '400px',
324
448
  color: color.text(),
325
449
  backgroundColor: color.background(),
326
- padding: theme.spacing.unit
450
+ padding: '2px'
327
451
  },
328
452
  longMathEditor: {
329
453
  maxWidth: '500px'
@@ -369,6 +493,8 @@ const styles = theme => ({
369
493
  paddingTop: '1.5px !important'
370
494
  },
371
495
  '& .mq-overarrow.mq-arrow-both': {
496
+ top: '7.8px',
497
+ marginTop: '0px',
372
498
  minWidth: '1.23em'
373
499
  },
374
500
  '& .mq-parallelogram': {
@@ -378,14 +504,80 @@ const styles = theme => ({
378
504
  inputContainer: {
379
505
  minWidth: '500px',
380
506
  maxWidth: '900px',
381
- minHeight: '40px',
507
+ minHeight: '30px',
382
508
  width: '100%',
383
509
  display: 'flex',
384
510
  marginTop: theme.spacing.unit,
385
- marginBottom: theme.spacing.unit
511
+ marginBottom: theme.spacing.unit,
512
+
513
+ '& .mq-sqrt-prefix .mq-scaled': {
514
+ verticalAlign: 'middle !important'
515
+ }
386
516
  },
387
517
  error: {
388
518
  border: '2px solid red'
519
+ },
520
+ keyboard: {
521
+ '& *': {
522
+ fontFamily: 'MJXZERO, MJXTEX !important',
523
+
524
+ '& .mq-math-mode > span > var': {
525
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
526
+ },
527
+ '& .mq-math-mode span var': {
528
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
529
+ },
530
+ '& .mq-math-mode .mq-nonSymbola': {
531
+ fontFamily: 'MJXZERO, MJXTEX-I !important'
532
+ },
533
+ '& .mq-math-mode > span > var.mq-operator-name': {
534
+ fontFamily: 'MJXZERO, MJXTEX !important'
535
+ },
536
+
537
+ '& .mq-math-mode .mq-sqrt-prefix': {
538
+ top: '0 !important'
539
+ },
540
+
541
+ '& .mq-math-mode .mq-empty': {
542
+ padding: '9px 1px !important'
543
+ },
544
+
545
+ '& .mq-longdiv-inner': {
546
+ marginTop: '-1px',
547
+ marginLeft: '5px !important;',
548
+
549
+ '& > .mq-empty': {
550
+ padding: '0 !important',
551
+ marginLeft: '0px !important',
552
+ marginTop: '2px'
553
+ }
554
+ },
555
+
556
+ '& .mq-math-mode .mq-longdiv': {
557
+ display: 'inline-flex !important'
558
+ },
559
+
560
+ '& .mq-math-mode .mq-supsub': {
561
+ fontSize: '70.7% !important'
562
+ },
563
+
564
+ '& .mq-math-mode .mq-sqrt-stem': {
565
+ marginTop: '-5px',
566
+ paddingTop: '4px'
567
+ },
568
+
569
+ '& .mq-math-mode .mq-paren': {
570
+ verticalAlign: 'middle !important'
571
+ },
572
+
573
+ '& .mq-math-mode .mq-overarrow .mq-overarrow-inner .mq-empty': {
574
+ padding: '0 !important'
575
+ },
576
+
577
+ '& .mq-math-mode .mq-overline .mq-overline-inner .mq-empty ': {
578
+ padding: '0 !important'
579
+ }
580
+ }
389
581
  }
390
582
  });
391
583
 
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,9 @@ const mp = theme => ({
62
153
  left: '-1px'
63
154
  },
64
155
  '&:after': {
65
- top: '-2.36em',
66
- right: '-1px'
156
+ top: '0px !important',
157
+ position: 'absolute',
158
+ right: '-2px'
67
159
  },
68
160
  '&.mq-empty:after': {
69
161
  top: '-0.45em'