@atlaskit/editor-common 84.3.2 → 84.5.0

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # @atlaskit/editor-common
 
+## 84.5.0
+
+### Minor Changes
+
+- [#119314](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/119314)
+  [`e7b05702b37eb`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e7b05702b37eb) -
+  Include session id in the activity join/ack data
+- [#119163](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/119163)
+  [`45ae1b9a97c16`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/45ae1b9a97c16) -
+  [ux] Added onDropdownChange prop to overlay in editor-common. Used this prop to keep link
+  configure overlay open when dropdown is open, and hide overlay when dropdown is hidden.
+
+## 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

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/link/ConfigureLinkOverlay/Dropdown.js

@@ -8,7 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = require("@emotion/react");
+var _react = require("react");
+var _react2 = require("@emotion/react");
 var _reactIntlNext = require("react-intl-next");
 var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
@@ -22,32 +23,38 @@ var _excluded = ["triggerRef"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && 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 Dropdown = function Dropdown(_ref) {
-  var testId = _ref.testId;
+  var testId = _ref.testId,
+    onDropdownChange = _ref.onDropdownChange;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var configureLinkLabel = formatMessage(_messages.cardMessages.inlineConfigureLink);
   var goToLinkLabel = formatMessage(_messages.cardMessages.inlineGoToLink);
-  return (0, _react.jsx)(_dropdownMenu.default, {
-    trigger: function trigger(_ref2) {
-      var triggerRef = _ref2.triggerRef,
-        props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-      return (0, _react.jsx)(_StyledButton.StyledButton, (0, _extends2.default)({
+  var onOpenChange = (0, _react.useCallback)(function (_ref2) {
+    var isOpen = _ref2.isOpen;
+    onDropdownChange === null || onDropdownChange === void 0 || onDropdownChange(isOpen);
+  }, [onDropdownChange]);
+  return (0, _react2.jsx)(_dropdownMenu.default, {
+    trigger: function trigger(_ref3) {
+      var triggerRef = _ref3.triggerRef,
+        props = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
+      return (0, _react2.jsx)(_StyledButton.StyledButton, (0, _extends2.default)({
         innerRef: triggerRef
       }, props, {
-        iconBefore: (0, _react.jsx)(_chevronDown.default, {
+        iconBefore: (0, _react2.jsx)(_chevronDown.default, {
           label: configureLinkLabel,
           size: 'small'
         })
       }));
     },
-    testId: "".concat(testId, "-dropdown")
-  }, (0, _react.jsx)(_dropdownMenu.DropdownItemGroup, null, (0, _react.jsx)(_dropdownMenu.DropdownItem, {
-    elemBefore: (0, _react.jsx)(_shortcut.default, {
+    testId: "".concat(testId, "-dropdown"),
+    onOpenChange: onOpenChange
+  }, (0, _react2.jsx)(_dropdownMenu.DropdownItemGroup, null, (0, _react2.jsx)(_dropdownMenu.DropdownItem, {
+    elemBefore: (0, _react2.jsx)(_shortcut.default, {
       label: goToLinkLabel,
       size: 'medium'
     })
-  }, goToLinkLabel), (0, _react.jsx)(_dropdownMenu.DropdownItem, {
-    elemBefore: (0, _react.jsx)(_preferences.default, {
+  }, goToLinkLabel), (0, _react2.jsx)(_dropdownMenu.DropdownItem, {
+    elemBefore: (0, _react2.jsx)(_preferences.default, {
       label: configureLinkLabel,
       size: 'medium'
     })

package/dist/cjs/link/ConfigureLinkOverlay/index.js

@@ -37,7 +37,8 @@ var OverlayButton = exports.OverlayButton = function OverlayButton(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'link-configure-overlay-button' : _ref$testId,
     _ref$targetElementPos = _ref.targetElementPos,
-    targetElementPos = _ref$targetElementPos === void 0 ? 0 : _ref$targetElementPos;
+    targetElementPos = _ref$targetElementPos === void 0 ? 0 : _ref$targetElementPos,
+    onDropdownChange = _ref.onDropdownChange;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var configureLinkLabel = formatMessage(_messages.cardMessages.inlineConfigureLink);
@@ -82,7 +83,8 @@ var OverlayButton = exports.OverlayButton = function OverlayButton(_ref) {
     css: buttonWrapperStyles,
     "data-testid": testId
   }, showDropdown ? (0, _react2.jsx)(_Dropdown.default, {
-    testId: testId
+    testId: testId,
+    onDropdownChange: onDropdownChange
   }) : (0, _react2.jsx)(_tooltip.default, {
     content: configureLinkLabel,
     hideTooltipOnClick: true,

package/dist/cjs/link/types.js

@@ -11,6 +11,7 @@ var LinkAction = exports.LinkAction = /*#__PURE__*/function (LinkAction) {
   LinkAction["INSERT_LINK_TOOLBAR"] = "INSERT";
   LinkAction["EDIT_INSERTED_TOOLBAR"] = "EDIT_INSERTED_TOOLBAR";
   LinkAction["SET_CONFIGURE_BUTTON_TARGET_POS"] = "SET_CONFIGURE_BUTTON_TARGET_POS";
+  LinkAction["SET_CONFIGURE_DROPDOWN_OPEN"] = "SET_CONFIGURE_DROPDOWN_OPEN";
   return LinkAction;
 }({});
 var InsertStatus = exports.InsertStatus = /*#__PURE__*/function (InsertStatus) {

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.2";
+var packageVersion = "84.5.0";
 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.2";
+var packageVersion = "84.5.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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/link/ConfigureLinkOverlay/Dropdown.js

@@ -1,5 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
+import { useCallback } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
@@ -10,13 +12,19 @@ import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import { cardMessages as messages } from '../../messages';
 import { StyledButton } from './StyledButton';
 const Dropdown = ({
-  testId
+  testId,
+  onDropdownChange
 }) => {
   const {
     formatMessage
   } = useIntl();
   const configureLinkLabel = formatMessage(messages.inlineConfigureLink);
   const goToLinkLabel = formatMessage(messages.inlineGoToLink);
+  const onOpenChange = useCallback(({
+    isOpen
+  }) => {
+    onDropdownChange === null || onDropdownChange === void 0 ? void 0 : onDropdownChange(isOpen);
+  }, [onDropdownChange]);
   return jsx(DropdownMenu, {
     trigger: ({
       triggerRef,
@@ -29,7 +37,8 @@ const Dropdown = ({
         size: 'small'
       })
     })),
-    testId: `${testId}-dropdown`
+    testId: `${testId}-dropdown`,
+    onOpenChange: onOpenChange
   }, jsx(DropdownItemGroup, null, jsx(DropdownItem, {
     elemBefore: jsx(ShortcutIcon, {
       label: goToLinkLabel,

package/dist/es2019/link/ConfigureLinkOverlay/index.js

@@ -25,7 +25,8 @@ const showDropdownThresholdPx = 50;
 export const OverlayButton = ({
   editorView,
   testId = 'link-configure-overlay-button',
-  targetElementPos = 0
+  targetElementPos = 0,
+  onDropdownChange
 }) => {
   var _docNode$nodeSize;
   const {
@@ -72,7 +73,8 @@ export const OverlayButton = ({
     css: buttonWrapperStyles,
     "data-testid": testId
   }, showDropdown ? jsx(Dropdown, {
-    testId: testId
+    testId: testId,
+    onDropdownChange: onDropdownChange
   }) : jsx(Tooltip, {
     content: configureLinkLabel,
     hideTooltipOnClick: true,

package/dist/es2019/link/types.js

@@ -5,6 +5,7 @@ export let LinkAction = /*#__PURE__*/function (LinkAction) {
   LinkAction["INSERT_LINK_TOOLBAR"] = "INSERT";
   LinkAction["EDIT_INSERTED_TOOLBAR"] = "EDIT_INSERTED_TOOLBAR";
   LinkAction["SET_CONFIGURE_BUTTON_TARGET_POS"] = "SET_CONFIGURE_BUTTON_TARGET_POS";
+  LinkAction["SET_CONFIGURE_DROPDOWN_OPEN"] = "SET_CONFIGURE_DROPDOWN_OPEN";
   return LinkAction;
 }({});
 export let InsertStatus = /*#__PURE__*/function (InsertStatus) {

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.2";
+const packageVersion = "84.5.0";
 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.2";
+const packageVersion = "84.5.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

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/link/ConfigureLinkOverlay/Dropdown.js

@@ -2,6 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["triggerRef"];
 /** @jsx jsx */
+import { useCallback } from 'react';
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useIntl } from 'react-intl-next';
@@ -12,15 +14,20 @@ import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import { cardMessages as messages } from '../../messages';
 import { StyledButton } from './StyledButton';
 var Dropdown = function Dropdown(_ref) {
-  var testId = _ref.testId;
+  var testId = _ref.testId,
+    onDropdownChange = _ref.onDropdownChange;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var configureLinkLabel = formatMessage(messages.inlineConfigureLink);
   var goToLinkLabel = formatMessage(messages.inlineGoToLink);
+  var onOpenChange = useCallback(function (_ref2) {
+    var isOpen = _ref2.isOpen;
+    onDropdownChange === null || onDropdownChange === void 0 || onDropdownChange(isOpen);
+  }, [onDropdownChange]);
   return jsx(DropdownMenu, {
-    trigger: function trigger(_ref2) {
-      var triggerRef = _ref2.triggerRef,
-        props = _objectWithoutProperties(_ref2, _excluded);
+    trigger: function trigger(_ref3) {
+      var triggerRef = _ref3.triggerRef,
+        props = _objectWithoutProperties(_ref3, _excluded);
       return jsx(StyledButton, _extends({
         innerRef: triggerRef
       }, props, {
@@ -30,7 +37,8 @@ var Dropdown = function Dropdown(_ref) {
         })
       }));
     },
-    testId: "".concat(testId, "-dropdown")
+    testId: "".concat(testId, "-dropdown"),
+    onOpenChange: onOpenChange
   }, jsx(DropdownItemGroup, null, jsx(DropdownItem, {
     elemBefore: jsx(ShortcutIcon, {
       label: goToLinkLabel,

package/dist/esm/link/ConfigureLinkOverlay/index.js

@@ -29,7 +29,8 @@ export var OverlayButton = function OverlayButton(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'link-configure-overlay-button' : _ref$testId,
     _ref$targetElementPos = _ref.targetElementPos,
-    targetElementPos = _ref$targetElementPos === void 0 ? 0 : _ref$targetElementPos;
+    targetElementPos = _ref$targetElementPos === void 0 ? 0 : _ref$targetElementPos,
+    onDropdownChange = _ref.onDropdownChange;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var configureLinkLabel = formatMessage(cardMessages.inlineConfigureLink);
@@ -74,7 +75,8 @@ export var OverlayButton = function OverlayButton(_ref) {
     css: buttonWrapperStyles,
     "data-testid": testId
   }, showDropdown ? jsx(Dropdown, {
-    testId: testId
+    testId: testId,
+    onDropdownChange: onDropdownChange
   }) : jsx(Tooltip, {
     content: configureLinkLabel,
     hideTooltipOnClick: true,

package/dist/esm/link/types.js

@@ -5,6 +5,7 @@ export var LinkAction = /*#__PURE__*/function (LinkAction) {
   LinkAction["INSERT_LINK_TOOLBAR"] = "INSERT";
   LinkAction["EDIT_INSERTED_TOOLBAR"] = "EDIT_INSERTED_TOOLBAR";
   LinkAction["SET_CONFIGURE_BUTTON_TARGET_POS"] = "SET_CONFIGURE_BUTTON_TARGET_POS";
+  LinkAction["SET_CONFIGURE_DROPDOWN_OPEN"] = "SET_CONFIGURE_DROPDOWN_OPEN";
   return LinkAction;
 }({});
 export var InsertStatus = /*#__PURE__*/function (InsertStatus) {

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.2";
+var packageVersion = "84.5.0";
 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.2";
+var packageVersion = "84.5.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

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

@@ -288,6 +288,7 @@ export interface CollabSendableSelection {
 export type Activity = 'VIEWING' | 'EDITING';
 export type CollabActivityData = {
     activity: Activity;
+    sessionId: string;
     userId?: string;
 };
 export type CollabActivityJoinPayload = CollabActivityData & {

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/link/ConfigureLinkOverlay/Dropdown.d.ts

@@ -1,7 +1,8 @@
-/** @jsx jsx */
 import { jsx } from '@emotion/react';
+export type OnDropdownChange = (isOpen: boolean) => void;
 export type DropdownProps = {
     testId: string;
+    onDropdownChange?: OnDropdownChange;
 };
-declare const Dropdown: ({ testId }: DropdownProps) => jsx.JSX.Element;
+declare const Dropdown: ({ testId, onDropdownChange }: DropdownProps) => jsx.JSX.Element;
 export default Dropdown;

package/dist/types/link/ConfigureLinkOverlay/index.d.ts

@@ -1,8 +1,13 @@
 import { jsx } from '@emotion/react';
 import { type EditorView } from '@atlaskit/editor-prosemirror/view';
+import { type OnDropdownChange } from './Dropdown';
 export interface OverlayButtonProps {
     editorView: EditorView;
     testId?: string;
     targetElementPos?: number;
+    /**
+     * Called when the dropdown is open/closed with isOpen state as true and false respectively.
+     */
+    onDropdownChange?: OnDropdownChange;
 }
-export declare const OverlayButton: ({ editorView, testId, targetElementPos, }: OverlayButtonProps) => jsx.JSX.Element | null;
+export declare const OverlayButton: ({ editorView, testId, targetElementPos, onDropdownChange, }: OverlayButtonProps) => jsx.JSX.Element | null;

package/dist/types/link/types.d.ts

@@ -8,7 +8,8 @@ export declare enum LinkAction {
     SELECTION_CHANGE = "SELECTION_CHANGE",
     INSERT_LINK_TOOLBAR = "INSERT",
     EDIT_INSERTED_TOOLBAR = "EDIT_INSERTED_TOOLBAR",
-    SET_CONFIGURE_BUTTON_TARGET_POS = "SET_CONFIGURE_BUTTON_TARGET_POS"
+    SET_CONFIGURE_BUTTON_TARGET_POS = "SET_CONFIGURE_BUTTON_TARGET_POS",
+    SET_CONFIGURE_DROPDOWN_OPEN = "SET_CONFIGURE_DROPDOWN_OPEN"
 }
 export declare enum InsertStatus {
     EDIT_LINK_TOOLBAR = "EDIT",
@@ -41,4 +42,5 @@ export interface HyperlinkState {
     editorAppearance?: EditorAppearance;
     configureButtonTargetPos?: number;
     decorations?: DecorationSet;
+    configureDropdownOpen?: boolean;
 }

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/collab/index.d.ts

@@ -288,6 +288,7 @@ export interface CollabSendableSelection {
 export type Activity = 'VIEWING' | 'EDITING';
 export type CollabActivityData = {
     activity: Activity;
+    sessionId: string;
     userId?: string;
 };
 export type CollabActivityJoinPayload = CollabActivityData & {

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/link/ConfigureLinkOverlay/Dropdown.d.ts

@@ -1,7 +1,8 @@
-/** @jsx jsx */
 import { jsx } from '@emotion/react';
+export type OnDropdownChange = (isOpen: boolean) => void;
 export type DropdownProps = {
     testId: string;
+    onDropdownChange?: OnDropdownChange;
 };
-declare const Dropdown: ({ testId }: DropdownProps) => jsx.JSX.Element;
+declare const Dropdown: ({ testId, onDropdownChange }: DropdownProps) => jsx.JSX.Element;
 export default Dropdown;

package/dist/types-ts4.5/link/ConfigureLinkOverlay/index.d.ts

@@ -1,8 +1,13 @@
 import { jsx } from '@emotion/react';
 import { type EditorView } from '@atlaskit/editor-prosemirror/view';
+import { type OnDropdownChange } from './Dropdown';
 export interface OverlayButtonProps {
     editorView: EditorView;
     testId?: string;
     targetElementPos?: number;
+    /**
+     * Called when the dropdown is open/closed with isOpen state as true and false respectively.
+     */
+    onDropdownChange?: OnDropdownChange;
 }
-export declare const OverlayButton: ({ editorView, testId, targetElementPos, }: OverlayButtonProps) => jsx.JSX.Element | null;
+export declare const OverlayButton: ({ editorView, testId, targetElementPos, onDropdownChange, }: OverlayButtonProps) => jsx.JSX.Element | null;

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

@@ -8,7 +8,8 @@ export declare enum LinkAction {
     SELECTION_CHANGE = "SELECTION_CHANGE",
     INSERT_LINK_TOOLBAR = "INSERT",
     EDIT_INSERTED_TOOLBAR = "EDIT_INSERTED_TOOLBAR",
-    SET_CONFIGURE_BUTTON_TARGET_POS = "SET_CONFIGURE_BUTTON_TARGET_POS"
+    SET_CONFIGURE_BUTTON_TARGET_POS = "SET_CONFIGURE_BUTTON_TARGET_POS",
+    SET_CONFIGURE_DROPDOWN_OPEN = "SET_CONFIGURE_DROPDOWN_OPEN"
 }
 export declare enum InsertStatus {
     EDIT_LINK_TOOLBAR = "EDIT",
@@ -41,4 +42,5 @@ export interface HyperlinkState {
     editorAppearance?: EditorAppearance;
     configureButtonTargetPos?: number;
     decorations?: DecorationSet;
+    configureDropdownOpen?: boolean;
 }

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.2",
+	"version": "84.5.0",
 	"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",