@atlaskit/editor-plugin-layout 1.13.0 → 1.14.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/editor-plugin-layout
 
+## 1.14.0
+
+### Minor Changes
+
+- [#109549](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109549)
+  [`d6907dac2c08d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d6907dac2c08d) -
+  ED-26300 Delete a layout section by delete the 2nd last column from the layout
+
+### Patch Changes
+
+- Updated dependencies
+
+## 1.13.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.13.0
 
 ### Minor Changes

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

@@ -260,8 +260,6 @@ var decreaseColumns = function decreaseColumns(node, insideRightEdgePos) {
  * Switching from 3 -> 2 moves all the content of the third col inside the second before
  * removing it
  */
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
 function forceColumnStructure(state, node, pos, presetLayout) {
   var tr = state.tr;
   var insideRightEdgeOfLayoutSection = pos + node.nodeSize - 1;
@@ -296,9 +294,6 @@ function forceColumnStructure(state, node, pos, presetLayout) {
   }
   return tr;
 }
-
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
 function forceColumnStructureNew(state, node, pos, presetLayout) {
   var tr = state.tr;
   var insideRightEdgeOfLayoutSection = pos + node.nodeSize - 1;
@@ -326,9 +321,6 @@ function columnWidth(node, schema, widths) {
     }
   });
 }
-
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
 function forceColumnWidths(state, tr, pos, presetLayout) {
   var node = tr.doc.nodeAt(pos);
   if (!node) {
@@ -336,9 +328,6 @@ function forceColumnWidths(state, tr, pos, presetLayout) {
   }
   return tr.replaceWith(pos + 1, pos + node.nodeSize - 1, columnWidth(node, state.schema, getWidthsForPreset(presetLayout)));
 }
-
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
 function forceSectionToPresetLayout(state, node, pos, presetLayout) {
   var forceColumnStructureFn = (0, _experiments.editorExperiment)('advanced_layouts', true) ? forceColumnStructureNew : forceColumnStructure;
   var tr = forceColumnStructureFn(state, node, pos, presetLayout);
@@ -403,9 +392,12 @@ function layoutNeedChanges(node) {
 var getDefaultPresetLayout = function getDefaultPresetLayout(layoutNode) {
   var layoutColumnCount = layoutNode.childCount;
   if (layoutColumnCount <= 1) {
+    if ((0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_dnd_remove_layout')) {
+      return 'single';
+    }
+
     // This prevents the creation of a single column layout
     // once we support single column layout, we can return 'single'
-
     return (0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_post_fix_patch_1') ? 'two_equal' : 'single';
   }
   switch (layoutColumnCount) {

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

@@ -10,11 +10,14 @@ var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _selection = require("@atlaskit/editor-common/selection");
 var _utils = require("@atlaskit/editor-common/utils");
 var _keymap = require("@atlaskit/editor-prosemirror/keymap");
+var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
 var _view = require("@atlaskit/editor-prosemirror/view");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _actions = require("./actions");
+var _consts = require("./consts");
 var _pluginKey = require("./plugin-key");
 var _utils3 = require("./utils");
 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; }
@@ -80,7 +83,23 @@ var getInitialPluginState = function getInitialPluginState(options, state) {
 var handleDeleteLayoutColumn = function handleDeleteLayoutColumn(state, dispatch) {
   var sel = state.selection;
   if (sel instanceof _state.NodeSelection && sel.node.type.name === 'layoutColumn' && sel.$from.parent.type.name === 'layoutSection' && sel.$from.parent.childCount === 2 && dispatch && (0, _experiments.editorExperiment)('advanced_layouts', true)) {
-    dispatch(state.tr.deleteRange(sel.from + 1, sel.from + sel.node.content.size));
+    if ((0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_dnd_remove_layout')) {
+      var _sel$$from$parent$las, _sel$$from$parent$fir;
+      var tr = state.tr;
+      var layoutContentFragment = sel.$from.parentOffset === 0 ? _model.Fragment.from((_sel$$from$parent$las = sel.$from.parent.lastChild) === null || _sel$$from$parent$las === void 0 ? void 0 : _sel$$from$parent$las.content) : _model.Fragment.from((_sel$$from$parent$fir = sel.$from.parent.firstChild) === null || _sel$$from$parent$fir === void 0 ? void 0 : _sel$$from$parent$fir.content);
+      var parent = (0, _utils2.findParentNodeClosestToPos)(sel.$from, function (node) {
+        return node.type.name === 'layoutSection';
+      });
+      if (parent) {
+        var layoutSectionPos = tr.mapping.map(parent.pos);
+        var layoutSectionNodeSize = parent.node.nodeSize;
+        dispatch(state.tr.replaceWith(layoutSectionPos, layoutSectionPos + layoutSectionNodeSize, layoutContentFragment));
+        return true;
+      }
+      return false;
+    } else {
+      dispatch(state.tr.deleteRange(sel.from + 1, sel.from + sel.node.content.size));
+    }
     return true;
   }
   return false;
@@ -92,8 +111,6 @@ var _default = exports.default = function _default(options) {
       init: function init(_, state) {
         return getInitialPluginState(options, state);
       },
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/max-params
       apply: function apply(tr, pluginState, _oldState, newState) {
         if (tr.docChanged || tr.selectionSet) {
           var maybeLayoutSection = (0, _utils3.getMaybeLayoutSection)(newState);
@@ -154,19 +171,34 @@ var _default = exports.default = function _default(options) {
           changes.push(change);
         }
       });
+      if ((0, _experiments.editorExperiment)('advanced_layouts', true) && changes.length === 1 && (0, _platformFeatureFlags.fg)('platform_editor_advanced_layouts_dnd_remove_layout')) {
+        var _change$slice$content, _change$slice$content2;
+        var change = changes[0];
+        // when need to update a layoutColumn with width 100
+        // meaning a single column layout has been create,
+        // We replace the layout with its content
+        // This is to prevent a single column layout from being created
+        // when a user deletes a layoutColumn
+        if (change.slice.content.childCount === 1 && ((_change$slice$content = change.slice.content.firstChild) === null || _change$slice$content === void 0 ? void 0 : _change$slice$content.type.name) === 'layoutColumn' && ((_change$slice$content2 = change.slice.content.firstChild) === null || _change$slice$content2 === void 0 ? void 0 : _change$slice$content2.attrs.width) === _consts.EVEN_DISTRIBUTED_COL_WIDTHS[1]) {
+          var tr = newState.tr;
+          var content = change.slice.content.firstChild.content;
+          tr.replaceWith(change.from - 1, change.to, content);
+          return tr;
+        }
+      }
       if (changes.length) {
-        var tr = newState.tr;
+        var _tr = newState.tr;
         var selection = newState.selection.toJSON();
         changes.forEach(function (change) {
-          tr.replaceRange(change.from, change.to, change.slice);
+          _tr.replaceRange(change.from, change.to, change.slice);
         });
 
         // selecting and deleting across columns in 3 col layouts can remove
         // a layoutColumn so we fix the structure here
-        tr = (0, _actions.fixColumnStructure)(newState) || tr;
-        if (tr.docChanged) {
-          tr.setSelection(_state.Selection.fromJSON(tr.doc, selection));
-          return tr;
+        _tr = (0, _actions.fixColumnStructure)(newState) || _tr;
+        if (_tr.docChanged) {
+          _tr.setSelection(_state.Selection.fromJSON(_tr.doc, selection));
+          return _tr;
         }
       }
       return;

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

@@ -8,10 +8,7 @@ var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _nodeviews = require("../nodeviews");
 var pluginKey = exports.pluginKey = new _state.PluginKey('layoutResizingPlugin');
-var _default = exports.default = function _default(options, pluginInjectionApi, portalProviderAPI, eventDispatcher
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var _default = exports.default = function _default(options, pluginInjectionApi, portalProviderAPI, eventDispatcher) {
   return new _safePlugin.SafePlugin({
     key: pluginKey,
     props: {

package/dist/cjs/ui/toolbar.js

@@ -115,10 +115,7 @@ var LAYOUT_WITH_THREE_COL_DISTRIBUTION = [{
   icon: _LayoutThreeWithLeftSidebars.LayoutThreeWithLeftSidebarsIcon,
   iconFallback: _LayoutThreeWithLeftSidebars.LayoutThreeWithLeftSidebarsIcon
 }];
-var buildLayoutButton = function buildLayoutButton(intl, item, currentLayout, editorAnalyticsAPI
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var buildLayoutButton = function buildLayoutButton(intl, item, currentLayout, editorAnalyticsAPI) {
   return {
     id: item.id,
     type: 'button',
@@ -200,10 +197,7 @@ var getAdvancedLayoutItems = function getAdvancedLayoutItems(_ref) {
     }]
   }, separator, deleteButton]);
 };
-var buildToolbar = exports.buildToolbar = function buildToolbar(state, intl, pos, _allowBreakout, addSidebarLayouts, allowSingleColumnLayout, api
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var buildToolbar = exports.buildToolbar = function buildToolbar(state, intl, pos, _allowBreakout, addSidebarLayouts, allowSingleColumnLayout, api) {
   var _api$decorations$acti, _api$decorations, _api$analytics;
   var _ref2 = (_api$decorations$acti = api === null || api === void 0 || (_api$decorations = api.decorations) === null || _api$decorations === void 0 ? void 0 : _api$decorations.actions) !== null && _api$decorations$acti !== void 0 ? _api$decorations$acti : {},
     hoverDecoration = _ref2.hoverDecoration;

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

@@ -237,8 +237,6 @@ const decreaseColumns = (node, insideRightEdgePos, columnsNumberToRemove = 1) =>
  * Switching from 3 -> 2 moves all the content of the third col inside the second before
  * removing it
  */
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
 function forceColumnStructure(state, node, pos, presetLayout) {
   const tr = state.tr;
   const insideRightEdgeOfLayoutSection = pos + node.nodeSize - 1;
@@ -273,9 +271,6 @@ function forceColumnStructure(state, node, pos, presetLayout) {
   }
   return tr;
 }
-
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
 function forceColumnStructureNew(state, node, pos, presetLayout) {
   const tr = state.tr;
   const insideRightEdgeOfLayoutSection = pos + node.nodeSize - 1;
@@ -304,9 +299,6 @@ function columnWidth(node, schema, widths) {
     }
   });
 }
-
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
 function forceColumnWidths(state, tr, pos, presetLayout) {
   const node = tr.doc.nodeAt(pos);
   if (!node) {
@@ -314,9 +306,6 @@ function forceColumnWidths(state, tr, pos, presetLayout) {
   }
   return tr.replaceWith(pos + 1, pos + node.nodeSize - 1, columnWidth(node, state.schema, getWidthsForPreset(presetLayout)));
 }
-
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
 export function forceSectionToPresetLayout(state, node, pos, presetLayout) {
   const forceColumnStructureFn = editorExperiment('advanced_layouts', true) ? forceColumnStructureNew : forceColumnStructure;
   let tr = forceColumnStructureFn(state, node, pos, presetLayout);
@@ -378,9 +367,12 @@ function layoutNeedChanges(node) {
 const getDefaultPresetLayout = layoutNode => {
   const layoutColumnCount = layoutNode.childCount;
   if (layoutColumnCount <= 1) {
+    if (fg('platform_editor_advanced_layouts_dnd_remove_layout')) {
+      return 'single';
+    }
+
     // This prevents the creation of a single column layout
     // once we support single column layout, we can return 'single'
-
     return fg('platform_editor_advanced_layouts_post_fix_patch_1') ? 'two_equal' : 'single';
   }
   switch (layoutColumnCount) {

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

@@ -2,11 +2,14 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { createSelectionClickHandler } from '@atlaskit/editor-common/selection';
 import { filterCommand as filter } from '@atlaskit/editor-common/utils';
 import { keydownHandler } from '@atlaskit/editor-prosemirror/keymap';
+import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
-import { findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { findParentNodeClosestToPos, findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { fixColumnSizes, fixColumnStructure, getSelectedLayout } from './actions';
+import { EVEN_DISTRIBUTED_COL_WIDTHS } from './consts';
 import { pluginKey } from './plugin-key';
 import { getMaybeLayoutSection } from './utils';
 export const DEFAULT_LAYOUT = 'two_equal';
@@ -75,7 +78,23 @@ const getInitialPluginState = (options, state) => {
 const handleDeleteLayoutColumn = (state, dispatch) => {
   const sel = state.selection;
   if (sel instanceof NodeSelection && sel.node.type.name === 'layoutColumn' && sel.$from.parent.type.name === 'layoutSection' && sel.$from.parent.childCount === 2 && dispatch && editorExperiment('advanced_layouts', true)) {
-    dispatch(state.tr.deleteRange(sel.from + 1, sel.from + sel.node.content.size));
+    if (fg('platform_editor_advanced_layouts_dnd_remove_layout')) {
+      var _sel$$from$parent$las, _sel$$from$parent$fir;
+      const tr = state.tr;
+      const layoutContentFragment = sel.$from.parentOffset === 0 ? Fragment.from((_sel$$from$parent$las = sel.$from.parent.lastChild) === null || _sel$$from$parent$las === void 0 ? void 0 : _sel$$from$parent$las.content) : Fragment.from((_sel$$from$parent$fir = sel.$from.parent.firstChild) === null || _sel$$from$parent$fir === void 0 ? void 0 : _sel$$from$parent$fir.content);
+      const parent = findParentNodeClosestToPos(sel.$from, node => {
+        return node.type.name === 'layoutSection';
+      });
+      if (parent) {
+        const layoutSectionPos = tr.mapping.map(parent.pos);
+        const layoutSectionNodeSize = parent.node.nodeSize;
+        dispatch(state.tr.replaceWith(layoutSectionPos, layoutSectionPos + layoutSectionNodeSize, layoutContentFragment));
+        return true;
+      }
+      return false;
+    } else {
+      dispatch(state.tr.deleteRange(sel.from + 1, sel.from + sel.node.content.size));
+    }
     return true;
   }
   return false;
@@ -84,8 +103,6 @@ export default (options => new SafePlugin({
   key: pluginKey,
   state: {
     init: (_, state) => getInitialPluginState(options, state),
-    // Ignored via go/ees005
-    // eslint-disable-next-line @typescript-eslint/max-params
     apply: (tr, pluginState, _oldState, newState) => {
       if (tr.docChanged || tr.selectionSet) {
         const maybeLayoutSection = getMaybeLayoutSection(newState);
@@ -143,6 +160,23 @@ export default (options => new SafePlugin({
         changes.push(change);
       }
     });
+    if (editorExperiment('advanced_layouts', true) && changes.length === 1 && fg('platform_editor_advanced_layouts_dnd_remove_layout')) {
+      var _change$slice$content, _change$slice$content2;
+      const change = changes[0];
+      // when need to update a layoutColumn with width 100
+      // meaning a single column layout has been create,
+      // We replace the layout with its content
+      // This is to prevent a single column layout from being created
+      // when a user deletes a layoutColumn
+      if (change.slice.content.childCount === 1 && ((_change$slice$content = change.slice.content.firstChild) === null || _change$slice$content === void 0 ? void 0 : _change$slice$content.type.name) === 'layoutColumn' && ((_change$slice$content2 = change.slice.content.firstChild) === null || _change$slice$content2 === void 0 ? void 0 : _change$slice$content2.attrs.width) === EVEN_DISTRIBUTED_COL_WIDTHS[1]) {
+        const tr = newState.tr;
+        const {
+          content
+        } = change.slice.content.firstChild;
+        tr.replaceWith(change.from - 1, change.to, content);
+        return tr;
+      }
+    }
     if (changes.length) {
       let tr = newState.tr;
       const selection = newState.selection.toJSON();

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

@@ -2,10 +2,7 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { LayoutSectionView } from '../nodeviews';
 export const pluginKey = new PluginKey('layoutResizingPlugin');
-export default ((options, pluginInjectionApi, portalProviderAPI, eventDispatcher
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => new SafePlugin({
+export default ((options, pluginInjectionApi, portalProviderAPI, eventDispatcher) => new SafePlugin({
   key: pluginKey,
   props: {
     nodeViews: {

package/dist/es2019/ui/toolbar.js

@@ -104,10 +104,7 @@ const LAYOUT_WITH_THREE_COL_DISTRIBUTION = [{
   icon: LayoutThreeWithLeftSidebarsIcon,
   iconFallback: LayoutThreeWithLeftSidebarsIcon
 }];
-const buildLayoutButton = (intl, item, currentLayout, editorAnalyticsAPI
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => ({
+const buildLayoutButton = (intl, item, currentLayout, editorAnalyticsAPI) => ({
   id: item.id,
   type: 'button',
   icon: item.icon,
@@ -186,10 +183,7 @@ const getAdvancedLayoutItems = ({
     }]
   }, separator, deleteButton];
 };
-export const buildToolbar = (state, intl, pos, _allowBreakout, addSidebarLayouts, allowSingleColumnLayout, api
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) => {
+export const buildToolbar = (state, intl, pos, _allowBreakout, addSidebarLayouts, allowSingleColumnLayout, api) => {
   var _api$decorations$acti, _api$decorations, _api$analytics;
   const {
     hoverDecoration

package/dist/esm/pm-plugins/actions.js

@@ -251,8 +251,6 @@ var decreaseColumns = function decreaseColumns(node, insideRightEdgePos) {
  * Switching from 3 -> 2 moves all the content of the third col inside the second before
  * removing it
  */
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
 function forceColumnStructure(state, node, pos, presetLayout) {
   var tr = state.tr;
   var insideRightEdgeOfLayoutSection = pos + node.nodeSize - 1;
@@ -287,9 +285,6 @@ function forceColumnStructure(state, node, pos, presetLayout) {
   }
   return tr;
 }
-
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
 function forceColumnStructureNew(state, node, pos, presetLayout) {
   var tr = state.tr;
   var insideRightEdgeOfLayoutSection = pos + node.nodeSize - 1;
@@ -317,9 +312,6 @@ function columnWidth(node, schema, widths) {
     }
   });
 }
-
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
 function forceColumnWidths(state, tr, pos, presetLayout) {
   var node = tr.doc.nodeAt(pos);
   if (!node) {
@@ -327,9 +319,6 @@ function forceColumnWidths(state, tr, pos, presetLayout) {
   }
   return tr.replaceWith(pos + 1, pos + node.nodeSize - 1, columnWidth(node, state.schema, getWidthsForPreset(presetLayout)));
 }
-
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
 export function forceSectionToPresetLayout(state, node, pos, presetLayout) {
   var forceColumnStructureFn = editorExperiment('advanced_layouts', true) ? forceColumnStructureNew : forceColumnStructure;
   var tr = forceColumnStructureFn(state, node, pos, presetLayout);
@@ -394,9 +383,12 @@ function layoutNeedChanges(node) {
 var getDefaultPresetLayout = function getDefaultPresetLayout(layoutNode) {
   var layoutColumnCount = layoutNode.childCount;
   if (layoutColumnCount <= 1) {
+    if (fg('platform_editor_advanced_layouts_dnd_remove_layout')) {
+      return 'single';
+    }
+
     // This prevents the creation of a single column layout
     // once we support single column layout, we can return 'single'
-
     return fg('platform_editor_advanced_layouts_post_fix_patch_1') ? 'two_equal' : 'single';
   }
   switch (layoutColumnCount) {

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

@@ -5,11 +5,14 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { createSelectionClickHandler } from '@atlaskit/editor-common/selection';
 import { filterCommand as filter } from '@atlaskit/editor-common/utils';
 import { keydownHandler } from '@atlaskit/editor-prosemirror/keymap';
+import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
-import { findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
+import { findParentNodeClosestToPos, findParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { Decoration, DecorationSet } from '@atlaskit/editor-prosemirror/view';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { fixColumnSizes, fixColumnStructure, getSelectedLayout } from './actions';
+import { EVEN_DISTRIBUTED_COL_WIDTHS } from './consts';
 import { pluginKey } from './plugin-key';
 import { getMaybeLayoutSection } from './utils';
 export var DEFAULT_LAYOUT = 'two_equal';
@@ -73,7 +76,23 @@ var getInitialPluginState = function getInitialPluginState(options, state) {
 var handleDeleteLayoutColumn = function handleDeleteLayoutColumn(state, dispatch) {
   var sel = state.selection;
   if (sel instanceof NodeSelection && sel.node.type.name === 'layoutColumn' && sel.$from.parent.type.name === 'layoutSection' && sel.$from.parent.childCount === 2 && dispatch && editorExperiment('advanced_layouts', true)) {
-    dispatch(state.tr.deleteRange(sel.from + 1, sel.from + sel.node.content.size));
+    if (fg('platform_editor_advanced_layouts_dnd_remove_layout')) {
+      var _sel$$from$parent$las, _sel$$from$parent$fir;
+      var tr = state.tr;
+      var layoutContentFragment = sel.$from.parentOffset === 0 ? Fragment.from((_sel$$from$parent$las = sel.$from.parent.lastChild) === null || _sel$$from$parent$las === void 0 ? void 0 : _sel$$from$parent$las.content) : Fragment.from((_sel$$from$parent$fir = sel.$from.parent.firstChild) === null || _sel$$from$parent$fir === void 0 ? void 0 : _sel$$from$parent$fir.content);
+      var parent = findParentNodeClosestToPos(sel.$from, function (node) {
+        return node.type.name === 'layoutSection';
+      });
+      if (parent) {
+        var layoutSectionPos = tr.mapping.map(parent.pos);
+        var layoutSectionNodeSize = parent.node.nodeSize;
+        dispatch(state.tr.replaceWith(layoutSectionPos, layoutSectionPos + layoutSectionNodeSize, layoutContentFragment));
+        return true;
+      }
+      return false;
+    } else {
+      dispatch(state.tr.deleteRange(sel.from + 1, sel.from + sel.node.content.size));
+    }
     return true;
   }
   return false;
@@ -85,8 +104,6 @@ export default (function (options) {
       init: function init(_, state) {
         return getInitialPluginState(options, state);
       },
-      // Ignored via go/ees005
-      // eslint-disable-next-line @typescript-eslint/max-params
       apply: function apply(tr, pluginState, _oldState, newState) {
         if (tr.docChanged || tr.selectionSet) {
           var maybeLayoutSection = getMaybeLayoutSection(newState);
@@ -147,19 +164,34 @@ export default (function (options) {
           changes.push(change);
         }
       });
+      if (editorExperiment('advanced_layouts', true) && changes.length === 1 && fg('platform_editor_advanced_layouts_dnd_remove_layout')) {
+        var _change$slice$content, _change$slice$content2;
+        var change = changes[0];
+        // when need to update a layoutColumn with width 100
+        // meaning a single column layout has been create,
+        // We replace the layout with its content
+        // This is to prevent a single column layout from being created
+        // when a user deletes a layoutColumn
+        if (change.slice.content.childCount === 1 && ((_change$slice$content = change.slice.content.firstChild) === null || _change$slice$content === void 0 ? void 0 : _change$slice$content.type.name) === 'layoutColumn' && ((_change$slice$content2 = change.slice.content.firstChild) === null || _change$slice$content2 === void 0 ? void 0 : _change$slice$content2.attrs.width) === EVEN_DISTRIBUTED_COL_WIDTHS[1]) {
+          var tr = newState.tr;
+          var content = change.slice.content.firstChild.content;
+          tr.replaceWith(change.from - 1, change.to, content);
+          return tr;
+        }
+      }
       if (changes.length) {
-        var tr = newState.tr;
+        var _tr = newState.tr;
         var selection = newState.selection.toJSON();
         changes.forEach(function (change) {
-          tr.replaceRange(change.from, change.to, change.slice);
+          _tr.replaceRange(change.from, change.to, change.slice);
         });
 
         // selecting and deleting across columns in 3 col layouts can remove
         // a layoutColumn so we fix the structure here
-        tr = fixColumnStructure(newState) || tr;
-        if (tr.docChanged) {
-          tr.setSelection(Selection.fromJSON(tr.doc, selection));
-          return tr;
+        _tr = fixColumnStructure(newState) || _tr;
+        if (_tr.docChanged) {
+          _tr.setSelection(Selection.fromJSON(_tr.doc, selection));
+          return _tr;
         }
       }
       return;

package/dist/esm/pm-plugins/resizing.js

@@ -2,10 +2,7 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { LayoutSectionView } from '../nodeviews';
 export var pluginKey = new PluginKey('layoutResizingPlugin');
-export default (function (options, pluginInjectionApi, portalProviderAPI, eventDispatcher
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+export default (function (options, pluginInjectionApi, portalProviderAPI, eventDispatcher) {
   return new SafePlugin({
     key: pluginKey,
     props: {

package/dist/esm/ui/toolbar.js

@@ -105,10 +105,7 @@ var LAYOUT_WITH_THREE_COL_DISTRIBUTION = [{
   icon: LayoutThreeWithLeftSidebarsIcon,
   iconFallback: LayoutThreeWithLeftSidebarsIcon
 }];
-var buildLayoutButton = function buildLayoutButton(intl, item, currentLayout, editorAnalyticsAPI
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+var buildLayoutButton = function buildLayoutButton(intl, item, currentLayout, editorAnalyticsAPI) {
   return {
     id: item.id,
     type: 'button',
@@ -190,10 +187,7 @@ var getAdvancedLayoutItems = function getAdvancedLayoutItems(_ref) {
     }]
   }, separator, deleteButton]);
 };
-export var buildToolbar = function buildToolbar(state, intl, pos, _allowBreakout, addSidebarLayouts, allowSingleColumnLayout, api
-// Ignored via go/ees005
-// eslint-disable-next-line @typescript-eslint/max-params
-) {
+export var buildToolbar = function buildToolbar(state, intl, pos, _allowBreakout, addSidebarLayouts, allowSingleColumnLayout, api) {
   var _api$decorations$acti, _api$decorations, _api$analytics;
   var _ref2 = (_api$decorations$acti = api === null || api === void 0 || (_api$decorations = api.decorations) === null || _api$decorations === void 0 ? void 0 : _api$decorations.actions) !== null && _api$decorations$acti !== void 0 ? _api$decorations$acti : {},
     hoverDecoration = _ref2.hoverDecoration;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import { type PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
@@ -35,7 +35,7 @@ export declare class LayoutSectionView extends ReactNodeView<LayoutSectionViewPr
         contentDOM: HTMLElement | undefined;
     };
     setDomAttrs(node: PMNode, element: HTMLElement): void;
-    render(props: LayoutSectionViewProps, forwardRef: ForwardRef): JSX.Element;
+    render(props: LayoutSectionViewProps, forwardRef: ForwardRef): React.JSX.Element;
     ignoreMutation(mutation: MutationRecord | {
         type: 'selection';
         target: Element;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { type EventDispatcher } from '@atlaskit/editor-common/event-dispatcher';
 import { type PortalProviderAPI } from '@atlaskit/editor-common/portal';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
@@ -35,7 +35,7 @@ export declare class LayoutSectionView extends ReactNodeView<LayoutSectionViewPr
         contentDOM: HTMLElement | undefined;
     };
     setDomAttrs(node: PMNode, element: HTMLElement): void;
-    render(props: LayoutSectionViewProps, forwardRef: ForwardRef): JSX.Element;
+    render(props: LayoutSectionViewProps, forwardRef: ForwardRef): React.JSX.Element;
     ignoreMutation(mutation: MutationRecord | {
         type: 'selection';
         target: Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-layout",
-	"version": "1.13.0",
+	"version": "1.14.0",
 	"description": "Layout plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -32,17 +32,17 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^46.1.0",
-		"@atlaskit/editor-common": "^99.1.0",
-		"@atlaskit/editor-plugin-analytics": "^1.10.0",
-		"@atlaskit/editor-plugin-decorations": "^1.3.0",
-		"@atlaskit/editor-plugin-editor-disabled": "^1.3.0",
+		"@atlaskit/editor-common": "^99.9.0",
+		"@atlaskit/editor-plugin-analytics": "^1.11.0",
+		"@atlaskit/editor-plugin-decorations": "^1.4.0",
+		"@atlaskit/editor-plugin-editor-disabled": "^1.4.0",
 		"@atlaskit/editor-plugin-selection": "^1.6.0",
 		"@atlaskit/editor-plugin-width": "^2.0.0",
 		"@atlaskit/editor-prosemirror": "6.2.1",
-		"@atlaskit/icon": "^23.3.0",
-		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/tmp-editor-statsig": "^2.34.0",
-		"@atlaskit/tokens": "^3.0.0",
+		"@atlaskit/icon": "^23.7.0",
+		"@atlaskit/platform-feature-flags": "^1.0.0",
+		"@atlaskit/tmp-editor-statsig": "^2.43.0",
+		"@atlaskit/tokens": "^3.3.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
 	},
@@ -106,6 +106,9 @@
 		},
 		"platform_editor_advanced_layouts_post_fix_patch_3": {
 			"type": "boolean"
+		},
+		"platform_editor_advanced_layouts_dnd_remove_layout": {
+			"type": "boolean"
 		}
 	}
 }