@atlaskit/editor-common 120.12.0 → 120.13.1

package/CHANGELOG.md

@@ -1,5 +1,64 @@
 # @atlaskit/editor-common
 
+## 120.13.1
+
+### Patch Changes
+
+- [`c744811e22b13`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c744811e22b13) -
+  Clean up feature gate `platform_editor_sentry_breadcrumbs`
+- [`6bcbe7ce95706`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6bcbe7ce95706) -
+  Deprecate cardRovoTitle after removing the visible Rovo label from suggestion cards.
+- Updated dependencies
+
+## 120.13.0
+
+### Minor Changes
+
+- [`5d007e10ca06f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5d007e10ca06f) -
+  Add collapsible heading behavior, tooltip messaging, and controls behind the
+  `platform_editor_collapsible_headings` experiment.
+- [`7a5578f056f2b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7a5578f056f2b) -
+  Under `platform_editor_slash_command`, enhance the registry element browser with a responsive
+  968px modal, a clearable search field, category navigation, and responsive item grids. Unselected
+  element cards have no border, while selected cards retain their selected border. Item descriptions
+  appear below titles when registration metadata supplies one.
+- [`4b796b0158182`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4b796b0158182) -
+  EDITOR-8561 Render the breakout resize handle tooltip with `VanillaTooltip` behind the
+  `platform_editor_use_vanilla_components` experiment, replacing a React tree per resize handle.
+  When the experiment is off the tooltip is still rendered with React through the node view portal
+  provider.
+
+  The tooltip is anchored to a zero-height element parked where the pointer entered the rail, rather
+  than to the rail itself, which spans the node's full height. This matches the ADS tooltip's
+  `position="mouse"`, which latches the cursor position as the tooltip opens and does not move it
+  afterwards. The anchor is positioned by `.pm-breakout-resize-tooltip-anchor` in the editor's
+  resizer styles, which reads the pointer's offset from a custom property; the rule is inert while
+  the experiment is off, because nothing carries the class.
+
+  On the experiment the tooltip always mounts on the first hover, whatever
+  `platform_editor_reduce_event_listener_count` is set to: there is no portal to defer, and the
+  handles are built before ProseMirror populates `contentDOM`, so mounting any earlier would label
+  the tooltip with a generic "node" rather than the node being resized.
+
+  `VanillaTooltip` accepts an optional `placement`, forwarded to Popper when the tooltip is
+  positioned. Defaults to `top`, so existing callers are unaffected.
+
+## 120.12.1
+
+### Patch Changes
+
+- [`43445b6289c3f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/43445b6289c3f) -
+  Fix stale ProseMirror selection persisting across MultiBodiedExtension tab switches. Gated behind
+  confluence_native_tabs_m15.
+- [`d9b0aa59b7c39`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d9b0aa59b7c39) -
+  Fix mention accessibility: the profile-card trigger wrapping an @mention is now prefilled with the
+  mention's known identity (display name + account id), so screen readers announce the concrete name
+  (e.g. "More information about Jane Smith") instead of the generic "More information about this
+  user". Threaded via a new optional prefilledProfileData on RenderUserMentionCard /
+  UserProfileCardForMention. Behind the platform_mention_profilecard_accessible_name_exp experiment
+  (JRACLOUD-99229).
+- Updated dependencies
+
 ## 120.12.0
 
 ### Minor Changes

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

@@ -139,7 +139,7 @@ var aiSuggestionsMessages = exports.aiSuggestionsMessages = (0, _reactIntl.defin
   cardRovoTitle: {
     id: 'fabric.editor.ai.suggestions.card.rovoTitle.non-final',
     defaultMessage: 'Rovo',
-    description: 'Title for Rovo branding on the AI suggestions card'
+    description: 'Deprecated title for Rovo branding on the AI suggestions card'
   },
   cardPrivateLabel: {
     id: 'fabric.editor.ai.suggestions.card.privateLabel.non-final',

package/dist/cjs/extensibility/MultiBodiedExtension/action-api.js

@@ -9,6 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _state = require("@atlaskit/editor-prosemirror/state");
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _analytics = require("../../analytics");
 var _utils = require("./utils");
@@ -33,7 +34,7 @@ var useMultiBodiedExtensionActions = exports.useMultiBodiedExtensionActions = fu
           (0, _utils.sendMBEAnalyticsEvent)(_analytics.ACTION.CHANGE_ACTIVE, node, eventDispatcher);
         }
         var selection = (_options$selection = options === null || options === void 0 ? void 0 : options.selection) !== null && _options$selection !== void 0 ? _options$selection : 'none';
-        if (selection === 'none') {
+        if (selection === 'none' && !(0, _isExperimentEnabled.isExperimentEnabled)('confluence_native_tabs_m15')) {
           return updateActiveChildResult;
         }
         var pos = getPos();
@@ -53,16 +54,22 @@ var useMultiBodiedExtensionActions = exports.useMultiBodiedExtensionActions = fu
             desiredPos += (possiblyMbeNode === null || possiblyMbeNode === void 0 || (_possiblyMbeNode$cont4 = possiblyMbeNode.content) === null || _possiblyMbeNode$cont4 === void 0 || (_possiblyMbeNode$cont4 = _possiblyMbeNode$cont4.child(i)) === null || _possiblyMbeNode$cont4 === void 0 ? void 0 : _possiblyMbeNode$cont4.nodeSize) || 0;
           }
           var targetFrame = possiblyMbeNode.content.child(index);
-          if (selection === 'start') {
-            // +1 moves past the extensionFrame opening token; TextSelection.near() finds
-            // the nearest valid text cursor position from there.
-            dispatch(state.tr.setSelection(_state.TextSelection.near(state.doc.resolve(desiredPos + 1))));
-          } else {
-            // Place cursor at the end of the target frame's content.
-            // -1 bias searches backward from the frame's closing token.
+          if (selection === 'end') {
             dispatch(state.tr.setSelection(_state.TextSelection.near(state.doc.resolve(desiredPos + targetFrame.nodeSize), -1)));
+            editorView.focus();
+          } else {
+            // for 'start' and 'none' selection place a
+            // collapsed cursor at the start of the target frame so the ProseMirror
+            // selection always points into the active tab. This prevents stale
+            // selections from persisting across tab switches (which causes paste to
+            // land in the wrong tab).
+            // 'none' intentionally skips editorView.focus() so DOM focus can
+            // remain on the tab button for keyboard navigation.
+            dispatch(state.tr.setSelection(_state.TextSelection.near(state.doc.resolve(desiredPos + 1))));
+            if (selection === 'start') {
+              editorView.focus();
+            }
           }
-          editorView.focus();
         }
         return updateActiveChildResult;
       },

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

@@ -26,6 +26,16 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
     defaultMessage: 'Insert',
     description: 'Label on button to insert content at the current cursor position'
   },
+  collapseSection: {
+    id: 'editor-common.messages.block-controls.collapseSection',
+    defaultMessage: 'Collapse section',
+    description: 'Accessible label for the button that collapses a heading section.'
+  },
+  expandSection: {
+    id: 'editor-common.messages.block-controls.expandSection',
+    defaultMessage: 'Expand section',
+    description: 'Accessible label for the button that expands a heading section.'
+  },
   moveUp: {
     id: 'fabric.editor.blockControlMoveUp',
     defaultMessage: 'Move up',

package/dist/cjs/monitoring/error.js

@@ -11,7 +11,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _browser = require("@sentry/browser");
-var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _environment = require("./environment");
 var _normaliseSentryBreadcrumbs = require("./normalise-sentry-breadcrumbs");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -28,7 +27,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
 var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 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 = "120.11.3";
+var packageVersion = "120.13.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007
@@ -68,7 +67,7 @@ var logException = exports.logException = /*#__PURE__*/function () {
         case 3:
           _yield$import2 = _context.sent;
           ExtraErrorData = _yield$import2.ExtraErrorData;
-          breadcrumbsIntegration = (0, _fg.fg)('platform_editor_sentry_breadcrumbs') ? new _browser.Integrations.Breadcrumbs({
+          breadcrumbsIntegration = new _browser.Integrations.Breadcrumbs({
             // only enable breadcrumbs for dom (UI clicks and inputs)
             // include 'data-test-id', 'data-testid' in the breadcrumbs if they are found
             dom: {
@@ -79,12 +78,12 @@ var logException = exports.logException = /*#__PURE__*/function () {
             console: false,
             history: false,
             sentry: false
-          }) : undefined;
+          });
           sentryOptions = {
             dsn: (0, _environment.isFedRamp)() ? undefined : SENTRY_DSN,
             release: "".concat(packageName, "@").concat(packageVersion),
             environment: (_process$env$CLOUD_EN = process.env.CLOUD_ENV) !== null && _process$env$CLOUD_EN !== void 0 ? _process$env$CLOUD_EN : 'unknown',
-            beforeBreadcrumb: (0, _fg.fg)('platform_editor_sentry_breadcrumbs') ? _normaliseSentryBreadcrumbs.normaliseSentryBreadcrumbs : undefined,
+            beforeBreadcrumb: _normaliseSentryBreadcrumbs.normaliseSentryBreadcrumbs,
             ignoreErrors: [
             // Network issues
             NETWORK_ERROR_REGEX, NETWORK_FAILURE_REGEX, 'TypeError: Failed to fetch',
@@ -95,7 +94,7 @@ var logException = exports.logException = /*#__PURE__*/function () {
               return [].concat((0, _toConsumableArray2.default)(defaultIntegrations.filter(function (_ref2) {
                 var name = _ref2.name;
                 return name !== 'Breadcrumbs';
-              })), (0, _toConsumableArray2.default)(breadcrumbsIntegration ? [breadcrumbsIntegration] : []), [
+              })), [breadcrumbsIntegration,
               // Extracts all non-native attributes from the error object and attaches them to the event as the extra data
               // https://docs.sentry.io/platforms/javascript/configuration/integrations/plugin/?original_referrer=https%3A%2F%2Fduckduckgo.com%2F#extraerrordata
               new ExtraErrorData()]);

package/dist/cjs/quick-insert/ElementBrowserQuickInsertMenuItem.js

@@ -11,47 +11,52 @@ var _quickInsertMenuItemUtils = require("./quickInsertMenuItemUtils");
 var _useQuickInsertContext = require("./useQuickInsertContext");
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- Compiled primitives do not provide Pressable.
 
-var itemStyles = (0, _primitives.xcss)({
+var borderlessItemStyles = (0, _primitives.xcss)({
   alignItems: 'start',
   backgroundColor: 'color.background.neutral.subtle',
-  borderColor: 'color.border',
   borderRadius: 'radius.medium',
-  borderStyle: 'solid',
-  borderWidth: 'border.width',
   color: 'color.text',
   cursor: 'pointer',
   display: 'flex',
   gap: 'space.150',
+  height: '88px',
   padding: 'space.150',
   textAlign: 'start',
   width: '100%'
 });
-var selectedItemStyles = (0, _primitives.xcss)({
+var borderlessSelectedItemStyles = (0, _primitives.xcss)({
   alignItems: 'start',
   backgroundColor: 'color.background.selected',
-  borderColor: 'color.border.selected',
-  borderRadius: 'radius.medium',
-  borderStyle: 'solid',
-  borderWidth: 'border.width',
+  borderRadius: 0,
   color: 'color.text',
   cursor: 'pointer',
   display: 'flex',
   gap: 'space.150',
+  height: '88px',
   padding: 'space.150',
+  position: 'relative',
   textAlign: 'start',
-  width: '100%'
+  width: '100%',
+  '::before': {
+    borderInlineStartColor: 'color.border.selected',
+    borderInlineStartStyle: 'solid',
+    borderInlineStartWidth: 'border.width.selected',
+    content: "''",
+    insetBlock: 'space.0',
+    insetInlineStart: 'space.0',
+    pointerEvents: 'none',
+    position: 'absolute'
+  }
 });
-var disabledItemStyles = (0, _primitives.xcss)({
+var borderlessDisabledItemStyles = (0, _primitives.xcss)({
   alignItems: 'start',
   backgroundColor: 'color.background.neutral.subtle',
-  borderColor: 'color.border',
   borderRadius: 'radius.medium',
-  borderStyle: 'solid',
-  borderWidth: 'border.width',
   color: 'color.text.disabled',
   cursor: 'not-allowed',
   display: 'flex',
   gap: 'space.150',
+  height: '88px',
   padding: 'space.150',
   textAlign: 'start',
   width: '100%'
@@ -99,6 +104,7 @@ var ElementBrowserQuickInsertMenuItem = exports.ElementBrowserQuickInsertMenuIte
     },
     id = _ref2.id,
     isSelected = _ref2.isSelected;
+  var itemDescription = description !== null && description !== void 0 ? description : item === null || item === void 0 ? void 0 : item.description;
   var handleClick = (0, _quickInsertMenuItemUtils.useQuickInsertMenuItemSelection)(onSelect);
   return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
     "aria-label": ariaLabel,
@@ -107,7 +113,7 @@ var ElementBrowserQuickInsertMenuItem = exports.ElementBrowserQuickInsertMenuIte
     isDisabled: isDisabled,
     onClick: handleClick,
     role: "option",
-    xcss: isDisabled ? disabledItemStyles : isSelected ? selectedItemStyles : itemStyles
+    xcss: isDisabled ? borderlessDisabledItemStyles : isSelected ? borderlessSelectedItemStyles : borderlessItemStyles
   }, iconBefore && shouldWrapIcon ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: iconStyles
   }, iconBefore) : iconBefore, /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
@@ -118,11 +124,14 @@ var ElementBrowserQuickInsertMenuItem = exports.ElementBrowserQuickInsertMenuIte
     spread: "space-between",
     space: "space.100"
   }, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+    maxLines: 1,
     weight: "medium"
   }, title), shortcut && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     as: "span",
     xcss: shortcutStyles
-  }, shortcut)), description && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+  }, shortcut)), itemDescription && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: descriptionStyles
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Text, null, description))));
+  }, /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+    maxLines: 2
+  }, itemDescription))));
 };

package/dist/cjs/quick-insert/createQuickInsertMatcher.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createQuickInsertMatcher = void 0;
 var _fuse = _interopRequireDefault(require("fuse.js"));
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var options = {
   includeScore: true,
   keys: [{
@@ -26,14 +27,20 @@ var options = {
 var normalizeScore = function normalizeScore(score) {
   return Math.min(1, Math.max(0, score !== null && score !== void 0 ? score : 1));
 };
+var getDescription = function getDescription(matcher, formatMessage) {
+  var _getSearchData, _ref;
+  return matcher === null || matcher === void 0 || (_getSearchData = (_ref = matcher).getSearchData) === null || _getSearchData === void 0 ? void 0 : _getSearchData.call(_ref, {
+    formatMessage: formatMessage
+  }).description;
+};
 
 /** Creates a cached matcher using consumer-formatted Quick Insert search data. */
-var createQuickInsertMatcher = exports.createQuickInsertMatcher = function createQuickInsertMatcher(getSearchData) {
+var _createQuickInsertMatcher = exports.createQuickInsertMatcher = function createQuickInsertMatcher(getSearchData) {
   var cachedFormatMessage;
   var fuse;
-  return function (_ref) {
-    var formatMessage = _ref.formatMessage,
-      query = _ref.query;
+  var matcher = function matcher(_ref2) {
+    var formatMessage = _ref2.formatMessage,
+      query = _ref2.query;
     var normalizedQuery = query.trim();
     if (!normalizedQuery) {
       return {
@@ -51,4 +58,9 @@ var createQuickInsertMatcher = exports.createQuickInsertMatcher = function creat
       score: normalizeScore(result.score)
     } : null;
   };
+  if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_command')) {
+    matcher.getSearchData = getSearchData;
+    _createQuickInsertMatcher.getDescription = getDescription;
+  }
+  return matcher;
 };

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 = "120.11.3";
+var packageVersion = "120.13.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/cjs/ui/Mention/mention-with-profilecard.js

@@ -92,10 +92,15 @@ function MentionWithProfileCard(_ref) {
   }
   if ((0, _fg.fg)('people-teams_migrate-user-profile-card') || (0, _isExperimentEnabled.isExperimentEnabled)('pt_user_profile_card_migration_exp')) {
     if (renderUserMentionCard) {
+      var prefilledProfileData = (0, _isExperimentEnabled.isExperimentEnabled)('platform_mention_profilecard_accessible_name_exp') ? {
+        accountId: id,
+        name: text.replace(AT_PREFIX_REGEX, '')
+      } : undefined;
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderUserMentionCard({
         userId: id,
         cloudId: cloudId,
-        children: mention
+        children: mention,
+        prefilledProfileData: prefilledProfileData
       }));
     }
     var _navigateToTeamsApp = (0, _navigation.navigateToTeamsApp)({

package/dist/cjs/vanilla-tooltip/index.js

@@ -108,6 +108,7 @@ var VanillaTooltip = exports.VanillaTooltip = /*#__PURE__*/function () {
      * the `onShow` semantics of "@atlaskit/tooltip".
      */
     onShow = arguments.length > 6 ? arguments[6] : undefined;
+    var placement = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : 'top';
     (0, _classCallCheck2.default)(this, VanillaTooltip);
     (0, _defineProperty2.default)(this, "listeners", []);
     (0, _defineProperty2.default)(this, "shouldHidePopover", false);
@@ -115,6 +116,7 @@ var VanillaTooltip = exports.VanillaTooltip = /*#__PURE__*/function () {
     this.trigger = trigger;
     this.timeout = timeout;
     this.onShow = onShow;
+    this.placement = placement;
     // Created in the trigger's own document rather than the global one, so nothing depends on
     // the parent realm when the editor renders inside an iframe. Gated alongside the Escape
     // listener's window so the whole iframe fix moves as a single unit.
@@ -198,7 +200,7 @@ var VanillaTooltip = exports.VanillaTooltip = /*#__PURE__*/function () {
     key: "createPopperInstance",
     value: function createPopperInstance() {
       this.popperInstance = getCreatePopper()(this.trigger, this.tooltip, {
-        placement: 'top',
+        placement: this.placement,
         modifiers: [startingOffset]
       });
     }

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

@@ -133,7 +133,7 @@ export const aiSuggestionsMessages = defineMessages({
   cardRovoTitle: {
     id: 'fabric.editor.ai.suggestions.card.rovoTitle.non-final',
     defaultMessage: 'Rovo',
-    description: 'Title for Rovo branding on the AI suggestions card'
+    description: 'Deprecated title for Rovo branding on the AI suggestions card'
   },
   cardPrivateLabel: {
     id: 'fabric.editor.ai.suggestions.card.privateLabel.non-final',

package/dist/es2019/extensibility/MultiBodiedExtension/action-api.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { TextSelection } from '@atlaskit/editor-prosemirror/state';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ACTION } from '../../analytics';
 import { sendMBEAnalyticsEvent } from './utils';
@@ -25,7 +26,7 @@ export const useMultiBodiedExtensionActions = ({
           sendMBEAnalyticsEvent(ACTION.CHANGE_ACTIVE, node, eventDispatcher);
         }
         const selection = (_options$selection = options === null || options === void 0 ? void 0 : options.selection) !== null && _options$selection !== void 0 ? _options$selection : 'none';
-        if (selection === 'none') {
+        if (selection === 'none' && !isExperimentEnabled('confluence_native_tabs_m15')) {
           return updateActiveChildResult;
         }
         const pos = getPos();
@@ -45,16 +46,22 @@ export const useMultiBodiedExtensionActions = ({
             desiredPos += (possiblyMbeNode === null || possiblyMbeNode === void 0 ? void 0 : (_possiblyMbeNode$cont4 = possiblyMbeNode.content) === null || _possiblyMbeNode$cont4 === void 0 ? void 0 : (_possiblyMbeNode$cont5 = _possiblyMbeNode$cont4.child(i)) === null || _possiblyMbeNode$cont5 === void 0 ? void 0 : _possiblyMbeNode$cont5.nodeSize) || 0;
           }
           const targetFrame = possiblyMbeNode.content.child(index);
-          if (selection === 'start') {
-            // +1 moves past the extensionFrame opening token; TextSelection.near() finds
-            // the nearest valid text cursor position from there.
-            dispatch(state.tr.setSelection(TextSelection.near(state.doc.resolve(desiredPos + 1))));
-          } else {
-            // Place cursor at the end of the target frame's content.
-            // -1 bias searches backward from the frame's closing token.
+          if (selection === 'end') {
             dispatch(state.tr.setSelection(TextSelection.near(state.doc.resolve(desiredPos + targetFrame.nodeSize), -1)));
+            editorView.focus();
+          } else {
+            // for 'start' and 'none' selection place a
+            // collapsed cursor at the start of the target frame so the ProseMirror
+            // selection always points into the active tab. This prevents stale
+            // selections from persisting across tab switches (which causes paste to
+            // land in the wrong tab).
+            // 'none' intentionally skips editorView.focus() so DOM focus can
+            // remain on the tab button for keyboard navigation.
+            dispatch(state.tr.setSelection(TextSelection.near(state.doc.resolve(desiredPos + 1))));
+            if (selection === 'start') {
+              editorView.focus();
+            }
           }
-          editorView.focus();
         }
         return updateActiveChildResult;
       },

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

@@ -20,6 +20,16 @@ export const messages = defineMessages({
     defaultMessage: 'Insert',
     description: 'Label on button to insert content at the current cursor position'
   },
+  collapseSection: {
+    id: 'editor-common.messages.block-controls.collapseSection',
+    defaultMessage: 'Collapse section',
+    description: 'Accessible label for the button that collapses a heading section.'
+  },
+  expandSection: {
+    id: 'editor-common.messages.block-controls.expandSection',
+    defaultMessage: 'Expand section',
+    description: 'Accessible label for the button that expands a heading section.'
+  },
   moveUp: {
     id: 'fabric.editor.blockControlMoveUp',
     defaultMessage: 'Move up',

package/dist/es2019/monitoring/error.js

@@ -1,5 +1,4 @@
 import { Integrations } from '@sentry/browser';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { isFedRamp } from './environment';
 import { normaliseSentryBreadcrumbs, SERIALIZABLE_ATTRIBUTES } from './normalise-sentry-breadcrumbs';
 
@@ -14,7 +13,7 @@ const NETWORK_FAILURE_REGEX = /^network failure/i;
 const RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
 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 = "120.11.3";
+const packageVersion = "120.13.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007
@@ -40,7 +39,7 @@ export const logException = async (error, tags) => {
     const {
       ExtraErrorData
     } = await import( /* webpackChunkName: "@atlaskit-internal_editor-sentryintegrations" */'@sentry/integrations');
-    const breadcrumbsIntegration = fg('platform_editor_sentry_breadcrumbs') ? new Integrations.Breadcrumbs({
+    const breadcrumbsIntegration = new Integrations.Breadcrumbs({
       // only enable breadcrumbs for dom (UI clicks and inputs)
       // include 'data-test-id', 'data-testid' in the breadcrumbs if they are found
       dom: {
@@ -51,12 +50,12 @@ export const logException = async (error, tags) => {
       console: false,
       history: false,
       sentry: false
-    }) : undefined;
+    });
     const sentryOptions = {
       dsn: isFedRamp() ? undefined : SENTRY_DSN,
       release: `${packageName}@${packageVersion}`,
       environment: (_process$env$CLOUD_EN = process.env.CLOUD_ENV) !== null && _process$env$CLOUD_EN !== void 0 ? _process$env$CLOUD_EN : 'unknown',
-      beforeBreadcrumb: fg('platform_editor_sentry_breadcrumbs') ? normaliseSentryBreadcrumbs : undefined,
+      beforeBreadcrumb: normaliseSentryBreadcrumbs,
       ignoreErrors: [
       // Network issues
       NETWORK_ERROR_REGEX, NETWORK_FAILURE_REGEX, 'TypeError: Failed to fetch',
@@ -68,7 +67,7 @@ export const logException = async (error, tags) => {
       // https://docs.sentry.io/platforms/javascript/configuration/integrations/default/
       ...defaultIntegrations.filter(({
         name
-      }) => name !== 'Breadcrumbs'), ...(breadcrumbsIntegration ? [breadcrumbsIntegration] : []),
+      }) => name !== 'Breadcrumbs'), breadcrumbsIntegration,
       // Extracts all non-native attributes from the error object and attaches them to the event as the extra data
       // https://docs.sentry.io/platforms/javascript/configuration/integrations/plugin/?original_referrer=https%3A%2F%2Fduckduckgo.com%2F#extraerrordata
       new ExtraErrorData()],

package/dist/es2019/quick-insert/ElementBrowserQuickInsertMenuItem.js

@@ -4,47 +4,52 @@ import React from 'react';
 import { Box, Inline, Pressable, Stack, Text, xcss } from '@atlaskit/primitives';
 import { useQuickInsertMenuItemSelection } from './quickInsertMenuItemUtils';
 import { useQuickInsertContext } from './useQuickInsertContext';
-const itemStyles = xcss({
+const borderlessItemStyles = xcss({
   alignItems: 'start',
   backgroundColor: 'color.background.neutral.subtle',
-  borderColor: 'color.border',
   borderRadius: 'radius.medium',
-  borderStyle: 'solid',
-  borderWidth: 'border.width',
   color: 'color.text',
   cursor: 'pointer',
   display: 'flex',
   gap: 'space.150',
+  height: '88px',
   padding: 'space.150',
   textAlign: 'start',
   width: '100%'
 });
-const selectedItemStyles = xcss({
+const borderlessSelectedItemStyles = xcss({
   alignItems: 'start',
   backgroundColor: 'color.background.selected',
-  borderColor: 'color.border.selected',
-  borderRadius: 'radius.medium',
-  borderStyle: 'solid',
-  borderWidth: 'border.width',
+  borderRadius: 0,
   color: 'color.text',
   cursor: 'pointer',
   display: 'flex',
   gap: 'space.150',
+  height: '88px',
   padding: 'space.150',
+  position: 'relative',
   textAlign: 'start',
-  width: '100%'
+  width: '100%',
+  '::before': {
+    borderInlineStartColor: 'color.border.selected',
+    borderInlineStartStyle: 'solid',
+    borderInlineStartWidth: 'border.width.selected',
+    content: "''",
+    insetBlock: 'space.0',
+    insetInlineStart: 'space.0',
+    pointerEvents: 'none',
+    position: 'absolute'
+  }
 });
-const disabledItemStyles = xcss({
+const borderlessDisabledItemStyles = xcss({
   alignItems: 'start',
   backgroundColor: 'color.background.neutral.subtle',
-  borderColor: 'color.border',
   borderRadius: 'radius.medium',
-  borderStyle: 'solid',
-  borderWidth: 'border.width',
   color: 'color.text.disabled',
   cursor: 'not-allowed',
   display: 'flex',
   gap: 'space.150',
+  height: '88px',
   padding: 'space.150',
   textAlign: 'start',
   width: '100%'
@@ -94,6 +99,7 @@ export const ElementBrowserQuickInsertMenuItem = ({
     id: undefined,
     isSelected: false
   };
+  const itemDescription = description !== null && description !== void 0 ? description : item === null || item === void 0 ? void 0 : item.description;
   const handleClick = useQuickInsertMenuItemSelection(onSelect);
   return /*#__PURE__*/React.createElement(Pressable, {
     "aria-label": ariaLabel,
@@ -102,7 +108,7 @@ export const ElementBrowserQuickInsertMenuItem = ({
     isDisabled: isDisabled,
     onClick: handleClick,
     role: "option",
-    xcss: isDisabled ? disabledItemStyles : isSelected ? selectedItemStyles : itemStyles
+    xcss: isDisabled ? borderlessDisabledItemStyles : isSelected ? borderlessSelectedItemStyles : borderlessItemStyles
   }, iconBefore && shouldWrapIcon ? /*#__PURE__*/React.createElement(Box, {
     xcss: iconStyles
   }, iconBefore) : iconBefore, /*#__PURE__*/React.createElement(Stack, {
@@ -113,11 +119,14 @@ export const ElementBrowserQuickInsertMenuItem = ({
     spread: "space-between",
     space: "space.100"
   }, /*#__PURE__*/React.createElement(Text, {
+    maxLines: 1,
     weight: "medium"
   }, title), shortcut && /*#__PURE__*/React.createElement(Box, {
     as: "span",
     xcss: shortcutStyles
-  }, shortcut)), description && /*#__PURE__*/React.createElement(Box, {
+  }, shortcut)), itemDescription && /*#__PURE__*/React.createElement(Box, {
     xcss: descriptionStyles
-  }, /*#__PURE__*/React.createElement(Text, null, description))));
+  }, /*#__PURE__*/React.createElement(Text, {
+    maxLines: 2
+  }, itemDescription))));
 };

package/dist/es2019/quick-insert/createQuickInsertMatcher.js

@@ -1,4 +1,5 @@
 import Fuse from 'fuse.js';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 const options = {
   includeScore: true,
   keys: [{
@@ -17,12 +18,18 @@ const options = {
   threshold: 0.3
 };
 const normalizeScore = score => Math.min(1, Math.max(0, score !== null && score !== void 0 ? score : 1));
+const getDescription = (matcher, formatMessage) => {
+  var _getSearchData, _ref;
+  return matcher === null || matcher === void 0 ? void 0 : (_getSearchData = (_ref = matcher).getSearchData) === null || _getSearchData === void 0 ? void 0 : _getSearchData.call(_ref, {
+    formatMessage
+  }).description;
+};
 
 /** Creates a cached matcher using consumer-formatted Quick Insert search data. */
 export const createQuickInsertMatcher = getSearchData => {
   let cachedFormatMessage;
   let fuse;
-  return ({
+  const matcher = ({
     formatMessage,
     query
   }) => {
@@ -43,4 +50,9 @@ export const createQuickInsertMatcher = getSearchData => {
       score: normalizeScore(result.score)
     } : null;
   };
+  if (isExperimentEnabled('platform_editor_slash_command')) {
+    matcher.getSearchData = getSearchData;
+    createQuickInsertMatcher.getDescription = getDescription;
+  }
+  return matcher;
 };