@atlaskit/editor-common 114.10.1 → 114.12.0

package/CHANGELOG.md

@@ -1,5 +1,82 @@
 # @atlaskit/editor-common
 
+## 114.12.0
+
+### Minor Changes
+
+- [`7fe1914f87802`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7fe1914f87802) -
+  MAUI-463: Add expand (fullscreen preview) button to native embed editor floating toolbar. Removes
+  expand button from embed header for MAUI embeds (Infographic, Chart, Visualization) since it is
+  now in the editor toolbar.
+
+## 114.11.1
+
+### Patch Changes
+
+- [`8233fa7c20ca7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8233fa7c20ca7) -
+  Remove feature flag platform_editor_fix_getautoconverter_null_error - always filter out
+  null/undefined providers in combine-providers
+
+## 114.11.0
+
+### Minor Changes
+
+- [`dbd5382b86e3e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/dbd5382b86e3e) -
+  Perf-linting cleanup: fix performance linting violations in editor-common, gated behind
+  platform_editor_perf_lint_cleanup experiment
+
+## 114.10.2
+
+### Patch Changes
+
+- [`ef22af532ebfd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ef22af532ebfd) -
+  EDITOR-6558: Introduce a reusable Markdown Mode editor plugin and two consumer-supplied
+  insert-filter hooks.
+
+  ### `@atlassian/editor-plugin-markdown-mode` (new package — major)
+
+  A reusable editor plugin that owns the full Markdown Mode lifecycle: ProseMirror plugin state for
+  the active view, a 3-button view toggle (`MarkdownModeViewToggleBase`), a CodeMirror 6 source view
+  (`MarkdownSourceView`), ADF↔markdown conversion (`adfToMarkdown` / `markdownToAdf`), and the
+  snapshot/writeback orchestration (`MarkdownModeContentComponent`). The plugin is product-agnostic
+  — Confluence wraps it for the `cc-markdown-mode` experiment, but any consumer can adopt it.
+
+  The package also exports two allowlists used by the new insert-filter hooks below:
+  - `MARKDOWN_COMPATIBLE_QUICK_INSERT_ITEM_IDS` + `isMarkdownCompatibleQuickInsertItem` — items
+    whose underlying node has a clean GFM round-trip via `@atlassian/mdast-util-from-pm`.
+  - `MARKDOWN_COMPATIBLE_TOOLBAR_ITEM_NAMES` + `isMarkdownCompatibleToolbarItem` — same idea for the
+    main toolbar's `+` insert block.
+
+  ### `@atlaskit/editor-plugin-quick-insert` (minor)
+
+  Added an optional `itemFilter?: (item: QuickInsertItem) => boolean` to `QuickInsertOptions`. When
+  set, the filter is applied in both `getQuickInsertSuggestions` (the typeahead path) and the
+  `getSuggestions` action path before items are categorised or returned. Composes additively with
+  any caller-supplied filter via `&&`. No behavioural change for callers that don't set it.
+
+  ### `@atlaskit/editor-plugin-insert-block` (minor)
+
+  Added an optional `itemFilter?: (item: { value: { name: string } }) => boolean` to
+  `InsertBlockPluginOptions`. The filter is applied to the items list inside `createItems` before
+  it's split into toolbar buttons / overflow dropdown entries, so item counts stay correct
+  downstream. Wired through both legacy (`ToolbarInsertBlock`) and new (`useInsertButtonState`)
+  toolbar code paths. No behavioural change for callers that don't set it.
+
+  ### `@atlaskit/editor-common` (patch)
+
+  `UseSharedPluginStateWithSelector`-friendly types are unchanged; the only public change is a new
+  optional field on `QuickInsertOptions` and a corresponding plumbing field on the internal
+  `QuickInsertSearchOptions`.
+
+  ### `@atlassian/mdast-util-from-pm` (patch)
+
+  Added `undoEdgeWhitespaceEncoding()` post-processor that replaces the leading/trailing-edge entity
+  escapes ` ` and `	` produced by the upstream encoder with literal space and tab
+  characters. This is a readability + round-trip identity fix that benefits all consumers, not just
+  Markdown Mode.
+
+- Updated dependencies
+
 ## 114.10.1
 
 ### Patch Changes

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

@@ -16,10 +16,12 @@ var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
 var _customize = _interopRequireDefault(require("@atlaskit/icon/core/customize"));
 var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _messages = require("../../messages");
 var _StyledButton = require("./StyledButton");
 var _useLinkOverlayAnalyticsEvents = require("./useLinkOverlayAnalyticsEvents");
-var _excluded = ["onClick", "triggerRef"];
+var _excluded = ["onClick", "triggerRef"],
+  _excluded2 = ["onClick", "triggerRef"];
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -70,12 +72,32 @@ var Dropdown = function Dropdown(_ref) {
     onConfigureClickCallback === null || onConfigureClickCallback === void 0 || onConfigureClickCallback();
     focusEditor();
   }, [fireActionClickEvent, focusEditor, onConfigureClickCallback]);
+  var memoizedTrigger = (0, _react.useCallback)(function (_ref3) {
+    var _onClick = _ref3.onClick,
+      triggerRef = _ref3.triggerRef,
+      props = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
+    return (0, _react2.jsx)(_StyledButton.StyledButton, (0, _extends2.default)({
+      innerRef: triggerRef
+      // Ignored via go/ees005
+      // eslint-disable-next-line react/jsx-props-no-spreading
+    }, props, {
+      iconBefore: (0, _react2.jsx)(_chevronDown.default, {
+        label: configureLinkLabel,
+        size: "small"
+      })
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- intentional: onClick closes over per-render trigger prop
+      ,
+      onClick: function onClick(e) {
+        _onClick === null || _onClick === void 0 || _onClick(e);
+        fireLinkClickEvent();
+      }
+    }));
+  }, [configureLinkLabel, fireLinkClickEvent]);
   return (0, _react2.jsx)(_dropdownMenu.default, {
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-    trigger: function trigger(_ref3) {
-      var _onClick = _ref3.onClick,
-        triggerRef = _ref3.triggerRef,
-        props = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
+    trigger: (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedTrigger : function (_ref4) {
+      var _onClick2 = _ref4.onClick,
+        triggerRef = _ref4.triggerRef,
+        props = (0, _objectWithoutProperties2.default)(_ref4, _excluded2);
       return (0, _react2.jsx)(_StyledButton.StyledButton, (0, _extends2.default)({
         innerRef: triggerRef
         // Ignored via go/ees005
@@ -85,10 +107,10 @@ var Dropdown = function Dropdown(_ref) {
           label: configureLinkLabel,
           size: "small"
         })
-        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- intentional fallback for experiment off path
         ,
         onClick: function onClick(e) {
-          _onClick === null || _onClick === void 0 || _onClick(e);
+          _onClick2 === null || _onClick2 === void 0 || _onClick2(e);
           fireLinkClickEvent();
         }
       }));

package/dist/cjs/link/LinkPicker/EditorLinkPicker/index.js

@@ -17,6 +17,10 @@ var _utils = require("../../../utils");
 var _useEscapeClickaway = require("./useEscapeClickaway");
 var _excluded = ["view", "onCancel", "invokeMethod", "editorAppearance", "onClose", "onEscapeCallback", "onClickAwayCallback"];
 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 PREVENT_SCROLL = {
+  preventScroll: true
+};
+
 /**
  * Returns a type that matches T but where keys (K) are now optional
  */
@@ -76,18 +80,24 @@ var EditorLinkPicker = exports.EditorLinkPicker = function EditorLinkPicker(_ref
       location: analyticsEditorAppearance
     };
   }, [invokeMethod, analyticsEditorAppearance]);
+  var returnFocus = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? PREVENT_SCROLL :
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- intentional fallback for experiment off path
+  {
+    preventScroll: true
+  };
+  var focusOptions = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? PREVENT_SCROLL :
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- intentional fallback for experiment off path
+  {
+    preventScroll: true
+  };
   if ((0, _expValEquals.expValEquals)('platform_editor_a11y_escape_link_dialog', 'isEnabled', true)) {
     return /*#__PURE__*/_react.default.createElement("div", {
       ref: ref
     }, /*#__PURE__*/_react.default.createElement(_AnalyticsContext.default, {
       data: analyticsData
     }, /*#__PURE__*/_react.default.createElement(_reactFocusLock.default, {
-      returnFocus: {
-        preventScroll: true
-      },
-      focusOptions: {
-        preventScroll: true
-      }
+      returnFocus: returnFocus,
+      focusOptions: focusOptions
     }, /*#__PURE__*/_react.default.createElement(_lazy.LazyLinkPicker
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading

package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/index.js

@@ -1,16 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.HyperlinkAddToolbar = HyperlinkAddToolbar;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _analytics = require("../../../analytics");
 var _providerFactory = require("../../../provider-factory");
 var _EditorLinkPicker = require("../EditorLinkPicker");
 var _HyperlinkAddToolbar = _interopRequireDefault(require("./HyperlinkAddToolbar"));
+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 HYPERLINK_PROVIDERS = ['activityProvider', 'searchProvider'];
 /**
  * Wraps around the editor's onSubmit handler so that the plugin can interface with the link picker
  */
@@ -43,16 +47,58 @@ function HyperlinkAddToolbar(_ref2) {
     searchSessionId = _ref2.searchSessionId,
     timesViewed = _ref2.timesViewed,
     isOffline = _ref2.isOffline;
-  return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders
-  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-  , {
-    providers: ['activityProvider', 'searchProvider'],
-    providerFactory: providerFactory
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-    ,
-    renderNode: function renderNode(_ref3) {
-      var activityProvider = _ref3.activityProvider,
-        searchProvider = _ref3.searchProvider;
+  var memoizedOnSubmitWithInterface = (0, _react.useMemo)(function () {
+    return onSubmitInterface(onSubmit);
+  }, [onSubmit]);
+  var memoizedRenderNode = (0, _react.useCallback)(function (_ref3) {
+    var activityProvider = _ref3.activityProvider,
+      searchProvider = _ref3.searchProvider;
+    // If we're offline fallback to HyperlinkAddToolbarComp as we may not have loaded
+    // EditorLinkPicker into the bundle
+    if (lpLinkPicker && !Boolean(isOffline)) {
+      return /*#__PURE__*/_react.default.createElement(_EditorLinkPicker.EditorLinkPicker, (0, _extends2.default)({
+        view: view,
+        invokeMethod: // Provide `invokeMethod` prop as preferred value (card plugin passes as prop) otherwise assume this
+        // is being used from inside the hyperlink plugin and use inputMethod from plugin state
+        invokeMethod !== null && invokeMethod !== void 0 ? invokeMethod : inputMethod,
+        editorAppearance: editorAppearance
+        // Ignored via go/ees005
+        // eslint-disable-next-line react/jsx-props-no-spreading
+      }, linkPickerOptions, {
+        url: displayUrl,
+        displayText: displayText,
+        onSubmit: memoizedOnSubmitWithInterface,
+        onCancel: onCancel,
+        onClose: onClose,
+        onEscapeCallback: onEscapeCallback,
+        onClickAwayCallback: onClickAwayCallback
+      }));
+    }
+    return /*#__PURE__*/_react.default.createElement(_HyperlinkAddToolbar.default, {
+      activityProvider: activityProvider,
+      searchProvider: searchProvider,
+      onSubmit: onSubmit,
+      displayText: displayText,
+      displayUrl: displayUrl,
+      view: view,
+      onEscapeCallback: onEscapeCallback,
+      onClickAwayCallback: onClickAwayCallback,
+      inputMethod: inputMethod,
+      searchSessionId: searchSessionId,
+      timesViewed: timesViewed
+    });
+  }, [lpLinkPicker, isOffline, view, invokeMethod, inputMethod, editorAppearance, linkPickerOptions, displayUrl, displayText, onSubmit, memoizedOnSubmitWithInterface, onCancel, onClose, onEscapeCallback, onClickAwayCallback, searchSessionId, timesViewed]);
+  var providers = (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? HYPERLINK_PROVIDERS :
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- intentional fallback for experiment off path
+  ['activityProvider', 'searchProvider'];
+  return /*#__PURE__*/_react.default.createElement(_providerFactory.WithProviders, {
+    providers: providers,
+    providerFactory: providerFactory,
+    renderNode: (0, _expValEquals.expValEquals)('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedRenderNode :
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- intentional fallback for experiment off path
+    function (_ref4) {
+      var activityProvider = _ref4.activityProvider,
+        searchProvider = _ref4.searchProvider;
       // If we're offline fallback to HyperlinkAddToolbarComp as we may not have loaded
       // EditorLinkPicker into the bundle
       if (lpLinkPicker && !Boolean(isOffline)) {

package/dist/cjs/link/LinkSearch/withActivityProvider.js

@@ -49,6 +49,7 @@ function withActivityProvider(WrappedComponent) {
       value: function render() {
         var providerFactory = this.props.providerFactory;
         return /*#__PURE__*/_react.default.createElement(_providerFactory2.WithProviders
+        // Memoising this array causes the component fail tests in platform/packages/editor/editor-plugin-media-tests/src/__tests__/playwright/media-link.spec.ts because the WithProviders component doesn't update when the parent rerenders - this is a bug with the underlying WithProviders component
         // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
         , {
           providers: ['activityProvider'],

package/dist/cjs/messages/index.js

@@ -160,6 +160,12 @@ Object.defineProperty(exports, "listMessages", {
     return _list.messages;
   }
 });
+Object.defineProperty(exports, "markdownModeMessages", {
+  enumerable: true,
+  get: function get() {
+    return _markdownMode.markdownModeMessages;
+  }
+});
 Object.defineProperty(exports, "mediaAndEmbedToolbarMessages", {
   enumerable: true,
   get: function get() {
@@ -334,6 +340,7 @@ var _syncBlock = require("./syncBlock");
 var _limitedMode = require("./limited-mode");
 var _companyHubTextColor = require("./company-hub-text-color");
 var _nativeEmbedToolbar = require("./native-embed-toolbar");
+var _markdownMode = require("./markdown-mode");
 // Disable no-re-export rule for entry point files
 /* eslint-disable @atlaskit/editor/no-re-export */
 

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

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.markdownModeMessages = void 0;
+var _reactIntl = require("react-intl");
+/**
+ * i18n strings for the Markdown-Mode editor plugin.
+ *
+ * Defined here in `editor-common` (rather than alongside the components in
+ * `editor-plugin-markdown-mode`) because the `no-restricted-imports` rule
+ * forbids plugin packages from calling `defineMessages` directly — this
+ * keeps every translatable string discoverable from a single location for
+ * the i18n tooling. See `@atlaskit/editor/no-defineMessages-in-plugin`.
+ */
+var markdownModeMessages = exports.markdownModeMessages = (0, _reactIntl.defineMessages)({
+  groupLabel: {
+    id: 'fabric.editor.markdownMode.viewToggle.groupLabel',
+    defaultMessage: 'View mode',
+    description: 'Accessible label announced for the group of three view-mode toggle buttons (markdown source, WYSIWYG, preview) shown on Markdown-Mode Live Docs.'
+  },
+  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.'
+  },
+  wysiwyg: {
+    id: 'fabric.editor.markdownMode.viewToggle.wysiwyg',
+    defaultMessage: 'WYSIWYG',
+    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.'
+  },
+  sourceAriaLabel: {
+    id: 'fabric.editor.markdownMode.sourceView.ariaLabel',
+    defaultMessage: 'Markdown source',
+    description: 'Accessible label for the markdown source editor.'
+  }
+});

package/dist/cjs/messages/native-embed-toolbar.js

@@ -25,5 +25,10 @@ var nativeEmbedToolbarMessages = exports.nativeEmbedToolbarMessages = (0, _react
     id: 'fabric.editor.setEmbedType.non-final',
     defaultMessage: 'Set embed type',
     description: 'Label for the button to set the type of embed.'
+  },
+  expandPreview: {
+    id: 'fabric.editor.nativeEmbeds.expandPreview',
+    defaultMessage: 'Expand preview',
+    description: 'Label for the button to open the embed in a fullscreen preview.'
   }
 });

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.10.0";
+var packageVersion = "0.0.0-development";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

package/dist/cjs/provider-helpers/combine-providers.js

@@ -8,7 +8,6 @@ exports.default = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _promiseHelpers = require("./promise-helpers");
 var flatten = function flatten(arr) {
   var _ref;
@@ -35,16 +34,10 @@ var _default = exports.default = function _default(providers) {
             }));
           case 2:
             results = _context.sent;
-            if ((0, _platformFeatureFlags.fg)('platform_editor_fix_getautoconverter_null_error')) {
-              _context.next = 5;
-              break;
-            }
-            return _context.abrupt("return", (0, _promiseHelpers.getOnlyFulfilled)(results));
-          case 5:
             return _context.abrupt("return", (0, _promiseHelpers.getOnlyFulfilled)(results).filter(function (provider) {
               return provider != null;
             }));
-          case 6:
+          case 4:
           case "end":
             return _context.stop();
         }

package/dist/cjs/toolbar/index.js

@@ -1383,6 +1383,12 @@ Object.defineProperty(exports, "UNDO_CHANGES_GROUP_RANK", {
     return _rank.UNDO_CHANGES_GROUP_RANK;
   }
 });
+Object.defineProperty(exports, "VIEW_MODE_TOGGLE_SECTION", {
+  enumerable: true,
+  get: function get() {
+    return _keys.VIEW_MODE_TOGGLE_SECTION;
+  }
+});
 Object.defineProperty(exports, "getInputMethodFromParentKeys", {
   enumerable: true,
   get: function get() {

package/dist/cjs/toolbar/keys.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PIN_MENU_ITEM = exports.PIN_GROUP = exports.PIN_BUTTON = exports.PASTE_RICH_TEXT_MENU_ITEM = exports.PASTE_PLAIN_TEXT_MENU_ITEM = exports.PASTE_NESTED_MENU = exports.PASTE_MENU_SECTION = exports.PASTE_MENU_NESTED_SECTION = exports.PASTE_MENU = exports.PASTE_MARKDOWN_MENU_ITEM = exports.OVERFLOW_SECTION_PRIMARY_TOOLBAR = exports.OVERFLOW_SECTION = exports.OVERFLOW_MENU_PRIMARY_TOOLBAR = exports.OVERFLOW_MENU = exports.OVERFLOW_GROUP_PRIMARY_TOOLBAR = exports.OVERFLOW_GROUP = exports.OVERFLOW_EXTENSIONS_MENU_SECTION = exports.OUTDENT_MENU_ITEM = exports.NUMBERED_LIST_MENU_ITEM = exports.NORMAL_TEXT_MENU_ITEM = exports.MORE_PROFESSIONAL_MENU_ITEM = exports.MORE_EMPATHETIC_MENU_ITEM = exports.MORE_CASUAL_MENU_ITEM = exports.MENTION_GROUP = exports.MENTION_BUTTON = exports.MEDIA_GROUP = exports.MEDIA_BUTTON = exports.MAKE_SHORTER_MENU_ITEM = exports.MAKE_LONGER_MENU_ITEM = exports.LOOM_MENU_SECTION = exports.LOOM_MENU_ITEM = exports.LISTS_INDENTATION_MENU_SECTION = exports.LISTS_INDENTATION_MENU = exports.LISTS_INDENTATION_HERO_BUTTON_COLLAPSED = exports.LISTS_INDENTATION_HERO_BUTTON = exports.LISTS_INDENTATION_GROUP_INLINE = exports.LISTS_INDENTATION_GROUP_COLLAPSED = exports.LISTS_INDENTATION_GROUP = exports.LINKING_SECTION = exports.LINKING_GROUP = exports.LINKING_BUTTON = exports.LAYOUT_GROUP = exports.LAYOUT_BUTTON = exports.ITALIC_MENU_ITEM = exports.INSERT_GROUP = exports.INSERT_BUTTON = exports.INSERT_BLOCK_SECTION = exports.INDENT_MENU_ITEM = exports.IMPROVE_WRITING_MENU_ITEM = exports.IMPROVE_WRITING_GROUP = exports.IMPROVE_WRITING_BUTTON = exports.HIGHLIGHT_MENU_ITEM = exports.HERO_PROMPT_MENU_ITEM = exports.HERO_PROMPT_BUTTON_GROUP = exports.HERO_PROMPT_BUTTON = exports.HEADING_6_MENU_ITEM = exports.HEADING_5_MENU_ITEM = exports.HEADING_4_MENU_ITEM = exports.HEADING_3_MENU_ITEM = exports.HEADING_2_MENU_ITEM = exports.HEADING_1_MENU_ITEM = exports.FIRST_PARTY_EXTENSIONS_MENU_ITEM = exports.EXTERNAL_EXTENSIONS_MENU_ITEM = exports.EMOJI_GROUP = exports.EMOJI_BUTTON = exports.DEFINE_MENU_ITEM = exports.DEFINE_GROUP = exports.DEFINE_BUTTON = exports.COMMENT_HERO_BUTTON = exports.COMMENT_GROUP = exports.COLLAB_SECTION = exports.CODE_MENU_ITEM = exports.CODE_BLOCK_GROUP = exports.CODE_BLOCK_BUTTON = exports.CLEAR_FORMATTING_MENU_ITEM = exports.CLEAR_FORMARTTING_MENU_SECTION = exports.CLEAR_COLOR_MENU_ITEM = exports.CHANGE_TONE_NESTED_MENU = exports.CHANGE_TONE_MENU_SECTION = exports.BULLETED_LIST_MENU_ITEM = exports.BULLETED_LIST_BUTTON_GROUP = exports.BULLETED_LIST_BUTTON = exports.BOLD_MENU_ITEM = exports.BOLD_BUTTON_GROUP = exports.BOLD_BUTTON = exports.BLOCK_QUOTE_MENU_ITEM = exports.APPS_SECTION = exports.ALIGN_RIGHT_MENU_ITEM = exports.ALIGN_LEFT_MENU_ITEM = exports.ALIGN_CENTER_MENU_ITEM = exports.ALIGNMENT_MENU_SECTION = exports.ALIGNMENT_MENU = exports.ALIGNMENT_GROUP = exports.AI_VIEW_SECTION = exports.AI_SECTION_PRIMARY_TOOLBAR = exports.AI_SECTION_FULL_PAGE_PRIMARY_TOOLBAR = exports.AI_SECTION_COMMENT_PRIMARY_TOOLBAR = exports.AI_SECTION = exports.AI_PASTE_MENU_SECTION = exports.ADD_POLISH_MENU_ITEM = void 0;
-exports.UNDO_CHANGES_GROUP = exports.UNDO_BUTTON = exports.UNDERLINE_MENU_ITEM = exports.UNDERLINE_BUTTON_GROUP = exports.UNDERLINE_BUTTON = exports.TRANSLATE_NESTED_MENU = exports.TRANSLATE_MENU_SECTION = exports.TRACK_CHANGES_SECTION = exports.TRACK_CHANGES_GROUP = exports.TRACK_CHANGES_BUTTON = exports.TOOLBAR_BUTTON_TEST_ID = exports.TOOLBARS = exports.TEXT_STYLES_MENU_SECTION = exports.TEXT_STYLES_MENU = exports.TEXT_STYLES_GROUP = exports.TEXT_SECTION_PRIMARY_TOOLBAR = exports.TEXT_SECTION_COLLAPSED = exports.TEXT_SECTION = exports.TEXT_FORMATTING_MENU_SECTION = exports.TEXT_FORMATTING_MENU = exports.TEXT_FORMATTING_HERO_BUTTON_COLLAPSED = exports.TEXT_FORMATTING_HERO_BUTTON = exports.TEXT_FORMATTING_GROUP_INLINE = exports.TEXT_FORMATTING_GROUP_COLLAPSED = exports.TEXT_FORMATTING_GROUP = exports.TEXT_COLOR_MENU_ITEM = exports.TEXT_COLOR_HIGHLIGHT_MENU_SECTION = exports.TEXT_COLOR_HIGHLIGHT_MENU = exports.TEXT_COLOR_HIGHLIGHT_GROUP = exports.TEXT_COLLAPSED_MENU = exports.TEXT_COLLAPSED_GROUP = exports.TASK_LIST_MENU_ITEM = exports.TASK_LIST_GROUP = exports.TASK_LIST_BUTTON = exports.TABLE_SIZE_PICKER = exports.TABLE_GROUP = exports.TABLE_BUTTON = exports.SYNCED_BLOCK_SECTION = exports.SYNCED_BLOCK_GROUP = exports.SYNCED_BLOCK_BUTTON = exports.SUPERSCRIPT_MENU_ITEM = exports.SUBSCRIPT_MENU_ITEM = exports.STRIKE_MENU_ITEM = exports.SPELLING_AND_GRAMMAR_MENU_ITEM = exports.SMALL_TEXT_MENU_ITEM = exports.SELECTION_EXTENSION_MENU_SECTION = exports.ROVO_WRITE_BUTTON_PRIMARY_TOOLBAR = exports.ROVO_PROMPT_MENU_SECTION_DISPLAY_SMALL = exports.ROVO_PROMPT_MENU_SECTION = exports.ROVO_MENU_DISPLAY_SMALL = exports.ROVO_MENU = exports.ROVO_HERO_BUTTON = exports.ROVO_GROUP_VIEW = exports.ROVO_GROUP_PRIMARY_TOOLBAR = exports.ROVO_GROUP_DISPLAY_SMALL = exports.ROVO_GROUP = exports.REDO_CHANGES_GROUP = exports.REDO_BUTTON = exports.PIN_SECTION = exports.PIN_MENU_SECTION = void 0;
+exports.VIEW_MODE_TOGGLE_SECTION = exports.UNDO_CHANGES_GROUP = exports.UNDO_BUTTON = exports.UNDERLINE_MENU_ITEM = exports.UNDERLINE_BUTTON_GROUP = exports.UNDERLINE_BUTTON = exports.TRANSLATE_NESTED_MENU = exports.TRANSLATE_MENU_SECTION = exports.TRACK_CHANGES_SECTION = exports.TRACK_CHANGES_GROUP = exports.TRACK_CHANGES_BUTTON = exports.TOOLBAR_BUTTON_TEST_ID = exports.TOOLBARS = exports.TEXT_STYLES_MENU_SECTION = exports.TEXT_STYLES_MENU = exports.TEXT_STYLES_GROUP = exports.TEXT_SECTION_PRIMARY_TOOLBAR = exports.TEXT_SECTION_COLLAPSED = exports.TEXT_SECTION = exports.TEXT_FORMATTING_MENU_SECTION = exports.TEXT_FORMATTING_MENU = exports.TEXT_FORMATTING_HERO_BUTTON_COLLAPSED = exports.TEXT_FORMATTING_HERO_BUTTON = exports.TEXT_FORMATTING_GROUP_INLINE = exports.TEXT_FORMATTING_GROUP_COLLAPSED = exports.TEXT_FORMATTING_GROUP = exports.TEXT_COLOR_MENU_ITEM = exports.TEXT_COLOR_HIGHLIGHT_MENU_SECTION = exports.TEXT_COLOR_HIGHLIGHT_MENU = exports.TEXT_COLOR_HIGHLIGHT_GROUP = exports.TEXT_COLLAPSED_MENU = exports.TEXT_COLLAPSED_GROUP = exports.TASK_LIST_MENU_ITEM = exports.TASK_LIST_GROUP = exports.TASK_LIST_BUTTON = exports.TABLE_SIZE_PICKER = exports.TABLE_GROUP = exports.TABLE_BUTTON = exports.SYNCED_BLOCK_SECTION = exports.SYNCED_BLOCK_GROUP = exports.SYNCED_BLOCK_BUTTON = exports.SUPERSCRIPT_MENU_ITEM = exports.SUBSCRIPT_MENU_ITEM = exports.STRIKE_MENU_ITEM = exports.SPELLING_AND_GRAMMAR_MENU_ITEM = exports.SMALL_TEXT_MENU_ITEM = exports.SELECTION_EXTENSION_MENU_SECTION = exports.ROVO_WRITE_BUTTON_PRIMARY_TOOLBAR = exports.ROVO_PROMPT_MENU_SECTION_DISPLAY_SMALL = exports.ROVO_PROMPT_MENU_SECTION = exports.ROVO_MENU_DISPLAY_SMALL = exports.ROVO_MENU = exports.ROVO_HERO_BUTTON = exports.ROVO_GROUP_VIEW = exports.ROVO_GROUP_PRIMARY_TOOLBAR = exports.ROVO_GROUP_DISPLAY_SMALL = exports.ROVO_GROUP = exports.REDO_CHANGES_GROUP = exports.REDO_BUTTON = exports.PIN_SECTION = exports.PIN_MENU_SECTION = void 0;
 var TOOLBARS = exports.TOOLBARS = {
   INLINE_TEXT_TOOLBAR: 'inline-text-toolbar',
   PRIMARY_TOOLBAR: 'primary-toolbar'
@@ -661,6 +661,23 @@ var PIN_BUTTON = exports.PIN_BUTTON = {
   type: 'button'
 };
 
+/**
+ * View-mode toggle section
+ * - Holds the Markdown view-mode toggle (source / wysiwyg / preview) on the
+ *   right edge of the primary toolbar, just before the overflow `…` menu.
+ * - Currently only registered by `@atlassian/editor-plugin-markdown-mode`
+ *   from Confluence's live-doc Markdown Mode editor preset.
+ *
+ * The plugin renders the entire toggle UI inside the section's `component`
+ * itself rather than registering child groups/buttons through the toolbar
+ * model, because the toggle is a self-contained 3-button segmented control
+ * with shared internal state.
+ */
+var VIEW_MODE_TOGGLE_SECTION = exports.VIEW_MODE_TOGGLE_SECTION = {
+  key: 'view-mode-toggle-section',
+  type: 'section'
+};
+
 /**
  * Loom section
  * - Only rendered in dropdown menu in primary toolbar

package/dist/cjs/toolbar/rank.js

@@ -8,7 +8,7 @@ exports.UNDO_CHANGES_GROUP_RANK = exports.TRANSLATE_MENU_RANK = exports.TRACK_CH
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _keys = require("./keys");
 var _TOOLBAR_RANK;
-var TOOLBAR_RANK = exports.TOOLBAR_RANK = (_TOOLBAR_RANK = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_TOOLBAR_RANK, _keys.AI_SECTION.key, 100), _keys.AI_VIEW_SECTION.key, 100), _keys.TEXT_SECTION.key, 200), _keys.TEXT_SECTION_COLLAPSED.key, 200), _keys.INSERT_BLOCK_SECTION.key, 300), _keys.LINKING_SECTION.key, 400), _keys.COLLAB_SECTION.key, 500), _keys.APPS_SECTION.key, 600), _keys.TRACK_CHANGES_SECTION.key, 700), _keys.OVERFLOW_SECTION.key, 800), (0, _defineProperty2.default)((0, _defineProperty2.default)(_TOOLBAR_RANK, _keys.PIN_SECTION.key, 900), _keys.OVERFLOW_SECTION_PRIMARY_TOOLBAR.key, 1000));
+var TOOLBAR_RANK = exports.TOOLBAR_RANK = (_TOOLBAR_RANK = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_TOOLBAR_RANK, _keys.AI_SECTION.key, 100), _keys.AI_VIEW_SECTION.key, 100), _keys.TEXT_SECTION.key, 200), _keys.TEXT_SECTION_COLLAPSED.key, 200), _keys.INSERT_BLOCK_SECTION.key, 300), _keys.LINKING_SECTION.key, 400), _keys.COLLAB_SECTION.key, 500), _keys.APPS_SECTION.key, 600), _keys.TRACK_CHANGES_SECTION.key, 700), _keys.OVERFLOW_SECTION.key, 800), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_TOOLBAR_RANK, _keys.PIN_SECTION.key, 900), _keys.VIEW_MODE_TOGGLE_SECTION.key, 950), _keys.OVERFLOW_SECTION_PRIMARY_TOOLBAR.key, 1000));
 
 /**
  * AI section

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

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

@@ -12,6 +12,7 @@ import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdow
 import ChevronDownIcon from '@atlaskit/icon/core/chevron-down';
 import PreferencesIcon from '@atlaskit/icon/core/customize';
 import LinkExternalIcon from '@atlaskit/icon/core/link-external';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { cardMessages as messages } from '../../messages';
 import { StyledButton } from './StyledButton';
 import { useLinkOverlayAnalyticsEvents } from './useLinkOverlayAnalyticsEvents';
@@ -61,9 +62,28 @@ const Dropdown = ({
     onConfigureClickCallback === null || onConfigureClickCallback === void 0 ? void 0 : onConfigureClickCallback();
     focusEditor();
   }, [fireActionClickEvent, focusEditor, onConfigureClickCallback]);
+  const memoizedTrigger = useCallback(({
+    onClick,
+    triggerRef,
+    ...props
+  }) => jsx(StyledButton, _extends({
+    innerRef: triggerRef
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+  }, props, {
+    iconBefore: jsx(ChevronDownIcon, {
+      label: configureLinkLabel,
+      size: "small"
+    })
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- intentional: onClick closes over per-render trigger prop
+    ,
+    onClick: e => {
+      onClick === null || onClick === void 0 ? void 0 : onClick(e);
+      fireLinkClickEvent();
+    }
+  })), [configureLinkLabel, fireLinkClickEvent]);
   return jsx(DropdownMenu, {
-    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
-    trigger: ({
+    trigger: expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? memoizedTrigger : ({
       onClick,
       triggerRef,
       ...props
@@ -76,7 +96,7 @@ const Dropdown = ({
         label: configureLinkLabel,
         size: "small"
       })
-      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- intentional fallback for experiment off path
       ,
       onClick: e => {
         onClick === null || onClick === void 0 ? void 0 : onClick(e);

package/dist/es2019/link/LinkPicker/EditorLinkPicker/index.js

@@ -6,6 +6,9 @@ import { LazyLinkPicker } from '@atlaskit/link-picker/lazy';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { getAnalyticsEditorAppearance } from '../../../utils';
 import { useEscapeClickaway } from './useEscapeClickaway';
+const PREVENT_SCROLL = {
+  preventScroll: true
+};
 
 /**
  * Returns a type that matches T but where keys (K) are now optional
@@ -66,18 +69,24 @@ export const EditorLinkPicker = ({
     // Below is added for the future implementation of Linking Platform namespaced analytic context
     location: analyticsEditorAppearance
   }), [invokeMethod, analyticsEditorAppearance]);
+  const returnFocus = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? PREVENT_SCROLL :
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- intentional fallback for experiment off path
+  {
+    preventScroll: true
+  };
+  const focusOptions = expValEquals('platform_editor_perf_lint_cleanup', 'isEnabled', true) ? PREVENT_SCROLL :
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- intentional fallback for experiment off path
+  {
+    preventScroll: true
+  };
   if (expValEquals('platform_editor_a11y_escape_link_dialog', 'isEnabled', true)) {
     return /*#__PURE__*/React.createElement("div", {
       ref: ref
     }, /*#__PURE__*/React.createElement(AnalyticsContext, {
       data: analyticsData
     }, /*#__PURE__*/React.createElement(FocusLock, {
-      returnFocus: {
-        preventScroll: true
-      },
-      focusOptions: {
-        preventScroll: true
-      }
+      returnFocus: returnFocus,
+      focusOptions: focusOptions
     }, /*#__PURE__*/React.createElement(LazyLinkPicker
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading