@pie-lib/math-toolbar 1.11.31-next.135 → 1.11.31-next.1844

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 (22) hide show
  1. package/CHANGELOG.json +2 -847
  2. package/CHANGELOG.md +167 -130
  3. package/NEXT.CHANGELOG.json +1 -0
  4. package/lib/editor-and-pad.js +25 -103
  5. package/lib/editor-and-pad.js.map +1 -1
  6. package/lib/index.js +16 -4
  7. package/lib/index.js.map +1 -1
  8. package/lib/math-preview.js +38 -48
  9. package/lib/math-preview.js.map +1 -1
  10. package/lib/utils.js +21 -0
  11. package/lib/utils.js.map +1 -0
  12. package/package.json +7 -5
  13. package/src/__tests__/__snapshots__/editor-and-pad.test.js.snap +31 -0
  14. package/src/__tests__/__snapshots__/index.test.js.snap +30 -0
  15. package/src/__tests__/__snapshots__/math-preview.test.js.snap +23 -0
  16. package/src/__tests__/editor-and-pad.test.js +25 -0
  17. package/src/__tests__/index.test.js +28 -0
  18. package/src/__tests__/math-preview.test.js +31 -0
  19. package/src/editor-and-pad.jsx +21 -120
  20. package/src/index.jsx +12 -1
  21. package/src/math-preview.jsx +28 -48
  22. package/src/utils.js +11 -0
package/lib/editor-and-pad.js CHANGED
@@ -21,8 +21,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
21
21
 
22
22
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
23
23
 
24
- var _mathInput = require("@pie-lib/math-input");
25
-
26
24
  var _react = _interopRequireDefault(require("react"));
27
25
 
28
26
  var _debug = _interopRequireDefault(require("debug"));
@@ -35,14 +33,18 @@ var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
35
33
 
36
34
  var _styles = require("@material-ui/core/styles");
37
35
 
38
- var _renderUi = require("@pie-lib/render-ui");
39
-
40
36
  var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
41
37
 
42
38
  var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
43
39
 
44
40
  var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
45
41
 
42
+ var _mathInput = require("@pie-lib/math-input");
43
+
44
+ var _renderUi = require("@pie-lib/render-ui");
45
+
46
+ var _utils = require("./utils");
47
+
46
48
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
47
49
 
48
50
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -51,6 +53,11 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
51
53
 
52
54
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
53
55
 
56
+ var _mq$CommonMqStyles = _mathInput.mq.CommonMqStyles,
57
+ commonMqFontStyles = _mq$CommonMqStyles.commonMqFontStyles,
58
+ commonMqKeyboardStyles = _mq$CommonMqStyles.commonMqKeyboardStyles,
59
+ longdivStyles = _mq$CommonMqStyles.longdivStyles,
60
+ supsubStyles = _mq$CommonMqStyles.supsubStyles;
54
61
  var log = (0, _debug["default"])('@pie-lib:math-toolbar:editor-and-pad');
55
62
  var decimalRegex = /\.|,/g;
56
63
 
@@ -151,6 +158,7 @@ var EditorAndPad = /*#__PURE__*/function (_React$Component) {
151
158
  onChange = _this$props2.onChange,
152
159
  noDecimal = _this$props2.noDecimal;
153
160
  (0, _mathInput.updateSpans)();
161
+ (0, _utils.markFractionBaseSuperscripts)();
154
162
 
155
163
  _this.updateDisable(true); // if no decimals are allowed and the last change is a decimal dot, discard the change
156
164
 
@@ -257,6 +265,7 @@ var EditorAndPad = /*#__PURE__*/function (_React$Component) {
257
265
  controlledKeypad = _this$props3.controlledKeypad,
258
266
  controlledKeypadMode = _this$props3.controlledKeypadMode,
259
267
  showKeypad = _this$props3.showKeypad,
268
+ setKeypadInteraction = _this$props3.setKeypadInteraction,
260
269
  noDecimal = _this$props3.noDecimal,
261
270
  hideInput = _this$props3.hideInput,
262
271
  layoutForKeyPad = _this$props3.layoutForKeyPad,
@@ -334,11 +343,13 @@ var EditorAndPad = /*#__PURE__*/function (_React$Component) {
334
343
  className: classes.hr
335
344
  }), shouldShowKeypad && /*#__PURE__*/_react["default"].createElement(_mathInput.HorizontalKeypad, {
336
345
  className: (0, _classnames["default"])(classes[keypadMode], classes.keyboard),
346
+ controlledKeypadMode: controlledKeypadMode,
337
347
  layoutForKeyPad: layoutForKeyPad,
338
348
  additionalKeys: additionalKeys,
339
349
  mode: controlledKeypadMode ? this.state.equationEditor : keypadMode,
340
350
  onClick: this.onClick,
341
- noDecimal: noDecimal
351
+ noDecimal: noDecimal,
352
+ setKeypadInteraction: setKeypadInteraction
342
353
  }));
343
354
  }
344
355
  }]);
@@ -366,7 +377,8 @@ exports.EditorAndPad = EditorAndPad;
366
377
  onFocus: _propTypes["default"].func,
367
378
  onBlur: _propTypes["default"].func,
368
379
  onChange: _propTypes["default"].func.isRequired,
369
- classes: _propTypes["default"].object
380
+ classes: _propTypes["default"].object,
381
+ setKeypadInteraction: _propTypes["default"].func
370
382
  });
371
383
 
372
384
  var styles = function styles(theme) {
@@ -396,7 +408,7 @@ var styles = function styles(theme) {
396
408
  left: '-1px'
397
409
  },
398
410
  '&:after': {
399
- position: 'absolute',
411
+ position: 'absolute !important',
400
412
  top: '0px !important',
401
413
  right: '-2px'
402
414
  },
@@ -410,20 +422,7 @@ var styles = function styles(theme) {
410
422
  right: '-1px'
411
423
  }
412
424
  },
413
- '& *': {
414
- fontFamily: 'MJXZERO, MJXTEX !important',
415
- '& .mq-math-mode > span > var': {
416
- fontFamily: 'MJXZERO, MJXTEX-I !important'
417
- },
418
- '& .mq-math-mode span var': {
419
- fontFamily: 'MJXZERO, MJXTEX-I !important'
420
- },
421
- '& .mq-math-mode .mq-nonSymbola': {
422
- fontFamily: 'MJXZERO, MJXTEX-I !important'
423
- },
424
- '& .mq-math-mode > span > var.mq-operator-name': {
425
- fontFamily: 'MJXZERO, MJXTEX !important'
426
- },
425
+ '& *': _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, commonMqFontStyles), supsubStyles), longdivStyles), {}, {
427
426
  '& .mq-math-mode .mq-sqrt-prefix': {
428
427
  verticalAlign: 'baseline !important',
429
428
  top: '1px !important',
@@ -432,11 +431,6 @@ var styles = function styles(theme) {
432
431
  '& .mq-math-mode .mq-overarc ': {
433
432
  paddingTop: '0.45em !important'
434
433
  },
435
- '& .mq-math-mode sup.mq-nthroot': {
436
- fontSize: '70% !important',
437
- verticalAlign: '0.5em !important',
438
- paddingRight: '0.15em'
439
- },
440
434
  '& .mq-math-mode .mq-empty': {
441
435
  padding: '9px 1px !important'
442
436
  },
@@ -446,26 +440,11 @@ var styles = function styles(theme) {
446
440
  '& .mq-scaled .mq-sqrt-prefix': {
447
441
  top: '0 !important'
448
442
  },
449
- '& .mq-longdiv-inner': {
450
- marginTop: '-1px',
451
- marginLeft: '5px !important;',
452
- '& > .mq-empty': {
453
- padding: '0 !important',
454
- marginLeft: '0px !important',
455
- marginTop: '2px'
456
- }
457
- },
458
- '& .mq-math-mode .mq-longdiv': {
459
- display: 'inline-flex !important'
460
- },
461
443
  '& .mq-math-mode .mq-longdiv .mq-longdiv-inner': {
462
444
  marginLeft: '4px !important',
463
445
  paddingTop: '6px !important',
464
446
  paddingLeft: '6px !important'
465
447
  },
466
- '& .mq-math-mode .mq-supsub': {
467
- fontSize: '70.7% !important'
468
- },
469
448
  '& .mq-math-mode .mq-paren': {
470
449
  verticalAlign: 'top !important',
471
450
  padding: '1px 0.1em !important'
@@ -476,15 +455,6 @@ var styles = function styles(theme) {
476
455
  marginTop: '-2px !important',
477
456
  paddingTop: '5px !important'
478
457
  },
479
- '& .mq-supsub ': {
480
- fontSize: '70.7%'
481
- },
482
- '& .mq-math-mode .mq-supsub.mq-sup-only': {
483
- verticalAlign: '-0.1em !important',
484
- '& .mq-sup': {
485
- marginBottom: '0px !important'
486
- }
487
- },
488
458
  '& .mq-math-mode .mq-denominator': {
489
459
  marginTop: '-5px !important',
490
460
  padding: '0.5em 0.1em 0.1em !important'
@@ -493,8 +463,10 @@ var styles = function styles(theme) {
493
463
  padding: '0 0.1em !important',
494
464
  paddingBottom: '0 !important',
495
465
  marginBottom: '-2px'
496
- },
497
- '-webkit-font-smoothing': 'antialiased !important'
466
+ }
467
+ }),
468
+ '& span[data-prime="true"]': {
469
+ fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
498
470
  }
499
471
  },
500
472
  hide: {
@@ -588,57 +560,7 @@ var styles = function styles(theme) {
588
560
  error: {
589
561
  border: '2px solid red'
590
562
  },
591
- keyboard: {
592
- '& *': {
593
- fontFamily: 'MJXZERO, MJXTEX !important',
594
- '& .mq-math-mode > span > var': {
595
- fontFamily: 'MJXZERO, MJXTEX-I !important'
596
- },
597
- '& .mq-math-mode span var': {
598
- fontFamily: 'MJXZERO, MJXTEX-I !important'
599
- },
600
- '& .mq-math-mode .mq-nonSymbola': {
601
- fontFamily: 'MJXZERO, MJXTEX-I !important'
602
- },
603
- '& .mq-math-mode > span > var.mq-operator-name': {
604
- fontFamily: 'MJXZERO, MJXTEX !important'
605
- },
606
- '& .mq-math-mode .mq-sqrt-prefix': {
607
- top: '0 !important'
608
- },
609
- '& .mq-math-mode .mq-empty': {
610
- padding: '9px 1px !important'
611
- },
612
- '& .mq-longdiv-inner': {
613
- marginTop: '-1px',
614
- marginLeft: '5px !important;',
615
- '& > .mq-empty': {
616
- padding: '0 !important',
617
- marginLeft: '0px !important',
618
- marginTop: '2px'
619
- }
620
- },
621
- '& .mq-math-mode .mq-longdiv': {
622
- display: 'inline-flex !important'
623
- },
624
- '& .mq-math-mode .mq-supsub': {
625
- fontSize: '70.7% !important'
626
- },
627
- '& .mq-math-mode .mq-sqrt-stem': {
628
- marginTop: '-5px',
629
- paddingTop: '4px'
630
- },
631
- '& .mq-math-mode .mq-paren': {
632
- verticalAlign: 'middle !important'
633
- },
634
- '& .mq-math-mode .mq-overarrow .mq-overarrow-inner .mq-empty': {
635
- padding: '0 !important'
636
- },
637
- '& .mq-math-mode .mq-overline .mq-overline-inner .mq-empty ': {
638
- padding: '0 !important'
639
- }
640
- }
641
- },
563
+ keyboard: commonMqKeyboardStyles,
642
564
  language: {
643
565
  '& *': {
644
566
  fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
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","regexMatch","match","length","mathField","__controller","cursor","insLeftOf","parent","el","dispatchEvent","KeyboardEvent","keyCode","e","console","error","toString","evt","equationEditor","target","count","state","autoFocus","focus","nextProps","nextState","inputIsDifferent","keypadMode","controlledKeypad","showKeypad","classNames","allowAnswerBlock","additionalKeys","controlledKeypadMode","hideInput","layoutForKeyPad","onFocus","onBlur","classes","shouldShowKeypad","mathToolbar","inputAndTypeContainer","hide","selectContainer","select","onEditorTypeChange","inputContainer","event","mathEditor","editor","longMathEditor","r","onEditorChange","addAnswerBlockButton","bottom","onAnswerBlockClick","hr","keyboard","React","Component","PropTypes","object","oneOfType","string","number","bool","array","isRequired","func","styles","theme","display","alignItems","top","paddingTop","fontFamily","minWidth","lineHeight","left","position","right","verticalAlign","fontSize","paddingRight","padding","marginTop","marginLeft","paddingLeft","borderTop","marginBottom","paddingBottom","flex","width","marginRight","maxWidth","color","text","backgroundColor","background","border","margin","height","borderBottom","palette","primary","main","zIndex","textAlign","outline","boxShadow","borderRadius","minHeight","spacing","unit","language"],"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 error: PropTypes.string,\n noDecimal: PropTypes.bool,\n hideInput: PropTypes.bool,\n noLatexHandling: PropTypes.bool,\n layoutForKeyPad: PropTypes.object,\n maxResponseAreas: PropTypes.number,\n additionalKeys: PropTypes.array,\n latex: PropTypes.string.isRequired,\n onAnswerBlockAdd: PropTypes.func,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n onChange: PropTypes.func.isRequired,\n classes: PropTypes.object,\n };\n\n constructor(props) {\n super(props);\n\n this.state = { equationEditor: 'item-authoring', addDisabled: false };\n }\n\n componentDidMount() {\n if (this.input && this.props.autoFocus) {\n this.input.focus();\n }\n }\n\n onClick = (data) => {\n const { noDecimal, noLatexHandling, onChange } = this.props;\n const c = toNodeData(data);\n log('mathChange: ', c);\n\n if (noLatexHandling) {\n onChange(c.value);\n return;\n }\n\n // if decimals are not allowed for this response, we discard the input\n if (noDecimal && (c.value === '.' || c.value === ',')) {\n return;\n }\n\n if (!c) {\n return;\n }\n\n if (c.type === 'clear') {\n log('call clear...');\n this.input.clear();\n } else if (c.type === 'command') {\n this.input.command(c.value);\n } else if (c.type === 'cursor') {\n this.input.keystroke(c.value);\n } else if (c.type === 'answer') {\n this.input.write('%response%');\n } else {\n this.input.write(c.value);\n }\n };\n\n updateDisable = (isEdit) => {\n const { maxResponseAreas } = this.props;\n\n if (maxResponseAreas) {\n const shouldDisable = this.checkResponseAreasNumber(maxResponseAreas, isEdit);\n\n this.setState({ addDisabled: shouldDisable });\n }\n };\n\n onAnswerBlockClick = () => {\n this.props.onAnswerBlockAdd();\n this.onClick({\n type: 'answer',\n });\n\n this.updateDisable(true);\n };\n\n onEditorChange = (latex) => {\n const { onChange, noDecimal } = this.props;\n\n updateSpans();\n\n this.updateDisable(true);\n\n // if no decimals are allowed and the last change is a decimal dot, discard the change\n if (noDecimal && (latex.indexOf('.') !== -1 || latex.indexOf(',') !== -1) && this.input) {\n this.input.clear();\n this.input.write(latex.replace(decimalRegex, ''));\n return;\n }\n\n // eslint-disable-next-line no-useless-escape\n const regexMatch = latex.match(/[0-9]\\\\ \\\\frac\\{[^\\{]*\\}\\{ \\}/);\n\n if (this.input && regexMatch && regexMatch?.length) {\n try {\n this.input.mathField.__controller.cursor.insLeftOf(this.input.mathField.__controller.cursor.parent[-1].parent);\n this.input.mathField.el().dispatchEvent(new KeyboardEvent('keydown', { keyCode: 8 }));\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error(e.toString());\n }\n\n return;\n }\n\n onChange(latex);\n };\n\n /** Only render if the mathquill instance's latex is different\n * or the keypad state changed from one state to the other (shown / hidden) */\n shouldComponentUpdate(nextProps, nextState) {\n const inputIsDifferent = this.input.mathField.latex() !== nextProps.latex;\n log('[shouldComponentUpdate] ', 'inputIsDifferent: ', inputIsDifferent);\n\n if (!isEqual(this.props.error, nextProps.error)) {\n return true;\n }\n\n if (!inputIsDifferent && this.props.keypadMode !== nextProps.keypadMode) {\n return true;\n }\n\n if (!inputIsDifferent && this.props.noDecimal !== nextProps.noDecimal) {\n return true;\n }\n\n if (!inputIsDifferent && this.state.equationEditor !== nextState.equationEditor) {\n return true;\n }\n\n if (!inputIsDifferent && this.props.controlledKeypad) {\n return this.props.showKeypad !== nextProps.showKeypad;\n }\n\n return inputIsDifferent;\n }\n\n onEditorTypeChange = (evt) => {\n this.setState({ equationEditor: evt.target.value });\n };\n\n checkResponseAreasNumber = (maxResponseAreas, isEdit) => {\n const { latex } = (this.input && this.input.props) || {};\n\n if (latex) {\n const count = (latex.match(/answerBlock/g) || []).length;\n\n return isEdit ? count === maxResponseAreas - 1 : count === maxResponseAreas;\n }\n\n return false;\n };\n\n render() {\n const {\n classNames,\n keypadMode,\n allowAnswerBlock,\n additionalKeys,\n controlledKeypad,\n controlledKeypadMode,\n showKeypad,\n noDecimal,\n hideInput,\n layoutForKeyPad,\n latex,\n onFocus,\n onBlur,\n classes,\n error,\n } = this.props;\n const shouldShowKeypad = !controlledKeypad || (controlledKeypad && showKeypad);\n const { addDisabled } = this.state;\n\n log('[render]', latex);\n\n return (\n <div className={cx(classes.mathToolbar, classNames.mathToolbar)}>\n <div className={cx(classes.inputAndTypeContainer, { [classes.hide]: hideInput })}>\n {controlledKeypadMode && (\n <InputContainer label=\"Equation Editor\" className={classes.selectContainer}>\n <Select className={classes.select} onChange={this.onEditorTypeChange} value={this.state.equationEditor}>\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(classes.mathEditor, classNames.editor, !controlledKeypadMode ? classes.longMathEditor : '')}\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={cx(classes[keypadMode], 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: 'baseline !important',\n top: '1px !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: '-2px',\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 language: {\n '& *': {\n fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',\n },\n },\n});\n\nexport default withStyles(styles)(EditorAndPad);\n"],"file":"editor-and-pad.js"}
1
+ {"version":3,"sources":["../src/editor-and-pad.jsx"],"names":["mq","CommonMqStyles","commonMqFontStyles","commonMqKeyboardStyles","longdivStyles","supsubStyles","log","decimalRegex","toNodeData","data","type","value","EditorAndPad","props","noDecimal","noLatexHandling","onChange","c","input","clear","command","keystroke","write","isEdit","maxResponseAreas","shouldDisable","checkResponseAreasNumber","setState","addDisabled","onAnswerBlockAdd","onClick","updateDisable","latex","indexOf","replace","regexMatch","match","length","mathField","__controller","cursor","insLeftOf","parent","el","dispatchEvent","KeyboardEvent","keyCode","e","console","error","toString","evt","equationEditor","target","count","state","autoFocus","focus","nextProps","nextState","inputIsDifferent","keypadMode","controlledKeypad","showKeypad","classNames","allowAnswerBlock","additionalKeys","controlledKeypadMode","setKeypadInteraction","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","padding","marginLeft","paddingLeft","borderTop","marginTop","paddingBottom","marginBottom","flex","width","marginRight","maxWidth","color","text","backgroundColor","background","border","margin","height","borderBottom","palette","primary","main","zIndex","textAlign","outline","boxShadow","borderRadius","minHeight","spacing","unit","language"],"mappings":"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","sourcesContent":["import 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';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Select from '@material-ui/core/Select';\nimport isEqual from 'lodash/isEqual';\n\nimport { HorizontalKeypad, mq, updateSpans } from '@pie-lib/math-input';\nimport { color, InputContainer } from '@pie-lib/render-ui';\nimport { markFractionBaseSuperscripts } from './utils';\n\nconst { commonMqFontStyles, commonMqKeyboardStyles, longdivStyles, supsubStyles } = mq.CommonMqStyles;\nconst log = debug('@pie-lib:math-toolbar:editor-and-pad');\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 error: PropTypes.string,\n noDecimal: PropTypes.bool,\n hideInput: PropTypes.bool,\n noLatexHandling: PropTypes.bool,\n layoutForKeyPad: PropTypes.object,\n maxResponseAreas: PropTypes.number,\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 setKeypadInteraction: PropTypes.func,\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 markFractionBaseSuperscripts();\n\n this.updateDisable(true);\n\n // if no decimals are allowed and the last change is a decimal dot, discard the change\n if (noDecimal && (latex.indexOf('.') !== -1 || latex.indexOf(',') !== -1) && this.input) {\n this.input.clear();\n this.input.write(latex.replace(decimalRegex, ''));\n return;\n }\n\n // eslint-disable-next-line no-useless-escape\n const regexMatch = latex.match(/[0-9]\\\\ \\\\frac\\{[^\\{]*\\}\\{ \\}/);\n\n if (this.input && regexMatch && regexMatch?.length) {\n try {\n this.input.mathField.__controller.cursor.insLeftOf(this.input.mathField.__controller.cursor.parent[-1].parent);\n this.input.mathField.el().dispatchEvent(new KeyboardEvent('keydown', { keyCode: 8 }));\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error(e.toString());\n }\n\n return;\n }\n\n onChange(latex);\n };\n\n /** Only render if the mathquill instance's latex is different\n * or the keypad state changed from one state to the other (shown / hidden) */\n shouldComponentUpdate(nextProps, nextState) {\n const inputIsDifferent = this.input.mathField.latex() !== nextProps.latex;\n log('[shouldComponentUpdate] ', 'inputIsDifferent: ', inputIsDifferent);\n\n if (!isEqual(this.props.error, nextProps.error)) {\n return true;\n }\n\n if (!inputIsDifferent && this.props.keypadMode !== nextProps.keypadMode) {\n return true;\n }\n\n if (!inputIsDifferent && this.props.noDecimal !== nextProps.noDecimal) {\n return true;\n }\n\n if (!inputIsDifferent && this.state.equationEditor !== nextState.equationEditor) {\n return true;\n }\n\n if (!inputIsDifferent && this.props.controlledKeypad) {\n return this.props.showKeypad !== nextProps.showKeypad;\n }\n\n return inputIsDifferent;\n }\n\n onEditorTypeChange = (evt) => {\n this.setState({ equationEditor: evt.target.value });\n };\n\n checkResponseAreasNumber = (maxResponseAreas, isEdit) => {\n const { latex } = (this.input && this.input.props) || {};\n\n if (latex) {\n const count = (latex.match(/answerBlock/g) || []).length;\n\n return isEdit ? count === maxResponseAreas - 1 : count === maxResponseAreas;\n }\n\n return false;\n };\n\n render() {\n const {\n classNames,\n keypadMode,\n allowAnswerBlock,\n additionalKeys,\n controlledKeypad,\n controlledKeypadMode,\n showKeypad,\n setKeypadInteraction,\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 className={classes.select} onChange={this.onEditorTypeChange} value={this.state.equationEditor}>\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(classes.mathEditor, classNames.editor, !controlledKeypadMode ? classes.longMathEditor : '')}\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={cx(classes[keypadMode], classes.keyboard)}\n controlledKeypadMode={controlledKeypadMode}\n layoutForKeyPad={layoutForKeyPad}\n additionalKeys={additionalKeys}\n mode={controlledKeypadMode ? this.state.equationEditor : keypadMode}\n onClick={this.onClick}\n noDecimal={noDecimal}\n setKeypadInteraction={setKeypadInteraction}\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 !important',\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 '& *': {\n ...commonMqFontStyles,\n ...supsubStyles,\n ...longdivStyles,\n '& .mq-math-mode .mq-sqrt-prefix': {\n verticalAlign: 'baseline !important',\n top: '1px !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 .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-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-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-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: '-2px',\n },\n },\n\n '& span[data-prime=\"true\"]': {\n fontFamily: 'Roboto, Helvetica, Arial, sans-serif !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: commonMqKeyboardStyles,\n language: {\n '& *': {\n fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',\n },\n },\n});\n\nexport default withStyles(styles)(EditorAndPad);\n"],"file":"editor-and-pad.js"}
package/lib/index.js CHANGED
@@ -97,6 +97,8 @@ var MathToolbar = /*#__PURE__*/function (_React$Component) {
97
97
  onBlur = _this$props.onBlur,
98
98
  hideDoneButton = _this$props.hideDoneButton,
99
99
  error = _this$props.error,
100
+ keyPadCharacterRef = _this$props.keyPadCharacterRef,
101
+ setKeypadInteraction = _this$props.setKeypadInteraction,
100
102
  maxResponseAreas = _this$props.maxResponseAreas;
101
103
  return /*#__PURE__*/_react["default"].createElement(PureToolbar, {
102
104
  autoFocus: autoFocus,
@@ -107,6 +109,8 @@ var MathToolbar = /*#__PURE__*/function (_React$Component) {
107
109
  additionalKeys: additionalKeys,
108
110
  noDecimal: noDecimal,
109
111
  keypadMode: keypadMode,
112
+ keyPadCharacterRef: keyPadCharacterRef,
113
+ setKeypadInteraction: setKeypadInteraction,
110
114
  onChange: this.onChange,
111
115
  onDone: this.done,
112
116
  onFocus: onFocus,
@@ -142,7 +146,9 @@ exports.MathToolbar = MathToolbar;
142
146
  onDone: _propTypes["default"].func.isRequired,
143
147
  onFocus: _propTypes["default"].func,
144
148
  onBlur: _propTypes["default"].func,
145
- hideDoneButton: _propTypes["default"].bool
149
+ hideDoneButton: _propTypes["default"].bool,
150
+ keyPadCharacterRef: _propTypes["default"].func,
151
+ setKeypadInteraction: _propTypes["default"].func
146
152
  });
147
153
  (0, _defineProperty2["default"])(MathToolbar, "defaultProps", {
148
154
  classNames: {},
@@ -187,6 +193,8 @@ var RawPureToolbar = /*#__PURE__*/function (_React$Component2) {
187
193
  hideInput = _this$props2.hideInput,
188
194
  noLatexHandling = _this$props2.noLatexHandling,
189
195
  layoutForKeyPad = _this$props2.layoutForKeyPad,
196
+ keyPadCharacterRef = _this$props2.keyPadCharacterRef,
197
+ setKeypadInteraction = _this$props2.setKeypadInteraction,
190
198
  latex = _this$props2.latex,
191
199
  onChange = _this$props2.onChange,
192
200
  onDone = _this$props2.onDone,
@@ -198,7 +206,8 @@ var RawPureToolbar = /*#__PURE__*/function (_React$Component2) {
198
206
  error = _this$props2.error,
199
207
  maxResponseAreas = _this$props2.maxResponseAreas;
200
208
  return /*#__PURE__*/_react["default"].createElement("div", {
201
- className: (0, _classnames["default"])(classes.pureToolbar, (classNames || {}).toolbar)
209
+ className: (0, _classnames["default"])(classes.pureToolbar, (classNames || {}).toolbar),
210
+ ref: keyPadCharacterRef
202
211
  }, /*#__PURE__*/_react["default"].createElement("div", null), /*#__PURE__*/_react["default"].createElement(_editorAndPad["default"], {
203
212
  autoFocus: autoFocus,
204
213
  keypadMode: keypadMode,
@@ -218,7 +227,8 @@ var RawPureToolbar = /*#__PURE__*/function (_React$Component2) {
218
227
  onFocus: onFocus,
219
228
  onBlur: onBlur,
220
229
  error: error,
221
- maxResponseAreas: maxResponseAreas
230
+ maxResponseAreas: maxResponseAreas,
231
+ setKeypadInteraction: setKeypadInteraction
222
232
  }), (!controlledKeypad || controlledKeypad && showKeypad) && !hideDoneButton && /*#__PURE__*/_react["default"].createElement(_doneButton.DoneButton, {
223
233
  hideBackground: hideDoneButtonBackground,
224
234
  onClick: onDone
@@ -252,7 +262,9 @@ exports.RawPureToolbar = RawPureToolbar;
252
262
  hideDoneButton: _propTypes["default"].bool,
253
263
  hideDoneButtonBackground: _propTypes["default"].bool,
254
264
  error: _propTypes["default"].any,
255
- maxResponseAreas: _propTypes["default"].number
265
+ maxResponseAreas: _propTypes["default"].number,
266
+ keyPadCharacterRef: _propTypes["default"].object,
267
+ setKeypadInteraction: _propTypes["default"].func
256
268
  });
257
269
  (0, _defineProperty2["default"])(RawPureToolbar, "defaultProps", {
258
270
  classNames: {},
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.jsx"],"names":["MathToolbar","props","onDone","state","latex","setState","onChange","nextProps","classNames","autoFocus","allowAnswerBlock","onAnswerBlockAdd","controlledKeypad","controlledKeypadMode","keypadMode","noDecimal","additionalKeys","showKeypad","onFocus","onBlur","hideDoneButton","error","maxResponseAreas","done","React","Component","PropTypes","bool","oneOfType","string","number","object","array","isRequired","func","RawPureToolbar","hideInput","noLatexHandling","layoutForKeyPad","hideDoneButtonBackground","classes","pureToolbar","toolbar","any","styles","display","width","zIndex","alignItems","PureToolbar"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\nimport EditorAndPad from './editor-and-pad';\nimport { DoneButton } from './done-button';\nimport { withStyles } from '@material-ui/core/styles';\nimport MathPreview from './math-preview';\n\nexport { MathPreview };\n\nexport class MathToolbar extends React.Component {\n static propTypes = {\n autoFocus: PropTypes.bool,\n allowAnswerBlock: PropTypes.bool,\n controlledKeypad: PropTypes.bool,\n controlledKeypadMode: PropTypes.bool,\n keypadMode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n classNames: PropTypes.object,\n error: PropTypes.string,\n maxResponseAreas: PropTypes.number,\n showKeypad: PropTypes.bool,\n noDecimal: PropTypes.bool,\n additionalKeys: PropTypes.array,\n latex: PropTypes.string.isRequired,\n onAnswerBlockAdd: PropTypes.func,\n onChange: PropTypes.func,\n onDone: PropTypes.func.isRequired,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n hideDoneButton: PropTypes.bool,\n };\n\n static defaultProps = {\n classNames: {},\n keypadMode: 'item-authoring',\n autoFocus: false,\n allowAnswerBlock: false,\n controlledKeypad: false,\n controlledKeypadMode: false,\n noDecimal: false,\n showKeypad: true,\n additionalKeys: [],\n onChange: () => {},\n onAnswerBlockAdd: () => {},\n onFocus: () => {},\n hideDoneButton: false,\n };\n\n constructor(props) {\n super(props);\n this.state = {\n latex: props.latex,\n };\n }\n\n done = () => {\n this.props.onDone(this.state.latex);\n };\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n this.setState({ latex: nextProps.latex });\n }\n\n onChange = (latex) => {\n this.setState({ latex });\n this.props.onChange(latex);\n };\n\n render() {\n const { latex } = this.state;\n const {\n classNames,\n autoFocus,\n allowAnswerBlock,\n onAnswerBlockAdd,\n controlledKeypad,\n controlledKeypadMode,\n keypadMode,\n noDecimal,\n additionalKeys,\n showKeypad,\n onFocus,\n onBlur,\n hideDoneButton,\n error,\n maxResponseAreas,\n } = this.props;\n\n return (\n <PureToolbar\n autoFocus={autoFocus}\n classNames={classNames}\n onAnswerBlockAdd={onAnswerBlockAdd}\n allowAnswerBlock={allowAnswerBlock}\n latex={latex}\n additionalKeys={additionalKeys}\n noDecimal={noDecimal}\n keypadMode={keypadMode}\n onChange={this.onChange}\n onDone={this.done}\n onFocus={onFocus}\n onBlur={onBlur}\n showKeypad={showKeypad}\n controlledKeypad={controlledKeypad}\n controlledKeypadMode={controlledKeypadMode}\n hideDoneButton={hideDoneButton}\n error={error}\n maxResponseAreas={maxResponseAreas}\n />\n );\n }\n}\n\nexport class RawPureToolbar extends React.Component {\n static propTypes = {\n classNames: PropTypes.object,\n latex: PropTypes.string.isRequired,\n keypadMode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n hideInput: PropTypes.bool,\n noLatexHandling: PropTypes.bool,\n layoutForKeyPad: PropTypes.object,\n onChange: PropTypes.func.isRequired,\n onDone: PropTypes.func.isRequired,\n onBlur: PropTypes.func,\n onAnswerBlockAdd: PropTypes.func,\n additionalKeys: PropTypes.array,\n onFocus: PropTypes.func,\n classes: PropTypes.object.isRequired,\n autoFocus: PropTypes.bool,\n noDecimal: PropTypes.bool,\n allowAnswerBlock: PropTypes.bool,\n controlledKeypad: PropTypes.bool,\n controlledKeypadMode: PropTypes.bool,\n showKeypad: PropTypes.bool,\n hideDoneButton: PropTypes.bool,\n hideDoneButtonBackground: PropTypes.bool,\n error: PropTypes.any,\n maxResponseAreas: PropTypes.number,\n };\n\n static defaultProps = {\n classNames: {},\n hideDoneButtonBackground: false,\n };\n\n render() {\n const {\n classNames,\n autoFocus,\n allowAnswerBlock,\n onAnswerBlockAdd,\n controlledKeypad,\n controlledKeypadMode,\n additionalKeys,\n showKeypad,\n keypadMode,\n noDecimal,\n hideInput,\n noLatexHandling,\n layoutForKeyPad,\n latex,\n onChange,\n onDone,\n onFocus,\n onBlur,\n hideDoneButton,\n hideDoneButtonBackground,\n classes,\n error,\n maxResponseAreas,\n } = this.props;\n\n return (\n <div className={cx(classes.pureToolbar, (classNames || {}).toolbar)}>\n <div />\n <EditorAndPad\n autoFocus={autoFocus}\n keypadMode={keypadMode}\n classNames={classNames || {}}\n controlledKeypad={controlledKeypad}\n controlledKeypadMode={controlledKeypadMode}\n noDecimal={noDecimal}\n hideInput={hideInput}\n noLatexHandling={noLatexHandling}\n layoutForKeyPad={layoutForKeyPad}\n showKeypad={showKeypad}\n additionalKeys={additionalKeys}\n allowAnswerBlock={allowAnswerBlock}\n onAnswerBlockAdd={onAnswerBlockAdd}\n latex={latex}\n onChange={onChange}\n onFocus={onFocus}\n onBlur={onBlur}\n error={error}\n maxResponseAreas={maxResponseAreas}\n />\n {(!controlledKeypad || (controlledKeypad && showKeypad)) && !hideDoneButton && (\n <DoneButton hideBackground={hideDoneButtonBackground} onClick={onDone} />\n )}\n </div>\n );\n }\n}\nconst styles = () => ({\n pureToolbar: {\n display: 'flex',\n width: '100%',\n zIndex: 8,\n alignItems: 'center',\n },\n});\n\nexport const PureToolbar = withStyles(styles)(RawPureToolbar);\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../src/index.jsx"],"names":["MathToolbar","props","onDone","state","latex","setState","onChange","nextProps","classNames","autoFocus","allowAnswerBlock","onAnswerBlockAdd","controlledKeypad","controlledKeypadMode","keypadMode","noDecimal","additionalKeys","showKeypad","onFocus","onBlur","hideDoneButton","error","keyPadCharacterRef","setKeypadInteraction","maxResponseAreas","done","React","Component","PropTypes","bool","oneOfType","string","number","object","array","isRequired","func","RawPureToolbar","hideInput","noLatexHandling","layoutForKeyPad","hideDoneButtonBackground","classes","pureToolbar","toolbar","any","styles","display","width","zIndex","alignItems","PureToolbar"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\nimport EditorAndPad from './editor-and-pad';\nimport { DoneButton } from './done-button';\nimport { withStyles } from '@material-ui/core/styles';\nimport MathPreview from './math-preview';\n\nexport { MathPreview };\n\nexport class MathToolbar extends React.Component {\n static propTypes = {\n autoFocus: PropTypes.bool,\n allowAnswerBlock: PropTypes.bool,\n controlledKeypad: PropTypes.bool,\n controlledKeypadMode: PropTypes.bool,\n keypadMode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n classNames: PropTypes.object,\n error: PropTypes.string,\n maxResponseAreas: PropTypes.number,\n showKeypad: PropTypes.bool,\n noDecimal: PropTypes.bool,\n additionalKeys: PropTypes.array,\n latex: PropTypes.string.isRequired,\n onAnswerBlockAdd: PropTypes.func,\n onChange: PropTypes.func,\n onDone: PropTypes.func.isRequired,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n hideDoneButton: PropTypes.bool,\n keyPadCharacterRef: PropTypes.func,\n setKeypadInteraction: PropTypes.func,\n };\n\n static defaultProps = {\n classNames: {},\n keypadMode: 'item-authoring',\n autoFocus: false,\n allowAnswerBlock: false,\n controlledKeypad: false,\n controlledKeypadMode: false,\n noDecimal: false,\n showKeypad: true,\n additionalKeys: [],\n onChange: () => {},\n onAnswerBlockAdd: () => {},\n onFocus: () => {},\n hideDoneButton: false,\n };\n\n constructor(props) {\n super(props);\n this.state = {\n latex: props.latex,\n };\n }\n\n done = () => {\n this.props.onDone(this.state.latex);\n };\n\n UNSAFE_componentWillReceiveProps(nextProps) {\n this.setState({ latex: nextProps.latex });\n }\n\n onChange = (latex) => {\n this.setState({ latex });\n this.props.onChange(latex);\n };\n\n render() {\n const { latex } = this.state;\n const {\n classNames,\n autoFocus,\n allowAnswerBlock,\n onAnswerBlockAdd,\n controlledKeypad,\n controlledKeypadMode,\n keypadMode,\n noDecimal,\n additionalKeys,\n showKeypad,\n onFocus,\n onBlur,\n hideDoneButton,\n error,\n keyPadCharacterRef,\n setKeypadInteraction,\n maxResponseAreas,\n } = this.props;\n\n return (\n <PureToolbar\n autoFocus={autoFocus}\n classNames={classNames}\n onAnswerBlockAdd={onAnswerBlockAdd}\n allowAnswerBlock={allowAnswerBlock}\n latex={latex}\n additionalKeys={additionalKeys}\n noDecimal={noDecimal}\n keypadMode={keypadMode}\n keyPadCharacterRef={keyPadCharacterRef}\n setKeypadInteraction={setKeypadInteraction}\n onChange={this.onChange}\n onDone={this.done}\n onFocus={onFocus}\n onBlur={onBlur}\n showKeypad={showKeypad}\n controlledKeypad={controlledKeypad}\n controlledKeypadMode={controlledKeypadMode}\n hideDoneButton={hideDoneButton}\n error={error}\n maxResponseAreas={maxResponseAreas}\n />\n );\n }\n}\n\nexport class RawPureToolbar extends React.Component {\n static propTypes = {\n classNames: PropTypes.object,\n latex: PropTypes.string.isRequired,\n keypadMode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n hideInput: PropTypes.bool,\n noLatexHandling: PropTypes.bool,\n layoutForKeyPad: PropTypes.object,\n onChange: PropTypes.func.isRequired,\n onDone: PropTypes.func.isRequired,\n onBlur: PropTypes.func,\n onAnswerBlockAdd: PropTypes.func,\n additionalKeys: PropTypes.array,\n onFocus: PropTypes.func,\n classes: PropTypes.object.isRequired,\n autoFocus: PropTypes.bool,\n noDecimal: PropTypes.bool,\n allowAnswerBlock: PropTypes.bool,\n controlledKeypad: PropTypes.bool,\n controlledKeypadMode: PropTypes.bool,\n showKeypad: PropTypes.bool,\n hideDoneButton: PropTypes.bool,\n hideDoneButtonBackground: PropTypes.bool,\n error: PropTypes.any,\n maxResponseAreas: PropTypes.number,\n keyPadCharacterRef: PropTypes.object,\n setKeypadInteraction: PropTypes.func,\n };\n\n static defaultProps = {\n classNames: {},\n hideDoneButtonBackground: false,\n };\n\n render() {\n const {\n classNames,\n autoFocus,\n allowAnswerBlock,\n onAnswerBlockAdd,\n controlledKeypad,\n controlledKeypadMode,\n additionalKeys,\n showKeypad,\n keypadMode,\n noDecimal,\n hideInput,\n noLatexHandling,\n layoutForKeyPad,\n keyPadCharacterRef,\n setKeypadInteraction,\n latex,\n onChange,\n onDone,\n onFocus,\n onBlur,\n hideDoneButton,\n hideDoneButtonBackground,\n classes,\n error,\n maxResponseAreas,\n } = this.props;\n\n return (\n <div className={cx(classes.pureToolbar, (classNames || {}).toolbar)} ref={keyPadCharacterRef}>\n <div />\n <EditorAndPad\n autoFocus={autoFocus}\n keypadMode={keypadMode}\n classNames={classNames || {}}\n controlledKeypad={controlledKeypad}\n controlledKeypadMode={controlledKeypadMode}\n noDecimal={noDecimal}\n hideInput={hideInput}\n noLatexHandling={noLatexHandling}\n layoutForKeyPad={layoutForKeyPad}\n showKeypad={showKeypad}\n additionalKeys={additionalKeys}\n allowAnswerBlock={allowAnswerBlock}\n onAnswerBlockAdd={onAnswerBlockAdd}\n latex={latex}\n onChange={onChange}\n onFocus={onFocus}\n onBlur={onBlur}\n error={error}\n maxResponseAreas={maxResponseAreas}\n setKeypadInteraction={setKeypadInteraction}\n />\n {(!controlledKeypad || (controlledKeypad && showKeypad)) && !hideDoneButton && (\n <DoneButton hideBackground={hideDoneButtonBackground} onClick={onDone} />\n )}\n </div>\n );\n }\n}\nconst styles = () => ({\n pureToolbar: {\n display: 'flex',\n width: '100%',\n zIndex: 8,\n alignItems: 'center',\n },\n});\n\nexport const PureToolbar = withStyles(styles)(RawPureToolbar);\n"],"file":"index.js"}