@atlaskit/editor-common 84.3.1 → 84.4.2

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @atlaskit/editor-common
 
+## 84.4.2
+
+### Patch Changes
+
+- [#118866](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/118866)
+  [`77bd34b00632f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/77bd34b00632f) -
+  [ux] [ED-23873] Add tooltip to drag handle
+
+## 84.4.1
+
+### Patch Changes
+
+- Updated dependencies
+
+## 84.4.0
+
+### Minor Changes
+
+- [#118748](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/118748)
+  [`10bb9e2def098`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/10bb9e2def098) -
+  [ux] Reduce media single max width padding for all editors except full page
+
+### Patch Changes
+
+- Updated dependencies
+
+## 84.3.2
+
+### Patch Changes
+
+- [#117769](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/117769)
+  [`a59c5cd45160c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a59c5cd45160c) -
+  [No Issue] Track how many steps a editorSession is creating
+
 ## 84.3.1
 
 ### Patch Changes

package/dist/cjs/analytics/types/enums.js

@@ -131,6 +131,7 @@ var ACTION = exports.ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["SELECT_ALL_ESCAPED"] = "selectAllEscaped";
   ACTION["SORT_COLUMN"] = "sortedColumn";
   ACTION["SORT_COLUMN_NOT_ALLOWED"] = "sortColumnNotAllowed";
+  ACTION["STEPS_TRACKED"] = "stepsTracked";
   ACTION["CREATE_NOT_ALLOWED"] = "createNotAllowed";
   ACTION["UNSUPPORTED_CONTENT_LEVELS_TRACKING_SUCCEEDED"] = "unsupportedContentLevelsTrackingSucceeded";
   ACTION["UNSUPPORTED_CONTENT_LEVELS_TRACKING_ERRORED"] = "unsupportedContentLevelsTrackingErrored";
@@ -186,6 +187,7 @@ var TRIGGER_METHOD = exports.TRIGGER_METHOD = /*#__PURE__*/function (TRIGGER_MET
   return TRIGGER_METHOD;
 }({});
 var ACTION_SUBJECT = exports.ACTION_SUBJECT = /*#__PURE__*/function (ACTION_SUBJECT) {
+  ACTION_SUBJECT["COLLAB"] = "collab";
   ACTION_SUBJECT["TOOLBAR_BUTTON"] = "toolbarButton";
   ACTION_SUBJECT["BUTTON"] = "button";
   ACTION_SUBJECT["CONFIG_PANEL"] = "configPanel";

package/dist/cjs/keymaps/index.js

@@ -71,7 +71,7 @@ Object.defineProperty(exports, "RIGHT", {
     return _consts.RIGHT;
   }
 });
-exports.ToolTipContent = void 0;
+exports.TooltipContentWithMultipleShortcuts = exports.ToolTipContent = void 0;
 Object.defineProperty(exports, "UP", {
   enumerable: true,
   get: function get() {
@@ -82,7 +82,7 @@ exports.backspace = exports.altPaste = exports.alignRight = exports.alignLeft =
 exports.bindKeymapArrayWithCommand = bindKeymapArrayWithCommand;
 exports.bindKeymapWithCommand = bindKeymapWithCommand;
 exports.bindKeymapWithEditorCommand = bindKeymapWithEditorCommand;
-exports.find = exports.escape = exports.enter = exports.deleteRow = exports.deleteKey = exports.deleteColumn = exports.decreaseMediaSize = exports.cut = exports.ctrlBackSpace = exports.copy = exports.clearFormatting = void 0;
+exports.find = exports.escape = exports.enter = exports.dragToMoveUp = exports.dragToMoveDown = exports.deleteRow = exports.deleteKey = exports.deleteColumn = exports.decreaseMediaSize = exports.cut = exports.ctrlBackSpace = exports.copy = exports.clearFormatting = void 0;
 exports.findKeyMapForBrowser = findKeyMapForBrowser;
 exports.findKeymapByDescription = findKeymapByDescription;
 exports.findShortcutByDescription = findShortcutByDescription;
@@ -100,8 +100,8 @@ Object.defineProperty(exports, "keymap", {
 exports.makeKeyMapArrayWithCommon = makeKeyMapArrayWithCommon;
 exports.makeKeyMapWithCommon = makeKeyMapWithCommon;
 exports.makeKeymap = makeKeymap;
-exports.toggleHeading2 = exports.toggleHeading1 = exports.toggleCode = exports.toggleBulletList = exports.toggleBold = exports.toggleBlockQuote = exports.tab = exports.submit = exports.startColumnResizing = exports.splitListItem = exports.splitCodeBlock = exports.space = exports.shiftTab = exports.shiftEnter = exports.shiftBackspace = exports.shiftArrowUp = exports.setNormalText = exports.selectTable = exports.selectRow = exports.selectColumn = exports.redo = exports.previousCell = exports.pastePlainText = exports.paste = exports.outdentList = exports.outdent = exports.openHelp = exports.nextCell = exports.navToFloatingToolbar = exports.navToEditorToolbar = exports.moveUp = exports.moveRowUp = exports.moveRowDown = exports.moveRight = exports.moveLeft = exports.moveDown = exports.moveColumnRight = exports.moveColumnLeft = void 0;
-exports.toggleUnderline = exports.toggleTaskItemCheckbox = exports.toggleTable = exports.toggleSuperscript = exports.toggleSubscript = exports.toggleStrikethrough = exports.toggleOrderedList = exports.toggleItalic = exports.toggleHighlightPalette = exports.toggleHeading6 = exports.toggleHeading5 = exports.toggleHeading4 = exports.toggleHeading3 = void 0;
+exports.toggleBulletList = exports.toggleBold = exports.toggleBlockQuote = exports.tab = exports.submit = exports.startColumnResizing = exports.splitListItem = exports.splitCodeBlock = exports.space = exports.shiftTab = exports.shiftEnter = exports.shiftBackspace = exports.shiftArrowUp = exports.setNormalText = exports.selectTable = exports.selectRow = exports.selectColumn = exports.redo = exports.previousCell = exports.pastePlainText = exports.paste = exports.outdentList = exports.outdent = exports.openHelp = exports.nextCell = exports.navToFloatingToolbar = exports.navToEditorToolbar = exports.moveUp = exports.moveRowUp = exports.moveRowDown = exports.moveRight = exports.moveLeft = exports.moveDown = exports.moveColumnRight = exports.moveColumnLeft = void 0;
+exports.toggleUnderline = exports.toggleTaskItemCheckbox = exports.toggleTable = exports.toggleSuperscript = exports.toggleSubscript = exports.toggleStrikethrough = exports.toggleOrderedList = exports.toggleItalic = exports.toggleHighlightPalette = exports.toggleHeading6 = exports.toggleHeading5 = exports.toggleHeading4 = exports.toggleHeading3 = exports.toggleHeading2 = exports.toggleHeading1 = exports.toggleCode = void 0;
 exports.tooltip = tooltip;
 exports.undo = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
@@ -208,6 +208,8 @@ var decreaseMediaSize = exports.decreaseMediaSize = makeKeyMapWithCommon('increa
 var activateVideoControls = exports.activateVideoControls = makeKeyMapWithCommon('Activate controls panel on video', 'Shift-F10');
 var toggleHighlightPalette = exports.toggleHighlightPalette = makeKeyMapWithCommon('Toggle Highlight Palette', 'Mod-Alt-b');
 var focusToContextMenuTrigger = exports.focusToContextMenuTrigger = makeKeyMapWithCommon('Focus table context menu trigger', 'Shift-F10');
+var dragToMoveUp = exports.dragToMoveUp = makeKeyMapWithCommon('Move node up in the document', 'Ctrl-Alt-Shift-ArrowUp');
+var dragToMoveDown = exports.dragToMoveDown = makeKeyMapWithCommon('Move node down in the document', 'Ctrl-Alt-Shift-ArrowDown');
 var arrowKeysMap = {
   // for reference: https://wincent.com/wiki/Unicode_representations_of_modifier_keys
   ARROWLEFT: "\u2190",
@@ -255,6 +257,15 @@ var ToolTipContent = exports.ToolTipContent = /*#__PURE__*/_react.default.memo(f
     css: tooltipShortcutStyle
   }, shortcut)) : null;
 });
+var TooltipContentWithMultipleShortcuts = exports.TooltipContentWithMultipleShortcuts = /*#__PURE__*/_react.default.memo(function (_ref2) {
+  var helpDescriptors = _ref2.helpDescriptors;
+  var keymapCount = helpDescriptors.length;
+  return (0, _react2.jsx)(_react.Fragment, null, helpDescriptors.map(function (descriptor, index) {
+    return (0, _react2.jsx)(_react.Fragment, {
+      key: index
+    }, (0, _react2.jsx)(ToolTipContent, descriptor), " ", index < keymapCount - 1 && (0, _react2.jsx)("br", null));
+  }));
+});
 function findKeymapByDescription(description) {
   var matches = ALL.filter(function (keymap) {
     return keymap.description.toUpperCase() === description.toUpperCase();

package/dist/cjs/media-single/utils.js

@@ -101,8 +101,8 @@ var calcLegacyWideWidth = function calcLegacyWideWidth(containerWidth, origWidth
  * Calculate maximum width allowed for media single node in fix-width editor in new experience
  * @param containerWidth width of editor container
  */
-var calcMediaSingleMaxWidth = exports.calcMediaSingleMaxWidth = function calcMediaSingleMaxWidth(containerWidth) {
-  var fullWidthPadding = (0, _editorSharedStyles.akEditorGutterPaddingDynamic)() * 2;
+var calcMediaSingleMaxWidth = exports.calcMediaSingleMaxWidth = function calcMediaSingleMaxWidth(containerWidth, editorAppearance) {
+  var fullWidthPadding = editorAppearance === 'full-page' ? (0, _editorSharedStyles.akEditorGutterPaddingDynamic)() * 2 : _editorSharedStyles.akEditorGutterPadding * 2;
   return Math.min(containerWidth - fullWidthPadding, _editorSharedStyles.akEditorFullWidthLayoutWidth);
 };
 

package/dist/cjs/messages/block-controls.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.messages = void 0;
+var _reactIntlNext = require("react-intl-next");
+var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
+  dragToMove: {
+    id: 'fabric.editor.blockControlDragHandleUsageInfo',
+    defaultMessage: 'Drag to move',
+    description: 'Use drag handle to move content'
+  },
+  moveUp: {
+    id: 'fabric.editor.blockControlMoveUp',
+    defaultMessage: 'Move up',
+    description: 'Moves selected content up'
+  },
+  moveDown: {
+    id: 'fabric.editor.blockControlMoveDown',
+    defaultMessage: 'Move down',
+    description: 'Moves selected content down'
+  }
+});

package/dist/cjs/messages/index.js

@@ -21,6 +21,12 @@ Object.defineProperty(exports, "avatarGroupMessages", {
     return _avatarGroup.avatarGroupMessages;
   }
 });
+Object.defineProperty(exports, "blockControlsMessages", {
+  enumerable: true,
+  get: function get() {
+    return _blockControls.messages;
+  }
+});
 Object.defineProperty(exports, "blockTypeMessages", {
   enumerable: true,
   get: function get() {
@@ -215,6 +221,7 @@ var _panel = require("./panel");
 var _mentions = require("./mentions");
 var _helpDialog = require("./help-dialog");
 var _highlight = require("./highlight");
+var _blockControls = require("./block-controls");
 var _default = exports.default = (0, _reactIntlNext.defineMessages)({
   layoutFixedWidth: {
     id: 'fabric.editor.layoutFixedWidth',

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "84.3.1";
+var packageVersion = "84.4.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

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

@@ -20,7 +20,7 @@ var _Layer = _interopRequireDefault(require("../Layer"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "84.3.1";
+var packageVersion = "84.4.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/es2019/analytics/types/enums.js

@@ -125,6 +125,7 @@ export let ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["SELECT_ALL_ESCAPED"] = "selectAllEscaped";
   ACTION["SORT_COLUMN"] = "sortedColumn";
   ACTION["SORT_COLUMN_NOT_ALLOWED"] = "sortColumnNotAllowed";
+  ACTION["STEPS_TRACKED"] = "stepsTracked";
   ACTION["CREATE_NOT_ALLOWED"] = "createNotAllowed";
   ACTION["UNSUPPORTED_CONTENT_LEVELS_TRACKING_SUCCEEDED"] = "unsupportedContentLevelsTrackingSucceeded";
   ACTION["UNSUPPORTED_CONTENT_LEVELS_TRACKING_ERRORED"] = "unsupportedContentLevelsTrackingErrored";
@@ -180,6 +181,7 @@ export let TRIGGER_METHOD = /*#__PURE__*/function (TRIGGER_METHOD) {
   return TRIGGER_METHOD;
 }({});
 export let ACTION_SUBJECT = /*#__PURE__*/function (ACTION_SUBJECT) {
+  ACTION_SUBJECT["COLLAB"] = "collab";
   ACTION_SUBJECT["TOOLBAR_BUTTON"] = "toolbarButton";
   ACTION_SUBJECT["BUTTON"] = "button";
   ACTION_SUBJECT["CONFIG_PANEL"] = "configPanel";

package/dist/es2019/keymaps/index.js

@@ -96,6 +96,8 @@ export const decreaseMediaSize = makeKeyMapWithCommon('increase image size', 'Mo
 export const activateVideoControls = makeKeyMapWithCommon('Activate controls panel on video', 'Shift-F10');
 export const toggleHighlightPalette = makeKeyMapWithCommon('Toggle Highlight Palette', 'Mod-Alt-b');
 export const focusToContextMenuTrigger = makeKeyMapWithCommon('Focus table context menu trigger', 'Shift-F10');
+export const dragToMoveUp = makeKeyMapWithCommon('Move node up in the document', 'Ctrl-Alt-Shift-ArrowUp');
+export const dragToMoveDown = makeKeyMapWithCommon('Move node down in the document', 'Ctrl-Alt-Shift-ArrowDown');
 const arrowKeysMap = {
   // for reference: https://wincent.com/wiki/Unicode_representations_of_modifier_keys
   ARROWLEFT: '\u2190',
@@ -144,6 +146,14 @@ export const ToolTipContent = /*#__PURE__*/React.memo(({
     css: tooltipShortcutStyle
   }, shortcut)) : null;
 });
+export const TooltipContentWithMultipleShortcuts = /*#__PURE__*/React.memo(({
+  helpDescriptors
+}) => {
+  const keymapCount = helpDescriptors.length;
+  return jsx(Fragment, null, helpDescriptors.map((descriptor, index) => jsx(Fragment, {
+    key: index
+  }, jsx(ToolTipContent, descriptor), " ", index < keymapCount - 1 && jsx("br", null))));
+});
 export function findKeymapByDescription(description) {
   const matches = ALL.filter(keymap => keymap.description.toUpperCase() === description.toUpperCase());
   return matches[0];

package/dist/es2019/media-single/utils.js

@@ -1,5 +1,5 @@
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPaddingDynamic, breakoutWideScaleRatio } from '@atlaskit/editor-shared-styles';
+import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorGutterPaddingDynamic, breakoutWideScaleRatio } from '@atlaskit/editor-shared-styles';
 import { floatingLayouts, isRichMediaInsideOfBlockNode } from '../utils/rich-media-utils';
 import { DEFAULT_IMAGE_WIDTH, DEFAULT_ROUNDING_INTERVAL, MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH, MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH, wrappedLayouts } from './constants';
 
@@ -89,8 +89,8 @@ const calcLegacyWideWidth = (containerWidth, origWidth, contentWidth) => {
  * Calculate maximum width allowed for media single node in fix-width editor in new experience
  * @param containerWidth width of editor container
  */
-export const calcMediaSingleMaxWidth = containerWidth => {
-  const fullWidthPadding = akEditorGutterPaddingDynamic() * 2;
+export const calcMediaSingleMaxWidth = (containerWidth, editorAppearance) => {
+  const fullWidthPadding = editorAppearance === 'full-page' ? akEditorGutterPaddingDynamic() * 2 : akEditorGutterPadding * 2;
   return Math.min(containerWidth - fullWidthPadding, akEditorFullWidthLayoutWidth);
 };
 

package/dist/es2019/messages/block-controls.js

@@ -0,0 +1,18 @@
+import { defineMessages } from 'react-intl-next';
+export const messages = defineMessages({
+  dragToMove: {
+    id: 'fabric.editor.blockControlDragHandleUsageInfo',
+    defaultMessage: 'Drag to move',
+    description: 'Use drag handle to move content'
+  },
+  moveUp: {
+    id: 'fabric.editor.blockControlMoveUp',
+    defaultMessage: 'Move up',
+    description: 'Moves selected content up'
+  },
+  moveDown: {
+    id: 'fabric.editor.blockControlMoveDown',
+    defaultMessage: 'Move down',
+    description: 'Moves selected content down'
+  }
+});

package/dist/es2019/messages/index.js

@@ -29,6 +29,7 @@ export { panelMessages } from './panel';
 export { mentionMessages } from './mentions';
 export { helpDialogMessages } from './help-dialog';
 export { highlightMessages } from './highlight';
+export { messages as blockControlsMessages } from './block-controls';
 export default defineMessages({
   layoutFixedWidth: {
     id: 'fabric.editor.layoutFixedWidth',

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "84.3.1";
+const packageVersion = "84.4.2";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/ui/DropList/index.js

@@ -9,7 +9,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "84.3.1";
+const packageVersion = "84.4.2";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/esm/analytics/types/enums.js

@@ -125,6 +125,7 @@ export var ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["SELECT_ALL_ESCAPED"] = "selectAllEscaped";
   ACTION["SORT_COLUMN"] = "sortedColumn";
   ACTION["SORT_COLUMN_NOT_ALLOWED"] = "sortColumnNotAllowed";
+  ACTION["STEPS_TRACKED"] = "stepsTracked";
   ACTION["CREATE_NOT_ALLOWED"] = "createNotAllowed";
   ACTION["UNSUPPORTED_CONTENT_LEVELS_TRACKING_SUCCEEDED"] = "unsupportedContentLevelsTrackingSucceeded";
   ACTION["UNSUPPORTED_CONTENT_LEVELS_TRACKING_ERRORED"] = "unsupportedContentLevelsTrackingErrored";
@@ -180,6 +181,7 @@ export var TRIGGER_METHOD = /*#__PURE__*/function (TRIGGER_METHOD) {
   return TRIGGER_METHOD;
 }({});
 export var ACTION_SUBJECT = /*#__PURE__*/function (ACTION_SUBJECT) {
+  ACTION_SUBJECT["COLLAB"] = "collab";
   ACTION_SUBJECT["TOOLBAR_BUTTON"] = "toolbarButton";
   ACTION_SUBJECT["BUTTON"] = "button";
   ACTION_SUBJECT["CONFIG_PANEL"] = "configPanel";

package/dist/esm/keymaps/index.js

@@ -97,6 +97,8 @@ export var decreaseMediaSize = makeKeyMapWithCommon('increase image size', 'Mod-
 export var activateVideoControls = makeKeyMapWithCommon('Activate controls panel on video', 'Shift-F10');
 export var toggleHighlightPalette = makeKeyMapWithCommon('Toggle Highlight Palette', 'Mod-Alt-b');
 export var focusToContextMenuTrigger = makeKeyMapWithCommon('Focus table context menu trigger', 'Shift-F10');
+export var dragToMoveUp = makeKeyMapWithCommon('Move node up in the document', 'Ctrl-Alt-Shift-ArrowUp');
+export var dragToMoveDown = makeKeyMapWithCommon('Move node down in the document', 'Ctrl-Alt-Shift-ArrowDown');
 var arrowKeysMap = {
   // for reference: https://wincent.com/wiki/Unicode_representations_of_modifier_keys
   ARROWLEFT: "\u2190",
@@ -144,6 +146,15 @@ export var ToolTipContent = /*#__PURE__*/React.memo(function (_ref) {
     css: tooltipShortcutStyle
   }, shortcut)) : null;
 });
+export var TooltipContentWithMultipleShortcuts = /*#__PURE__*/React.memo(function (_ref2) {
+  var helpDescriptors = _ref2.helpDescriptors;
+  var keymapCount = helpDescriptors.length;
+  return jsx(Fragment, null, helpDescriptors.map(function (descriptor, index) {
+    return jsx(Fragment, {
+      key: index
+    }, jsx(ToolTipContent, descriptor), " ", index < keymapCount - 1 && jsx("br", null));
+  }));
+});
 export function findKeymapByDescription(description) {
   var matches = ALL.filter(function (keymap) {
     return keymap.description.toUpperCase() === description.toUpperCase();

package/dist/esm/media-single/utils.js

@@ -1,5 +1,5 @@
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPaddingDynamic, breakoutWideScaleRatio } from '@atlaskit/editor-shared-styles';
+import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorGutterPadding, akEditorGutterPaddingDynamic, breakoutWideScaleRatio } from '@atlaskit/editor-shared-styles';
 import { floatingLayouts, isRichMediaInsideOfBlockNode } from '../utils/rich-media-utils';
 import { DEFAULT_IMAGE_WIDTH, DEFAULT_ROUNDING_INTERVAL, MEDIA_SINGLE_DEFAULT_MIN_PIXEL_WIDTH, MEDIA_SINGLE_VIDEO_MIN_PIXEL_WIDTH, wrappedLayouts } from './constants';
 
@@ -92,8 +92,8 @@ var calcLegacyWideWidth = function calcLegacyWideWidth(containerWidth, origWidth
  * Calculate maximum width allowed for media single node in fix-width editor in new experience
  * @param containerWidth width of editor container
  */
-export var calcMediaSingleMaxWidth = function calcMediaSingleMaxWidth(containerWidth) {
-  var fullWidthPadding = akEditorGutterPaddingDynamic() * 2;
+export var calcMediaSingleMaxWidth = function calcMediaSingleMaxWidth(containerWidth, editorAppearance) {
+  var fullWidthPadding = editorAppearance === 'full-page' ? akEditorGutterPaddingDynamic() * 2 : akEditorGutterPadding * 2;
   return Math.min(containerWidth - fullWidthPadding, akEditorFullWidthLayoutWidth);
 };
 

package/dist/esm/messages/block-controls.js

@@ -0,0 +1,18 @@
+import { defineMessages } from 'react-intl-next';
+export var messages = defineMessages({
+  dragToMove: {
+    id: 'fabric.editor.blockControlDragHandleUsageInfo',
+    defaultMessage: 'Drag to move',
+    description: 'Use drag handle to move content'
+  },
+  moveUp: {
+    id: 'fabric.editor.blockControlMoveUp',
+    defaultMessage: 'Move up',
+    description: 'Moves selected content up'
+  },
+  moveDown: {
+    id: 'fabric.editor.blockControlMoveDown',
+    defaultMessage: 'Move down',
+    description: 'Moves selected content down'
+  }
+});

package/dist/esm/messages/index.js

@@ -29,6 +29,7 @@ export { panelMessages } from './panel';
 export { mentionMessages } from './mentions';
 export { helpDialogMessages } from './help-dialog';
 export { highlightMessages } from './highlight';
+export { messages as blockControlsMessages } from './block-controls';
 export default defineMessages({
   layoutFixedWidth: {
     id: 'fabric.editor.layoutFixedWidth',

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "84.3.1";
+var packageVersion = "84.4.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/ui/DropList/index.js

@@ -17,7 +17,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "84.3.1";
+var packageVersion = "84.4.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/types/analytics/types/enums.d.ts

@@ -132,6 +132,7 @@ export declare enum ACTION {
     SELECT_ALL_ESCAPED = "selectAllEscaped",
     SORT_COLUMN = "sortedColumn",
     SORT_COLUMN_NOT_ALLOWED = "sortColumnNotAllowed",
+    STEPS_TRACKED = "stepsTracked",
     CREATE_NOT_ALLOWED = "createNotAllowed",
     UNSUPPORTED_CONTENT_LEVELS_TRACKING_SUCCEEDED = "unsupportedContentLevelsTrackingSucceeded",
     UNSUPPORTED_CONTENT_LEVELS_TRACKING_ERRORED = "unsupportedContentLevelsTrackingErrored",
@@ -184,6 +185,7 @@ export declare enum TRIGGER_METHOD {
     TOOLBAR = "toolbar"
 }
 export declare enum ACTION_SUBJECT {
+    COLLAB = "collab",
     TOOLBAR_BUTTON = "toolbarButton",
     BUTTON = "button",
     CONFIG_PANEL = "configPanel",

package/dist/types/analytics/types/general-events.d.ts

@@ -172,6 +172,9 @@ type DedupeMarksTransformedAEP = OperationalAEP<ACTION.DEDUPE_MARKS_TRANSFORMED_
 type IndentationMarksTransformedAEP = OperationalAEP<ACTION.INDENTATION_MARKS_TRANSFORMED, ACTION_SUBJECT.EDITOR, undefined, undefined>;
 type NodesMissingContentTransformedAEP = OperationalAEP<ACTION.NODES_MISSING_CONTENT_TRANSFORMED, ACTION_SUBJECT.EDITOR, undefined, undefined>;
 type InvalidMediaContentTransformedAEP = OperationalAEP<ACTION.INVALID_MEDIA_CONTENT_TRANSFORMED, ACTION_SUBJECT.EDITOR, undefined, undefined>;
+type CollabStepsTrackerPayloadAEP = OperationalAEP<ACTION.STEPS_TRACKED, ACTION_SUBJECT.COLLAB, undefined, {
+    steps: unknown[];
+}>;
 type HeadingAnchorLinkButtonAEP = ButtonAEP<ACTION_SUBJECT_ID.HEADING_ANCHOR_LINK, undefined>;
-export type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ColorPickerAEP | DispatchedTransactionAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | EditorTTIAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamlingAEP | InputPerfSamplingAvgAEP | PickerEmojiAEP | PickerImageAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | UfoSessionCompletePayloadAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | DedupeMarksTransformedAEP | IndentationMarksTransformedAEP | NodesMissingContentTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP | InvalidMediaContentTransformedAEP | HeadingAnchorLinkButtonAEP;
+export type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ColorPickerAEP | DispatchedTransactionAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | EditorTTIAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamlingAEP | InputPerfSamplingAvgAEP | PickerEmojiAEP | PickerImageAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | UfoSessionCompletePayloadAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | DedupeMarksTransformedAEP | IndentationMarksTransformedAEP | NodesMissingContentTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP | InvalidMediaContentTransformedAEP | HeadingAnchorLinkButtonAEP | CollabStepsTrackerPayloadAEP;
 export {};

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

@@ -91,12 +91,20 @@ export declare const decreaseMediaSize: Keymap;
 export declare const activateVideoControls: Keymap;
 export declare const toggleHighlightPalette: Keymap;
 export declare const focusToContextMenuTrigger: Keymap;
+export declare const dragToMoveUp: Keymap;
+export declare const dragToMoveDown: Keymap;
 export declare function tooltip(keymap?: Keymap, description?: string): string | undefined;
 export declare const ToolTipContent: React.MemoExoticComponent<({ description, shortcutOverride, keymap, }: {
     description?: string | React.ReactNode;
     keymap?: Keymap | undefined;
     shortcutOverride?: string | undefined;
 }) => jsx.JSX.Element | null>;
+export declare const TooltipContentWithMultipleShortcuts: React.MemoExoticComponent<({ helpDescriptors, }: {
+    helpDescriptors: {
+        description?: string | React.ReactNode;
+        keymap?: Keymap;
+    }[];
+}) => jsx.JSX.Element>;
 export declare function findKeymapByDescription(description: string): Keymap | undefined;
 export declare function findShortcutByDescription(description: string): string | undefined;
 export declare function findShortcutByKeymap(keymap: Keymap): string | undefined;

package/dist/types/media-single/utils.d.ts

@@ -2,6 +2,7 @@ import type { RichMediaLayout } from '@atlaskit/adf-schema';
 import type { Node as PMNode, ResolvedPos } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EditorAppearance } from '../types';
 /**
  * Convert media node width to pixel
  *
@@ -40,7 +41,7 @@ export declare const calcMediaSinglePixelWidth: ({ width, widthType, origWidth,
  * Calculate maximum width allowed for media single node in fix-width editor in new experience
  * @param containerWidth width of editor container
  */
-export declare const calcMediaSingleMaxWidth: (containerWidth: number) => number;
+export declare const calcMediaSingleMaxWidth: (containerWidth: number, editorAppearance?: EditorAppearance) => number;
 /**
  * Calculate initial media single pixel width.
  * Make it fall between max width and min width

package/dist/types/messages/block-controls.d.ts

@@ -0,0 +1,17 @@
+export declare const messages: {
+    dragToMove: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    moveUp: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    moveDown: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

@@ -28,6 +28,7 @@ export { panelMessages } from './panel';
 export { mentionMessages } from './mentions';
 export { helpDialogMessages } from './help-dialog';
 export { highlightMessages } from './highlight';
+export { messages as blockControlsMessages } from './block-controls';
 declare const _default: {
     layoutFixedWidth: {
         id: string;

package/dist/types/ui/MediaSingle/index.d.ts

@@ -2,6 +2,7 @@
 import React from 'react';
 import { jsx } from '@emotion/react';
 import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
+import type { EditorAppearance } from '../../types';
 import type { MediaSingleSize, MediaSingleWidthType } from './types';
 export interface Props {
     children: React.ReactNode;
@@ -25,6 +26,7 @@ export interface Props {
     handleMediaSingleRef?: React.RefObject<HTMLDivElement>;
     isInsideOfInlineExtension?: boolean;
     dataAttributes?: Record<string, any>;
+    editorAppearance?: EditorAppearance;
 }
 export type { MediaSingleWidthType, MediaSingleSize };
 export default function MediaSingle({ layout, width, height, containerWidth, isLoading, pctWidth, size, className, children: propsChildren, nodeType, fullWidthMode, lineLength: editorWidth, hasFallbackContainer, handleMediaSingleRef, isInsideOfInlineExtension, dataAttributes, }: Props): jsx.JSX.Element;

package/dist/types-ts4.5/analytics/types/enums.d.ts

@@ -132,6 +132,7 @@ export declare enum ACTION {
     SELECT_ALL_ESCAPED = "selectAllEscaped",
     SORT_COLUMN = "sortedColumn",
     SORT_COLUMN_NOT_ALLOWED = "sortColumnNotAllowed",
+    STEPS_TRACKED = "stepsTracked",
     CREATE_NOT_ALLOWED = "createNotAllowed",
     UNSUPPORTED_CONTENT_LEVELS_TRACKING_SUCCEEDED = "unsupportedContentLevelsTrackingSucceeded",
     UNSUPPORTED_CONTENT_LEVELS_TRACKING_ERRORED = "unsupportedContentLevelsTrackingErrored",
@@ -184,6 +185,7 @@ export declare enum TRIGGER_METHOD {
     TOOLBAR = "toolbar"
 }
 export declare enum ACTION_SUBJECT {
+    COLLAB = "collab",
     TOOLBAR_BUTTON = "toolbarButton",
     BUTTON = "button",
     CONFIG_PANEL = "configPanel",

package/dist/types-ts4.5/analytics/types/general-events.d.ts

@@ -172,6 +172,9 @@ type DedupeMarksTransformedAEP = OperationalAEP<ACTION.DEDUPE_MARKS_TRANSFORMED_
 type IndentationMarksTransformedAEP = OperationalAEP<ACTION.INDENTATION_MARKS_TRANSFORMED, ACTION_SUBJECT.EDITOR, undefined, undefined>;
 type NodesMissingContentTransformedAEP = OperationalAEP<ACTION.NODES_MISSING_CONTENT_TRANSFORMED, ACTION_SUBJECT.EDITOR, undefined, undefined>;
 type InvalidMediaContentTransformedAEP = OperationalAEP<ACTION.INVALID_MEDIA_CONTENT_TRANSFORMED, ACTION_SUBJECT.EDITOR, undefined, undefined>;
+type CollabStepsTrackerPayloadAEP = OperationalAEP<ACTION.STEPS_TRACKED, ACTION_SUBJECT.COLLAB, undefined, {
+    steps: unknown[];
+}>;
 type HeadingAnchorLinkButtonAEP = ButtonAEP<ACTION_SUBJECT_ID.HEADING_ANCHOR_LINK, undefined>;
-export type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ColorPickerAEP | DispatchedTransactionAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | EditorTTIAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamlingAEP | InputPerfSamplingAvgAEP | PickerEmojiAEP | PickerImageAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | UfoSessionCompletePayloadAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | DedupeMarksTransformedAEP | IndentationMarksTransformedAEP | NodesMissingContentTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP | InvalidMediaContentTransformedAEP | HeadingAnchorLinkButtonAEP;
+export type GeneralEventPayload<T = void> = AnnotateButtonAEP | AnnotationAEP | BrowserFreezePayload | ButtonFeedbackAEP | ButtonHelpAEP | ColorPickerAEP | DispatchedTransactionAEP | EditorPerfAEP | EditorRenderedAEP<T> | EditorStartAEP | EditorStopAEP | EditorTTIAEP | ExpandToggleAEP | FeedbackAEP | FullWidthModeAEP | HelpQuickInsertAEP | InputPerfSamlingAEP | InputPerfSamplingAvgAEP | PickerEmojiAEP | PickerImageAEP | ReactNodeViewRenderedAEP | RichMediaLayoutAEP | SelectionAEP | SlowInputAEP | TransactionMutatedAEP | UploadExternalFailedAEP | WithPluginStateCalledAEP | CodeBlockLanguageSelectedAEP | EditorContentRetrievalPerformedAEP | UfoSessionCompletePayloadAEP | MediaLinkTransformedAEP | TextLinkCodeMarkTransformedAEP | DedupeMarksTransformedAEP | IndentationMarksTransformedAEP | NodesMissingContentTransformedAEP | InvalidProsemirrorDocumentErrorAEP | DocumentProcessingErrorAEP | InvalidMediaContentTransformedAEP | HeadingAnchorLinkButtonAEP | CollabStepsTrackerPayloadAEP;
 export {};

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

@@ -91,12 +91,20 @@ export declare const decreaseMediaSize: Keymap;
 export declare const activateVideoControls: Keymap;
 export declare const toggleHighlightPalette: Keymap;
 export declare const focusToContextMenuTrigger: Keymap;
+export declare const dragToMoveUp: Keymap;
+export declare const dragToMoveDown: Keymap;
 export declare function tooltip(keymap?: Keymap, description?: string): string | undefined;
 export declare const ToolTipContent: React.MemoExoticComponent<({ description, shortcutOverride, keymap, }: {
     description?: string | React.ReactNode;
     keymap?: Keymap | undefined;
     shortcutOverride?: string | undefined;
 }) => jsx.JSX.Element | null>;
+export declare const TooltipContentWithMultipleShortcuts: React.MemoExoticComponent<({ helpDescriptors, }: {
+    helpDescriptors: {
+        description?: string | React.ReactNode;
+        keymap?: Keymap;
+    }[];
+}) => jsx.JSX.Element>;
 export declare function findKeymapByDescription(description: string): Keymap | undefined;
 export declare function findShortcutByDescription(description: string): string | undefined;
 export declare function findShortcutByKeymap(keymap: Keymap): string | undefined;

package/dist/types-ts4.5/media-single/utils.d.ts

@@ -2,6 +2,7 @@ import type { RichMediaLayout } from '@atlaskit/adf-schema';
 import type { Node as PMNode, ResolvedPos } from '@atlaskit/editor-prosemirror/model';
 import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
+import type { EditorAppearance } from '../types';
 /**
  * Convert media node width to pixel
  *
@@ -40,7 +41,7 @@ export declare const calcMediaSinglePixelWidth: ({ width, widthType, origWidth,
  * Calculate maximum width allowed for media single node in fix-width editor in new experience
  * @param containerWidth width of editor container
  */
-export declare const calcMediaSingleMaxWidth: (containerWidth: number) => number;
+export declare const calcMediaSingleMaxWidth: (containerWidth: number, editorAppearance?: EditorAppearance) => number;
 /**
  * Calculate initial media single pixel width.
  * Make it fall between max width and min width

package/dist/types-ts4.5/messages/block-controls.d.ts

@@ -0,0 +1,17 @@
+export declare const messages: {
+    dragToMove: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    moveUp: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    moveDown: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

@@ -28,6 +28,7 @@ export { panelMessages } from './panel';
 export { mentionMessages } from './mentions';
 export { helpDialogMessages } from './help-dialog';
 export { highlightMessages } from './highlight';
+export { messages as blockControlsMessages } from './block-controls';
 declare const _default: {
     layoutFixedWidth: {
         id: string;

package/dist/types-ts4.5/ui/MediaSingle/index.d.ts

@@ -2,6 +2,7 @@
 import React from 'react';
 import { jsx } from '@emotion/react';
 import type { RichMediaLayout as MediaSingleLayout } from '@atlaskit/adf-schema';
+import type { EditorAppearance } from '../../types';
 import type { MediaSingleSize, MediaSingleWidthType } from './types';
 export interface Props {
     children: React.ReactNode;
@@ -25,6 +26,7 @@ export interface Props {
     handleMediaSingleRef?: React.RefObject<HTMLDivElement>;
     isInsideOfInlineExtension?: boolean;
     dataAttributes?: Record<string, any>;
+    editorAppearance?: EditorAppearance;
 }
 export type { MediaSingleWidthType, MediaSingleSize };
 export default function MediaSingle({ layout, width, height, containerWidth, isLoading, pctWidth, size, className, children: propsChildren, nodeType, fullWidthMode, lineLength: editorWidth, hasFallbackContainer, handleMediaSingleRef, isInsideOfInlineExtension, dataAttributes, }: Props): jsx.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "84.3.1",
+	"version": "84.4.2",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -104,7 +104,7 @@
 		"@atlaskit/analytics-next": "^9.3.0",
 		"@atlaskit/analytics-next-stable-react-context": "1.0.1",
 		"@atlaskit/atlassian-context": "^0.0.0",
-		"@atlaskit/button": "^18.2.0",
+		"@atlaskit/button": "^18.3.0",
 		"@atlaskit/code": "^15.4.0",
 		"@atlaskit/codemod-utils": "^4.2.0",
 		"@atlaskit/custom-steps": "^0.4.0",
@@ -112,7 +112,7 @@
 		"@atlaskit/editor-json-transformer": "^8.15.0",
 		"@atlaskit/editor-palette": "1.6.0",
 		"@atlaskit/editor-prosemirror": "4.0.1",
-		"@atlaskit/editor-shared-styles": "^2.12.0",
+		"@atlaskit/editor-shared-styles": "^2.13.0",
 		"@atlaskit/editor-tables": "^2.7.0",
 		"@atlaskit/emoji": "^67.6.0",
 		"@atlaskit/icon": "^22.6.0",
@@ -126,11 +126,11 @@
 		"@atlaskit/media-file-preview": "^0.5.0",
 		"@atlaskit/media-picker": "^66.4.0",
 		"@atlaskit/media-ui": "^25.10.0",
-		"@atlaskit/media-viewer": "48.6.10",
+		"@atlaskit/media-viewer": "48.6.11",
 		"@atlaskit/mention": "^23.2.0",
 		"@atlaskit/menu": "^2.7.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/primitives": "^10.1.0",
+		"@atlaskit/primitives": "^11.0.0",
 		"@atlaskit/profilecard": "^19.15.0",
 		"@atlaskit/section-message": "^6.5.0",
 		"@atlaskit/smart-card": "^27.9.0",