@atlaskit/editor-plugin-layout 2.3.1 → 2.4.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/editor-plugin-layout
 
+## 2.4.0
+
+### Minor Changes
+
+- [#132381](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/132381)
+  [`19e52e77d3cfc`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/19e52e77d3cfc) -
+  ED-27195 enable guildeline for breakout resizer
+
+### Patch Changes
+
+- Updated dependencies
+
+## 2.3.2
+
+### Patch Changes
+
+- [#128309](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/128309)
+  [`5668591816f6a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5668591816f6a) -
+  Clean up platform_editor_advanced_layouts_dnd_remove_layout
+- Updated dependencies
+
 ## 2.3.1
 
 ### Patch Changes

package/dist/cjs/nodeviews/index.js

@@ -16,6 +16,7 @@ var _hooks = require("@atlaskit/editor-common/hooks");
 var _reactNodeView = _interopRequireDefault(require("@atlaskit/editor-common/react-node-view"));
 var _resizer = require("@atlaskit/editor-common/resizer");
 var _model = require("@atlaskit/editor-prosemirror/model");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -61,6 +62,12 @@ var LayoutBreakoutResizer = function LayoutBreakoutResizer(_ref) {
     var _pluginInjectionApi$c, _pluginInjectionApi$c2, _pluginInjectionApi$s;
     return (_pluginInjectionApi$c = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c2 = pluginInjectionApi.core) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$s = pluginInjectionApi.selection) === null || _pluginInjectionApi$s === void 0 ? void 0 : _pluginInjectionApi$s.commands.displayGapCursor(toggle))) !== null && _pluginInjectionApi$c !== void 0 ? _pluginInjectionApi$c : false;
   }, [pluginInjectionApi]);
+  var displayGuidelines = (0, _react.useCallback)(function (guidelines) {
+    var _pluginInjectionApi$g;
+    pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$g = pluginInjectionApi.guideline) === null || _pluginInjectionApi$g === void 0 || (_pluginInjectionApi$g = _pluginInjectionApi$g.actions) === null || _pluginInjectionApi$g === void 0 || _pluginInjectionApi$g.displayGuideline(view)({
+      guidelines: guidelines
+    });
+  }, [pluginInjectionApi, view]);
   return /*#__PURE__*/_react.default.createElement(_resizer.BreakoutResizer, {
     getRef: forwardRef,
     getPos: getPos,
@@ -70,6 +77,7 @@ var LayoutBreakoutResizer = function LayoutBreakoutResizer(_ref) {
     disabled: (editorDisabledState === null || editorDisabledState === void 0 ? void 0 : editorDisabledState.editorDisabled) === true || !isBreakoutAvailable(view.state.schema),
     parentRef: parentRef,
     editorAnalyticsApi: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions,
+    displayGuidelines: (0, _experiments.editorExperiment)('single_column_layouts', true) ? displayGuidelines : undefined,
     displayGapCursor: displayGapCursor
   });
 };

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

@@ -14,7 +14,6 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _consts = require("./consts");
 var _pluginKey = require("./plugin-key");
@@ -386,15 +385,11 @@ 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 'two_equal';
+    return 'single';
   }
   switch (layoutColumnCount) {
+    case 1:
+      return 'single';
     case 2:
       return 'two_equal';
     case 3:

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

@@ -14,7 +14,6 @@ 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");
@@ -81,24 +80,19 @@ 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)) {
-    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));
+    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 true;
+    return false;
   }
   return false;
 };
@@ -169,7 +163,7 @@ 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')) {
+      if ((0, _experiments.editorExperiment)('advanced_layouts', true) && changes.length === 1) {
         var _change$slice$content, _change$slice$content2;
         var change = changes[0];
         // when need to update a layoutColumn with width 100

package/dist/es2019/nodeviews/index.js

@@ -3,6 +3,7 @@ import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { BreakoutResizer, ignoreResizerMutations } from '@atlaskit/editor-common/resizer';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 const isEmptyParagraph = node => {
   return !!node && node.type.name === 'paragraph' && !node.childCount;
 };
@@ -46,6 +47,12 @@ const LayoutBreakoutResizer = ({
     var _pluginInjectionApi$c, _pluginInjectionApi$c2, _pluginInjectionApi$s;
     return (_pluginInjectionApi$c = pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$c2 = pluginInjectionApi.core) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$s = pluginInjectionApi.selection) === null || _pluginInjectionApi$s === void 0 ? void 0 : _pluginInjectionApi$s.commands.displayGapCursor(toggle))) !== null && _pluginInjectionApi$c !== void 0 ? _pluginInjectionApi$c : false;
   }, [pluginInjectionApi]);
+  const displayGuidelines = useCallback(guidelines => {
+    var _pluginInjectionApi$g, _pluginInjectionApi$g2;
+    pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$g = pluginInjectionApi.guideline) === null || _pluginInjectionApi$g === void 0 ? void 0 : (_pluginInjectionApi$g2 = _pluginInjectionApi$g.actions) === null || _pluginInjectionApi$g2 === void 0 ? void 0 : _pluginInjectionApi$g2.displayGuideline(view)({
+      guidelines
+    });
+  }, [pluginInjectionApi, view]);
   return /*#__PURE__*/React.createElement(BreakoutResizer, {
     getRef: forwardRef,
     getPos: getPos,
@@ -55,6 +62,7 @@ const LayoutBreakoutResizer = ({
     disabled: (editorDisabledState === null || editorDisabledState === void 0 ? void 0 : editorDisabledState.editorDisabled) === true || !isBreakoutAvailable(view.state.schema),
     parentRef: parentRef,
     editorAnalyticsApi: pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions,
+    displayGuidelines: editorExperiment('single_column_layouts', true) ? displayGuidelines : undefined,
     displayGapCursor: displayGapCursor
   });
 };

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

@@ -4,7 +4,6 @@ import { flatmap, getStepRange, isEmptyDocument, mapChildren } from '@atlaskit/e
 import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { EVEN_DISTRIBUTED_COL_WIDTHS } from './consts';
 import { pluginKey } from './plugin-key';
@@ -361,15 +360,11 @@ 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 'two_equal';
+    return 'single';
   }
   switch (layoutColumnCount) {
+    case 1:
+      return 'single';
     case 2:
       return 'two_equal';
     case 3:

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

@@ -6,7 +6,6 @@ import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 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';
@@ -76,24 +75,19 @@ 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)) {
-    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));
+    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 true;
+    return false;
   }
   return false;
 };
@@ -158,7 +152,7 @@ export default (options => new SafePlugin({
         changes.push(change);
       }
     });
-    if (editorExperiment('advanced_layouts', true) && changes.length === 1 && fg('platform_editor_advanced_layouts_dnd_remove_layout')) {
+    if (editorExperiment('advanced_layouts', true) && changes.length === 1) {
       var _change$slice$content, _change$slice$content2;
       const change = changes[0];
       // when need to update a layoutColumn with width 100

package/dist/esm/nodeviews/index.js

@@ -10,6 +10,7 @@ import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import { BreakoutResizer, ignoreResizerMutations } from '@atlaskit/editor-common/resizer';
 import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 var isEmptyParagraph = function isEmptyParagraph(node) {
   return !!node && node.type.name === 'paragraph' && !node.childCount;
 };
@@ -51,6 +52,12 @@ var LayoutBreakoutResizer = function LayoutBreakoutResizer(_ref) {
     var _pluginInjectionApi$c, _pluginInjectionApi$c2, _pluginInjectionApi$s;
     return (_pluginInjectionApi$c = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$c2 = pluginInjectionApi.core) === null || _pluginInjectionApi$c2 === void 0 ? void 0 : _pluginInjectionApi$c2.actions.execute(pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$s = pluginInjectionApi.selection) === null || _pluginInjectionApi$s === void 0 ? void 0 : _pluginInjectionApi$s.commands.displayGapCursor(toggle))) !== null && _pluginInjectionApi$c !== void 0 ? _pluginInjectionApi$c : false;
   }, [pluginInjectionApi]);
+  var displayGuidelines = useCallback(function (guidelines) {
+    var _pluginInjectionApi$g;
+    pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$g = pluginInjectionApi.guideline) === null || _pluginInjectionApi$g === void 0 || (_pluginInjectionApi$g = _pluginInjectionApi$g.actions) === null || _pluginInjectionApi$g === void 0 || _pluginInjectionApi$g.displayGuideline(view)({
+      guidelines: guidelines
+    });
+  }, [pluginInjectionApi, view]);
   return /*#__PURE__*/React.createElement(BreakoutResizer, {
     getRef: forwardRef,
     getPos: getPos,
@@ -60,6 +67,7 @@ var LayoutBreakoutResizer = function LayoutBreakoutResizer(_ref) {
     disabled: (editorDisabledState === null || editorDisabledState === void 0 ? void 0 : editorDisabledState.editorDisabled) === true || !isBreakoutAvailable(view.state.schema),
     parentRef: parentRef,
     editorAnalyticsApi: pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions,
+    displayGuidelines: editorExperiment('single_column_layouts', true) ? displayGuidelines : undefined,
     displayGapCursor: displayGapCursor
   });
 };

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

@@ -7,7 +7,6 @@ import { flatmap, getStepRange, isEmptyDocument, mapChildren } from '@atlaskit/e
 import { Fragment, Slice } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { safeInsert } from '@atlaskit/editor-prosemirror/utils';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { EVEN_DISTRIBUTED_COL_WIDTHS } from './consts';
 import { pluginKey } from './plugin-key';
@@ -377,15 +376,11 @@ 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 'two_equal';
+    return 'single';
   }
   switch (layoutColumnCount) {
+    case 1:
+      return 'single';
     case 2:
       return 'two_equal';
     case 3:

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

@@ -9,7 +9,6 @@ import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection, Selection, TextSelection } from '@atlaskit/editor-prosemirror/state';
 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';
@@ -74,24 +73,19 @@ 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)) {
-    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));
+    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 true;
+    return false;
   }
   return false;
 };
@@ -162,7 +156,7 @@ export default (function (options) {
           changes.push(change);
         }
       });
-      if (editorExperiment('advanced_layouts', true) && changes.length === 1 && fg('platform_editor_advanced_layouts_dnd_remove_layout')) {
+      if (editorExperiment('advanced_layouts', true) && changes.length === 1) {
         var _change$slice$content, _change$slice$content2;
         var change = changes[0];
         // when need to update a layoutColumn with width 100

package/dist/types/layoutPluginType.d.ts

@@ -2,6 +2,7 @@ import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/t
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
+import type { GuidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
 import type { insertLayoutColumnsWithAnalytics } from './pm-plugins/actions';
@@ -11,7 +12,8 @@ export type LayoutPluginDependencies = [
     SelectionPlugin,
     OptionalPlugin<AnalyticsPlugin>,
     OptionalPlugin<WidthPlugin>,
-    OptionalPlugin<EditorDisabledPlugin>
+    OptionalPlugin<EditorDisabledPlugin>,
+    OptionalPlugin<GuidelinePlugin>
 ];
 export type LayoutPlugin = NextEditorPlugin<'layout', {
     pluginConfiguration: LayoutPluginOptions | undefined;

package/dist/types-ts4.5/layoutPluginType.d.ts

@@ -2,6 +2,7 @@ import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/t
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
+import type { GuidelinePlugin } from '@atlaskit/editor-plugin-guideline';
 import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
 import type { insertLayoutColumnsWithAnalytics } from './pm-plugins/actions';
@@ -11,7 +12,8 @@ export type LayoutPluginDependencies = [
     SelectionPlugin,
     OptionalPlugin<AnalyticsPlugin>,
     OptionalPlugin<WidthPlugin>,
-    OptionalPlugin<EditorDisabledPlugin>
+    OptionalPlugin<EditorDisabledPlugin>,
+    OptionalPlugin<GuidelinePlugin>
 ];
 export type LayoutPlugin = NextEditorPlugin<'layout', {
     pluginConfiguration: LayoutPluginOptions | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-layout",
-	"version": "2.3.1",
+	"version": "2.4.0",
 	"description": "Layout plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,16 +34,17 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^47.6.0",
-		"@atlaskit/editor-common": "^102.13.0",
+		"@atlaskit/editor-common": "^102.14.0",
 		"@atlaskit/editor-plugin-analytics": "^2.2.0",
 		"@atlaskit/editor-plugin-decorations": "^2.0.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^2.0.0",
+		"@atlaskit/editor-plugin-guideline": "^2.0.0",
 		"@atlaskit/editor-plugin-selection": "^2.1.0",
 		"@atlaskit/editor-plugin-width": "^3.0.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
-		"@atlaskit/icon": "^25.0.0",
+		"@atlaskit/icon": "^25.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^4.2.0",
+		"@atlaskit/tmp-editor-statsig": "^4.4.0",
 		"@atlaskit/tokens": "^4.5.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1"
@@ -99,9 +100,6 @@
 	"platform-feature-flags": {
 		"platform-visual-refresh-icons": {
 			"type": "boolean"
-		},
-		"platform_editor_advanced_layouts_dnd_remove_layout": {
-			"type": "boolean"
 		}
 	}
 }