@modusoperandi/licit 1.0.8 → 1.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/DocNodeSpec.js +0 -2
  2. package/DocNodeSpec.js.flow +0 -2
  3. package/EditorCommands.js +0 -2
  4. package/EditorCommands.js.flow +0 -2
  5. package/EditorNodes.js +1 -3
  6. package/EditorNodes.js.flow +0 -3
  7. package/bom.xml +789 -608
  8. package/package.json +2 -4
  9. package/styles.css +1 -6
  10. package/ui/DocLayoutEditor.js +0 -10
  11. package/ui/DocLayoutEditor.js.flow +0 -12
  12. package/ui/Editor.js +2 -3
  13. package/ui/Editor.js.flow +1 -3
  14. package/ui/EditorToolbarConfig.js +1 -3
  15. package/ui/EditorToolbarConfig.js.flow +0 -2
  16. package/ui/czi-editor.css +0 -12
  17. package/MathEditCommand.js +0 -114
  18. package/MathEditCommand.js.flow +0 -119
  19. package/MathNodeSpec.js +0 -49
  20. package/MathNodeSpec.js.flow +0 -46
  21. package/ui/MathEditor.js +0 -86
  22. package/ui/MathEditor.js.flow +0 -70
  23. package/ui/MathInlineEditor.js +0 -121
  24. package/ui/MathInlineEditor.js.flow +0 -100
  25. package/ui/MathNodeView.js +0 -215
  26. package/ui/MathNodeView.js.flow +0 -175
  27. package/ui/mathquill-editor/MathQuillEditor.js +0 -183
  28. package/ui/mathquill-editor/MathQuillEditor.js.flow +0 -157
  29. package/ui/mathquill-editor/MathQuillEditorSymbols.js +0 -416
  30. package/ui/mathquill-editor/MathQuillEditorSymbols.js.flow +0 -483
  31. package/ui/mathquill-editor/MathQuillEditorSymbolsPanel.js +0 -67
  32. package/ui/mathquill-editor/MathQuillEditorSymbolsPanel.js.flow +0 -49
  33. package/ui/mathquill-editor/czi-mathquill-editor-symbols-panel.css +0 -39
  34. package/ui/mathquill-editor/czi-mathquill-editor.css +0 -50
  35. package/ui/mathquill-editor/mathquill-import-kludge.js +0 -13
  36. package/ui/mathquill-editor/mathquill-import-kludge.js.flow +0 -15
  37. package/ui/renderLaTeXAsHTML.js +0 -51
  38. package/ui/renderLaTeXAsHTML.js.flow +0 -42
@@ -1,183 +0,0 @@
1
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
3
- function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
4
- function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
5
- function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
6
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
7
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
8
- function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
9
- function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
10
- function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
11
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
12
- function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
13
- function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
14
- function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
15
- function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
16
- function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
17
- function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
18
- import * as MathQuillEditorSymbols from './MathQuillEditorSymbols.js';
19
- import MathQuillEditorSymbolsPanel from './MathQuillEditorSymbolsPanel.js';
20
- import * as React from 'react';
21
- import ReactDOM from 'react-dom';
22
- import canUseCSSFont from './../canUseCSSFont.js';
23
- import cx from 'classnames';
24
-
25
- // [FS] IRAD-1061 2020-09-19
26
- // Now loaded locally, so that it work in closed network as well.
27
-
28
- import { MathQuill } from './mathquill-import-kludge.js';
29
- var CSS_CDN_URL = '//cdnjs.cloudflare.com/ajax/libs/mathquill/0.10.1/mathquill.css';
30
- var CSS_FONT = 'Symbola';
31
- var MQ = MathQuill.getInterface(2);
32
- _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
33
- var fontSupported;
34
- return _regeneratorRuntime().wrap(function _callee$(_context) {
35
- while (1) switch (_context.prev = _context.next) {
36
- case 0:
37
- _context.next = 2;
38
- return canUseCSSFont(CSS_FONT);
39
- case 2:
40
- fontSupported = _context.sent;
41
- if (!fontSupported) {
42
- console.info('Add CSS from ', CSS_CDN_URL);
43
- // [FS] IRAD-1061 2020-09-19
44
- // Now loaded locally, so that it work in closed network as well.
45
- //injectStyleSheet(CSS_CDN_URL);
46
- }
47
- case 4:
48
- case "end":
49
- return _context.stop();
50
- }
51
- }, _callee);
52
- }))();
53
- var MathQuillElement = /*#__PURE__*/function (_React$Component) {
54
- function MathQuillElement() {
55
- _classCallCheck(this, MathQuillElement);
56
- return _callSuper(this, MathQuillElement, arguments);
57
- }
58
- _inherits(MathQuillElement, _React$Component);
59
- return _createClass(MathQuillElement, [{
60
- key: "shouldComponentUpdate",
61
- value: function shouldComponentUpdate() {
62
- return false;
63
- }
64
- }, {
65
- key: "render",
66
- value: function render() {
67
- return /*#__PURE__*/React.createElement("div", {
68
- className: "czi-mathquill-editor-element",
69
- dangerouslySetInnerHTML: {
70
- __html: this.props.value
71
- }
72
- });
73
- }
74
- }]);
75
- }(React.Component);
76
- var MathQuillEditor = /*#__PURE__*/function (_React$PureComponent) {
77
- function MathQuillEditor() {
78
- var _this;
79
- _classCallCheck(this, MathQuillEditor);
80
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
81
- args[_key] = arguments[_key];
82
- }
83
- _this = _callSuper(this, MathQuillEditor, [].concat(args));
84
- _defineProperty(_this, "props", void 0);
85
- // MathJax apparently fire 4 edit events on startup.
86
- _defineProperty(_this, "_element", null);
87
- _defineProperty(_this, "_ignoreEditEvents", 4);
88
- _defineProperty(_this, "_mathField", null);
89
- _defineProperty(_this, "_latex", '');
90
- _defineProperty(_this, "_renderPanel", function (symbols, ii) {
91
- return /*#__PURE__*/React.createElement(MathQuillEditorSymbolsPanel, {
92
- key: "s".concat(ii),
93
- onSelect: _this._onSymbolSelect,
94
- symbols: symbols
95
- });
96
- });
97
- _defineProperty(_this, "_onSymbolSelect", function (symbol) {
98
- var latex = symbol.latex,
99
- cmd = symbol.cmd;
100
- var mathField = _this._mathField;
101
- if (!mathField || !cmd || !latex) {
102
- return;
103
- }
104
- if (cmd === 'write') {
105
- mathField.write(latex);
106
- } else if (cmd === 'cmd') {
107
- mathField.cmd(latex);
108
- }
109
- mathField.focus();
110
- });
111
- _defineProperty(_this, "_onEdit", function (mathField) {
112
- if (_this._ignoreEditEvents > 0) {
113
- _this._ignoreEditEvents -= 1;
114
- return;
115
- }
116
- var onChange = _this.props.onChange;
117
- var latex = mathField.latex();
118
- _this._latex = latex;
119
- onChange && onChange(latex);
120
- });
121
- _defineProperty(_this, "_onElementRef", function (ref) {
122
- if (ref) {
123
- _this._element = ReactDOM.findDOMNode(ref);
124
- } else {
125
- _this._element = null;
126
- }
127
- });
128
- return _this;
129
- }
130
- _inherits(MathQuillEditor, _React$PureComponent);
131
- return _createClass(MathQuillEditor, [{
132
- key: "render",
133
- value: function render() {
134
- var value = this.props.value;
135
- var panels = [MathQuillEditorSymbols.OPERATORS, MathQuillEditorSymbols.STRUCTURE, MathQuillEditorSymbols.SYMBOLS, MathQuillEditorSymbols.TRIG].map(this._renderPanel);
136
- var empty = !value;
137
- var className = cx('czi-mathquill-editor', {
138
- empty: empty
139
- });
140
- return /*#__PURE__*/React.createElement("div", {
141
- className: className
142
- }, /*#__PURE__*/React.createElement("div", {
143
- className: "czi-mathquill-editor-main"
144
- }, /*#__PURE__*/React.createElement(MathQuillElement, {
145
- ref: this._onElementRef
146
- })), /*#__PURE__*/React.createElement("div", {
147
- className: "czi-mathquill-editor-side"
148
- }, panels));
149
- }
150
- }, {
151
- key: "componentDidUpdate",
152
- value: function componentDidUpdate() {
153
- var mathField = this._mathField;
154
- if (this._latex !== this.props.value && mathField) {
155
- mathField.latex(this.props.value || ' ');
156
- }
157
- }
158
- }, {
159
- key: "componentDidMount",
160
- value: function componentDidMount() {
161
- var config = {
162
- autoCommands: 'pi theta sqrt sum',
163
- autoOperatorNames: 'sin cos',
164
- restrictMismatchedBrackets: true,
165
- handlers: {
166
- edit: this._onEdit
167
- }
168
- };
169
- var mathField = MQ.MathField(this._element, config);
170
- this._mathField = mathField;
171
-
172
- // TODO: Remove this if MathQuill supports `\displaystyle`.
173
- var rawLatex = (this.props.value || '').replace(/\\displaystyle/g, '');
174
- mathField.latex(rawLatex || ' ');
175
- mathField.focus();
176
- if (rawLatex && !mathField.latex()) {
177
- console.error('unable to process latex', rawLatex);
178
- }
179
- }
180
- }]);
181
- }(React.PureComponent);
182
- export default MathQuillEditor;
183
- import { bpfrpt_proptype_MathQuillEditorSymbol } from "./MathQuillEditorSymbols.js";
@@ -1,157 +0,0 @@
1
- // @flow
2
-
3
- import * as MathQuillEditorSymbols from './MathQuillEditorSymbols.js';
4
- import MathQuillEditorSymbolsPanel from './MathQuillEditorSymbolsPanel.js';
5
- import * as React from 'react';
6
- import ReactDOM from 'react-dom';
7
- import canUseCSSFont from './../canUseCSSFont.js';
8
- import cx from 'classnames';
9
-
10
- // [FS] IRAD-1061 2020-09-19
11
- // Now loaded locally, so that it work in closed network as well.
12
- import type { MathQuillEditorSymbol } from './MathQuillEditorSymbols.js';
13
- import { MathQuill } from './mathquill-import-kludge.js';
14
-
15
- const CSS_CDN_URL =
16
- '//cdnjs.cloudflare.com/ajax/libs/mathquill/0.10.1/mathquill.css';
17
- const CSS_FONT = 'Symbola';
18
-
19
- const MQ = MathQuill.getInterface(2);
20
-
21
- (async function () {
22
- const fontSupported = await canUseCSSFont(CSS_FONT);
23
- if (!fontSupported) {
24
- console.info('Add CSS from ', CSS_CDN_URL);
25
- // [FS] IRAD-1061 2020-09-19
26
- // Now loaded locally, so that it work in closed network as well.
27
- //injectStyleSheet(CSS_CDN_URL);
28
- }
29
- })();
30
-
31
- class MathQuillElement extends React.Component<any, any> {
32
- shouldComponentUpdate(): boolean {
33
- return false;
34
- }
35
-
36
- render(): React.Element<any> {
37
- return (
38
- <div
39
- className="czi-mathquill-editor-element"
40
- dangerouslySetInnerHTML={{ __html: this.props.value }}
41
- />
42
- );
43
- }
44
- }
45
-
46
- class MathQuillEditor extends React.PureComponent<any, any> {
47
- props: {
48
- value: string,
49
- onChange?: ?(latex: string) => void,
50
- };
51
-
52
- // MathJax apparently fire 4 edit events on startup.
53
- _element = null;
54
- _ignoreEditEvents = 4;
55
- _mathField = null;
56
- _latex = '';
57
-
58
- render(): React.Element<any> {
59
- const { value } = this.props;
60
- const panels = [
61
- MathQuillEditorSymbols.OPERATORS,
62
- MathQuillEditorSymbols.STRUCTURE,
63
- MathQuillEditorSymbols.SYMBOLS,
64
- MathQuillEditorSymbols.TRIG,
65
- ].map(this._renderPanel);
66
-
67
- const empty = !value;
68
- const className = cx('czi-mathquill-editor', { empty });
69
- return (
70
- <div className={className}>
71
- <div className="czi-mathquill-editor-main">
72
- <MathQuillElement ref={this._onElementRef} />
73
- </div>
74
- <div className="czi-mathquill-editor-side">{panels}</div>
75
- </div>
76
- );
77
- }
78
-
79
- componentDidUpdate(): void {
80
- const mathField = this._mathField;
81
- if (this._latex !== this.props.value && mathField) {
82
- mathField.latex(this.props.value || ' ');
83
- }
84
- }
85
-
86
- componentDidMount(): void {
87
- const config = {
88
- autoCommands: 'pi theta sqrt sum',
89
- autoOperatorNames: 'sin cos',
90
- restrictMismatchedBrackets: true,
91
- handlers: {
92
- edit: this._onEdit,
93
- },
94
- };
95
-
96
- const mathField = MQ.MathField(this._element, config);
97
- this._mathField = mathField;
98
-
99
- // TODO: Remove this if MathQuill supports `\displaystyle`.
100
- const rawLatex = (this.props.value || '').replace(/\\displaystyle/g, '');
101
-
102
- mathField.latex(rawLatex || ' ');
103
- mathField.focus();
104
- if (rawLatex && !mathField.latex()) {
105
- console.error('unable to process latex', rawLatex);
106
- }
107
- }
108
-
109
- _renderPanel = (
110
- symbols: { title: string, symbols: Array<MathQuillEditorSymbol> },
111
- ii: number
112
- ): React.Element<any> => {
113
- return (
114
- <MathQuillEditorSymbolsPanel
115
- key={`s${ii}`}
116
- onSelect={this._onSymbolSelect}
117
- symbols={symbols}
118
- />
119
- );
120
- };
121
-
122
- _onSymbolSelect = (symbol: MathQuillEditorSymbol): void => {
123
- const { latex, cmd } = symbol;
124
- const mathField = this._mathField;
125
- if (!mathField || !cmd || !latex) {
126
- return;
127
- }
128
- if (cmd === 'write') {
129
- mathField.write(latex);
130
- } else if (cmd === 'cmd') {
131
- mathField.cmd(latex);
132
- }
133
- mathField.focus();
134
- };
135
-
136
- _onEdit = (mathField: any): void => {
137
- if (this._ignoreEditEvents > 0) {
138
- this._ignoreEditEvents -= 1;
139
- return;
140
- }
141
-
142
- const { onChange } = this.props;
143
- const latex = mathField.latex();
144
- this._latex = latex;
145
- onChange && onChange(latex);
146
- };
147
-
148
- _onElementRef = (ref: any): void => {
149
- if (ref) {
150
- this._element = ReactDOM.findDOMNode(ref);
151
- } else {
152
- this._element = null;
153
- }
154
- };
155
- }
156
-
157
- export default MathQuillEditor;