@atlaskit/react-ufo 3.7.0 → 3.9.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.
- package/CHANGELOG.md +16 -0
- package/dist/cjs/config/index.js +0 -9
- package/dist/cjs/create-payload/utils/get-vc-metrics.js +2 -2
- package/dist/cjs/vc/index.js +1 -1
- package/dist/cjs/vc/vc-observer/getVCRevisionsData.js +5 -2
- package/dist/cjs/vc/vc-observer/index.js +16 -9
- package/dist/cjs/vc/vc-observer/observers/index.js +4 -18
- package/dist/cjs/vc/vc-observer/revisions/fy25_01.js +1 -1
- package/dist/cjs/vc/vc-observer/revisions/revisions.js +3 -2
- package/dist/es2019/config/index.js +0 -8
- package/dist/es2019/create-payload/utils/get-vc-metrics.js +2 -2
- package/dist/es2019/vc/index.js +2 -2
- package/dist/es2019/vc/vc-observer/getVCRevisionsData.js +5 -2
- package/dist/es2019/vc/vc-observer/index.js +14 -7
- package/dist/es2019/vc/vc-observer/observers/index.js +0 -15
- package/dist/es2019/vc/vc-observer/revisions/fy25_01.js +1 -1
- package/dist/es2019/vc/vc-observer/revisions/revisions.js +3 -2
- package/dist/esm/config/index.js +0 -8
- package/dist/esm/create-payload/utils/get-vc-metrics.js +2 -2
- package/dist/esm/vc/index.js +1 -1
- package/dist/esm/vc/vc-observer/getVCRevisionsData.js +5 -2
- package/dist/esm/vc/vc-observer/index.js +16 -9
- package/dist/esm/vc/vc-observer/observers/index.js +4 -18
- package/dist/esm/vc/vc-observer/revisions/fy25_01.js +1 -1
- package/dist/esm/vc/vc-observer/revisions/revisions.js +3 -2
- package/dist/types/common/vc/types.d.ts +1 -1
- package/dist/types/config/index.d.ts +2 -3
- package/dist/types/vc/vc-observer/observers/index.d.ts +0 -1
- package/dist/types-ts4.5/common/vc/types.d.ts +1 -1
- package/dist/types-ts4.5/config/index.d.ts +2 -3
- package/dist/types-ts4.5/vc/vc-observer/observers/index.d.ts +0 -1
- package/package.json +1 -4
- package/dist/cjs/vc/vc-observer/observers/editor-lnv/index.js +0 -186
- package/dist/cjs/vc/vc-observer/observers/editor-lnv/test-utils.js +0 -68
- package/dist/es2019/vc/vc-observer/observers/editor-lnv/index.js +0 -140
- package/dist/es2019/vc/vc-observer/observers/editor-lnv/test-utils.js +0 -41
- package/dist/esm/vc/vc-observer/observers/editor-lnv/index.js +0 -180
- package/dist/esm/vc/vc-observer/observers/editor-lnv/test-utils.js +0 -58
- package/dist/types/vc/vc-observer/observers/editor-lnv/index.d.ts +0 -24
- package/dist/types/vc/vc-observer/observers/editor-lnv/test-utils.d.ts +0 -35
- package/dist/types-ts4.5/vc/vc-observer/observers/editor-lnv/index.d.ts +0 -24
- package/dist/types-ts4.5/vc/vc-observer/observers/editor-lnv/test-utils.d.ts +0 -35
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
const placeholderDataKey = 'editorLnvPlaceholder'; // data-editor-lnv-placeholder
|
|
3
|
-
const replaceDataKey = 'editorLnvPlaceholderReplace'; // data-editor-lnv-placeholder-replace
|
|
4
|
-
|
|
5
|
-
export class EditorLnvHandler {
|
|
6
|
-
constructor() {
|
|
7
|
-
_defineProperty(this, "placeholders", new Map());
|
|
8
|
-
_defineProperty(this, "getSizeCallbacks", new Map());
|
|
9
|
-
_defineProperty(this, "isAddedPlaceholderMatchingSizeCallbacks", new Map());
|
|
10
|
-
_defineProperty(this, "isAddedReplaceMatchingSizeCallbacks", new Map());
|
|
11
|
-
_defineProperty(this, "intersectionObserverCallback", ({
|
|
12
|
-
target,
|
|
13
|
-
boundingClientRect
|
|
14
|
-
}) => {
|
|
15
|
-
var _target$dataset, _target$dataset2;
|
|
16
|
-
this.intersectionObserver.unobserve(target);
|
|
17
|
-
if (!(target instanceof HTMLElement)) {
|
|
18
|
-
return;
|
|
19
|
-
}
|
|
20
|
-
const placeholderId = (_target$dataset = target.dataset) === null || _target$dataset === void 0 ? void 0 : _target$dataset[placeholderDataKey];
|
|
21
|
-
if (placeholderId && this.getSizeCallbacks.has(placeholderId)) {
|
|
22
|
-
const resolve = this.getSizeCallbacks.get(placeholderId);
|
|
23
|
-
this.getSizeCallbacks.delete(placeholderId);
|
|
24
|
-
if (!resolve) {
|
|
25
|
-
return;
|
|
26
|
-
}
|
|
27
|
-
resolve({
|
|
28
|
-
x: boundingClientRect.x,
|
|
29
|
-
y: boundingClientRect.y,
|
|
30
|
-
width: boundingClientRect.width,
|
|
31
|
-
height: boundingClientRect.height
|
|
32
|
-
});
|
|
33
|
-
return;
|
|
34
|
-
}
|
|
35
|
-
if (placeholderId && this.isAddedPlaceholderMatchingSizeCallbacks.has(placeholderId)) {
|
|
36
|
-
const resolve = this.isAddedPlaceholderMatchingSizeCallbacks.get(placeholderId);
|
|
37
|
-
this.isAddedPlaceholderMatchingSizeCallbacks.delete(placeholderId);
|
|
38
|
-
if (!resolve) {
|
|
39
|
-
return;
|
|
40
|
-
}
|
|
41
|
-
const placeholder = this.placeholders.get(placeholderId);
|
|
42
|
-
if (!placeholder) {
|
|
43
|
-
resolve(false);
|
|
44
|
-
return;
|
|
45
|
-
}
|
|
46
|
-
resolve(this.areRectsSameSize(placeholder, boundingClientRect));
|
|
47
|
-
return;
|
|
48
|
-
}
|
|
49
|
-
const replaceId = (_target$dataset2 = target.dataset) === null || _target$dataset2 === void 0 ? void 0 : _target$dataset2[replaceDataKey];
|
|
50
|
-
if (replaceId && this.isAddedReplaceMatchingSizeCallbacks.has(replaceId)) {
|
|
51
|
-
const resolve = this.isAddedReplaceMatchingSizeCallbacks.get(replaceId);
|
|
52
|
-
this.isAddedReplaceMatchingSizeCallbacks.delete(replaceId);
|
|
53
|
-
if (!resolve) {
|
|
54
|
-
return;
|
|
55
|
-
}
|
|
56
|
-
const placeholder = this.placeholders.get(replaceId);
|
|
57
|
-
if (!placeholder) {
|
|
58
|
-
resolve(false);
|
|
59
|
-
return;
|
|
60
|
-
}
|
|
61
|
-
this.placeholders.delete(replaceId);
|
|
62
|
-
resolve(this.areRectsSameSize(placeholder, boundingClientRect));
|
|
63
|
-
return;
|
|
64
|
-
}
|
|
65
|
-
});
|
|
66
|
-
this.intersectionObserver = new IntersectionObserver(entries => entries.filter(entry => entry.intersectionRatio > 0).forEach(this.intersectionObserverCallback));
|
|
67
|
-
}
|
|
68
|
-
shouldHandleAddedNode(el) {
|
|
69
|
-
var _el$dataset, _el$dataset2;
|
|
70
|
-
return ((_el$dataset = el.dataset) === null || _el$dataset === void 0 ? void 0 : _el$dataset[placeholderDataKey]) || ((_el$dataset2 = el.dataset) === null || _el$dataset2 === void 0 ? void 0 : _el$dataset2[replaceDataKey]);
|
|
71
|
-
}
|
|
72
|
-
handleAddedNode(el) {
|
|
73
|
-
var _el$dataset3, _el$dataset4;
|
|
74
|
-
// If it placeholder does not already exist, add it to the map
|
|
75
|
-
const placeholderId = (_el$dataset3 = el.dataset) === null || _el$dataset3 === void 0 ? void 0 : _el$dataset3[placeholderDataKey];
|
|
76
|
-
if (placeholderId) {
|
|
77
|
-
return this.handleAddedPlaceholderNode(el, placeholderId);
|
|
78
|
-
}
|
|
79
|
-
const replaceId = (_el$dataset4 = el.dataset) === null || _el$dataset4 === void 0 ? void 0 : _el$dataset4[replaceDataKey];
|
|
80
|
-
if (replaceId) {
|
|
81
|
-
return this.handleAddedReplaceNode(el, replaceId);
|
|
82
|
-
}
|
|
83
|
-
return Promise.resolve({
|
|
84
|
-
shouldIgnore: false
|
|
85
|
-
});
|
|
86
|
-
}
|
|
87
|
-
clear() {
|
|
88
|
-
this.placeholders.clear();
|
|
89
|
-
this.intersectionObserver.disconnect();
|
|
90
|
-
}
|
|
91
|
-
handleAddedPlaceholderNode(el, placeholderId) {
|
|
92
|
-
if (this.isExistingPlaceholder(placeholderId)) {
|
|
93
|
-
return this.isAddedPlaceholderMatchingSize(el, placeholderId).then(isMatching => ({
|
|
94
|
-
shouldIgnore: isMatching
|
|
95
|
-
}));
|
|
96
|
-
}
|
|
97
|
-
return this.registerPlaceholder(el, placeholderId).then(() => ({
|
|
98
|
-
shouldIgnore: false
|
|
99
|
-
}));
|
|
100
|
-
}
|
|
101
|
-
handleAddedReplaceNode(el, placeholderId) {
|
|
102
|
-
if (this.isExistingPlaceholder(placeholderId)) {
|
|
103
|
-
return this.isAddedReplaceMatchingSize(el, placeholderId).then(isMatching => ({
|
|
104
|
-
shouldIgnore: isMatching
|
|
105
|
-
}));
|
|
106
|
-
}
|
|
107
|
-
return Promise.resolve({
|
|
108
|
-
shouldIgnore: false
|
|
109
|
-
});
|
|
110
|
-
}
|
|
111
|
-
isExistingPlaceholder(placeholderId) {
|
|
112
|
-
return this.placeholders.has(placeholderId);
|
|
113
|
-
}
|
|
114
|
-
registerPlaceholder(el, placeholderId) {
|
|
115
|
-
return this.getSize(el, placeholderId).then(size => {
|
|
116
|
-
this.placeholders.set(placeholderId, size);
|
|
117
|
-
});
|
|
118
|
-
}
|
|
119
|
-
getSize(el, placeholderId) {
|
|
120
|
-
return new Promise(resolve => {
|
|
121
|
-
this.getSizeCallbacks.set(placeholderId, resolve);
|
|
122
|
-
this.intersectionObserver.observe(el);
|
|
123
|
-
});
|
|
124
|
-
}
|
|
125
|
-
isAddedPlaceholderMatchingSize(el, placeholderId) {
|
|
126
|
-
return new Promise(resolve => {
|
|
127
|
-
this.isAddedPlaceholderMatchingSizeCallbacks.set(placeholderId, resolve);
|
|
128
|
-
this.intersectionObserver.observe(el);
|
|
129
|
-
});
|
|
130
|
-
}
|
|
131
|
-
isAddedReplaceMatchingSize(el, placeholderId) {
|
|
132
|
-
return new Promise(resolve => {
|
|
133
|
-
this.isAddedReplaceMatchingSizeCallbacks.set(placeholderId, resolve);
|
|
134
|
-
this.intersectionObserver.observe(el);
|
|
135
|
-
});
|
|
136
|
-
}
|
|
137
|
-
areRectsSameSize(a, b) {
|
|
138
|
-
return Math.abs(a.width - b.width) < 1 && Math.abs(a.height - b.height) < 1;
|
|
139
|
-
}
|
|
140
|
-
}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
export function createPlaceholderElement(id) {
|
|
2
|
-
const el = document.createElement('div');
|
|
3
|
-
el.dataset.editorLnvPlaceholder = id;
|
|
4
|
-
return el;
|
|
5
|
-
}
|
|
6
|
-
export function createReplaceElement(id) {
|
|
7
|
-
const el = document.createElement('div');
|
|
8
|
-
el.dataset.editorLnvPlaceholderReplace = id;
|
|
9
|
-
return el;
|
|
10
|
-
}
|
|
11
|
-
export function handleElements(elements, handler, observerCallback, callback) {
|
|
12
|
-
const [first, ...rest] = elements;
|
|
13
|
-
handler.handleAddedNode(first.element).then(result => {
|
|
14
|
-
if (!rest.length) {
|
|
15
|
-
// Recursion terminating condition
|
|
16
|
-
callback(result);
|
|
17
|
-
} else {
|
|
18
|
-
// Recursively handle the rest of the elements
|
|
19
|
-
handleElements(rest, handler, observerCallback, callback);
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
observerCallback([{
|
|
23
|
-
target: first.element,
|
|
24
|
-
boundingClientRect: first.rect
|
|
25
|
-
}]);
|
|
26
|
-
}
|
|
27
|
-
export function createMockIntersectionObserver(cbRef) {
|
|
28
|
-
return class {
|
|
29
|
-
constructor(fn) {
|
|
30
|
-
cbRef.current = entries => fn(entries.map(entry => {
|
|
31
|
-
return {
|
|
32
|
-
...entry,
|
|
33
|
-
intersectionRatio: 1
|
|
34
|
-
};
|
|
35
|
-
}));
|
|
36
|
-
}
|
|
37
|
-
observe() {}
|
|
38
|
-
unobserve() {}
|
|
39
|
-
disconnect() {}
|
|
40
|
-
};
|
|
41
|
-
}
|
|
@@ -1,180 +0,0 @@
|
|
|
1
|
-
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
2
|
-
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
|
-
var placeholderDataKey = 'editorLnvPlaceholder'; // data-editor-lnv-placeholder
|
|
5
|
-
var replaceDataKey = 'editorLnvPlaceholderReplace'; // data-editor-lnv-placeholder-replace
|
|
6
|
-
|
|
7
|
-
export var EditorLnvHandler = /*#__PURE__*/function () {
|
|
8
|
-
function EditorLnvHandler() {
|
|
9
|
-
var _this = this;
|
|
10
|
-
_classCallCheck(this, EditorLnvHandler);
|
|
11
|
-
_defineProperty(this, "placeholders", new Map());
|
|
12
|
-
_defineProperty(this, "getSizeCallbacks", new Map());
|
|
13
|
-
_defineProperty(this, "isAddedPlaceholderMatchingSizeCallbacks", new Map());
|
|
14
|
-
_defineProperty(this, "isAddedReplaceMatchingSizeCallbacks", new Map());
|
|
15
|
-
_defineProperty(this, "intersectionObserverCallback", function (_ref) {
|
|
16
|
-
var _target$dataset, _target$dataset2;
|
|
17
|
-
var target = _ref.target,
|
|
18
|
-
boundingClientRect = _ref.boundingClientRect;
|
|
19
|
-
_this.intersectionObserver.unobserve(target);
|
|
20
|
-
if (!(target instanceof HTMLElement)) {
|
|
21
|
-
return;
|
|
22
|
-
}
|
|
23
|
-
var placeholderId = (_target$dataset = target.dataset) === null || _target$dataset === void 0 ? void 0 : _target$dataset[placeholderDataKey];
|
|
24
|
-
if (placeholderId && _this.getSizeCallbacks.has(placeholderId)) {
|
|
25
|
-
var _resolve = _this.getSizeCallbacks.get(placeholderId);
|
|
26
|
-
_this.getSizeCallbacks.delete(placeholderId);
|
|
27
|
-
if (!_resolve) {
|
|
28
|
-
return;
|
|
29
|
-
}
|
|
30
|
-
_resolve({
|
|
31
|
-
x: boundingClientRect.x,
|
|
32
|
-
y: boundingClientRect.y,
|
|
33
|
-
width: boundingClientRect.width,
|
|
34
|
-
height: boundingClientRect.height
|
|
35
|
-
});
|
|
36
|
-
return;
|
|
37
|
-
}
|
|
38
|
-
if (placeholderId && _this.isAddedPlaceholderMatchingSizeCallbacks.has(placeholderId)) {
|
|
39
|
-
var _resolve2 = _this.isAddedPlaceholderMatchingSizeCallbacks.get(placeholderId);
|
|
40
|
-
_this.isAddedPlaceholderMatchingSizeCallbacks.delete(placeholderId);
|
|
41
|
-
if (!_resolve2) {
|
|
42
|
-
return;
|
|
43
|
-
}
|
|
44
|
-
var placeholder = _this.placeholders.get(placeholderId);
|
|
45
|
-
if (!placeholder) {
|
|
46
|
-
_resolve2(false);
|
|
47
|
-
return;
|
|
48
|
-
}
|
|
49
|
-
_resolve2(_this.areRectsSameSize(placeholder, boundingClientRect));
|
|
50
|
-
return;
|
|
51
|
-
}
|
|
52
|
-
var replaceId = (_target$dataset2 = target.dataset) === null || _target$dataset2 === void 0 ? void 0 : _target$dataset2[replaceDataKey];
|
|
53
|
-
if (replaceId && _this.isAddedReplaceMatchingSizeCallbacks.has(replaceId)) {
|
|
54
|
-
var _resolve3 = _this.isAddedReplaceMatchingSizeCallbacks.get(replaceId);
|
|
55
|
-
_this.isAddedReplaceMatchingSizeCallbacks.delete(replaceId);
|
|
56
|
-
if (!_resolve3) {
|
|
57
|
-
return;
|
|
58
|
-
}
|
|
59
|
-
var _placeholder = _this.placeholders.get(replaceId);
|
|
60
|
-
if (!_placeholder) {
|
|
61
|
-
_resolve3(false);
|
|
62
|
-
return;
|
|
63
|
-
}
|
|
64
|
-
_this.placeholders.delete(replaceId);
|
|
65
|
-
_resolve3(_this.areRectsSameSize(_placeholder, boundingClientRect));
|
|
66
|
-
return;
|
|
67
|
-
}
|
|
68
|
-
});
|
|
69
|
-
this.intersectionObserver = new IntersectionObserver(function (entries) {
|
|
70
|
-
return entries.filter(function (entry) {
|
|
71
|
-
return entry.intersectionRatio > 0;
|
|
72
|
-
}).forEach(_this.intersectionObserverCallback);
|
|
73
|
-
});
|
|
74
|
-
}
|
|
75
|
-
return _createClass(EditorLnvHandler, [{
|
|
76
|
-
key: "shouldHandleAddedNode",
|
|
77
|
-
value: function shouldHandleAddedNode(el) {
|
|
78
|
-
var _el$dataset, _el$dataset2;
|
|
79
|
-
return ((_el$dataset = el.dataset) === null || _el$dataset === void 0 ? void 0 : _el$dataset[placeholderDataKey]) || ((_el$dataset2 = el.dataset) === null || _el$dataset2 === void 0 ? void 0 : _el$dataset2[replaceDataKey]);
|
|
80
|
-
}
|
|
81
|
-
}, {
|
|
82
|
-
key: "handleAddedNode",
|
|
83
|
-
value: function handleAddedNode(el) {
|
|
84
|
-
var _el$dataset3, _el$dataset4;
|
|
85
|
-
// If it placeholder does not already exist, add it to the map
|
|
86
|
-
var placeholderId = (_el$dataset3 = el.dataset) === null || _el$dataset3 === void 0 ? void 0 : _el$dataset3[placeholderDataKey];
|
|
87
|
-
if (placeholderId) {
|
|
88
|
-
return this.handleAddedPlaceholderNode(el, placeholderId);
|
|
89
|
-
}
|
|
90
|
-
var replaceId = (_el$dataset4 = el.dataset) === null || _el$dataset4 === void 0 ? void 0 : _el$dataset4[replaceDataKey];
|
|
91
|
-
if (replaceId) {
|
|
92
|
-
return this.handleAddedReplaceNode(el, replaceId);
|
|
93
|
-
}
|
|
94
|
-
return Promise.resolve({
|
|
95
|
-
shouldIgnore: false
|
|
96
|
-
});
|
|
97
|
-
}
|
|
98
|
-
}, {
|
|
99
|
-
key: "clear",
|
|
100
|
-
value: function clear() {
|
|
101
|
-
this.placeholders.clear();
|
|
102
|
-
this.intersectionObserver.disconnect();
|
|
103
|
-
}
|
|
104
|
-
}, {
|
|
105
|
-
key: "handleAddedPlaceholderNode",
|
|
106
|
-
value: function handleAddedPlaceholderNode(el, placeholderId) {
|
|
107
|
-
if (this.isExistingPlaceholder(placeholderId)) {
|
|
108
|
-
return this.isAddedPlaceholderMatchingSize(el, placeholderId).then(function (isMatching) {
|
|
109
|
-
return {
|
|
110
|
-
shouldIgnore: isMatching
|
|
111
|
-
};
|
|
112
|
-
});
|
|
113
|
-
}
|
|
114
|
-
return this.registerPlaceholder(el, placeholderId).then(function () {
|
|
115
|
-
return {
|
|
116
|
-
shouldIgnore: false
|
|
117
|
-
};
|
|
118
|
-
});
|
|
119
|
-
}
|
|
120
|
-
}, {
|
|
121
|
-
key: "handleAddedReplaceNode",
|
|
122
|
-
value: function handleAddedReplaceNode(el, placeholderId) {
|
|
123
|
-
if (this.isExistingPlaceholder(placeholderId)) {
|
|
124
|
-
return this.isAddedReplaceMatchingSize(el, placeholderId).then(function (isMatching) {
|
|
125
|
-
return {
|
|
126
|
-
shouldIgnore: isMatching
|
|
127
|
-
};
|
|
128
|
-
});
|
|
129
|
-
}
|
|
130
|
-
return Promise.resolve({
|
|
131
|
-
shouldIgnore: false
|
|
132
|
-
});
|
|
133
|
-
}
|
|
134
|
-
}, {
|
|
135
|
-
key: "isExistingPlaceholder",
|
|
136
|
-
value: function isExistingPlaceholder(placeholderId) {
|
|
137
|
-
return this.placeholders.has(placeholderId);
|
|
138
|
-
}
|
|
139
|
-
}, {
|
|
140
|
-
key: "registerPlaceholder",
|
|
141
|
-
value: function registerPlaceholder(el, placeholderId) {
|
|
142
|
-
var _this2 = this;
|
|
143
|
-
return this.getSize(el, placeholderId).then(function (size) {
|
|
144
|
-
_this2.placeholders.set(placeholderId, size);
|
|
145
|
-
});
|
|
146
|
-
}
|
|
147
|
-
}, {
|
|
148
|
-
key: "getSize",
|
|
149
|
-
value: function getSize(el, placeholderId) {
|
|
150
|
-
var _this3 = this;
|
|
151
|
-
return new Promise(function (resolve) {
|
|
152
|
-
_this3.getSizeCallbacks.set(placeholderId, resolve);
|
|
153
|
-
_this3.intersectionObserver.observe(el);
|
|
154
|
-
});
|
|
155
|
-
}
|
|
156
|
-
}, {
|
|
157
|
-
key: "isAddedPlaceholderMatchingSize",
|
|
158
|
-
value: function isAddedPlaceholderMatchingSize(el, placeholderId) {
|
|
159
|
-
var _this4 = this;
|
|
160
|
-
return new Promise(function (resolve) {
|
|
161
|
-
_this4.isAddedPlaceholderMatchingSizeCallbacks.set(placeholderId, resolve);
|
|
162
|
-
_this4.intersectionObserver.observe(el);
|
|
163
|
-
});
|
|
164
|
-
}
|
|
165
|
-
}, {
|
|
166
|
-
key: "isAddedReplaceMatchingSize",
|
|
167
|
-
value: function isAddedReplaceMatchingSize(el, placeholderId) {
|
|
168
|
-
var _this5 = this;
|
|
169
|
-
return new Promise(function (resolve) {
|
|
170
|
-
_this5.isAddedReplaceMatchingSizeCallbacks.set(placeholderId, resolve);
|
|
171
|
-
_this5.intersectionObserver.observe(el);
|
|
172
|
-
});
|
|
173
|
-
}
|
|
174
|
-
}, {
|
|
175
|
-
key: "areRectsSameSize",
|
|
176
|
-
value: function areRectsSameSize(a, b) {
|
|
177
|
-
return Math.abs(a.width - b.width) < 1 && Math.abs(a.height - b.height) < 1;
|
|
178
|
-
}
|
|
179
|
-
}]);
|
|
180
|
-
}();
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
|
-
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
-
import _toArray from "@babel/runtime/helpers/toArray";
|
|
5
|
-
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; }
|
|
6
|
-
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) { _defineProperty(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; }
|
|
7
|
-
export function createPlaceholderElement(id) {
|
|
8
|
-
var el = document.createElement('div');
|
|
9
|
-
el.dataset.editorLnvPlaceholder = id;
|
|
10
|
-
return el;
|
|
11
|
-
}
|
|
12
|
-
export function createReplaceElement(id) {
|
|
13
|
-
var el = document.createElement('div');
|
|
14
|
-
el.dataset.editorLnvPlaceholderReplace = id;
|
|
15
|
-
return el;
|
|
16
|
-
}
|
|
17
|
-
export function handleElements(elements, handler, observerCallback, callback) {
|
|
18
|
-
var _elements = _toArray(elements),
|
|
19
|
-
first = _elements[0],
|
|
20
|
-
rest = _elements.slice(1);
|
|
21
|
-
handler.handleAddedNode(first.element).then(function (result) {
|
|
22
|
-
if (!rest.length) {
|
|
23
|
-
// Recursion terminating condition
|
|
24
|
-
callback(result);
|
|
25
|
-
} else {
|
|
26
|
-
// Recursively handle the rest of the elements
|
|
27
|
-
handleElements(rest, handler, observerCallback, callback);
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
observerCallback([{
|
|
31
|
-
target: first.element,
|
|
32
|
-
boundingClientRect: first.rect
|
|
33
|
-
}]);
|
|
34
|
-
}
|
|
35
|
-
export function createMockIntersectionObserver(cbRef) {
|
|
36
|
-
return /*#__PURE__*/function () {
|
|
37
|
-
function _class(fn) {
|
|
38
|
-
_classCallCheck(this, _class);
|
|
39
|
-
cbRef.current = function (entries) {
|
|
40
|
-
return fn(entries.map(function (entry) {
|
|
41
|
-
return _objectSpread(_objectSpread({}, entry), {}, {
|
|
42
|
-
intersectionRatio: 1
|
|
43
|
-
});
|
|
44
|
-
}));
|
|
45
|
-
};
|
|
46
|
-
}
|
|
47
|
-
return _createClass(_class, [{
|
|
48
|
-
key: "observe",
|
|
49
|
-
value: function observe() {}
|
|
50
|
-
}, {
|
|
51
|
-
key: "unobserve",
|
|
52
|
-
value: function unobserve() {}
|
|
53
|
-
}, {
|
|
54
|
-
key: "disconnect",
|
|
55
|
-
value: function disconnect() {}
|
|
56
|
-
}]);
|
|
57
|
-
}();
|
|
58
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
type HandlerResult = {
|
|
2
|
-
shouldIgnore: boolean;
|
|
3
|
-
};
|
|
4
|
-
export declare class EditorLnvHandler {
|
|
5
|
-
private placeholders;
|
|
6
|
-
private intersectionObserver;
|
|
7
|
-
private getSizeCallbacks;
|
|
8
|
-
private isAddedPlaceholderMatchingSizeCallbacks;
|
|
9
|
-
private isAddedReplaceMatchingSizeCallbacks;
|
|
10
|
-
constructor();
|
|
11
|
-
shouldHandleAddedNode(el: HTMLElement): string | undefined;
|
|
12
|
-
handleAddedNode(el: HTMLElement): Promise<HandlerResult>;
|
|
13
|
-
clear(): void;
|
|
14
|
-
private handleAddedPlaceholderNode;
|
|
15
|
-
private handleAddedReplaceNode;
|
|
16
|
-
private isExistingPlaceholder;
|
|
17
|
-
private registerPlaceholder;
|
|
18
|
-
private getSize;
|
|
19
|
-
private isAddedPlaceholderMatchingSize;
|
|
20
|
-
private isAddedReplaceMatchingSize;
|
|
21
|
-
private areRectsSameSize;
|
|
22
|
-
private intersectionObserverCallback;
|
|
23
|
-
}
|
|
24
|
-
export {};
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import type { EditorLnvHandler } from './index';
|
|
2
|
-
type MockIntersectionObserverEntry = {
|
|
3
|
-
target: HTMLElement;
|
|
4
|
-
boundingClientRect: {
|
|
5
|
-
x: number;
|
|
6
|
-
y: number;
|
|
7
|
-
width: number;
|
|
8
|
-
height: number;
|
|
9
|
-
};
|
|
10
|
-
};
|
|
11
|
-
export type MockIntersectionObserverCallback = (entries: MockIntersectionObserverEntry[]) => void;
|
|
12
|
-
export type MockIntersectionObserverCallbackRef = {
|
|
13
|
-
current: MockIntersectionObserverCallback | null;
|
|
14
|
-
};
|
|
15
|
-
export declare function createPlaceholderElement(id: string): HTMLDivElement;
|
|
16
|
-
export declare function createReplaceElement(id: string): HTMLDivElement;
|
|
17
|
-
export declare function handleElements(elements: {
|
|
18
|
-
element: HTMLElement;
|
|
19
|
-
rect: {
|
|
20
|
-
x: number;
|
|
21
|
-
y: number;
|
|
22
|
-
width: number;
|
|
23
|
-
height: number;
|
|
24
|
-
};
|
|
25
|
-
}[], handler: EditorLnvHandler, observerCallback: MockIntersectionObserverCallback, callback: (result: {
|
|
26
|
-
shouldIgnore: boolean;
|
|
27
|
-
}) => void): void;
|
|
28
|
-
export declare function createMockIntersectionObserver(cbRef: MockIntersectionObserverCallbackRef): {
|
|
29
|
-
new (fn: MockIntersectionObserverCallback): {
|
|
30
|
-
observe(): void;
|
|
31
|
-
unobserve(): void;
|
|
32
|
-
disconnect(): void;
|
|
33
|
-
};
|
|
34
|
-
};
|
|
35
|
-
export {};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
type HandlerResult = {
|
|
2
|
-
shouldIgnore: boolean;
|
|
3
|
-
};
|
|
4
|
-
export declare class EditorLnvHandler {
|
|
5
|
-
private placeholders;
|
|
6
|
-
private intersectionObserver;
|
|
7
|
-
private getSizeCallbacks;
|
|
8
|
-
private isAddedPlaceholderMatchingSizeCallbacks;
|
|
9
|
-
private isAddedReplaceMatchingSizeCallbacks;
|
|
10
|
-
constructor();
|
|
11
|
-
shouldHandleAddedNode(el: HTMLElement): string | undefined;
|
|
12
|
-
handleAddedNode(el: HTMLElement): Promise<HandlerResult>;
|
|
13
|
-
clear(): void;
|
|
14
|
-
private handleAddedPlaceholderNode;
|
|
15
|
-
private handleAddedReplaceNode;
|
|
16
|
-
private isExistingPlaceholder;
|
|
17
|
-
private registerPlaceholder;
|
|
18
|
-
private getSize;
|
|
19
|
-
private isAddedPlaceholderMatchingSize;
|
|
20
|
-
private isAddedReplaceMatchingSize;
|
|
21
|
-
private areRectsSameSize;
|
|
22
|
-
private intersectionObserverCallback;
|
|
23
|
-
}
|
|
24
|
-
export {};
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import type { EditorLnvHandler } from './index';
|
|
2
|
-
type MockIntersectionObserverEntry = {
|
|
3
|
-
target: HTMLElement;
|
|
4
|
-
boundingClientRect: {
|
|
5
|
-
x: number;
|
|
6
|
-
y: number;
|
|
7
|
-
width: number;
|
|
8
|
-
height: number;
|
|
9
|
-
};
|
|
10
|
-
};
|
|
11
|
-
export type MockIntersectionObserverCallback = (entries: MockIntersectionObserverEntry[]) => void;
|
|
12
|
-
export type MockIntersectionObserverCallbackRef = {
|
|
13
|
-
current: MockIntersectionObserverCallback | null;
|
|
14
|
-
};
|
|
15
|
-
export declare function createPlaceholderElement(id: string): HTMLDivElement;
|
|
16
|
-
export declare function createReplaceElement(id: string): HTMLDivElement;
|
|
17
|
-
export declare function handleElements(elements: {
|
|
18
|
-
element: HTMLElement;
|
|
19
|
-
rect: {
|
|
20
|
-
x: number;
|
|
21
|
-
y: number;
|
|
22
|
-
width: number;
|
|
23
|
-
height: number;
|
|
24
|
-
};
|
|
25
|
-
}[], handler: EditorLnvHandler, observerCallback: MockIntersectionObserverCallback, callback: (result: {
|
|
26
|
-
shouldIgnore: boolean;
|
|
27
|
-
}) => void): void;
|
|
28
|
-
export declare function createMockIntersectionObserver(cbRef: MockIntersectionObserverCallbackRef): {
|
|
29
|
-
new (fn: MockIntersectionObserverCallback): {
|
|
30
|
-
observe(): void;
|
|
31
|
-
unobserve(): void;
|
|
32
|
-
disconnect(): void;
|
|
33
|
-
};
|
|
34
|
-
};
|
|
35
|
-
export {};
|