@atlaskit/editor-plugin-layout 27.0.3 → 27.0.5

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

@@ -7,9 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.DEFAULT_LAYOUT = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _selection = require("@atlaskit/editor-common/selection");
+var _selection2 = require("@atlaskit/editor-common/selection/gap-cursor/selection");
 var _utils = require("@atlaskit/editor-common/utils");
 var _keymap = require("@atlaskit/editor-prosemirror/keymap");
 var _model = require("@atlaskit/editor-prosemirror/model");
@@ -45,7 +46,7 @@ var applyBlankSpaceGapCursor = function applyBlankSpaceGapCursor(view, event) {
   var $pos = view.state.doc.resolve(gapTarget.pos);
   // A paragraph child takes a TextSelection (caret at the edge) rather than a gap cursor.
   var isParagraphTarget = (0, _utils3.isParagraphBlankSpaceTarget)(view, gapTarget);
-  var nextSelection = isParagraphTarget ? _state.TextSelection.near($pos, gapTarget.side === 'left' ? 1 : -1) : new _selection.GapCursorSelection($pos, gapTarget.side === 'left' ? _selection.Side.LEFT : _selection.Side.RIGHT);
+  var nextSelection = isParagraphTarget ? _state.TextSelection.near($pos, gapTarget.side === 'left' ? 1 : -1) : new _selection2.GapCursorSelection($pos, gapTarget.side === 'left' ? _selection.Side.LEFT : _selection.Side.RIGHT);
   // Idempotency guard: `mousedown` already placed this selection, but the browser still
   // fires `mouseup`, so `handleClick`/`handleClickOn` re-run for the same click. Consume it
   // without re-dispatching (which would add a redundant undo entry).
@@ -131,16 +132,16 @@ var fireLayoutColumnMenuOpenedAnalytics = function fireLayoutColumnMenuOpenedAna
     startIndex = selectedLayoutColumnsResult.startIndex,
     endIndex = selectedLayoutColumnsResult.endIndex;
   editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 || editorAnalyticsAPI.fireAnalyticsEvent({
-    action: _analytics.ACTION.OPENED,
-    actionSubject: _analytics.ACTION_SUBJECT.LAYOUT_COLUMN_MENU,
+    action: _enums.ACTION.OPENED,
+    actionSubject: _enums.ACTION_SUBJECT.LAYOUT_COLUMN_MENU,
     attributes: {
       columnCount: layoutSectionNode.childCount,
       endIndex: endIndex,
-      inputMethod: openedViaKeyboard ? _analytics.INPUT_METHOD.KEYBOARD : _analytics.INPUT_METHOD.MOUSE,
+      inputMethod: openedViaKeyboard ? _enums.INPUT_METHOD.KEYBOARD : _enums.INPUT_METHOD.MOUSE,
       selectedCount: selectedLayoutColumns.length,
       startIndex: startIndex
     },
-    eventType: _analytics.EVENT_TYPE.UI
+    eventType: _enums.EVENT_TYPE.UI
   });
 };
 var reduceLayoutColumnMenuState = function reduceLayoutColumnMenuState(pluginState, action) {

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

@@ -8,7 +8,7 @@ exports.pluginKey = exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-var _coreUtils = require("@atlaskit/editor-common/core-utils");
+var _isSsr = require("@atlaskit/editor-common/is-ssr");
 var _safePlugin = require("@atlaskit/editor-common/safe-plugin");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _state = require("@atlaskit/editor-prosemirror/state");
@@ -27,7 +27,7 @@ var pluginKey = exports.pluginKey = new _state.PluginKey('layoutResizingPlugin')
  * PM transactions) are not "corrected" back by ProseMirror's DOM reconciliation.
  */
 var isLayoutElementLike = function isLayoutElementLike(element) {
-  if ((0, _coreUtils.isSSR)()) {
+  if ((0, _isSsr.isSSR)()) {
     // In SSR environments, `HTMLElement` is undefined globally so a plain
     // `instanceof HTMLElement` check is always `false`. That makes the
     // `DOMSerializer.renderSpec(...)` result get rejected by the guard below and

package/dist/cjs/pm-plugins/utils/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectIntoLayout = exports.isParagraphBlankSpaceTarget = exports.getMaybeLayoutSection = exports.getGapCursorTargetForBlankSpaceClick = void 0;
-var _selection = require("@atlaskit/editor-common/selection");
+var _selection = require("@atlaskit/editor-common/selection/gap-cursor/selection");
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _utils = require("@atlaskit/editor-prosemirror/utils");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");

package/dist/cjs/ui/LayoutBlockMenuItem.js

@@ -10,9 +10,9 @@ require("./LayoutBlockMenuItem.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _messages = require("@atlaskit/editor-common/messages");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _blockMenu = require("@atlaskit/editor-common/messages/block-menu");
+var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
 var _layoutTwoColumns = _interopRequireDefault(require("@atlaskit/icon/core/layout-two-columns"));
 var styles = {
   svgOverflow: "_1wrmewfl _172sewfl"
@@ -24,8 +24,8 @@ var LayoutBlockMenuItem = function LayoutBlockMenuItem(_ref) {
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var handleClick = function handleClick(event) {
-    var triggeredFrom = event.nativeEvent instanceof KeyboardEvent || event.nativeEvent.detail === 0 ? _analytics.INPUT_METHOD.KEYBOARD : _analytics.INPUT_METHOD.MOUSE;
-    var inputMethod = _analytics.INPUT_METHOD.BLOCK_MENU;
+    var triggeredFrom = event.nativeEvent instanceof KeyboardEvent || event.nativeEvent.detail === 0 ? _enums.INPUT_METHOD.KEYBOARD : _enums.INPUT_METHOD.MOUSE;
+    var inputMethod = _enums.INPUT_METHOD.BLOCK_MENU;
     api === null || api === void 0 || api.core.actions.execute(function (_ref2) {
       var _api$blockMenu;
       var tr = _ref2.tr;
@@ -40,7 +40,7 @@ var LayoutBlockMenuItem = function LayoutBlockMenuItem(_ref) {
       }) : null;
     });
   };
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+  return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItem.ToolbarDropdownItem, {
     onClick: handleClick,
     elemBefore: /*#__PURE__*/_react.default.createElement("span", {
       className: (0, _runtime.ax)([styles.svgOverflow])
@@ -48,7 +48,7 @@ var LayoutBlockMenuItem = function LayoutBlockMenuItem(_ref) {
       label: "",
       size: "small"
     }))
-  }, formatMessage(_messages.blockMenuMessages.layout));
+  }, formatMessage(_blockMenu.messages.layout));
 };
 var createLayoutBlockMenuItem = exports.createLayoutBlockMenuItem = function createLayoutBlockMenuItem(api) {
   return function () {

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

@@ -7,10 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.DeleteColumnDropdownItem = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
-var _messages = require("@atlaskit/editor-common/messages");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _layout = require("@atlaskit/editor-common/messages/layout");
+var _deleteIcon = require("@atlaskit/editor-toolbar/delete-icon");
+var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
+var _toolbarKeyboardShortcutHint = require("@atlaskit/editor-toolbar/toolbar-keyboard-shortcut-hint");
 var _useSelectedLayoutColumns = require("./useSelectedLayoutColumns");
 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) {
@@ -32,7 +34,7 @@ var DeleteColumnDropdownItem = exports.DeleteColumnDropdownItem = function Delet
   var onClick = (0, _react.useCallback)(function () {
     var _api$layout2, _api$core2;
     var deleteCommand = api === null || api === void 0 || (_api$layout2 = api.layout) === null || _api$layout2 === void 0 ? void 0 : _api$layout2.commands.deleteLayoutColumn({
-      inputMethod: _analytics.INPUT_METHOD.LAYOUT_COLUMN_MENU
+      inputMethod: _enums.INPUT_METHOD.LAYOUT_COLUMN_MENU
     });
     api === null || api === void 0 || (_api$core2 = api.core) === null || _api$core2 === void 0 || _api$core2.actions.execute(function (props) {
       var _api$layout3;
@@ -52,22 +54,22 @@ var DeleteColumnDropdownItem = exports.DeleteColumnDropdownItem = function Delet
     return null;
   }
   var selectedColumnCount = selectedLayoutColumns.selectedLayoutColumns.length;
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+  return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItem.ToolbarDropdownItem, {
     ariaKeyshortcuts: (0, _keymaps.getAriaKeyshortcuts)(_keymaps.deleteColumn),
     onClick: onClick,
     onFocus: showDangerPreview,
     onMouseEnter: showDangerPreview,
     onBlur: hideDangerPreview,
     onMouseLeave: hideDangerPreview,
-    elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.DeleteIcon, {
+    elemBefore: /*#__PURE__*/_react.default.createElement(_deleteIcon.DeleteIcon, {
       color: "currentColor",
       label: "",
       size: "small"
     }),
-    elemAfter: /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarKeyboardShortcutHint, {
+    elemAfter: /*#__PURE__*/_react.default.createElement(_toolbarKeyboardShortcutHint.ToolbarKeyboardShortcutHint, {
       shortcut: (_tooltip = (0, _keymaps.tooltip)(_keymaps.deleteColumn)) !== null && _tooltip !== void 0 ? _tooltip : ''
     })
-  }, formatMessage(_messages.layoutMessages.deleteColumn, {
+  }, formatMessage(_layout.toolbarMessages.deleteColumn, {
     count: selectedColumnCount
   }));
 };

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

@@ -7,9 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.DistributeColumnsDropdownItem = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
-var _analytics = require("@atlaskit/editor-common/analytics");
-var _messages = require("@atlaskit/editor-common/messages");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
+var _layout = require("@atlaskit/editor-common/messages/layout");
+var _columnsDistributeIcon = require("@atlaskit/editor-toolbar/columns-distribute-icon");
+var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
 var _layoutColumnDistribution = require("../../pm-plugins/utils/layout-column-distribution");
 var _useSelectedLayoutColumns = require("./useSelectedLayoutColumns");
 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); }
@@ -25,7 +26,7 @@ var DistributeColumnsDropdownItem = exports.DistributeColumnsDropdownItem = func
     api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(function (props) {
       var _api$layout, _api$layout2;
       var tr = api === null || api === void 0 || (_api$layout = api.layout) === null || _api$layout === void 0 ? void 0 : _api$layout.commands.distributeLayoutColumns({
-        inputMethod: _analytics.INPUT_METHOD.LAYOUT_COLUMN_MENU
+        inputMethod: _enums.INPUT_METHOD.LAYOUT_COLUMN_MENU
       })(props);
       if (!tr) {
         return null;
@@ -50,13 +51,13 @@ var DistributeColumnsDropdownItem = exports.DistributeColumnsDropdownItem = func
   if (selectedLayoutColumns === undefined || selectedLayoutColumns.length < 2) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+  return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItem.ToolbarDropdownItem, {
     onClick: handleClick,
     isDisabled: isAlreadyUniform,
-    elemBefore: /*#__PURE__*/_react.default.createElement(_editorToolbar.TableColumnsDistributeIcon, {
+    elemBefore: /*#__PURE__*/_react.default.createElement(_columnsDistributeIcon.TableColumnsDistributeIcon, {
       color: "currentColor",
       label: "",
       size: "small"
     })
-  }, formatMessage(_messages.layoutMessages.distributeColumns));
+  }, formatMessage(_layout.toolbarMessages.distributeColumns));
 };

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

@@ -7,22 +7,25 @@ Object.defineProperty(exports, "__esModule", {
 exports.InsertColumnDropdownItem = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _keymaps = require("@atlaskit/editor-common/keymaps");
-var _messages = require("@atlaskit/editor-common/messages");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _layout = require("@atlaskit/editor-common/messages/layout");
+var _columnAddLeftIcon = require("@atlaskit/editor-toolbar/column-add-left-icon");
+var _columnAddRightIcon = require("@atlaskit/editor-toolbar/column-add-right-icon");
+var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
+var _toolbarKeyboardShortcutHint = require("@atlaskit/editor-toolbar/toolbar-keyboard-shortcut-hint");
 var _actions = require("../../pm-plugins/actions");
 var _useSelectedLayoutColumns = require("./useSelectedLayoutColumns");
 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 INSERT_COLUMN_OPTIONS = {
   left: {
-    Icon: _editorToolbar.TableColumnAddLeftIcon,
-    label: _messages.layoutMessages.addColumnLeft,
+    Icon: _columnAddLeftIcon.TableColumnAddLeftIcon,
+    label: _layout.toolbarMessages.addColumnLeft,
     side: 'left'
   },
   right: {
-    Icon: _editorToolbar.TableColumnAddRightIcon,
-    label: _messages.layoutMessages.addColumnRight,
+    Icon: _columnAddRightIcon.TableColumnAddRightIcon,
+    label: _layout.toolbarMessages.addColumnRight,
     side: 'right'
   }
 };
@@ -44,7 +47,7 @@ var InsertColumnDropdownItem = exports.InsertColumnDropdownItem = function Inser
     var _api$layout, _api$core;
     var insertCommand = api === null || api === void 0 || (_api$layout = api.layout) === null || _api$layout === void 0 ? void 0 : _api$layout.commands.insertLayoutColumn({
       side: side,
-      inputMethod: _analytics.INPUT_METHOD.LAYOUT_COLUMN_MENU
+      inputMethod: _enums.INPUT_METHOD.LAYOUT_COLUMN_MENU
     });
     api === null || api === void 0 || (_api$core = api.core) === null || _api$core === void 0 || _api$core.actions.execute(function (props) {
       var _api$layout2;
@@ -63,14 +66,14 @@ var InsertColumnDropdownItem = exports.InsertColumnDropdownItem = function Inser
   if (!canInsertColumn) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+  return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItem.ToolbarDropdownItem, {
     ariaKeyshortcuts: (0, _keymaps.getAriaKeyshortcuts)(shortcut),
     elemBefore: /*#__PURE__*/_react.default.createElement(Icon, {
       color: "currentColor",
       label: "",
       size: "small"
     }),
-    elemAfter: /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarKeyboardShortcutHint, {
+    elemAfter: /*#__PURE__*/_react.default.createElement(_toolbarKeyboardShortcutHint.ToolbarKeyboardShortcutHint, {
       shortcut: (_tooltip = (0, _keymaps.tooltip)(shortcut)) !== null && _tooltip !== void 0 ? _tooltip : ''
     }),
     onClick: onClick

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

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.VerticalAlignDropdownItem = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _toolbarDropdownItem = require("@atlaskit/editor-toolbar/toolbar-dropdown-item");
 var _layoutColumnSelection = require("../../pm-plugins/utils/layout-column-selection");
 var _useSelectedLayoutColumns = require("./useSelectedLayoutColumns");
 var _verticalAlignIcons = require("./verticalAlignIcons");
@@ -31,7 +31,7 @@ var VerticalAlignDropdownItem = exports.VerticalAlignDropdownItem = function Ver
       valign: value
     }));
   }, [api, value]);
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItem, {
+  return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItem.ToolbarDropdownItem, {
     elemBefore: /*#__PURE__*/_react.default.createElement(Icon, {
       label: "",
       size: "small"

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

@@ -7,8 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.VerticalAlignNestedMenu = 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 _layout = require("@atlaskit/editor-common/messages/layout");
+var _nestedDropdownRightIcon = require("@atlaskit/editor-toolbar/nested-dropdown-right-icon");
+var _toolbarNestedDropdownMenu = require("@atlaskit/editor-toolbar/toolbar-nested-dropdown-menu");
 var _layoutColumnSelection = require("../../pm-plugins/utils/layout-column-selection");
 var _useSelectedLayoutColumns = require("./useSelectedLayoutColumns");
 var _verticalAlignIcons = require("./verticalAlignIcons");
@@ -32,15 +33,15 @@ var VerticalAlignNestedMenu = exports.VerticalAlignNestedMenu = function Vertica
     return firstValign;
   }, [selectedLayoutColumns]);
   var TriggerIcon = currentValign ? _verticalAlignIcons.VERTICAL_ALIGN_ICONS[currentValign] : _verticalAlignIcons.VERTICAL_ALIGN_ICONS.middle;
-  return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarNestedDropdownMenu, {
+  return /*#__PURE__*/_react.default.createElement(_toolbarNestedDropdownMenu.ToolbarNestedDropdownMenu, {
     elemBefore: /*#__PURE__*/_react.default.createElement(TriggerIcon, {
       label: "",
       size: "small"
     }),
-    elemAfter: /*#__PURE__*/_react.default.createElement(_editorToolbar.NestedDropdownRightIcon, {
+    elemAfter: /*#__PURE__*/_react.default.createElement(_nestedDropdownRightIcon.NestedDropdownRightIcon, {
       label: "",
       size: "small"
     }),
-    text: formatMessage(_messages.layoutMessages.alignColumn)
+    text: formatMessage(_layout.toolbarMessages.alignColumn)
   }, children);
 };

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

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.getLayoutColumnMenuComponents = exports.LAYOUT_COLUMN_MENU_FALLBACKS = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireWildcard(require("react"));
-var _messages = require("@atlaskit/editor-common/messages");
+var _layout = require("@atlaskit/editor-common/messages/layout");
 var _uiReact = require("@atlaskit/editor-common/ui-react");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
+var _toolbarDropdownItemSection = require("@atlaskit/editor-toolbar/toolbar-dropdown-item-section");
 var _toolbarMenuContainer = require("@atlaskit/editor-toolbar/toolbar-menu-container");
 var _DeleteColumnDropdownItem = require("./DeleteColumnDropdownItem");
 var _DistributeColumnsDropdownItem = require("./DistributeColumnsDropdownItem");
@@ -31,7 +31,7 @@ var LayoutColumnMenuContainer = function LayoutColumnMenuContainer(_ref) {
 var LAYOUT_COLUMN_MENU_FALLBACKS = exports.LAYOUT_COLUMN_MENU_FALLBACKS = {
   'menu-section': function menuSection(_ref2) {
     var children = _ref2.children;
-    return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, null, children);
+    return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, null, children);
   }
 };
 var getLayoutColumnMenuComponents = exports.getLayoutColumnMenuComponents = function getLayoutColumnMenuComponents(_ref3) {
@@ -89,7 +89,7 @@ var getLayoutColumnMenuComponents = exports.getLayoutColumnMenuComponents = func
     component: function component() {
       return /*#__PURE__*/_react.default.createElement(_VerticalAlignDropdownItem.VerticalAlignDropdownItem, {
         api: api,
-        label: _messages.layoutMessages.alignColumnTop,
+        label: _layout.toolbarMessages.alignColumnTop,
         value: "top"
       });
     },
@@ -100,7 +100,7 @@ var getLayoutColumnMenuComponents = exports.getLayoutColumnMenuComponents = func
     component: function component() {
       return /*#__PURE__*/_react.default.createElement(_VerticalAlignDropdownItem.VerticalAlignDropdownItem, {
         api: api,
-        label: _messages.layoutMessages.alignColumnMiddle,
+        label: _layout.toolbarMessages.alignColumnMiddle,
         value: "middle"
       });
     },
@@ -111,7 +111,7 @@ var getLayoutColumnMenuComponents = exports.getLayoutColumnMenuComponents = func
     component: function component() {
       return /*#__PURE__*/_react.default.createElement(_VerticalAlignDropdownItem.VerticalAlignDropdownItem, {
         api: api,
-        label: _messages.layoutMessages.alignColumnBottom,
+        label: _layout.toolbarMessages.alignColumnBottom,
         value: "bottom"
       });
     },
@@ -122,7 +122,7 @@ var getLayoutColumnMenuComponents = exports.getLayoutColumnMenuComponents = func
   _objectSpread(_objectSpread({}, _keys.LAYOUT_COLUMN_DANGER_SECTION), {}, {
     component: function component(_ref5) {
       var children = _ref5.children;
-      return /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownItemSection, {
+      return /*#__PURE__*/_react.default.createElement(_toolbarDropdownItemSection.ToolbarDropdownItemSection, {
         hasSeparator: true
       }, children);
     },

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

@@ -1,5 +1,6 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -8,21 +9,22 @@ exports.LayoutColumnMenu = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _bindEventListener = require("bind-event-listener");
 var _surfaceDragHandleElement = require("@atlaskit/editor-common/block-controls/surface-drag-handle-element");
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _styles = require("@atlaskit/editor-common/styles");
-var _ui = require("@atlaskit/editor-common/ui");
-var _uiMenu = require("@atlaskit/editor-common/ui-menu");
-var _uiReact = require("@atlaskit/editor-common/ui-react");
-var _userIntent = require("@atlaskit/editor-common/user-intent");
-var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _editorToolbar = require("@atlaskit/editor-toolbar");
-var _editorUiControlModel = require("@atlaskit/editor-ui-control-model");
+var _Popup = _interopRequireDefault(require("@atlaskit/editor-common/Popup"));
+var _dragHandle = require("@atlaskit/editor-common/styles/drag-handle");
+var _ArrowKeyNavigationProvider = require("@atlaskit/editor-common/ui-menu/ArrowKeyNavigationProvider");
+var _types = require("@atlaskit/editor-common/ui-menu/ArrowKeyNavigationProvider/types");
+var _withReactEditorViewOuterListeners = _interopRequireDefault(require("@atlaskit/editor-common/ui-react/with-react-editor-view-outer-listeners"));
+var _UserIntentPopupWrapper = require("@atlaskit/editor-common/UserIntentPopupWrapper");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
+var _constants = require("@atlaskit/editor-shared-styles/constants");
+var _toolbarDropdownMenuContext = require("@atlaskit/editor-toolbar/toolbar-dropdown-menu-context");
+var _surfaceRenderer = require("@atlaskit/editor-ui-control-model/surface-renderer");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _layoutColumnSelection = require("../../pm-plugins/utils/layout-column-selection");
 var _components = require("./components");
 var _keys = require("./keys");
 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 PopupWithListeners = (0, _uiReact.withReactEditorViewOuterListeners)(_ui.Popup);
+var PopupWithListeners = (0, _withReactEditorViewOuterListeners.default)(_Popup.default);
 var TOOLBAR_MENU_SELECTOR = '[data-toolbar-component="menu"]';
 var NESTED_DROPDOWN_MENU_SELECTOR = '[data-toolbar-nested-dropdown-menu]';
 var LAYOUT_COLUMN_MENU_POPUP_OFFSET_BELOW = [0, 2];
@@ -41,7 +43,7 @@ var getLayoutColumnMenuTarget = function getLayoutColumnMenuTarget(editorView, s
     return null;
   }
   var dragHandleContainer = (_columnDomRef$parentE = columnDomRef.parentElement) === null || _columnDomRef$parentE === void 0 ? void 0 : _columnDomRef$parentE.querySelector(':scope > [data-blocks-drag-handle-container]');
-  return dragHandleContainer === null || dragHandleContainer === void 0 ? void 0 : dragHandleContainer.querySelector(_styles.DRAG_HANDLE_SELECTOR);
+  return dragHandleContainer === null || dragHandleContainer === void 0 ? void 0 : dragHandleContainer.querySelector(_dragHandle.DRAG_HANDLE_SELECTOR);
 };
 var focusTrap = {
   initialFocus: undefined
@@ -53,7 +55,7 @@ var LayoutColumnMenu = exports.LayoutColumnMenu = /*#__PURE__*/_react.default.me
     mountTo = _ref.mountTo,
     boundariesElement = _ref.boundariesElement,
     scrollableElement = _ref.scrollableElement;
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(api, ['layout', 'selection'], function (states) {
+  var _useSharedPluginState = (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['layout', 'selection'], function (states) {
       var _states$layoutState$i, _states$layoutState, _states$layoutState2, _states$layoutState$l, _states$layoutState3, _states$selectionStat;
       return {
         isLayoutColumnMenuOpen: (_states$layoutState$i = (_states$layoutState = states.layoutState) === null || _states$layoutState === void 0 ? void 0 : _states$layoutState.isLayoutColumnMenuOpen) !== null && _states$layoutState$i !== void 0 ? _states$layoutState$i : false,
@@ -80,7 +82,7 @@ var LayoutColumnMenu = exports.LayoutColumnMenu = /*#__PURE__*/_react.default.me
     // Clicking a drag handle should let the drag handle's own click handler
     // update selection/menu state. Treating it as a generic outside click
     // races that transaction and can immediately close the layout column menu.
-    if (event.target instanceof Element && event.target.closest(_styles.DRAG_HANDLE_SELECTOR)) {
+    if (event.target instanceof Element && event.target.closest(_dragHandle.DRAG_HANDLE_SELECTOR)) {
       return;
     }
     closeLayoutColumnMenu();
@@ -152,7 +154,7 @@ var LayoutColumnMenu = exports.LayoutColumnMenu = /*#__PURE__*/_react.default.me
     mountTo: mountTo,
     boundariesElement: boundariesElement,
     scrollableElement: scrollableElement,
-    zIndex: _editorSharedStyles.akEditorFloatingOverlapPanelZIndex,
+    zIndex: _constants.akEditorFloatingOverlapPanelZIndex,
     forcePlacement: true,
     preventOverflow: true,
     stick: true,
@@ -162,17 +164,17 @@ var LayoutColumnMenu = exports.LayoutColumnMenu = /*#__PURE__*/_react.default.me
     focusTrap: openedViaKeyboard ? focusTrap : undefined
   }, /*#__PURE__*/_react.default.createElement("div", {
     ref: menuWrapperRef
-  }, /*#__PURE__*/_react.default.createElement(_userIntent.UserIntentPopupWrapper, {
+  }, /*#__PURE__*/_react.default.createElement(_UserIntentPopupWrapper.UserIntentPopupWrapper, {
     api: api,
     userIntent: "layoutColumnMenuPopupOpen"
-  }, /*#__PURE__*/_react.default.createElement(_editorToolbar.ToolbarDropdownMenuProvider, {
+  }, /*#__PURE__*/_react.default.createElement(_toolbarDropdownMenuContext.ToolbarDropdownMenuProvider, {
     isOpen: isLayoutColumnMenuOpen,
     setIsOpen: handleSetIsOpen
-  }, /*#__PURE__*/_react.default.createElement(_uiMenu.ArrowKeyNavigationProvider, {
-    type: _uiMenu.ArrowKeyNavigationType.MENU,
+  }, /*#__PURE__*/_react.default.createElement(_ArrowKeyNavigationProvider.ArrowKeyNavigationProvider, {
+    type: _types.ArrowKeyNavigationType.MENU,
     handleClose: handleArrowKeyNavigationClose,
     disableArrowKeyNavigation: shouldDisableArrowKeyNavigation
-  }, /*#__PURE__*/_react.default.createElement(_editorUiControlModel.SurfaceRenderer, {
+  }, /*#__PURE__*/_react.default.createElement(_surfaceRenderer.SurfaceRenderer, {
     components: components,
     fallbacks: _components.LAYOUT_COLUMN_MENU_FALLBACKS,
     surface: _keys.LAYOUT_COLUMN_MENU

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSelectedLayoutColumns = void 0;
-var _hooks = require("@atlaskit/editor-common/hooks");
+var _useSharedPluginStateWithSelector = require("@atlaskit/editor-common/useSharedPluginStateWithSelector");
 var _layoutColumnSelection = require("../../pm-plugins/utils/layout-column-selection");
 var useSelectedLayoutColumns = exports.useSelectedLayoutColumns = function useSelectedLayoutColumns(api) {
-  return (0, _hooks.useSharedPluginStateWithSelector)(api, ['selection'], function (_ref) {
+  return (0, _useSharedPluginStateWithSelector.useSharedPluginStateWithSelector)(api, ['selection'], function (_ref) {
     var selectionState = _ref.selectionState;
     var selectedLayoutColumns = (selectionState === null || selectionState === void 0 ? void 0 : selectionState.selection) && (0, _layoutColumnSelection.getSelectedLayoutColumnsFromSelection)(selectionState.selection);
     return selectedLayoutColumns !== null && selectedLayoutColumns !== void 0 && selectedLayoutColumns.selectedLayoutColumns.length ? selectedLayoutColumns : undefined;

package/dist/cjs/ui/LayoutSSRReactContextsProvider.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.LayoutSSRReactContextsProvider = LayoutSSRReactContextsProvider;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _coreUtils = require("@atlaskit/editor-common/core-utils");
+var _isSsr = require("@atlaskit/editor-common/is-ssr");
 /**
  * Wraps the layout section nodeview children with the editor's actual
  * IntlProvider during SSR streaming (renderToStaticMarkup). This ensures any
@@ -22,7 +22,7 @@ var _coreUtils = require("@atlaskit/editor-common/core-utils");
 function LayoutSSRReactContextsProvider(_ref) {
   var children = _ref.children,
     intl = _ref.intl;
-  if (!(0, _coreUtils.isSSR)()) {
+  if (!(0, _isSsr.isSSR)()) {
     return children;
   }
   if (!intl) {

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

@@ -9,7 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("react");
 var _react2 = require("@emotion/react");
 var _reactIntl = require("react-intl");
-var _messages = require("@atlaskit/editor-common/messages");
+var _layout = require("@atlaskit/editor-common/messages/layout");
 var _editorExperiment = require("@atlaskit/tmp-editor-statsig/editor-experiment");
 /**
  * @jsxRuntime classic
@@ -64,7 +64,7 @@ var GlobalStylesWrapper = exports.GlobalStylesWrapper = function GlobalStylesWra
   var _useIntl = (0, _reactIntl.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var placeholderStyle = (0, _react.useMemo)(function () {
-    var placeholderText = (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') ? _messages.layoutMessages.controlslayoutPlaceholder : _messages.layoutMessages.layoutPlaceholder;
+    var placeholderText = (0, _editorExperiment.editorExperiment)('platform_editor_controls', 'variant1') ? _layout.toolbarMessages.controlslayoutPlaceholder : _layout.toolbarMessages.layoutPlaceholder;
     return getPlaceholderStyle(formatMessage(placeholderText));
   }, [formatMessage]);
   var globalStyles = (0, _react.useMemo)(function () {

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.LayoutQuickInsertMenuItem = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
-var _analytics = require("@atlaskit/editor-common/analytics");
+var _enums = require("@atlaskit/editor-common/analytics/types/enums");
 var _messages = require("@atlaskit/editor-common/messages");
 var _menuItem = require("@atlaskit/editor-common/quick-insert/menu-item");
 var _messages2 = require("@atlaskit/editor-common/quick-insert/messages");
@@ -48,14 +48,14 @@ var LayoutQuickInsertMenuItem = exports.LayoutQuickInsertMenuItem = function Lay
       source = _ref2.source;
     var tr = insert((0, _actions.createMultiColumnLayoutSection)(editorView.state, columnCount));
     api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 || _api$analytics.actions.attachAnalyticsEvent({
-      action: _analytics.ACTION.INSERTED,
-      actionSubject: _analytics.ACTION_SUBJECT.DOCUMENT,
-      actionSubjectId: _analytics.ACTION_SUBJECT_ID.LAYOUT,
+      action: _enums.ACTION.INSERTED,
+      actionSubject: _enums.ACTION_SUBJECT.DOCUMENT,
+      actionSubjectId: _enums.ACTION_SUBJECT_ID.LAYOUT,
       attributes: {
         columnCount: columnCount,
         inputMethod: source
       },
-      eventType: _analytics.EVENT_TYPE.TRACK
+      eventType: _enums.EVENT_TYPE.TRACK
     })(tr);
     (0, _layoutPlugin.selectIntoLayoutSection)(tr);
     return tr;

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

@@ -6,51 +6,52 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getLayoutQuickInsertComponents = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _messages = require("@atlaskit/editor-common/messages");
+var _insertBlock = require("@atlaskit/editor-common/messages/insert-block");
+var _layout = require("@atlaskit/editor-common/messages/layout");
 var _createQuickInsertMatcher = require("@atlaskit/editor-common/quick-insert/create-quick-insert-matcher");
 var _keys = require("@atlaskit/editor-common/quick-insert/keys");
 var _rank = require("@atlaskit/editor-common/quick-insert/rank");
 var _LayoutQuickInsertMenuItem = require("./LayoutQuickInsertMenuItem");
 var layoutItems = [{
   columnCount: 2,
-  description: _messages.toolbarInsertBlockMessages.columnsDescriptionAdvancedLayout,
+  description: _insertBlock.toolbarInsertBlockMessages.columnsDescriptionAdvancedLayout,
   item: _keys.TWO_COLUMNS_LAYOUT_MENU_ITEM,
   keyword: 'two column',
   previewImageUrls: {
     light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVMM.png',
     dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVJY.png'
   },
-  title: _messages.layoutMessages.twoColumnsAdvancedLayout
+  title: _layout.toolbarMessages.twoColumnsAdvancedLayout
 }, {
   columnCount: 3,
-  description: _messages.toolbarInsertBlockMessages.columnsDescriptionAdvancedLayout,
+  description: _insertBlock.toolbarInsertBlockMessages.columnsDescriptionAdvancedLayout,
   item: _keys.THREE_COLUMNS_LAYOUT_MENU_ITEM,
   keyword: 'three column',
   previewImageUrls: {
     light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVNM.png',
     dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVK3.png'
   },
-  title: _messages.layoutMessages.threeColumnsAdvancedLayout
+  title: _layout.toolbarMessages.threeColumnsAdvancedLayout
 }, {
   columnCount: 4,
-  description: _messages.toolbarInsertBlockMessages.columnsDescriptionAdvancedLayout,
+  description: _insertBlock.toolbarInsertBlockMessages.columnsDescriptionAdvancedLayout,
   item: _keys.FOUR_COLUMNS_LAYOUT_MENU_ITEM,
   keyword: 'four column',
   previewImageUrls: {
     light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVNI.png',
     dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVK5.png'
   },
-  title: _messages.layoutMessages.fourColumns
+  title: _layout.toolbarMessages.fourColumns
 }, {
   columnCount: 5,
-  description: _messages.toolbarInsertBlockMessages.columnsDescriptionAdvancedLayout,
+  description: _insertBlock.toolbarInsertBlockMessages.columnsDescriptionAdvancedLayout,
   item: _keys.FIVE_COLUMNS_LAYOUT_MENU_ITEM,
   keyword: 'five column',
   previewImageUrls: {
     light: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVNO.png',
     dark: 'https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OVJV.png'
   },
-  title: _messages.layoutMessages.fiveColumns
+  title: _layout.toolbarMessages.fiveColumns
 }];
 var getLayoutQuickInsertComponents = exports.getLayoutQuickInsertComponents = function getLayoutQuickInsertComponents(_ref) {
   var api = _ref.api;