@atlaskit/editor-plugin-caption 1.6.1 → 1.7.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-plugin-caption
 
+## 1.7.0
+
+### Minor Changes
+
+- [#122895](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/122895)
+  [`49b8c7658f3b5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/49b8c7658f3b5) -
+  [ED-24173] bump @atlaskit/adf-schema to 40.3.0 and @atlassian/adf-schema-json to 1.18.0
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.6.2
+
+### Patch Changes
+
+- [#121438](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/121438)
+  [`35e0addb19a19`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/35e0addb19a19) -
+  [ux] Fixing media caption to stop them infinitely re-rendering in react 18 when using createRoot
+
 ## 1.6.1
 
 ### Patch Changes

package/dist/cjs/nodeviews/index.js

@@ -55,6 +55,20 @@ var CaptionNodeView = exports.CaptionNodeView = /*#__PURE__*/function (_Selectio
         dom: dom
       };
     }
+
+    // ED-24114: We need to ignore mutations that are not related to the caption node
+    // since these mutations can cause an infinite loop in React 18 when using createRoot
+  }, {
+    key: "ignoreMutation",
+    value: function ignoreMutation(mutation) {
+      if (!(0, _platformFeatureFlags.fg)('react_18_caption_concurrent_mode')) {
+        return false;
+      }
+      if (!this.contentDOM) {
+        return true;
+      }
+      return !this.contentDOM.contains(mutation.target) && mutation.type !== 'selection';
+    }
   }, {
     key: "handleEditorDisabledChanged",
     value: function handleEditorDisabledChanged() {

package/dist/es2019/nodeviews/index.js

@@ -30,6 +30,18 @@ export class CaptionNodeView extends SelectionBasedNodeView {
       dom
     };
   }
+
+  // ED-24114: We need to ignore mutations that are not related to the caption node
+  // since these mutations can cause an infinite loop in React 18 when using createRoot
+  ignoreMutation(mutation) {
+    if (!fg('react_18_caption_concurrent_mode')) {
+      return false;
+    }
+    if (!this.contentDOM) {
+      return true;
+    }
+    return !this.contentDOM.contains(mutation.target) && mutation.type !== 'selection';
+  }
   handleEditorDisabledChanged() {
     var _this$pluginInjection4;
     if ((_this$pluginInjection4 = this.pluginInjectionApi) !== null && _this$pluginInjection4 !== void 0 && _this$pluginInjection4.editorDisabled) {

package/dist/esm/nodeviews/index.js

@@ -47,6 +47,20 @@ export var CaptionNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
         dom: dom
       };
     }
+
+    // ED-24114: We need to ignore mutations that are not related to the caption node
+    // since these mutations can cause an infinite loop in React 18 when using createRoot
+  }, {
+    key: "ignoreMutation",
+    value: function ignoreMutation(mutation) {
+      if (!fg('react_18_caption_concurrent_mode')) {
+        return false;
+      }
+      if (!this.contentDOM) {
+        return true;
+      }
+      return !this.contentDOM.contains(mutation.target) && mutation.type !== 'selection';
+    }
   }, {
     key: "handleEditorDisabledChanged",
     value: function handleEditorDisabledChanged() {

package/dist/types/nodeviews/index.d.ts

@@ -16,6 +16,10 @@ export declare class CaptionNodeView extends SelectionBasedNodeView {
     getContentDOM(): {
         dom: HTMLDivElement;
     };
+    ignoreMutation(mutation: MutationRecord | {
+        type: 'selection';
+        target: Element;
+    }): boolean;
     handleEditorDisabledChanged(): void;
     render(_props: never, forwardRef: ForwardRef): JSX.Element;
     viewShouldUpdate(nextNode: PMNode): boolean;

package/dist/types-ts4.5/nodeviews/index.d.ts

@@ -16,6 +16,10 @@ export declare class CaptionNodeView extends SelectionBasedNodeView {
     getContentDOM(): {
         dom: HTMLDivElement;
     };
+    ignoreMutation(mutation: MutationRecord | {
+        type: 'selection';
+        target: Element;
+    }): boolean;
     handleEditorDisabledChanged(): void;
     render(_props: never, forwardRef: ForwardRef): JSX.Element;
     viewShouldUpdate(nextNode: PMNode): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-caption",
-	"version": "1.6.1",
+	"version": "1.7.0",
 	"description": "Caption plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,9 +32,9 @@
 		".": "./src/index.ts"
 	},
 	"dependencies": {
-		"@atlaskit/adf-schema": "^39.0.3",
-		"@atlaskit/editor-common": "^86.0.0",
-		"@atlaskit/editor-plugin-analytics": "^1.4.0",
+		"@atlaskit/adf-schema": "^40.3.0",
+		"@atlaskit/editor-common": "^86.7.0",
+		"@atlaskit/editor-plugin-analytics": "^1.5.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^1.1.0",
 		"@atlaskit/editor-prosemirror": "4.0.1",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
@@ -44,13 +44,13 @@
 		"@atlaskit/editor-plugin-copy-button": "^1.1.0",
 		"@atlaskit/editor-plugin-decorations": "^1.1.0",
 		"@atlaskit/editor-plugin-feature-flags": "^1.1.0",
-		"@atlaskit/editor-plugin-floating-toolbar": "^1.7.0",
+		"@atlaskit/editor-plugin-floating-toolbar": "^1.8.0",
 		"@atlaskit/editor-plugin-focus": "^1.2.0",
 		"@atlaskit/editor-plugin-grid": "^1.1.0",
 		"@atlaskit/editor-plugin-guideline": "^1.1.0",
 		"@atlaskit/editor-plugin-selection": "^1.2.0",
 		"@atlaskit/editor-plugin-width": "^1.1.0",
-		"@atlaskit/renderer": "^109.42.0"
+		"@atlaskit/renderer": "^109.43.0"
 	},
 	"peerDependencies": {
 		"react": "^16.8.0"
@@ -88,6 +88,9 @@
 	"platform-feature-flags": {
 		"platform.editor.live-view.disable-editing-in-view-mode_fi1rx": {
 			"type": "boolean"
+		},
+		"react_18_caption_concurrent_mode": {
+			"type": "boolean"
 		}
 	}
 }