@atlaskit/renderer 109.7.7 → 109.8.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/renderer
 
+## 109.8.0
+
+### Minor Changes
+
+- [#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
+
 ## 109.7.7
 
 ### Patch Changes

package/dist/cjs/types/i18n.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/ui/Renderer/index.js

@@ -55,7 +55,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "109.7.7";
+var packageVersion = "109.8.0";
 var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/dist/cjs/ui/Renderer/types.js

@@ -1,5 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+"use strict";

package/dist/cjs/ui/annotations/hooks/user-selection.js

@@ -10,7 +10,7 @@ var _react = require("react");
 var _context = require("../context");
 var _utils = require("./utils");
 var useUserSelectionRange = exports.useUserSelectionRange = function useUserSelectionRange(props) {
-  var rendererRef = props.rendererRef;
+  var rendererDOM = props.rendererRef.current;
   var _useState = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     range = _useState2[0],
@@ -18,7 +18,6 @@ var useUserSelectionRange = exports.useUserSelectionRange = function useUserSele
   var annotationDraftPosition = (0, _react.useContext)(_context.AnnotationsDraftContext);
   var hasAnnotationDraft = !!annotationDraftPosition;
   (0, _react.useEffect)(function () {
-    var rendererDOM = rendererRef.current;
     if (!document || !rendererDOM) {
       return;
     }
@@ -28,7 +27,7 @@ var useUserSelectionRange = exports.useUserSelectionRange = function useUserSele
         return;
       }
       var _range = sel.getRangeAt(0);
-      if ((0, _utils.isRangeInsideOfRendererContainer)(rendererDOM, _range)) {
+      if (rendererDOM && (0, _utils.isRangeInsideOfRendererContainer)(rendererDOM, _range)) {
         setRange(_range.cloneRange());
       }
     };
@@ -36,7 +35,7 @@ var useUserSelectionRange = exports.useUserSelectionRange = function useUserSele
     return function () {
       document.removeEventListener('selectionchange', onSelectionChange);
     };
-  }, [rendererRef, range, hasAnnotationDraft]);
+  }, [rendererDOM, range, hasAnnotationDraft]);
   var clearRange = (0, _react.useCallback)(function () {
     setRange(null);
   }, []);

package/dist/es2019/types/i18n.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/ui/Renderer/index.js

@@ -36,7 +36,7 @@ import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientPr
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "109.7.7";
+const packageVersion = "109.8.0";
 export class Renderer extends PureComponent {
   constructor(props) {
     super(props);

package/dist/es2019/ui/Renderer/types.js

@@ -1 +0,0 @@
-export {};

package/dist/es2019/ui/annotations/hooks/user-selection.js

@@ -3,15 +3,14 @@ import { AnnotationsDraftContext } from '../context';
 import { isRangeInsideOfRendererContainer } from './utils';
 export const useUserSelectionRange = props => {
   const {
-    rendererRef
+    rendererRef: {
+      current: rendererDOM
+    }
   } = props;
   const [range, setRange] = useState(null);
   const annotationDraftPosition = useContext(AnnotationsDraftContext);
   const hasAnnotationDraft = !!annotationDraftPosition;
   useEffect(() => {
-    const {
-      current: rendererDOM
-    } = rendererRef;
     if (!document || !rendererDOM) {
       return;
     }
@@ -21,7 +20,7 @@ export const useUserSelectionRange = props => {
         return;
       }
       const _range = sel.getRangeAt(0);
-      if (isRangeInsideOfRendererContainer(rendererDOM, _range)) {
+      if (rendererDOM && isRangeInsideOfRendererContainer(rendererDOM, _range)) {
         setRange(_range.cloneRange());
       }
     };
@@ -29,7 +28,7 @@ export const useUserSelectionRange = props => {
     return () => {
       document.removeEventListener('selectionchange', onSelectionChange);
     };
-  }, [rendererRef, range, hasAnnotationDraft]);
+  }, [rendererDOM, range, hasAnnotationDraft]);
   const clearRange = useCallback(() => {
     setRange(null);
   }, []);

package/dist/esm/types/i18n.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/ui/Renderer/index.js

@@ -46,7 +46,7 @@ import { EditorMediaClientProvider } from '../../react/utils/EditorMediaClientPr
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "109.7.7";
+var packageVersion = "109.8.0";
 export var Renderer = /*#__PURE__*/function (_PureComponent) {
   _inherits(Renderer, _PureComponent);
   var _super = _createSuper(Renderer);

package/dist/esm/ui/Renderer/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/ui/annotations/hooks/user-selection.js

@@ -3,7 +3,7 @@ import { useContext, useCallback, useEffect, useState } from 'react';
 import { AnnotationsDraftContext } from '../context';
 import { isRangeInsideOfRendererContainer } from './utils';
 export var useUserSelectionRange = function useUserSelectionRange(props) {
-  var rendererRef = props.rendererRef;
+  var rendererDOM = props.rendererRef.current;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     range = _useState2[0],
@@ -11,7 +11,6 @@ export var useUserSelectionRange = function useUserSelectionRange(props) {
   var annotationDraftPosition = useContext(AnnotationsDraftContext);
   var hasAnnotationDraft = !!annotationDraftPosition;
   useEffect(function () {
-    var rendererDOM = rendererRef.current;
     if (!document || !rendererDOM) {
       return;
     }
@@ -21,7 +20,7 @@ export var useUserSelectionRange = function useUserSelectionRange(props) {
         return;
       }
       var _range = sel.getRangeAt(0);
-      if (isRangeInsideOfRendererContainer(rendererDOM, _range)) {
+      if (rendererDOM && isRangeInsideOfRendererContainer(rendererDOM, _range)) {
         setRange(_range.cloneRange());
       }
     };
@@ -29,7 +28,7 @@ export var useUserSelectionRange = function useUserSelectionRange(props) {
     return function () {
       document.removeEventListener('selectionchange', onSelectionChange);
     };
-  }, [rendererRef, range, hasAnnotationDraft]);
+  }, [rendererDOM, range, hasAnnotationDraft]);
   var clearRange = useCallback(function () {
     setRange(null);
   }, []);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/renderer",
-  "version": "109.7.7",
+  "version": "109.8.0",
   "description": "Renderer component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"