@atlaskit/editor-plugin-block-controls 7.7.0 → 7.7.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/editor-plugin-block-controls
 
+## 7.7.1
+
+### Patch Changes
+
+- [`27d4ba93d0702`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/27d4ba93d0702) -
+  EDITOR-3201 disable layout drop targets for sync blocks
+
 ## 7.7.0
 
 ### Minor Changes

package/dist/cjs/pm-plugins/decorations-drop-target-active.js

@@ -24,6 +24,7 @@ var PARENT_WITH_END_DROP_TARGET_SYNC_BLOCK = [].concat(PARENT_WITH_END_DROP_TARG
  * List of node types that does not allow drop targets at before or after the node.
  */
 var NODE_WITH_NO_PARENT_POS = ['tableCell', 'tableHeader', 'layoutColumn'];
+var UNSUPPORTED_LAYOUT_CONTENT = ['syncBlock', 'bodiedSyncBlock'];
 var isContainerNode = function isContainerNode(node) {
   if ((0, _expValEquals.expValEquals)('platform_synced_block', 'isEnabled', true)) {
     return PARENT_WITH_END_DROP_TARGET_SYNC_BLOCK.includes(node.type.name);
@@ -212,7 +213,8 @@ var getActiveDropTargetDecorations = exports.getActiveDropTargetDecorations = fu
   }
   if ((0, _experiments.editorExperiment)('advanced_layouts', true)) {
     var _isSameLayout = $activeNodePos && (0, _validation.isInSameLayout)($activeNodePos, state.doc.resolve(rootNodeWithPos.pos));
-    if (rootNodeWithPos.node.type.name === 'layoutSection') {
+    var hasUnsupportedContent = UNSUPPORTED_LAYOUT_CONTENT.includes((activeNode === null || activeNode === void 0 ? void 0 : activeNode.nodeType) || '') && (0, _expValEquals.expValEquals)('platform_synced_block', 'isEnabled', true);
+    if (rootNodeWithPos.node.type.name === 'layoutSection' && !hasUnsupportedContent) {
       var layoutSectionNode = rootNodeWithPos.node;
       if (layoutSectionNode.childCount < (0, _consts.maxLayoutColumnSupported)() || _isSameLayout) {
         layoutSectionNode.descendants(function (childNode, childPos, parent, index) {

package/dist/cjs/pm-plugins/utils/inline-drop-target.js

@@ -5,9 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.shouldAllowInlineDropTarget = void 0;
 var _utils = require("@atlaskit/editor-common/utils");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _checkMediaLayout = require("./check-media-layout");
 var _consts = require("./consts");
+var syncedBlockTypes = ['syncBlock', 'bodiedSyncBlock'];
 var shouldAllowInlineDropTarget = exports.shouldAllowInlineDropTarget = function shouldAllowInlineDropTarget(isNested, node) {
   var isSameLayout = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var activeNode = arguments.length > 3 ? arguments[3] : undefined;
@@ -20,6 +22,9 @@ var shouldAllowInlineDropTarget = exports.shouldAllowInlineDropTarget = function
   if ((activeNode === null || activeNode === void 0 ? void 0 : activeNode.nodeType) === 'layoutSection') {
     return false;
   }
+  if ((syncedBlockTypes.includes((activeNode === null || activeNode === void 0 ? void 0 : activeNode.nodeType) || '') || syncedBlockTypes.includes((node === null || node === void 0 ? void 0 : node.type.name) || '')) && (0, _expValEquals.expValEquals)('platform_synced_block', 'isEnabled', true)) {
+    return false;
+  }
   if ((node === null || node === void 0 ? void 0 : node.type.name) === 'layoutSection') {
     return node.childCount < (0, _consts.maxLayoutColumnSupported)() || isSameLayout;
   }

package/dist/es2019/pm-plugins/decorations-drop-target-active.js

@@ -19,6 +19,7 @@ const PARENT_WITH_END_DROP_TARGET_SYNC_BLOCK = [...PARENT_WITH_END_DROP_TARGET,
  * List of node types that does not allow drop targets at before or after the node.
  */
 const NODE_WITH_NO_PARENT_POS = ['tableCell', 'tableHeader', 'layoutColumn'];
+const UNSUPPORTED_LAYOUT_CONTENT = ['syncBlock', 'bodiedSyncBlock'];
 const isContainerNode = node => {
   if (expValEquals('platform_synced_block', 'isEnabled', true)) {
     return PARENT_WITH_END_DROP_TARGET_SYNC_BLOCK.includes(node.type.name);
@@ -195,7 +196,8 @@ export const getActiveDropTargetDecorations = (activeDropTargetNode, state, api,
   }
   if (editorExperiment('advanced_layouts', true)) {
     const isSameLayout = $activeNodePos && isInSameLayout($activeNodePos, state.doc.resolve(rootNodeWithPos.pos));
-    if (rootNodeWithPos.node.type.name === 'layoutSection') {
+    const hasUnsupportedContent = UNSUPPORTED_LAYOUT_CONTENT.includes((activeNode === null || activeNode === void 0 ? void 0 : activeNode.nodeType) || '') && expValEquals('platform_synced_block', 'isEnabled', true);
+    if (rootNodeWithPos.node.type.name === 'layoutSection' && !hasUnsupportedContent) {
       const layoutSectionNode = rootNodeWithPos.node;
       if (layoutSectionNode.childCount < maxLayoutColumnSupported() || isSameLayout) {
         layoutSectionNode.descendants((childNode, childPos, parent, index) => {

package/dist/es2019/pm-plugins/utils/inline-drop-target.js

@@ -1,7 +1,9 @@
 import { isEmptyParagraph } from '@atlaskit/editor-common/utils';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { isWrappedMedia } from './check-media-layout';
 import { maxLayoutColumnSupported } from './consts';
+const syncedBlockTypes = ['syncBlock', 'bodiedSyncBlock'];
 export const shouldAllowInlineDropTarget = (isNested, node,
 /**
  * Is the active node in the same layout as the target node
@@ -16,6 +18,9 @@ isSameLayout = false, activeNode) => {
   if ((activeNode === null || activeNode === void 0 ? void 0 : activeNode.nodeType) === 'layoutSection') {
     return false;
   }
+  if ((syncedBlockTypes.includes((activeNode === null || activeNode === void 0 ? void 0 : activeNode.nodeType) || '') || syncedBlockTypes.includes((node === null || node === void 0 ? void 0 : node.type.name) || '')) && expValEquals('platform_synced_block', 'isEnabled', true)) {
+    return false;
+  }
   if ((node === null || node === void 0 ? void 0 : node.type.name) === 'layoutSection') {
     return node.childCount < maxLayoutColumnSupported() || isSameLayout;
   }

package/dist/esm/pm-plugins/decorations-drop-target-active.js

@@ -19,6 +19,7 @@ var PARENT_WITH_END_DROP_TARGET_SYNC_BLOCK = [].concat(PARENT_WITH_END_DROP_TARG
  * List of node types that does not allow drop targets at before or after the node.
  */
 var NODE_WITH_NO_PARENT_POS = ['tableCell', 'tableHeader', 'layoutColumn'];
+var UNSUPPORTED_LAYOUT_CONTENT = ['syncBlock', 'bodiedSyncBlock'];
 var isContainerNode = function isContainerNode(node) {
   if (expValEquals('platform_synced_block', 'isEnabled', true)) {
     return PARENT_WITH_END_DROP_TARGET_SYNC_BLOCK.includes(node.type.name);
@@ -207,7 +208,8 @@ export var getActiveDropTargetDecorations = function getActiveDropTargetDecorati
   }
   if (editorExperiment('advanced_layouts', true)) {
     var _isSameLayout = $activeNodePos && isInSameLayout($activeNodePos, state.doc.resolve(rootNodeWithPos.pos));
-    if (rootNodeWithPos.node.type.name === 'layoutSection') {
+    var hasUnsupportedContent = UNSUPPORTED_LAYOUT_CONTENT.includes((activeNode === null || activeNode === void 0 ? void 0 : activeNode.nodeType) || '') && expValEquals('platform_synced_block', 'isEnabled', true);
+    if (rootNodeWithPos.node.type.name === 'layoutSection' && !hasUnsupportedContent) {
       var layoutSectionNode = rootNodeWithPos.node;
       if (layoutSectionNode.childCount < maxLayoutColumnSupported() || _isSameLayout) {
         layoutSectionNode.descendants(function (childNode, childPos, parent, index) {

package/dist/esm/pm-plugins/utils/inline-drop-target.js

@@ -1,7 +1,9 @@
 import { isEmptyParagraph } from '@atlaskit/editor-common/utils';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { isWrappedMedia } from './check-media-layout';
 import { maxLayoutColumnSupported } from './consts';
+var syncedBlockTypes = ['syncBlock', 'bodiedSyncBlock'];
 export var shouldAllowInlineDropTarget = function shouldAllowInlineDropTarget(isNested, node) {
   var isSameLayout = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var activeNode = arguments.length > 3 ? arguments[3] : undefined;
@@ -14,6 +16,9 @@ export var shouldAllowInlineDropTarget = function shouldAllowInlineDropTarget(is
   if ((activeNode === null || activeNode === void 0 ? void 0 : activeNode.nodeType) === 'layoutSection') {
     return false;
   }
+  if ((syncedBlockTypes.includes((activeNode === null || activeNode === void 0 ? void 0 : activeNode.nodeType) || '') || syncedBlockTypes.includes((node === null || node === void 0 ? void 0 : node.type.name) || '')) && expValEquals('platform_synced_block', 'isEnabled', true)) {
+    return false;
+  }
   if ((node === null || node === void 0 ? void 0 : node.type.name) === 'layoutSection') {
     return node.childCount < maxLayoutColumnSupported() || isSameLayout;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-controls",
-	"version": "7.7.0",
+	"version": "7.7.1",
 	"description": "Block controls plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",