@pie-lib/math-input 7.1.0-next.3 → 7.1.0-next.37
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/lib/horizontal-keypad.js +99 -0
- package/lib/horizontal-keypad.js.map +1 -0
- package/lib/index.js +62 -0
- package/lib/index.js.map +1 -0
- package/lib/keypad/index.js +454 -0
- package/lib/keypad/index.js.map +1 -0
- package/lib/keypad/keys-layout.js +31 -0
- package/lib/keypad/keys-layout.js.map +1 -0
- package/lib/keys/basic-operators.js +34 -0
- package/lib/keys/basic-operators.js.map +1 -0
- package/lib/keys/chars.js +13 -0
- package/lib/keys/chars.js.map +1 -0
- package/lib/keys/comparison.js +49 -0
- package/lib/keys/comparison.js.map +1 -0
- package/lib/keys/constants.js +38 -0
- package/lib/keys/constants.js.map +1 -0
- package/lib/keys/digits.js +52 -0
- package/lib/keys/digits.js.map +1 -0
- package/lib/keys/edit.js +15 -0
- package/lib/keys/edit.js.map +1 -0
- package/lib/keys/exponent.js +31 -0
- package/lib/keys/exponent.js.map +1 -0
- package/lib/keys/fractions.js +30 -0
- package/lib/keys/fractions.js.map +1 -0
- package/lib/keys/geometry.js +150 -0
- package/lib/keys/geometry.js.map +1 -0
- package/lib/keys/grades.js +271 -0
- package/lib/keys/grades.js.map +1 -0
- package/lib/keys/index.js +42 -0
- package/lib/keys/index.js.map +1 -0
- package/lib/keys/log.js +28 -0
- package/lib/keys/log.js.map +1 -0
- package/lib/keys/logic.js +20 -0
- package/lib/keys/logic.js.map +1 -0
- package/lib/keys/matrices.js +20 -0
- package/lib/keys/matrices.js.map +1 -0
- package/lib/keys/misc.js +63 -0
- package/lib/keys/misc.js.map +1 -0
- package/lib/keys/navigation.js +21 -0
- package/lib/keys/navigation.js.map +1 -0
- package/lib/keys/operators.js +16 -0
- package/lib/keys/operators.js.map +1 -0
- package/lib/keys/statistics.js +41 -0
- package/lib/keys/statistics.js.map +1 -0
- package/lib/keys/sub-sup.js +20 -0
- package/lib/keys/sub-sup.js.map +1 -0
- package/lib/keys/trigonometry.js +46 -0
- package/lib/keys/trigonometry.js.map +1 -0
- package/lib/keys/utils.js +102 -0
- package/lib/keys/utils.js.map +1 -0
- package/lib/keys/vars.js +25 -0
- package/lib/keys/vars.js.map +1 -0
- package/lib/math-input.js +149 -0
- package/lib/math-input.js.map +1 -0
- package/lib/mq/common-mq-styles.js +109 -0
- package/lib/mq/common-mq-styles.js.map +1 -0
- package/lib/mq/custom-elements.js +21 -0
- package/lib/mq/custom-elements.js.map +1 -0
- package/lib/mq/index.js +29 -0
- package/lib/mq/index.js.map +1 -0
- package/lib/mq/input.js +204 -0
- package/lib/mq/input.js.map +1 -0
- package/lib/mq/static.js +312 -0
- package/lib/mq/static.js.map +1 -0
- package/lib/updateSpans.js +25 -0
- package/lib/updateSpans.js.map +1 -0
- package/package.json +3 -3
package/lib/mq/input.js
ADDED
|
@@ -0,0 +1,204 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
require("core-js/modules/es.reflect.construct.js");
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
+
Object.defineProperty(exports, "__esModule", {
|
|
7
|
+
value: true
|
|
8
|
+
});
|
|
9
|
+
exports["default"] = exports.Input = void 0;
|
|
10
|
+
require("core-js/modules/es.array.concat.js");
|
|
11
|
+
require("core-js/modules/es.array.for-each.js");
|
|
12
|
+
require("core-js/modules/es.array.index-of.js");
|
|
13
|
+
require("core-js/modules/es.array.is-array.js");
|
|
14
|
+
require("core-js/modules/es.function.bind.js");
|
|
15
|
+
require("core-js/modules/es.object.keys.js");
|
|
16
|
+
require("core-js/modules/es.object.to-string.js");
|
|
17
|
+
require("core-js/modules/web.dom-collections.for-each.js");
|
|
18
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
19
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
20
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
22
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
23
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
24
|
+
var _react = _interopRequireDefault(require("react"));
|
|
25
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
26
|
+
var _styles = require("@mui/material/styles");
|
|
27
|
+
var _debug = _interopRequireDefault(require("debug"));
|
|
28
|
+
var _customElements = require("./custom-elements");
|
|
29
|
+
var _mathquill = _interopRequireDefault(require("@pie-framework/mathquill"));
|
|
30
|
+
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)); }
|
|
31
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
32
|
+
var MQ;
|
|
33
|
+
if (typeof window !== 'undefined') {
|
|
34
|
+
MQ = _mathquill["default"].getInterface(2);
|
|
35
|
+
if (MQ && MQ.registerEmbed) {
|
|
36
|
+
(0, _customElements.registerLineBreak)(MQ);
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
var log = (0, _debug["default"])('math-input:mq:input');
|
|
40
|
+
var StyledSpan = (0, _styles.styled)('span')({
|
|
41
|
+
// No specific styles needed, but component is available for future styling
|
|
42
|
+
});
|
|
43
|
+
|
|
44
|
+
/**
|
|
45
|
+
* Wrapper for MathQuill MQ.MathField.
|
|
46
|
+
*/
|
|
47
|
+
var Input = exports.Input = /*#__PURE__*/function (_React$Component) {
|
|
48
|
+
function Input() {
|
|
49
|
+
var _this;
|
|
50
|
+
(0, _classCallCheck2["default"])(this, Input);
|
|
51
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
52
|
+
args[_key] = arguments[_key];
|
|
53
|
+
}
|
|
54
|
+
_this = _callSuper(this, Input, [].concat(args));
|
|
55
|
+
(0, _defineProperty2["default"])(_this, "onInputEdit", function () {
|
|
56
|
+
log('[onInputEdit] ...');
|
|
57
|
+
var onChange = _this.props.onChange;
|
|
58
|
+
if (!_this.mathField) {
|
|
59
|
+
return;
|
|
60
|
+
}
|
|
61
|
+
if (onChange) {
|
|
62
|
+
onChange(_this.mathField.latex());
|
|
63
|
+
}
|
|
64
|
+
});
|
|
65
|
+
(0, _defineProperty2["default"])(_this, "refresh", function () {
|
|
66
|
+
_this.blur();
|
|
67
|
+
_this.focus();
|
|
68
|
+
});
|
|
69
|
+
(0, _defineProperty2["default"])(_this, "onKeyPress", function (event) {
|
|
70
|
+
var keys = Object.keys(_this.mathField.__controller.options);
|
|
71
|
+
if (keys.indexOf('ignoreNextMousedown') < 0) {
|
|
72
|
+
// It seems like the controller has the above handler as an option
|
|
73
|
+
// when all the right events are set and everything works fine
|
|
74
|
+
// this seems to work in all cases
|
|
75
|
+
_this.refresh();
|
|
76
|
+
}
|
|
77
|
+
if (event.charCode === 13) {
|
|
78
|
+
event.preventDefault();
|
|
79
|
+
return;
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
(0, _defineProperty2["default"])(_this, "onClick", function (event) {
|
|
83
|
+
var onClick = _this.props.onClick;
|
|
84
|
+
_this.refresh();
|
|
85
|
+
onClick && onClick(event);
|
|
86
|
+
});
|
|
87
|
+
return _this;
|
|
88
|
+
}
|
|
89
|
+
(0, _inherits2["default"])(Input, _React$Component);
|
|
90
|
+
return (0, _createClass2["default"])(Input, [{
|
|
91
|
+
key: "componentDidMount",
|
|
92
|
+
value: function componentDidMount() {
|
|
93
|
+
if (!MQ) {
|
|
94
|
+
throw new Error('MQ is not defined - but component has mounted?');
|
|
95
|
+
}
|
|
96
|
+
this.mathField = MQ.MathField(this.input, {
|
|
97
|
+
handlers: {
|
|
98
|
+
edit: this.onInputEdit.bind(this)
|
|
99
|
+
}
|
|
100
|
+
});
|
|
101
|
+
this.updateLatex();
|
|
102
|
+
}
|
|
103
|
+
}, {
|
|
104
|
+
key: "componentDidUpdate",
|
|
105
|
+
value: function componentDidUpdate() {
|
|
106
|
+
this.updateLatex();
|
|
107
|
+
}
|
|
108
|
+
}, {
|
|
109
|
+
key: "updateLatex",
|
|
110
|
+
value: function updateLatex() {
|
|
111
|
+
if (!this.mathField) {
|
|
112
|
+
return;
|
|
113
|
+
}
|
|
114
|
+
var latex = this.props.latex;
|
|
115
|
+
if (latex !== undefined && latex !== null) {
|
|
116
|
+
this.mathField.latex(latex);
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
}, {
|
|
120
|
+
key: "clear",
|
|
121
|
+
value: function clear() {
|
|
122
|
+
this.mathField.latex('');
|
|
123
|
+
return '';
|
|
124
|
+
}
|
|
125
|
+
}, {
|
|
126
|
+
key: "blur",
|
|
127
|
+
value: function blur() {
|
|
128
|
+
log('blur mathfield');
|
|
129
|
+
this.mathField.blur();
|
|
130
|
+
}
|
|
131
|
+
}, {
|
|
132
|
+
key: "focus",
|
|
133
|
+
value: function focus() {
|
|
134
|
+
log('focus mathfield...');
|
|
135
|
+
this.mathField.focus();
|
|
136
|
+
}
|
|
137
|
+
}, {
|
|
138
|
+
key: "command",
|
|
139
|
+
value: function command(v) {
|
|
140
|
+
var _this2 = this;
|
|
141
|
+
log('command: ', v);
|
|
142
|
+
if (Array.isArray(v)) {
|
|
143
|
+
v.forEach(function (vv) {
|
|
144
|
+
_this2.mathField.cmd(vv);
|
|
145
|
+
});
|
|
146
|
+
} else {
|
|
147
|
+
this.mathField.cmd(v);
|
|
148
|
+
}
|
|
149
|
+
this.mathField.focus();
|
|
150
|
+
return this.mathField.latex();
|
|
151
|
+
}
|
|
152
|
+
}, {
|
|
153
|
+
key: "keystroke",
|
|
154
|
+
value: function keystroke(v) {
|
|
155
|
+
this.mathField.keystroke(v);
|
|
156
|
+
this.mathField.focus();
|
|
157
|
+
return this.mathField.latex();
|
|
158
|
+
}
|
|
159
|
+
}, {
|
|
160
|
+
key: "write",
|
|
161
|
+
value: function write(v) {
|
|
162
|
+
log('write: ', v);
|
|
163
|
+
this.mathField.write(v);
|
|
164
|
+
this.mathField.focus();
|
|
165
|
+
return this.mathField.latex();
|
|
166
|
+
}
|
|
167
|
+
}, {
|
|
168
|
+
key: "shouldComponentUpdate",
|
|
169
|
+
value: function shouldComponentUpdate(nextProps) {
|
|
170
|
+
log('next: ', nextProps.latex);
|
|
171
|
+
log('current: ', this.mathField.latex());
|
|
172
|
+
return nextProps.latex !== this.mathField.latex();
|
|
173
|
+
}
|
|
174
|
+
}, {
|
|
175
|
+
key: "render",
|
|
176
|
+
value: function render() {
|
|
177
|
+
var _this3 = this;
|
|
178
|
+
var _this$props = this.props,
|
|
179
|
+
onFocus = _this$props.onFocus,
|
|
180
|
+
onBlur = _this$props.onBlur,
|
|
181
|
+
className = _this$props.className;
|
|
182
|
+
return /*#__PURE__*/_react["default"].createElement(StyledSpan, {
|
|
183
|
+
className: className,
|
|
184
|
+
onKeyDown: this.onKeyPress,
|
|
185
|
+
onClick: this.onClick,
|
|
186
|
+
onFocus: onFocus,
|
|
187
|
+
onBlur: onBlur,
|
|
188
|
+
ref: function ref(r) {
|
|
189
|
+
return _this3.input = r;
|
|
190
|
+
}
|
|
191
|
+
});
|
|
192
|
+
}
|
|
193
|
+
}]);
|
|
194
|
+
}(_react["default"].Component);
|
|
195
|
+
(0, _defineProperty2["default"])(Input, "propTypes", {
|
|
196
|
+
className: _propTypes["default"].string,
|
|
197
|
+
onClick: _propTypes["default"].func,
|
|
198
|
+
onChange: _propTypes["default"].func,
|
|
199
|
+
latex: _propTypes["default"].string,
|
|
200
|
+
onFocus: _propTypes["default"].func,
|
|
201
|
+
onBlur: _propTypes["default"].func
|
|
202
|
+
});
|
|
203
|
+
var _default = exports["default"] = Input;
|
|
204
|
+
//# sourceMappingURL=input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_debug","_customElements","_mathquill","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","MQ","window","MathQuill","getInterface","registerEmbed","registerLineBreak","log","debug","StyledSpan","styled","Input","exports","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","onChange","props","mathField","latex","blur","focus","event","keys","Object","__controller","options","indexOf","refresh","charCode","preventDefault","onClick","_inherits2","_createClass2","key","value","componentDidMount","Error","MathField","input","handlers","edit","onInputEdit","bind","updateLatex","componentDidUpdate","undefined","clear","command","v","_this2","isArray","forEach","vv","cmd","keystroke","write","shouldComponentUpdate","nextProps","render","_this3","_this$props","onFocus","onBlur","className","createElement","onKeyDown","onKeyPress","ref","r","React","Component","PropTypes","string","func","_default"],"sources":["../../src/mq/input.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport debug from 'debug';\nimport { registerLineBreak } from './custom-elements';\nimport MathQuill from '@pie-framework/mathquill';\n\nlet MQ;\nif (typeof window !== 'undefined') {\n MQ = MathQuill.getInterface(2);\n\n if (MQ && MQ.registerEmbed) {\n registerLineBreak(MQ);\n }\n}\n\nconst log = debug('math-input:mq:input');\n\nconst StyledSpan = styled('span')({\n // No specific styles needed, but component is available for future styling\n});\n\n/**\n * Wrapper for MathQuill MQ.MathField.\n */\nexport class Input extends React.Component {\n static propTypes = {\n className: PropTypes.string,\n onClick: PropTypes.func,\n onChange: PropTypes.func,\n latex: PropTypes.string,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n };\n\n componentDidMount() {\n if (!MQ) {\n throw new Error('MQ is not defined - but component has mounted?');\n }\n\n this.mathField = MQ.MathField(this.input, {\n handlers: {\n edit: this.onInputEdit.bind(this),\n },\n });\n\n this.updateLatex();\n }\n\n componentDidUpdate() {\n this.updateLatex();\n }\n\n updateLatex() {\n if (!this.mathField) {\n return;\n }\n\n const { latex } = this.props;\n\n if (latex !== undefined && latex !== null) {\n this.mathField.latex(latex);\n }\n }\n\n clear() {\n this.mathField.latex('');\n\n return '';\n }\n\n blur() {\n log('blur mathfield');\n this.mathField.blur();\n }\n\n focus() {\n log('focus mathfield...');\n this.mathField.focus();\n }\n\n command(v) {\n log('command: ', v);\n if (Array.isArray(v)) {\n v.forEach((vv) => {\n this.mathField.cmd(vv);\n });\n } else {\n this.mathField.cmd(v);\n }\n\n this.mathField.focus();\n\n return this.mathField.latex();\n }\n\n keystroke(v) {\n this.mathField.keystroke(v);\n this.mathField.focus();\n\n return this.mathField.latex();\n }\n\n write(v) {\n log('write: ', v);\n this.mathField.write(v);\n this.mathField.focus();\n\n return this.mathField.latex();\n }\n\n onInputEdit = () => {\n log('[onInputEdit] ...');\n const { onChange } = this.props;\n\n if (!this.mathField) {\n return;\n }\n\n if (onChange) {\n onChange(this.mathField.latex());\n }\n };\n\n refresh = () => {\n this.blur();\n this.focus();\n };\n\n onKeyPress = (event) => {\n const keys = Object.keys(this.mathField.__controller.options);\n\n if (keys.indexOf('ignoreNextMousedown') < 0) {\n // It seems like the controller has the above handler as an option\n // when all the right events are set and everything works fine\n // this seems to work in all cases\n this.refresh();\n }\n\n if (event.charCode === 13) {\n event.preventDefault();\n return;\n }\n };\n\n onClick = (event) => {\n const { onClick } = this.props;\n\n this.refresh();\n onClick && onClick(event);\n };\n\n shouldComponentUpdate(nextProps) {\n log('next: ', nextProps.latex);\n log('current: ', this.mathField.latex());\n\n return nextProps.latex !== this.mathField.latex();\n }\n\n render() {\n const { onFocus, onBlur, className } = this.props;\n\n return (\n <StyledSpan\n className={className}\n onKeyDown={this.onKeyPress}\n onClick={this.onClick}\n onFocus={onFocus}\n onBlur={onBlur}\n ref={(r) => (this.input = r)}\n />\n );\n }\n}\n\nexport default Input;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/mq/static.js
ADDED
|
@@ -0,0 +1,312 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
require("core-js/modules/es.reflect.construct.js");
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
+
Object.defineProperty(exports, "__esModule", {
|
|
7
|
+
value: true
|
|
8
|
+
});
|
|
9
|
+
exports["default"] = void 0;
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
12
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
13
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
16
|
+
require("core-js/modules/es.array.find.js");
|
|
17
|
+
require("core-js/modules/es.date.to-string.js");
|
|
18
|
+
require("core-js/modules/es.function.bind.js");
|
|
19
|
+
require("core-js/modules/es.object.keys.js");
|
|
20
|
+
require("core-js/modules/es.object.to-string.js");
|
|
21
|
+
require("core-js/modules/es.parse-int.js");
|
|
22
|
+
require("core-js/modules/es.regexp.exec.js");
|
|
23
|
+
require("core-js/modules/es.regexp.to-string.js");
|
|
24
|
+
require("core-js/modules/es.string.match.js");
|
|
25
|
+
require("core-js/modules/es.string.replace.js");
|
|
26
|
+
require("core-js/modules/es.string.trim.js");
|
|
27
|
+
require("core-js/modules/web.timers.js");
|
|
28
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
29
|
+
var _react = _interopRequireDefault(require("react"));
|
|
30
|
+
var _debug = _interopRequireDefault(require("debug"));
|
|
31
|
+
var _mathquill = _interopRequireDefault(require("@pie-framework/mathquill"));
|
|
32
|
+
var _updateSpans = require("../updateSpans");
|
|
33
|
+
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)); }
|
|
34
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
35
|
+
var MQ;
|
|
36
|
+
if (typeof window !== 'undefined') {
|
|
37
|
+
MQ = _mathquill["default"].getInterface(2);
|
|
38
|
+
}
|
|
39
|
+
var log = (0, _debug["default"])('pie-lib:math-input:mq:static');
|
|
40
|
+
var REGEX = /\\MathQuillMathField\[r\d*\]\{(.*?)\}/g;
|
|
41
|
+
var WHITESPACE_REGEX = / /g;
|
|
42
|
+
function stripSpaces() {
|
|
43
|
+
var string = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
44
|
+
return string.replace(WHITESPACE_REGEX, '');
|
|
45
|
+
}
|
|
46
|
+
function countBraces(latex) {
|
|
47
|
+
var count = 0;
|
|
48
|
+
for (var i = 0; i < (latex || '').length; i++) {
|
|
49
|
+
if (latex[i] === '{') {
|
|
50
|
+
count++;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
return count;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
/**
|
|
57
|
+
* Wrapper for MathQuill MQ.MathField.
|
|
58
|
+
*/
|
|
59
|
+
var Static = exports["default"] = /*#__PURE__*/function (_React$Component) {
|
|
60
|
+
function Static(props) {
|
|
61
|
+
var _this;
|
|
62
|
+
(0, _classCallCheck2["default"])(this, Static);
|
|
63
|
+
_this = _callSuper(this, Static, [props]);
|
|
64
|
+
(0, _defineProperty2["default"])(_this, "createLiveRegion", function () {
|
|
65
|
+
_this.liveRegion = document.createElement('div');
|
|
66
|
+
_this.liveRegion.style.position = 'absolute';
|
|
67
|
+
_this.liveRegion.style.width = '1px';
|
|
68
|
+
_this.liveRegion.style.height = '1px';
|
|
69
|
+
_this.liveRegion.style.marginTop = '-1px';
|
|
70
|
+
_this.liveRegion.style.clip = 'rect(1px, 1px, 1px, 1px)';
|
|
71
|
+
_this.liveRegion.style.overflow = 'hidden';
|
|
72
|
+
_this.liveRegion.setAttribute('aria-live', 'polite');
|
|
73
|
+
_this.liveRegion.setAttribute('aria-atomic', 'true');
|
|
74
|
+
document.body.appendChild(_this.liveRegion);
|
|
75
|
+
});
|
|
76
|
+
(0, _defineProperty2["default"])(_this, "addEventListeners", function () {
|
|
77
|
+
var input = _this.inputRef.current;
|
|
78
|
+
if (input) {
|
|
79
|
+
input.addEventListener('keydown', _this.handleKeyDown);
|
|
80
|
+
input.addEventListener('click', _this.handleMathKeyboardClick);
|
|
81
|
+
}
|
|
82
|
+
});
|
|
83
|
+
(0, _defineProperty2["default"])(_this, "removeEventListeners", function () {
|
|
84
|
+
var input = _this.inputRef.current;
|
|
85
|
+
if (input) {
|
|
86
|
+
input.removeEventListener('keydown', _this.handleKeyDown);
|
|
87
|
+
input.removeEventListener('click', _this.handleMathKeyboardClick);
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
(0, _defineProperty2["default"])(_this, "removeLiveRegion", function () {
|
|
91
|
+
if (_this.liveRegion) {
|
|
92
|
+
document.body.removeChild(_this.liveRegion);
|
|
93
|
+
_this.liveRegion = null;
|
|
94
|
+
}
|
|
95
|
+
});
|
|
96
|
+
(0, _defineProperty2["default"])(_this, "handleKeyDown", function (event) {
|
|
97
|
+
if ((event === null || event === void 0 ? void 0 : event.key) === 'Backspace' || (event === null || event === void 0 ? void 0 : event.key) === 'Delete') {
|
|
98
|
+
_this.setState({
|
|
99
|
+
isDeleteKeyPressed: true
|
|
100
|
+
});
|
|
101
|
+
}
|
|
102
|
+
_this.setState({
|
|
103
|
+
inputSource: 'keyboard'
|
|
104
|
+
});
|
|
105
|
+
});
|
|
106
|
+
(0, _defineProperty2["default"])(_this, "handleMathKeyboardClick", function () {
|
|
107
|
+
_this.setState({
|
|
108
|
+
inputSource: 'mathKeyboard'
|
|
109
|
+
});
|
|
110
|
+
});
|
|
111
|
+
(0, _defineProperty2["default"])(_this, "onInputEdit", function (field) {
|
|
112
|
+
if (!_this.mathField) {
|
|
113
|
+
return;
|
|
114
|
+
}
|
|
115
|
+
var name = _this.props.getFieldName(field, _this.mathField.innerFields);
|
|
116
|
+
if (_this.props.onSubFieldChange) {
|
|
117
|
+
var _this$inputRef;
|
|
118
|
+
// eslint-disable-next-line no-useless-escape
|
|
119
|
+
var regexMatch = field.latex().match(/[0-9]\\ \\frac\{[^\{]*\}\{ \}/);
|
|
120
|
+
if ((_this$inputRef = _this.inputRef) !== null && _this$inputRef !== void 0 && _this$inputRef.current && regexMatch && regexMatch !== null && regexMatch !== void 0 && regexMatch.length) {
|
|
121
|
+
try {
|
|
122
|
+
field.__controller.cursor.insLeftOf(field.__controller.cursor.parent[-1].parent);
|
|
123
|
+
field.el().dispatchEvent(new KeyboardEvent('keydown', {
|
|
124
|
+
keyCode: 8
|
|
125
|
+
}));
|
|
126
|
+
} catch (e) {
|
|
127
|
+
// eslint-disable-next-line no-console
|
|
128
|
+
console.error(e.toString());
|
|
129
|
+
}
|
|
130
|
+
} else {
|
|
131
|
+
_this.props.onSubFieldChange(name, field.latex());
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
_this.announceLatexConversion(field.latex());
|
|
135
|
+
});
|
|
136
|
+
(0, _defineProperty2["default"])(_this, "announceLatexConversion", function (newLatex) {
|
|
137
|
+
if (!_this.state) {
|
|
138
|
+
// eslint-disable-next-line no-console
|
|
139
|
+
console.error('State is not initialized');
|
|
140
|
+
return;
|
|
141
|
+
}
|
|
142
|
+
var _this$state = _this.state,
|
|
143
|
+
previousLatex = _this$state.previousLatex,
|
|
144
|
+
inputSource = _this$state.inputSource,
|
|
145
|
+
isDeleteKeyPressed = _this$state.isDeleteKeyPressed;
|
|
146
|
+
var announcement = 'Converted to math symbol';
|
|
147
|
+
if (inputSource === 'keyboard' && !isDeleteKeyPressed) {
|
|
148
|
+
var newBraces = countBraces(newLatex);
|
|
149
|
+
var oldBraces = countBraces(previousLatex);
|
|
150
|
+
if (newBraces > oldBraces) {
|
|
151
|
+
_this.announceMessage(announcement);
|
|
152
|
+
} else {
|
|
153
|
+
try {
|
|
154
|
+
_this.mathField.parseLatex(previousLatex);
|
|
155
|
+
_this.mathField.parseLatex(newLatex);
|
|
156
|
+
if (newLatex == previousLatex) {
|
|
157
|
+
_this.announceMessage(announcement);
|
|
158
|
+
}
|
|
159
|
+
} catch (e) {
|
|
160
|
+
// eslint-disable-next-line no-console
|
|
161
|
+
console.warn('Error parsing latex:', e.message);
|
|
162
|
+
// eslint-disable-next-line no-console
|
|
163
|
+
console.warn(e);
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
_this.setState({
|
|
168
|
+
previousLatex: newLatex,
|
|
169
|
+
isDeleteKeyPressed: false
|
|
170
|
+
});
|
|
171
|
+
});
|
|
172
|
+
(0, _defineProperty2["default"])(_this, "announceMessage", function (message) {
|
|
173
|
+
_this.setState({
|
|
174
|
+
previousLatex: ''
|
|
175
|
+
});
|
|
176
|
+
if (_this.liveRegion) {
|
|
177
|
+
_this.liveRegion.textContent = message;
|
|
178
|
+
|
|
179
|
+
// Clear the message after it is announced
|
|
180
|
+
setTimeout(function () {
|
|
181
|
+
_this.liveRegion.textContent = '';
|
|
182
|
+
}, 500);
|
|
183
|
+
}
|
|
184
|
+
});
|
|
185
|
+
(0, _defineProperty2["default"])(_this, "update", function () {
|
|
186
|
+
if (!MQ) {
|
|
187
|
+
throw new Error('MQ is not defined - but component has mounted?');
|
|
188
|
+
}
|
|
189
|
+
if (!_this.mathField) {
|
|
190
|
+
var _this$inputRef2;
|
|
191
|
+
_this.mathField = MQ.StaticMath((_this$inputRef2 = _this.inputRef) === null || _this$inputRef2 === void 0 ? void 0 : _this$inputRef2.current, {
|
|
192
|
+
handlers: {
|
|
193
|
+
edit: _this.onInputEdit.bind(_this)
|
|
194
|
+
}
|
|
195
|
+
});
|
|
196
|
+
}
|
|
197
|
+
try {
|
|
198
|
+
_this.mathField.parseLatex(_this.props.latex);
|
|
199
|
+
_this.mathField.latex(_this.props.latex);
|
|
200
|
+
} catch (e) {
|
|
201
|
+
// default latex if received has errors
|
|
202
|
+
_this.mathField.latex('\\MathQuillMathField[r1]{}');
|
|
203
|
+
}
|
|
204
|
+
});
|
|
205
|
+
(0, _defineProperty2["default"])(_this, "blur", function () {
|
|
206
|
+
log('blur mathfield');
|
|
207
|
+
_this.mathField.blur();
|
|
208
|
+
});
|
|
209
|
+
(0, _defineProperty2["default"])(_this, "focus", function () {
|
|
210
|
+
log('focus mathfield...');
|
|
211
|
+
_this.mathField.focus();
|
|
212
|
+
});
|
|
213
|
+
(0, _defineProperty2["default"])(_this, "onFocus", function (e) {
|
|
214
|
+
try {
|
|
215
|
+
var rootBlock = e.target.parentElement.nextSibling;
|
|
216
|
+
var id = parseInt(rootBlock.getAttribute('mathquill-block-id'), 10);
|
|
217
|
+
if (!id) {
|
|
218
|
+
rootBlock = rootBlock.parentElement;
|
|
219
|
+
id = parseInt(rootBlock.getAttribute('mathquill-block-id'), 10);
|
|
220
|
+
}
|
|
221
|
+
var innerField = _this.mathField.innerFields.find(function (f) {
|
|
222
|
+
return f.id === id;
|
|
223
|
+
});
|
|
224
|
+
if (innerField) {
|
|
225
|
+
var name = _this.props.getFieldName(innerField, _this.mathField.innerFields);
|
|
226
|
+
if (_this.props.setInput) {
|
|
227
|
+
_this.props.setInput(innerField);
|
|
228
|
+
}
|
|
229
|
+
_this.props.onSubFieldFocus(name, innerField);
|
|
230
|
+
}
|
|
231
|
+
} catch (err) {
|
|
232
|
+
// eslint-disable-next-line no-console
|
|
233
|
+
console.error('error finding root block', err.message);
|
|
234
|
+
}
|
|
235
|
+
});
|
|
236
|
+
_this.state = {
|
|
237
|
+
announcement: '',
|
|
238
|
+
previousLatex: '',
|
|
239
|
+
inputSource: null,
|
|
240
|
+
isDeleteKeyPressed: false
|
|
241
|
+
};
|
|
242
|
+
_this.inputRef = /*#__PURE__*/_react["default"].createRef();
|
|
243
|
+
return _this;
|
|
244
|
+
}
|
|
245
|
+
(0, _inherits2["default"])(Static, _React$Component);
|
|
246
|
+
return (0, _createClass2["default"])(Static, [{
|
|
247
|
+
key: "componentDidMount",
|
|
248
|
+
value: function componentDidMount() {
|
|
249
|
+
this.update();
|
|
250
|
+
(0, _updateSpans.updateSpans)();
|
|
251
|
+
this.createLiveRegion();
|
|
252
|
+
this.addEventListeners();
|
|
253
|
+
}
|
|
254
|
+
}, {
|
|
255
|
+
key: "componentDidUpdate",
|
|
256
|
+
value: function componentDidUpdate() {
|
|
257
|
+
this.update();
|
|
258
|
+
(0, _updateSpans.updateSpans)();
|
|
259
|
+
}
|
|
260
|
+
}, {
|
|
261
|
+
key: "componentWillUnmount",
|
|
262
|
+
value: function componentWillUnmount() {
|
|
263
|
+
this.removeLiveRegion();
|
|
264
|
+
this.removeEventListeners();
|
|
265
|
+
}
|
|
266
|
+
}, {
|
|
267
|
+
key: "shouldComponentUpdate",
|
|
268
|
+
value: function shouldComponentUpdate(nextProps) {
|
|
269
|
+
try {
|
|
270
|
+
var parsedLatex = this.mathField.parseLatex(nextProps.latex);
|
|
271
|
+
var stripped = stripSpaces(parsedLatex);
|
|
272
|
+
var newFieldCount = (nextProps.latex.match(REGEX) || []).length;
|
|
273
|
+
var out = stripped !== stripSpaces(this.mathField.latex().trim()) || newFieldCount !== Object.keys(this.mathField.innerFields).length / 2;
|
|
274
|
+
log('[shouldComponentUpdate] ', out);
|
|
275
|
+
return out;
|
|
276
|
+
} catch (e) {
|
|
277
|
+
// eslint-disable-next-line no-console
|
|
278
|
+
console.warn('Error parsing latex:', e.message, 'skip update');
|
|
279
|
+
// eslint-disable-next-line no-console
|
|
280
|
+
console.warn(e);
|
|
281
|
+
return false;
|
|
282
|
+
}
|
|
283
|
+
}
|
|
284
|
+
}, {
|
|
285
|
+
key: "render",
|
|
286
|
+
value: function render() {
|
|
287
|
+
var _this$props = this.props,
|
|
288
|
+
onBlur = _this$props.onBlur,
|
|
289
|
+
className = _this$props.className;
|
|
290
|
+
return /*#__PURE__*/_react["default"].createElement("span", {
|
|
291
|
+
className: className,
|
|
292
|
+
onFocus: this.onFocus,
|
|
293
|
+
onBlur: onBlur,
|
|
294
|
+
ref: this.inputRef
|
|
295
|
+
});
|
|
296
|
+
}
|
|
297
|
+
}]);
|
|
298
|
+
}(_react["default"].Component);
|
|
299
|
+
(0, _defineProperty2["default"])(Static, "propTypes", {
|
|
300
|
+
latex: _propTypes["default"].string.isRequired,
|
|
301
|
+
onFocus: _propTypes["default"].func,
|
|
302
|
+
onBlur: _propTypes["default"].func,
|
|
303
|
+
className: _propTypes["default"].string,
|
|
304
|
+
getFieldName: _propTypes["default"].func,
|
|
305
|
+
onSubFieldChange: _propTypes["default"].func,
|
|
306
|
+
onSubFieldFocus: _propTypes["default"].func,
|
|
307
|
+
setInput: _propTypes["default"].func
|
|
308
|
+
});
|
|
309
|
+
(0, _defineProperty2["default"])(Static, "defaultProps", {
|
|
310
|
+
getFieldName: function getFieldName() {}
|
|
311
|
+
});
|
|
312
|
+
//# sourceMappingURL=static.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"static.js","names":["_propTypes","_interopRequireDefault","require","_react","_debug","_mathquill","_updateSpans","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","MQ","window","MathQuill","getInterface","log","debug","REGEX","WHITESPACE_REGEX","stripSpaces","string","arguments","length","undefined","replace","countBraces","latex","count","i","Static","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","liveRegion","document","createElement","style","position","width","height","marginTop","clip","overflow","setAttribute","body","appendChild","input","inputRef","current","addEventListener","handleKeyDown","handleMathKeyboardClick","removeEventListener","removeChild","event","key","setState","isDeleteKeyPressed","inputSource","field","mathField","name","getFieldName","innerFields","onSubFieldChange","_this$inputRef","regexMatch","match","__controller","cursor","insLeftOf","parent","el","dispatchEvent","KeyboardEvent","keyCode","console","error","toString","announceLatexConversion","newLatex","state","_this$state","previousLatex","announcement","newBraces","oldBraces","announceMessage","parseLatex","warn","message","textContent","setTimeout","Error","_this$inputRef2","StaticMath","handlers","edit","onInputEdit","bind","blur","focus","rootBlock","target","parentElement","nextSibling","id","parseInt","getAttribute","innerField","find","f","setInput","onSubFieldFocus","err","React","createRef","_inherits2","_createClass2","value","componentDidMount","update","updateSpans","createLiveRegion","addEventListeners","componentDidUpdate","componentWillUnmount","removeLiveRegion","removeEventListeners","shouldComponentUpdate","nextProps","parsedLatex","stripped","newFieldCount","out","trim","Object","keys","render","_this$props","onBlur","className","onFocus","ref","Component","PropTypes","isRequired","func"],"sources":["../../src/mq/static.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport debug from 'debug';\nimport MathQuill from '@pie-framework/mathquill';\nimport { updateSpans } from '../updateSpans';\n\nlet MQ;\nif (typeof window !== 'undefined') {\n MQ = MathQuill.getInterface(2);\n}\n\nconst log = debug('pie-lib:math-input:mq:static');\nconst REGEX = /\\\\MathQuillMathField\\[r\\d*\\]\\{(.*?)\\}/g;\nconst WHITESPACE_REGEX = / /g;\n\nfunction stripSpaces(string = '') {\n return string.replace(WHITESPACE_REGEX, '');\n}\n\nfunction countBraces(latex) {\n let count = 0;\n\n for (let i = 0; i < (latex || '').length; i++) {\n if (latex[i] === '{') {\n count++;\n }\n }\n\n return count;\n}\n\n/**\n * Wrapper for MathQuill MQ.MathField.\n */\nexport default class Static extends React.Component {\n static propTypes = {\n latex: PropTypes.string.isRequired,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n className: PropTypes.string,\n getFieldName: PropTypes.func,\n onSubFieldChange: PropTypes.func,\n onSubFieldFocus: PropTypes.func,\n setInput: PropTypes.func,\n };\n\n static defaultProps = {\n getFieldName: () => {},\n };\n\n constructor(props) {\n super(props);\n this.state = {\n announcement: '',\n previousLatex: '',\n inputSource: null,\n isDeleteKeyPressed: false,\n };\n\n this.inputRef = React.createRef();\n }\n\n componentDidMount() {\n this.update();\n updateSpans();\n\n this.createLiveRegion();\n this.addEventListeners();\n }\n\n componentDidUpdate() {\n this.update();\n updateSpans();\n }\n\n componentWillUnmount() {\n this.removeLiveRegion();\n this.removeEventListeners();\n }\n\n createLiveRegion = () => {\n this.liveRegion = document.createElement('div');\n this.liveRegion.style.position = 'absolute';\n this.liveRegion.style.width = '1px';\n this.liveRegion.style.height = '1px';\n this.liveRegion.style.marginTop = '-1px';\n this.liveRegion.style.clip = 'rect(1px, 1px, 1px, 1px)';\n this.liveRegion.style.overflow = 'hidden';\n this.liveRegion.setAttribute('aria-live', 'polite');\n this.liveRegion.setAttribute('aria-atomic', 'true');\n\n document.body.appendChild(this.liveRegion);\n };\n\n addEventListeners = () => {\n const input = this.inputRef.current;\n\n if (input) {\n input.addEventListener('keydown', this.handleKeyDown);\n input.addEventListener('click', this.handleMathKeyboardClick);\n }\n };\n\n removeEventListeners = () => {\n const input = this.inputRef.current;\n\n if (input) {\n input.removeEventListener('keydown', this.handleKeyDown);\n input.removeEventListener('click', this.handleMathKeyboardClick);\n }\n };\n\n removeLiveRegion = () => {\n if (this.liveRegion) {\n document.body.removeChild(this.liveRegion);\n this.liveRegion = null;\n }\n };\n\n handleKeyDown = (event) => {\n if (event?.key === 'Backspace' || event?.key === 'Delete') {\n this.setState({ isDeleteKeyPressed: true });\n }\n this.setState({ inputSource: 'keyboard' });\n };\n\n handleMathKeyboardClick = () => {\n this.setState({ inputSource: 'mathKeyboard' });\n };\n\n onInputEdit = (field) => {\n if (!this.mathField) {\n return;\n }\n const name = this.props.getFieldName(field, this.mathField.innerFields);\n\n if (this.props.onSubFieldChange) {\n // eslint-disable-next-line no-useless-escape\n const regexMatch = field.latex().match(/[0-9]\\\\ \\\\frac\\{[^\\{]*\\}\\{ \\}/);\n\n if (this.inputRef?.current && regexMatch && regexMatch?.length) {\n try {\n field.__controller.cursor.insLeftOf(field.__controller.cursor.parent[-1].parent);\n field.el().dispatchEvent(new KeyboardEvent('keydown', { keyCode: 8 }));\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error(e.toString());\n }\n } else {\n this.props.onSubFieldChange(name, field.latex());\n }\n }\n\n this.announceLatexConversion(field.latex());\n };\n\n announceLatexConversion = (newLatex) => {\n if (!this.state) {\n // eslint-disable-next-line no-console\n console.error('State is not initialized');\n return;\n }\n\n const { previousLatex, inputSource, isDeleteKeyPressed } = this.state;\n const announcement = 'Converted to math symbol';\n\n if (inputSource === 'keyboard' && !isDeleteKeyPressed) {\n const newBraces = countBraces(newLatex);\n const oldBraces = countBraces(previousLatex);\n\n if (newBraces > oldBraces) {\n this.announceMessage(announcement);\n } else {\n try {\n this.mathField.parseLatex(previousLatex);\n this.mathField.parseLatex(newLatex);\n\n if (newLatex == previousLatex) {\n this.announceMessage(announcement);\n }\n } catch (e) {\n // eslint-disable-next-line no-console\n console.warn('Error parsing latex:', e.message);\n // eslint-disable-next-line no-console\n console.warn(e);\n }\n }\n }\n\n this.setState({ previousLatex: newLatex, isDeleteKeyPressed: false });\n };\n\n announceMessage = (message) => {\n this.setState({ previousLatex: '' });\n\n if (this.liveRegion) {\n this.liveRegion.textContent = message;\n\n // Clear the message after it is announced\n setTimeout(() => {\n this.liveRegion.textContent = '';\n }, 500);\n }\n };\n\n update = () => {\n if (!MQ) {\n throw new Error('MQ is not defined - but component has mounted?');\n }\n if (!this.mathField) {\n this.mathField = MQ.StaticMath(this.inputRef?.current, {\n handlers: {\n edit: this.onInputEdit.bind(this),\n },\n });\n }\n\n try {\n this.mathField.parseLatex(this.props.latex);\n this.mathField.latex(this.props.latex);\n } catch (e) {\n // default latex if received has errors\n this.mathField.latex('\\\\MathQuillMathField[r1]{}');\n }\n };\n\n blur = () => {\n log('blur mathfield');\n this.mathField.blur();\n };\n\n focus = () => {\n log('focus mathfield...');\n this.mathField.focus();\n };\n\n shouldComponentUpdate(nextProps) {\n try {\n const parsedLatex = this.mathField.parseLatex(nextProps.latex);\n const stripped = stripSpaces(parsedLatex);\n const newFieldCount = (nextProps.latex.match(REGEX) || []).length;\n\n const out =\n stripped !== stripSpaces(this.mathField.latex().trim()) ||\n newFieldCount !== Object.keys(this.mathField.innerFields).length / 2;\n\n log('[shouldComponentUpdate] ', out);\n return out;\n } catch (e) {\n // eslint-disable-next-line no-console\n console.warn('Error parsing latex:', e.message, 'skip update');\n // eslint-disable-next-line no-console\n console.warn(e);\n return false;\n }\n }\n\n onFocus = (e) => {\n try {\n let rootBlock = e.target.parentElement.nextSibling;\n let id = parseInt(rootBlock.getAttribute('mathquill-block-id'), 10);\n\n if (!id) {\n rootBlock = rootBlock.parentElement;\n id = parseInt(rootBlock.getAttribute('mathquill-block-id'), 10);\n }\n\n const innerField = this.mathField.innerFields.find((f) => f.id === id);\n\n if (innerField) {\n const name = this.props.getFieldName(innerField, this.mathField.innerFields);\n if (this.props.setInput) {\n this.props.setInput(innerField);\n }\n this.props.onSubFieldFocus(name, innerField);\n }\n } catch (err) {\n // eslint-disable-next-line no-console\n console.error('error finding root block', err.message);\n }\n };\n\n render() {\n const { onBlur, className } = this.props;\n\n return <span className={className} onFocus={this.onFocus} onBlur={onBlur} ref={this.inputRef} />;\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.updateSpans = void 0;
|
|
8
|
+
require("core-js/modules/es.array.for-each.js");
|
|
9
|
+
require("core-js/modules/es.array.from.js");
|
|
10
|
+
require("core-js/modules/es.object.to-string.js");
|
|
11
|
+
require("core-js/modules/es.string.iterator.js");
|
|
12
|
+
require("core-js/modules/web.dom-collections.for-each.js");
|
|
13
|
+
// increase the font of parallel notation
|
|
14
|
+
var updateSpans = exports.updateSpans = function updateSpans() {
|
|
15
|
+
var spans = Array.from(document.querySelectorAll('span[mathquill-command-id]'));
|
|
16
|
+
(spans || []).forEach(function (span) {
|
|
17
|
+
if (span && span.innerText === '∥' && span.className !== 'mq-editable-field') {
|
|
18
|
+
span.style.fontSize = '32px';
|
|
19
|
+
}
|
|
20
|
+
if ((span.innerText === '′' || span.innerText === '′′') && !span.hasAttribute('data-prime')) {
|
|
21
|
+
span.setAttribute('data-prime', 'true');
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=updateSpans.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"updateSpans.js","names":["updateSpans","exports","spans","Array","from","document","querySelectorAll","forEach","span","innerText","className","style","fontSize","hasAttribute","setAttribute"],"sources":["../src/updateSpans.js"],"sourcesContent":["// increase the font of parallel notation\nconst updateSpans = () => {\n const spans = Array.from(document.querySelectorAll('span[mathquill-command-id]'));\n (spans || []).forEach((span) => {\n if (span && span.innerText === '∥' && span.className !== 'mq-editable-field') {\n span.style.fontSize = '32px';\n }\n\n if ((span.innerText === '′' || span.innerText === '′′') && !span.hasAttribute('data-prime')) {\n span.setAttribute('data-prime', 'true');\n }\n });\n};\n\nexport { updateSpans };\n"],"mappings":";;;;;;;;;;;;AAAA;AACA,IAAMA,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAA,EAAS;EACxB,IAAME,KAAK,GAAGC,KAAK,CAACC,IAAI,CAACC,QAAQ,CAACC,gBAAgB,CAAC,4BAA4B,CAAC,CAAC;EACjF,CAACJ,KAAK,IAAI,EAAE,EAAEK,OAAO,CAAC,UAACC,IAAI,EAAK;IAC9B,IAAIA,IAAI,IAAIA,IAAI,CAACC,SAAS,KAAK,GAAG,IAAID,IAAI,CAACE,SAAS,KAAK,mBAAmB,EAAE;MAC5EF,IAAI,CAACG,KAAK,CAACC,QAAQ,GAAG,MAAM;IAC9B;IAEA,IAAI,CAACJ,IAAI,CAACC,SAAS,KAAK,GAAG,IAAID,IAAI,CAACC,SAAS,KAAK,IAAI,KAAK,CAACD,IAAI,CAACK,YAAY,CAAC,YAAY,CAAC,EAAE;MAC3FL,IAAI,CAACM,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC;IACzC;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": "7.1.0-next.
|
|
6
|
+
"version": "7.1.0-next.37+283de799",
|
|
7
7
|
"main": "lib/index.js",
|
|
8
8
|
"module": "src/index.jsx",
|
|
9
9
|
"dependencies": {
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"@mui/material": "^7.3.4",
|
|
14
14
|
"@pie-framework/mathquill": "^1.1.3",
|
|
15
15
|
"debug": "^4.1.1",
|
|
16
|
-
"lodash": "^4.17.
|
|
16
|
+
"lodash": "^4.17.23",
|
|
17
17
|
"prop-types": "^15.7.2"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
@@ -24,5 +24,5 @@
|
|
|
24
24
|
"react-dom": "^18.2.0"
|
|
25
25
|
},
|
|
26
26
|
"scripts": {},
|
|
27
|
-
"gitHead": "
|
|
27
|
+
"gitHead": "283de799c8e7a14e255287a8e22c4b76d837198f"
|
|
28
28
|
}
|