@pie-lib/math-toolbar 3.0.11-beta.14 → 3.0.11-beta.15
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,50 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
5
4
|
var _react = _interopRequireDefault(require("react"));
|
|
6
5
|
var _react2 = require("@testing-library/react");
|
|
7
6
|
var _mathPreview = _interopRequireDefault(require("../math-preview"));
|
|
8
|
-
/** Every rule emotion has injected so far, as CSSStyleRule objects. */
|
|
9
|
-
var injectedRules = function injectedRules() {
|
|
10
|
-
return Array.from(document.querySelectorAll('style[data-emotion]')).flatMap(function (tag) {
|
|
11
|
-
return tag.sheet ? Array.from(tag.sheet.cssRules) : [];
|
|
12
|
-
}).filter(function (rule) {
|
|
13
|
-
return rule.selectorText;
|
|
14
|
-
});
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
/**
|
|
18
|
-
* The `.ML__latex` rule that actually applies to `element`.
|
|
19
|
-
*
|
|
20
|
-
* Matching with `element.matches` rather than string comparison means the
|
|
21
|
-
* assertions cover the selector too: a rule written as `& > .ML__latex` would
|
|
22
|
-
* not match the nested markup MathLive emits, and these tests would fail.
|
|
23
|
-
*/
|
|
24
|
-
var mathLiveRuleFor = function mathLiveRuleFor(element) {
|
|
25
|
-
return injectedRules().find(function (rule) {
|
|
26
|
-
return rule.selectorText.includes('.ML__latex') && element.matches(rule.selectorText);
|
|
27
|
-
});
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
/**
|
|
31
|
-
* Stand in for MathLive's `convertLatexToMarkup` output, which is
|
|
32
|
-
* `<span class="ML__latex">...</span>` nested inside `mf.Static`'s holder span.
|
|
33
|
-
* MathLive does not load under jsdom, so the markup is added by hand.
|
|
34
|
-
*/
|
|
35
|
-
var addStaticMarkup = function addStaticMarkup(container) {
|
|
36
|
-
var depth = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
|
|
37
|
-
var parent = container.firstChild;
|
|
38
|
-
for (var i = 1; i < depth; i += 1) {
|
|
39
|
-
var wrapper = document.createElement('span');
|
|
40
|
-
parent.appendChild(wrapper);
|
|
41
|
-
parent = wrapper;
|
|
42
|
-
}
|
|
43
|
-
var markup = document.createElement('span');
|
|
44
|
-
markup.className = 'ML__latex';
|
|
45
|
-
parent.appendChild(markup);
|
|
46
|
-
return markup;
|
|
47
|
-
};
|
|
48
7
|
describe('MathPreview', function () {
|
|
49
8
|
var defaultProps = {
|
|
50
9
|
latex: 'sqrt(5)',
|
|
@@ -58,34 +17,5 @@ describe('MathPreview', function () {
|
|
|
58
17
|
container = _render.container;
|
|
59
18
|
expect(container.firstChild).toBeInTheDocument();
|
|
60
19
|
});
|
|
61
|
-
describe('MathLive static markup', function () {
|
|
62
|
-
it('is outlined and padded when not selected', function () {
|
|
63
|
-
var _render2 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_mathPreview["default"], (0, _extends2["default"])({}, defaultProps, {
|
|
64
|
-
isSelected: false
|
|
65
|
-
}))),
|
|
66
|
-
container = _render2.container;
|
|
67
|
-
var rule = mathLiveRuleFor(addStaticMarkup(container));
|
|
68
|
-
expect(rule).toBeDefined();
|
|
69
|
-
expect(rule.style.getPropertyValue('border')).toEqual('solid 1px lightgrey');
|
|
70
|
-
expect(rule.style.getPropertyValue('padding')).toEqual('5px');
|
|
71
|
-
});
|
|
72
|
-
it('drops its outline and padding when selected, so only the container border shows', function () {
|
|
73
|
-
var _render3 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_mathPreview["default"], (0, _extends2["default"])({}, defaultProps, {
|
|
74
|
-
isSelected: true
|
|
75
|
-
}))),
|
|
76
|
-
container = _render3.container;
|
|
77
|
-
var rule = mathLiveRuleFor(addStaticMarkup(container));
|
|
78
|
-
expect(rule).toBeDefined();
|
|
79
|
-
expect(rule.style.getPropertyValue('border')).toEqual('solid 0px lightgrey');
|
|
80
|
-
expect(rule.style.getPropertyValue('padding')).toEqual('0px');
|
|
81
|
-
});
|
|
82
|
-
it('is styled at any depth below the container, not just as a direct child', function () {
|
|
83
|
-
var _render4 = (0, _react2.render)(/*#__PURE__*/_react["default"].createElement(_mathPreview["default"], (0, _extends2["default"])({}, defaultProps, {
|
|
84
|
-
isSelected: false
|
|
85
|
-
}))),
|
|
86
|
-
container = _render4.container;
|
|
87
|
-
expect(mathLiveRuleFor(addStaticMarkup(container, 3))).toBeDefined();
|
|
88
|
-
});
|
|
89
|
-
});
|
|
90
20
|
});
|
|
91
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9yZWFjdDIiLCJfbWF0aFByZXZpZXciLCJkZXNjcmliZSIsImRlZmF1bHRQcm9wcyIsImxhdGV4IiwiY2xhc3NlcyIsImlzU2VsZWN0ZWQiLCJvbkZvY3VzIiwiamVzdCIsImZuIiwib25CbHVyIiwiaXQiLCJfcmVuZGVyIiwicmVuZGVyIiwiY3JlYXRlRWxlbWVudCIsImNvbnRhaW5lciIsImV4cGVjdCIsImZpcnN0Q2hpbGQiLCJ0b0JlSW5UaGVEb2N1bWVudCJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9fX3Rlc3RzX18vbWF0aC1wcmV2aWV3LnRlc3QuanMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHJlbmRlciB9IGZyb20gJ0B0ZXN0aW5nLWxpYnJhcnkvcmVhY3QnO1xuaW1wb3J0IE1hdGhQcmV2aWV3IGZyb20gJy4uL21hdGgtcHJldmlldyc7XG5cbmRlc2NyaWJlKCdNYXRoUHJldmlldycsICgpID0+IHtcbiAgY29uc3QgZGVmYXVsdFByb3BzID0ge1xuICAgIGxhdGV4OiAnc3FydCg1KScsXG4gICAgY2xhc3Nlczoge30sXG4gICAgaXNTZWxlY3RlZDogZmFsc2UsXG4gICAgb25Gb2N1czogamVzdC5mbigpLFxuICAgIG9uQmx1cjogamVzdC5mbigpLFxuICB9O1xuXG4gIGl0KCdyZW5kZXJzIHdpdGggZGVmYXVsdCBwcm9wcycsICgpID0+IHtcbiAgICBjb25zdCB7IGNvbnRhaW5lciB9ID0gcmVuZGVyKDxNYXRoUHJldmlldyB7Li4uZGVmYXVsdFByb3BzfSAvPik7XG4gICAgZXhwZWN0KGNvbnRhaW5lci5maXJzdENoaWxkKS50b0JlSW5UaGVEb2N1bWVudCgpO1xuICB9KTtcbn0pO1xuIl0sIm1hcHBpbmdzIjoiOzs7QUFBQSxJQUFBQSxNQUFBLEdBQUFDLHNCQUFBLENBQUFDLE9BQUE7QUFDQSxJQUFBQyxPQUFBLEdBQUFELE9BQUE7QUFDQSxJQUFBRSxZQUFBLEdBQUFILHNCQUFBLENBQUFDLE9BQUE7QUFFQUcsUUFBUSxDQUFDLGFBQWEsRUFBRSxZQUFNO0VBQzVCLElBQU1DLFlBQVksR0FBRztJQUNuQkMsS0FBSyxFQUFFLFNBQVM7SUFDaEJDLE9BQU8sRUFBRSxDQUFDLENBQUM7SUFDWEMsVUFBVSxFQUFFLEtBQUs7SUFDakJDLE9BQU8sRUFBRUMsSUFBSSxDQUFDQyxFQUFFLENBQUMsQ0FBQztJQUNsQkMsTUFBTSxFQUFFRixJQUFJLENBQUNDLEVBQUUsQ0FBQztFQUNsQixDQUFDO0VBRURFLEVBQUUsQ0FBQyw0QkFBNEIsRUFBRSxZQUFNO0lBQ3JDLElBQUFDLE9BQUEsR0FBc0IsSUFBQUMsY0FBTSxlQUFDaEIsTUFBQSxZQUFBaUIsYUFBQSxDQUFDYixZQUFBLFdBQVcsRUFBS0UsWUFBZSxDQUFDLENBQUM7TUFBdkRZLFNBQVMsR0FBQUgsT0FBQSxDQUFURyxTQUFTO0lBQ2pCQyxNQUFNLENBQUNELFNBQVMsQ0FBQ0UsVUFBVSxDQUFDLENBQUNDLGlCQUFpQixDQUFDLENBQUM7RUFDbEQsQ0FBQyxDQUFDO0FBQ0osQ0FBQyxDQUFDIiwiaWdub3JlTGlzdCI6W119
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"publishConfig": {
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
|
-
"version": "3.0.11-beta.
|
|
6
|
+
"version": "3.0.11-beta.15",
|
|
7
7
|
"description": "Math toolbar for editing math equations",
|
|
8
8
|
"keywords": [
|
|
9
9
|
"math",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"@emotion/styled": "^11.14.1",
|
|
22
22
|
"@mui/icons-material": "^7.3.4",
|
|
23
23
|
"@mui/material": "^7.3.4",
|
|
24
|
-
"@pie-lib/math-input-mathlive": "^1.1.5-beta.
|
|
24
|
+
"@pie-lib/math-input-mathlive": "^1.1.5-beta.15",
|
|
25
25
|
"@pie-lib/render-ui": "^6.1.0",
|
|
26
26
|
"debug": "^4.1.1",
|
|
27
27
|
"lodash-es": "^4.17.23",
|