@atlaskit/editor-plugin-block-controls 8.12.0 → 9.0.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/editor-plugin-block-controls
 
+## 9.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 9.0.0
+
+### Patch Changes
+
+- [`ae28f2e6bb741`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ae28f2e6bb741) -
+  Editor-4477: Removed the heading with alignment patch in the newGetSelection
+- [`ae28f2e6bb741`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ae28f2e6bb741) -
+  Editor-5020-fix-inline-drop-hints-not-visible-in-sync-block
+- Updated dependencies
+
 ## 8.12.0
 
 ### Minor Changes

package/dist/cjs/editor-commands/move-to-layout.js

@@ -134,16 +134,21 @@ var canMoveToLayout = function canMoveToLayout(api, from, to, tr, moveNodeAtCurs
   var _ref3 = tr.doc.type.schema.nodes || {},
     layoutSection = _ref3.layoutSection,
     layoutColumn = _ref3.layoutColumn,
-    doc = _ref3.doc;
+    doc = _ref3.doc,
+    bodiedSyncBlock = _ref3.bodiedSyncBlock;
 
   // layout plugin does not exist
   if (!layoutSection || !layoutColumn) {
     return;
   }
   var $to = tr.doc.resolve(to);
+  var allowedParentTypes = [doc, layoutSection];
+  if (bodiedSyncBlock && (0, _expValEquals.expValEquals)('platform_synced_block', 'isEnabled', true) && (0, _expValEquals.expValEquals)('platform_synced_block_patch_6', 'isEnabled', true)) {
+    allowedParentTypes.push(bodiedSyncBlock);
+  }
 
   // drop at invalid position, not top level, or not a layout column
-  if (!$to.nodeAfter || ![doc, layoutSection].includes($to.parent.type)) {
+  if (!$to.nodeAfter || !allowedParentTypes.includes($to.parent.type)) {
     return;
   }
   var $from = tr.doc.resolve(from);

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

@@ -5,6 +5,7 @@ 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");
@@ -12,7 +13,13 @@ 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;
+  var parentNode = arguments.length > 4 ? arguments[4] : undefined;
+  var isInsideBodiedSyncBlock = (parentNode === null || parentNode === void 0 ? void 0 : parentNode.type.name) === 'bodiedSyncBlock';
   if ((0, _experiments.editorExperiment)('advanced_layouts', false) || isNested) {
+    // If nested inside bodiedSyncBlock, enable inline drop target so user can drop to create a layout inside it
+    if (isInsideBodiedSyncBlock && (0, _expValEquals.expValEquals)('platform_synced_block', 'isEnabled', true) && (0, _expValEquals.expValEquals)('platform_synced_block_patch_6', 'isEnabled', true)) {
+      return true;
+    }
     return false;
   }
   if ((0, _checkMediaLayout.isWrappedMedia)(node)) {
@@ -21,7 +28,7 @@ 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, _experiments.editorExperiment)('platform_synced_block', true)) {
+  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, _experiments.editorExperiment)('platform_synced_block', true) && !(0, _expValEquals.expValEquals)('platform_synced_block_patch_6', 'isEnabled', true)) {
     return false;
   }
   if ((node === null || node === void 0 ? void 0 : node.type.name) === 'layoutSection') {

package/dist/cjs/pm-plugins/utils/update-selection.js

@@ -7,6 +7,8 @@ exports.updateSelection = exports.getInsertLayoutStep = void 0;
 var _selection = require("@atlaskit/editor-common/selection");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _transform = require("@atlaskit/editor-prosemirror/transform");
+// eslint-disable-next-line @typescript-eslint/consistent-type-imports
+
 var getInsertLayoutStep = exports.getInsertLayoutStep = function getInsertLayoutStep(tr) {
   return tr.steps.find(function (step) {
     var _step$slice$content$f;

package/dist/cjs/ui/drag-handle-nested-icon.js

@@ -10,7 +10,7 @@ var _react = require("@emotion/react");
  * @jsxRuntime classic
  * @jsx jsx
  */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 
 var spanStyles = (0, _react.css)({
   display: 'inline-block',

package/dist/cjs/ui/drag-handle.js

@@ -49,7 +49,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
  * @jsxRuntime classic
  * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 var iconWrapperStyles = (0, _primitives.xcss)({
   display: 'flex',

package/dist/cjs/ui/drop-target-layout.js

@@ -24,7 +24,7 @@ var _domAttrName = require("./utils/dom-attr-name");
  * @jsx jsx
  */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 
 // 8px gap + 16px on left and right
 var DROP_TARGET_LAYOUT_DROP_ZONE_WIDTH = 40;

package/dist/cjs/ui/drop-target.js

@@ -27,7 +27,7 @@ var _inlineDropTarget2 = require("./inline-drop-target");
  * @jsx jsx
  */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 
 var DEFAULT_DROP_INDICATOR_WIDTH = 760;
 var EDITOR_BLOCK_CONTROLS_DROP_INDICATOR_WIDTH = '--editor-block-controls-drop-indicator-width';
@@ -113,12 +113,13 @@ var HoverZone = function HoverZone(_ref) {
     _useActiveAnchorTrack2 = (0, _slicedToArray2.default)(_useActiveAnchorTrack, 2),
     _isActive = _useActiveAnchorTrack2[0],
     setActiveAnchor = _useActiveAnchorTrack2[1];
+  var isInsideBodiedSyncBlock = parent && parent.type.name === 'bodiedSyncBlock' && (0, _expValEquals.expValEquals)('platform_synced_block', 'isEnabled', true) && (0, _expValEquals.expValEquals)('platform_synced_block_patch_6', 'isEnabled', true);
   (0, _react.useEffect)(function () {
     if (ref.current) {
       return (0, _adapter.dropTargetForElements)({
         element: ref.current,
         onDragEnter: function onDragEnter() {
-          if (!isNestedDropTarget && (0, _experiments.editorExperiment)('advanced_layouts', true)) {
+          if ((!isNestedDropTarget || isInsideBodiedSyncBlock) && (0, _experiments.editorExperiment)('advanced_layouts', true)) {
             setActiveAnchor();
           }
           _onDragEnter();
@@ -127,7 +128,7 @@ var HoverZone = function HoverZone(_ref) {
         onDrop: onDrop
       });
     }
-  }, [isNestedDropTarget, _onDragEnter, onDragLeave, onDrop, setActiveAnchor]);
+  }, [isNestedDropTarget, isInsideBodiedSyncBlock, _onDragEnter, onDragLeave, onDrop, setActiveAnchor]);
   var hoverZoneUpperStyle = (0, _react.useMemo)(function () {
     var heightStyleOffset = "var(--editor-block-controls-drop-indicator-gap, 0)/2";
     var transformOffset = "var(".concat(EDITOR_BLOCK_CONTROLS_DROP_INDICATOR_OFFSET, ", 0)");
@@ -238,6 +239,7 @@ var DropTarget = exports.DropTarget = function DropTarget(props) {
   var dynamicStyle = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
     width: isNestedDropTarget ? 'unset' : '100%'
   }, EDITOR_BLOCK_CONTROLS_DROP_INDICATOR_WIDTH, isNestedDropTarget ? '100%' : "".concat(lineLength || DEFAULT_DROP_INDICATOR_WIDTH, "px")), EDITOR_BLOCK_CONTROLS_DROP_TARGET_LEFT_MARGIN, isNestedDropTarget ? (0, _consts.getNestedNodeLeftPaddingMargin)(parentNode === null || parentNode === void 0 ? void 0 : parentNode.type.name) : '0'), EDITOR_BLOCK_CONTROLS_DROP_TARGET_ZINDEX, _constants.layers.navigation());
+  var isShowInlineDropTarget = (0, _inlineDropTarget.shouldAllowInlineDropTarget)(isNestedDropTarget, nextNode, isSameLayout, activeNode, parentNode);
   return (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(HoverZone, {
     onDragEnter: function onDragEnter() {
       return setIsDraggedOver(true);
@@ -282,7 +284,7 @@ var DropTarget = exports.DropTarget = function DropTarget(props) {
     position: "lower",
     isNestedDropTarget: isNestedDropTarget,
     api: api
-  }), (0, _inlineDropTarget.shouldAllowInlineDropTarget)(isNestedDropTarget, nextNode, isSameLayout, activeNode) && (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_inlineDropTarget2.InlineDropTarget
+  }), isShowInlineDropTarget && (0, _react2.jsx)(_react.Fragment, null, (0, _react2.jsx)(_inlineDropTarget2.InlineDropTarget
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading
   , (0, _extends2.default)({}, props, {

package/dist/cjs/ui/global-styles.js

@@ -21,7 +21,7 @@ var _domAttrName = require("./utils/dom-attr-name");
  * @jsxRuntime classic
  * @jsx jsx
  */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 
 /**
  * This anchor element selector disregards anchors that are solely utilized for size measurements,

package/dist/cjs/ui/inline-drop-target.js

@@ -25,7 +25,7 @@ var _updateSelection = require("../pm-plugins/utils/update-selection");
  * @jsx jsx
  */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 
 var HOVER_ZONE_WIDTH = '--editor-blocks-inline-hover-zone-width';
 var HOVER_ZONE_HEIGHT = '--editor-blocks-inline-hover-zone-height';

package/dist/cjs/ui/quick-insert-button.js

@@ -37,7 +37,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /**
  * @jsxRuntime classic
  * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 var TEXT_PARENT_TYPES = ['paragraph', 'heading', 'blockquote', 'taskItem', 'decisionItem'];
 var stickyButtonStyles = (0, _primitives.xcss)({

package/dist/cjs/ui/visibility-container.js

@@ -20,7 +20,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  * @jsx jsx
  */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 

package/dist/es2019/editor-commands/move-to-layout.js

@@ -130,7 +130,8 @@ const canMoveToLayout = (api, from, to, tr, moveNodeAtCursorPos) => {
   const {
     layoutSection,
     layoutColumn,
-    doc
+    doc,
+    bodiedSyncBlock
   } = tr.doc.type.schema.nodes || {};
 
   // layout plugin does not exist
@@ -138,9 +139,13 @@ const canMoveToLayout = (api, from, to, tr, moveNodeAtCursorPos) => {
     return;
   }
   const $to = tr.doc.resolve(to);
+  const allowedParentTypes = [doc, layoutSection];
+  if (bodiedSyncBlock && expValEquals('platform_synced_block', 'isEnabled', true) && expValEquals('platform_synced_block_patch_6', 'isEnabled', true)) {
+    allowedParentTypes.push(bodiedSyncBlock);
+  }
 
   // drop at invalid position, not top level, or not a layout column
-  if (!$to.nodeAfter || ![doc, layoutSection].includes($to.parent.type)) {
+  if (!$to.nodeAfter || !allowedParentTypes.includes($to.parent.type)) {
     return;
   }
   const $from = tr.doc.resolve(from);

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

@@ -1,4 +1,5 @@
 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';
@@ -7,8 +8,13 @@ export const shouldAllowInlineDropTarget = (isNested, node,
 /**
  * Is the active node in the same layout as the target node
  */
-isSameLayout = false, activeNode) => {
+isSameLayout = false, activeNode, parentNode) => {
+  const isInsideBodiedSyncBlock = (parentNode === null || parentNode === void 0 ? void 0 : parentNode.type.name) === 'bodiedSyncBlock';
   if (editorExperiment('advanced_layouts', false) || isNested) {
+    // If nested inside bodiedSyncBlock, enable inline drop target so user can drop to create a layout inside it
+    if (isInsideBodiedSyncBlock && expValEquals('platform_synced_block', 'isEnabled', true) && expValEquals('platform_synced_block_patch_6', 'isEnabled', true)) {
+      return true;
+    }
     return false;
   }
   if (isWrappedMedia(node)) {
@@ -17,7 +23,7 @@ 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) || '')) && editorExperiment('platform_synced_block', true)) {
+  if ((syncedBlockTypes.includes((activeNode === null || activeNode === void 0 ? void 0 : activeNode.nodeType) || '') || syncedBlockTypes.includes((node === null || node === void 0 ? void 0 : node.type.name) || '')) && editorExperiment('platform_synced_block', true) && !expValEquals('platform_synced_block_patch_6', 'isEnabled', true)) {
     return false;
   }
   if ((node === null || node === void 0 ? void 0 : node.type.name) === 'layoutSection') {

package/dist/es2019/pm-plugins/utils/update-selection.js

@@ -1,5 +1,6 @@
 import { GapCursorSelection, Side } from '@atlaskit/editor-common/selection';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
+// eslint-disable-next-line @typescript-eslint/consistent-type-imports
 import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 export const getInsertLayoutStep = tr => tr.steps.find(step => {
   var _step$slice$content$f;

package/dist/es2019/ui/drag-handle-nested-icon.js

@@ -3,7 +3,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 const spanStyles = css({
   display: 'inline-block',

package/dist/es2019/ui/drag-handle.js

@@ -5,7 +5,7 @@
 
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { bind } from 'bind-event-listener';
 import { getDocument } from '@atlaskit/browser-apis';

package/dist/es2019/ui/drop-target-layout.js

@@ -4,7 +4,7 @@
  */
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { layoutBreakpointWidth } from '@atlaskit/editor-shared-styles';
 import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';

package/dist/es2019/ui/drop-target.js

@@ -5,7 +5,7 @@ import _extends from "@babel/runtime/helpers/extends";
  */
 import { Fragment, useEffect, useMemo, useRef, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';
@@ -101,12 +101,13 @@ const HoverZone = ({
     return node ? getNodeAnchor(node) : '';
   }, [api, node, pos, position]);
   const [_isActive, setActiveAnchor] = useActiveAnchorTracker(anchorName);
+  const isInsideBodiedSyncBlock = parent && parent.type.name === 'bodiedSyncBlock' && expValEquals('platform_synced_block', 'isEnabled', true) && expValEquals('platform_synced_block_patch_6', 'isEnabled', true);
   useEffect(() => {
     if (ref.current) {
       return dropTargetForElements({
         element: ref.current,
         onDragEnter: () => {
-          if (!isNestedDropTarget && editorExperiment('advanced_layouts', true)) {
+          if ((!isNestedDropTarget || isInsideBodiedSyncBlock) && editorExperiment('advanced_layouts', true)) {
             setActiveAnchor();
           }
           onDragEnter();
@@ -115,7 +116,7 @@ const HoverZone = ({
         onDrop
       });
     }
-  }, [isNestedDropTarget, onDragEnter, onDragLeave, onDrop, setActiveAnchor]);
+  }, [isNestedDropTarget, isInsideBodiedSyncBlock, onDragEnter, onDragLeave, onDrop, setActiveAnchor]);
   const hoverZoneUpperStyle = useMemo(() => {
     const heightStyleOffset = `var(--editor-block-controls-drop-indicator-gap, 0)/2`;
     const transformOffset = `var(${EDITOR_BLOCK_CONTROLS_DROP_INDICATOR_OFFSET}, 0)`;
@@ -231,6 +232,7 @@ export const DropTarget = props => {
     [EDITOR_BLOCK_CONTROLS_DROP_TARGET_LEFT_MARGIN]: isNestedDropTarget ? getNestedNodeLeftPaddingMargin(parentNode === null || parentNode === void 0 ? void 0 : parentNode.type.name) : '0',
     [EDITOR_BLOCK_CONTROLS_DROP_TARGET_ZINDEX]: layers.navigation()
   };
+  const isShowInlineDropTarget = shouldAllowInlineDropTarget(isNestedDropTarget, nextNode, isSameLayout, activeNode, parentNode);
   return jsx(Fragment, null, jsx(HoverZone, {
     onDragEnter: () => setIsDraggedOver(true),
     onDragLeave: () => setIsDraggedOver(false),
@@ -267,7 +269,7 @@ export const DropTarget = props => {
     position: "lower",
     isNestedDropTarget: isNestedDropTarget,
     api: api
-  }), shouldAllowInlineDropTarget(isNestedDropTarget, nextNode, isSameLayout, activeNode) && jsx(Fragment, null, jsx(InlineDropTarget
+  }), isShowInlineDropTarget && jsx(Fragment, null, jsx(InlineDropTarget
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading
   , _extends({}, props, {

package/dist/es2019/ui/global-styles.js

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, Global, jsx } from '@emotion/react';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { ANCHOR_VARIABLE_NAME, DRAG_HANDLE_WIDTH, isCSSAnchorSupported, tableControlsSpacing } from '@atlaskit/editor-common/styles';

package/dist/es2019/ui/inline-drop-target.js

@@ -6,7 +6,7 @@
  */
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { akEditorBreakoutPadding } from '@atlaskit/editor-shared-styles';
 import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';

package/dist/es2019/ui/quick-insert-button.js

@@ -5,7 +5,7 @@
 
 import React, { useCallback, useEffect, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { bind } from 'bind-event-listener';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';

package/dist/es2019/ui/visibility-container.js

@@ -4,7 +4,7 @@
  */
 import React, { useEffect, useRef, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';

package/dist/esm/editor-commands/move-to-layout.js

@@ -128,16 +128,21 @@ var canMoveToLayout = function canMoveToLayout(api, from, to, tr, moveNodeAtCurs
   var _ref3 = tr.doc.type.schema.nodes || {},
     layoutSection = _ref3.layoutSection,
     layoutColumn = _ref3.layoutColumn,
-    doc = _ref3.doc;
+    doc = _ref3.doc,
+    bodiedSyncBlock = _ref3.bodiedSyncBlock;
 
   // layout plugin does not exist
   if (!layoutSection || !layoutColumn) {
     return;
   }
   var $to = tr.doc.resolve(to);
+  var allowedParentTypes = [doc, layoutSection];
+  if (bodiedSyncBlock && expValEquals('platform_synced_block', 'isEnabled', true) && expValEquals('platform_synced_block_patch_6', 'isEnabled', true)) {
+    allowedParentTypes.push(bodiedSyncBlock);
+  }
 
   // drop at invalid position, not top level, or not a layout column
-  if (!$to.nodeAfter || ![doc, layoutSection].includes($to.parent.type)) {
+  if (!$to.nodeAfter || !allowedParentTypes.includes($to.parent.type)) {
     return;
   }
   var $from = tr.doc.resolve(from);

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

@@ -1,4 +1,5 @@
 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';
@@ -6,7 +7,13 @@ 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;
+  var parentNode = arguments.length > 4 ? arguments[4] : undefined;
+  var isInsideBodiedSyncBlock = (parentNode === null || parentNode === void 0 ? void 0 : parentNode.type.name) === 'bodiedSyncBlock';
   if (editorExperiment('advanced_layouts', false) || isNested) {
+    // If nested inside bodiedSyncBlock, enable inline drop target so user can drop to create a layout inside it
+    if (isInsideBodiedSyncBlock && expValEquals('platform_synced_block', 'isEnabled', true) && expValEquals('platform_synced_block_patch_6', 'isEnabled', true)) {
+      return true;
+    }
     return false;
   }
   if (isWrappedMedia(node)) {
@@ -15,7 +22,7 @@ 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) || '')) && editorExperiment('platform_synced_block', true)) {
+  if ((syncedBlockTypes.includes((activeNode === null || activeNode === void 0 ? void 0 : activeNode.nodeType) || '') || syncedBlockTypes.includes((node === null || node === void 0 ? void 0 : node.type.name) || '')) && editorExperiment('platform_synced_block', true) && !expValEquals('platform_synced_block_patch_6', 'isEnabled', true)) {
     return false;
   }
   if ((node === null || node === void 0 ? void 0 : node.type.name) === 'layoutSection') {

package/dist/esm/pm-plugins/utils/update-selection.js

@@ -1,5 +1,6 @@
 import { GapCursorSelection, Side } from '@atlaskit/editor-common/selection';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
+// eslint-disable-next-line @typescript-eslint/consistent-type-imports
 import { ReplaceStep } from '@atlaskit/editor-prosemirror/transform';
 export var getInsertLayoutStep = function getInsertLayoutStep(tr) {
   return tr.steps.find(function (step) {

package/dist/esm/ui/drag-handle-nested-icon.js

@@ -3,7 +3,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 var spanStyles = css({
   display: 'inline-block',

package/dist/esm/ui/drag-handle.js

@@ -10,7 +10,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { bind } from 'bind-event-listener';
 import { getDocument } from '@atlaskit/browser-apis';

package/dist/esm/ui/drop-target-layout.js

@@ -6,7 +6,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
  */
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { layoutBreakpointWidth } from '@atlaskit/editor-shared-styles';
 import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';

package/dist/esm/ui/drop-target.js

@@ -7,7 +7,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
  */
 import { Fragment, useEffect, useMemo, useRef, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';
@@ -105,12 +105,13 @@ var HoverZone = function HoverZone(_ref) {
     _useActiveAnchorTrack2 = _slicedToArray(_useActiveAnchorTrack, 2),
     _isActive = _useActiveAnchorTrack2[0],
     setActiveAnchor = _useActiveAnchorTrack2[1];
+  var isInsideBodiedSyncBlock = parent && parent.type.name === 'bodiedSyncBlock' && expValEquals('platform_synced_block', 'isEnabled', true) && expValEquals('platform_synced_block_patch_6', 'isEnabled', true);
   useEffect(function () {
     if (ref.current) {
       return dropTargetForElements({
         element: ref.current,
         onDragEnter: function onDragEnter() {
-          if (!isNestedDropTarget && editorExperiment('advanced_layouts', true)) {
+          if ((!isNestedDropTarget || isInsideBodiedSyncBlock) && editorExperiment('advanced_layouts', true)) {
             setActiveAnchor();
           }
           _onDragEnter();
@@ -119,7 +120,7 @@ var HoverZone = function HoverZone(_ref) {
         onDrop: onDrop
       });
     }
-  }, [isNestedDropTarget, _onDragEnter, onDragLeave, onDrop, setActiveAnchor]);
+  }, [isNestedDropTarget, isInsideBodiedSyncBlock, _onDragEnter, onDragLeave, onDrop, setActiveAnchor]);
   var hoverZoneUpperStyle = useMemo(function () {
     var heightStyleOffset = "var(--editor-block-controls-drop-indicator-gap, 0)/2";
     var transformOffset = "var(".concat(EDITOR_BLOCK_CONTROLS_DROP_INDICATOR_OFFSET, ", 0)");
@@ -230,6 +231,7 @@ export var DropTarget = function DropTarget(props) {
   var dynamicStyle = _defineProperty(_defineProperty(_defineProperty({
     width: isNestedDropTarget ? 'unset' : '100%'
   }, EDITOR_BLOCK_CONTROLS_DROP_INDICATOR_WIDTH, isNestedDropTarget ? '100%' : "".concat(lineLength || DEFAULT_DROP_INDICATOR_WIDTH, "px")), EDITOR_BLOCK_CONTROLS_DROP_TARGET_LEFT_MARGIN, isNestedDropTarget ? getNestedNodeLeftPaddingMargin(parentNode === null || parentNode === void 0 ? void 0 : parentNode.type.name) : '0'), EDITOR_BLOCK_CONTROLS_DROP_TARGET_ZINDEX, layers.navigation());
+  var isShowInlineDropTarget = shouldAllowInlineDropTarget(isNestedDropTarget, nextNode, isSameLayout, activeNode, parentNode);
   return jsx(Fragment, null, jsx(HoverZone, {
     onDragEnter: function onDragEnter() {
       return setIsDraggedOver(true);
@@ -274,7 +276,7 @@ export var DropTarget = function DropTarget(props) {
     position: "lower",
     isNestedDropTarget: isNestedDropTarget,
     api: api
-  }), shouldAllowInlineDropTarget(isNestedDropTarget, nextNode, isSameLayout, activeNode) && jsx(Fragment, null, jsx(InlineDropTarget
+  }), isShowInlineDropTarget && jsx(Fragment, null, jsx(InlineDropTarget
   // Ignored via go/ees005
   // eslint-disable-next-line react/jsx-props-no-spreading
   , _extends({}, props, {

package/dist/esm/ui/global-styles.js

@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  * @jsxRuntime classic
  * @jsx jsx
  */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-global-styles, @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, Global, jsx } from '@emotion/react';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { ANCHOR_VARIABLE_NAME, DRAG_HANDLE_WIDTH, isCSSAnchorSupported, tableControlsSpacing } from '@atlaskit/editor-common/styles';

package/dist/esm/ui/inline-drop-target.js

@@ -8,7 +8,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
  */
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { akEditorBreakoutPadding } from '@atlaskit/editor-shared-styles';
 import { DropIndicator } from '@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box';

package/dist/esm/ui/quick-insert-button.js

@@ -9,7 +9,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 import React, { useCallback, useEffect, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { bind } from 'bind-event-listener';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';

package/dist/esm/ui/visibility-container.js

@@ -6,7 +6,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  */
 import React, { useEffect, useRef, useState } from 'react';
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
 import { akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';

package/dist/types/pm-plugins/utils/anchor-utils.d.ts

@@ -1,5 +1,6 @@
+import { type MemoizedFn } from 'memoize-one';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-export declare const isAnchorSupported: import("memoize-one").MemoizedFn<() => boolean>;
+export declare const isAnchorSupported: MemoizedFn<() => boolean>;
 type RectInfo = {
     bottom: number;
     height: number;

package/dist/types/pm-plugins/utils/getSelection.d.ts

@@ -15,8 +15,8 @@ export declare const isNodeWithCodeBlock: (tr: Transaction, start: number, nodeS
  * @param start The start position of the node.
  * @returns The appropriate selection for the node.
  */
-export declare const newGetSelection: (doc: PMNode, selectionEmpty: boolean, start: number) => false | NodeSelection | TextSelection;
-export declare const getSelection: (tr: Transaction, start: number, api?: ExtractInjectionAPI<BlockControlsPlugin>) => false | NodeSelection | TextSelection;
+export declare const newGetSelection: (doc: PMNode, selectionEmpty: boolean, start: number) => false | TextSelection | NodeSelection;
+export declare const getSelection: (tr: Transaction, start: number, api?: ExtractInjectionAPI<BlockControlsPlugin>) => false | TextSelection | NodeSelection;
 export declare const selectNode: (tr: Transaction, start: number, nodeType: string, api?: ExtractInjectionAPI<BlockControlsPlugin>) => Transaction;
 export declare const setCursorPositionAtMovedNode: (tr: Transaction, start: number, api?: ExtractInjectionAPI<BlockControlsPlugin>) => Transaction;
 /**

package/dist/types/pm-plugins/utils/inline-drop-target.d.ts

@@ -4,4 +4,4 @@ export declare const shouldAllowInlineDropTarget: (isNested: boolean, node?: PMN
 /**
  * Is the active node in the same layout as the target node
  */
-isSameLayout?: boolean, activeNode?: ActiveNode) => boolean;
+isSameLayout?: boolean, activeNode?: ActiveNode, parentNode?: PMNode) => boolean;

package/dist/types/pm-plugins/utils/marks.d.ts

@@ -1,3 +1,4 @@
+import type { Mark } from '@atlaskit/editor-prosemirror/model';
 import { type EditorState } from '@atlaskit/editor-prosemirror/state';
 /**
  * Returns list of block marks on schema that widgets are allowed to render inside
@@ -13,4 +14,4 @@ import { type EditorState } from '@atlaskit/editor-prosemirror/state';
  * // [indent, alignment]
  * ```
  */
-export declare const getActiveBlockMarks: (state: EditorState, pos: number) => import("prosemirror-model").Mark[];
+export declare const getActiveBlockMarks: (state: EditorState, pos: number) => Mark[];

package/dist/types/pm-plugins/utils/selection.d.ts

@@ -1,6 +1,7 @@
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { ResolvedPos } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, TextSelection, type ReadonlyTransaction, type Selection, type Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { CellSelection } from '@atlaskit/editor-tables';
 import type { BlockControlsPlugin } from '../../blockControlsPluginType';
 export declare const getMultiSelectionIfPosInside: (api: ExtractInjectionAPI<BlockControlsPlugin>, pos: number, tr?: Transaction) => {
     anchor?: number;
@@ -66,4 +67,4 @@ export declare const adjustSelectionBoundsForEdgePositions: ($from: ResolvedPos,
  * @param $to The resolved position of the end of the selection
  * @returns A Selection or undefined if selection is invalid
  */
-export declare const createPreservedSelection: ($from: ResolvedPos, $to: ResolvedPos) => NodeSelection | TextSelection | import("@atlaskit/editor-tables").CellSelection | undefined;
+export declare const createPreservedSelection: ($from: ResolvedPos, $to: ResolvedPos) => TextSelection | CellSelection | NodeSelection | undefined;

package/dist/types/pm-plugins/utils/update-selection.d.ts

@@ -1,3 +1,4 @@
 import { type Transaction } from '@atlaskit/editor-prosemirror/state';
-export declare const getInsertLayoutStep: (tr: Transaction) => import("prosemirror-transform").Step | undefined;
+import { Step } from '@atlaskit/editor-prosemirror/transform';
+export declare const getInsertLayoutStep: (tr: Transaction) => Step | undefined;
 export declare const updateSelection: (tr: Transaction, to: number, insertAtRight?: boolean) => Transaction;

package/dist/types/pm-plugins/utils/validation.d.ts

@@ -1,3 +1,4 @@
+import { type MemoizedFn } from 'memoize-one';
 import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
 import type { NodeType, Node as PMNode, ResolvedPos } from '@atlaskit/editor-prosemirror/model';
 export declare const isInsideTable: (nodeType: NodeType) => Boolean;
@@ -16,7 +17,7 @@ export declare const isInSameLayout: ($from: ResolvedPos, $to: ResolvedPos) => b
 export declare const transformExpandToNestedExpand: (expandNode: PMNode) => PMNode | null;
 export declare const transformFragmentExpandToNestedExpand: (fragment: Fragment) => Fragment | null;
 export declare const transformSliceExpandToNestedExpand: (slice: Slice) => Slice | null;
-export declare const memoizedTransformExpandToNestedExpand: import("memoize-one").MemoizedFn<(node: PMNode) => PMNode | null>;
+export declare const memoizedTransformExpandToNestedExpand: MemoizedFn<(node: PMNode) => PMNode | null>;
 export declare const canCreateNodeWithContentInsideAnotherNode: (nodeTypesToCreate: NodeType[], nodeWithTargetFragment: Fragment) => boolean;
 export declare function canMoveNodeToIndex(destParent: PMNode, indexIntoParent: number, srcNode: PMNode, $destNodePos: ResolvedPos, destNode?: PMNode): boolean;
 export declare function canMoveSliceToIndex(slice: Slice, sliceFromPos: number, sliceToPos: number, destParent: PMNode, indexIntoParent: number, $destNodePos: ResolvedPos, destNode?: PMNode): boolean;

package/dist/types/ui/consts.d.ts

@@ -32,7 +32,7 @@ export declare const QUICK_INSERT_DIMENSIONS: {
 export declare const QUICK_INSERT_LEFT_OFFSET = 16;
 export declare const dragHandleGap: (nodeType: string, parentNodeType?: string) => number;
 export declare const rootElementGap: (nodeType: string) => number;
-export declare const getNestedNodeLeftPaddingMargin: (nodeType?: string) => "8px" | "16px" | "20px" | "24px" | "28px" | "40px";
+export declare const getNestedNodeLeftPaddingMargin: (nodeType?: string) => "24px" | "8px" | "16px" | "20px" | "28px" | "40px";
 export declare const topPositionAdjustment: (nodeType: string) => number;
 export declare const dropTargetMarginMap: {
     [key: number]: string;

package/dist/types/ui/utils/dom-attr-name.d.ts

@@ -1,5 +1,5 @@
 export declare const NODE_ANCHOR_ATTR_NAME = "data-node-anchor";
 export declare const NODE_NODE_TYPE_ATTR_NAME = "data-prosemirror-node-name";
-export declare const getAnchorAttrName: () => "data-node-anchor" | "data-drag-handler-anchor-name";
-export declare const getTypeNameAttrName: () => "data-prosemirror-node-name" | "data-drag-handler-node-type";
+export declare const getAnchorAttrName: () => "data-drag-handler-anchor-name" | "data-node-anchor";
+export declare const getTypeNameAttrName: () => "data-drag-handler-node-type" | "data-prosemirror-node-name";
 export declare const getTypeNameFromDom: (element?: Element | null) => string;

package/dist/types/ui/visibility-container.d.ts

@@ -11,5 +11,5 @@ interface VisibilityContainerProps {
     children: React.ReactNode;
     controlSide?: 'left' | 'right';
 }
-export declare const VisibilityContainer: ({ api, children, controlSide }: VisibilityContainerProps) => jsx.JSX.Element;
+export declare const VisibilityContainer: ({ api, children, controlSide, }: VisibilityContainerProps) => jsx.JSX.Element;
 export {};

package/dist/types-ts4.5/pm-plugins/utils/anchor-utils.d.ts

@@ -1,5 +1,6 @@
+import { type MemoizedFn } from 'memoize-one';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-export declare const isAnchorSupported: import("memoize-one").MemoizedFn<() => boolean>;
+export declare const isAnchorSupported: MemoizedFn<() => boolean>;
 type RectInfo = {
     bottom: number;
     height: number;

package/dist/types-ts4.5/pm-plugins/utils/getSelection.d.ts

@@ -15,8 +15,8 @@ export declare const isNodeWithCodeBlock: (tr: Transaction, start: number, nodeS
  * @param start The start position of the node.
  * @returns The appropriate selection for the node.
  */
-export declare const newGetSelection: (doc: PMNode, selectionEmpty: boolean, start: number) => false | NodeSelection | TextSelection;
-export declare const getSelection: (tr: Transaction, start: number, api?: ExtractInjectionAPI<BlockControlsPlugin>) => false | NodeSelection | TextSelection;
+export declare const newGetSelection: (doc: PMNode, selectionEmpty: boolean, start: number) => false | TextSelection | NodeSelection;
+export declare const getSelection: (tr: Transaction, start: number, api?: ExtractInjectionAPI<BlockControlsPlugin>) => false | TextSelection | NodeSelection;
 export declare const selectNode: (tr: Transaction, start: number, nodeType: string, api?: ExtractInjectionAPI<BlockControlsPlugin>) => Transaction;
 export declare const setCursorPositionAtMovedNode: (tr: Transaction, start: number, api?: ExtractInjectionAPI<BlockControlsPlugin>) => Transaction;
 /**

package/dist/types-ts4.5/pm-plugins/utils/inline-drop-target.d.ts

@@ -4,4 +4,4 @@ export declare const shouldAllowInlineDropTarget: (isNested: boolean, node?: PMN
 /**
  * Is the active node in the same layout as the target node
  */
-isSameLayout?: boolean, activeNode?: ActiveNode) => boolean;
+isSameLayout?: boolean, activeNode?: ActiveNode, parentNode?: PMNode) => boolean;

package/dist/types-ts4.5/pm-plugins/utils/marks.d.ts

@@ -1,3 +1,4 @@
+import type { Mark } from '@atlaskit/editor-prosemirror/model';
 import { type EditorState } from '@atlaskit/editor-prosemirror/state';
 /**
  * Returns list of block marks on schema that widgets are allowed to render inside
@@ -13,4 +14,4 @@ import { type EditorState } from '@atlaskit/editor-prosemirror/state';
  * // [indent, alignment]
  * ```
  */
-export declare const getActiveBlockMarks: (state: EditorState, pos: number) => import("prosemirror-model").Mark[];
+export declare const getActiveBlockMarks: (state: EditorState, pos: number) => Mark[];

package/dist/types-ts4.5/pm-plugins/utils/selection.d.ts

@@ -1,6 +1,7 @@
 import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { ResolvedPos } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, TextSelection, type ReadonlyTransaction, type Selection, type Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { CellSelection } from '@atlaskit/editor-tables';
 import type { BlockControlsPlugin } from '../../blockControlsPluginType';
 export declare const getMultiSelectionIfPosInside: (api: ExtractInjectionAPI<BlockControlsPlugin>, pos: number, tr?: Transaction) => {
     anchor?: number;
@@ -66,4 +67,4 @@ export declare const adjustSelectionBoundsForEdgePositions: ($from: ResolvedPos,
  * @param $to The resolved position of the end of the selection
  * @returns A Selection or undefined if selection is invalid
  */
-export declare const createPreservedSelection: ($from: ResolvedPos, $to: ResolvedPos) => NodeSelection | TextSelection | import("@atlaskit/editor-tables").CellSelection | undefined;
+export declare const createPreservedSelection: ($from: ResolvedPos, $to: ResolvedPos) => TextSelection | CellSelection | NodeSelection | undefined;

package/dist/types-ts4.5/pm-plugins/utils/update-selection.d.ts

@@ -1,3 +1,4 @@
 import { type Transaction } from '@atlaskit/editor-prosemirror/state';
-export declare const getInsertLayoutStep: (tr: Transaction) => import("prosemirror-transform").Step | undefined;
+import { Step } from '@atlaskit/editor-prosemirror/transform';
+export declare const getInsertLayoutStep: (tr: Transaction) => Step | undefined;
 export declare const updateSelection: (tr: Transaction, to: number, insertAtRight?: boolean) => Transaction;

package/dist/types-ts4.5/pm-plugins/utils/validation.d.ts

@@ -1,3 +1,4 @@
+import { type MemoizedFn } from 'memoize-one';
 import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
 import type { NodeType, Node as PMNode, ResolvedPos } from '@atlaskit/editor-prosemirror/model';
 export declare const isInsideTable: (nodeType: NodeType) => Boolean;
@@ -16,7 +17,7 @@ export declare const isInSameLayout: ($from: ResolvedPos, $to: ResolvedPos) => b
 export declare const transformExpandToNestedExpand: (expandNode: PMNode) => PMNode | null;
 export declare const transformFragmentExpandToNestedExpand: (fragment: Fragment) => Fragment | null;
 export declare const transformSliceExpandToNestedExpand: (slice: Slice) => Slice | null;
-export declare const memoizedTransformExpandToNestedExpand: import("memoize-one").MemoizedFn<(node: PMNode) => PMNode | null>;
+export declare const memoizedTransformExpandToNestedExpand: MemoizedFn<(node: PMNode) => PMNode | null>;
 export declare const canCreateNodeWithContentInsideAnotherNode: (nodeTypesToCreate: NodeType[], nodeWithTargetFragment: Fragment) => boolean;
 export declare function canMoveNodeToIndex(destParent: PMNode, indexIntoParent: number, srcNode: PMNode, $destNodePos: ResolvedPos, destNode?: PMNode): boolean;
 export declare function canMoveSliceToIndex(slice: Slice, sliceFromPos: number, sliceToPos: number, destParent: PMNode, indexIntoParent: number, $destNodePos: ResolvedPos, destNode?: PMNode): boolean;

package/dist/types-ts4.5/ui/consts.d.ts

@@ -32,7 +32,7 @@ export declare const QUICK_INSERT_DIMENSIONS: {
 export declare const QUICK_INSERT_LEFT_OFFSET = 16;
 export declare const dragHandleGap: (nodeType: string, parentNodeType?: string) => number;
 export declare const rootElementGap: (nodeType: string) => number;
-export declare const getNestedNodeLeftPaddingMargin: (nodeType?: string) => "8px" | "16px" | "20px" | "24px" | "28px" | "40px";
+export declare const getNestedNodeLeftPaddingMargin: (nodeType?: string) => "24px" | "8px" | "16px" | "20px" | "28px" | "40px";
 export declare const topPositionAdjustment: (nodeType: string) => number;
 export declare const dropTargetMarginMap: {
     [key: number]: string;

package/dist/types-ts4.5/ui/utils/dom-attr-name.d.ts

@@ -1,5 +1,5 @@
 export declare const NODE_ANCHOR_ATTR_NAME = "data-node-anchor";
 export declare const NODE_NODE_TYPE_ATTR_NAME = "data-prosemirror-node-name";
-export declare const getAnchorAttrName: () => "data-node-anchor" | "data-drag-handler-anchor-name";
-export declare const getTypeNameAttrName: () => "data-prosemirror-node-name" | "data-drag-handler-node-type";
+export declare const getAnchorAttrName: () => "data-drag-handler-anchor-name" | "data-node-anchor";
+export declare const getTypeNameAttrName: () => "data-drag-handler-node-type" | "data-prosemirror-node-name";
 export declare const getTypeNameFromDom: (element?: Element | null) => string;

package/dist/types-ts4.5/ui/visibility-container.d.ts

@@ -11,5 +11,5 @@ interface VisibilityContainerProps {
     children: React.ReactNode;
     controlSide?: 'left' | 'right';
 }
-export declare const VisibilityContainer: ({ api, children, controlSide }: VisibilityContainerProps) => jsx.JSX.Element;
+export declare const VisibilityContainer: ({ api, children, controlSide, }: VisibilityContainerProps) => jsx.JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-block-controls",
-	"version": "8.12.0",
+	"version": "9.0.1",
 	"description": "Block controls plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -30,20 +30,20 @@
 	"dependencies": {
 		"@atlaskit/browser-apis": "^0.0.1",
 		"@atlaskit/button": "^23.10.0",
-		"@atlaskit/editor-plugin-accessibility-utils": "^7.0.0",
-		"@atlaskit/editor-plugin-analytics": "^7.0.0",
-		"@atlaskit/editor-plugin-editor-disabled": "^7.0.0",
-		"@atlaskit/editor-plugin-editor-viewmode": "^9.0.0",
-		"@atlaskit/editor-plugin-feature-flags": "^6.0.0",
-		"@atlaskit/editor-plugin-interaction": "^14.0.0",
-		"@atlaskit/editor-plugin-limited-mode": "^4.0.0",
-		"@atlaskit/editor-plugin-metrics": "^8.0.0",
-		"@atlaskit/editor-plugin-quick-insert": "^7.5.0",
-		"@atlaskit/editor-plugin-selection": "^7.1.0",
-		"@atlaskit/editor-plugin-toolbar": "^4.1.0",
-		"@atlaskit/editor-plugin-type-ahead": "^7.0.0",
-		"@atlaskit/editor-plugin-user-intent": "^5.0.0",
-		"@atlaskit/editor-plugin-width": "^8.1.0",
+		"@atlaskit/editor-plugin-accessibility-utils": "^8.0.0",
+		"@atlaskit/editor-plugin-analytics": "^8.0.0",
+		"@atlaskit/editor-plugin-editor-disabled": "^8.0.0",
+		"@atlaskit/editor-plugin-editor-viewmode": "^10.0.0",
+		"@atlaskit/editor-plugin-feature-flags": "^7.0.0",
+		"@atlaskit/editor-plugin-interaction": "^15.0.0",
+		"@atlaskit/editor-plugin-limited-mode": "^5.0.0",
+		"@atlaskit/editor-plugin-metrics": "^9.0.0",
+		"@atlaskit/editor-plugin-quick-insert": "^8.0.0",
+		"@atlaskit/editor-plugin-selection": "^8.0.0",
+		"@atlaskit/editor-plugin-toolbar": "^5.0.0",
+		"@atlaskit/editor-plugin-type-ahead": "^8.0.0",
+		"@atlaskit/editor-plugin-user-intent": "^6.0.0",
+		"@atlaskit/editor-plugin-width": "^9.0.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/editor-shared-styles": "^3.10.0",
 		"@atlaskit/editor-tables": "^2.9.0",
@@ -56,7 +56,7 @@
 		"@atlaskit/pragmatic-drag-and-drop-react-drop-indicator": "^3.2.0",
 		"@atlaskit/primitives": "^18.0.0",
 		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tmp-editor-statsig": "^35.6.0",
+		"@atlaskit/tmp-editor-statsig": "^36.0.0",
 		"@atlaskit/tokens": "^11.1.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@babel/runtime": "^7.0.0",
@@ -67,7 +67,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^111.33.0",
+		"@atlaskit/editor-common": "^112.0.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"