@atlaskit/react-ufo 3.12.0 → 3.12.1
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 +8 -0
- package/dist/cjs/vc/vc-observer-new/viewport-observer/index.js +15 -3
- package/dist/cjs/vc/vc-observer-new/viewport-observer/mutation-observer/index.js +2 -2
- package/dist/es2019/vc/vc-observer-new/viewport-observer/index.js +19 -3
- package/dist/es2019/vc/vc-observer-new/viewport-observer/mutation-observer/index.js +2 -2
- package/dist/esm/vc/vc-observer-new/viewport-observer/index.js +15 -3
- package/dist/esm/vc/vc-observer-new/viewport-observer/mutation-observer/index.js +2 -2
- package/dist/types/vc/vc-observer-new/viewport-observer/mutation-observer/index.d.ts +2 -2
- package/dist/types-ts4.5/vc/vc-observer-new/viewport-observer/mutation-observer/index.d.ts +2 -2
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/ufo-interaction-ignore
|
|
2
2
|
|
|
3
|
+
## 3.12.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#155148](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/155148)
|
|
8
|
+
[`ae195d27027a7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ae195d27027a7) -
|
|
9
|
+
[HOT-117381] Remove circular dependency on HTMLElement by using an array of WeakRef
|
|
10
|
+
|
|
3
11
|
## 3.12.0
|
|
4
12
|
|
|
5
13
|
### Minor Changes
|
|
@@ -87,12 +87,24 @@ var ViewportObserver = exports.default = /*#__PURE__*/function () {
|
|
|
87
87
|
(0, _defineProperty2.default)(this, "handleChildListMutation", function (_ref4) {
|
|
88
88
|
var addedNodes = _ref4.addedNodes,
|
|
89
89
|
removedNodes = _ref4.removedNodes;
|
|
90
|
-
var removedNodeRects = removedNodes.map(function (
|
|
90
|
+
var removedNodeRects = removedNodes.map(function (ref) {
|
|
91
|
+
var n = ref.deref();
|
|
92
|
+
if (!n) {
|
|
93
|
+
return;
|
|
94
|
+
}
|
|
91
95
|
return _this.mapVisibleNodeRects.get(n);
|
|
92
96
|
});
|
|
93
|
-
addedNodes.forEach(function (
|
|
97
|
+
addedNodes.forEach(function (addedNodeRef) {
|
|
94
98
|
var _this$intersectionObs3;
|
|
95
|
-
var
|
|
99
|
+
var addedNode = addedNodeRef.deref();
|
|
100
|
+
if (!addedNode) {
|
|
101
|
+
return;
|
|
102
|
+
}
|
|
103
|
+
var sameDeletedNode = removedNodes.find(function (ref) {
|
|
104
|
+
var n = ref.deref();
|
|
105
|
+
if (!n || !addedNode) {
|
|
106
|
+
return false;
|
|
107
|
+
}
|
|
96
108
|
return n.isEqualNode(addedNode);
|
|
97
109
|
});
|
|
98
110
|
if (sameDeletedNode) {
|
|
@@ -50,12 +50,12 @@ function createMutationObserver(_ref) {
|
|
|
50
50
|
var _mut$addedNodes, _mut$removedNodes;
|
|
51
51
|
((_mut$addedNodes = mut.addedNodes) !== null && _mut$addedNodes !== void 0 ? _mut$addedNodes : []).forEach(function (node) {
|
|
52
52
|
if (node instanceof HTMLElement) {
|
|
53
|
-
addedNodes.push(node);
|
|
53
|
+
addedNodes.push(new WeakRef(node));
|
|
54
54
|
}
|
|
55
55
|
});
|
|
56
56
|
((_mut$removedNodes = mut.removedNodes) !== null && _mut$removedNodes !== void 0 ? _mut$removedNodes : []).forEach(function (node) {
|
|
57
57
|
if (node instanceof HTMLElement) {
|
|
58
|
-
removedNodes.push(node);
|
|
58
|
+
removedNodes.push(new WeakRef(node));
|
|
59
59
|
}
|
|
60
60
|
});
|
|
61
61
|
}
|
|
@@ -73,10 +73,26 @@ export default class ViewportObserver {
|
|
|
73
73
|
addedNodes,
|
|
74
74
|
removedNodes
|
|
75
75
|
}) => {
|
|
76
|
-
const removedNodeRects = removedNodes.map(
|
|
77
|
-
|
|
76
|
+
const removedNodeRects = removedNodes.map(ref => {
|
|
77
|
+
const n = ref.deref();
|
|
78
|
+
if (!n) {
|
|
79
|
+
return;
|
|
80
|
+
}
|
|
81
|
+
return this.mapVisibleNodeRects.get(n);
|
|
82
|
+
});
|
|
83
|
+
addedNodes.forEach(addedNodeRef => {
|
|
78
84
|
var _this$intersectionObs3;
|
|
79
|
-
const
|
|
85
|
+
const addedNode = addedNodeRef.deref();
|
|
86
|
+
if (!addedNode) {
|
|
87
|
+
return;
|
|
88
|
+
}
|
|
89
|
+
const sameDeletedNode = removedNodes.find(ref => {
|
|
90
|
+
const n = ref.deref();
|
|
91
|
+
if (!n || !addedNode) {
|
|
92
|
+
return false;
|
|
93
|
+
}
|
|
94
|
+
return n.isEqualNode(addedNode);
|
|
95
|
+
});
|
|
80
96
|
if (sameDeletedNode) {
|
|
81
97
|
var _this$intersectionObs;
|
|
82
98
|
(_this$intersectionObs = this.intersectionObserver) === null || _this$intersectionObs === void 0 ? void 0 : _this$intersectionObs.watchAndTag(addedNode, 'mutation:remount');
|
|
@@ -38,12 +38,12 @@ function createMutationObserver({
|
|
|
38
38
|
var _mut$addedNodes, _mut$removedNodes;
|
|
39
39
|
((_mut$addedNodes = mut.addedNodes) !== null && _mut$addedNodes !== void 0 ? _mut$addedNodes : []).forEach(node => {
|
|
40
40
|
if (node instanceof HTMLElement) {
|
|
41
|
-
addedNodes.push(node);
|
|
41
|
+
addedNodes.push(new WeakRef(node));
|
|
42
42
|
}
|
|
43
43
|
});
|
|
44
44
|
((_mut$removedNodes = mut.removedNodes) !== null && _mut$removedNodes !== void 0 ? _mut$removedNodes : []).forEach(node => {
|
|
45
45
|
if (node instanceof HTMLElement) {
|
|
46
|
-
removedNodes.push(node);
|
|
46
|
+
removedNodes.push(new WeakRef(node));
|
|
47
47
|
}
|
|
48
48
|
});
|
|
49
49
|
}
|
|
@@ -80,12 +80,24 @@ var ViewportObserver = /*#__PURE__*/function () {
|
|
|
80
80
|
_defineProperty(this, "handleChildListMutation", function (_ref4) {
|
|
81
81
|
var addedNodes = _ref4.addedNodes,
|
|
82
82
|
removedNodes = _ref4.removedNodes;
|
|
83
|
-
var removedNodeRects = removedNodes.map(function (
|
|
83
|
+
var removedNodeRects = removedNodes.map(function (ref) {
|
|
84
|
+
var n = ref.deref();
|
|
85
|
+
if (!n) {
|
|
86
|
+
return;
|
|
87
|
+
}
|
|
84
88
|
return _this.mapVisibleNodeRects.get(n);
|
|
85
89
|
});
|
|
86
|
-
addedNodes.forEach(function (
|
|
90
|
+
addedNodes.forEach(function (addedNodeRef) {
|
|
87
91
|
var _this$intersectionObs3;
|
|
88
|
-
var
|
|
92
|
+
var addedNode = addedNodeRef.deref();
|
|
93
|
+
if (!addedNode) {
|
|
94
|
+
return;
|
|
95
|
+
}
|
|
96
|
+
var sameDeletedNode = removedNodes.find(function (ref) {
|
|
97
|
+
var n = ref.deref();
|
|
98
|
+
if (!n || !addedNode) {
|
|
99
|
+
return false;
|
|
100
|
+
}
|
|
89
101
|
return n.isEqualNode(addedNode);
|
|
90
102
|
});
|
|
91
103
|
if (sameDeletedNode) {
|
|
@@ -44,12 +44,12 @@ function createMutationObserver(_ref) {
|
|
|
44
44
|
var _mut$addedNodes, _mut$removedNodes;
|
|
45
45
|
((_mut$addedNodes = mut.addedNodes) !== null && _mut$addedNodes !== void 0 ? _mut$addedNodes : []).forEach(function (node) {
|
|
46
46
|
if (node instanceof HTMLElement) {
|
|
47
|
-
addedNodes.push(node);
|
|
47
|
+
addedNodes.push(new WeakRef(node));
|
|
48
48
|
}
|
|
49
49
|
});
|
|
50
50
|
((_mut$removedNodes = mut.removedNodes) !== null && _mut$removedNodes !== void 0 ? _mut$removedNodes : []).forEach(function (node) {
|
|
51
51
|
if (node instanceof HTMLElement) {
|
|
52
|
-
removedNodes.push(node);
|
|
52
|
+
removedNodes.push(new WeakRef(node));
|
|
53
53
|
}
|
|
54
54
|
});
|
|
55
55
|
}
|
|
@@ -7,8 +7,8 @@ export type CreateMutationObserverProps = {
|
|
|
7
7
|
targets: Array<HTMLElement>;
|
|
8
8
|
}) => void;
|
|
9
9
|
onChildListMutation: (props: {
|
|
10
|
-
addedNodes: ReadonlyArray<HTMLElement
|
|
11
|
-
removedNodes: ReadonlyArray<HTMLElement
|
|
10
|
+
addedNodes: ReadonlyArray<WeakRef<HTMLElement>>;
|
|
11
|
+
removedNodes: ReadonlyArray<WeakRef<HTMLElement>>;
|
|
12
12
|
}) => void;
|
|
13
13
|
};
|
|
14
14
|
declare function createMutationObserver({ onAttributeMutation, onChildListMutation, onMutationFinished, }: CreateMutationObserverProps): MutationObserver | null;
|
|
@@ -7,8 +7,8 @@ export type CreateMutationObserverProps = {
|
|
|
7
7
|
targets: Array<HTMLElement>;
|
|
8
8
|
}) => void;
|
|
9
9
|
onChildListMutation: (props: {
|
|
10
|
-
addedNodes: ReadonlyArray<HTMLElement
|
|
11
|
-
removedNodes: ReadonlyArray<HTMLElement
|
|
10
|
+
addedNodes: ReadonlyArray<WeakRef<HTMLElement>>;
|
|
11
|
+
removedNodes: ReadonlyArray<WeakRef<HTMLElement>>;
|
|
12
12
|
}) => void;
|
|
13
13
|
};
|
|
14
14
|
declare function createMutationObserver({ onAttributeMutation, onChildListMutation, onMutationFinished, }: CreateMutationObserverProps): MutationObserver | null;
|