@atlaskit/editor-plugin-layout 10.3.5 → 10.5.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @atlaskit/editor-plugin-layout
 
+## 10.5.0
+
+### Minor Changes
+
+- [`bc59bccc2fc5c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bc59bccc2fc5c) -
+  Reorder advanced layout quick insert suggestions
+
+### Patch Changes
+
+- Updated dependencies
+
+## 10.4.0
+
+### Minor Changes
+
+- [`6d95dce3d9a86`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6d95dce3d9a86) -
+  Add deleteLayoutColumn command to editor-plugin-layout with proportional width redistribution and
+  analytics tracking (EDITOR-6669)
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 10.3.5
 
 ### Patch Changes

package/dist/cjs/layoutPlugin.js

@@ -15,6 +15,7 @@ var _quickInsert = require("@atlaskit/editor-common/quick-insert");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _expValEqualsNoExposure = require("@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _actions = require("./pm-plugins/actions");
@@ -155,27 +156,94 @@ var layoutPlugin = exports.layoutPlugin = function layoutPlugin(_ref) {
           })(tr);
           return tr;
         };
-        var advancedSingleColumnOption = allowAdvancedSingleColumnLayout ? [{
-          id: 'onecolumnlayout',
-          title: formatMessage(_messages.layoutMessages.singleColumnAdvancedLayout),
-          description: formatMessage(_messages.toolbarInsertBlockMessages.singleColumnsDescriptionAdvancedLayout),
-          keywords: ['layout', 'column', 'section', 'single column'],
-          priority: 1100,
-          icon: function icon() {
-            return /*#__PURE__*/_react.default.createElement(_quickInsert.IconOneColumnLayout, null);
-          },
-          action: function action(insert, state) {
-            var tr = insert((0, _actions.createMultiColumnLayoutSection)(state, 1));
-            if ((0, _platformFeatureFlags.fg)('platform_editor_column_count_analytics')) {
-              withInsertLayoutAnalytics(tr, 1);
-            } else {
-              withInsertLayoutAnalytics(tr);
+        if ((0, _experiments.editorExperiment)('advanced_layouts', true)) {
+          var advancedSingleColumnOption = allowAdvancedSingleColumnLayout ? [{
+            id: 'onecolumnlayout',
+            title: formatMessage(_messages.layoutMessages.singleColumnAdvancedLayout),
+            description: formatMessage(_messages.toolbarInsertBlockMessages.singleColumnsDescriptionAdvancedLayout),
+            keywords: ['layout', 'column', 'section', 'single column'],
+            priority: 1100,
+            icon: function icon() {
+              return /*#__PURE__*/_react.default.createElement(_quickInsert.IconOneColumnLayout, null);
+            },
+            action: function action(insert, state) {
+              var tr = insert((0, _actions.createMultiColumnLayoutSection)(state, 1));
+              if ((0, _platformFeatureFlags.fg)('platform_editor_column_count_analytics')) {
+                withInsertLayoutAnalytics(tr, 1);
+              } else {
+                withInsertLayoutAnalytics(tr);
+              }
+              selectIntoLayoutSection(tr);
+              return tr;
             }
-            selectIntoLayoutSection(tr);
-            return tr;
+          }] : [];
+          if ((0, _expValEquals.expValEquals)('platform_editor_layout_typeahead_reorder', 'isEnabled', true)) {
+            var createAdvancedColumnLayoutOption = function createAdvancedColumnLayoutOption(_ref4) {
+              var columnCount = _ref4.columnCount,
+                descriptionColumnCount = _ref4.descriptionColumnCount,
+                Icon = _ref4.icon,
+                id = _ref4.id,
+                keyword = _ref4.keyword,
+                title = _ref4.title;
+              return {
+                id: id,
+                title: title,
+                description: formatMessage(_messages.toolbarInsertBlockMessages.columnsDescriptionAdvancedLayout, {
+                  numberOfColumns: descriptionColumnCount
+                }),
+                keywords: ['layout', 'column', 'section', keyword],
+                priority: 1100,
+                icon: Icon,
+                action: function action(insert, state) {
+                  var tr = insert((0, _actions.createMultiColumnLayoutSection)(state, columnCount));
+                  if ((0, _platformFeatureFlags.fg)('platform_editor_column_count_analytics')) {
+                    withInsertLayoutAnalytics(tr, columnCount);
+                  } else {
+                    withInsertLayoutAnalytics(tr);
+                  }
+                  selectIntoLayoutSection(tr);
+                  return tr;
+                }
+              };
+            };
+            return [createAdvancedColumnLayoutOption({
+              columnCount: 2,
+              descriptionColumnCount: 'two',
+              icon: function icon() {
+                return /*#__PURE__*/_react.default.createElement(_quickInsert.IconTwoColumnLayout, null);
+              },
+              id: 'twocolumnslayout',
+              keyword: 'two column',
+              title: formatMessage(_messages.layoutMessages.twoColumnsAdvancedLayout)
+            })].concat(advancedSingleColumnOption, [createAdvancedColumnLayoutOption({
+              columnCount: 3,
+              descriptionColumnCount: 'three',
+              icon: function icon() {
+                return /*#__PURE__*/_react.default.createElement(_quickInsert.IconThreeColumnLayout, null);
+              },
+              id: 'threecolumnslayout',
+              keyword: 'three column',
+              title: formatMessage(_messages.layoutMessages.threeColumnsAdvancedLayout)
+            }), createAdvancedColumnLayoutOption({
+              columnCount: 4,
+              descriptionColumnCount: 'four',
+              icon: function icon() {
+                return /*#__PURE__*/_react.default.createElement(_quickInsert.IconFourColumnLayout, null);
+              },
+              id: 'fourcolumnslayout',
+              keyword: 'four column',
+              title: formatMessage(_messages.layoutMessages.fourColumns)
+            }), createAdvancedColumnLayoutOption({
+              columnCount: 5,
+              descriptionColumnCount: 'five',
+              icon: function icon() {
+                return /*#__PURE__*/_react.default.createElement(_quickInsert.IconFiveColumnLayout, null);
+              },
+              id: 'fivecolumnslayout',
+              keyword: 'five column',
+              title: formatMessage(_messages.layoutMessages.fiveColumns)
+            })]);
           }
-        }] : [];
-        if ((0, _experiments.editorExperiment)('advanced_layouts', true)) {
           return [].concat(advancedSingleColumnOption, [{
             id: 'twocolumnslayout',
             title: formatMessage(_messages.layoutMessages.twoColumnsAdvancedLayout),
@@ -289,11 +357,11 @@ var layoutPlugin = exports.layoutPlugin = function layoutPlugin(_ref) {
         }
       }
     },
-    contentComponent: function contentComponent(_ref4) {
-      var editorView = _ref4.editorView,
-        popupsMountPoint = _ref4.popupsMountPoint,
-        popupsBoundariesElement = _ref4.popupsBoundariesElement,
-        popupsScrollableElement = _ref4.popupsScrollableElement;
+    contentComponent: function contentComponent(_ref5) {
+      var editorView = _ref5.editorView,
+        popupsMountPoint = _ref5.popupsMountPoint,
+        popupsBoundariesElement = _ref5.popupsBoundariesElement,
+        popupsScrollableElement = _ref5.popupsScrollableElement;
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _experiments.editorExperiment)('advanced_layouts', true) ? /*#__PURE__*/_react.default.createElement(_globalStyles.GlobalStylesWrapper, null) : null, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_layout_column_menu', 'isEnabled', true) && editorView ? /*#__PURE__*/_react.default.createElement(_LayoutColumnMenu.LayoutColumnMenu, {
         api: api,
         editorView: editorView,
@@ -309,9 +377,13 @@ var layoutPlugin = exports.layoutPlugin = function layoutPlugin(_ref) {
       return _pluginKey.pluginKey.getState(editorState);
     },
     commands: {
-      insertLayoutColumn: function insertLayoutColumn(side) {
+      deleteLayoutColumn: function deleteLayoutColumn(props) {
         var _api$analytics4;
-        return (0, _actions.insertLayoutColumn)(side, api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions);
+        return (0, _actions.deleteLayoutColumn)(api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions)(props);
+      },
+      insertLayoutColumn: function insertLayoutColumn(side) {
+        var _api$analytics5;
+        return (0, _actions.insertLayoutColumn)(side, api === null || api === void 0 || (_api$analytics5 = api.analytics) === null || _api$analytics5 === void 0 ? void 0 : _api$analytics5.actions);
       },
       setLayoutColumnValign: _actions.setLayoutColumnValign,
       toggleLayoutColumnMenu: _actions.toggleLayoutColumnMenu

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.fixColumnStructure = exports.fixColumnSizes = exports.deleteActiveLayoutNode = exports.createMultiColumnLayoutSection = exports.createDefaultLayoutSection = exports.TWO_COL_LAYOUTS = exports.THREE_COL_LAYOUTS = exports.ONE_COL_LAYOUTS = void 0;
+exports.fixColumnStructure = exports.fixColumnSizes = exports.deleteLayoutColumn = exports.deleteActiveLayoutNode = exports.createMultiColumnLayoutSection = exports.createDefaultLayoutSection = exports.TWO_COL_LAYOUTS = exports.THREE_COL_LAYOUTS = exports.ONE_COL_LAYOUTS = void 0;
 exports.forceSectionToPresetLayout = forceSectionToPresetLayout;
 exports.getEffectiveMaxLayoutColumns = getEffectiveMaxLayoutColumns;
 exports.toggleLayoutColumnMenu = exports.setPresetLayout = exports.setLayoutColumnValign = exports.insertLayoutColumnsWithAnalytics = exports.insertLayoutColumns = exports.insertLayoutColumn = exports.getSelectedLayout = exports.getPresetLayout = void 0;
@@ -678,4 +678,59 @@ var toggleLayoutColumnMenu = exports.toggleLayoutColumnMenu = function toggleLay
     tr.setMeta('scrollIntoView', false);
     return tr;
   };
+};
+var deleteLayoutColumn = exports.deleteLayoutColumn = function deleteLayoutColumn(editorAnalyticsAPI) {
+  return function (_ref9) {
+    var tr = _ref9.tr;
+    if (!(0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_layout_column_menu', 'isEnabled', true)) {
+      return null;
+    }
+    var selectedColumn = getSelectedLayoutColumnInSection(tr);
+    if (!selectedColumn) {
+      return null;
+    }
+    var layoutSectionNode = selectedColumn.layoutSectionNode,
+      layoutSectionPos = selectedColumn.layoutSectionPos,
+      selectedColumnIndex = selectedColumn.selectedColumnIndex;
+    var emitDeleteColumnAnalytics = function emitDeleteColumnAnalytics(columnCount) {
+      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
+        action: _analytics.ACTION.DELETED,
+        actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
+        actionSubjectId: _analytics.ACTION_SUBJECT_ID.LAYOUT_COLUMN,
+        attributes: {
+          columnCount: columnCount,
+          inputMethod: _analytics.INPUT_METHOD.LAYOUT_COLUMN_MENU,
+          selectedIndex: selectedColumnIndex
+        },
+        eventType: _analytics.EVENT_TYPE.TRACK
+      })(tr);
+    };
+
+    // If only one column remains, remove the entire layoutSection
+    if (layoutSectionNode.childCount === 1) {
+      tr.delete(layoutSectionPos, layoutSectionPos + layoutSectionNode.nodeSize);
+      emitDeleteColumnAnalytics(0);
+      tr.setMeta('scrollIntoView', false);
+      return tr;
+    }
+
+    // Build new column list without the selected column
+    var remainingColumns = [];
+    layoutSectionNode.forEach(function (column, _offset, index) {
+      if (index !== selectedColumnIndex) {
+        remainingColumns.push(column);
+      }
+    });
+
+    // Redistribute widths proportionally among remaining columns using shared utility
+    var existingWidths = (0, _utils.mapChildren)(layoutSectionNode, function (column) {
+      return column.attrs.width;
+    });
+    var redistributed = (0, _redistributeProportionally.redistributeAfterDeletion)(existingWidths, selectedColumnIndex, _consts.MIN_LAYOUT_COLUMN_WIDTH_PERCENT);
+    var updatedLayoutSectionNode = layoutSectionNode.copy(_model.Fragment.fromArray(remainingColumns));
+    tr.replaceWith(layoutSectionPos + 1, layoutSectionPos + layoutSectionNode.nodeSize - 1, columnWidth(updatedLayoutSectionNode, tr.doc.type.schema, redistributed));
+    emitDeleteColumnAnalytics(redistributed.length);
+    tr.setMeta('scrollIntoView', false);
+    return tr;
+  };
 };

package/dist/cjs/pm-plugins/utils/redistribute-proportionally.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.redistributeProportionally = void 0;
+exports.redistributeProportionally = exports.redistributeAfterDeletion = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var roundLayoutColumnWidth = function roundLayoutColumnWidth(width) {
   return Number(width.toFixed(2));
@@ -81,6 +81,36 @@ var redistributeWithMinimumWidth = function redistributeWithMinimumWidth(_ref) {
   });
   return widths;
 };
+var redistributeAfterDeletion = exports.redistributeAfterDeletion = function redistributeAfterDeletion(currentWidths, removeIndex, minWidth) {
+  if (currentWidths.length === 0 || removeIndex < 0 || removeIndex >= currentWidths.length || !isValidWidth(minWidth)) {
+    return currentWidths;
+  }
+  if (currentWidths.some(function (width) {
+    return !isValidWidth(width);
+  })) {
+    return currentWidths.filter(function (_, i) {
+      return i !== removeIndex;
+    });
+  }
+  var remainingWidths = currentWidths.filter(function (_, i) {
+    return i !== removeIndex;
+  });
+  if (remainingWidths.length === 0) {
+    return remainingWidths;
+  }
+  var currentTotalWidth = sumWidths(currentWidths);
+  var targetTotalWidth = Math.round(currentTotalWidth) === 100 ? 100 : currentTotalWidth;
+  var redistributed = redistributeWithMinimumWidth({
+    weights: remainingWidths,
+    totalWidth: targetTotalWidth,
+    minWidth: minWidth
+  });
+  if (!redistributed) {
+    var equalWidth = roundLayoutColumnWidth(targetTotalWidth / remainingWidths.length);
+    return normaliseWidthsTotal(Array(remainingWidths.length).fill(equalWidth), targetTotalWidth, minWidth);
+  }
+  return normaliseWidthsTotal(redistributed, targetTotalWidth, minWidth);
+};
 var redistributeProportionally = exports.redistributeProportionally = function redistributeProportionally(currentWidths, insertIndex, maxColumns, minWidth) {
   if (currentWidths.length === 0 || !Number.isInteger(maxColumns) || maxColumns <= 0 || currentWidths.length >= maxColumns || insertIndex < 0 || insertIndex > currentWidths.length || !isValidWidth(minWidth) || currentWidths.some(function (width) {
     return !isValidWidth(width);

package/dist/cjs/ui/LayoutColumnMenu/DeleteColumnDropdownItem.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DeleteColumnDropdownItem = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactIntl = require("react-intl");
+var _messages = require("@atlaskit/editor-common/messages");
+var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _useCurrentLayoutColumn = require("./useCurrentLayoutColumn");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var DeleteColumnDropdownItem = exports.DeleteColumnDropdownItem = function DeleteColumnDropdownItem(_ref) {
+  var api = _ref.api;
+  var _useIntl = (0, _reactIntl.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var currentColumn = (0, _useCurrentLayoutColumn.useCurrentLayoutColumn)(api);
+  var onClick = (0, _react.useCallback)(function () {
+    var _api$layout, _api$core;
+    var deleteCommand = api === null || api === void 0 || (_api$layout = api.layout) === null || _api$layout === void 0 ? void 0 : _api$layout.commands.deleteLayoutColumn;
+    api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(function (props) {
+      var _api$layout2;
+      var tr = deleteCommand === null || deleteCommand === void 0 ? void 0 : deleteCommand(props);
+      if (!tr) {
+        return tr !== null && tr !== void 0 ? tr : null;
+      }
+      api === null || api === void 0 || (_api$layout2 = api.layout) === null || _api$layout2 === void 0 || _api$layout2.commands.toggleLayoutColumnMenu({
+        isOpen: false
+      })({
+        tr: tr
+      });
+      return tr;
+    });
+  }, [api]);
+  if (currentColumn === undefined) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+    onClick: onClick
+  }, formatMessage(_messages.layoutMessages.deleteColumn));
+};

package/dist/cjs/ui/LayoutColumnMenu/components.js

@@ -10,6 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _messages = require("@atlaskit/editor-common/messages");
 var _editorToolbar = require("@atlaskit/editor-toolbar");
 var _toolbarMenuContainer = require("@atlaskit/editor-toolbar/toolbar-menu-container");
+var _DeleteColumnDropdownItem = require("./DeleteColumnDropdownItem");
 var _DistributeColumnsDropdownItem = require("./DistributeColumnsDropdownItem");
 var _InsertColumnDropdownItem = require("./InsertColumnDropdownItem");
 var _keys = require("./keys");
@@ -56,6 +57,15 @@ var getLayoutColumnMenuComponents = exports.getLayoutColumnMenuComponents = func
     parents: [_objectSpread(_objectSpread({}, _keys.LAYOUT_COLUMN_MENU_SECTION), {}, {
       rank: _keys.LAYOUT_COLUMN_MENU_SECTION_RANK[_keys.DISTRIBUTE_COLUMNS_MENU_ITEM.key]
     })]
+  }), _objectSpread(_objectSpread({}, _keys.DELETE_COLUMN_MENU_ITEM), {}, {
+    component: function component() {
+      return /*#__PURE__*/_react.default.createElement(_DeleteColumnDropdownItem.DeleteColumnDropdownItem, {
+        api: api
+      });
+    },
+    parents: [_objectSpread(_objectSpread({}, _keys.LAYOUT_COLUMN_MENU_SECTION), {}, {
+      rank: _keys.LAYOUT_COLUMN_MENU_SECTION_RANK[_keys.DELETE_COLUMN_MENU_ITEM.key]
+    })]
   }), _objectSpread(_objectSpread({}, _keys.VERTICAL_ALIGN_MENU), {}, {
     component: function component(_ref3) {
       var children = _ref3.children;

package/dist/cjs/ui/LayoutColumnMenu/keys.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.VERTICAL_ALIGN_TOP_MENU_ITEM = exports.VERTICAL_ALIGN_MIDDLE_MENU_ITEM = exports.VERTICAL_ALIGN_MENU_SECTION_RANK = exports.VERTICAL_ALIGN_MENU_RANK = exports.VERTICAL_ALIGN_MENU = exports.VERTICAL_ALIGN_BOTTOM_MENU_ITEM = exports.LAYOUT_COLUMN_VERTICAL_ALIGN_MENU_SECTION = exports.LAYOUT_COLUMN_MENU_SECTION_RANK = exports.LAYOUT_COLUMN_MENU_SECTION = exports.LAYOUT_COLUMN_MENU_RANK = exports.LAYOUT_COLUMN_MENU = exports.INSERT_COLUMN_RIGHT_MENU_ITEM = exports.INSERT_COLUMN_LEFT_MENU_ITEM = exports.DISTRIBUTE_COLUMNS_MENU_ITEM = void 0;
+exports.VERTICAL_ALIGN_TOP_MENU_ITEM = exports.VERTICAL_ALIGN_MIDDLE_MENU_ITEM = exports.VERTICAL_ALIGN_MENU_SECTION_RANK = exports.VERTICAL_ALIGN_MENU_RANK = exports.VERTICAL_ALIGN_MENU = exports.VERTICAL_ALIGN_BOTTOM_MENU_ITEM = exports.LAYOUT_COLUMN_VERTICAL_ALIGN_MENU_SECTION = exports.LAYOUT_COLUMN_MENU_SECTION_RANK = exports.LAYOUT_COLUMN_MENU_SECTION = exports.LAYOUT_COLUMN_MENU_RANK = exports.LAYOUT_COLUMN_MENU = exports.INSERT_COLUMN_RIGHT_MENU_ITEM = exports.INSERT_COLUMN_LEFT_MENU_ITEM = exports.DISTRIBUTE_COLUMNS_MENU_ITEM = exports.DELETE_COLUMN_MENU_ITEM = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 // --- Menu surface ---
 
@@ -58,9 +58,13 @@ var VERTICAL_ALIGN_BOTTOM_MENU_ITEM = exports.VERTICAL_ALIGN_BOTTOM_MENU_ITEM =
   type: 'menu-item',
   key: 'layout-column-menu-vertical-align-bottom-item'
 };
+var DELETE_COLUMN_MENU_ITEM = exports.DELETE_COLUMN_MENU_ITEM = {
+  type: 'menu-item',
+  key: 'layout-column-menu-delete-item'
+};
 
 // --- Item ranks within sections ---
 
-var LAYOUT_COLUMN_MENU_SECTION_RANK = exports.LAYOUT_COLUMN_MENU_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, VERTICAL_ALIGN_MENU.key, 100), INSERT_COLUMN_LEFT_MENU_ITEM.key, 200), INSERT_COLUMN_RIGHT_MENU_ITEM.key, 300), DISTRIBUTE_COLUMNS_MENU_ITEM.key, 400);
+var LAYOUT_COLUMN_MENU_SECTION_RANK = exports.LAYOUT_COLUMN_MENU_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, VERTICAL_ALIGN_MENU.key, 100), INSERT_COLUMN_LEFT_MENU_ITEM.key, 200), INSERT_COLUMN_RIGHT_MENU_ITEM.key, 300), DISTRIBUTE_COLUMNS_MENU_ITEM.key, 400), DELETE_COLUMN_MENU_ITEM.key, 500);
 var VERTICAL_ALIGN_MENU_RANK = exports.VERTICAL_ALIGN_MENU_RANK = (0, _defineProperty2.default)({}, LAYOUT_COLUMN_VERTICAL_ALIGN_MENU_SECTION.key, 100);
 var VERTICAL_ALIGN_MENU_SECTION_RANK = exports.VERTICAL_ALIGN_MENU_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, VERTICAL_ALIGN_TOP_MENU_ITEM.key, 100), VERTICAL_ALIGN_MIDDLE_MENU_ITEM.key, 200), VERTICAL_ALIGN_BOTTOM_MENU_ITEM.key, 300);

package/dist/es2019/layoutPlugin.js

@@ -8,9 +8,10 @@ import { IconFiveColumnLayout, IconFourColumnLayout, IconLayout, IconOneColumnLa
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNode } from '@atlaskit/editor-prosemirror/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { createDefaultLayoutSection, createMultiColumnLayoutSection, insertLayoutColumn, insertLayoutColumnsWithAnalytics, setLayoutColumnValign, toggleLayoutColumnMenu } from './pm-plugins/actions';
+import { createDefaultLayoutSection, createMultiColumnLayoutSection, deleteLayoutColumn, insertLayoutColumn, insertLayoutColumnsWithAnalytics, setLayoutColumnValign, toggleLayoutColumnMenu } from './pm-plugins/actions';
 import { default as createLayoutPlugin } from './pm-plugins/main';
 import { pluginKey } from './pm-plugins/plugin-key';
 import { default as createLayoutResizingPlugin } from './pm-plugins/resizing';
@@ -147,25 +148,83 @@ export const layoutPlugin = ({
           })(tr);
           return tr;
         };
-        const advancedSingleColumnOption = allowAdvancedSingleColumnLayout ? [{
-          id: 'onecolumnlayout',
-          title: formatMessage(layoutMessages.singleColumnAdvancedLayout),
-          description: formatMessage(messages.singleColumnsDescriptionAdvancedLayout),
-          keywords: ['layout', 'column', 'section', 'single column'],
-          priority: 1100,
-          icon: () => /*#__PURE__*/React.createElement(IconOneColumnLayout, null),
-          action(insert, state) {
-            const tr = insert(createMultiColumnLayoutSection(state, 1));
-            if (fg('platform_editor_column_count_analytics')) {
-              withInsertLayoutAnalytics(tr, 1);
-            } else {
-              withInsertLayoutAnalytics(tr);
+        if (editorExperiment('advanced_layouts', true)) {
+          const advancedSingleColumnOption = allowAdvancedSingleColumnLayout ? [{
+            id: 'onecolumnlayout',
+            title: formatMessage(layoutMessages.singleColumnAdvancedLayout),
+            description: formatMessage(messages.singleColumnsDescriptionAdvancedLayout),
+            keywords: ['layout', 'column', 'section', 'single column'],
+            priority: 1100,
+            icon: () => /*#__PURE__*/React.createElement(IconOneColumnLayout, null),
+            action(insert, state) {
+              const tr = insert(createMultiColumnLayoutSection(state, 1));
+              if (fg('platform_editor_column_count_analytics')) {
+                withInsertLayoutAnalytics(tr, 1);
+              } else {
+                withInsertLayoutAnalytics(tr);
+              }
+              selectIntoLayoutSection(tr);
+              return tr;
             }
-            selectIntoLayoutSection(tr);
-            return tr;
+          }] : [];
+          if (expValEquals('platform_editor_layout_typeahead_reorder', 'isEnabled', true)) {
+            const createAdvancedColumnLayoutOption = ({
+              columnCount,
+              descriptionColumnCount,
+              icon: Icon,
+              id,
+              keyword,
+              title
+            }) => ({
+              id,
+              title,
+              description: formatMessage(messages.columnsDescriptionAdvancedLayout, {
+                numberOfColumns: descriptionColumnCount
+              }),
+              keywords: ['layout', 'column', 'section', keyword],
+              priority: 1100,
+              icon: Icon,
+              action(insert, state) {
+                const tr = insert(createMultiColumnLayoutSection(state, columnCount));
+                if (fg('platform_editor_column_count_analytics')) {
+                  withInsertLayoutAnalytics(tr, columnCount);
+                } else {
+                  withInsertLayoutAnalytics(tr);
+                }
+                selectIntoLayoutSection(tr);
+                return tr;
+              }
+            });
+            return [createAdvancedColumnLayoutOption({
+              columnCount: 2,
+              descriptionColumnCount: 'two',
+              icon: () => /*#__PURE__*/React.createElement(IconTwoColumnLayout, null),
+              id: 'twocolumnslayout',
+              keyword: 'two column',
+              title: formatMessage(layoutMessages.twoColumnsAdvancedLayout)
+            }), ...advancedSingleColumnOption, createAdvancedColumnLayoutOption({
+              columnCount: 3,
+              descriptionColumnCount: 'three',
+              icon: () => /*#__PURE__*/React.createElement(IconThreeColumnLayout, null),
+              id: 'threecolumnslayout',
+              keyword: 'three column',
+              title: formatMessage(layoutMessages.threeColumnsAdvancedLayout)
+            }), createAdvancedColumnLayoutOption({
+              columnCount: 4,
+              descriptionColumnCount: 'four',
+              icon: () => /*#__PURE__*/React.createElement(IconFourColumnLayout, null),
+              id: 'fourcolumnslayout',
+              keyword: 'four column',
+              title: formatMessage(layoutMessages.fourColumns)
+            }), createAdvancedColumnLayoutOption({
+              columnCount: 5,
+              descriptionColumnCount: 'five',
+              icon: () => /*#__PURE__*/React.createElement(IconFiveColumnLayout, null),
+              id: 'fivecolumnslayout',
+              keyword: 'five column',
+              title: formatMessage(layoutMessages.fiveColumns)
+            })];
           }
-        }] : [];
-        if (editorExperiment('advanced_layouts', true)) {
           return [...advancedSingleColumnOption, {
             id: 'twocolumnslayout',
             title: formatMessage(layoutMessages.twoColumnsAdvancedLayout),
@@ -290,9 +349,13 @@ export const layoutPlugin = ({
       return pluginKey.getState(editorState);
     },
     commands: {
-      insertLayoutColumn: side => {
+      deleteLayoutColumn: props => {
         var _api$analytics4;
-        return insertLayoutColumn(side, api === null || api === void 0 ? void 0 : (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions);
+        return deleteLayoutColumn(api === null || api === void 0 ? void 0 : (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions)(props);
+      },
+      insertLayoutColumn: side => {
+        var _api$analytics5;
+        return insertLayoutColumn(side, api === null || api === void 0 ? void 0 : (_api$analytics5 = api.analytics) === null || _api$analytics5 === void 0 ? void 0 : _api$analytics5.actions);
       },
       setLayoutColumnValign,
       toggleLayoutColumnMenu

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

@@ -9,7 +9,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { EVEN_DISTRIBUTED_COL_WIDTHS, MAX_LAYOUT_COLUMNS, MAX_STANDARD_LAYOUT_COLUMNS, MIN_LAYOUT_COLUMN_WIDTH_PERCENT } from './consts';
 import { pluginKey } from './plugin-key';
-import { redistributeProportionally } from './utils/redistribute-proportionally';
+import { redistributeAfterDeletion, redistributeProportionally } from './utils/redistribute-proportionally';
 export const ONE_COL_LAYOUTS = ['single'];
 export const TWO_COL_LAYOUTS = ['two_equal', 'two_left_sidebar', 'two_right_sidebar'];
 export const THREE_COL_LAYOUTS = ['three_equal', 'three_with_sidebars'];
@@ -659,4 +659,58 @@ export const toggleLayoutColumnMenu = ({
   });
   tr.setMeta('scrollIntoView', false);
   return tr;
+};
+export const deleteLayoutColumn = editorAnalyticsAPI => ({
+  tr
+}) => {
+  if (!expValEqualsNoExposure('platform_editor_layout_column_menu', 'isEnabled', true)) {
+    return null;
+  }
+  const selectedColumn = getSelectedLayoutColumnInSection(tr);
+  if (!selectedColumn) {
+    return null;
+  }
+  const {
+    layoutSectionNode,
+    layoutSectionPos,
+    selectedColumnIndex
+  } = selectedColumn;
+  const emitDeleteColumnAnalytics = columnCount => {
+    editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent({
+      action: ACTION.DELETED,
+      actionSubject: ACTION_SUBJECT.DOCUMENT,
+      actionSubjectId: ACTION_SUBJECT_ID.LAYOUT_COLUMN,
+      attributes: {
+        columnCount,
+        inputMethod: INPUT_METHOD.LAYOUT_COLUMN_MENU,
+        selectedIndex: selectedColumnIndex
+      },
+      eventType: EVENT_TYPE.TRACK
+    })(tr);
+  };
+
+  // If only one column remains, remove the entire layoutSection
+  if (layoutSectionNode.childCount === 1) {
+    tr.delete(layoutSectionPos, layoutSectionPos + layoutSectionNode.nodeSize);
+    emitDeleteColumnAnalytics(0);
+    tr.setMeta('scrollIntoView', false);
+    return tr;
+  }
+
+  // Build new column list without the selected column
+  const remainingColumns = [];
+  layoutSectionNode.forEach((column, _offset, index) => {
+    if (index !== selectedColumnIndex) {
+      remainingColumns.push(column);
+    }
+  });
+
+  // Redistribute widths proportionally among remaining columns using shared utility
+  const existingWidths = mapChildren(layoutSectionNode, column => column.attrs.width);
+  const redistributed = redistributeAfterDeletion(existingWidths, selectedColumnIndex, MIN_LAYOUT_COLUMN_WIDTH_PERCENT);
+  const updatedLayoutSectionNode = layoutSectionNode.copy(Fragment.fromArray(remainingColumns));
+  tr.replaceWith(layoutSectionPos + 1, layoutSectionPos + layoutSectionNode.nodeSize - 1, columnWidth(updatedLayoutSectionNode, tr.doc.type.schema, redistributed));
+  emitDeleteColumnAnalytics(redistributed.length);
+  tr.setMeta('scrollIntoView', false);
+  return tr;
 };

package/dist/es2019/pm-plugins/utils/redistribute-proportionally.js

@@ -61,6 +61,30 @@ const redistributeWithMinimumWidth = ({
   });
   return widths;
 };
+export const redistributeAfterDeletion = (currentWidths, removeIndex, minWidth) => {
+  if (currentWidths.length === 0 || removeIndex < 0 || removeIndex >= currentWidths.length || !isValidWidth(minWidth)) {
+    return currentWidths;
+  }
+  if (currentWidths.some(width => !isValidWidth(width))) {
+    return currentWidths.filter((_, i) => i !== removeIndex);
+  }
+  const remainingWidths = currentWidths.filter((_, i) => i !== removeIndex);
+  if (remainingWidths.length === 0) {
+    return remainingWidths;
+  }
+  const currentTotalWidth = sumWidths(currentWidths);
+  const targetTotalWidth = Math.round(currentTotalWidth) === 100 ? 100 : currentTotalWidth;
+  const redistributed = redistributeWithMinimumWidth({
+    weights: remainingWidths,
+    totalWidth: targetTotalWidth,
+    minWidth
+  });
+  if (!redistributed) {
+    const equalWidth = roundLayoutColumnWidth(targetTotalWidth / remainingWidths.length);
+    return normaliseWidthsTotal(Array(remainingWidths.length).fill(equalWidth), targetTotalWidth, minWidth);
+  }
+  return normaliseWidthsTotal(redistributed, targetTotalWidth, minWidth);
+};
 export const redistributeProportionally = (currentWidths, insertIndex, maxColumns, minWidth) => {
   if (currentWidths.length === 0 || !Number.isInteger(maxColumns) || maxColumns <= 0 || currentWidths.length >= maxColumns || insertIndex < 0 || insertIndex > currentWidths.length || !isValidWidth(minWidth) || currentWidths.some(width => !isValidWidth(width))) {
     return currentWidths;

package/dist/es2019/ui/LayoutColumnMenu/DeleteColumnDropdownItem.js

@@ -0,0 +1,37 @@
+import React, { useCallback } from 'react';
+import { useIntl } from 'react-intl';
+import { layoutMessages } from '@atlaskit/editor-common/messages';
+import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
+import { useCurrentLayoutColumn } from './useCurrentLayoutColumn';
+const DeleteColumnDropdownItem = ({
+  api
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const currentColumn = useCurrentLayoutColumn(api);
+  const onClick = useCallback(() => {
+    var _api$layout, _api$core;
+    const deleteCommand = api === null || api === void 0 ? void 0 : (_api$layout = api.layout) === null || _api$layout === void 0 ? void 0 : _api$layout.commands.deleteLayoutColumn;
+    api === null || api === void 0 ? void 0 : (_api$core = api.core) === null || _api$core === void 0 ? void 0 : _api$core.actions.execute(props => {
+      var _api$layout2;
+      const tr = deleteCommand === null || deleteCommand === void 0 ? void 0 : deleteCommand(props);
+      if (!tr) {
+        return tr !== null && tr !== void 0 ? tr : null;
+      }
+      api === null || api === void 0 ? void 0 : (_api$layout2 = api.layout) === null || _api$layout2 === void 0 ? void 0 : _api$layout2.commands.toggleLayoutColumnMenu({
+        isOpen: false
+      })({
+        tr
+      });
+      return tr;
+    });
+  }, [api]);
+  if (currentColumn === undefined) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
+    onClick: onClick
+  }, formatMessage(layoutMessages.deleteColumn));
+};
+export { DeleteColumnDropdownItem };

package/dist/es2019/ui/LayoutColumnMenu/components.js

@@ -2,9 +2,10 @@ import React from 'react';
 import { layoutMessages } from '@atlaskit/editor-common/messages';
 import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
 import { ToolbarMenuContainer } from '@atlaskit/editor-toolbar/toolbar-menu-container';
+import { DeleteColumnDropdownItem } from './DeleteColumnDropdownItem';
 import { createDistributeColumnsDropdownItem } from './DistributeColumnsDropdownItem';
 import { InsertColumnDropdownItem } from './InsertColumnDropdownItem';
-import { DISTRIBUTE_COLUMNS_MENU_ITEM, INSERT_COLUMN_LEFT_MENU_ITEM, INSERT_COLUMN_RIGHT_MENU_ITEM, LAYOUT_COLUMN_MENU, LAYOUT_COLUMN_MENU_RANK, LAYOUT_COLUMN_MENU_SECTION, LAYOUT_COLUMN_MENU_SECTION_RANK, LAYOUT_COLUMN_VERTICAL_ALIGN_MENU_SECTION, VERTICAL_ALIGN_BOTTOM_MENU_ITEM, VERTICAL_ALIGN_MENU, VERTICAL_ALIGN_MENU_RANK, VERTICAL_ALIGN_MENU_SECTION_RANK, VERTICAL_ALIGN_MIDDLE_MENU_ITEM, VERTICAL_ALIGN_TOP_MENU_ITEM } from './keys';
+import { DELETE_COLUMN_MENU_ITEM, DISTRIBUTE_COLUMNS_MENU_ITEM, INSERT_COLUMN_LEFT_MENU_ITEM, INSERT_COLUMN_RIGHT_MENU_ITEM, LAYOUT_COLUMN_MENU, LAYOUT_COLUMN_MENU_RANK, LAYOUT_COLUMN_MENU_SECTION, LAYOUT_COLUMN_MENU_SECTION_RANK, LAYOUT_COLUMN_VERTICAL_ALIGN_MENU_SECTION, VERTICAL_ALIGN_BOTTOM_MENU_ITEM, VERTICAL_ALIGN_MENU, VERTICAL_ALIGN_MENU_RANK, VERTICAL_ALIGN_MENU_SECTION_RANK, VERTICAL_ALIGN_MIDDLE_MENU_ITEM, VERTICAL_ALIGN_TOP_MENU_ITEM } from './keys';
 import { VerticalAlignDropdownItem } from './VerticalAlignDropdownItem';
 import { VerticalAlignNestedMenu } from './VerticalAlignNestedMenu';
 export const LAYOUT_COLUMN_MENU_FALLBACKS = {
@@ -51,6 +52,15 @@ export const getLayoutColumnMenuComponents = ({
       ...LAYOUT_COLUMN_MENU_SECTION,
       rank: LAYOUT_COLUMN_MENU_SECTION_RANK[DISTRIBUTE_COLUMNS_MENU_ITEM.key]
     }]
+  }, {
+    ...DELETE_COLUMN_MENU_ITEM,
+    component: () => /*#__PURE__*/React.createElement(DeleteColumnDropdownItem, {
+      api: api
+    }),
+    parents: [{
+      ...LAYOUT_COLUMN_MENU_SECTION,
+      rank: LAYOUT_COLUMN_MENU_SECTION_RANK[DELETE_COLUMN_MENU_ITEM.key]
+    }]
   }, {
     ...VERTICAL_ALIGN_MENU,
     component: ({

package/dist/es2019/ui/LayoutColumnMenu/keys.js

@@ -52,6 +52,10 @@ export const VERTICAL_ALIGN_BOTTOM_MENU_ITEM = {
   type: 'menu-item',
   key: 'layout-column-menu-vertical-align-bottom-item'
 };
+export const DELETE_COLUMN_MENU_ITEM = {
+  type: 'menu-item',
+  key: 'layout-column-menu-delete-item'
+};
 
 // --- Item ranks within sections ---
 
@@ -59,7 +63,8 @@ export const LAYOUT_COLUMN_MENU_SECTION_RANK = {
   [VERTICAL_ALIGN_MENU.key]: 100,
   [INSERT_COLUMN_LEFT_MENU_ITEM.key]: 200,
   [INSERT_COLUMN_RIGHT_MENU_ITEM.key]: 300,
-  [DISTRIBUTE_COLUMNS_MENU_ITEM.key]: 400
+  [DISTRIBUTE_COLUMNS_MENU_ITEM.key]: 400,
+  [DELETE_COLUMN_MENU_ITEM.key]: 500
 };
 export const VERTICAL_ALIGN_MENU_RANK = {
   [LAYOUT_COLUMN_VERTICAL_ALIGN_MENU_SECTION.key]: 100

package/dist/esm/layoutPlugin.js

@@ -8,9 +8,10 @@ import { IconFiveColumnLayout, IconFourColumnLayout, IconLayout, IconOneColumnLa
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
 import { findParentNode } from '@atlaskit/editor-prosemirror/utils';
 import { fg } from '@atlaskit/platform-feature-flags';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
-import { createDefaultLayoutSection, createMultiColumnLayoutSection, insertLayoutColumn as _insertLayoutColumn, insertLayoutColumnsWithAnalytics, setLayoutColumnValign, toggleLayoutColumnMenu } from './pm-plugins/actions';
+import { createDefaultLayoutSection, createMultiColumnLayoutSection, deleteLayoutColumn as _deleteLayoutColumn, insertLayoutColumn as _insertLayoutColumn, insertLayoutColumnsWithAnalytics, setLayoutColumnValign, toggleLayoutColumnMenu } from './pm-plugins/actions';
 import { default as createLayoutPlugin } from './pm-plugins/main';
 import { pluginKey } from './pm-plugins/plugin-key';
 import { default as createLayoutResizingPlugin } from './pm-plugins/resizing';
@@ -148,27 +149,94 @@ export var layoutPlugin = function layoutPlugin(_ref) {
           })(tr);
           return tr;
         };
-        var advancedSingleColumnOption = allowAdvancedSingleColumnLayout ? [{
-          id: 'onecolumnlayout',
-          title: formatMessage(layoutMessages.singleColumnAdvancedLayout),
-          description: formatMessage(messages.singleColumnsDescriptionAdvancedLayout),
-          keywords: ['layout', 'column', 'section', 'single column'],
-          priority: 1100,
-          icon: function icon() {
-            return /*#__PURE__*/React.createElement(IconOneColumnLayout, null);
-          },
-          action: function action(insert, state) {
-            var tr = insert(createMultiColumnLayoutSection(state, 1));
-            if (fg('platform_editor_column_count_analytics')) {
-              withInsertLayoutAnalytics(tr, 1);
-            } else {
-              withInsertLayoutAnalytics(tr);
+        if (editorExperiment('advanced_layouts', true)) {
+          var advancedSingleColumnOption = allowAdvancedSingleColumnLayout ? [{
+            id: 'onecolumnlayout',
+            title: formatMessage(layoutMessages.singleColumnAdvancedLayout),
+            description: formatMessage(messages.singleColumnsDescriptionAdvancedLayout),
+            keywords: ['layout', 'column', 'section', 'single column'],
+            priority: 1100,
+            icon: function icon() {
+              return /*#__PURE__*/React.createElement(IconOneColumnLayout, null);
+            },
+            action: function action(insert, state) {
+              var tr = insert(createMultiColumnLayoutSection(state, 1));
+              if (fg('platform_editor_column_count_analytics')) {
+                withInsertLayoutAnalytics(tr, 1);
+              } else {
+                withInsertLayoutAnalytics(tr);
+              }
+              selectIntoLayoutSection(tr);
+              return tr;
             }
-            selectIntoLayoutSection(tr);
-            return tr;
+          }] : [];
+          if (expValEquals('platform_editor_layout_typeahead_reorder', 'isEnabled', true)) {
+            var createAdvancedColumnLayoutOption = function createAdvancedColumnLayoutOption(_ref4) {
+              var columnCount = _ref4.columnCount,
+                descriptionColumnCount = _ref4.descriptionColumnCount,
+                Icon = _ref4.icon,
+                id = _ref4.id,
+                keyword = _ref4.keyword,
+                title = _ref4.title;
+              return {
+                id: id,
+                title: title,
+                description: formatMessage(messages.columnsDescriptionAdvancedLayout, {
+                  numberOfColumns: descriptionColumnCount
+                }),
+                keywords: ['layout', 'column', 'section', keyword],
+                priority: 1100,
+                icon: Icon,
+                action: function action(insert, state) {
+                  var tr = insert(createMultiColumnLayoutSection(state, columnCount));
+                  if (fg('platform_editor_column_count_analytics')) {
+                    withInsertLayoutAnalytics(tr, columnCount);
+                  } else {
+                    withInsertLayoutAnalytics(tr);
+                  }
+                  selectIntoLayoutSection(tr);
+                  return tr;
+                }
+              };
+            };
+            return [createAdvancedColumnLayoutOption({
+              columnCount: 2,
+              descriptionColumnCount: 'two',
+              icon: function icon() {
+                return /*#__PURE__*/React.createElement(IconTwoColumnLayout, null);
+              },
+              id: 'twocolumnslayout',
+              keyword: 'two column',
+              title: formatMessage(layoutMessages.twoColumnsAdvancedLayout)
+            })].concat(advancedSingleColumnOption, [createAdvancedColumnLayoutOption({
+              columnCount: 3,
+              descriptionColumnCount: 'three',
+              icon: function icon() {
+                return /*#__PURE__*/React.createElement(IconThreeColumnLayout, null);
+              },
+              id: 'threecolumnslayout',
+              keyword: 'three column',
+              title: formatMessage(layoutMessages.threeColumnsAdvancedLayout)
+            }), createAdvancedColumnLayoutOption({
+              columnCount: 4,
+              descriptionColumnCount: 'four',
+              icon: function icon() {
+                return /*#__PURE__*/React.createElement(IconFourColumnLayout, null);
+              },
+              id: 'fourcolumnslayout',
+              keyword: 'four column',
+              title: formatMessage(layoutMessages.fourColumns)
+            }), createAdvancedColumnLayoutOption({
+              columnCount: 5,
+              descriptionColumnCount: 'five',
+              icon: function icon() {
+                return /*#__PURE__*/React.createElement(IconFiveColumnLayout, null);
+              },
+              id: 'fivecolumnslayout',
+              keyword: 'five column',
+              title: formatMessage(layoutMessages.fiveColumns)
+            })]);
           }
-        }] : [];
-        if (editorExperiment('advanced_layouts', true)) {
           return [].concat(advancedSingleColumnOption, [{
             id: 'twocolumnslayout',
             title: formatMessage(layoutMessages.twoColumnsAdvancedLayout),
@@ -282,11 +350,11 @@ export var layoutPlugin = function layoutPlugin(_ref) {
         }
       }
     },
-    contentComponent: function contentComponent(_ref4) {
-      var editorView = _ref4.editorView,
-        popupsMountPoint = _ref4.popupsMountPoint,
-        popupsBoundariesElement = _ref4.popupsBoundariesElement,
-        popupsScrollableElement = _ref4.popupsScrollableElement;
+    contentComponent: function contentComponent(_ref5) {
+      var editorView = _ref5.editorView,
+        popupsMountPoint = _ref5.popupsMountPoint,
+        popupsBoundariesElement = _ref5.popupsBoundariesElement,
+        popupsScrollableElement = _ref5.popupsScrollableElement;
       return /*#__PURE__*/React.createElement(React.Fragment, null, editorExperiment('advanced_layouts', true) ? /*#__PURE__*/React.createElement(GlobalStylesWrapper, null) : null, expValEqualsNoExposure('platform_editor_layout_column_menu', 'isEnabled', true) && editorView ? /*#__PURE__*/React.createElement(LayoutColumnMenu, {
         api: api,
         editorView: editorView,
@@ -302,9 +370,13 @@ export var layoutPlugin = function layoutPlugin(_ref) {
       return pluginKey.getState(editorState);
     },
     commands: {
-      insertLayoutColumn: function insertLayoutColumn(side) {
+      deleteLayoutColumn: function deleteLayoutColumn(props) {
         var _api$analytics4;
-        return _insertLayoutColumn(side, api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions);
+        return _deleteLayoutColumn(api === null || api === void 0 || (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions)(props);
+      },
+      insertLayoutColumn: function insertLayoutColumn(side) {
+        var _api$analytics5;
+        return _insertLayoutColumn(side, api === null || api === void 0 || (_api$analytics5 = api.analytics) === null || _api$analytics5 === void 0 ? void 0 : _api$analytics5.actions);
       },
       setLayoutColumnValign: setLayoutColumnValign,
       toggleLayoutColumnMenu: toggleLayoutColumnMenu

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

@@ -12,7 +12,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { EVEN_DISTRIBUTED_COL_WIDTHS, MAX_LAYOUT_COLUMNS, MAX_STANDARD_LAYOUT_COLUMNS, MIN_LAYOUT_COLUMN_WIDTH_PERCENT } from './consts';
 import { pluginKey } from './plugin-key';
-import { redistributeProportionally } from './utils/redistribute-proportionally';
+import { redistributeAfterDeletion, redistributeProportionally } from './utils/redistribute-proportionally';
 export var ONE_COL_LAYOUTS = ['single'];
 export var TWO_COL_LAYOUTS = ['two_equal', 'two_left_sidebar', 'two_right_sidebar'];
 export var THREE_COL_LAYOUTS = ['three_equal', 'three_with_sidebars'];
@@ -668,4 +668,59 @@ export var toggleLayoutColumnMenu = function toggleLayoutColumnMenu(_ref7) {
     tr.setMeta('scrollIntoView', false);
     return tr;
   };
+};
+export var deleteLayoutColumn = function deleteLayoutColumn(editorAnalyticsAPI) {
+  return function (_ref9) {
+    var tr = _ref9.tr;
+    if (!expValEqualsNoExposure('platform_editor_layout_column_menu', 'isEnabled', true)) {
+      return null;
+    }
+    var selectedColumn = getSelectedLayoutColumnInSection(tr);
+    if (!selectedColumn) {
+      return null;
+    }
+    var layoutSectionNode = selectedColumn.layoutSectionNode,
+      layoutSectionPos = selectedColumn.layoutSectionPos,
+      selectedColumnIndex = selectedColumn.selectedColumnIndex;
+    var emitDeleteColumnAnalytics = function emitDeleteColumnAnalytics(columnCount) {
+      editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.attachAnalyticsEvent({
+        action: ACTION.DELETED,
+        actionSubject: ACTION_SUBJECT.DOCUMENT,
+        actionSubjectId: ACTION_SUBJECT_ID.LAYOUT_COLUMN,
+        attributes: {
+          columnCount: columnCount,
+          inputMethod: INPUT_METHOD.LAYOUT_COLUMN_MENU,
+          selectedIndex: selectedColumnIndex
+        },
+        eventType: EVENT_TYPE.TRACK
+      })(tr);
+    };
+
+    // If only one column remains, remove the entire layoutSection
+    if (layoutSectionNode.childCount === 1) {
+      tr.delete(layoutSectionPos, layoutSectionPos + layoutSectionNode.nodeSize);
+      emitDeleteColumnAnalytics(0);
+      tr.setMeta('scrollIntoView', false);
+      return tr;
+    }
+
+    // Build new column list without the selected column
+    var remainingColumns = [];
+    layoutSectionNode.forEach(function (column, _offset, index) {
+      if (index !== selectedColumnIndex) {
+        remainingColumns.push(column);
+      }
+    });
+
+    // Redistribute widths proportionally among remaining columns using shared utility
+    var existingWidths = mapChildren(layoutSectionNode, function (column) {
+      return column.attrs.width;
+    });
+    var redistributed = redistributeAfterDeletion(existingWidths, selectedColumnIndex, MIN_LAYOUT_COLUMN_WIDTH_PERCENT);
+    var updatedLayoutSectionNode = layoutSectionNode.copy(Fragment.fromArray(remainingColumns));
+    tr.replaceWith(layoutSectionPos + 1, layoutSectionPos + layoutSectionNode.nodeSize - 1, columnWidth(updatedLayoutSectionNode, tr.doc.type.schema, redistributed));
+    emitDeleteColumnAnalytics(redistributed.length);
+    tr.setMeta('scrollIntoView', false);
+    return tr;
+  };
 };

package/dist/esm/pm-plugins/utils/redistribute-proportionally.js

@@ -74,6 +74,36 @@ var redistributeWithMinimumWidth = function redistributeWithMinimumWidth(_ref) {
   });
   return widths;
 };
+export var redistributeAfterDeletion = function redistributeAfterDeletion(currentWidths, removeIndex, minWidth) {
+  if (currentWidths.length === 0 || removeIndex < 0 || removeIndex >= currentWidths.length || !isValidWidth(minWidth)) {
+    return currentWidths;
+  }
+  if (currentWidths.some(function (width) {
+    return !isValidWidth(width);
+  })) {
+    return currentWidths.filter(function (_, i) {
+      return i !== removeIndex;
+    });
+  }
+  var remainingWidths = currentWidths.filter(function (_, i) {
+    return i !== removeIndex;
+  });
+  if (remainingWidths.length === 0) {
+    return remainingWidths;
+  }
+  var currentTotalWidth = sumWidths(currentWidths);
+  var targetTotalWidth = Math.round(currentTotalWidth) === 100 ? 100 : currentTotalWidth;
+  var redistributed = redistributeWithMinimumWidth({
+    weights: remainingWidths,
+    totalWidth: targetTotalWidth,
+    minWidth: minWidth
+  });
+  if (!redistributed) {
+    var equalWidth = roundLayoutColumnWidth(targetTotalWidth / remainingWidths.length);
+    return normaliseWidthsTotal(Array(remainingWidths.length).fill(equalWidth), targetTotalWidth, minWidth);
+  }
+  return normaliseWidthsTotal(redistributed, targetTotalWidth, minWidth);
+};
 export var redistributeProportionally = function redistributeProportionally(currentWidths, insertIndex, maxColumns, minWidth) {
   if (currentWidths.length === 0 || !Number.isInteger(maxColumns) || maxColumns <= 0 || currentWidths.length >= maxColumns || insertIndex < 0 || insertIndex > currentWidths.length || !isValidWidth(minWidth) || currentWidths.some(function (width) {
     return !isValidWidth(width);

package/dist/esm/ui/LayoutColumnMenu/DeleteColumnDropdownItem.js

@@ -0,0 +1,35 @@
+import React, { useCallback } from 'react';
+import { useIntl } from 'react-intl';
+import { layoutMessages } from '@atlaskit/editor-common/messages';
+import { ToolbarDropdownItem } from '@atlaskit/editor-toolbar';
+import { useCurrentLayoutColumn } from './useCurrentLayoutColumn';
+var DeleteColumnDropdownItem = function DeleteColumnDropdownItem(_ref) {
+  var api = _ref.api;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
+  var currentColumn = useCurrentLayoutColumn(api);
+  var onClick = useCallback(function () {
+    var _api$layout, _api$core;
+    var deleteCommand = api === null || api === void 0 || (_api$layout = api.layout) === null || _api$layout === void 0 ? void 0 : _api$layout.commands.deleteLayoutColumn;
+    api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(function (props) {
+      var _api$layout2;
+      var tr = deleteCommand === null || deleteCommand === void 0 ? void 0 : deleteCommand(props);
+      if (!tr) {
+        return tr !== null && tr !== void 0 ? tr : null;
+      }
+      api === null || api === void 0 || (_api$layout2 = api.layout) === null || _api$layout2 === void 0 || _api$layout2.commands.toggleLayoutColumnMenu({
+        isOpen: false
+      })({
+        tr: tr
+      });
+      return tr;
+    });
+  }, [api]);
+  if (currentColumn === undefined) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(ToolbarDropdownItem, {
+    onClick: onClick
+  }, formatMessage(layoutMessages.deleteColumn));
+};
+export { DeleteColumnDropdownItem };

package/dist/esm/ui/LayoutColumnMenu/components.js

@@ -5,9 +5,10 @@ import React from 'react';
 import { layoutMessages } from '@atlaskit/editor-common/messages';
 import { ToolbarDropdownItemSection } from '@atlaskit/editor-toolbar';
 import { ToolbarMenuContainer } from '@atlaskit/editor-toolbar/toolbar-menu-container';
+import { DeleteColumnDropdownItem } from './DeleteColumnDropdownItem';
 import { createDistributeColumnsDropdownItem } from './DistributeColumnsDropdownItem';
 import { InsertColumnDropdownItem } from './InsertColumnDropdownItem';
-import { DISTRIBUTE_COLUMNS_MENU_ITEM, INSERT_COLUMN_LEFT_MENU_ITEM, INSERT_COLUMN_RIGHT_MENU_ITEM, LAYOUT_COLUMN_MENU, LAYOUT_COLUMN_MENU_RANK, LAYOUT_COLUMN_MENU_SECTION, LAYOUT_COLUMN_MENU_SECTION_RANK, LAYOUT_COLUMN_VERTICAL_ALIGN_MENU_SECTION, VERTICAL_ALIGN_BOTTOM_MENU_ITEM, VERTICAL_ALIGN_MENU, VERTICAL_ALIGN_MENU_RANK, VERTICAL_ALIGN_MENU_SECTION_RANK, VERTICAL_ALIGN_MIDDLE_MENU_ITEM, VERTICAL_ALIGN_TOP_MENU_ITEM } from './keys';
+import { DELETE_COLUMN_MENU_ITEM, DISTRIBUTE_COLUMNS_MENU_ITEM, INSERT_COLUMN_LEFT_MENU_ITEM, INSERT_COLUMN_RIGHT_MENU_ITEM, LAYOUT_COLUMN_MENU, LAYOUT_COLUMN_MENU_RANK, LAYOUT_COLUMN_MENU_SECTION, LAYOUT_COLUMN_MENU_SECTION_RANK, LAYOUT_COLUMN_VERTICAL_ALIGN_MENU_SECTION, VERTICAL_ALIGN_BOTTOM_MENU_ITEM, VERTICAL_ALIGN_MENU, VERTICAL_ALIGN_MENU_RANK, VERTICAL_ALIGN_MENU_SECTION_RANK, VERTICAL_ALIGN_MIDDLE_MENU_ITEM, VERTICAL_ALIGN_TOP_MENU_ITEM } from './keys';
 import { VerticalAlignDropdownItem } from './VerticalAlignDropdownItem';
 import { VerticalAlignNestedMenu } from './VerticalAlignNestedMenu';
 export var LAYOUT_COLUMN_MENU_FALLBACKS = {
@@ -49,6 +50,15 @@ export var getLayoutColumnMenuComponents = function getLayoutColumnMenuComponent
     parents: [_objectSpread(_objectSpread({}, LAYOUT_COLUMN_MENU_SECTION), {}, {
       rank: LAYOUT_COLUMN_MENU_SECTION_RANK[DISTRIBUTE_COLUMNS_MENU_ITEM.key]
     })]
+  }), _objectSpread(_objectSpread({}, DELETE_COLUMN_MENU_ITEM), {}, {
+    component: function component() {
+      return /*#__PURE__*/React.createElement(DeleteColumnDropdownItem, {
+        api: api
+      });
+    },
+    parents: [_objectSpread(_objectSpread({}, LAYOUT_COLUMN_MENU_SECTION), {}, {
+      rank: LAYOUT_COLUMN_MENU_SECTION_RANK[DELETE_COLUMN_MENU_ITEM.key]
+    })]
   }), _objectSpread(_objectSpread({}, VERTICAL_ALIGN_MENU), {}, {
     component: function component(_ref3) {
       var children = _ref3.children;

package/dist/esm/ui/LayoutColumnMenu/keys.js

@@ -51,9 +51,13 @@ export var VERTICAL_ALIGN_BOTTOM_MENU_ITEM = {
   type: 'menu-item',
   key: 'layout-column-menu-vertical-align-bottom-item'
 };
+export var DELETE_COLUMN_MENU_ITEM = {
+  type: 'menu-item',
+  key: 'layout-column-menu-delete-item'
+};
 
 // --- Item ranks within sections ---
 
-export var LAYOUT_COLUMN_MENU_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, VERTICAL_ALIGN_MENU.key, 100), INSERT_COLUMN_LEFT_MENU_ITEM.key, 200), INSERT_COLUMN_RIGHT_MENU_ITEM.key, 300), DISTRIBUTE_COLUMNS_MENU_ITEM.key, 400);
+export var LAYOUT_COLUMN_MENU_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, VERTICAL_ALIGN_MENU.key, 100), INSERT_COLUMN_LEFT_MENU_ITEM.key, 200), INSERT_COLUMN_RIGHT_MENU_ITEM.key, 300), DISTRIBUTE_COLUMNS_MENU_ITEM.key, 400), DELETE_COLUMN_MENU_ITEM.key, 500);
 export var VERTICAL_ALIGN_MENU_RANK = _defineProperty({}, LAYOUT_COLUMN_VERTICAL_ALIGN_MENU_SECTION.key, 100);
 export var VERTICAL_ALIGN_MENU_SECTION_RANK = _defineProperty(_defineProperty(_defineProperty({}, VERTICAL_ALIGN_TOP_MENU_ITEM.key, 100), VERTICAL_ALIGN_MIDDLE_MENU_ITEM.key, 200), VERTICAL_ALIGN_BOTTOM_MENU_ITEM.key, 300);

package/dist/types/layoutPluginType.d.ts

@@ -9,7 +9,7 @@ import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
 import type { UiControlRegistryPlugin } from '@atlaskit/editor-plugin-ui-control-registry';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
-import type { InsertLayoutColumnSide, insertLayoutColumnsWithAnalytics, setLayoutColumnValign, toggleLayoutColumnMenu } from './pm-plugins/actions';
+import type { deleteLayoutColumn, InsertLayoutColumnSide, insertLayoutColumnsWithAnalytics, setLayoutColumnValign, toggleLayoutColumnMenu } from './pm-plugins/actions';
 import type { LayoutState } from './pm-plugins/types';
 import type { LayoutPluginOptions } from './types';
 export type LayoutPluginDependencies = [
@@ -29,6 +29,7 @@ export type LayoutPlugin = NextEditorPlugin<'layout', {
         insertLayoutColumns: ReturnType<typeof insertLayoutColumnsWithAnalytics>;
     };
     commands: {
+        deleteLayoutColumn: ReturnType<typeof deleteLayoutColumn>;
         insertLayoutColumn: (side: InsertLayoutColumnSide) => EditorCommand;
         setLayoutColumnValign: typeof setLayoutColumnValign;
         toggleLayoutColumnMenu: typeof toggleLayoutColumnMenu;

package/dist/types/pm-plugins/actions.d.ts

@@ -37,3 +37,4 @@ export declare const setLayoutColumnValign: (valign: Valign) => EditorCommand;
 export declare const toggleLayoutColumnMenu: ({ isOpen }: {
     isOpen?: boolean;
 }) => EditorCommand;
+export declare const deleteLayoutColumn: (editorAnalyticsAPI?: EditorAnalyticsAPI) => EditorCommand;

package/dist/types/pm-plugins/utils/redistribute-proportionally.d.ts

@@ -1 +1,2 @@
+export declare const redistributeAfterDeletion: (currentWidths: number[], removeIndex: number, minWidth: number) => number[];
 export declare const redistributeProportionally: (currentWidths: number[], insertIndex: number, maxColumns: number, minWidth: number) => number[];

package/dist/types/ui/LayoutColumnMenu/DeleteColumnDropdownItem.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { LayoutPlugin } from '../../layoutPluginType';
+type DeleteColumnDropdownItemProps = {
+    api: ExtractInjectionAPI<LayoutPlugin> | undefined;
+};
+declare const DeleteColumnDropdownItem: ({ api, }: DeleteColumnDropdownItemProps) => React.JSX.Element | null;
+export { DeleteColumnDropdownItem };

package/dist/types/ui/LayoutColumnMenu/keys.d.ts

@@ -10,6 +10,7 @@ export declare const DISTRIBUTE_COLUMNS_MENU_ITEM: MenuItemType;
 export declare const VERTICAL_ALIGN_TOP_MENU_ITEM: MenuItemType;
 export declare const VERTICAL_ALIGN_MIDDLE_MENU_ITEM: MenuItemType;
 export declare const VERTICAL_ALIGN_BOTTOM_MENU_ITEM: MenuItemType;
+export declare const DELETE_COLUMN_MENU_ITEM: MenuItemType;
 export declare const LAYOUT_COLUMN_MENU_SECTION_RANK: Record<string, number>;
 export declare const VERTICAL_ALIGN_MENU_RANK: Record<string, number>;
 export declare const VERTICAL_ALIGN_MENU_SECTION_RANK: Record<string, number>;

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

@@ -9,7 +9,7 @@ import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
 import type { UiControlRegistryPlugin } from '@atlaskit/editor-plugin-ui-control-registry';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
-import type { InsertLayoutColumnSide, insertLayoutColumnsWithAnalytics, setLayoutColumnValign, toggleLayoutColumnMenu } from './pm-plugins/actions';
+import type { deleteLayoutColumn, InsertLayoutColumnSide, insertLayoutColumnsWithAnalytics, setLayoutColumnValign, toggleLayoutColumnMenu } from './pm-plugins/actions';
 import type { LayoutState } from './pm-plugins/types';
 import type { LayoutPluginOptions } from './types';
 export type LayoutPluginDependencies = [
@@ -29,6 +29,7 @@ export type LayoutPlugin = NextEditorPlugin<'layout', {
         insertLayoutColumns: ReturnType<typeof insertLayoutColumnsWithAnalytics>;
     };
     commands: {
+        deleteLayoutColumn: ReturnType<typeof deleteLayoutColumn>;
         insertLayoutColumn: (side: InsertLayoutColumnSide) => EditorCommand;
         setLayoutColumnValign: typeof setLayoutColumnValign;
         toggleLayoutColumnMenu: typeof toggleLayoutColumnMenu;

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

@@ -37,3 +37,4 @@ export declare const setLayoutColumnValign: (valign: Valign) => EditorCommand;
 export declare const toggleLayoutColumnMenu: ({ isOpen }: {
     isOpen?: boolean;
 }) => EditorCommand;
+export declare const deleteLayoutColumn: (editorAnalyticsAPI?: EditorAnalyticsAPI) => EditorCommand;

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

@@ -1 +1,2 @@
+export declare const redistributeAfterDeletion: (currentWidths: number[], removeIndex: number, minWidth: number) => number[];
 export declare const redistributeProportionally: (currentWidths: number[], insertIndex: number, maxColumns: number, minWidth: number) => number[];

package/dist/types-ts4.5/ui/LayoutColumnMenu/DeleteColumnDropdownItem.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { LayoutPlugin } from '../../layoutPluginType';
+type DeleteColumnDropdownItemProps = {
+    api: ExtractInjectionAPI<LayoutPlugin> | undefined;
+};
+declare const DeleteColumnDropdownItem: ({ api, }: DeleteColumnDropdownItemProps) => React.JSX.Element | null;
+export { DeleteColumnDropdownItem };

package/dist/types-ts4.5/ui/LayoutColumnMenu/keys.d.ts

@@ -10,6 +10,7 @@ export declare const DISTRIBUTE_COLUMNS_MENU_ITEM: MenuItemType;
 export declare const VERTICAL_ALIGN_TOP_MENU_ITEM: MenuItemType;
 export declare const VERTICAL_ALIGN_MIDDLE_MENU_ITEM: MenuItemType;
 export declare const VERTICAL_ALIGN_BOTTOM_MENU_ITEM: MenuItemType;
+export declare const DELETE_COLUMN_MENU_ITEM: MenuItemType;
 export declare const LAYOUT_COLUMN_MENU_SECTION_RANK: Record<string, number>;
 export declare const VERTICAL_ALIGN_MENU_RANK: Record<string, number>;
 export declare const VERTICAL_ALIGN_MENU_SECTION_RANK: Record<string, number>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-layout",
-	"version": "10.3.5",
+	"version": "10.5.0",
 	"description": "Layout plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -43,19 +43,19 @@
 		"@atlaskit/editor-plugin-width": "^11.1.0",
 		"@atlaskit/editor-prosemirror": "^7.3.0",
 		"@atlaskit/editor-shared-styles": "^3.11.0",
-		"@atlaskit/editor-toolbar": "^1.6.0",
+		"@atlaskit/editor-toolbar": "^1.7.0",
 		"@atlaskit/editor-ui-control-model": "^1.2.0",
 		"@atlaskit/icon": "^35.0.0",
 		"@atlaskit/icon-lab": "^6.9.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^82.0.0",
+		"@atlaskit/tmp-editor-statsig": "^82.5.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"bind-event-listener": "^3.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.37.0",
+		"@atlaskit/editor-common": "^114.42.0",
 		"react": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},
@@ -115,6 +115,7 @@
 		}
 	},
 	"devDependencies": {
+		"react": "^18.2.0",
 		"react-intl": "^6.6.2"
 	}
 }