@pie-lib/math-toolbar 2.0.0-beta.2 → 2.0.0-next.0

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.
@@ -1,225 +1,193 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = exports.RawMathPreview = void 0;
9
-
10
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
8
+ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
9
+ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
10
+ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
11
+ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
12
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
13
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
12
14
  var _react = _interopRequireDefault(require("react"));
13
-
14
- var _classnames = _interopRequireDefault(require("classnames"));
15
-
16
- var _get = _interopRequireDefault(require("lodash/get"));
17
-
18
15
  var _debug = _interopRequireDefault(require("debug"));
19
-
20
- var _styles = require("@material-ui/styles");
21
-
16
+ var _styles = require("@mui/material/styles");
22
17
  var _propTypes = _interopRequireDefault(require("prop-types"));
23
-
24
18
  var _mathInput = require("@pie-lib/math-input");
25
-
19
+ var _utils = require("./utils");
20
+ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
21
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
22
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
23
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
24
+ var _mq$CommonMqStyles = _mathInput.mq.CommonMqStyles,
25
+ commonMqFontStyles = _mq$CommonMqStyles.commonMqFontStyles,
26
+ longdivStyles = _mq$CommonMqStyles.longdivStyles,
27
+ supsubStyles = _mq$CommonMqStyles.supsubStyles;
26
28
  var log = (0, _debug["default"])('@pie-lib:math-toolbar:math-preview');
27
- var useStyles = (0, _styles.makeStyles)(function (theme) {
28
- return {
29
- root: {
30
- display: 'inline-flex',
31
- alignItems: 'center',
32
- position: 'relative',
29
+ var MathPreviewContainer = (0, _styles.styled)('div')(function (_ref) {
30
+ var theme = _ref.theme,
31
+ isSelected = _ref.isSelected;
32
+ return _objectSpread(_objectSpread(_objectSpread({
33
+ display: 'inline-flex',
34
+ alignItems: 'center',
35
+ position: 'relative',
36
+ '& *': commonMqFontStyles
37
+ }, supsubStyles), longdivStyles), {}, {
38
+ '& > .mq-math-mode': {
39
+ border: isSelected ? 'solid 0px lightgrey' : 'solid 1px lightgrey'
40
+ },
41
+ '& > .mq-focused': {
42
+ outline: 'none',
43
+ boxShadow: 'none',
44
+ border: 'solid 1px black',
45
+ borderRadius: '0px'
46
+ },
47
+ '& > .mq-math-mode .mq-root-block': {
48
+ paddingTop: '7px !important'
49
+ },
50
+ '& > .mq-math-mode .mq-overarc ': {
51
+ paddingTop: '0.45em !important'
52
+ },
53
+ '& > .mq-math-mode .mq-sqrt-prefix': {
54
+ verticalAlign: 'baseline !important',
55
+ top: '1px !important',
56
+ left: '-0.1em !important'
57
+ },
58
+ '& > .mq-math-mode .mq-denominator': {
59
+ marginTop: '-5px !important',
60
+ padding: '0.5em 0.1em 0.1em !important'
61
+ },
62
+ '& > .mq-math-mode .mq-numerator, .mq-math-mode .mq-over': {
63
+ padding: '0 0.1em !important',
64
+ paddingBottom: '0 !important',
65
+ marginBottom: '-2px'
66
+ },
67
+ '& > .mq-math-mode .mq-longdiv .mq-longdiv-inner .mq-empty': {
68
+ paddingTop: '6px !important',
69
+ paddingLeft: '4px !important'
70
+ },
71
+ '& > .mq-math-mode .mq-longdiv .mq-longdiv-inner': {
72
+ marginLeft: '0 !important'
73
+ },
74
+ '& > .mq-math-mode .mq-overarrow': {
75
+ fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
76
+ },
77
+ '& > .mq-math-mode .mq-paren': {
78
+ verticalAlign: 'top !important',
79
+ padding: '1px 0.1em !important'
80
+ },
81
+ '& > .mq-math-mode .mq-sqrt-stem': {
82
+ borderTop: '0.07em solid',
83
+ marginLeft: '-1.5px',
84
+ marginTop: '-2px !important',
85
+ paddingTop: '5px !important'
86
+ },
87
+ '& .mq-overarrow-inner': {
88
+ paddingTop: '0 !important',
89
+ border: 'none !important'
90
+ },
91
+ '& .mq-editable-field .mq-cursor': {
92
+ marginTop: '-15px !important'
93
+ },
94
+ '& .mq-overarrow.mq-arrow-both': {
95
+ top: '7.5px',
96
+ marginTop: '0px',
97
+ minWidth: '1.23em',
33
98
  '& *': {
34
- fontFamily: 'MJXZERO, MJXTEX !important',
35
- '-webkit-font-smoothing': 'antialiased !important'
36
- },
37
- '& > .mq-math-mode > span > var': {
38
- fontFamily: 'MJXZERO, MJXTEX-I !important'
39
- },
40
- '& > .mq-math-mode span var': {
41
- fontFamily: 'MJXZERO, MJXTEX-I !important'
42
- },
43
- '& > .mq-math-mode .mq-nonSymbola': {
44
- fontFamily: 'MJXZERO, MJXTEX-I !important'
45
- },
46
- '& > .mq-math-mode > span > var.mq-operator-name': {
47
- fontFamily: 'MJXZERO, MJXTEX !important'
48
- },
49
- '& > .mq-math-mode': {
50
- border: 'solid 1px lightgrey'
51
- },
52
- '& > .mq-focused': {
53
- outline: 'none',
54
- boxShadow: 'none',
55
- border: 'solid 1px black',
56
- borderRadius: '0px'
57
- },
58
- '& > .mq-math-mode .mq-root-block': {
59
- paddingTop: '7px !important'
99
+ lineHeight: '1 !important'
60
100
  },
61
- '& > .mq-math-mode .mq-overarc ': {
62
- paddingTop: '0.45em !important'
101
+ '&:before': {
102
+ top: '-0.4em',
103
+ left: '-1px'
63
104
  },
64
- '& > .mq-math-mode .mq-sqrt-prefix': {
65
- verticalAlign: 'bottom !important',
66
- top: '0 !important',
67
- left: '-0.1em !important'
105
+ '&:after': {
106
+ top: '0px !important',
107
+ position: 'absolute !important',
108
+ right: '-2px'
68
109
  },
69
- '& > .mq-math-mode .mq-denominator': {
70
- marginTop: '-5px !important',
71
- padding: '0.5em 0.1em 0.1em !important'
72
- },
73
- '& > .mq-math-mode .mq-numerator, .mq-math-mode .mq-over': {
74
- padding: '0 0.1em !important',
75
- paddingBottom: '0 !important',
76
- marginBottom: '4.5px'
77
- },
78
- '& > .mq-math-mode sup.mq-nthroot': {
79
- fontSize: '70.7% !important',
80
- verticalAlign: '0.5em !important',
81
- paddingRight: '0.15em'
82
- },
83
- '& > .mq-longdiv-inner': {
84
- marginTop: '-1px',
85
- marginLeft: '5px !important;',
86
- '& > .mq-empty': {
87
- padding: '0 !important',
88
- marginLeft: '0px !important',
89
- marginTop: '2px'
90
- }
91
- },
92
- '& > .mq-math-mode .mq-longdiv': {
93
- display: 'inline-flex !important'
94
- },
95
- '& > .mq-math-mode .mq-longdiv .mq-longdiv-inner .mq-empty': {
96
- paddingTop: '6px !important',
97
- paddingLeft: '4px !important'
98
- },
99
- '& > .mq-math-mode .mq-longdiv .mq-longdiv-inner': {
100
- marginLeft: '0 !important'
101
- },
102
- '& > .mq-math-mode .mq-supsub': {
103
- fontSize: '70.7% !important'
104
- },
105
- '& > .mq-math-mode .mq-overarrow': {
106
- fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
107
- },
108
- '& > .mq-math-mode .mq-paren': {
109
- verticalAlign: 'top !important',
110
- padding: '1px 0.1em !important'
111
- },
112
- '& > .mq-math-mode .mq-sqrt-stem': {
113
- borderTop: '0.07em solid',
114
- marginLeft: '-1.5px',
115
- marginTop: '-2px !important',
116
- paddingTop: '5px !important'
117
- },
118
- '& > .mq-supsub ': {
119
- fontSize: '70.7%'
120
- },
121
- '& > .mq-math-mode .mq-supsub.mq-sup-only': {
122
- verticalAlign: '-0.1em !important',
123
- '& .mq-sup': {
124
- marginBottom: '0px !important'
125
- }
126
- },
127
- '& .mq-overarrow-inner': {
128
- paddingTop: '0 !important',
129
- border: 'none !important'
130
- },
131
- '& .mq-editable-field .mq-cursor': {
132
- marginTop: '-15px !important'
133
- },
134
- '& .mq-overarrow.mq-arrow-both': {
135
- top: '7.5px',
136
- marginTop: '0px',
137
- minWidth: '1.23em',
138
- '& *': {
139
- lineHeight: '1 !important'
140
- },
141
- '&:before': {
142
- top: '-0.4em',
143
- left: '-1px'
144
- },
145
- '&:after': {
146
- top: '0px !important',
147
- position: 'absolute',
148
- right: '-2px'
149
- },
150
- '&.mq-empty:after': {
151
- top: '-0.45em'
152
- }
153
- },
154
- '& .mq-overarrow.mq-arrow-right': {
155
- '&:before': {
156
- top: '-0.4em',
157
- right: '-1px'
158
- }
159
- },
160
- '& .mq-overarrow-inner-right': {
161
- display: 'none !important'
162
- },
163
- '& .mq-overarrow-inner-left': {
164
- display: 'none !important'
165
- },
166
- '& .mq-longdiv-inner': {
167
- borderTop: '1px solid !important',
168
- paddingTop: '1.5px !important'
169
- },
170
- '& .mq-parallelogram': {
171
- lineHeight: 0.85
110
+ '&.mq-empty:after': {
111
+ top: '-0.45em'
172
112
  }
173
113
  },
174
- selected: {
175
- border: "solid 1px ".concat((0, _get["default"])(theme, 'palette.primary.main')),
176
- '& > .mq-math-mode': {
177
- border: 'solid 0px lightgrey'
114
+ '& .mq-overarrow.mq-arrow-right': {
115
+ '&:before': {
116
+ top: '-0.4em',
117
+ right: '-1px'
178
118
  }
179
119
  },
180
- insideOverlay: {
181
- position: 'absolute',
182
- bottom: 0,
183
- left: 0,
184
- right: 0,
185
- top: 0
120
+ '& .mq-overarrow-inner-right': {
121
+ display: 'none !important'
122
+ },
123
+ '& .mq-overarrow-inner-left': {
124
+ display: 'none !important'
125
+ },
126
+ '& .mq-longdiv-inner': {
127
+ borderTop: '1px solid !important',
128
+ paddingTop: '1.5px !important'
129
+ },
130
+ '& .mq-parallelogram': {
131
+ lineHeight: 0.85
132
+ },
133
+ '& span[data-prime="true"]': {
134
+ fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
186
135
  }
187
- };
136
+ }, isSelected && {
137
+ border: "solid 1px ".concat(theme.palette.primary.main)
138
+ });
188
139
  });
189
-
190
- var RawMathPreview = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
191
- log('[render] data: ', props.element.data);
192
- var latex = props.element.data.latex;
193
- var isSelected = props.isSelected,
194
- onFocus = props.onFocus,
195
- onBlur = props.onBlur,
196
- attributes = props.attributes,
197
- children = props.children;
198
- var classes = useStyles(props);
199
- return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
200
- className: (0, _classnames["default"])(classes.root, isSelected && classes.selected)
201
- }, attributes, {
202
- contentEditable: false,
203
- ref: ref
204
- }), children, ' ', /*#__PURE__*/_react["default"].createElement("span", {
205
- className: classes.insideOverlay
206
- }), /*#__PURE__*/_react["default"].createElement(_mathInput.mq.Static, {
207
- latex: latex,
208
- onFocus: onFocus,
209
- onBlur: onBlur
210
- }));
140
+ var InsideOverlay = (0, _styles.styled)('span')({
141
+ position: 'absolute',
142
+ bottom: 0,
143
+ left: 0,
144
+ right: 0,
145
+ top: 0
211
146
  });
212
-
213
- exports.RawMathPreview = RawMathPreview;
214
- RawMathPreview.propTypes = {
215
- element: _propTypes["default"].object,
147
+ var RawMathPreview = exports.RawMathPreview = /*#__PURE__*/function (_React$Component) {
148
+ function RawMathPreview() {
149
+ (0, _classCallCheck2["default"])(this, RawMathPreview);
150
+ return _callSuper(this, RawMathPreview, arguments);
151
+ }
152
+ (0, _inherits2["default"])(RawMathPreview, _React$Component);
153
+ return (0, _createClass2["default"])(RawMathPreview, [{
154
+ key: "componentDidMount",
155
+ value: function componentDidMount() {
156
+ (0, _utils.markFractionBaseSuperscripts)();
157
+ }
158
+ }, {
159
+ key: "componentDidUpdate",
160
+ value: function componentDidUpdate(prevProps) {
161
+ // Re-run only if LaTeX changed
162
+ if (this.props.node.data.get('latex') !== prevProps.node.data.get('latex')) {
163
+ (0, _utils.markFractionBaseSuperscripts)();
164
+ }
165
+ }
166
+ }, {
167
+ key: "render",
168
+ value: function render() {
169
+ log('[render] data: ', this.props.node.data);
170
+ var latex = this.props.node.data.get('latex');
171
+ var _this$props = this.props,
172
+ isSelected = _this$props.isSelected,
173
+ onFocus = _this$props.onFocus,
174
+ onBlur = _this$props.onBlur;
175
+ return /*#__PURE__*/_react["default"].createElement(MathPreviewContainer, {
176
+ isSelected: isSelected
177
+ }, ' ', /*#__PURE__*/_react["default"].createElement(InsideOverlay, null), /*#__PURE__*/_react["default"].createElement(_mathInput.mq.Static, {
178
+ latex: latex,
179
+ onFocus: onFocus,
180
+ onBlur: onBlur
181
+ }));
182
+ }
183
+ }]);
184
+ }(_react["default"].Component);
185
+ (0, _defineProperty2["default"])(RawMathPreview, "propTypes", {
216
186
  latex: _propTypes["default"].string,
217
187
  node: _propTypes["default"].object,
218
- classes: _propTypes["default"].object,
219
188
  isSelected: _propTypes["default"].bool,
220
189
  onFocus: _propTypes["default"].func,
221
190
  onBlur: _propTypes["default"].func
222
- };
223
- var _default = RawMathPreview;
224
- exports["default"] = _default;
225
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJsb2ciLCJkZWJ1ZyIsInVzZVN0eWxlcyIsIm1ha2VTdHlsZXMiLCJ0aGVtZSIsInJvb3QiLCJkaXNwbGF5IiwiYWxpZ25JdGVtcyIsInBvc2l0aW9uIiwiZm9udEZhbWlseSIsImJvcmRlciIsIm91dGxpbmUiLCJib3hTaGFkb3ciLCJib3JkZXJSYWRpdXMiLCJwYWRkaW5nVG9wIiwidmVydGljYWxBbGlnbiIsInRvcCIsImxlZnQiLCJtYXJnaW5Ub3AiLCJwYWRkaW5nIiwicGFkZGluZ0JvdHRvbSIsIm1hcmdpbkJvdHRvbSIsImZvbnRTaXplIiwicGFkZGluZ1JpZ2h0IiwibWFyZ2luTGVmdCIsInBhZGRpbmdMZWZ0IiwiYm9yZGVyVG9wIiwibWluV2lkdGgiLCJsaW5lSGVpZ2h0IiwicmlnaHQiLCJzZWxlY3RlZCIsImdldCIsImluc2lkZU92ZXJsYXkiLCJib3R0b20iLCJSYXdNYXRoUHJldmlldyIsIlJlYWN0IiwiZm9yd2FyZFJlZiIsInByb3BzIiwicmVmIiwiZWxlbWVudCIsImRhdGEiLCJsYXRleCIsImlzU2VsZWN0ZWQiLCJvbkZvY3VzIiwib25CbHVyIiwiYXR0cmlidXRlcyIsImNoaWxkcmVuIiwiY2xhc3NlcyIsImNsYXNzTmFtZXMiLCJwcm9wVHlwZXMiLCJQcm9wVHlwZXMiLCJvYmplY3QiLCJzdHJpbmciLCJub2RlIiwiYm9vbCIsImZ1bmMiXSwic291cmNlcyI6WyIuLi9zcmMvbWF0aC1wcmV2aWV3LmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQgZ2V0IGZyb20gJ2xvZGFzaC9nZXQnO1xuaW1wb3J0IGRlYnVnIGZyb20gJ2RlYnVnJztcbmltcG9ydCB7IG1ha2VTdHlsZXMgfSBmcm9tICdAbWF0ZXJpYWwtdWkvc3R5bGVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBtcSB9IGZyb20gJ0BwaWUtbGliL21hdGgtaW5wdXQnO1xuXG5jb25zdCBsb2cgPSBkZWJ1ZygnQHBpZS1saWI6bWF0aC10b29sYmFyOm1hdGgtcHJldmlldycpO1xuXG5jb25zdCB1c2VTdHlsZXMgPSBtYWtlU3R5bGVzKHRoZW1lID0+ICh7XG4gIHJvb3Q6IHtcbiAgICBkaXNwbGF5OiAnaW5saW5lLWZsZXgnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgICcmIConOiB7XG4gICAgICBmb250RmFtaWx5OiAnTUpYWkVSTywgTUpYVEVYICFpbXBvcnRhbnQnLFxuICAgICAgJy13ZWJraXQtZm9udC1zbW9vdGhpbmcnOiAnYW50aWFsaWFzZWQgIWltcG9ydGFudCdcbiAgICB9LFxuICAgICcmID4gLm1xLW1hdGgtbW9kZSA+IHNwYW4gPiB2YXInOiB7XG4gICAgICBmb250RmFtaWx5OiAnTUpYWkVSTywgTUpYVEVYLUkgIWltcG9ydGFudCdcbiAgICB9LFxuICAgICcmID4gLm1xLW1hdGgtbW9kZSBzcGFuIHZhcic6IHtcbiAgICAgIGZvbnRGYW1pbHk6ICdNSlhaRVJPLCBNSlhURVgtSSAhaW1wb3J0YW50J1xuICAgIH0sXG4gICAgJyYgPiAubXEtbWF0aC1tb2RlIC5tcS1ub25TeW1ib2xhJzoge1xuICAgICAgZm9udEZhbWlseTogJ01KWFpFUk8sIE1KWFRFWC1JICFpbXBvcnRhbnQnXG4gICAgfSxcbiAgICAnJiA+IC5tcS1tYXRoLW1vZGUgPiBzcGFuID4gdmFyLm1xLW9wZXJhdG9yLW5hbWUnOiB7XG4gICAgICBmb250RmFtaWx5OiAnTUpYWkVSTywgTUpYVEVYICFpbXBvcnRhbnQnXG4gICAgfSxcbiAgICAnJiA+IC5tcS1tYXRoLW1vZGUnOiB7XG4gICAgICBib3JkZXI6ICdzb2xpZCAxcHggbGlnaHRncmV5J1xuICAgIH0sXG4gICAgJyYgPiAubXEtZm9jdXNlZCc6IHtcbiAgICAgIG91dGxpbmU6ICdub25lJyxcbiAgICAgIGJveFNoYWRvdzogJ25vbmUnLFxuICAgICAgYm9yZGVyOiAnc29saWQgMXB4IGJsYWNrJyxcbiAgICAgIGJvcmRlclJhZGl1czogJzBweCdcbiAgICB9LFxuICAgICcmID4gLm1xLW1hdGgtbW9kZSAubXEtcm9vdC1ibG9jayc6IHtcbiAgICAgIHBhZGRpbmdUb3A6ICc3cHggIWltcG9ydGFudCdcbiAgICB9LFxuICAgICcmID4gLm1xLW1hdGgtbW9kZSAubXEtb3ZlcmFyYyAnOiB7XG4gICAgICBwYWRkaW5nVG9wOiAnMC40NWVtICFpbXBvcnRhbnQnXG4gICAgfSxcbiAgICAnJiA+IC5tcS1tYXRoLW1vZGUgLm1xLXNxcnQtcHJlZml4Jzoge1xuICAgICAgdmVydGljYWxBbGlnbjogJ2JvdHRvbSAhaW1wb3J0YW50JyxcbiAgICAgIHRvcDogJzAgIWltcG9ydGFudCcsXG4gICAgICBsZWZ0OiAnLTAuMWVtICFpbXBvcnRhbnQnXG4gICAgfSxcbiAgICAnJiA+IC5tcS1tYXRoLW1vZGUgLm1xLWRlbm9taW5hdG9yJzoge1xuICAgICAgbWFyZ2luVG9wOiAnLTVweCAhaW1wb3J0YW50JyxcbiAgICAgIHBhZGRpbmc6ICcwLjVlbSAwLjFlbSAwLjFlbSAhaW1wb3J0YW50J1xuICAgIH0sXG4gICAgJyYgPiAubXEtbWF0aC1tb2RlIC5tcS1udW1lcmF0b3IsIC5tcS1tYXRoLW1vZGUgLm1xLW92ZXInOiB7XG4gICAgICBwYWRkaW5nOiAnMCAwLjFlbSAhaW1wb3J0YW50JyxcbiAgICAgIHBhZGRpbmdCb3R0b206ICcwICFpbXBvcnRhbnQnLFxuICAgICAgbWFyZ2luQm90dG9tOiAnNC41cHgnXG4gICAgfSxcbiAgICAnJiA+IC5tcS1tYXRoLW1vZGUgc3VwLm1xLW50aHJvb3QnOiB7XG4gICAgICBmb250U2l6ZTogJzcwLjclICFpbXBvcnRhbnQnLFxuICAgICAgdmVydGljYWxBbGlnbjogJzAuNWVtICFpbXBvcnRhbnQnLFxuICAgICAgcGFkZGluZ1JpZ2h0OiAnMC4xNWVtJ1xuICAgIH0sXG4gICAgJyYgPiAubXEtbG9uZ2Rpdi1pbm5lcic6IHtcbiAgICAgIG1hcmdpblRvcDogJy0xcHgnLFxuICAgICAgbWFyZ2luTGVmdDogJzVweCAhaW1wb3J0YW50OycsXG5cbiAgICAgICcmID4gLm1xLWVtcHR5Jzoge1xuICAgICAgICBwYWRkaW5nOiAnMCAhaW1wb3J0YW50JyxcbiAgICAgICAgbWFyZ2luTGVmdDogJzBweCAhaW1wb3J0YW50JyxcbiAgICAgICAgbWFyZ2luVG9wOiAnMnB4J1xuICAgICAgfVxuICAgIH0sXG4gICAgJyYgPiAubXEtbWF0aC1tb2RlIC5tcS1sb25nZGl2Jzoge1xuICAgICAgZGlzcGxheTogJ2lubGluZS1mbGV4ICFpbXBvcnRhbnQnXG4gICAgfSxcbiAgICAnJiA+IC5tcS1tYXRoLW1vZGUgLm1xLWxvbmdkaXYgLm1xLWxvbmdkaXYtaW5uZXIgLm1xLWVtcHR5Jzoge1xuICAgICAgcGFkZGluZ1RvcDogJzZweCAhaW1wb3J0YW50JyxcbiAgICAgIHBhZGRpbmdMZWZ0OiAnNHB4ICFpbXBvcnRhbnQnXG4gICAgfSxcbiAgICAnJiA+IC5tcS1tYXRoLW1vZGUgLm1xLWxvbmdkaXYgLm1xLWxvbmdkaXYtaW5uZXInOiB7XG4gICAgICBtYXJnaW5MZWZ0OiAnMCAhaW1wb3J0YW50J1xuICAgIH0sXG4gICAgJyYgPiAubXEtbWF0aC1tb2RlIC5tcS1zdXBzdWInOiB7XG4gICAgICBmb250U2l6ZTogJzcwLjclICFpbXBvcnRhbnQnXG4gICAgfSxcbiAgICAnJiA+IC5tcS1tYXRoLW1vZGUgLm1xLW92ZXJhcnJvdyc6IHtcbiAgICAgIGZvbnRGYW1pbHk6ICdSb2JvdG8sIEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWYgIWltcG9ydGFudCdcbiAgICB9LFxuICAgICcmID4gLm1xLW1hdGgtbW9kZSAubXEtcGFyZW4nOiB7XG4gICAgICB2ZXJ0aWNhbEFsaWduOiAndG9wICFpbXBvcnRhbnQnLFxuICAgICAgcGFkZGluZzogJzFweCAwLjFlbSAhaW1wb3J0YW50J1xuICAgIH0sXG5cbiAgICAnJiA+IC5tcS1tYXRoLW1vZGUgLm1xLXNxcnQtc3RlbSc6IHtcbiAgICAgIGJvcmRlclRvcDogJzAuMDdlbSBzb2xpZCcsXG4gICAgICBtYXJnaW5MZWZ0OiAnLTEuNXB4JyxcbiAgICAgIG1hcmdpblRvcDogJy0ycHggIWltcG9ydGFudCcsXG4gICAgICBwYWRkaW5nVG9wOiAnNXB4ICFpbXBvcnRhbnQnXG4gICAgfSxcbiAgICAnJiA+IC5tcS1zdXBzdWIgJzoge1xuICAgICAgZm9udFNpemU6ICc3MC43JSdcbiAgICB9LFxuXG4gICAgJyYgPiAubXEtbWF0aC1tb2RlIC5tcS1zdXBzdWIubXEtc3VwLW9ubHknOiB7XG4gICAgICB2ZXJ0aWNhbEFsaWduOiAnLTAuMWVtICFpbXBvcnRhbnQnLFxuXG4gICAgICAnJiAubXEtc3VwJzoge1xuICAgICAgICBtYXJnaW5Cb3R0b206ICcwcHggIWltcG9ydGFudCdcbiAgICAgIH1cbiAgICB9LFxuICAgICcmIC5tcS1vdmVyYXJyb3ctaW5uZXInOiB7XG4gICAgICBwYWRkaW5nVG9wOiAnMCAhaW1wb3J0YW50JyxcbiAgICAgIGJvcmRlcjogJ25vbmUgIWltcG9ydGFudCdcbiAgICB9LFxuICAgICcmIC5tcS1lZGl0YWJsZS1maWVsZCAubXEtY3Vyc29yJzoge1xuICAgICAgbWFyZ2luVG9wOiAnLTE1cHggIWltcG9ydGFudCdcbiAgICB9LFxuICAgICcmIC5tcS1vdmVyYXJyb3cubXEtYXJyb3ctYm90aCc6IHtcbiAgICAgIHRvcDogJzcuNXB4JyxcbiAgICAgIG1hcmdpblRvcDogJzBweCcsXG4gICAgICBtaW5XaWR0aDogJzEuMjNlbScsXG4gICAgICAnJiAqJzoge1xuICAgICAgICBsaW5lSGVpZ2h0OiAnMSAhaW1wb3J0YW50J1xuICAgICAgfSxcbiAgICAgICcmOmJlZm9yZSc6IHtcbiAgICAgICAgdG9wOiAnLTAuNGVtJyxcbiAgICAgICAgbGVmdDogJy0xcHgnXG4gICAgICB9LFxuICAgICAgJyY6YWZ0ZXInOiB7XG4gICAgICAgIHRvcDogJzBweCAhaW1wb3J0YW50JyxcbiAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgIHJpZ2h0OiAnLTJweCdcbiAgICAgIH0sXG4gICAgICAnJi5tcS1lbXB0eTphZnRlcic6IHtcbiAgICAgICAgdG9wOiAnLTAuNDVlbSdcbiAgICAgIH1cbiAgICB9LFxuICAgICcmIC5tcS1vdmVyYXJyb3cubXEtYXJyb3ctcmlnaHQnOiB7XG4gICAgICAnJjpiZWZvcmUnOiB7XG4gICAgICAgIHRvcDogJy0wLjRlbScsXG4gICAgICAgIHJpZ2h0OiAnLTFweCdcbiAgICAgIH1cbiAgICB9LFxuICAgICcmIC5tcS1vdmVyYXJyb3ctaW5uZXItcmlnaHQnOiB7XG4gICAgICBkaXNwbGF5OiAnbm9uZSAhaW1wb3J0YW50J1xuICAgIH0sXG4gICAgJyYgLm1xLW92ZXJhcnJvdy1pbm5lci1sZWZ0Jzoge1xuICAgICAgZGlzcGxheTogJ25vbmUgIWltcG9ydGFudCdcbiAgICB9LFxuICAgICcmIC5tcS1sb25nZGl2LWlubmVyJzoge1xuICAgICAgYm9yZGVyVG9wOiAnMXB4IHNvbGlkICFpbXBvcnRhbnQnLFxuICAgICAgcGFkZGluZ1RvcDogJzEuNXB4ICFpbXBvcnRhbnQnXG4gICAgfSxcbiAgICAnJiAubXEtcGFyYWxsZWxvZ3JhbSc6IHtcbiAgICAgIGxpbmVIZWlnaHQ6IDAuODVcbiAgICB9XG4gIH0sXG4gIHNlbGVjdGVkOiB7XG4gICAgYm9yZGVyOiBgc29saWQgMXB4ICR7Z2V0KHRoZW1lLCAncGFsZXR0ZS5wcmltYXJ5Lm1haW4nKX1gLFxuICAgICcmID4gLm1xLW1hdGgtbW9kZSc6IHtcbiAgICAgIGJvcmRlcjogJ3NvbGlkIDBweCBsaWdodGdyZXknXG4gICAgfVxuICB9LFxuICBpbnNpZGVPdmVybGF5OiB7XG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgYm90dG9tOiAwLFxuICAgIGxlZnQ6IDAsXG4gICAgcmlnaHQ6IDAsXG4gICAgdG9wOiAwXG4gIH1cbn0pKTtcblxuZXhwb3J0IGNvbnN0IFJhd01hdGhQcmV2aWV3ID0gUmVhY3QuZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBsb2coJ1tyZW5kZXJdIGRhdGE6ICcsIHByb3BzLmVsZW1lbnQuZGF0YSk7XG4gIGNvbnN0IGxhdGV4ID0gcHJvcHMuZWxlbWVudC5kYXRhLmxhdGV4O1xuICBjb25zdCB7IGlzU2VsZWN0ZWQsIG9uRm9jdXMsIG9uQmx1ciwgYXR0cmlidXRlcywgY2hpbGRyZW4gfSA9IHByb3BzO1xuICBjb25zdCBjbGFzc2VzID0gdXNlU3R5bGVzKHByb3BzKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhjbGFzc2VzLnJvb3QsIGlzU2VsZWN0ZWQgJiYgY2xhc3Nlcy5zZWxlY3RlZCl9XG4gICAgICB7Li4uYXR0cmlidXRlc31cbiAgICAgIGNvbnRlbnRFZGl0YWJsZT17ZmFsc2V9XG4gICAgICByZWY9e3JlZn1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICB7JyAnfVxuICAgICAgPHNwYW4gY2xhc3NOYW1lPXtjbGFzc2VzLmluc2lkZU92ZXJsYXl9IC8+XG4gICAgICA8bXEuU3RhdGljIGxhdGV4PXtsYXRleH0gb25Gb2N1cz17b25Gb2N1c30gb25CbHVyPXtvbkJsdXJ9IC8+XG4gICAgPC9kaXY+XG4gICk7XG59KTtcblxuUmF3TWF0aFByZXZpZXcucHJvcFR5cGVzID0ge1xuICBlbGVtZW50OiBQcm9wVHlwZXMub2JqZWN0LFxuICBsYXRleDogUHJvcFR5cGVzLnN0cmluZyxcbiAgbm9kZTogUHJvcFR5cGVzLm9iamVjdCxcbiAgY2xhc3NlczogUHJvcFR5cGVzLm9iamVjdCxcbiAgaXNTZWxlY3RlZDogUHJvcFR5cGVzLmJvb2wsXG4gIG9uRm9jdXM6IFByb3BUeXBlcy5mdW5jLFxuICBvbkJsdXI6IFByb3BUeXBlcy5mdW5jLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgUmF3TWF0aFByZXZpZXc7XG4iXSwibWFwcGlu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
191
+ });
192
+ var _default = exports["default"] = RawMathPreview;
193
+ //# sourceMappingURL=math-preview.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"math-preview.js","names":["log","debug","useStyles","makeStyles","theme","root","display","alignItems","position","fontFamily","border","outline","boxShadow","borderRadius","paddingTop","verticalAlign","top","left","marginTop","padding","paddingBottom","marginBottom","fontSize","paddingRight","marginLeft","paddingLeft","borderTop","minWidth","lineHeight","right","selected","get","insideOverlay","bottom","RawMathPreview","React","forwardRef","props","ref","element","data","latex","isSelected","onFocus","onBlur","attributes","children","classes","classNames","propTypes","PropTypes","object","string","node","bool","func"],"sources":["../src/math-preview.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport get from 'lodash/get';\nimport debug from 'debug';\nimport { makeStyles } from '@material-ui/styles';\nimport PropTypes from 'prop-types';\nimport { mq } from '@pie-lib/math-input';\n\nconst log = debug('@pie-lib:math-toolbar:math-preview');\n\nconst useStyles = makeStyles(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 ${get(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 const RawMathPreview = React.forwardRef((props, ref) => {\n log('[render] data: ', props.element.data);\n const latex = props.element.data.latex;\n const { isSelected, onFocus, onBlur, attributes, children } = props;\n const classes = useStyles(props);\n\n return (\n <div\n className={classNames(classes.root, isSelected && classes.selected)}\n {...attributes}\n contentEditable={false}\n ref={ref}\n >\n {children}\n {' '}\n <span className={classes.insideOverlay} />\n <mq.Static latex={latex} onFocus={onFocus} onBlur={onBlur} />\n </div>\n );\n});\n\nRawMathPreview.propTypes = {\n element: PropTypes.object,\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\nexport default RawMathPreview;\n"],"mappings":"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"}
1
+ {"version":3,"file":"math-preview.js","names":["_react","_interopRequireDefault","require","_debug","_styles","_propTypes","_mathInput","_utils","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_mq$CommonMqStyles","mq","CommonMqStyles","commonMqFontStyles","longdivStyles","supsubStyles","log","debug","MathPreviewContainer","styled","_ref","theme","isSelected","display","alignItems","position","border","outline","boxShadow","borderRadius","paddingTop","verticalAlign","top","left","marginTop","padding","paddingBottom","marginBottom","paddingLeft","marginLeft","fontFamily","borderTop","minWidth","lineHeight","right","concat","palette","primary","main","InsideOverlay","bottom","RawMathPreview","exports","_React$Component","_classCallCheck2","_inherits2","_createClass2","key","value","componentDidMount","markFractionBaseSuperscripts","componentDidUpdate","prevProps","props","node","data","get","render","latex","_this$props","onFocus","onBlur","createElement","Static","React","Component","PropTypes","string","object","bool","func","_default"],"sources":["../src/math-preview.jsx"],"sourcesContent":["import React from 'react';\nimport debug from 'debug';\nimport { styled } from '@mui/material/styles';\nimport PropTypes from 'prop-types';\nimport { mq } from '@pie-lib/math-input';\nimport { markFractionBaseSuperscripts } from './utils';\n\nconst { commonMqFontStyles, longdivStyles, supsubStyles } = mq.CommonMqStyles;\n\nconst log = debug('@pie-lib:math-toolbar:math-preview');\n\nconst MathPreviewContainer = styled('div')(({ theme, isSelected }) => ({\n display: 'inline-flex',\n alignItems: 'center',\n position: 'relative',\n '& *': commonMqFontStyles,\n ...supsubStyles,\n ...longdivStyles,\n '& > .mq-math-mode': {\n border: isSelected ? 'solid 0px lightgrey' : '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: 'baseline !important',\n top: '1px !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: '-2px',\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-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 '& > .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-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 !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 '& .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 '& span[data-prime=\"true\"]': {\n fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',\n },\n ...(isSelected && {\n border: `solid 1px ${theme.palette.primary.main}`,\n }),\n}));\n\nconst InsideOverlay = styled('span')({\n position: 'absolute',\n bottom: 0,\n left: 0,\n right: 0,\n top: 0,\n});\n\nexport class RawMathPreview extends React.Component {\n static propTypes = {\n latex: PropTypes.string,\n node: PropTypes.object,\n isSelected: PropTypes.bool,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n };\n\n componentDidMount() {\n markFractionBaseSuperscripts();\n }\n\n componentDidUpdate(prevProps) {\n // Re-run only if LaTeX changed\n if (this.props.node.data.get('latex') !== prevProps.node.data.get('latex')) {\n markFractionBaseSuperscripts();\n }\n }\n\n render() {\n log('[render] data: ', this.props.node.data);\n const latex = this.props.node.data.get('latex');\n const { isSelected, onFocus, onBlur } = this.props;\n return (\n <MathPreviewContainer isSelected={isSelected}>\n {' '}\n <InsideOverlay />\n <mq.Static latex={latex} onFocus={onFocus} onBlur={onBlur} />\n </MathPreviewContainer>\n );\n }\n}\n\nexport default RawMathPreview;\n"],"mappings":"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","ignoreList":[]}
package/lib/utils.js ADDED
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.markFractionBaseSuperscripts = void 0;
7
+ var markFractionBaseSuperscripts = exports.markFractionBaseSuperscripts = function markFractionBaseSuperscripts() {
8
+ document.querySelectorAll('.mq-supsub.mq-sup-only').forEach(function (supsub) {
9
+ var prev = supsub.previousElementSibling;
10
+ if (prev && prev.classList.contains('mq-non-leaf') && prev.querySelector('.mq-fraction')) {
11
+ supsub.classList.add('mq-after-fraction-group');
12
+ } else {
13
+ supsub.classList.remove('mq-after-fraction-group');
14
+ }
15
+ });
16
+ };
17
+ //# sourceMappingURL=utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.js","names":["markFractionBaseSuperscripts","exports","document","querySelectorAll","forEach","supsub","prev","previousElementSibling","classList","contains","querySelector","add","remove"],"sources":["../src/utils.js"],"sourcesContent":["export const markFractionBaseSuperscripts = () => {\n document.querySelectorAll('.mq-supsub.mq-sup-only').forEach((supsub) => {\n const prev = supsub.previousElementSibling;\n\n if (prev && prev.classList.contains('mq-non-leaf') && prev.querySelector('.mq-fraction')) {\n supsub.classList.add('mq-after-fraction-group');\n } else {\n supsub.classList.remove('mq-after-fraction-group');\n }\n });\n};\n"],"mappings":";;;;;;AAAO,IAAMA,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,SAA/BA,4BAA4BA,CAAA,EAAS;EAChDE,QAAQ,CAACC,gBAAgB,CAAC,wBAAwB,CAAC,CAACC,OAAO,CAAC,UAACC,MAAM,EAAK;IACtE,IAAMC,IAAI,GAAGD,MAAM,CAACE,sBAAsB;IAE1C,IAAID,IAAI,IAAIA,IAAI,CAACE,SAAS,CAACC,QAAQ,CAAC,aAAa,CAAC,IAAIH,IAAI,CAACI,aAAa,CAAC,cAAc,CAAC,EAAE;MACxFL,MAAM,CAACG,SAAS,CAACG,GAAG,CAAC,yBAAyB,CAAC;IACjD,CAAC,MAAM;MACLN,MAAM,CAACG,SAAS,CAACI,MAAM,CAAC,yBAAyB,CAAC;IACpD;EACF,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "access": "public"
5
5
  },
6
- "version": "2.0.0-beta.2",
6
+ "version": "2.0.0-next.0",
7
7
  "description": "Math toolbar for editing math equations",
8
8
  "keywords": [
9
9
  "math",
@@ -17,21 +17,31 @@
17
17
  "author": "",
18
18
  "license": "ISC",
19
19
  "dependencies": {
20
- "@material-ui/core": "^3.8.3",
21
- "@material-ui/icons": "^3.0.2",
22
- "@pie-lib/math-input": "^6.8.0",
23
- "classnames": "^2.2.6",
20
+ "@emotion/react": "^11.14.0",
21
+ "@emotion/style": "^0.8.0",
22
+ "@mui/icons-material": "^7.3.4",
23
+ "@mui/material": "^7.3.4",
24
+ "@pie-lib/math-input": "6.31.2-next.16",
25
+ "@pie-lib/render-ui": "4.35.3-next.15",
24
26
  "debug": "^4.1.1",
25
- "keycode": "^2.2.0",
26
- "lodash": "^4.17.11"
27
+ "lodash": "^4.17.11",
28
+ "prop-types": "^15.7.2"
27
29
  },
28
30
  "peerDependencies": {
29
- "react": "^16.8.1",
30
- "react-dom": "^16.9.0"
31
+ "react": "^18.2.0",
32
+ "react-dom": "^18.2.0"
31
33
  },
32
34
  "devDependencies": {
33
- "@pie-lib/test-utils": "^0.2.19"
35
+ "@pie-lib/test-utils": "0.22.2-next.16"
34
36
  },
35
37
  "scripts": {},
36
- "gitHead": "f3345ae70660f4ae88450512261c7ea1601003c8"
38
+ "gitHead": "f104bab3116a65a39c55efc48387d8701c0c1d84",
39
+ "exports": {
40
+ ".": {
41
+ "require": "./lib/index.js",
42
+ "import": "./src/index.jsx",
43
+ "default": "./lib/index.js"
44
+ },
45
+ "./esm": "./esm/index.js"
46
+ }
37
47
  }
@@ -0,0 +1,16 @@
1
+ import { EditorAndPad } from '../editor-and-pad';
2
+ import { render } from '@testing-library/react';
3
+ import React from 'react';
4
+
5
+ describe('EditorAndPad', () => {
6
+ const defaultProps = {
7
+ classes: {},
8
+ classNames: {},
9
+ onBlur: jest.fn(),
10
+ };
11
+
12
+ it('renders with default props', () => {
13
+ const { container } = render(<EditorAndPad {...defaultProps} />);
14
+ expect(container.firstChild).toBeInTheDocument();
15
+ });
16
+ });
@@ -0,0 +1,21 @@
1
+ import { RawPureToolbar } from '../index';
2
+ import { render } from '@testing-library/react';
3
+ import React from 'react';
4
+
5
+ describe('RawPureToolbar', () => {
6
+ const defaultProps = {
7
+ classes: {},
8
+ controlledKeypad: true,
9
+ showKeypad: true,
10
+ };
11
+
12
+ it('renders with DONE button if hideDoneButton is not defined', () => {
13
+ const { container } = render(<RawPureToolbar {...defaultProps} />);
14
+ expect(container.firstChild).toBeInTheDocument();
15
+ });
16
+
17
+ it('renders without DONE button if hideDoneButton value is true', () => {
18
+ const { container } = render(<RawPureToolbar {...defaultProps} hideDoneButton={true} />);
19
+ expect(container.firstChild).toBeInTheDocument();
20
+ });
21
+ });
@@ -0,0 +1,22 @@
1
+ import React from 'react';
2
+ import { render } from '@testing-library/react';
3
+ import MathPreview from '../math-preview';
4
+
5
+ describe('MathPreview', () => {
6
+ const defaultProps = {
7
+ node: {
8
+ data: {
9
+ get: jest.fn().mockReturnValue('sqrt(5)'),
10
+ },
11
+ },
12
+ classes: {},
13
+ isSelected: false,
14
+ onFocus: jest.fn(),
15
+ onBlur: jest.fn(),
16
+ };
17
+
18
+ it('renders with default props', () => {
19
+ const { container } = render(<MathPreview {...defaultProps} />);
20
+ expect(container.firstChild).toBeInTheDocument();
21
+ });
22
+ });