@atlaskit/editor-plugin-block-controls 2.13.27 → 2.13.29

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/editor-plugin-block-controls
 
+## 2.13.29
+
+### Patch Changes
+
+- [#169341](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/169341)
+  [`b8cceed0c0786`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b8cceed0c0786) -
+  ED-25806: migrates file structure to editor engineering standards
+
+## 2.13.28
+
+### Patch Changes
+
+- [#170667](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/170667)
+  [`4932e429b1256`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4932e429b1256) -
+  [ED-25679] Fix inline drop target positioning for block card, embeded card and chart extension
+  with breakout layout
+
 ## 2.13.27
 
 ### Patch Changes

package/dist/cjs/{plugin.js → blockControlsPlugin.js}

@@ -7,12 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.blockControlsPlugin = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _moveNode = require("./commands/move-node");
-var _moveToLayout = require("./commands/move-to-layout");
+var _moveNode = require("./editor-commands/move-node");
+var _moveToLayout = require("./editor-commands/move-to-layout");
 var _main = require("./pm-plugins/main");
+var _utils = require("./pm-plugins/utils");
 var _dragHandleMenu = require("./ui/drag-handle-menu");
 var _globalStyles = require("./ui/global-styles");
-var _utils = require("./utils");
 var blockControlsPlugin = exports.blockControlsPlugin = function blockControlsPlugin(_ref) {
   var api = _ref.api;
   return {

package/dist/cjs/{commands → editor-commands}/move-node.js

@@ -17,12 +17,12 @@ var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _utils3 = require("@atlaskit/editor-tables/utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
-var _consts = require("../consts");
 var _main = require("../pm-plugins/main");
-var _utils4 = require("../utils");
-var _getSelection = require("../utils/getSelection");
-var _removeFromSource = require("../utils/remove-from-source");
-var _validation = require("../utils/validation");
+var _utils4 = require("../pm-plugins/utils");
+var _consts = require("../pm-plugins/utils/consts");
+var _getSelection = require("../pm-plugins/utils/getSelection");
+var _removeFromSource = require("../pm-plugins/utils/remove-from-source");
+var _validation = require("../pm-plugins/utils/validation");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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; }
 /**

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

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.moveToLayout = void 0;
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
-var _consts = require("../consts");
+var _consts = require("../pm-plugins/utils/consts");
+var _removeFromSource = require("../pm-plugins/utils/remove-from-source");
+var _updateColumnWidths = require("../pm-plugins/utils/update-column-widths");
+var _validation = require("../pm-plugins/utils/validation");
 var _consts2 = require("../ui/consts");
-var _removeFromSource = require("../utils/remove-from-source");
-var _updateColumnWidths = require("../utils/update-column-widths");
-var _validation = require("../utils/validation");
 var createNewLayout = function createNewLayout(schema, layoutContents) {
   if (layoutContents.length === 0 || layoutContents.length > (0, _consts.maxLayoutColumnSupported)()) {
     return null;

package/dist/cjs/{commands → editor-commands}/show-drag-handle.js

@@ -8,7 +8,7 @@ var _utils = require("@atlaskit/editor-tables/utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _main = require("../pm-plugins/main");
-var _utils2 = require("../utils");
+var _utils2 = require("../pm-plugins/utils");
 var showDragHandleAtSelection = exports.showDragHandleAtSelection = function showDragHandleAtSelection(api, shouldFocusParentNode) {
   return function (state, _, view) {
     var $from = state.selection.$from;

package/dist/cjs/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "blockControlsPlugin", {
   enumerable: true,
   get: function get() {
-    return _plugin.blockControlsPlugin;
+    return _blockControlsPlugin.blockControlsPlugin;
   }
 });
-var _plugin = require("./plugin");
+var _blockControlsPlugin = require("./blockControlsPlugin");

package/dist/cjs/pm-plugins/decorations-anchor.js

@@ -9,8 +9,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
-var _advancedLayoutsFlags = require("../utils/advanced-layouts-flags");
 var _decorationsCommon = require("./decorations-common");
+var _advancedLayoutsFlags = require("./utils/advanced-layouts-flags");
 var IGNORE_NODES = ['tableCell', 'tableHeader', 'tableRow', 'listItem', 'caption', 'layoutColumn'];
 var IGNORE_NODES_NEXT = ['tableCell', 'tableHeader', 'tableRow', 'listItem', 'caption'];
 var IGNORE_NODE_DESCENDANTS = ['listItem', 'taskList', 'decisionList', 'mediaSingle'];

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

@@ -13,15 +13,15 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _view = require("@atlaskit/editor-prosemirror/view");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
-var _consts = require("../consts");
-var _consts2 = require("../ui/consts");
+var _consts = require("../ui/consts");
 var _dropTarget = require("../ui/drop-target");
 var _dropTargetLayout = require("../ui/drop-target-layout");
 var _dropTargetV = require("../ui/drop-target-v2");
-var _advancedLayoutsFlags = require("../utils/advanced-layouts-flags");
-var _dragTargetDebug = require("../utils/drag-target-debug");
-var _validation = require("../utils/validation");
 var _decorationsCommon = require("./decorations-common");
+var _advancedLayoutsFlags = require("./utils/advanced-layouts-flags");
+var _consts2 = require("./utils/consts");
+var _dragTargetDebug = require("./utils/drag-target-debug");
+var _validation = require("./utils/validation");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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; }
 var IGNORE_NODES = ['tableCell', 'tableHeader', 'tableRow', 'layoutColumn', 'listItem', 'caption'];
@@ -35,13 +35,13 @@ var shouldDescend = function shouldDescend(node) {
 };
 var getNodeMargins = function getNodeMargins(node) {
   if (!node) {
-    return _consts2.nodeMargins['default'];
+    return _consts.nodeMargins['default'];
   }
   var nodeTypeName = node.type.name;
   if (nodeTypeName === 'heading') {
-    return _consts2.nodeMargins["heading".concat(node.attrs.level)] || _consts2.nodeMargins['default'];
+    return _consts.nodeMargins["heading".concat(node.attrs.level)] || _consts.nodeMargins['default'];
   }
-  return _consts2.nodeMargins[nodeTypeName] || _consts2.nodeMargins['default'];
+  return _consts.nodeMargins[nodeTypeName] || _consts.nodeMargins['default'];
 };
 var shouldCollapseMargin = function shouldCollapseMargin(prevNode, nextNode) {
   if (((prevNode === null || prevNode === void 0 ? void 0 : prevNode.type.name) === 'mediaSingle' || (nextNode === null || nextNode === void 0 ? void 0 : nextNode.type.name) === 'mediaSingle') && (prevNode === null || prevNode === void 0 ? void 0 : prevNode.type.name) !== (nextNode === null || nextNode === void 0 ? void 0 : nextNode.type.name)) {
@@ -201,7 +201,7 @@ var dropTargetDecorations = exports.dropTargetDecorations = function dropTargetD
         }
         if (node.type.name === 'layoutColumn' && (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'layoutSection' && index !== 0 && (
         // Not the first node
-        (parent === null || parent === void 0 ? void 0 : parent.childCount) < (0, _consts.maxLayoutColumnSupported)() || isSameLayout)) {
+        (parent === null || parent === void 0 ? void 0 : parent.childCount) < (0, _consts2.maxLayoutColumnSupported)() || isSameLayout)) {
           // Add drop target for layout columns
           decs.push(createLayoutDropTargetDecoration(pos, {
             api: api,

package/dist/cjs/pm-plugins/handle-mouse-over.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.handleMouseOver = void 0;
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
-var _advancedLayoutsFlags = require("../utils/advanced-layouts-flags");
+var _advancedLayoutsFlags = require("./utils/advanced-layouts-flags");
 var isEmptyNestedParagraphOrHeading = function isEmptyNestedParagraphOrHeading(target) {
   if (target instanceof HTMLHeadingElement || target instanceof HTMLParagraphElement) {
     var _target$parentElement;

package/dist/cjs/pm-plugins/keymap.js

@@ -8,9 +8,9 @@ var _keymaps = require("@atlaskit/editor-common/keymaps");
 var _keymap = require("@atlaskit/editor-prosemirror/keymap");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
-var _moveNode = require("../commands/move-node");
-var _showDragHandle = require("../commands/show-drag-handle");
-var _consts = require("../consts");
+var _moveNode = require("../editor-commands/move-node");
+var _showDragHandle = require("../editor-commands/show-drag-handle");
+var _consts = require("./utils/consts");
 function keymapList(api, formatMessage) {
   var keymapList = {};
   if (api && (0, _platformFeatureFlags.fg)('platform_editor_element_drag_and_drop_ed_23873')) {

package/dist/cjs/pm-plugins/main.js

@@ -19,16 +19,16 @@ var _element = require("@atlaskit/pragmatic-drag-and-drop-auto-scroll/element");
 var _combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
 var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
-var _activeAnchorTracker = require("../utils/active-anchor-tracker");
-var _advancedLayoutsFlags = require("../utils/advanced-layouts-flags");
-var _anchorUtils = require("../utils/anchor-utils");
-var _dragTargetDebug = require("../utils/drag-target-debug");
-var _transactions = require("../utils/transactions");
 var _decorationsAnchor = require("./decorations-anchor");
 var _decorationsDragHandle = require("./decorations-drag-handle");
 var _decorationsDropTarget = require("./decorations-drop-target");
 var _handleMouseOver = require("./handle-mouse-over");
 var _keymap = require("./keymap");
+var _activeAnchorTracker = require("./utils/active-anchor-tracker");
+var _advancedLayoutsFlags = require("./utils/advanced-layouts-flags");
+var _anchorUtils = require("./utils/anchor-utils");
+var _dragTargetDebug = require("./utils/drag-target-debug");
+var _transactions = require("./utils/transactions");
 var key = exports.key = new _state.PluginKey('blockControls');
 var isHTMLElement = function isHTMLElement(element) {
   return element instanceof HTMLElement;

package/dist/cjs/{consts.js → pm-plugins/utils/consts.js}

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.maxLayoutColumnSupported = exports.MIN_LAYOUT_COLUMN = exports.DIRECTION = void 0;
-var _advancedLayoutsFlags = require("./utils/advanced-layouts-flags");
+var _advancedLayoutsFlags = require("./advanced-layouts-flags");
 var DIRECTION = exports.DIRECTION = /*#__PURE__*/function (DIRECTION) {
   DIRECTION["UP"] = "up";
   DIRECTION["DOWN"] = "down";

package/dist/cjs/{utils → pm-plugins/utils}/drag-handle-positions.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getTopPosition = exports.getLeftPosition = void 0;
-var _consts = require("../ui/consts");
+var _consts = require("../../ui/consts");
 var getTopPosition = exports.getTopPosition = function getTopPosition(dom, type) {
   if (!dom) {
     return 'auto';

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.shouldAllowInlineDropTarget = void 0;
 var _utils = require("@atlaskit/editor-common/utils");
-var _consts = require("../consts");
 var _advancedLayoutsFlags = require("./advanced-layouts-flags");
 var _checkMediaLayout = require("./check-media-layout");
+var _consts = require("./consts");
 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;

package/dist/cjs/{utils → pm-plugins/utils}/remove-from-source.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.removeFromSource = void 0;
-var _consts = require("../consts");
+var _consts = require("./consts");
 var _updateColumnWidths = require("./update-column-widths");
 var removeFromSource = exports.removeFromSource = function removeFromSource(tr, $from) {
   var sourceNode = $from.nodeAfter;

package/dist/cjs/{utils → pm-plugins/utils}/update-column-widths.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.updateColumnWidths = void 0;
-var _consts = require("../ui/consts");
+var _consts = require("../../ui/consts");
 var updateColumnWidths = exports.updateColumnWidths = function updateColumnWidths(tr, layoutNode, layoutNodePos, childCount) {
   var newColumnWidth = _consts.DEFAULT_COLUMN_DISTRIBUTIONS[childCount];
   if (newColumnWidth) {

package/dist/cjs/{utils → pm-plugins/utils}/validation.js

@@ -9,7 +9,7 @@ exports.transformSliceExpandToNestedExpand = exports.transformExpandToNestedExpa
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
-var _advancedLayoutsFlags = require("../utils/advanced-layouts-flags");
+var _advancedLayoutsFlags = require("./advanced-layouts-flags");
 var isInsideTable = exports.isInsideTable = function isInsideTable(nodeType) {
   var _nodeType$schema$node = nodeType.schema.nodes,
     tableCell = _nodeType$schema$node.tableCell,

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

@@ -22,9 +22,9 @@ var _setCustomNativeDragPreview = require("@atlaskit/pragmatic-drag-and-drop/ele
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _main = require("../pm-plugins/main");
-var _utils = require("../utils");
-var _advancedLayoutsFlags = require("../utils/advanced-layouts-flags");
-var _dragHandlePositions = require("../utils/drag-handle-positions");
+var _utils = require("../pm-plugins/utils");
+var _advancedLayoutsFlags = require("../pm-plugins/utils/advanced-layouts-flags");
+var _dragHandlePositions = require("../pm-plugins/utils/drag-handle-positions");
 var _consts = require("./consts");
 var _dragPreview = require("./drag-preview");
 /**

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

@@ -14,9 +14,9 @@ var _box = require("@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box")
 var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
 var _colors = require("@atlaskit/theme/colors");
 var _decorationsCommon = require("../pm-plugins/decorations-common");
-var _activeAnchorTracker = require("../utils/active-anchor-tracker");
-var _anchorUtils = require("../utils/anchor-utils");
-var _dragTargetDebug = require("../utils/drag-target-debug");
+var _activeAnchorTracker = require("../pm-plugins/utils/active-anchor-tracker");
+var _anchorUtils = require("../pm-plugins/utils/anchor-utils");
+var _dragTargetDebug = require("../pm-plugins/utils/drag-target-debug");
 /**
  * @jsxRuntime classic
  * @jsx jsx

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

@@ -16,11 +16,11 @@ var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
 var _constants = require("@atlaskit/theme/constants");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _decorationsCommon = require("../pm-plugins/decorations-common");
-var _activeAnchorTracker = require("../utils/active-anchor-tracker");
-var _advancedLayoutsFlags = require("../utils/advanced-layouts-flags");
-var _anchorUtils = require("../utils/anchor-utils");
-var _dragTargetDebug = require("../utils/drag-target-debug");
-var _inlineDropTarget = require("../utils/inline-drop-target");
+var _activeAnchorTracker = require("../pm-plugins/utils/active-anchor-tracker");
+var _advancedLayoutsFlags = require("../pm-plugins/utils/advanced-layouts-flags");
+var _anchorUtils = require("../pm-plugins/utils/anchor-utils");
+var _dragTargetDebug = require("../pm-plugins/utils/drag-target-debug");
+var _inlineDropTarget = require("../pm-plugins/utils/inline-drop-target");
 var _consts = require("./consts");
 var _inlineDropTarget2 = require("./inline-drop-target");
 /**

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

@@ -15,7 +15,7 @@ var _box = require("@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box")
 var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
 var _constants = require("@atlaskit/theme/constants");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
-var _dragTargetDebug = require("../utils/drag-target-debug");
+var _dragTargetDebug = require("../pm-plugins/utils/drag-target-debug");
 var _consts = require("./consts");
 /**
  * @jsxRuntime classic
@@ -120,7 +120,7 @@ var DropTarget = exports.DropTarget = function DropTarget(_ref3) {
       return;
     }
 
-    // This should be moved to platform/packages/editor/editor-plugin-block-controls/src/utils/validation.ts
+    // This should be moved to platform/packages/editor/editor-plugin-block-controls/src/pm-plugins/utils/validation.ts
     // Since we are moved to drop-target-v2
     // Place experiments here instead of just inside move-node.ts as it stops the drag marker from appearing.
     if ((0, _experiments.editorExperiment)('nest-media-and-codeblock-in-quote', false)) {

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

@@ -202,8 +202,23 @@ var withAnchorNameZindexNestedStyle = (0, _react.css)({
     }
   }
 });
+
+// This style is used to define width for block card (with datasource) that does not have layout
+// In full-width editor, block card has width of full-width layout
+// In fixed-width editor, block card has width of wide layout
+var blockCardWithoutLayout = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.ak-editor-content-area.fabric-editor--full-width-mode .ProseMirror .ProseMirror-widget[data-blocks-drop-target-container="true"]': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+    '--ak-editor-block-card-width': "min(calc(100cqw - ".concat(_editorSharedStyles.akEditorBreakoutPadding, "px), 1800px)")
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '.ak-editor-content-area .ProseMirror .ProseMirror-widget[data-blocks-drop-target-container="true"]': {
+    '--ak-editor-block-card-width': 'max(var(--ak-editor--legacy-breakout-wide-layout-width), var(--ak-editor--line-length))'
+  }
+});
 var GlobalStylesWrapper = exports.GlobalStylesWrapper = function GlobalStylesWrapper() {
   return (0, _react.jsx)(_react.Global, {
-    styles: [globalStyles(), (0, _experiments.editorExperiment)('nested-dnd', true) ? extendedHoverZoneNested() : extendedHoverZone(), getTextNodeStyle(), withDeleteLinesStyleFix, withMediaSingleStyleFix, legacyBreakoutWideLayoutStyle, (0, _platformFeatureFlags.fg)('platform_editor_element_dnd_nested_fix_patch_1') ? withDividerInPanelStyleFix : undefined, (0, _platformFeatureFlags.fg)('platform_editor_element_dnd_nested_fix_patch_2') ? withFormatInLayoutStyleFix : undefined, (0, _platformFeatureFlags.fg)('platform_editor_element_dnd_nested_fix_patch_3') ? [withRelativePosStyle, topLevelNodeMarginStyles, (0, _experiments.editorExperiment)('nested-dnd', true) ? withAnchorNameZindexNestedStyle : withAnchorNameZindexStyle] : undefined]
+    styles: [globalStyles(), (0, _experiments.editorExperiment)('nested-dnd', true) ? extendedHoverZoneNested() : extendedHoverZone(), getTextNodeStyle(), withDeleteLinesStyleFix, withMediaSingleStyleFix, legacyBreakoutWideLayoutStyle, (0, _experiments.editorExperiment)('advanced_layouts', true) ? blockCardWithoutLayout : undefined, (0, _platformFeatureFlags.fg)('platform_editor_element_dnd_nested_fix_patch_1') ? withDividerInPanelStyleFix : undefined, (0, _platformFeatureFlags.fg)('platform_editor_element_dnd_nested_fix_patch_2') ? withFormatInLayoutStyleFix : undefined, (0, _platformFeatureFlags.fg)('platform_editor_element_dnd_nested_fix_patch_3') ? [withRelativePosStyle, topLevelNodeMarginStyles, (0, _experiments.editorExperiment)('nested-dnd', true) ? withAnchorNameZindexNestedStyle : withAnchorNameZindexStyle] : undefined]
   });
 };

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

@@ -8,14 +8,15 @@ exports.InlineDropTarget = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
+var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _box = require("@atlaskit/pragmatic-drag-and-drop-react-drop-indicator/box");
 var _adapter = require("@atlaskit/pragmatic-drag-and-drop/element/adapter");
 var _colors = require("@atlaskit/theme/colors");
 var _decorationsCommon = require("../pm-plugins/decorations-common");
-var _activeAnchorTracker = require("../utils/active-anchor-tracker");
-var _advancedLayoutsFlags = require("../utils/advanced-layouts-flags");
-var _anchorUtils = require("../utils/anchor-utils");
-var _dragTargetDebug = require("../utils/drag-target-debug");
+var _activeAnchorTracker = require("../pm-plugins/utils/active-anchor-tracker");
+var _advancedLayoutsFlags = require("../pm-plugins/utils/advanced-layouts-flags");
+var _anchorUtils = require("../pm-plugins/utils/anchor-utils");
+var _dragTargetDebug = require("../pm-plugins/utils/drag-target-debug");
 /* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
 /* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
 /**
@@ -51,9 +52,11 @@ var defaultNodeDimension = {
   bottom: 'unset'
 };
 var getWidthOffset = function getWidthOffset(node, width, position) {
-  if (node.type.name === 'mediaSingle' || node.type.name === 'table') {
+  if (['mediaSingle', 'table', 'embedCard'].includes(node.type.name) ||
+  // block card (without datasource) is positioned left-aligned, hence share the same logic as align-start
+  node.type.name === 'blockCard' && !node.attrs.datasource) {
     var isLeftPosition = position === 'left';
-    if (node.attrs.layout === 'align-start') {
+    if (node.attrs.layout === 'align-start' || node.type.name === 'blockCard') {
       return isLeftPosition ? "-0.5*(var(--ak-editor--line-length) - ".concat(width, ")") : "0.5*(var(--ak-editor--line-length) - ".concat(width, ")");
     } else if ((node === null || node === void 0 ? void 0 : node.attrs.layout) === 'align-end') {
       return isLeftPosition ? "0.5*(var(--ak-editor--line-length) - ".concat(width, ")") : "-0.5*(var(--ak-editor--line-length) - ".concat(width, ")");
@@ -89,11 +92,20 @@ var InlineDropTarget = exports.InlineDropTarget = function InlineDropTarget(_ref
     }
     var innerContainerWidth = null;
     var targetAnchorName = anchorName;
-    if (['blockCard', 'embedCard'].includes(nextNode.type.name)) {
+    if (['blockCard', 'embedCard', 'extension'].includes(nextNode.type.name)) {
       if (nextNode.attrs.layout === 'wide') {
         innerContainerWidth = "max(var(--ak-editor--legacy-breakout-wide-layout-width), var(--ak-editor--line-length))";
       } else if (nextNode.attrs.layout === 'full-width') {
-        innerContainerWidth = 'max(calc(var(--ak-editor-max-container-width) - var(--ak-editor--default-gutter-padding) * 2), var(--ak-editor--line-length))';
+        innerContainerWidth = "min(calc(100cqw - ".concat(_editorSharedStyles.akEditorBreakoutPadding, "px), 1800px)");
+      }
+      if (nextNode.type.name === 'blockCard' && !nextNode.attrs.layout && nextNode.attrs.datasource) {
+        // block card with sourceNode and without layout has different width in full-width vs fixed-width editor
+        // Hence we need to set it based on editor mode
+        innerContainerWidth = 'var(--ak-editor-block-card-width)';
+      }
+      if (nextNode.type.name === 'embedCard' && ['center', 'align-start', 'align-end'].includes(nextNode.attrs.layout)) {
+        var percentageWidth = ((parseFloat(nextNode.attrs.width) || 100) / 100).toFixed(2);
+        innerContainerWidth = "calc(var(--ak-editor--line-length) * ".concat(percentageWidth, ")");
       }
     } else if (nextNode.type.name === 'table' && nextNode.firstChild) {
       var tableWidthAnchor = (0, _decorationsCommon.getNodeAnchor)(nextNode.firstChild);

package/dist/es2019/{plugin.js → blockControlsPlugin.js}

@@ -1,11 +1,11 @@
 import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { moveNode } from './commands/move-node';
-import { moveToLayout } from './commands/move-to-layout';
+import { moveNode } from './editor-commands/move-node';
+import { moveToLayout } from './editor-commands/move-to-layout';
 import { createPlugin, key } from './pm-plugins/main';
+import { selectNode } from './pm-plugins/utils';
 import { DragHandleMenu } from './ui/drag-handle-menu';
 import { GlobalStylesWrapper } from './ui/global-styles';
-import { selectNode } from './utils';
 export const blockControlsPlugin = ({
   api
 }) => ({

package/dist/es2019/{commands → editor-commands}/move-node.js

@@ -9,12 +9,12 @@ import { findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { findTable, isInTable, isTableSelected } from '@atlaskit/editor-tables/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { DIRECTION } from '../consts';
 import { key } from '../pm-plugins/main';
-import { getNestedNodePosition, selectNode } from '../utils';
-import { setCursorPositionAtMovedNode } from '../utils/getSelection';
-import { removeFromSource } from '../utils/remove-from-source';
-import { canMoveNodeToIndex, isInsideTable, transformSliceExpandToNestedExpand } from '../utils/validation';
+import { getNestedNodePosition, selectNode } from '../pm-plugins/utils';
+import { DIRECTION } from '../pm-plugins/utils/consts';
+import { setCursorPositionAtMovedNode } from '../pm-plugins/utils/getSelection';
+import { removeFromSource } from '../pm-plugins/utils/remove-from-source';
+import { canMoveNodeToIndex, isInsideTable, transformSliceExpandToNestedExpand } from '../pm-plugins/utils/validation';
 
 /**
  * This function transforms the slice to move

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

@@ -1,10 +1,10 @@
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { maxLayoutColumnSupported } from '../consts';
+import { maxLayoutColumnSupported } from '../pm-plugins/utils/consts';
+import { removeFromSource } from '../pm-plugins/utils/remove-from-source';
+import { updateColumnWidths } from '../pm-plugins/utils/update-column-widths';
+import { isInSameLayout } from '../pm-plugins/utils/validation';
 import { DEFAULT_COLUMN_DISTRIBUTIONS } from '../ui/consts';
-import { removeFromSource } from '../utils/remove-from-source';
-import { updateColumnWidths } from '../utils/update-column-widths';
-import { isInSameLayout } from '../utils/validation';
 const createNewLayout = (schema, layoutContents) => {
   if (layoutContents.length === 0 || layoutContents.length > maxLayoutColumnSupported()) {
     return null;

package/dist/es2019/{commands → editor-commands}/show-drag-handle.js

@@ -2,7 +2,7 @@ import { isInTable } from '@atlaskit/editor-tables/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { key } from '../pm-plugins/main';
-import { getNestedNodePosition } from '../utils';
+import { getNestedNodePosition } from '../pm-plugins/utils';
 export const showDragHandleAtSelection = (api, shouldFocusParentNode) => (state, _, view) => {
   const {
     $from

package/dist/es2019/index.js

@@ -1 +1 @@
-export { blockControlsPlugin } from './plugin';
+export { blockControlsPlugin } from './blockControlsPlugin';

package/dist/es2019/pm-plugins/decorations-anchor.js

@@ -1,8 +1,8 @@
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { isPreRelease1, isPreRelease2 } from '../utils/advanced-layouts-flags';
 import { getNestedDepth, getNodeAnchor, TYPE_NODE_DEC } from './decorations-common';
+import { isPreRelease1, isPreRelease2 } from './utils/advanced-layouts-flags';
 const IGNORE_NODES = ['tableCell', 'tableHeader', 'tableRow', 'listItem', 'caption', 'layoutColumn'];
 const IGNORE_NODES_NEXT = ['tableCell', 'tableHeader', 'tableRow', 'listItem', 'caption'];
 const IGNORE_NODE_DESCENDANTS = ['listItem', 'taskList', 'decisionList', 'mediaSingle'];

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

@@ -5,15 +5,15 @@ import { isEmptyParagraph } from '@atlaskit/editor-common/utils';
 import { Decoration } from '@atlaskit/editor-prosemirror/view';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { maxLayoutColumnSupported } from '../consts';
 import { nodeMargins } from '../ui/consts';
 import { DropTarget } from '../ui/drop-target';
 import { DropTargetLayout } from '../ui/drop-target-layout';
 import { DropTargetV2, EDITOR_BLOCK_CONTROLS_DROP_INDICATOR_GAP, EDITOR_BLOCK_CONTROLS_DROP_INDICATOR_OFFSET } from '../ui/drop-target-v2';
-import { isPreRelease2 } from '../utils/advanced-layouts-flags';
-import { isBlocksDragTargetDebug } from '../utils/drag-target-debug';
-import { canMoveNodeToIndex, isInSameLayout } from '../utils/validation';
 import { getNestedDepth, TYPE_DROP_TARGET_DEC, unmountDecorations } from './decorations-common';
+import { isPreRelease2 } from './utils/advanced-layouts-flags';
+import { maxLayoutColumnSupported } from './utils/consts';
+import { isBlocksDragTargetDebug } from './utils/drag-target-debug';
+import { canMoveNodeToIndex, isInSameLayout } from './utils/validation';
 const IGNORE_NODES = ['tableCell', 'tableHeader', 'tableRow', 'layoutColumn', 'listItem', 'caption'];
 const PARENT_WITH_END_DROP_TARGET = ['tableCell', 'tableHeader', 'panel', 'layoutColumn', 'expand', 'nestedExpand', 'bodiedExtension'];
 const DISABLE_CHILD_DROP_TARGET = ['orderedList', 'bulletList'];

package/dist/es2019/pm-plugins/handle-mouse-over.js

@@ -1,6 +1,6 @@
 import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { isPreRelease1, isPreRelease2 } from '../utils/advanced-layouts-flags';
+import { isPreRelease1, isPreRelease2 } from './utils/advanced-layouts-flags';
 const isEmptyNestedParagraphOrHeading = target => {
   if (target instanceof HTMLHeadingElement || target instanceof HTMLParagraphElement) {
     var _target$parentElement;

package/dist/es2019/pm-plugins/keymap.js

@@ -2,9 +2,9 @@ import { bindKeymapWithCommand, dragToMoveDown, dragToMoveLeft, dragToMoveRight,
 import { keydownHandler } from '@atlaskit/editor-prosemirror/keymap';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { moveNodeViaShortcut } from '../commands/move-node';
-import { showDragHandleAtSelection } from '../commands/show-drag-handle';
-import { DIRECTION } from '../consts';
+import { moveNodeViaShortcut } from '../editor-commands/move-node';
+import { showDragHandleAtSelection } from '../editor-commands/show-drag-handle';
+import { DIRECTION } from './utils/consts';
 function keymapList(api, formatMessage) {
   let keymapList = {};
   if (api && fg('platform_editor_element_drag_and_drop_ed_23873')) {

package/dist/es2019/pm-plugins/main.js

@@ -11,16 +11,16 @@ import { autoScrollForElements } from '@atlaskit/pragmatic-drag-and-drop-auto-sc
 import { combine } from '@atlaskit/pragmatic-drag-and-drop/combine';
 import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { defaultActiveAnchorTracker } from '../utils/active-anchor-tracker';
-import { isPreRelease2 } from '../utils/advanced-layouts-flags';
-import { AnchorRectCache, isAnchorSupported } from '../utils/anchor-utils';
-import { isBlocksDragTargetDebug } from '../utils/drag-target-debug';
-import { getTrMetadata } from '../utils/transactions';
 import { findNodeDecs, nodeDecorations } from './decorations-anchor';
 import { dragHandleDecoration, emptyParagraphNodeDecorations, findHandleDec } from './decorations-drag-handle';
 import { dropTargetDecorations, findDropTargetDecs } from './decorations-drop-target';
 import { handleMouseOver } from './handle-mouse-over';
 import { boundKeydownHandler } from './keymap';
+import { defaultActiveAnchorTracker } from './utils/active-anchor-tracker';
+import { isPreRelease2 } from './utils/advanced-layouts-flags';
+import { AnchorRectCache, isAnchorSupported } from './utils/anchor-utils';
+import { isBlocksDragTargetDebug } from './utils/drag-target-debug';
+import { getTrMetadata } from './utils/transactions';
 export const key = new PluginKey('blockControls');
 const isHTMLElement = element => {
   return element instanceof HTMLElement;

package/dist/es2019/{consts.js → pm-plugins/utils/consts.js}

@@ -1,4 +1,4 @@
-import { isPreRelease2 } from './utils/advanced-layouts-flags';
+import { isPreRelease2 } from './advanced-layouts-flags';
 export let DIRECTION = /*#__PURE__*/function (DIRECTION) {
   DIRECTION["UP"] = "up";
   DIRECTION["DOWN"] = "down";

package/dist/es2019/{utils → pm-plugins/utils}/drag-handle-positions.js

@@ -1,4 +1,4 @@
-import { DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT, DRAG_HANDLE_H3_TOP_ADJUSTMENT, DRAG_HANDLE_H4_TOP_ADJUSTMENT, DRAG_HANDLE_H5_TOP_ADJUSTMENT, DRAG_HANDLE_H6_TOP_ADJUSTMENT, DRAG_HANDLE_HEIGHT, DRAG_HANDLE_WIDTH, dragHandleGap } from '../ui/consts';
+import { DRAG_HANDLE_DIVIDER_TOP_ADJUSTMENT, DRAG_HANDLE_H3_TOP_ADJUSTMENT, DRAG_HANDLE_H4_TOP_ADJUSTMENT, DRAG_HANDLE_H5_TOP_ADJUSTMENT, DRAG_HANDLE_H6_TOP_ADJUSTMENT, DRAG_HANDLE_HEIGHT, DRAG_HANDLE_WIDTH, dragHandleGap } from '../../ui/consts';
 export const getTopPosition = (dom, type) => {
   if (!dom) {
     return 'auto';

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

@@ -1,7 +1,7 @@
 import { isEmptyParagraph } from '@atlaskit/editor-common/utils';
-import { maxLayoutColumnSupported } from '../consts';
 import { isPreRelease1, isPreRelease2 } from './advanced-layouts-flags';
 import { isWrappedMedia } from './check-media-layout';
+import { maxLayoutColumnSupported } from './consts';
 export const shouldAllowInlineDropTarget = (isNested, node,
 /**
  * Is the active node in the same layout as the target node

package/dist/es2019/{utils → pm-plugins/utils}/remove-from-source.js

@@ -1,4 +1,4 @@
-import { MIN_LAYOUT_COLUMN } from '../consts';
+import { MIN_LAYOUT_COLUMN } from './consts';
 import { updateColumnWidths } from './update-column-widths';
 export const removeFromSource = (tr, $from) => {
   const sourceNode = $from.nodeAfter;