@atlaskit/editor-common 114.17.0 → 114.18.1

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-common
 
+## 114.18.1
+
+### Patch Changes
+
+- [`88644f98cd51f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/88644f98cd51f) -
+  Minor UI changes - button color and label changes
+
+## 114.18.0
+
+### Minor Changes
+
+- [`a759f33417d9b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a759f33417d9b) -
+  [PIRA-1311](https://opsj.atlassian.net/browse/PIRA-1311) - clean up platform_editor_media_vc_fixes
+
+### Patch Changes
+
+- [`7043ace1c45f2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7043ace1c45f2) -
+  [ux] reduces slipperiness and improves clarity of inline invites for editor mentions
+- Updated dependencies
+
 ## 114.17.0
 
 ### Minor Changes

package/dist/cjs/ai-messages/ai-suggestions.js

@@ -133,12 +133,12 @@ var aiSuggestionsMessages = exports.aiSuggestionsMessages = (0, _reactIntl.defin
   },
   cardSourcesHideButtonLabel: {
     id: 'fabric.editor.ai.suggestions.card.sourcesHideButtonLabel.non-final',
-    defaultMessage: 'Hide sources',
+    defaultMessage: 'Hide reasoning',
     description: 'Label for the sources toggle button when sources are expanded'
   },
   cardSourcesShowButtonLabel: {
     id: 'fabric.editor.ai.suggestions.card.sourcesShowButtonLabel.non-final',
-    defaultMessage: 'Show sources',
+    defaultMessage: 'Show reasoning',
     description: 'Label for the sources toggle button when sources are collapsed'
   },
   cardAcceptButtonLabel: {

package/dist/cjs/keymaps/index.js

@@ -103,7 +103,7 @@ exports.makeKeyMapArrayWithCommon = makeKeyMapArrayWithCommon;
 exports.makeKeyMapWithCommon = makeKeyMapWithCommon;
 exports.makeKeymap = makeKeymap;
 exports.selectColumn = exports.redoAlt = exports.redo = exports.previousCell = exports.pastePlainText = exports.paste = exports.outdentList = exports.outdent = exports.openHelp = exports.nextCell = exports.navToFloatingToolbar = exports.navToEditorToolbar = exports.moveUp = exports.moveRowUpOld = exports.moveRowUp = exports.moveRowDownOld = exports.moveRowDown = exports.moveRight = exports.moveLeft = exports.moveDown = exports.moveColumnRightOld = exports.moveColumnRight = exports.moveColumnLeftOld = exports.moveColumnLeft = void 0;
-exports.toggleViewChanges = exports.toggleUnderline = exports.toggleTaskList = exports.toggleTaskItemCheckbox = exports.toggleTable = exports.toggleSuperscript = exports.toggleSubscript = exports.toggleStrikethrough = exports.toggleSmallText = exports.toggleOrderedList = exports.toggleItalic = exports.toggleHighlightPalette = exports.toggleHeading6 = exports.toggleHeading5 = exports.toggleHeading4 = exports.toggleHeading3 = exports.toggleHeading2 = exports.toggleHeading1 = exports.toggleCodeBlock = exports.toggleCode = exports.toggleBulletList = exports.toggleBold = exports.toggleBlockQuote = exports.tab = exports.submit = exports.startColumnResizing = exports.splitListItem = exports.splitCodeBlock = exports.space = exports.showElementDragHandle = exports.shiftTab = exports.shiftEnter = exports.shiftBackspace = exports.shiftArrowUp = exports.setNormalText = exports.selectTable = exports.selectRow = void 0;
+exports.toggleViewChanges = exports.toggleUnderline = exports.toggleTaskList = exports.toggleTaskItemCheckbox = exports.toggleTable = exports.toggleSuperscript = exports.toggleSubscript = exports.toggleStrikethrough = exports.toggleSmallText = exports.toggleOrderedList = exports.toggleMarkdownView = exports.toggleItalic = exports.toggleHighlightPalette = exports.toggleHeading6 = exports.toggleHeading5 = exports.toggleHeading4 = exports.toggleHeading3 = exports.toggleHeading2 = exports.toggleHeading1 = exports.toggleCodeBlock = exports.toggleCode = exports.toggleBulletList = exports.toggleBold = exports.toggleBlockQuote = exports.tab = exports.submit = exports.startColumnResizing = exports.splitListItem = exports.splitCodeBlock = exports.space = exports.showElementDragHandle = exports.shiftTab = exports.shiftEnter = exports.shiftBackspace = exports.shiftArrowUp = exports.setNormalText = exports.selectTable = exports.selectRow = void 0;
 exports.tooltip = tooltip;
 exports.undo = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
@@ -123,6 +123,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766; jsx required at runtime for @jsxRuntime classic
 
 var addAltText = exports.addAltText = makeKeyMapWithCommon('Add Alt Text', 'Mod-Alt-y');
+var toggleMarkdownView = exports.toggleMarkdownView = makeKeyMapWithCommon('Toggle markdown view', 'Mod-e');
 var toggleViewChanges = exports.toggleViewChanges = makeKeyMapWithCommon('View changes', 'Mod-Alt-z');
 var navToEditorToolbar = exports.navToEditorToolbar = makeKeyMapWithCommon('Navigate to editor toolbar', 'Alt-F9');
 var navToFloatingToolbar = exports.navToFloatingToolbar = makeKeyMapWithCommon('Navigate to floating toolbar', 'Alt-F10');

package/dist/cjs/messages/markdown-mode.js

@@ -22,18 +22,18 @@ var markdownModeMessages = exports.markdownModeMessages = (0, _reactIntl.defineM
   },
   source: {
     id: 'fabric.editor.markdownMode.viewToggle.source',
-    defaultMessage: 'Markdown source',
-    description: 'Tooltip and accessible label for the toggle button that switches the editor into raw markdown source view.'
+    defaultMessage: 'Syntax editor',
+    description: 'Tooltip and accessible label for the toggle button that switches the editor into raw markdown source (syntax) view.'
   },
   wysiwyg: {
     id: 'fabric.editor.markdownMode.viewToggle.wysiwyg',
-    defaultMessage: 'WYSIWYG',
+    defaultMessage: 'WYSIWYG editor',
     description: 'Tooltip and accessible label for the toggle button that switches the editor into the WYSIWYG markdown editing view (the default).'
   },
   preview: {
     id: 'fabric.editor.markdownMode.viewToggle.preview',
-    defaultMessage: 'Preview',
-    description: 'Tooltip and accessible label for the toggle button that switches the editor into a read-only rendered markdown preview.'
+    defaultMessage: 'Split view (coming soon)',
+    description: 'Tooltip and accessible label for the toggle button that will switch the editor into a split view. This feature is not yet available.'
   },
   sourceAriaLabel: {
     id: 'fabric.editor.markdownMode.sourceView.ariaLabel',

package/dist/cjs/messages/mentions.js

@@ -40,5 +40,10 @@ var mentionMessages = exports.mentionMessages = (0, _reactIntl.defineMessages)({
     id: 'fabric.editor.inviteItem.sendInvite',
     defaultMessage: 'Send request to invite teammate',
     description: 'By line text for send request to invite teammate option shown in mentions.'
+  },
+  inviteButton: {
+    id: 'fabric.editor.inviteItem.inviteButton',
+    defaultMessage: 'Invite',
+    description: 'Label for the invite button shown in the mention typeahead invite item.'
   }
 });

package/dist/cjs/monitoring/error.js

@@ -19,7 +19,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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 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 = "114.16.0";
+var packageVersion = "114.18.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "114.16.0";
+var packageVersion = "114.18.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/cjs/ui/MediaSingle/grid.js

@@ -11,7 +11,6 @@ exports.calcPxFromColumns = calcPxFromColumns;
 exports.calcPxFromPct = calcPxFromPct;
 exports.wrappedLayouts = exports.snapToGrid = exports.layoutSupportsWidth = void 0;
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _constants = require("../../media-single/constants");
 var validWidthModes = ['center', 'wrap-left', 'wrap-right', 'align-start', 'align-end'];
 var layoutSupportsWidth = exports.layoutSupportsWidth = function layoutSupportsWidth(layout) {
@@ -67,10 +66,7 @@ var calcMediaPxWidth = exports.calcMediaPxWidth = function calcMediaPxWidth(opts
         }
         return calculatedPctWidth;
       }
-      if ((0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true)) {
-        return calculatedPctWidth;
-      }
-      return Math.min(calculatedPctWidth, origWidth);
+      return calculatedPctWidth;
     }
     if (calculatedResizedPctWidth) {
       return calculatedResizedPctWidth;
@@ -84,11 +80,7 @@ var calcMediaPxWidth = exports.calcMediaPxWidth = function calcMediaPxWidth(opts
   } else if (layout && wrappedLayouts.indexOf(layout) !== -1) {
     // when layout is wrap-left, wrap-right, align-start, align-end
     // but no pctWidth is defined
-    if ((0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true)) {
-      return Math.min(calcPxFromPct(0.5, lineLength || width), origWidth);
-    }
-    var halfLineLength = Math.ceil((lineLength || width) / 2);
-    return origWidth <= halfLineLength ? origWidth : halfLineLength;
+    return Math.min(calcPxFromPct(0.5, lineLength || width), origWidth);
   }
   return origWidth;
 };

package/dist/cjs/ui/MediaSingle/styled.js

@@ -16,7 +16,6 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _utils = require("../../utils");
 var _breakout = require("../../utils/breakout");
 var _excluded = ["children"];
@@ -137,16 +136,6 @@ function calcResizedWidth(layout, width) {
       return "".concat(width, "px");
   }
 }
-function calcMaxWidth(layout, containerWidth) {
-  switch (layout) {
-    case 'wide':
-      return (0, _breakout.calcWideWidth)(containerWidth);
-    case 'full-width':
-      return (0, _breakout.calcBreakoutWidth)(layout, containerWidth);
-    default:
-      return '100%';
-  }
-}
 function calcMargin(layout) {
   switch (layout) {
     case 'wrap-right':
@@ -231,7 +220,6 @@ var MediaSingleDimensionHelper = exports.MediaSingleDimensionHelper = function M
     _ref$isInRenderer = _ref.isInRenderer,
     isInRenderer = _ref$isInRenderer === void 0 ? false : _ref$isInRenderer;
   var calculatedWidth = roundToClosestEvenPxValue(isExtendedResizeExperienceOn ? "".concat(mediaSingleWidth || width, "px") : mediaSingleWidth ? calcResizedWidth(layout, width || 0, containerWidth) : calcLegacyWidth(layout, width || 0, containerWidth, fullWidthMode, isResized, isInsideOfInlineExtension));
-  var calculatedMaxWidth = roundToClosestEvenPxValue(isExtendedResizeExperienceOn ? "".concat(containerWidth, "px") : calcMaxWidth(layout, containerWidth));
   var cssMaxWidth = isExtendedResizeExperienceOn ? 'var(--ak-editor-max-container-width)' : calcMaxCssForPercentageTypeMedia(layout);
 
   // jest warning: JSDOM version (22) doesn't support the new @container CSS rule
@@ -247,7 +235,7 @@ var MediaSingleDimensionHelper = exports.MediaSingleDimensionHelper = function M
     '@container ak-renderer-wrapper (min-width: 1px)': {
       maxWidth: '100cqw'
     }
-  }) : (0, _expValEquals.expValEquals)('platform_editor_media_vc_fixes', 'isEnabled', true) ? "max-width: ".concat(cssMaxWidth, ";") : "max-width: ".concat(calculatedMaxWidth, ";"), isExtendedResizeExperienceOn && "&[class*='is-resizing'] {\n    .new-file-experience-wrapper {\n      box-shadow: none !important;\n    }\n\n    ".concat(!isNestedNode && _utils.nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n  }"), float(layout), calcMargin(layout), isNestedNode ? /* Make nested node appear responsive when resizing table cell */"max-width: 100%;" : _utils.nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n        transform: translateX(-50%);", isImageAligned(layout));
+  }) : "max-width: ".concat(cssMaxWidth, ";"), isExtendedResizeExperienceOn && "&[class*='is-resizing'] {\n    .new-file-experience-wrapper {\n      box-shadow: none !important;\n    }\n\n    ".concat(!isNestedNode && _utils.nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n  }"), float(layout), calcMargin(layout), isNestedNode ? /* Make nested node appear responsive when resizing table cell */"max-width: 100%;" : _utils.nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n        transform: translateX(-50%);", isImageAligned(layout));
 };
 var RenderFallbackContainer = function RenderFallbackContainer(_ref2) {
   var hasFallbackContainer = _ref2.hasFallbackContainer,

package/dist/es2019/ai-messages/ai-suggestions.js

@@ -127,12 +127,12 @@ export const aiSuggestionsMessages = defineMessages({
   },
   cardSourcesHideButtonLabel: {
     id: 'fabric.editor.ai.suggestions.card.sourcesHideButtonLabel.non-final',
-    defaultMessage: 'Hide sources',
+    defaultMessage: 'Hide reasoning',
     description: 'Label for the sources toggle button when sources are expanded'
   },
   cardSourcesShowButtonLabel: {
     id: 'fabric.editor.ai.suggestions.card.sourcesShowButtonLabel.non-final',
-    defaultMessage: 'Show sources',
+    defaultMessage: 'Show reasoning',
     description: 'Label for the sources toggle button when sources are collapsed'
   },
   cardAcceptButtonLabel: {

package/dist/es2019/keymaps/index.js

@@ -10,6 +10,7 @@ import { base, keyName } from 'w3c-keyname';
 import { editorCommandToPMCommand } from '../preset/editor-commands';
 import { getBrowserInfo } from '../utils/browser';
 export const addAltText = makeKeyMapWithCommon('Add Alt Text', 'Mod-Alt-y');
+export const toggleMarkdownView = makeKeyMapWithCommon('Toggle markdown view', 'Mod-e');
 export const toggleViewChanges = makeKeyMapWithCommon('View changes', 'Mod-Alt-z');
 export const navToEditorToolbar = makeKeyMapWithCommon('Navigate to editor toolbar', 'Alt-F9');
 export const navToFloatingToolbar = makeKeyMapWithCommon('Navigate to floating toolbar', 'Alt-F10');

package/dist/es2019/messages/markdown-mode.js

@@ -17,18 +17,18 @@ export const markdownModeMessages = defineMessages({
   },
   source: {
     id: 'fabric.editor.markdownMode.viewToggle.source',
-    defaultMessage: 'Markdown source',
-    description: 'Tooltip and accessible label for the toggle button that switches the editor into raw markdown source view.'
+    defaultMessage: 'Syntax editor',
+    description: 'Tooltip and accessible label for the toggle button that switches the editor into raw markdown source (syntax) view.'
   },
   wysiwyg: {
     id: 'fabric.editor.markdownMode.viewToggle.wysiwyg',
-    defaultMessage: 'WYSIWYG',
+    defaultMessage: 'WYSIWYG editor',
     description: 'Tooltip and accessible label for the toggle button that switches the editor into the WYSIWYG markdown editing view (the default).'
   },
   preview: {
     id: 'fabric.editor.markdownMode.viewToggle.preview',
-    defaultMessage: 'Preview',
-    description: 'Tooltip and accessible label for the toggle button that switches the editor into a read-only rendered markdown preview.'
+    defaultMessage: 'Split view (coming soon)',
+    description: 'Tooltip and accessible label for the toggle button that will switch the editor into a split view. This feature is not yet available.'
   },
   sourceAriaLabel: {
     id: 'fabric.editor.markdownMode.sourceView.ariaLabel',

package/dist/es2019/messages/mentions.js

@@ -34,5 +34,10 @@ export const mentionMessages = defineMessages({
     id: 'fabric.editor.inviteItem.sendInvite',
     defaultMessage: 'Send request to invite teammate',
     description: 'By line text for send request to invite teammate option shown in mentions.'
+  },
+  inviteButton: {
+    id: 'fabric.editor.inviteItem.inviteButton',
+    defaultMessage: 'Invite',
+    description: 'Label for the invite button shown in the mention typeahead invite item.'
   }
 });

package/dist/es2019/monitoring/error.js

@@ -4,7 +4,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 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 = "114.16.0";
+const packageVersion = "114.18.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "114.16.0";
+const packageVersion = "114.18.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

package/dist/es2019/ui/MediaSingle/grid.js

@@ -1,5 +1,4 @@
 import { akEditorBreakoutPadding, breakoutWideScaleRatio } from '@atlaskit/editor-shared-styles';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { MEDIA_SINGLE_GUTTER_SIZE } from '../../media-single/constants';
 const validWidthModes = ['center', 'wrap-left', 'wrap-right', 'align-start', 'align-end'];
 export const layoutSupportsWidth = layout => validWidthModes.indexOf(layout) > -1;
@@ -55,10 +54,7 @@ export const calcMediaPxWidth = opts => {
         }
         return calculatedPctWidth;
       }
-      if (expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true)) {
-        return calculatedPctWidth;
-      }
-      return Math.min(calculatedPctWidth, origWidth);
+      return calculatedPctWidth;
     }
     if (calculatedResizedPctWidth) {
       return calculatedResizedPctWidth;
@@ -72,11 +68,7 @@ export const calcMediaPxWidth = opts => {
   } else if (layout && wrappedLayouts.indexOf(layout) !== -1) {
     // when layout is wrap-left, wrap-right, align-start, align-end
     // but no pctWidth is defined
-    if (expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true)) {
-      return Math.min(calcPxFromPct(0.5, lineLength || width), origWidth);
-    }
-    const halfLineLength = Math.ceil((lineLength || width) / 2);
-    return origWidth <= halfLineLength ? origWidth : halfLineLength;
+    return Math.min(calcPxFromPct(0.5, lineLength || width), origWidth);
   }
   return origWidth;
 };

package/dist/es2019/ui/MediaSingle/styled.js

@@ -10,7 +10,6 @@ import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { akEditorDefaultLayoutWidth, akEditorFullPageMaxWidth, akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { nonWrappedLayouts } from '../../utils';
 import { calcBreakoutWidth, calcWideWidth } from '../../utils/breakout';
 function float(layout) {
@@ -117,16 +116,6 @@ export function calcResizedWidth(layout, width, containerWidth = 0
       return `${width}px`;
   }
 }
-function calcMaxWidth(layout, containerWidth) {
-  switch (layout) {
-    case 'wide':
-      return calcWideWidth(containerWidth);
-    case 'full-width':
-      return calcBreakoutWidth(layout, containerWidth);
-    default:
-      return '100%';
-  }
-}
 function calcMargin(layout) {
   switch (layout) {
     case 'wrap-right':
@@ -209,7 +198,6 @@ export const MediaSingleDimensionHelper = ({
   isInRenderer = false
 }) => {
   const calculatedWidth = roundToClosestEvenPxValue(isExtendedResizeExperienceOn ? `${mediaSingleWidth || width}px` : mediaSingleWidth ? calcResizedWidth(layout, width || 0, containerWidth) : calcLegacyWidth(layout, width || 0, containerWidth, fullWidthMode, isResized, isInsideOfInlineExtension));
-  const calculatedMaxWidth = roundToClosestEvenPxValue(isExtendedResizeExperienceOn ? `${containerWidth}px` : calcMaxWidth(layout, containerWidth));
   const cssMaxWidth = isExtendedResizeExperienceOn ? 'var(--ak-editor-max-container-width)' : calcMaxCssForPercentageTypeMedia(layout);
 
   // jest warning: JSDOM version (22) doesn't support the new @container CSS rule
@@ -242,7 +230,7 @@ export const MediaSingleDimensionHelper = ({
     '@container ak-renderer-wrapper (min-width: 1px)': {
       maxWidth: '100cqw'
     }
-  }) : expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true) ? `max-width: ${cssMaxWidth};` : `max-width: ${calculatedMaxWidth};`}
+  }) : `max-width: ${cssMaxWidth};`}
 
 		${isExtendedResizeExperienceOn && `&[class*='is-resizing'] {
     .new-file-experience-wrapper {

package/dist/esm/ai-messages/ai-suggestions.js

@@ -127,12 +127,12 @@ export var aiSuggestionsMessages = defineMessages({
   },
   cardSourcesHideButtonLabel: {
     id: 'fabric.editor.ai.suggestions.card.sourcesHideButtonLabel.non-final',
-    defaultMessage: 'Hide sources',
+    defaultMessage: 'Hide reasoning',
     description: 'Label for the sources toggle button when sources are expanded'
   },
   cardSourcesShowButtonLabel: {
     id: 'fabric.editor.ai.suggestions.card.sourcesShowButtonLabel.non-final',
-    defaultMessage: 'Show sources',
+    defaultMessage: 'Show reasoning',
     description: 'Label for the sources toggle button when sources are collapsed'
   },
   cardAcceptButtonLabel: {

package/dist/esm/keymaps/index.js

@@ -11,6 +11,7 @@ import { base, keyName } from 'w3c-keyname';
 import { editorCommandToPMCommand } from '../preset/editor-commands';
 import { getBrowserInfo } from '../utils/browser';
 export var addAltText = makeKeyMapWithCommon('Add Alt Text', 'Mod-Alt-y');
+export var toggleMarkdownView = makeKeyMapWithCommon('Toggle markdown view', 'Mod-e');
 export var toggleViewChanges = makeKeyMapWithCommon('View changes', 'Mod-Alt-z');
 export var navToEditorToolbar = makeKeyMapWithCommon('Navigate to editor toolbar', 'Alt-F9');
 export var navToFloatingToolbar = makeKeyMapWithCommon('Navigate to floating toolbar', 'Alt-F10');

package/dist/esm/messages/markdown-mode.js

@@ -17,18 +17,18 @@ export var markdownModeMessages = defineMessages({
   },
   source: {
     id: 'fabric.editor.markdownMode.viewToggle.source',
-    defaultMessage: 'Markdown source',
-    description: 'Tooltip and accessible label for the toggle button that switches the editor into raw markdown source view.'
+    defaultMessage: 'Syntax editor',
+    description: 'Tooltip and accessible label for the toggle button that switches the editor into raw markdown source (syntax) view.'
   },
   wysiwyg: {
     id: 'fabric.editor.markdownMode.viewToggle.wysiwyg',
-    defaultMessage: 'WYSIWYG',
+    defaultMessage: 'WYSIWYG editor',
     description: 'Tooltip and accessible label for the toggle button that switches the editor into the WYSIWYG markdown editing view (the default).'
   },
   preview: {
     id: 'fabric.editor.markdownMode.viewToggle.preview',
-    defaultMessage: 'Preview',
-    description: 'Tooltip and accessible label for the toggle button that switches the editor into a read-only rendered markdown preview.'
+    defaultMessage: 'Split view (coming soon)',
+    description: 'Tooltip and accessible label for the toggle button that will switch the editor into a split view. This feature is not yet available.'
   },
   sourceAriaLabel: {
     id: 'fabric.editor.markdownMode.sourceView.ariaLabel',

package/dist/esm/messages/mentions.js

@@ -34,5 +34,10 @@ export var mentionMessages = defineMessages({
     id: 'fabric.editor.inviteItem.sendInvite',
     defaultMessage: 'Send request to invite teammate',
     description: 'By line text for send request to invite teammate option shown in mentions.'
+  },
+  inviteButton: {
+    id: 'fabric.editor.inviteItem.inviteButton',
+    defaultMessage: 'Invite',
+    description: 'Label for the invite button shown in the mention typeahead invite item.'
   }
 });

package/dist/esm/monitoring/error.js

@@ -10,7 +10,7 @@ import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 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 = "114.16.0";
+var packageVersion = "114.18.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fg } from '@atlaskit/platform-feature-flags';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "114.16.0";
+var packageVersion = "114.18.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

package/dist/esm/ui/MediaSingle/grid.js

@@ -1,5 +1,4 @@
 import { akEditorBreakoutPadding, breakoutWideScaleRatio } from '@atlaskit/editor-shared-styles';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { MEDIA_SINGLE_GUTTER_SIZE } from '../../media-single/constants';
 var validWidthModes = ['center', 'wrap-left', 'wrap-right', 'align-start', 'align-end'];
 export var layoutSupportsWidth = function layoutSupportsWidth(layout) {
@@ -55,10 +54,7 @@ export var calcMediaPxWidth = function calcMediaPxWidth(opts) {
         }
         return calculatedPctWidth;
       }
-      if (expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true)) {
-        return calculatedPctWidth;
-      }
-      return Math.min(calculatedPctWidth, origWidth);
+      return calculatedPctWidth;
     }
     if (calculatedResizedPctWidth) {
       return calculatedResizedPctWidth;
@@ -72,11 +68,7 @@ export var calcMediaPxWidth = function calcMediaPxWidth(opts) {
   } else if (layout && wrappedLayouts.indexOf(layout) !== -1) {
     // when layout is wrap-left, wrap-right, align-start, align-end
     // but no pctWidth is defined
-    if (expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true)) {
-      return Math.min(calcPxFromPct(0.5, lineLength || width), origWidth);
-    }
-    var halfLineLength = Math.ceil((lineLength || width) / 2);
-    return origWidth <= halfLineLength ? origWidth : halfLineLength;
+    return Math.min(calcPxFromPct(0.5, lineLength || width), origWidth);
   }
   return origWidth;
 };

package/dist/esm/ui/MediaSingle/styled.js

@@ -14,7 +14,6 @@ import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { akEditorDefaultLayoutWidth, akEditorFullPageMaxWidth, akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { nonWrappedLayouts } from '../../utils';
 import { calcBreakoutWidth, calcWideWidth } from '../../utils/breakout';
 function float(layout) {
@@ -127,16 +126,6 @@ export function calcResizedWidth(layout, width) {
       return "".concat(width, "px");
   }
 }
-function calcMaxWidth(layout, containerWidth) {
-  switch (layout) {
-    case 'wide':
-      return calcWideWidth(containerWidth);
-    case 'full-width':
-      return calcBreakoutWidth(layout, containerWidth);
-    default:
-      return '100%';
-  }
-}
 function calcMargin(layout) {
   switch (layout) {
     case 'wrap-right':
@@ -221,7 +210,6 @@ export var MediaSingleDimensionHelper = function MediaSingleDimensionHelper(_ref
     _ref$isInRenderer = _ref.isInRenderer,
     isInRenderer = _ref$isInRenderer === void 0 ? false : _ref$isInRenderer;
   var calculatedWidth = roundToClosestEvenPxValue(isExtendedResizeExperienceOn ? "".concat(mediaSingleWidth || width, "px") : mediaSingleWidth ? calcResizedWidth(layout, width || 0, containerWidth) : calcLegacyWidth(layout, width || 0, containerWidth, fullWidthMode, isResized, isInsideOfInlineExtension));
-  var calculatedMaxWidth = roundToClosestEvenPxValue(isExtendedResizeExperienceOn ? "".concat(containerWidth, "px") : calcMaxWidth(layout, containerWidth));
   var cssMaxWidth = isExtendedResizeExperienceOn ? 'var(--ak-editor-max-container-width)' : calcMaxCssForPercentageTypeMedia(layout);
 
   // jest warning: JSDOM version (22) doesn't support the new @container CSS rule
@@ -237,7 +225,7 @@ export var MediaSingleDimensionHelper = function MediaSingleDimensionHelper(_ref
     '@container ak-renderer-wrapper (min-width: 1px)': {
       maxWidth: '100cqw'
     }
-  }) : expValEquals('platform_editor_media_vc_fixes', 'isEnabled', true) ? "max-width: ".concat(cssMaxWidth, ";") : "max-width: ".concat(calculatedMaxWidth, ";"), isExtendedResizeExperienceOn && "&[class*='is-resizing'] {\n    .new-file-experience-wrapper {\n      box-shadow: none !important;\n    }\n\n    ".concat(!isNestedNode && nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n  }"), float(layout), calcMargin(layout), isNestedNode ? /* Make nested node appear responsive when resizing table cell */"max-width: 100%;" : nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n        transform: translateX(-50%);", isImageAligned(layout));
+  }) : "max-width: ".concat(cssMaxWidth, ";"), isExtendedResizeExperienceOn && "&[class*='is-resizing'] {\n    .new-file-experience-wrapper {\n      box-shadow: none !important;\n    }\n\n    ".concat(!isNestedNode && nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n      transform: translateX(-50%);", "\n  }"), float(layout), calcMargin(layout), isNestedNode ? /* Make nested node appear responsive when resizing table cell */"max-width: 100%;" : nonWrappedLayouts.includes(layout) && "margin-left: 50%;\n        transform: translateX(-50%);", isImageAligned(layout));
 };
 var RenderFallbackContainer = function RenderFallbackContainer(_ref2) {
   var hasFallbackContainer = _ref2.hasFallbackContainer,

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

@@ -7,6 +7,7 @@ import { jsx } from '@emotion/react';
 import type { Command } from '../types/command';
 import type { EditorCommand } from '../types/editor-command';
 export declare const addAltText: Keymap;
+export declare const toggleMarkdownView: Keymap;
 export declare const toggleViewChanges: Keymap;
 export declare const navToEditorToolbar: Keymap;
 export declare const navToFloatingToolbar: Keymap;

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

@@ -1,37 +1,42 @@
 export declare const mentionMessages: {
+    inviteButton: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
     inviteItemTitle: {
+        defaultMessage: string;
+        description: string;
         id: string;
+    };
+    inviteTeammateInvalidEmail: {
         defaultMessage: string;
         description: string;
+        id: string;
     };
     mentionsAddLabel: {
-        id: string;
         defaultMessage: string;
         description: string;
+        id: string;
     };
     mentionsIconLabel: {
-        id: string;
         defaultMessage: string;
         description: string;
+        id: string;
     };
     mentionsNodeLabel: {
-        id: string;
         defaultMessage: string;
         description: string;
-    };
-    unknownLabel: {
         id: string;
-        defaultMessage: string;
-        description: string;
     };
-    inviteTeammateInvalidEmail: {
-        id: string;
+    sendInvite: {
         defaultMessage: string;
         description: string;
-    };
-    sendInvite: {
         id: string;
+    };
+    unknownLabel: {
         defaultMessage: string;
         description: string;
+        id: string;
     };
 };

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

@@ -7,6 +7,7 @@ import { jsx } from '@emotion/react';
 import type { Command } from '../types/command';
 import type { EditorCommand } from '../types/editor-command';
 export declare const addAltText: Keymap;
+export declare const toggleMarkdownView: Keymap;
 export declare const toggleViewChanges: Keymap;
 export declare const navToEditorToolbar: Keymap;
 export declare const navToFloatingToolbar: Keymap;

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

@@ -1,37 +1,42 @@
 export declare const mentionMessages: {
+    inviteButton: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
     inviteItemTitle: {
+        defaultMessage: string;
+        description: string;
         id: string;
+    };
+    inviteTeammateInvalidEmail: {
         defaultMessage: string;
         description: string;
+        id: string;
     };
     mentionsAddLabel: {
-        id: string;
         defaultMessage: string;
         description: string;
+        id: string;
     };
     mentionsIconLabel: {
-        id: string;
         defaultMessage: string;
         description: string;
+        id: string;
     };
     mentionsNodeLabel: {
-        id: string;
         defaultMessage: string;
         description: string;
-    };
-    unknownLabel: {
         id: string;
-        defaultMessage: string;
-        description: string;
     };
-    inviteTeammateInvalidEmail: {
-        id: string;
+    sendInvite: {
         defaultMessage: string;
         description: string;
-    };
-    sendInvite: {
         id: string;
+    };
+    unknownLabel: {
         defaultMessage: string;
         description: string;
+        id: string;
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "114.17.0",
+	"version": "114.18.1",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -77,16 +77,16 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
 		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/profilecard": "^25.1.0",
+		"@atlaskit/profilecard": "^25.2.0",
 		"@atlaskit/prosemirror-history": "^0.2.0",
 		"@atlaskit/react-ufo": "^5.18.0",
 		"@atlaskit/section-message": "^8.12.0",
-		"@atlaskit/smart-card": "^44.3.0",
+		"@atlaskit/smart-card": "^44.5.0",
 		"@atlaskit/smart-user-picker": "^10.0.0",
 		"@atlaskit/spinner": "^19.1.0",
 		"@atlaskit/task-decision": "^20.0.0",
 		"@atlaskit/textfield": "^8.3.0",
-		"@atlaskit/tmp-editor-statsig": "^74.0.0",
+		"@atlaskit/tmp-editor-statsig": "^74.4.0",
 		"@atlaskit/tokens": "^13.0.0",
 		"@atlaskit/tooltip": "^21.2.0",
 		"@atlaskit/width-detector": "^5.1.0",