@pie-lib/math-toolbar 1.11.6-next.53 → 1.11.6

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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
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.6](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-toolbar@1.11.5...@pie-lib/math-toolbar@1.11.6) (2023-01-03)
7
+
8
+ **Note:** Version bump only for package @pie-lib/math-toolbar
9
+
10
+
11
+
12
+
13
+
6
14
  ## [1.11.5](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-toolbar@1.11.4...@pie-lib/math-toolbar@1.11.5) (2022-12-19)
7
15
 
8
16
  **Note:** Version bump only for package @pie-lib/math-toolbar
@@ -1,18 +1,25 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.RawDoneButton = exports.DoneButton = void 0;
9
+
8
10
  var _react = _interopRequireDefault(require("react"));
11
+
9
12
  var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
13
+
10
14
  var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));
15
+
11
16
  var _styles = require("@material-ui/core/styles");
17
+
12
18
  var _propTypes = _interopRequireDefault(require("prop-types"));
19
+
13
20
  var RawDoneButton = function RawDoneButton(_ref) {
14
21
  var classes = _ref.classes,
15
- onClick = _ref.onClick;
22
+ onClick = _ref.onClick;
16
23
  return /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
17
24
  "aria-label": "Done",
18
25
  className: classes.iconRoot,
@@ -23,6 +30,7 @@ var RawDoneButton = function RawDoneButton(_ref) {
23
30
  }
24
31
  }, /*#__PURE__*/_react["default"].createElement(_Check["default"], null));
25
32
  };
33
+
26
34
  exports.RawDoneButton = RawDoneButton;
27
35
  RawDoneButton.propTypes = {
28
36
  classes: _propTypes["default"].object.isRequired,
@@ -1 +1 @@
1
- {"version":3,"file":"done-button.js","names":["RawDoneButton","classes","onClick","iconRoot","label","root","propTypes","PropTypes","object","isRequired","func","styles","verticalAlign","width","height","color","position","top","DoneButton","withStyles"],"sources":["../src/done-button.jsx"],"sourcesContent":["import React from 'react';\n\nimport IconButton from '@material-ui/core/IconButton';\nimport Check from '@material-ui/icons/Check';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\n\nexport const RawDoneButton = ({ classes, onClick }) => (\n <IconButton\n aria-label=\"Done\"\n className={classes.iconRoot}\n onClick={onClick}\n classes={{\n label: classes.label,\n root: classes.iconRoot,\n }}\n >\n <Check />\n </IconButton>\n);\n\nRawDoneButton.propTypes = {\n classes: PropTypes.object.isRequired,\n onClick: PropTypes.func,\n};\n\nconst styles = {\n iconRoot: {\n verticalAlign: 'top',\n width: '28px',\n height: '28px',\n color: '#00bb00',\n },\n label: {\n position: 'absolute',\n top: '2px',\n },\n};\nexport const DoneButton = withStyles(styles)(RawDoneButton);\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AACA;AACA;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAa;EAAA,IAAMC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;EAAA,oBAC9C,gCAAC,sBAAU;IACT,cAAW,MAAM;IACjB,SAAS,EAAED,OAAO,CAACE,QAAS;IAC5B,OAAO,EAAED,OAAQ;IACjB,OAAO,EAAE;MACPE,KAAK,EAAEH,OAAO,CAACG,KAAK;MACpBC,IAAI,EAAEJ,OAAO,CAACE;IAChB;EAAE,gBAEF,gCAAC,iBAAK,OAAG,CACE;AAAA,CACd;AAAC;AAEFH,aAAa,CAACM,SAAS,GAAG;EACxBL,OAAO,EAAEM,qBAAS,CAACC,MAAM,CAACC,UAAU;EACpCP,OAAO,EAAEK,qBAAS,CAACG;AACrB,CAAC;AAED,IAAMC,MAAM,GAAG;EACbR,QAAQ,EAAE;IACRS,aAAa,EAAE,KAAK;IACpBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE;EACT,CAAC;EACDX,KAAK,EAAE;IACLY,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE;EACP;AACF,CAAC;AACM,IAAMC,UAAU,GAAG,IAAAC,kBAAU,EAACR,MAAM,CAAC,CAACX,aAAa,CAAC;AAAC"}
1
+ {"version":3,"sources":["../src/done-button.jsx"],"names":["RawDoneButton","classes","onClick","iconRoot","label","root","propTypes","PropTypes","object","isRequired","func","styles","verticalAlign","width","height","color","position","top","DoneButton"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,MAAYC,OAAZ,QAAYA,OAAZ;AAAA,sBAC3B,gCAAC,sBAAD;AACE,kBAAW,MADb;AAEE,IAAA,SAAS,EAAED,OAAO,CAACE,QAFrB;AAGE,IAAA,OAAO,EAAED,OAHX;AAIE,IAAA,OAAO,EAAE;AACPE,MAAAA,KAAK,EAAEH,OAAO,CAACG,KADR;AAEPC,MAAAA,IAAI,EAAEJ,OAAO,CAACE;AAFP;AAJX,kBASE,gCAAC,iBAAD,OATF,CAD2B;AAAA,CAAtB;;;AAcPH,aAAa,CAACM,SAAd,GAA0B;AACxBL,EAAAA,OAAO,EAAEM,sBAAUC,MAAV,CAAiBC,UADF;AAExBP,EAAAA,OAAO,EAAEK,sBAAUG;AAFK,CAA1B;AAKA,IAAMC,MAAM,GAAG;AACbR,EAAAA,QAAQ,EAAE;AACRS,IAAAA,aAAa,EAAE,KADP;AAERC,IAAAA,KAAK,EAAE,MAFC;AAGRC,IAAAA,MAAM,EAAE,MAHA;AAIRC,IAAAA,KAAK,EAAE;AAJC,GADG;AAObX,EAAAA,KAAK,EAAE;AACLY,IAAAA,QAAQ,EAAE,UADL;AAELC,IAAAA,GAAG,EAAE;AAFA;AAPM,CAAf;AAYO,IAAMC,UAAU,GAAG,wBAAWP,MAAX,EAAmBX,aAAnB,CAAnB","sourcesContent":["import React from 'react';\n\nimport IconButton from '@material-ui/core/IconButton';\nimport Check from '@material-ui/icons/Check';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\n\nexport const RawDoneButton = ({ classes, onClick }) => (\n <IconButton\n aria-label=\"Done\"\n className={classes.iconRoot}\n onClick={onClick}\n classes={{\n label: classes.label,\n root: classes.iconRoot,\n }}\n >\n <Check />\n </IconButton>\n);\n\nRawDoneButton.propTypes = {\n classes: PropTypes.object.isRequired,\n onClick: PropTypes.func,\n};\n\nconst styles = {\n iconRoot: {\n verticalAlign: 'top',\n width: '28px',\n height: '28px',\n color: '#00bb00',\n },\n label: {\n position: 'absolute',\n top: '2px',\n },\n};\nexport const DoneButton = withStyles(styles)(RawDoneButton);\n"],"file":"done-button.js"}
@@ -1,40 +1,67 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports["default"] = exports.EditorAndPad = void 0;
9
+
8
10
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
+
9
12
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
+
10
14
  var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
15
+
11
16
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
17
+
12
18
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
19
+
13
20
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
21
+
14
22
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
23
+
15
24
  var _mathInput = require("@pie-lib/math-input");
25
+
16
26
  var _react = _interopRequireDefault(require("react"));
27
+
17
28
  var _debug = _interopRequireDefault(require("debug"));
29
+
18
30
  var _propTypes = _interopRequireDefault(require("prop-types"));
31
+
19
32
  var _classnames = _interopRequireDefault(require("classnames"));
33
+
20
34
  var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
35
+
21
36
  var _styles = require("@material-ui/core/styles");
37
+
22
38
  var _renderUi = require("@pie-lib/render-ui");
39
+
23
40
  var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
41
+
24
42
  var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
43
+
25
44
  var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
45
+
26
46
  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
+
27
48
  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; } }
49
+
28
50
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
51
+
29
52
  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
+
30
54
  var log = (0, _debug["default"])('@pie-lib:math-toolbar:editor-and-pad');
31
55
  var decimalRegex = /\.|,/g;
56
+
32
57
  var toNodeData = function toNodeData(data) {
33
58
  if (!data) {
34
59
  return;
35
60
  }
61
+
36
62
  var type = data.type,
37
- value = data.value;
63
+ value = data.value;
64
+
38
65
  if (type === 'command' || type === 'cursor') {
39
66
  return data;
40
67
  } else if (type === 'answer') {
@@ -52,34 +79,42 @@ var toNodeData = function toNodeData(data) {
52
79
  };
53
80
  }
54
81
  };
82
+
55
83
  var EditorAndPad = /*#__PURE__*/function (_React$Component) {
56
84
  (0, _inherits2["default"])(EditorAndPad, _React$Component);
85
+
57
86
  var _super = _createSuper(EditorAndPad);
87
+
58
88
  function EditorAndPad(props) {
59
89
  var _this;
90
+
60
91
  (0, _classCallCheck2["default"])(this, EditorAndPad);
61
92
  _this = _super.call(this, props);
62
93
  (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onClick", function (data) {
63
94
  var _this$props = _this.props,
64
- noDecimal = _this$props.noDecimal,
65
- noLatexHandling = _this$props.noLatexHandling,
66
- onChange = _this$props.onChange;
95
+ noDecimal = _this$props.noDecimal,
96
+ noLatexHandling = _this$props.noLatexHandling,
97
+ onChange = _this$props.onChange;
67
98
  var c = toNodeData(data);
68
99
  log('mathChange: ', c);
100
+
69
101
  if (noLatexHandling) {
70
102
  onChange(c.value);
71
103
  return;
72
- }
104
+ } // if decimals are not allowed for this response, we discard the input
105
+
73
106
 
74
- // if decimals are not allowed for this response, we discard the input
75
107
  if (noDecimal && (c.value === '.' || c.value === ',')) {
76
108
  return;
77
109
  }
110
+
78
111
  if (!c) {
79
112
  return;
80
113
  }
114
+
81
115
  if (c.type === 'clear') {
82
116
  log('call clear...');
117
+
83
118
  _this.input.clear();
84
119
  } else if (c.type === 'command') {
85
120
  _this.input.command(c.value);
@@ -93,8 +128,10 @@ var EditorAndPad = /*#__PURE__*/function (_React$Component) {
93
128
  });
94
129
  (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "updateDisable", function (isEdit) {
95
130
  var maxResponseAreas = _this.props.maxResponseAreas;
131
+
96
132
  if (maxResponseAreas) {
97
133
  var shouldDisable = _this.checkResponseAreasNumber(maxResponseAreas, isEdit);
134
+
98
135
  _this.setState({
99
136
  addDisabled: shouldDisable
100
137
  });
@@ -102,38 +139,47 @@ var EditorAndPad = /*#__PURE__*/function (_React$Component) {
102
139
  });
103
140
  (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onAnswerBlockClick", function () {
104
141
  _this.props.onAnswerBlockAdd();
142
+
105
143
  _this.onClick({
106
144
  type: 'answer'
107
145
  });
146
+
108
147
  _this.updateDisable(true);
109
148
  });
110
149
  (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onEditorChange", function (latex) {
111
150
  var _this$props2 = _this.props,
112
- onChange = _this$props2.onChange,
113
- noDecimal = _this$props2.noDecimal;
151
+ onChange = _this$props2.onChange,
152
+ noDecimal = _this$props2.noDecimal;
114
153
  (0, _mathInput.updateSpans)();
115
- _this.updateDisable(true);
116
154
 
117
- // if no decimals are allowed and the last change is a decimal dot, discard the change
155
+ _this.updateDisable(true); // if no decimals are allowed and the last change is a decimal dot, discard the change
156
+
157
+
118
158
  if (noDecimal && (latex.indexOf('.') !== -1 || latex.indexOf(',') !== -1) && _this.input) {
119
159
  _this.input.clear();
160
+
120
161
  _this.input.write(latex.replace(decimalRegex, ''));
162
+
121
163
  return;
122
- }
164
+ } // eslint-disable-next-line no-useless-escape
165
+
123
166
 
124
- // eslint-disable-next-line no-useless-escape
125
167
  var regexMatch = latex.match(/[0-9]\\ \\frac\{[^\{]*\}\{ \}/);
168
+
126
169
  if (_this.input && regexMatch && regexMatch !== null && regexMatch !== void 0 && regexMatch.length) {
127
170
  try {
128
171
  _this.input.mathField.__controller.cursor.insLeftOf(_this.input.mathField.__controller.cursor.parent[-1].parent);
172
+
129
173
  _this.input.mathField.el().dispatchEvent(new KeyboardEvent('keydown', {
130
174
  keyCode: 8
131
175
  }));
132
176
  } catch (e) {
133
177
  console.error(e.toString());
134
178
  }
179
+
135
180
  return;
136
181
  }
182
+
137
183
  onChange(latex);
138
184
  });
139
185
  (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onEditorTypeChange", function (evt) {
@@ -143,11 +189,13 @@ var EditorAndPad = /*#__PURE__*/function (_React$Component) {
143
189
  });
144
190
  (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "checkResponseAreasNumber", function (maxResponseAreas, isEdit) {
145
191
  var _ref = _this.input && _this.input.props || {},
146
- latex = _ref.latex;
192
+ latex = _ref.latex;
193
+
147
194
  if (latex) {
148
195
  var count = (latex.match(/answerBlock/g) || []).length;
149
196
  return isEdit ? count === maxResponseAreas - 1 : count === maxResponseAreas;
150
197
  }
198
+
151
199
  return false;
152
200
  });
153
201
  _this.state = {
@@ -156,6 +204,7 @@ var EditorAndPad = /*#__PURE__*/function (_React$Component) {
156
204
  };
157
205
  return _this;
158
206
  }
207
+
159
208
  (0, _createClass2["default"])(EditorAndPad, [{
160
209
  key: "componentDidMount",
161
210
  value: function componentDidMount() {
@@ -171,43 +220,50 @@ var EditorAndPad = /*#__PURE__*/function (_React$Component) {
171
220
  function shouldComponentUpdate(nextProps, nextState) {
172
221
  var inputIsDifferent = this.input.mathField.latex() !== nextProps.latex;
173
222
  log('[shouldComponentUpdate] ', 'inputIsDifferent: ', inputIsDifferent);
223
+
174
224
  if (!(0, _isEqual["default"])(this.props.error, nextProps.error)) {
175
225
  return true;
176
226
  }
227
+
177
228
  if (!inputIsDifferent && this.props.keypadMode !== nextProps.keypadMode) {
178
229
  return true;
179
230
  }
231
+
180
232
  if (!inputIsDifferent && this.props.noDecimal !== nextProps.noDecimal) {
181
233
  return true;
182
234
  }
235
+
183
236
  if (!inputIsDifferent && this.state.equationEditor !== nextState.equationEditor) {
184
237
  return true;
185
238
  }
239
+
186
240
  if (!inputIsDifferent && this.props.controlledKeypad) {
187
241
  return this.props.showKeypad !== nextProps.showKeypad;
188
242
  }
243
+
189
244
  return inputIsDifferent;
190
245
  }
191
246
  }, {
192
247
  key: "render",
193
248
  value: function render() {
194
249
  var _this2 = this;
250
+
195
251
  var _this$props3 = this.props,
196
- classNames = _this$props3.classNames,
197
- keypadMode = _this$props3.keypadMode,
198
- allowAnswerBlock = _this$props3.allowAnswerBlock,
199
- additionalKeys = _this$props3.additionalKeys,
200
- controlledKeypad = _this$props3.controlledKeypad,
201
- controlledKeypadMode = _this$props3.controlledKeypadMode,
202
- showKeypad = _this$props3.showKeypad,
203
- noDecimal = _this$props3.noDecimal,
204
- hideInput = _this$props3.hideInput,
205
- layoutForKeyPad = _this$props3.layoutForKeyPad,
206
- latex = _this$props3.latex,
207
- _onFocus = _this$props3.onFocus,
208
- _onBlur = _this$props3.onBlur,
209
- classes = _this$props3.classes,
210
- error = _this$props3.error;
252
+ classNames = _this$props3.classNames,
253
+ keypadMode = _this$props3.keypadMode,
254
+ allowAnswerBlock = _this$props3.allowAnswerBlock,
255
+ additionalKeys = _this$props3.additionalKeys,
256
+ controlledKeypad = _this$props3.controlledKeypad,
257
+ controlledKeypadMode = _this$props3.controlledKeypadMode,
258
+ showKeypad = _this$props3.showKeypad,
259
+ noDecimal = _this$props3.noDecimal,
260
+ hideInput = _this$props3.hideInput,
261
+ layoutForKeyPad = _this$props3.layoutForKeyPad,
262
+ latex = _this$props3.latex,
263
+ _onFocus = _this$props3.onFocus,
264
+ _onBlur = _this$props3.onBlur,
265
+ classes = _this$props3.classes,
266
+ error = _this$props3.error;
211
267
  var shouldShowKeypad = !controlledKeypad || controlledKeypad && showKeypad;
212
268
  var addDisabled = this.state.addDisabled;
213
269
  log('[render]', latex);
@@ -251,10 +307,12 @@ var EditorAndPad = /*#__PURE__*/function (_React$Component) {
251
307
  }, /*#__PURE__*/_react["default"].createElement(_mathInput.mq.Input, {
252
308
  onFocus: function onFocus() {
253
309
  _onFocus && _onFocus();
310
+
254
311
  _this2.updateDisable(false);
255
312
  },
256
313
  onBlur: function onBlur(event) {
257
314
  _this2.updateDisable(false);
315
+
258
316
  _onBlur && _onBlur(event);
259
317
  },
260
318
  className: (0, _classnames["default"])(classes.mathEditor, classNames.editor, !controlledKeypadMode ? classes.longMathEditor : ''),
@@ -285,6 +343,7 @@ var EditorAndPad = /*#__PURE__*/function (_React$Component) {
285
343
  }]);
286
344
  return EditorAndPad;
287
345
  }(_react["default"].Component);
346
+
288
347
  exports.EditorAndPad = EditorAndPad;
289
348
  (0, _defineProperty2["default"])(EditorAndPad, "propTypes", {
290
349
  classNames: _propTypes["default"].object,
@@ -306,6 +365,7 @@ exports.EditorAndPad = EditorAndPad;
306
365
  onChange: _propTypes["default"].func.isRequired,
307
366
  classes: _propTypes["default"].object
308
367
  });
368
+
309
369
  var styles = function styles(theme) {
310
370
  return {
311
371
  inputAndTypeContainer: {
@@ -578,6 +638,8 @@ var styles = function styles(theme) {
578
638
  }
579
639
  };
580
640
  };
641
+
581
642
  var _default = (0, _styles.withStyles)(styles)(EditorAndPad);
643
+
582
644
  exports["default"] = _default;
583
645
  //# sourceMappingURL=editor-and-pad.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"editor-and-pad.js","names":["log","debug","decimalRegex","toNodeData","data","type","value","EditorAndPad","props","noDecimal","noLatexHandling","onChange","c","input","clear","command","keystroke","write","isEdit","maxResponseAreas","shouldDisable","checkResponseAreasNumber","setState","addDisabled","onAnswerBlockAdd","onClick","updateDisable","latex","updateSpans","indexOf","replace","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","isEqual","keypadMode","controlledKeypad","showKeypad","classNames","allowAnswerBlock","additionalKeys","controlledKeypadMode","hideInput","layoutForKeyPad","onFocus","onBlur","classes","shouldShowKeypad","cx","mathToolbar","inputAndTypeContainer","hide","selectContainer","select","onEditorTypeChange","inputContainer","event","mathEditor","editor","longMathEditor","r","onEditorChange","addAnswerBlockButton","bottom","onAnswerBlockClick","hr","keyboard","React","Component","PropTypes","object","oneOfType","string","number","bool","array","isRequired","func","styles","theme","display","alignItems","top","paddingTop","fontFamily","minWidth","lineHeight","left","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","withStyles"],"sources":["../src/editor-and-pad.jsx"],"sourcesContent":["import { HorizontalKeypad, mq } from '@pie-lib/math-input';\nimport React from 'react';\nimport debug from 'debug';\nimport PropTypes from 'prop-types';\nimport cx from 'classnames';\nimport Button from '@material-ui/core/Button';\nimport { withStyles } from '@material-ui/core/styles';\nconst log = debug('@pie-lib:math-toolbar:editor-and-pad');\nimport { color, InputContainer } from '@pie-lib/render-ui';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Select from '@material-ui/core/Select';\nimport { updateSpans } from '@pie-lib/math-input';\nimport isEqual from 'lodash/isEqual';\n\nconst decimalRegex = /\\.|,/g;\n\nconst toNodeData = (data) => {\n if (!data) {\n return;\n }\n\n const { type, value } = data;\n\n if (type === 'command' || type === 'cursor') {\n return data;\n } else if (type === 'answer') {\n return { type: 'answer', ...data };\n } else if (value === 'clear') {\n return { type: 'clear' };\n } else {\n return { type: 'write', value };\n }\n};\n\nexport class EditorAndPad extends React.Component {\n static propTypes = {\n classNames: PropTypes.object,\n keypadMode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n autoFocus: PropTypes.bool,\n allowAnswerBlock: PropTypes.bool,\n showKeypad: PropTypes.bool,\n controlledKeypad: PropTypes.bool,\n controlledKeypadMode: PropTypes.bool,\n noDecimal: PropTypes.bool,\n hideInput: PropTypes.bool,\n noLatexHandling: PropTypes.bool,\n layoutForKeyPad: PropTypes.object,\n additionalKeys: PropTypes.array,\n latex: PropTypes.string.isRequired,\n onAnswerBlockAdd: PropTypes.func,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n onChange: PropTypes.func.isRequired,\n classes: PropTypes.object,\n };\n\n constructor(props) {\n super(props);\n\n this.state = { equationEditor: 'item-authoring', addDisabled: false };\n }\n\n componentDidMount() {\n if (this.input && this.props.autoFocus) {\n this.input.focus();\n }\n }\n\n onClick = (data) => {\n const { noDecimal, noLatexHandling, onChange } = this.props;\n const c = toNodeData(data);\n log('mathChange: ', c);\n\n if (noLatexHandling) {\n onChange(c.value);\n return;\n }\n\n // if decimals are not allowed for this response, we discard the input\n if (noDecimal && (c.value === '.' || c.value === ',')) {\n return;\n }\n\n if (!c) {\n return;\n }\n\n if (c.type === 'clear') {\n log('call clear...');\n this.input.clear();\n } else if (c.type === 'command') {\n this.input.command(c.value);\n } else if (c.type === 'cursor') {\n this.input.keystroke(c.value);\n } else if (c.type === 'answer') {\n this.input.write('%response%');\n } else {\n this.input.write(c.value);\n }\n };\n\n updateDisable = (isEdit) => {\n const { maxResponseAreas } = this.props;\n\n if (maxResponseAreas) {\n const shouldDisable = this.checkResponseAreasNumber(maxResponseAreas, isEdit);\n\n this.setState({ addDisabled: shouldDisable });\n }\n };\n\n onAnswerBlockClick = () => {\n this.props.onAnswerBlockAdd();\n this.onClick({\n type: 'answer',\n });\n\n this.updateDisable(true);\n };\n\n onEditorChange = (latex) => {\n const { onChange, noDecimal } = this.props;\n\n updateSpans();\n\n this.updateDisable(true);\n\n // if no decimals are allowed and the last change is a decimal dot, discard the change\n if (noDecimal && (latex.indexOf('.') !== -1 || latex.indexOf(',') !== -1) && this.input) {\n this.input.clear();\n this.input.write(latex.replace(decimalRegex, ''));\n return;\n }\n\n // 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 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={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"],"mappings":"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"}
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"],"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 // 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 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={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/index.js CHANGED
@@ -1,6 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
@@ -11,27 +12,47 @@ Object.defineProperty(exports, "MathPreview", {
11
12
  }
12
13
  });
13
14
  exports.RawPureToolbar = exports.PureToolbar = exports.MathToolbar = void 0;
15
+
14
16
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
17
+
15
18
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
19
+
16
20
  var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
21
+
17
22
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
23
+
18
24
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
25
+
19
26
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
27
+
20
28
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
29
+
21
30
  var _react = _interopRequireDefault(require("react"));
31
+
22
32
  var _propTypes = _interopRequireDefault(require("prop-types"));
33
+
23
34
  var _classnames = _interopRequireDefault(require("classnames"));
35
+
24
36
  var _editorAndPad = _interopRequireDefault(require("./editor-and-pad"));
37
+
25
38
  var _doneButton = require("./done-button");
39
+
26
40
  var _styles = require("@material-ui/core/styles");
41
+
27
42
  var _mathPreview = _interopRequireDefault(require("./math-preview"));
43
+
28
44
  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); }; }
45
+
29
46
  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; } }
47
+
30
48
  var MathToolbar = /*#__PURE__*/function (_React$Component) {
31
49
  (0, _inherits2["default"])(MathToolbar, _React$Component);
50
+
32
51
  var _super = _createSuper(MathToolbar);
52
+
33
53
  function MathToolbar(props) {
34
54
  var _this;
55
+
35
56
  (0, _classCallCheck2["default"])(this, MathToolbar);
36
57
  _this = _super.call(this, props);
37
58
  (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "done", function () {
@@ -41,6 +62,7 @@ var MathToolbar = /*#__PURE__*/function (_React$Component) {
41
62
  _this.setState({
42
63
  latex: latex
43
64
  });
65
+
44
66
  _this.props.onChange(latex);
45
67
  });
46
68
  _this.state = {
@@ -48,6 +70,7 @@ var MathToolbar = /*#__PURE__*/function (_React$Component) {
48
70
  };
49
71
  return _this;
50
72
  }
73
+
51
74
  (0, _createClass2["default"])(MathToolbar, [{
52
75
  key: "UNSAFE_componentWillReceiveProps",
53
76
  value: function UNSAFE_componentWillReceiveProps(nextProps) {
@@ -60,21 +83,21 @@ var MathToolbar = /*#__PURE__*/function (_React$Component) {
60
83
  value: function render() {
61
84
  var latex = this.state.latex;
62
85
  var _this$props = this.props,
63
- classNames = _this$props.classNames,
64
- autoFocus = _this$props.autoFocus,
65
- allowAnswerBlock = _this$props.allowAnswerBlock,
66
- onAnswerBlockAdd = _this$props.onAnswerBlockAdd,
67
- controlledKeypad = _this$props.controlledKeypad,
68
- controlledKeypadMode = _this$props.controlledKeypadMode,
69
- keypadMode = _this$props.keypadMode,
70
- noDecimal = _this$props.noDecimal,
71
- additionalKeys = _this$props.additionalKeys,
72
- showKeypad = _this$props.showKeypad,
73
- onFocus = _this$props.onFocus,
74
- onBlur = _this$props.onBlur,
75
- hideDoneButton = _this$props.hideDoneButton,
76
- error = _this$props.error,
77
- maxResponseAreas = _this$props.maxResponseAreas;
86
+ classNames = _this$props.classNames,
87
+ autoFocus = _this$props.autoFocus,
88
+ allowAnswerBlock = _this$props.allowAnswerBlock,
89
+ onAnswerBlockAdd = _this$props.onAnswerBlockAdd,
90
+ controlledKeypad = _this$props.controlledKeypad,
91
+ controlledKeypadMode = _this$props.controlledKeypadMode,
92
+ keypadMode = _this$props.keypadMode,
93
+ noDecimal = _this$props.noDecimal,
94
+ additionalKeys = _this$props.additionalKeys,
95
+ showKeypad = _this$props.showKeypad,
96
+ onFocus = _this$props.onFocus,
97
+ onBlur = _this$props.onBlur,
98
+ hideDoneButton = _this$props.hideDoneButton,
99
+ error = _this$props.error,
100
+ maxResponseAreas = _this$props.maxResponseAreas;
78
101
  return /*#__PURE__*/_react["default"].createElement(PureToolbar, {
79
102
  autoFocus: autoFocus,
80
103
  classNames: classNames,
@@ -99,6 +122,7 @@ var MathToolbar = /*#__PURE__*/function (_React$Component) {
99
122
  }]);
100
123
  return MathToolbar;
101
124
  }(_react["default"].Component);
125
+
102
126
  exports.MathToolbar = MathToolbar;
103
127
  (0, _defineProperty2["default"])(MathToolbar, "propTypes", {
104
128
  autoFocus: _propTypes["default"].bool,
@@ -133,39 +157,43 @@ exports.MathToolbar = MathToolbar;
133
157
  onFocus: function onFocus() {},
134
158
  hideDoneButton: false
135
159
  });
160
+
136
161
  var RawPureToolbar = /*#__PURE__*/function (_React$Component2) {
137
162
  (0, _inherits2["default"])(RawPureToolbar, _React$Component2);
163
+
138
164
  var _super2 = _createSuper(RawPureToolbar);
165
+
139
166
  function RawPureToolbar() {
140
167
  (0, _classCallCheck2["default"])(this, RawPureToolbar);
141
168
  return _super2.apply(this, arguments);
142
169
  }
170
+
143
171
  (0, _createClass2["default"])(RawPureToolbar, [{
144
172
  key: "render",
145
173
  value: function render() {
146
174
  var _this$props2 = this.props,
147
- classNames = _this$props2.classNames,
148
- autoFocus = _this$props2.autoFocus,
149
- allowAnswerBlock = _this$props2.allowAnswerBlock,
150
- onAnswerBlockAdd = _this$props2.onAnswerBlockAdd,
151
- controlledKeypad = _this$props2.controlledKeypad,
152
- controlledKeypadMode = _this$props2.controlledKeypadMode,
153
- additionalKeys = _this$props2.additionalKeys,
154
- showKeypad = _this$props2.showKeypad,
155
- keypadMode = _this$props2.keypadMode,
156
- noDecimal = _this$props2.noDecimal,
157
- hideInput = _this$props2.hideInput,
158
- noLatexHandling = _this$props2.noLatexHandling,
159
- layoutForKeyPad = _this$props2.layoutForKeyPad,
160
- latex = _this$props2.latex,
161
- onChange = _this$props2.onChange,
162
- onDone = _this$props2.onDone,
163
- onFocus = _this$props2.onFocus,
164
- onBlur = _this$props2.onBlur,
165
- hideDoneButton = _this$props2.hideDoneButton,
166
- classes = _this$props2.classes,
167
- error = _this$props2.error,
168
- maxResponseAreas = _this$props2.maxResponseAreas;
175
+ classNames = _this$props2.classNames,
176
+ autoFocus = _this$props2.autoFocus,
177
+ allowAnswerBlock = _this$props2.allowAnswerBlock,
178
+ onAnswerBlockAdd = _this$props2.onAnswerBlockAdd,
179
+ controlledKeypad = _this$props2.controlledKeypad,
180
+ controlledKeypadMode = _this$props2.controlledKeypadMode,
181
+ additionalKeys = _this$props2.additionalKeys,
182
+ showKeypad = _this$props2.showKeypad,
183
+ keypadMode = _this$props2.keypadMode,
184
+ noDecimal = _this$props2.noDecimal,
185
+ hideInput = _this$props2.hideInput,
186
+ noLatexHandling = _this$props2.noLatexHandling,
187
+ layoutForKeyPad = _this$props2.layoutForKeyPad,
188
+ latex = _this$props2.latex,
189
+ onChange = _this$props2.onChange,
190
+ onDone = _this$props2.onDone,
191
+ onFocus = _this$props2.onFocus,
192
+ onBlur = _this$props2.onBlur,
193
+ hideDoneButton = _this$props2.hideDoneButton,
194
+ classes = _this$props2.classes,
195
+ error = _this$props2.error,
196
+ maxResponseAreas = _this$props2.maxResponseAreas;
169
197
  return /*#__PURE__*/_react["default"].createElement("div", {
170
198
  className: (0, _classnames["default"])(classes.pureToolbar, (classNames || {}).toolbar)
171
199
  }, /*#__PURE__*/_react["default"].createElement("div", null), /*#__PURE__*/_react["default"].createElement(_editorAndPad["default"], {
@@ -195,6 +223,7 @@ var RawPureToolbar = /*#__PURE__*/function (_React$Component2) {
195
223
  }]);
196
224
  return RawPureToolbar;
197
225
  }(_react["default"].Component);
226
+
198
227
  exports.RawPureToolbar = RawPureToolbar;
199
228
  (0, _defineProperty2["default"])(RawPureToolbar, "propTypes", {
200
229
  classNames: _propTypes["default"].object,
@@ -218,6 +247,7 @@ exports.RawPureToolbar = RawPureToolbar;
218
247
  showKeypad: _propTypes["default"].bool,
219
248
  hideDoneButton: _propTypes["default"].bool
220
249
  });
250
+
221
251
  var styles = function styles() {
222
252
  return {
223
253
  pureToolbar: {
@@ -228,6 +258,7 @@ var styles = function styles() {
228
258
  }
229
259
  };
230
260
  };
261
+
231
262
  var PureToolbar = (0, _styles.withStyles)(styles)(RawPureToolbar);
232
263
  exports.PureToolbar = PureToolbar;
233
264
  //# sourceMappingURL=index.js.map
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","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","classes","cx","pureToolbar","toolbar","styles","display","width","zIndex","alignItems","PureToolbar","withStyles"],"sources":["../src/index.jsx"],"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 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 };\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 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 && <DoneButton onClick={onDone} />}\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"],"mappings":"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"}
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","classes","pureToolbar","toolbar","styles","display","width","zIndex","alignItems","PureToolbar"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;IAIaA,W;;;;;AAoCX,uBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,6FAOZ,YAAM;AACX,YAAKA,KAAL,CAAWC,MAAX,CAAkB,MAAKC,KAAL,CAAWC,KAA7B;AACD,KATkB;AAAA,iGAeR,UAACA,KAAD,EAAW;AACpB,YAAKC,QAAL,CAAc;AAAED,QAAAA,KAAK,EAALA;AAAF,OAAd;;AACA,YAAKH,KAAL,CAAWK,QAAX,CAAoBF,KAApB;AACD,KAlBkB;AAEjB,UAAKD,KAAL,GAAa;AACXC,MAAAA,KAAK,EAAEH,KAAK,CAACG;AADF,KAAb;AAFiB;AAKlB;;;;WAMD,0CAAiCG,SAAjC,EAA4C;AAC1C,WAAKF,QAAL,CAAc;AAAED,QAAAA,KAAK,EAAEG,SAAS,CAACH;AAAnB,OAAd;AACD;;;WAOD,kBAAS;AACP,UAAQA,KAAR,GAAkB,KAAKD,KAAvB,CAAQC,KAAR;AACA,wBAgBI,KAAKH,KAhBT;AAAA,UACEO,UADF,eACEA,UADF;AAAA,UAEEC,SAFF,eAEEA,SAFF;AAAA,UAGEC,gBAHF,eAGEA,gBAHF;AAAA,UAIEC,gBAJF,eAIEA,gBAJF;AAAA,UAKEC,gBALF,eAKEA,gBALF;AAAA,UAMEC,oBANF,eAMEA,oBANF;AAAA,UAOEC,UAPF,eAOEA,UAPF;AAAA,UAQEC,SARF,eAQEA,SARF;AAAA,UASEC,cATF,eASEA,cATF;AAAA,UAUEC,UAVF,eAUEA,UAVF;AAAA,UAWEC,OAXF,eAWEA,OAXF;AAAA,UAYEC,MAZF,eAYEA,MAZF;AAAA,UAaEC,cAbF,eAaEA,cAbF;AAAA,UAcEC,KAdF,eAcEA,KAdF;AAAA,UAeEC,gBAfF,eAeEA,gBAfF;AAkBA,0BACE,gCAAC,WAAD;AACE,QAAA,SAAS,EAAEb,SADb;AAEE,QAAA,UAAU,EAAED,UAFd;AAGE,QAAA,gBAAgB,EAAEG,gBAHpB;AAIE,QAAA,gBAAgB,EAAED,gBAJpB;AAKE,QAAA,KAAK,EAAEN,KALT;AAME,QAAA,cAAc,EAAEY,cANlB;AAOE,QAAA,SAAS,EAAED,SAPb;AAQE,QAAA,UAAU,EAAED,UARd;AASE,QAAA,QAAQ,EAAE,KAAKR,QATjB;AAUE,QAAA,MAAM,EAAE,KAAKiB,IAVf;AAWE,QAAA,OAAO,EAAEL,OAXX;AAYE,QAAA,MAAM,EAAEC,MAZV;AAaE,QAAA,UAAU,EAAEF,UAbd;AAcE,QAAA,gBAAgB,EAAEL,gBAdpB;AAeE,QAAA,oBAAoB,EAAEC,oBAfxB;AAgBE,QAAA,cAAc,EAAEO,cAhBlB;AAiBE,QAAA,KAAK,EAAEC,KAjBT;AAkBE,QAAA,gBAAgB,EAAEC;AAlBpB,QADF;AAsBD;;;EAlG8BE,kBAAMC,S;;;iCAA1BzB,W,eACQ;AACjBS,EAAAA,SAAS,EAAEiB,sBAAUC,IADJ;AAEjBjB,EAAAA,gBAAgB,EAAEgB,sBAAUC,IAFX;AAGjBf,EAAAA,gBAAgB,EAAEc,sBAAUC,IAHX;AAIjBd,EAAAA,oBAAoB,EAAEa,sBAAUC,IAJf;AAKjBb,EAAAA,UAAU,EAAEY,sBAAUE,SAAV,CAAoB,CAACF,sBAAUG,MAAX,EAAmBH,sBAAUI,MAA7B,CAApB,CALK;AAMjBtB,EAAAA,UAAU,EAAEkB,sBAAUK,MANL;AAOjBd,EAAAA,UAAU,EAAES,sBAAUC,IAPL;AAQjBZ,EAAAA,SAAS,EAAEW,sBAAUC,IARJ;AASjBX,EAAAA,cAAc,EAAEU,sBAAUM,KATT;AAUjB5B,EAAAA,KAAK,EAAEsB,sBAAUG,MAAV,CAAiBI,UAVP;AAWjBtB,EAAAA,gBAAgB,EAAEe,sBAAUQ,IAXX;AAYjB5B,EAAAA,QAAQ,EAAEoB,sBAAUQ,IAZH;AAajBhC,EAAAA,MAAM,EAAEwB,sBAAUQ,IAAV,CAAeD,UAbN;AAcjBf,EAAAA,OAAO,EAAEQ,sBAAUQ,IAdF;AAejBf,EAAAA,MAAM,EAAEO,sBAAUQ,IAfD;AAgBjBd,EAAAA,cAAc,EAAEM,sBAAUC;AAhBT,C;iCADR3B,W,kBAoBW;AACpBQ,EAAAA,UAAU,EAAE,EADQ;AAEpBM,EAAAA,UAAU,EAAE,gBAFQ;AAGpBL,EAAAA,SAAS,EAAE,KAHS;AAIpBC,EAAAA,gBAAgB,EAAE,KAJE;AAKpBE,EAAAA,gBAAgB,EAAE,KALE;AAMpBC,EAAAA,oBAAoB,EAAE,KANF;AAOpBE,EAAAA,SAAS,EAAE,KAPS;AAQpBE,EAAAA,UAAU,EAAE,IARQ;AASpBD,EAAAA,cAAc,EAAE,EATI;AAUpBV,EAAAA,QAAQ,EAAE,oBAAM,CAAE,CAVE;AAWpBK,EAAAA,gBAAgB,EAAE,4BAAM,CAAE,CAXN;AAYpBO,EAAAA,OAAO,EAAE,mBAAM,CAAE,CAZG;AAapBE,EAAAA,cAAc,EAAE;AAbI,C;;IAiFXe,c;;;;;;;;;;;;WAwBX,kBAAS;AACP,yBAuBI,KAAKlC,KAvBT;AAAA,UACEO,UADF,gBACEA,UADF;AAAA,UAEEC,SAFF,gBAEEA,SAFF;AAAA,UAGEC,gBAHF,gBAGEA,gBAHF;AAAA,UAIEC,gBAJF,gBAIEA,gBAJF;AAAA,UAKEC,gBALF,gBAKEA,gBALF;AAAA,UAMEC,oBANF,gBAMEA,oBANF;AAAA,UAOEG,cAPF,gBAOEA,cAPF;AAAA,UAQEC,UARF,gBAQEA,UARF;AAAA,UASEH,UATF,gBASEA,UATF;AAAA,UAUEC,SAVF,gBAUEA,SAVF;AAAA,UAWEqB,SAXF,gBAWEA,SAXF;AAAA,UAYEC,eAZF,gBAYEA,eAZF;AAAA,UAaEC,eAbF,gBAaEA,eAbF;AAAA,UAcElC,KAdF,gBAcEA,KAdF;AAAA,UAeEE,QAfF,gBAeEA,QAfF;AAAA,UAgBEJ,MAhBF,gBAgBEA,MAhBF;AAAA,UAiBEgB,OAjBF,gBAiBEA,OAjBF;AAAA,UAkBEC,MAlBF,gBAkBEA,MAlBF;AAAA,UAmBEC,cAnBF,gBAmBEA,cAnBF;AAAA,UAoBEmB,OApBF,gBAoBEA,OApBF;AAAA,UAqBElB,KArBF,gBAqBEA,KArBF;AAAA,UAsBEC,gBAtBF,gBAsBEA,gBAtBF;AAyBA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAGiB,OAAO,CAACC,WAAX,EAAwB,CAAChC,UAAU,IAAI,EAAf,EAAmBiC,OAA3C;AAAhB,sBACE,4CADF,eAEE,gCAAC,wBAAD;AACE,QAAA,SAAS,EAAEhC,SADb;AAEE,QAAA,UAAU,EAAEK,UAFd;AAGE,QAAA,UAAU,EAAEN,UAAU,IAAI,EAH5B;AAIE,QAAA,gBAAgB,EAAEI,gBAJpB;AAKE,QAAA,oBAAoB,EAAEC,oBALxB;AAME,QAAA,SAAS,EAAEE,SANb;AAOE,QAAA,SAAS,EAAEqB,SAPb;AAQE,QAAA,eAAe,EAAEC,eARnB;AASE,QAAA,eAAe,EAAEC,eATnB;AAUE,QAAA,UAAU,EAAErB,UAVd;AAWE,QAAA,cAAc,EAAED,cAXlB;AAYE,QAAA,gBAAgB,EAAEN,gBAZpB;AAaE,QAAA,gBAAgB,EAAEC,gBAbpB;AAcE,QAAA,KAAK,EAAEP,KAdT;AAeE,QAAA,QAAQ,EAAEE,QAfZ;AAgBE,QAAA,OAAO,EAAEY,OAhBX;AAiBE,QAAA,MAAM,EAAEC,MAjBV;AAkBE,QAAA,KAAK,EAAEE,KAlBT;AAmBE,QAAA,gBAAgB,EAAEC;AAnBpB,QAFF,EAuBG,CAAC,CAACV,gBAAD,IAAsBA,gBAAgB,IAAIK,UAA3C,KAA2D,CAACG,cAA5D,iBAA8E,gCAAC,sBAAD;AAAY,QAAA,OAAO,EAAElB;AAArB,QAvBjF,CADF;AA2BD;;;EA7EiCsB,kBAAMC,S;;;iCAA7BU,c,eACQ;AACjB3B,EAAAA,UAAU,EAAEkB,sBAAUK,MADL;AAEjB3B,EAAAA,KAAK,EAAEsB,sBAAUG,MAAV,CAAiBI,UAFP;AAGjBnB,EAAAA,UAAU,EAAEY,sBAAUE,SAAV,CAAoB,CAACF,sBAAUG,MAAX,EAAmBH,sBAAUI,MAA7B,CAApB,CAHK;AAIjBM,EAAAA,SAAS,EAAEV,sBAAUC,IAJJ;AAKjBU,EAAAA,eAAe,EAAEX,sBAAUC,IALV;AAMjBW,EAAAA,eAAe,EAAEZ,sBAAUK,MANV;AAOjBzB,EAAAA,QAAQ,EAAEoB,sBAAUQ,IAAV,CAAeD,UAPR;AAQjB/B,EAAAA,MAAM,EAAEwB,sBAAUQ,IAAV,CAAeD,UARN;AASjBd,EAAAA,MAAM,EAAEO,sBAAUQ,IATD;AAUjBvB,EAAAA,gBAAgB,EAAEe,sBAAUQ,IAVX;AAWjBlB,EAAAA,cAAc,EAAEU,sBAAUM,KAXT;AAYjBd,EAAAA,OAAO,EAAEQ,sBAAUQ,IAZF;AAajBK,EAAAA,OAAO,EAAEb,sBAAUK,MAAV,CAAiBE,UAbT;AAcjBxB,EAAAA,SAAS,EAAEiB,sBAAUC,IAdJ;AAejBZ,EAAAA,SAAS,EAAEW,sBAAUC,IAfJ;AAgBjBjB,EAAAA,gBAAgB,EAAEgB,sBAAUC,IAhBX;AAiBjBf,EAAAA,gBAAgB,EAAEc,sBAAUC,IAjBX;AAkBjBd,EAAAA,oBAAoB,EAAEa,sBAAUC,IAlBf;AAmBjBV,EAAAA,UAAU,EAAES,sBAAUC,IAnBL;AAoBjBP,EAAAA,cAAc,EAAEM,sBAAUC;AApBT,C;;AA8ErB,IAAMe,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBF,IAAAA,WAAW,EAAE;AACXG,MAAAA,OAAO,EAAE,MADE;AAEXC,MAAAA,KAAK,EAAE,MAFI;AAGXC,MAAAA,MAAM,EAAE,CAHG;AAIXC,MAAAA,UAAU,EAAE;AAJD;AADO,GAAP;AAAA,CAAf;;AASO,IAAMC,WAAW,GAAG,wBAAWL,MAAX,EAAmBP,cAAnB,CAApB","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 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 };\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 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 && <DoneButton onClick={onDone} />}\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,42 +1,62 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports["default"] = exports.RawMathPreview = void 0;
9
+
8
10
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
+
9
12
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
+
10
14
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
15
+
11
16
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
17
+
12
18
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
19
+
13
20
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
21
+
14
22
  var _react = _interopRequireDefault(require("react"));
23
+
15
24
  var _classnames = _interopRequireDefault(require("classnames"));
25
+
16
26
  var _debug = _interopRequireDefault(require("debug"));
27
+
17
28
  var _styles = require("@material-ui/core/styles");
29
+
18
30
  var _propTypes = _interopRequireDefault(require("prop-types"));
31
+
19
32
  var _mathInput = require("@pie-lib/math-input");
33
+
20
34
  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); }; }
35
+
21
36
  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; } }
37
+
22
38
  var log = (0, _debug["default"])('@pie-lib:math-toolbar:math-preview');
39
+
23
40
  var RawMathPreview = /*#__PURE__*/function (_React$Component) {
24
41
  (0, _inherits2["default"])(RawMathPreview, _React$Component);
42
+
25
43
  var _super = _createSuper(RawMathPreview);
44
+
26
45
  function RawMathPreview() {
27
46
  (0, _classCallCheck2["default"])(this, RawMathPreview);
28
47
  return _super.apply(this, arguments);
29
48
  }
49
+
30
50
  (0, _createClass2["default"])(RawMathPreview, [{
31
51
  key: "render",
32
52
  value: function render() {
33
53
  log('[render] data: ', this.props.node.data);
34
54
  var latex = this.props.node.data.get('latex');
35
55
  var _this$props = this.props,
36
- classes = _this$props.classes,
37
- isSelected = _this$props.isSelected,
38
- onFocus = _this$props.onFocus,
39
- onBlur = _this$props.onBlur;
56
+ classes = _this$props.classes,
57
+ isSelected = _this$props.isSelected,
58
+ onFocus = _this$props.onFocus,
59
+ onBlur = _this$props.onBlur;
40
60
  return /*#__PURE__*/_react["default"].createElement("div", {
41
61
  className: (0, _classnames["default"])(classes.root, isSelected && classes.selected)
42
62
  }, ' ', /*#__PURE__*/_react["default"].createElement("span", {
@@ -50,6 +70,7 @@ var RawMathPreview = /*#__PURE__*/function (_React$Component) {
50
70
  }]);
51
71
  return RawMathPreview;
52
72
  }(_react["default"].Component);
73
+
53
74
  exports.RawMathPreview = RawMathPreview;
54
75
  (0, _defineProperty2["default"])(RawMathPreview, "propTypes", {
55
76
  latex: _propTypes["default"].string,
@@ -59,6 +80,7 @@ exports.RawMathPreview = RawMathPreview;
59
80
  onFocus: _propTypes["default"].func,
60
81
  onBlur: _propTypes["default"].func
61
82
  });
83
+
62
84
  var mp = function mp(theme) {
63
85
  return {
64
86
  root: {
@@ -221,6 +243,8 @@ var mp = function mp(theme) {
221
243
  }
222
244
  };
223
245
  };
246
+
224
247
  var _default = (0, _styles.withStyles)(mp)(RawMathPreview);
248
+
225
249
  exports["default"] = _default;
226
250
  //# sourceMappingURL=math-preview.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"math-preview.js","names":["log","debug","RawMathPreview","props","node","data","latex","get","classes","isSelected","onFocus","onBlur","classNames","root","selected","insideOverlay","React","Component","PropTypes","string","object","bool","func","mp","theme","display","alignItems","position","fontFamily","border","outline","boxShadow","borderRadius","paddingTop","verticalAlign","top","left","marginTop","padding","paddingBottom","marginBottom","fontSize","paddingRight","marginLeft","paddingLeft","borderTop","minWidth","lineHeight","right","palette","primary","main","bottom","withStyles"],"sources":["../src/math-preview.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport debug from 'debug';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport { mq } from '@pie-lib/math-input';\n\nconst log = debug('@pie-lib:math-toolbar:math-preview');\n\nexport class RawMathPreview extends React.Component {\n static propTypes = {\n latex: PropTypes.string,\n node: PropTypes.object,\n classes: PropTypes.object,\n isSelected: PropTypes.bool,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n };\n\n render() {\n log('[render] data: ', this.props.node.data);\n const latex = this.props.node.data.get('latex');\n const { classes, isSelected, onFocus, onBlur } = this.props;\n return (\n <div className={classNames(classes.root, isSelected && classes.selected)}>\n {' '}\n <span className={classes.insideOverlay} />\n <mq.Static latex={latex} onFocus={onFocus} onBlur={onBlur} />\n </div>\n );\n }\n}\n\nconst mp = (theme) => ({\n root: {\n display: 'inline-flex',\n alignItems: 'center',\n position: 'relative',\n '& *': {\n fontFamily: 'MJXZERO, MJXTEX !important',\n '-webkit-font-smoothing': 'antialiased !important',\n },\n '& > .mq-math-mode > span > var': {\n fontFamily: 'MJXZERO, MJXTEX-I !important',\n },\n '& > .mq-math-mode span var': {\n fontFamily: 'MJXZERO, MJXTEX-I !important',\n },\n '& > .mq-math-mode .mq-nonSymbola': {\n fontFamily: 'MJXZERO, MJXTEX-I !important',\n },\n '& > .mq-math-mode > span > var.mq-operator-name': {\n fontFamily: 'MJXZERO, MJXTEX !important',\n },\n '& > .mq-math-mode': {\n border: 'solid 1px lightgrey',\n },\n '& > .mq-focused': {\n outline: 'none',\n boxShadow: 'none',\n border: 'solid 1px black',\n borderRadius: '0px',\n },\n '& > .mq-math-mode .mq-root-block': {\n paddingTop: '7px !important',\n },\n '& > .mq-math-mode .mq-overarc ': {\n paddingTop: '0.45em !important',\n },\n '& > .mq-math-mode .mq-sqrt-prefix': {\n verticalAlign: 'bottom !important',\n top: '0 !important',\n left: '-0.1em !important',\n },\n '& > .mq-math-mode .mq-denominator': {\n marginTop: '-5px !important',\n padding: '0.5em 0.1em 0.1em !important',\n },\n '& > .mq-math-mode .mq-numerator, .mq-math-mode .mq-over': {\n padding: '0 0.1em !important',\n paddingBottom: '0 !important',\n marginBottom: '4.5px',\n },\n '& > .mq-math-mode sup.mq-nthroot': {\n fontSize: '70.7% !important',\n verticalAlign: '0.5em !important',\n paddingRight: '0.15em',\n },\n '& > .mq-longdiv-inner': {\n marginTop: '-1px',\n marginLeft: '5px !important;',\n\n '& > .mq-empty': {\n padding: '0 !important',\n marginLeft: '0px !important',\n marginTop: '2px',\n },\n },\n '& > .mq-math-mode .mq-longdiv': {\n display: 'inline-flex !important',\n },\n '& > .mq-math-mode .mq-longdiv .mq-longdiv-inner .mq-empty': {\n paddingTop: '6px !important',\n paddingLeft: '4px !important',\n },\n '& > .mq-math-mode .mq-longdiv .mq-longdiv-inner': {\n marginLeft: '0 !important',\n },\n '& > .mq-math-mode .mq-supsub': {\n fontSize: '70.7% !important',\n },\n '& > .mq-math-mode .mq-overarrow': {\n fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',\n },\n '& > .mq-math-mode .mq-paren': {\n verticalAlign: 'top !important',\n padding: '1px 0.1em !important',\n },\n\n '& > .mq-math-mode .mq-sqrt-stem': {\n borderTop: '0.07em solid',\n marginLeft: '-1.5px',\n marginTop: '-2px !important',\n paddingTop: '5px !important',\n },\n '& > .mq-supsub ': {\n fontSize: '70.7%',\n },\n\n '& > .mq-math-mode .mq-supsub.mq-sup-only': {\n verticalAlign: '-0.1em !important',\n\n '& .mq-sup': {\n marginBottom: '0px !important',\n },\n },\n '& .mq-overarrow-inner': {\n paddingTop: '0 !important',\n border: 'none !important',\n },\n '& .mq-editable-field .mq-cursor': {\n marginTop: '-15px !important',\n },\n '& .mq-overarrow.mq-arrow-both': {\n top: '7.5px',\n marginTop: '0px',\n minWidth: '1.23em',\n '& *': {\n lineHeight: '1 !important',\n },\n '&:before': {\n top: '-0.4em',\n left: '-1px',\n },\n '&:after': {\n top: '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"],"mappings":"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"}
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":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,oCAAN,CAAZ;;IAEaC,c;;;;;;;;;;;;WAUX,kBAAS;AACPD,MAAAA,GAAG,CAAC,iBAAD,EAAoB,KAAKE,KAAL,CAAWC,IAAX,CAAgBC,IAApC,CAAH;AACA,UAAMC,KAAK,GAAG,KAAKH,KAAL,CAAWC,IAAX,CAAgBC,IAAhB,CAAqBE,GAArB,CAAyB,OAAzB,CAAd;AACA,wBAAiD,KAAKJ,KAAtD;AAAA,UAAQK,OAAR,eAAQA,OAAR;AAAA,UAAiBC,UAAjB,eAAiBA,UAAjB;AAAA,UAA6BC,OAA7B,eAA6BA,OAA7B;AAAA,UAAsCC,MAAtC,eAAsCA,MAAtC;AACA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAWH,OAAO,CAACI,IAAnB,EAAyBH,UAAU,IAAID,OAAO,CAACK,QAA/C;AAAhB,SACG,GADH,eAEE;AAAM,QAAA,SAAS,EAAEL,OAAO,CAACM;AAAzB,QAFF,eAGE,gCAAC,aAAD,CAAI,MAAJ;AAAW,QAAA,KAAK,EAAER,KAAlB;AAAyB,QAAA,OAAO,EAAEI,OAAlC;AAA2C,QAAA,MAAM,EAAEC;AAAnD,QAHF,CADF;AAOD;;;EArBiCI,kBAAMC,S;;;iCAA7Bd,c,eACQ;AACjBI,EAAAA,KAAK,EAAEW,sBAAUC,MADA;AAEjBd,EAAAA,IAAI,EAAEa,sBAAUE,MAFC;AAGjBX,EAAAA,OAAO,EAAES,sBAAUE,MAHF;AAIjBV,EAAAA,UAAU,EAAEQ,sBAAUG,IAJL;AAKjBV,EAAAA,OAAO,EAAEO,sBAAUI,IALF;AAMjBV,EAAAA,MAAM,EAAEM,sBAAUI;AAND,C;;AAuBrB,IAAMC,EAAE,GAAG,SAALA,EAAK,CAACC,KAAD;AAAA,SAAY;AACrBX,IAAAA,IAAI,EAAE;AACJY,MAAAA,OAAO,EAAE,aADL;AAEJC,MAAAA,UAAU,EAAE,QAFR;AAGJC,MAAAA,QAAQ,EAAE,UAHN;AAIJ,aAAO;AACLC,QAAAA,UAAU,EAAE,4BADP;AAEL,kCAA0B;AAFrB,OAJH;AAQJ,wCAAkC;AAChCA,QAAAA,UAAU,EAAE;AADoB,OAR9B;AAWJ,oCAA8B;AAC5BA,QAAAA,UAAU,EAAE;AADgB,OAX1B;AAcJ,0CAAoC;AAClCA,QAAAA,UAAU,EAAE;AADsB,OAdhC;AAiBJ,yDAAmD;AACjDA,QAAAA,UAAU,EAAE;AADqC,OAjB/C;AAoBJ,2BAAqB;AACnBC,QAAAA,MAAM,EAAE;AADW,OApBjB;AAuBJ,yBAAmB;AACjBC,QAAAA,OAAO,EAAE,MADQ;AAEjBC,QAAAA,SAAS,EAAE,MAFM;AAGjBF,QAAAA,MAAM,EAAE,iBAHS;AAIjBG,QAAAA,YAAY,EAAE;AAJG,OAvBf;AA6BJ,0CAAoC;AAClCC,QAAAA,UAAU,EAAE;AADsB,OA7BhC;AAgCJ,wCAAkC;AAChCA,QAAAA,UAAU,EAAE;AADoB,OAhC9B;AAmCJ,2CAAqC;AACnCC,QAAAA,aAAa,EAAE,mBADoB;AAEnCC,QAAAA,GAAG,EAAE,cAF8B;AAGnCC,QAAAA,IAAI,EAAE;AAH6B,OAnCjC;AAwCJ,2CAAqC;AACnCC,QAAAA,SAAS,EAAE,iBADwB;AAEnCC,QAAAA,OAAO,EAAE;AAF0B,OAxCjC;AA4CJ,iEAA2D;AACzDA,QAAAA,OAAO,EAAE,oBADgD;AAEzDC,QAAAA,aAAa,EAAE,cAF0C;AAGzDC,QAAAA,YAAY,EAAE;AAH2C,OA5CvD;AAiDJ,0CAAoC;AAClCC,QAAAA,QAAQ,EAAE,kBADwB;AAElCP,QAAAA,aAAa,EAAE,kBAFmB;AAGlCQ,QAAAA,YAAY,EAAE;AAHoB,OAjDhC;AAsDJ,+BAAyB;AACvBL,QAAAA,SAAS,EAAE,MADY;AAEvBM,QAAAA,UAAU,EAAE,iBAFW;AAIvB,yBAAiB;AACfL,UAAAA,OAAO,EAAE,cADM;AAEfK,UAAAA,UAAU,EAAE,gBAFG;AAGfN,UAAAA,SAAS,EAAE;AAHI;AAJM,OAtDrB;AAgEJ,uCAAiC;AAC/BZ,QAAAA,OAAO,EAAE;AADsB,OAhE7B;AAmEJ,mEAA6D;AAC3DQ,QAAAA,UAAU,EAAE,gBAD+C;AAE3DW,QAAAA,WAAW,EAAE;AAF8C,OAnEzD;AAuEJ,yDAAmD;AACjDD,QAAAA,UAAU,EAAE;AADqC,OAvE/C;AA0EJ,sCAAgC;AAC9BF,QAAAA,QAAQ,EAAE;AADoB,OA1E5B;AA6EJ,yCAAmC;AACjCb,QAAAA,UAAU,EAAE;AADqB,OA7E/B;AAgFJ,qCAA+B;AAC7BM,QAAAA,aAAa,EAAE,gBADc;AAE7BI,QAAAA,OAAO,EAAE;AAFoB,OAhF3B;AAqFJ,yCAAmC;AACjCO,QAAAA,SAAS,EAAE,cADsB;AAEjCF,QAAAA,UAAU,EAAE,QAFqB;AAGjCN,QAAAA,SAAS,EAAE,iBAHsB;AAIjCJ,QAAAA,UAAU,EAAE;AAJqB,OArF/B;AA2FJ,yBAAmB;AACjBQ,QAAAA,QAAQ,EAAE;AADO,OA3Ff;AA+FJ,kDAA4C;AAC1CP,QAAAA,aAAa,EAAE,mBAD2B;AAG1C,qBAAa;AACXM,UAAAA,YAAY,EAAE;AADH;AAH6B,OA/FxC;AAsGJ,+BAAyB;AACvBP,QAAAA,UAAU,EAAE,cADW;AAEvBJ,QAAAA,MAAM,EAAE;AAFe,OAtGrB;AA0GJ,yCAAmC;AACjCQ,QAAAA,SAAS,EAAE;AADsB,OA1G/B;AA6GJ,uCAAiC;AAC/BF,QAAAA,GAAG,EAAE,OAD0B;AAE/BE,QAAAA,SAAS,EAAE,KAFoB;AAG/BS,QAAAA,QAAQ,EAAE,QAHqB;AAI/B,eAAO;AACLC,UAAAA,UAAU,EAAE;AADP,SAJwB;AAO/B,oBAAY;AACVZ,UAAAA,GAAG,EAAE,QADK;AAEVC,UAAAA,IAAI,EAAE;AAFI,SAPmB;AAW/B,mBAAW;AACTD,UAAAA,GAAG,EAAE,gBADI;AAETR,UAAAA,QAAQ,EAAE,UAFD;AAGTqB,UAAAA,KAAK,EAAE;AAHE,SAXoB;AAgB/B,4BAAoB;AAClBb,UAAAA,GAAG,EAAE;AADa;AAhBW,OA7G7B;AAiIJ,wCAAkC;AAChC,oBAAY;AACVA,UAAAA,GAAG,EAAE,QADK;AAEVa,UAAAA,KAAK,EAAE;AAFG;AADoB,OAjI9B;AAuIJ,qCAA+B;AAC7BvB,QAAAA,OAAO,EAAE;AADoB,OAvI3B;AA0IJ,oCAA8B;AAC5BA,QAAAA,OAAO,EAAE;AADmB,OA1I1B;AA6IJ,6BAAuB;AACrBoB,QAAAA,SAAS,EAAE,sBADU;AAErBZ,QAAAA,UAAU,EAAE;AAFS,OA7InB;AAiJJ,6BAAuB;AACrBc,QAAAA,UAAU,EAAE;AADS;AAjJnB,KADe;AAsJrBjC,IAAAA,QAAQ,EAAE;AACRe,MAAAA,MAAM,sBAAeL,KAAK,CAACyB,OAAN,CAAcC,OAAd,CAAsBC,IAArC,CADE;AAER,2BAAqB;AACnBtB,QAAAA,MAAM,EAAE;AADW;AAFb,KAtJW;AA4JrBd,IAAAA,aAAa,EAAE;AACbY,MAAAA,QAAQ,EAAE,UADG;AAEbyB,MAAAA,MAAM,EAAE,CAFK;AAGbhB,MAAAA,IAAI,EAAE,CAHO;AAIbY,MAAAA,KAAK,EAAE,CAJM;AAKbb,MAAAA,GAAG,EAAE;AALQ;AA5JM,GAAZ;AAAA,CAAX;;eAqKe,wBAAWZ,EAAX,EAAepB,cAAf,C","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.11.6-next.53+cbb2d706",
6
+ "version": "1.11.6",
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.9.1-next.53+cbb2d706",
22
+ "@pie-lib/math-input": "^6.10.0",
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.20"
34
34
  },
35
35
  "scripts": {},
36
- "gitHead": "cbb2d70637263fd7d0bf2a0a7d0b4b75e2a7370c"
36
+ "gitHead": "252c387e845b7f3b5887d10ae458cefb76ad3fa5"
37
37
  }