@atlaskit/renderer 109.7.7 → 109.8.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 +12 -0
- package/dist/cjs/types/i18n.js +1 -5
- package/dist/cjs/ui/Renderer/index.js +1 -1
- package/dist/cjs/ui/Renderer/types.js +1 -5
- package/dist/cjs/ui/annotations/hooks/user-selection.js +3 -4
- package/dist/es2019/types/i18n.js +0 -1
- package/dist/es2019/ui/Renderer/index.js +1 -1
- package/dist/es2019/ui/Renderer/types.js +0 -1
- package/dist/es2019/ui/annotations/hooks/user-selection.js +5 -6
- package/dist/esm/types/i18n.js +0 -1
- package/dist/esm/ui/Renderer/index.js +1 -1
- package/dist/esm/ui/Renderer/types.js +0 -1
- package/dist/esm/ui/annotations/hooks/user-selection.js +3 -4
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/renderer
|
|
2
2
|
|
|
3
|
+
## 109.8.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#80679](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80679) [`104eb9443b7e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/104eb9443b7e) - ED-22553 Updating adf-schema version to 35.6.0
|
|
8
|
+
|
|
9
|
+
## 109.8.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- [#80781](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80781) [`972cc5041482`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/972cc5041482) - useEffect creates a closure, so we need to assign the exact props passed to useUserSelectionRange
|
|
14
|
+
|
|
3
15
|
## 109.7.7
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
package/dist/cjs/types/i18n.js
CHANGED
|
@@ -55,7 +55,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
55
55
|
var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
|
|
56
56
|
var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
57
57
|
var packageName = "@atlaskit/renderer";
|
|
58
|
-
var packageVersion = "109.
|
|
58
|
+
var packageVersion = "109.8.1";
|
|
59
59
|
var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
|
|
60
60
|
(0, _inherits2.default)(Renderer, _PureComponent);
|
|
61
61
|
var _super = _createSuper(Renderer);
|
|
@@ -10,7 +10,7 @@ var _react = require("react");
|
|
|
10
10
|
var _context = require("../context");
|
|
11
11
|
var _utils = require("./utils");
|
|
12
12
|
var useUserSelectionRange = exports.useUserSelectionRange = function useUserSelectionRange(props) {
|
|
13
|
-
var
|
|
13
|
+
var rendererDOM = props.rendererRef.current;
|
|
14
14
|
var _useState = (0, _react.useState)(null),
|
|
15
15
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
16
16
|
range = _useState2[0],
|
|
@@ -18,7 +18,6 @@ var useUserSelectionRange = exports.useUserSelectionRange = function useUserSele
|
|
|
18
18
|
var annotationDraftPosition = (0, _react.useContext)(_context.AnnotationsDraftContext);
|
|
19
19
|
var hasAnnotationDraft = !!annotationDraftPosition;
|
|
20
20
|
(0, _react.useEffect)(function () {
|
|
21
|
-
var rendererDOM = rendererRef.current;
|
|
22
21
|
if (!document || !rendererDOM) {
|
|
23
22
|
return;
|
|
24
23
|
}
|
|
@@ -28,7 +27,7 @@ var useUserSelectionRange = exports.useUserSelectionRange = function useUserSele
|
|
|
28
27
|
return;
|
|
29
28
|
}
|
|
30
29
|
var _range = sel.getRangeAt(0);
|
|
31
|
-
if ((0, _utils.isRangeInsideOfRendererContainer)(rendererDOM, _range)) {
|
|
30
|
+
if (rendererDOM && (0, _utils.isRangeInsideOfRendererContainer)(rendererDOM, _range)) {
|
|
32
31
|
setRange(_range.cloneRange());
|
|
33
32
|
}
|
|
34
33
|
};
|
|
@@ -36,7 +35,7 @@ var useUserSelectionRange = exports.useUserSelectionRange = function useUserSele
|
|
|
36
35
|
return function () {
|
|
37
36
|
document.removeEventListener('selectionchange', onSelectionChange);
|
|
38
37
|
};
|
|
39
|
-
}, [
|
|
38
|
+
}, [rendererDOM, range, hasAnnotationDraft]);
|
|
40
39
|
var clearRange = (0, _react.useCallback)(function () {
|
|
41
40
|
setRange(null);
|
|
42
41
|
}, []);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -36,7 +36,7 @@ import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientPr
|
|
|
36
36
|
export const NORMAL_SEVERITY_THRESHOLD = 2000;
|
|
37
37
|
export const DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
38
38
|
const packageName = "@atlaskit/renderer";
|
|
39
|
-
const packageVersion = "109.
|
|
39
|
+
const packageVersion = "109.8.1";
|
|
40
40
|
export class Renderer extends PureComponent {
|
|
41
41
|
constructor(props) {
|
|
42
42
|
super(props);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -3,15 +3,14 @@ import { AnnotationsDraftContext } from '../context';
|
|
|
3
3
|
import { isRangeInsideOfRendererContainer } from './utils';
|
|
4
4
|
export const useUserSelectionRange = props => {
|
|
5
5
|
const {
|
|
6
|
-
rendererRef
|
|
6
|
+
rendererRef: {
|
|
7
|
+
current: rendererDOM
|
|
8
|
+
}
|
|
7
9
|
} = props;
|
|
8
10
|
const [range, setRange] = useState(null);
|
|
9
11
|
const annotationDraftPosition = useContext(AnnotationsDraftContext);
|
|
10
12
|
const hasAnnotationDraft = !!annotationDraftPosition;
|
|
11
13
|
useEffect(() => {
|
|
12
|
-
const {
|
|
13
|
-
current: rendererDOM
|
|
14
|
-
} = rendererRef;
|
|
15
14
|
if (!document || !rendererDOM) {
|
|
16
15
|
return;
|
|
17
16
|
}
|
|
@@ -21,7 +20,7 @@ export const useUserSelectionRange = props => {
|
|
|
21
20
|
return;
|
|
22
21
|
}
|
|
23
22
|
const _range = sel.getRangeAt(0);
|
|
24
|
-
if (isRangeInsideOfRendererContainer(rendererDOM, _range)) {
|
|
23
|
+
if (rendererDOM && isRangeInsideOfRendererContainer(rendererDOM, _range)) {
|
|
25
24
|
setRange(_range.cloneRange());
|
|
26
25
|
}
|
|
27
26
|
};
|
|
@@ -29,7 +28,7 @@ export const useUserSelectionRange = props => {
|
|
|
29
28
|
return () => {
|
|
30
29
|
document.removeEventListener('selectionchange', onSelectionChange);
|
|
31
30
|
};
|
|
32
|
-
}, [
|
|
31
|
+
}, [rendererDOM, range, hasAnnotationDraft]);
|
|
33
32
|
const clearRange = useCallback(() => {
|
|
34
33
|
setRange(null);
|
|
35
34
|
}, []);
|
package/dist/esm/types/i18n.js
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -46,7 +46,7 @@ import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientPr
|
|
|
46
46
|
export var NORMAL_SEVERITY_THRESHOLD = 2000;
|
|
47
47
|
export var DEGRADED_SEVERITY_THRESHOLD = 3000;
|
|
48
48
|
var packageName = "@atlaskit/renderer";
|
|
49
|
-
var packageVersion = "109.
|
|
49
|
+
var packageVersion = "109.8.1";
|
|
50
50
|
export var Renderer = /*#__PURE__*/function (_PureComponent) {
|
|
51
51
|
_inherits(Renderer, _PureComponent);
|
|
52
52
|
var _super = _createSuper(Renderer);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -3,7 +3,7 @@ import { useContext, useCallback, useEffect, useState } from 'react';
|
|
|
3
3
|
import { AnnotationsDraftContext } from '../context';
|
|
4
4
|
import { isRangeInsideOfRendererContainer } from './utils';
|
|
5
5
|
export var useUserSelectionRange = function useUserSelectionRange(props) {
|
|
6
|
-
var
|
|
6
|
+
var rendererDOM = props.rendererRef.current;
|
|
7
7
|
var _useState = useState(null),
|
|
8
8
|
_useState2 = _slicedToArray(_useState, 2),
|
|
9
9
|
range = _useState2[0],
|
|
@@ -11,7 +11,6 @@ export var useUserSelectionRange = function useUserSelectionRange(props) {
|
|
|
11
11
|
var annotationDraftPosition = useContext(AnnotationsDraftContext);
|
|
12
12
|
var hasAnnotationDraft = !!annotationDraftPosition;
|
|
13
13
|
useEffect(function () {
|
|
14
|
-
var rendererDOM = rendererRef.current;
|
|
15
14
|
if (!document || !rendererDOM) {
|
|
16
15
|
return;
|
|
17
16
|
}
|
|
@@ -21,7 +20,7 @@ export var useUserSelectionRange = function useUserSelectionRange(props) {
|
|
|
21
20
|
return;
|
|
22
21
|
}
|
|
23
22
|
var _range = sel.getRangeAt(0);
|
|
24
|
-
if (isRangeInsideOfRendererContainer(rendererDOM, _range)) {
|
|
23
|
+
if (rendererDOM && isRangeInsideOfRendererContainer(rendererDOM, _range)) {
|
|
25
24
|
setRange(_range.cloneRange());
|
|
26
25
|
}
|
|
27
26
|
};
|
|
@@ -29,7 +28,7 @@ export var useUserSelectionRange = function useUserSelectionRange(props) {
|
|
|
29
28
|
return function () {
|
|
30
29
|
document.removeEventListener('selectionchange', onSelectionChange);
|
|
31
30
|
};
|
|
32
|
-
}, [
|
|
31
|
+
}, [rendererDOM, range, hasAnnotationDraft]);
|
|
33
32
|
var clearRange = useCallback(function () {
|
|
34
33
|
setRange(null);
|
|
35
34
|
}, []);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/renderer",
|
|
3
|
-
"version": "109.
|
|
3
|
+
"version": "109.8.1",
|
|
4
4
|
"description": "Renderer component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"runReact18": true
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@atlaskit/adf-schema": "^35.
|
|
27
|
+
"@atlaskit/adf-schema": "^35.6.0",
|
|
28
28
|
"@atlaskit/adf-utils": "^19.0.0",
|
|
29
29
|
"@atlaskit/analytics-listeners": "^8.9.0",
|
|
30
30
|
"@atlaskit/analytics-namespaced-context": "^6.9.0",
|