@atlaskit/editor-plugin-synced-block 10.2.4 → 10.2.5

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-plugin-synced-block
 
+## 10.2.5
+
+### Patch Changes
+
+- [`12355710b809c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/12355710b809c) -
+  Add the `platform_editor_sync_block_activation` boolean experiment API to
+  `@atlaskit/tmp-editor-statsig` for Confluence sync block activation checks. Consumers can gate
+  sync block activation behavior with
+  `expValEquals('platform_editor_sync_block_activation', 'isEnabled', true)`, for example to keep
+  source synced block placeholders visible only while the activation experiment is enabled.
+
+  Decoration-based placeholders now remain visible for empty source synced blocks while activation
+  is enabled.
+
+  The bodied synced block source nodeview now keeps its existing SSR streaming label-container fix
+  and only applies the non-SSR separate label container behavior when
+  `platform_synced_block_patch_14` is enabled.
+
+- Updated dependencies
+
 ## 10.2.4
 
 ### Patch Changes

package/dist/cjs/nodeviews/bodiedSyncedBlock.js

@@ -18,6 +18,8 @@ var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/rea
 var _syncBlock = require("@atlaskit/editor-common/sync-block");
 var _editorPluginConnectivity = require("@atlaskit/editor-plugin-connectivity");
 var _model = require("@atlaskit/editor-prosemirror/model");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _BodiedSyncBlockWrapper = require("../ui/BodiedSyncBlockWrapper");
 var _SyncBlockLabel = require("../ui/SyncBlockLabel");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -190,12 +192,17 @@ var BodiedSyncBlock = exports.BodiedSyncBlock = /*#__PURE__*/function () {
     this.dom = dom;
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
     this.contentDOM = contentDOM;
-
-    // During SSR, the portal's renderToStaticMarkup + innerHTML clobbers
-    // contentDOM. Render the label into a separate container to prevent this.
-    // On client, render directly into this.dom as before.
     var labelContainer;
     if ((0, _coreUtils.isSSR)() && (0, _coreUtils.isSSRStreaming)()) {
+      // During SSR, the portal's renderToStaticMarkup + innerHTML clobbers
+      // contentDOM. Render the label into a separate container to prevent this.
+      // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage -- NodeView DOM must be created against active runtime document
+      labelContainer = document.createElement('div');
+      this.dom.appendChild(labelContainer);
+    } else if ((0, _platformFeatureFlags.fg)('platform_synced_block_patch_14') || (0, _expValEquals.expValEquals)('platform_editor_sync_block_activation', 'isEnabled', true)) {
+      // Render the label into a separate container for the activation experience so
+      // portal implementations that write directly into the target do not clobber
+      // the ProseMirror contentDOM.
       // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage -- NodeView DOM must be created against active runtime document
       labelContainer = document.createElement('div');
       this.dom.appendChild(labelContainer);

package/dist/es2019/nodeviews/bodiedSyncedBlock.js

@@ -6,6 +6,8 @@ import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { BodiedSyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
 import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { BodiedSyncBlockWrapper } from '../ui/BodiedSyncBlockWrapper';
 import { SyncBlockLabel } from '../ui/SyncBlockLabel';
 const toDOMOld = () => ['div', {
@@ -155,12 +157,17 @@ export class BodiedSyncBlock {
     this.dom = dom;
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
     this.contentDOM = contentDOM;
-
-    // During SSR, the portal's renderToStaticMarkup + innerHTML clobbers
-    // contentDOM. Render the label into a separate container to prevent this.
-    // On client, render directly into this.dom as before.
     let labelContainer;
     if (isSSR() && isSSRStreaming()) {
+      // During SSR, the portal's renderToStaticMarkup + innerHTML clobbers
+      // contentDOM. Render the label into a separate container to prevent this.
+      // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage -- NodeView DOM must be created against active runtime document
+      labelContainer = document.createElement('div');
+      this.dom.appendChild(labelContainer);
+    } else if (fg('platform_synced_block_patch_14') || expValEquals('platform_editor_sync_block_activation', 'isEnabled', true)) {
+      // Render the label into a separate container for the activation experience so
+      // portal implementations that write directly into the target do not clobber
+      // the ProseMirror contentDOM.
       // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage -- NodeView DOM must be created against active runtime document
       labelContainer = document.createElement('div');
       this.dom.appendChild(labelContainer);

package/dist/esm/nodeviews/bodiedSyncedBlock.js

@@ -13,6 +13,8 @@ import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { BodiedSyncBlockSharedCssClassName } from '@atlaskit/editor-common/sync-block';
 import { isOfflineMode } from '@atlaskit/editor-plugin-connectivity';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { BodiedSyncBlockWrapper } from '../ui/BodiedSyncBlockWrapper';
 import { SyncBlockLabel } from '../ui/SyncBlockLabel';
 var toDOMOld = function toDOMOld() {
@@ -183,12 +185,17 @@ export var BodiedSyncBlock = /*#__PURE__*/function () {
     this.dom = dom;
     // eslint-disable-next-line @atlaskit/editor/no-as-casting
     this.contentDOM = contentDOM;
-
-    // During SSR, the portal's renderToStaticMarkup + innerHTML clobbers
-    // contentDOM. Render the label into a separate container to prevent this.
-    // On client, render directly into this.dom as before.
     var labelContainer;
     if (isSSR() && isSSRStreaming()) {
+      // During SSR, the portal's renderToStaticMarkup + innerHTML clobbers
+      // contentDOM. Render the label into a separate container to prevent this.
+      // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage -- NodeView DOM must be created against active runtime document
+      labelContainer = document.createElement('div');
+      this.dom.appendChild(labelContainer);
+    } else if (fg('platform_synced_block_patch_14') || expValEquals('platform_editor_sync_block_activation', 'isEnabled', true)) {
+      // Render the label into a separate container for the activation experience so
+      // portal implementations that write directly into the target do not clobber
+      // the ProseMirror contentDOM.
       // eslint-disable-next-line @atlaskit/platform/no-direct-document-usage -- NodeView DOM must be created against active runtime document
       labelContainer = document.createElement('div');
       this.dom.appendChild(labelContainer);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-synced-block",
-	"version": "10.2.4",
+	"version": "10.2.5",
 	"description": "SyncedBlock plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -21,7 +21,7 @@
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
 		"@atlaskit/adf-schema": "^56.1.0",
-		"@atlaskit/button": "24.3.1",
+		"@atlaskit/button": "24.3.2",
 		"@atlaskit/dropdown-menu": "17.1.2",
 		"@atlaskit/editor-json-transformer": "^9.0.0",
 		"@atlaskit/editor-plugin-analytics": "^12.0.0",
@@ -46,7 +46,7 @@
 		"@atlaskit/platform-feature-flags": "^2.0.0",
 		"@atlaskit/primitives": "^20.6.0",
 		"@atlaskit/spinner": "20.1.0",
-		"@atlaskit/tmp-editor-statsig": "^124.1.0",
+		"@atlaskit/tmp-editor-statsig": "^124.2.0",
 		"@atlaskit/tokens": "15.6.1",
 		"@atlaskit/tooltip": "^23.1.0",
 		"@atlaskit/visually-hidden": "^4.1.0",