@atlaskit/editor-common 110.14.2 → 110.15.1

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/editor-common
 
+## 110.15.1
+
+### Patch Changes
+
+- [`f34518606af3d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f34518606af3d) -
+  [ux] Fixes UI issues of the HoverLinkOverlay when it is shown on a heading and on a mulitline
+  smartlink.
+- Updated dependencies
+
+## 110.15.0
+
+### Minor Changes
+
+- [`18aec70029328`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/18aec70029328) -
+  EDITOR-2420 Rename parameter values of `dense` contentMode to `compact`
+- [`a4fbfc862e34f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a4fbfc862e34f) -
+  [ux] ED-29557 Clean up plain text quick insert as it's not needed
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 110.14.2
 
 ### Patch Changes

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

@@ -91,16 +91,6 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'Display code with syntax highlighting',
     description: 'Insert a snippet/segment of code (code block)'
   },
-  plainTextCodeblock: {
-    id: 'fabric.editor.plainTextCodeblock',
-    defaultMessage: 'Plain text',
-    description: 'Insert a snippet/segment of code block as plain text'
-  },
-  plainTextCodeblockDescription: {
-    id: 'fabric.editor.plainTextCodeblock.description',
-    defaultMessage: 'Insert code block for plain text',
-    description: 'Insert a snippet/segment of code block as plain text'
-  },
   infoPanel: {
     id: 'fabric.editor.infoPanel',
     defaultMessage: 'Info panel',

package/dist/cjs/monitoring/error.js

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

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

@@ -14,7 +14,9 @@ var _state = require("@atlaskit/editor-prosemirror/state");
 var _growDiagonal = _interopRequireDefault(require("@atlaskit/icon/core/grow-diagonal"));
 var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
 var _panelRight = _interopRequireDefault(require("@atlaskit/icon/core/panel-right"));
+var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
 var _primitives = require("@atlaskit/primitives");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _analytics = require("../../analytics");
 var _messages = require("../../messages");
@@ -32,26 +34,34 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 
-var containerStyles = (0, _react2.css)({
+var containerStylesOld = (0, _react2.css)({
   position: 'relative'
 });
-var iconWrapperStyles = (0, _primitives.xcss)({
+var containerStyles = (0, _react2.css)({
+  position: 'relative',
+  whiteSpace: 'nowrap'
+});
+var iconWrapperStylesOld = (0, _primitives.xcss)({
   display: 'inline-flex',
   justifyContent: 'center',
   alignItems: 'center',
   height: '17px',
   width: '17px'
 });
+var iconWrapperStyles = (0, _primitives.xcss)({
+  display: 'inline-flex',
+  justifyContent: 'center',
+  alignItems: 'center'
+});
 var hiddenTextStyle = (0, _react2.css)({
   overflow: 'hidden',
   whiteSpace: 'nowrap',
   position: 'absolute',
   visibility: 'hidden'
 });
-var linkStyles = (0, _primitives.xcss)({
+var linkStylesCommon = (0, _primitives.xcss)({
   position: 'absolute',
   left: 'space.025',
-  top: '-1px',
   display: 'inline-flex',
   alignItems: 'center',
   verticalAlign: 'middle',
@@ -71,10 +81,31 @@ var linkStyles = (0, _primitives.xcss)({
     textDecoration: 'none'
   }
 });
+var linkStylesOld = (0, _primitives.xcss)({
+  top: '-1px'
+});
+var linkStylesHeightFix = (0, _primitives.xcss)({
+  top: '0px',
+  height: '1.2em'
+});
+var linkStylesNewWithHeightFix = (0, _primitives.xcss)({
+  top: '0px',
+  visibility: 'hidden',
+  height: '1.2em'
+});
+var linkStylesVisible = (0, _primitives.xcss)({
+  visibility: 'visible'
+});
+var iconAndLabelStyles = (0, _primitives.xcss)({
+  display: 'flex',
+  alignItems: 'center',
+  height: '100%',
+  gap: 'space.025'
+});
 var MIN_AVAILABLE_SPACE_WITH_LABEL_OVERLAY = 45;
 var ICON_WIDTH = 16;
 var DEFAULT_OPEN_TEXT_WIDTH = 28; // Default open text width in English
-
+var MIN_CARD_WIDTH_NOT_COVERED_BY_OVERLAY = 30;
 var visitCardLinkAnalytics = function visitCardLinkAnalytics(editorAnalyticsApi, inputMethod) {
   return function (state, dispatch) {
     if (!(state.selection instanceof _state.NodeSelection)) {
@@ -89,7 +120,7 @@ var visitCardLinkAnalytics = function visitCardLinkAnalytics(editorAnalyticsApi,
     return true;
   };
 };
-var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
+var HoverLinkOverlayOriginal = function HoverLinkOverlayOriginal(_ref) {
   var children = _ref.children,
     _ref$isVisible = _ref.isVisible,
     isVisible = _ref$isVisible === void 0 ? false : _ref$isVisible,
@@ -123,7 +154,6 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
     }
     var cardWidth = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.offsetWidth;
     var openButtonWidth = (_hoverLinkButtonRef$c = hoverLinkButtonRef.current) === null || _hoverLinkButtonRef$c === void 0 ? void 0 : _hoverLinkButtonRef$c.offsetWidth;
-
     // Get the hidden text width
     if (!openTextWidthRef.current) {
       var hiddenText = hiddenTextRef.current;
@@ -171,14 +201,14 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
       sendVisitLinkAnalytics(_analytics.INPUT_METHOD.BUTTON);
     }
   };
-  var isPreivewButton = showPanelButton && (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true);
-  var label = isPreivewButton ? formatMessage(_messages.cardMessages.previewButtonTitle) : formatMessage(_messages.cardMessages.openButtonTitle);
+  var isPreviewButton = showPanelButton && (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true);
+  var label = isPreviewButton ? formatMessage(_messages.cardMessages.previewButtonTitle) : formatMessage(_messages.cardMessages.openButtonTitle);
   var icon = null;
-  if (isPreivewButton && showPanelButtonIcon === 'panel') {
+  if (isPreviewButton && showPanelButtonIcon === 'panel') {
     icon = (0, _react2.jsx)(_panelRight.default, {
       label: ""
     });
-  } else if (isPreivewButton && showPanelButtonIcon === 'modal') {
+  } else if (isPreviewButton && showPanelButtonIcon === 'modal') {
     icon = (0, _react2.jsx)(_growDiagonal.default, {
       label: ""
     });
@@ -191,7 +221,7 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
     // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
     (0, _react2.jsx)("span", {
       ref: containerRef,
-      css: containerStyles,
+      css: containerStylesOld,
       onDoubleClick: handleDoubleClick
       // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
       ,
@@ -212,7 +242,7 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
       maxLines: 1
     }, label)), isHovered && (0, _react2.jsx)(_primitives.Anchor, {
       ref: hoverLinkButtonRef,
-      xcss: linkStyles,
+      xcss: [linkStylesCommon, (0, _expValEquals.expValEquals)('platform_editor_hoverlink_ui_fixes_exp', 'cohort', 'css_changes_only') ? linkStylesHeightFix : linkStylesOld],
       href: url,
       target: "_blank",
       style: {
@@ -221,7 +251,7 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
       onClick: handleClick,
       testId: "inline-card-hoverlink-overlay"
     }, (0, _react2.jsx)(_primitives.Box, {
-      xcss: iconWrapperStyles,
+      xcss: iconWrapperStylesOld,
       "data-inlinecard-button-overlay": "icon-wrapper-line-height",
       testId: "inline-card-hoverlink-overlay-icon"
     }, icon), showLabel && (0, _react2.jsx)(_primitives.Text, {
@@ -232,4 +262,152 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
     }, label)))
   );
 };
+var HoverLinkOverlayNew = function HoverLinkOverlayNew(_ref2) {
+  var children = _ref2.children,
+    _ref2$isVisible = _ref2.isVisible,
+    isVisible = _ref2$isVisible === void 0 ? false : _ref2$isVisible,
+    url = _ref2.url,
+    _ref2$compactPadding = _ref2.compactPadding,
+    compactPadding = _ref2$compactPadding === void 0 ? false : _ref2$compactPadding,
+    editorAnalyticsApi = _ref2.editorAnalyticsApi,
+    view = _ref2.view,
+    onClick = _ref2.onClick,
+    _ref2$showPanelButton = _ref2.showPanelButton,
+    showPanelButton = _ref2$showPanelButton === void 0 ? false : _ref2$showPanelButton,
+    showPanelButtonIcon = _ref2.showPanelButtonIcon;
+  var _useIntl2 = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl2.formatMessage;
+  var containerRef = (0, _react.useRef)(null);
+  var iconRef = (0, _react.useRef)(null);
+  var iconLeftRef = (0, _react.useRef)(0);
+  var iconAndLabelRef = (0, _react.useRef)(null);
+  var minMaxWidthRef = (0, _react.useRef)();
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    showLabel = _useState6[0],
+    setShowLabel = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    isHovered = _useState8[0],
+    setHovered = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
+    _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
+    showOverlay = _useState0[0],
+    setShowOverlay = _useState0[1];
+  (0, _react.useLayoutEffect)(function () {
+    if (!isVisible && !isHovered) {
+      return;
+    }
+    if (!containerRef.current) {
+      return;
+    }
+    if (iconRef.current && iconAndLabelRef.current) {
+      var iconRect = iconRef.current.getBoundingClientRect();
+      iconLeftRef.current = iconRect.left;
+      minMaxWidthRef.current = {
+        min: iconRect.width,
+        max: iconAndLabelRef.current.getBoundingClientRect().width
+      };
+    }
+    if (!iconLeftRef.current || !minMaxWidthRef.current) {
+      return;
+    }
+    var containerDomRect = containerRef.current.getBoundingClientRect();
+    var containerStyles = getComputedStyle(containerRef.current);
+    var containerHeight = containerDomRect.height - parseFloat(containerStyles.paddingTop) - parseFloat(containerStyles.paddingBottom) - parseFloat(containerStyles.borderTopWidth) - parseFloat(containerStyles.borderBottomWidth);
+    var oneLine = parseFloat(containerStyles.lineHeight) >= containerHeight;
+    var firstLineWidth = containerDomRect.right - iconLeftRef.current;
+
+    // We don't want HoverLinkOverlay to cover the entire card if it is oneline. It allows the user to click on the card itself.
+    var reservedWidth = oneLine ? MIN_CARD_WIDTH_NOT_COVERED_BY_OVERLAY : 0;
+    var availableWidth = firstLineWidth - reservedWidth;
+
+    // True when icon and label can be shown
+    setShowLabel(availableWidth >= minMaxWidthRef.current.max);
+    // True when at least an icon can be shown
+    setShowOverlay(availableWidth >= minMaxWidthRef.current.min);
+  }, [isVisible, isHovered]);
+  var handleOverlayChange = function handleOverlayChange(isHovered) {
+    setHovered(isHovered);
+  };
+  var sendVisitLinkAnalytics = function sendVisitLinkAnalytics(inputMethod) {
+    if (editorAnalyticsApi && view) {
+      visitCardLinkAnalytics(editorAnalyticsApi, inputMethod)(view.state, view.dispatch);
+    }
+  };
+  var handleDoubleClick = function handleDoubleClick() {
+    if (!showPanelButton) {
+      sendVisitLinkAnalytics(_analytics.INPUT_METHOD.DOUBLE_CLICK);
+
+      // Double click opens the link in a new tab
+      window.open(url, '_blank');
+    }
+  };
+  var handleClick = function handleClick(event) {
+    if (showPanelButton && onClick) {
+      onClick(event);
+    } else {
+      sendVisitLinkAnalytics(_analytics.INPUT_METHOD.BUTTON);
+    }
+  };
+  var isPreviewButton = showPanelButton && (0, _experiments.editorExperiment)('platform_editor_preview_panel_linking_exp', true);
+  var label = isPreviewButton ? formatMessage(_messages.cardMessages.previewButtonTitle) : formatMessage(_messages.cardMessages.openButtonTitle);
+  var icon = null;
+  if (isPreviewButton && showPanelButtonIcon === 'panel') {
+    icon = (0, _react2.jsx)(_panelRight.default, {
+      label: ""
+    });
+  } else if (isPreviewButton && showPanelButtonIcon === 'modal') {
+    icon = (0, _react2.jsx)(_growDiagonal.default, {
+      label: ""
+    });
+  } else {
+    icon = (0, _react2.jsx)(_linkExternal.default, {
+      label: ""
+    });
+  }
+  return (0, _react2.jsx)("span", {
+    ref: containerRef,
+    css: containerStyles,
+    onDoubleClick: handleDoubleClick,
+    onMouseEnter: function onMouseEnter() {
+      return handleOverlayChange(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return handleOverlayChange(false);
+    },
+    role: "presentation" // remove as part of platform_editor_hoverlink_ui_fixes_exp cleanup
+    ,
+    onFocus: function onFocus() {} // remove as part of platform_editor_hoverlink_ui_fixes_exp cleanup
+    ,
+    onBlur: function onBlur() {} // remove as part of platform_editor_hoverlink_ui_fixes_exp cleanup
+  }, isHovered && (0, _react2.jsx)(_primitives.Anchor, {
+    xcss: [linkStylesCommon, linkStylesNewWithHeightFix, showOverlay && linkStylesVisible],
+    href: url,
+    target: "_blank",
+    style: {
+      paddingBlock: compactPadding ? '1px' : "var(--ds-space-025, 2px)"
+    },
+    onClick: handleClick,
+    testId: "inline-card-hoverlink-overlay"
+  }, (0, _react2.jsx)(_primitives.Box, {
+    as: "span",
+    xcss: iconAndLabelStyles,
+    ref: iconAndLabelRef
+  }, (0, _react2.jsx)(_primitives.Box, {
+    ref: iconRef,
+    as: "span",
+    xcss: iconWrapperStyles,
+    "data-inlinecard-button-overlay": "icon-wrapper-line-height",
+    testId: "inline-card-hoverlink-overlay-icon"
+  }, icon), (showLabel || !minMaxWidthRef.current) && (0, _react2.jsx)(_primitives.Text, {
+    size: "small",
+    color: "color.text.subtle",
+    maxLines: 1,
+    testId: "inline-card-hoverlink-overlay-label"
+  }, label))), children);
+};
+var HoverLinkOverlay = (0, _platformFeatureFlagsReact.componentWithCondition)(function () {
+  return (0, _expValEquals.expValEquals)('platform_editor_hoverlink_ui_fixes_exp', 'cohort', 'css_js_changes');
+}, HoverLinkOverlayNew, HoverLinkOverlayOriginal);
 var _default = exports.default = HoverLinkOverlay;

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

@@ -85,16 +85,6 @@ export const messages = defineMessages({
     defaultMessage: 'Display code with syntax highlighting',
     description: 'Insert a snippet/segment of code (code block)'
   },
-  plainTextCodeblock: {
-    id: 'fabric.editor.plainTextCodeblock',
-    defaultMessage: 'Plain text',
-    description: 'Insert a snippet/segment of code block as plain text'
-  },
-  plainTextCodeblockDescription: {
-    id: 'fabric.editor.plainTextCodeblock.description',
-    defaultMessage: 'Insert code block for plain text',
-    description: 'Insert a snippet/segment of code block as plain text'
-  },
   infoPanel: {
     id: 'fabric.editor.infoPanel',
     defaultMessage: 'Info panel',

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "110.14.1";
+const packageVersion = "110.15.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 = "110.14.1";
+const packageVersion = "110.15.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

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

@@ -12,31 +12,41 @@ import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import GrowDiagonalIcon from '@atlaskit/icon/core/grow-diagonal';
 import LinkExternalIcon from '@atlaskit/icon/core/link-external';
 import PanelRightIcon from '@atlaskit/icon/core/panel-right';
+import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Anchor, Box, Text, xcss } from '@atlaskit/primitives';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { buildVisitedNonHyperLinkPayload, INPUT_METHOD } from '../../analytics';
 import { cardMessages } from '../../messages';
-const containerStyles = css({
+const containerStylesOld = css({
   position: 'relative'
 });
-const iconWrapperStyles = xcss({
+const containerStyles = css({
+  position: 'relative',
+  whiteSpace: 'nowrap'
+});
+const iconWrapperStylesOld = xcss({
   display: 'inline-flex',
   justifyContent: 'center',
   alignItems: 'center',
   height: '17px',
   width: '17px'
 });
+const iconWrapperStyles = xcss({
+  display: 'inline-flex',
+  justifyContent: 'center',
+  alignItems: 'center'
+});
 const hiddenTextStyle = css({
   overflow: 'hidden',
   whiteSpace: 'nowrap',
   position: 'absolute',
   visibility: 'hidden'
 });
-const linkStyles = xcss({
+const linkStylesCommon = xcss({
   position: 'absolute',
   left: 'space.025',
-  top: '-1px',
   display: 'inline-flex',
   alignItems: 'center',
   verticalAlign: 'middle',
@@ -56,10 +66,31 @@ const linkStyles = xcss({
     textDecoration: 'none'
   }
 });
+const linkStylesOld = xcss({
+  top: '-1px'
+});
+const linkStylesHeightFix = xcss({
+  top: '0px',
+  height: '1.2em'
+});
+const linkStylesNewWithHeightFix = xcss({
+  top: '0px',
+  visibility: 'hidden',
+  height: '1.2em'
+});
+const linkStylesVisible = xcss({
+  visibility: 'visible'
+});
+const iconAndLabelStyles = xcss({
+  display: 'flex',
+  alignItems: 'center',
+  height: '100%',
+  gap: 'space.025'
+});
 const MIN_AVAILABLE_SPACE_WITH_LABEL_OVERLAY = 45;
 const ICON_WIDTH = 16;
 const DEFAULT_OPEN_TEXT_WIDTH = 28; // Default open text width in English
-
+const MIN_CARD_WIDTH_NOT_COVERED_BY_OVERLAY = 30;
 const visitCardLinkAnalytics = (editorAnalyticsApi, inputMethod) => (state, dispatch) => {
   if (!(state.selection instanceof NodeSelection)) {
     return false;
@@ -76,7 +107,7 @@ const visitCardLinkAnalytics = (editorAnalyticsApi, inputMethod) => (state, disp
   }
   return true;
 };
-const HoverLinkOverlay = ({
+const HoverLinkOverlayOriginal = ({
   children,
   isVisible = false,
   url,
@@ -103,7 +134,6 @@ const HoverLinkOverlay = ({
     }
     const cardWidth = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.offsetWidth;
     const openButtonWidth = (_hoverLinkButtonRef$c = hoverLinkButtonRef.current) === null || _hoverLinkButtonRef$c === void 0 ? void 0 : _hoverLinkButtonRef$c.offsetWidth;
-
     // Get the hidden text width
     if (!openTextWidthRef.current) {
       const hiddenText = hiddenTextRef.current;
@@ -151,14 +181,14 @@ const HoverLinkOverlay = ({
       sendVisitLinkAnalytics(INPUT_METHOD.BUTTON);
     }
   };
-  const isPreivewButton = showPanelButton && editorExperiment('platform_editor_preview_panel_linking_exp', true);
-  const label = isPreivewButton ? formatMessage(cardMessages.previewButtonTitle) : formatMessage(cardMessages.openButtonTitle);
+  const isPreviewButton = showPanelButton && editorExperiment('platform_editor_preview_panel_linking_exp', true);
+  const label = isPreviewButton ? formatMessage(cardMessages.previewButtonTitle) : formatMessage(cardMessages.openButtonTitle);
   let icon = null;
-  if (isPreivewButton && showPanelButtonIcon === 'panel') {
+  if (isPreviewButton && showPanelButtonIcon === 'panel') {
     icon = jsx(PanelRightIcon, {
       label: ""
     });
-  } else if (isPreivewButton && showPanelButtonIcon === 'modal') {
+  } else if (isPreviewButton && showPanelButtonIcon === 'modal') {
     icon = jsx(GrowDiagonalIcon, {
       label: ""
     });
@@ -171,7 +201,7 @@ const HoverLinkOverlay = ({
     // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
     jsx("span", {
       ref: containerRef,
-      css: containerStyles,
+      css: containerStylesOld,
       onDoubleClick: handleDoubleClick
       // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
       ,
@@ -188,7 +218,7 @@ const HoverLinkOverlay = ({
       maxLines: 1
     }, label)), isHovered && jsx(Anchor, {
       ref: hoverLinkButtonRef,
-      xcss: linkStyles,
+      xcss: [linkStylesCommon, expValEquals('platform_editor_hoverlink_ui_fixes_exp', 'cohort', 'css_changes_only') ? linkStylesHeightFix : linkStylesOld],
       href: url,
       target: "_blank",
       style: {
@@ -197,7 +227,7 @@ const HoverLinkOverlay = ({
       onClick: handleClick,
       testId: "inline-card-hoverlink-overlay"
     }, jsx(Box, {
-      xcss: iconWrapperStyles,
+      xcss: iconWrapperStylesOld,
       "data-inlinecard-button-overlay": "icon-wrapper-line-height",
       testId: "inline-card-hoverlink-overlay-icon"
     }, icon), showLabel && jsx(Text, {
@@ -208,4 +238,136 @@ const HoverLinkOverlay = ({
     }, label)))
   );
 };
+const HoverLinkOverlayNew = ({
+  children,
+  isVisible = false,
+  url,
+  compactPadding = false,
+  editorAnalyticsApi,
+  view,
+  onClick,
+  showPanelButton = false,
+  showPanelButtonIcon
+}) => {
+  const {
+    formatMessage
+  } = useIntl();
+  const containerRef = useRef(null);
+  const iconRef = useRef(null);
+  const iconLeftRef = useRef(0);
+  const iconAndLabelRef = useRef(null);
+  const minMaxWidthRef = useRef();
+  const [showLabel, setShowLabel] = useState(false);
+  const [isHovered, setHovered] = useState(false);
+  const [showOverlay, setShowOverlay] = useState(false);
+  useLayoutEffect(() => {
+    if (!isVisible && !isHovered) {
+      return;
+    }
+    if (!containerRef.current) {
+      return;
+    }
+    if (iconRef.current && iconAndLabelRef.current) {
+      const iconRect = iconRef.current.getBoundingClientRect();
+      iconLeftRef.current = iconRect.left;
+      minMaxWidthRef.current = {
+        min: iconRect.width,
+        max: iconAndLabelRef.current.getBoundingClientRect().width
+      };
+    }
+    if (!iconLeftRef.current || !minMaxWidthRef.current) {
+      return;
+    }
+    const containerDomRect = containerRef.current.getBoundingClientRect();
+    const containerStyles = getComputedStyle(containerRef.current);
+    const containerHeight = containerDomRect.height - parseFloat(containerStyles.paddingTop) - parseFloat(containerStyles.paddingBottom) - parseFloat(containerStyles.borderTopWidth) - parseFloat(containerStyles.borderBottomWidth);
+    const oneLine = parseFloat(containerStyles.lineHeight) >= containerHeight;
+    const firstLineWidth = containerDomRect.right - iconLeftRef.current;
+
+    // We don't want HoverLinkOverlay to cover the entire card if it is oneline. It allows the user to click on the card itself.
+    const reservedWidth = oneLine ? MIN_CARD_WIDTH_NOT_COVERED_BY_OVERLAY : 0;
+    const availableWidth = firstLineWidth - reservedWidth;
+
+    // True when icon and label can be shown
+    setShowLabel(availableWidth >= minMaxWidthRef.current.max);
+    // True when at least an icon can be shown
+    setShowOverlay(availableWidth >= minMaxWidthRef.current.min);
+  }, [isVisible, isHovered]);
+  const handleOverlayChange = isHovered => {
+    setHovered(isHovered);
+  };
+  const sendVisitLinkAnalytics = inputMethod => {
+    if (editorAnalyticsApi && view) {
+      visitCardLinkAnalytics(editorAnalyticsApi, inputMethod)(view.state, view.dispatch);
+    }
+  };
+  const handleDoubleClick = () => {
+    if (!showPanelButton) {
+      sendVisitLinkAnalytics(INPUT_METHOD.DOUBLE_CLICK);
+
+      // Double click opens the link in a new tab
+      window.open(url, '_blank');
+    }
+  };
+  const handleClick = event => {
+    if (showPanelButton && onClick) {
+      onClick(event);
+    } else {
+      sendVisitLinkAnalytics(INPUT_METHOD.BUTTON);
+    }
+  };
+  const isPreviewButton = showPanelButton && editorExperiment('platform_editor_preview_panel_linking_exp', true);
+  const label = isPreviewButton ? formatMessage(cardMessages.previewButtonTitle) : formatMessage(cardMessages.openButtonTitle);
+  let icon = null;
+  if (isPreviewButton && showPanelButtonIcon === 'panel') {
+    icon = jsx(PanelRightIcon, {
+      label: ""
+    });
+  } else if (isPreviewButton && showPanelButtonIcon === 'modal') {
+    icon = jsx(GrowDiagonalIcon, {
+      label: ""
+    });
+  } else {
+    icon = jsx(LinkExternalIcon, {
+      label: ""
+    });
+  }
+  return jsx("span", {
+    ref: containerRef,
+    css: containerStyles,
+    onDoubleClick: handleDoubleClick,
+    onMouseEnter: () => handleOverlayChange(true),
+    onMouseLeave: () => handleOverlayChange(false),
+    role: "presentation" // remove as part of platform_editor_hoverlink_ui_fixes_exp cleanup
+    ,
+    onFocus: () => {} // remove as part of platform_editor_hoverlink_ui_fixes_exp cleanup
+    ,
+    onBlur: () => {} // remove as part of platform_editor_hoverlink_ui_fixes_exp cleanup
+  }, isHovered && jsx(Anchor, {
+    xcss: [linkStylesCommon, linkStylesNewWithHeightFix, showOverlay && linkStylesVisible],
+    href: url,
+    target: "_blank",
+    style: {
+      paddingBlock: compactPadding ? '1px' : "var(--ds-space-025, 2px)"
+    },
+    onClick: handleClick,
+    testId: "inline-card-hoverlink-overlay"
+  }, jsx(Box, {
+    as: "span",
+    xcss: iconAndLabelStyles,
+    ref: iconAndLabelRef
+  }, jsx(Box, {
+    ref: iconRef,
+    as: "span",
+    xcss: iconWrapperStyles,
+    "data-inlinecard-button-overlay": "icon-wrapper-line-height",
+    testId: "inline-card-hoverlink-overlay-icon"
+  }, icon), (showLabel || !minMaxWidthRef.current) && jsx(Text, {
+    size: "small",
+    color: "color.text.subtle",
+    maxLines: 1,
+    testId: "inline-card-hoverlink-overlay-label"
+  }, label))), children);
+};
+const HoverLinkOverlay = componentWithCondition(() => expValEquals('platform_editor_hoverlink_ui_fixes_exp', 'cohort', 'css_js_changes'), HoverLinkOverlayNew, HoverLinkOverlayOriginal);
 export default HoverLinkOverlay;

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

@@ -85,16 +85,6 @@ export var messages = defineMessages({
     defaultMessage: 'Display code with syntax highlighting',
     description: 'Insert a snippet/segment of code (code block)'
   },
-  plainTextCodeblock: {
-    id: 'fabric.editor.plainTextCodeblock',
-    defaultMessage: 'Plain text',
-    description: 'Insert a snippet/segment of code block as plain text'
-  },
-  plainTextCodeblockDescription: {
-    id: 'fabric.editor.plainTextCodeblock.description',
-    defaultMessage: 'Insert code block for plain text',
-    description: 'Insert a snippet/segment of code block as plain text'
-  },
   infoPanel: {
     id: 'fabric.editor.infoPanel',
     defaultMessage: 'Info panel',

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "110.14.1";
+var packageVersion = "110.15.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 = "110.14.1";
+var packageVersion = "110.15.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

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

@@ -13,31 +13,41 @@ import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import GrowDiagonalIcon from '@atlaskit/icon/core/grow-diagonal';
 import LinkExternalIcon from '@atlaskit/icon/core/link-external';
 import PanelRightIcon from '@atlaskit/icon/core/panel-right';
+import { componentWithCondition } from '@atlaskit/platform-feature-flags-react';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Anchor, Box, Text, xcss } from '@atlaskit/primitives';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { buildVisitedNonHyperLinkPayload, INPUT_METHOD } from '../../analytics';
 import { cardMessages } from '../../messages';
-var containerStyles = css({
+var containerStylesOld = css({
   position: 'relative'
 });
-var iconWrapperStyles = xcss({
+var containerStyles = css({
+  position: 'relative',
+  whiteSpace: 'nowrap'
+});
+var iconWrapperStylesOld = xcss({
   display: 'inline-flex',
   justifyContent: 'center',
   alignItems: 'center',
   height: '17px',
   width: '17px'
 });
+var iconWrapperStyles = xcss({
+  display: 'inline-flex',
+  justifyContent: 'center',
+  alignItems: 'center'
+});
 var hiddenTextStyle = css({
   overflow: 'hidden',
   whiteSpace: 'nowrap',
   position: 'absolute',
   visibility: 'hidden'
 });
-var linkStyles = xcss({
+var linkStylesCommon = xcss({
   position: 'absolute',
   left: 'space.025',
-  top: '-1px',
   display: 'inline-flex',
   alignItems: 'center',
   verticalAlign: 'middle',
@@ -57,10 +67,31 @@ var linkStyles = xcss({
     textDecoration: 'none'
   }
 });
+var linkStylesOld = xcss({
+  top: '-1px'
+});
+var linkStylesHeightFix = xcss({
+  top: '0px',
+  height: '1.2em'
+});
+var linkStylesNewWithHeightFix = xcss({
+  top: '0px',
+  visibility: 'hidden',
+  height: '1.2em'
+});
+var linkStylesVisible = xcss({
+  visibility: 'visible'
+});
+var iconAndLabelStyles = xcss({
+  display: 'flex',
+  alignItems: 'center',
+  height: '100%',
+  gap: 'space.025'
+});
 var MIN_AVAILABLE_SPACE_WITH_LABEL_OVERLAY = 45;
 var ICON_WIDTH = 16;
 var DEFAULT_OPEN_TEXT_WIDTH = 28; // Default open text width in English
-
+var MIN_CARD_WIDTH_NOT_COVERED_BY_OVERLAY = 30;
 var visitCardLinkAnalytics = function visitCardLinkAnalytics(editorAnalyticsApi, inputMethod) {
   return function (state, dispatch) {
     if (!(state.selection instanceof NodeSelection)) {
@@ -75,7 +106,7 @@ var visitCardLinkAnalytics = function visitCardLinkAnalytics(editorAnalyticsApi,
     return true;
   };
 };
-var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
+var HoverLinkOverlayOriginal = function HoverLinkOverlayOriginal(_ref) {
   var children = _ref.children,
     _ref$isVisible = _ref.isVisible,
     isVisible = _ref$isVisible === void 0 ? false : _ref$isVisible,
@@ -109,7 +140,6 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
     }
     var cardWidth = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.offsetWidth;
     var openButtonWidth = (_hoverLinkButtonRef$c = hoverLinkButtonRef.current) === null || _hoverLinkButtonRef$c === void 0 ? void 0 : _hoverLinkButtonRef$c.offsetWidth;
-
     // Get the hidden text width
     if (!openTextWidthRef.current) {
       var hiddenText = hiddenTextRef.current;
@@ -157,14 +187,14 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
       sendVisitLinkAnalytics(INPUT_METHOD.BUTTON);
     }
   };
-  var isPreivewButton = showPanelButton && editorExperiment('platform_editor_preview_panel_linking_exp', true);
-  var label = isPreivewButton ? formatMessage(cardMessages.previewButtonTitle) : formatMessage(cardMessages.openButtonTitle);
+  var isPreviewButton = showPanelButton && editorExperiment('platform_editor_preview_panel_linking_exp', true);
+  var label = isPreviewButton ? formatMessage(cardMessages.previewButtonTitle) : formatMessage(cardMessages.openButtonTitle);
   var icon = null;
-  if (isPreivewButton && showPanelButtonIcon === 'panel') {
+  if (isPreviewButton && showPanelButtonIcon === 'panel') {
     icon = jsx(PanelRightIcon, {
       label: ""
     });
-  } else if (isPreivewButton && showPanelButtonIcon === 'modal') {
+  } else if (isPreviewButton && showPanelButtonIcon === 'modal') {
     icon = jsx(GrowDiagonalIcon, {
       label: ""
     });
@@ -177,7 +207,7 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
     // eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
     jsx("span", {
       ref: containerRef,
-      css: containerStyles,
+      css: containerStylesOld,
       onDoubleClick: handleDoubleClick
       // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
       ,
@@ -198,7 +228,7 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
       maxLines: 1
     }, label)), isHovered && jsx(Anchor, {
       ref: hoverLinkButtonRef,
-      xcss: linkStyles,
+      xcss: [linkStylesCommon, expValEquals('platform_editor_hoverlink_ui_fixes_exp', 'cohort', 'css_changes_only') ? linkStylesHeightFix : linkStylesOld],
       href: url,
       target: "_blank",
       style: {
@@ -207,7 +237,7 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
       onClick: handleClick,
       testId: "inline-card-hoverlink-overlay"
     }, jsx(Box, {
-      xcss: iconWrapperStyles,
+      xcss: iconWrapperStylesOld,
       "data-inlinecard-button-overlay": "icon-wrapper-line-height",
       testId: "inline-card-hoverlink-overlay-icon"
     }, icon), showLabel && jsx(Text, {
@@ -218,4 +248,152 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
     }, label)))
   );
 };
+var HoverLinkOverlayNew = function HoverLinkOverlayNew(_ref2) {
+  var children = _ref2.children,
+    _ref2$isVisible = _ref2.isVisible,
+    isVisible = _ref2$isVisible === void 0 ? false : _ref2$isVisible,
+    url = _ref2.url,
+    _ref2$compactPadding = _ref2.compactPadding,
+    compactPadding = _ref2$compactPadding === void 0 ? false : _ref2$compactPadding,
+    editorAnalyticsApi = _ref2.editorAnalyticsApi,
+    view = _ref2.view,
+    onClick = _ref2.onClick,
+    _ref2$showPanelButton = _ref2.showPanelButton,
+    showPanelButton = _ref2$showPanelButton === void 0 ? false : _ref2$showPanelButton,
+    showPanelButtonIcon = _ref2.showPanelButtonIcon;
+  var _useIntl2 = useIntl(),
+    formatMessage = _useIntl2.formatMessage;
+  var containerRef = useRef(null);
+  var iconRef = useRef(null);
+  var iconLeftRef = useRef(0);
+  var iconAndLabelRef = useRef(null);
+  var minMaxWidthRef = useRef();
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showLabel = _useState6[0],
+    setShowLabel = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isHovered = _useState8[0],
+    setHovered = _useState8[1];
+  var _useState9 = useState(false),
+    _useState0 = _slicedToArray(_useState9, 2),
+    showOverlay = _useState0[0],
+    setShowOverlay = _useState0[1];
+  useLayoutEffect(function () {
+    if (!isVisible && !isHovered) {
+      return;
+    }
+    if (!containerRef.current) {
+      return;
+    }
+    if (iconRef.current && iconAndLabelRef.current) {
+      var iconRect = iconRef.current.getBoundingClientRect();
+      iconLeftRef.current = iconRect.left;
+      minMaxWidthRef.current = {
+        min: iconRect.width,
+        max: iconAndLabelRef.current.getBoundingClientRect().width
+      };
+    }
+    if (!iconLeftRef.current || !minMaxWidthRef.current) {
+      return;
+    }
+    var containerDomRect = containerRef.current.getBoundingClientRect();
+    var containerStyles = getComputedStyle(containerRef.current);
+    var containerHeight = containerDomRect.height - parseFloat(containerStyles.paddingTop) - parseFloat(containerStyles.paddingBottom) - parseFloat(containerStyles.borderTopWidth) - parseFloat(containerStyles.borderBottomWidth);
+    var oneLine = parseFloat(containerStyles.lineHeight) >= containerHeight;
+    var firstLineWidth = containerDomRect.right - iconLeftRef.current;
+
+    // We don't want HoverLinkOverlay to cover the entire card if it is oneline. It allows the user to click on the card itself.
+    var reservedWidth = oneLine ? MIN_CARD_WIDTH_NOT_COVERED_BY_OVERLAY : 0;
+    var availableWidth = firstLineWidth - reservedWidth;
+
+    // True when icon and label can be shown
+    setShowLabel(availableWidth >= minMaxWidthRef.current.max);
+    // True when at least an icon can be shown
+    setShowOverlay(availableWidth >= minMaxWidthRef.current.min);
+  }, [isVisible, isHovered]);
+  var handleOverlayChange = function handleOverlayChange(isHovered) {
+    setHovered(isHovered);
+  };
+  var sendVisitLinkAnalytics = function sendVisitLinkAnalytics(inputMethod) {
+    if (editorAnalyticsApi && view) {
+      visitCardLinkAnalytics(editorAnalyticsApi, inputMethod)(view.state, view.dispatch);
+    }
+  };
+  var handleDoubleClick = function handleDoubleClick() {
+    if (!showPanelButton) {
+      sendVisitLinkAnalytics(INPUT_METHOD.DOUBLE_CLICK);
+
+      // Double click opens the link in a new tab
+      window.open(url, '_blank');
+    }
+  };
+  var handleClick = function handleClick(event) {
+    if (showPanelButton && onClick) {
+      onClick(event);
+    } else {
+      sendVisitLinkAnalytics(INPUT_METHOD.BUTTON);
+    }
+  };
+  var isPreviewButton = showPanelButton && editorExperiment('platform_editor_preview_panel_linking_exp', true);
+  var label = isPreviewButton ? formatMessage(cardMessages.previewButtonTitle) : formatMessage(cardMessages.openButtonTitle);
+  var icon = null;
+  if (isPreviewButton && showPanelButtonIcon === 'panel') {
+    icon = jsx(PanelRightIcon, {
+      label: ""
+    });
+  } else if (isPreviewButton && showPanelButtonIcon === 'modal') {
+    icon = jsx(GrowDiagonalIcon, {
+      label: ""
+    });
+  } else {
+    icon = jsx(LinkExternalIcon, {
+      label: ""
+    });
+  }
+  return jsx("span", {
+    ref: containerRef,
+    css: containerStyles,
+    onDoubleClick: handleDoubleClick,
+    onMouseEnter: function onMouseEnter() {
+      return handleOverlayChange(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return handleOverlayChange(false);
+    },
+    role: "presentation" // remove as part of platform_editor_hoverlink_ui_fixes_exp cleanup
+    ,
+    onFocus: function onFocus() {} // remove as part of platform_editor_hoverlink_ui_fixes_exp cleanup
+    ,
+    onBlur: function onBlur() {} // remove as part of platform_editor_hoverlink_ui_fixes_exp cleanup
+  }, isHovered && jsx(Anchor, {
+    xcss: [linkStylesCommon, linkStylesNewWithHeightFix, showOverlay && linkStylesVisible],
+    href: url,
+    target: "_blank",
+    style: {
+      paddingBlock: compactPadding ? '1px' : "var(--ds-space-025, 2px)"
+    },
+    onClick: handleClick,
+    testId: "inline-card-hoverlink-overlay"
+  }, jsx(Box, {
+    as: "span",
+    xcss: iconAndLabelStyles,
+    ref: iconAndLabelRef
+  }, jsx(Box, {
+    ref: iconRef,
+    as: "span",
+    xcss: iconWrapperStyles,
+    "data-inlinecard-button-overlay": "icon-wrapper-line-height",
+    testId: "inline-card-hoverlink-overlay-icon"
+  }, icon), (showLabel || !minMaxWidthRef.current) && jsx(Text, {
+    size: "small",
+    color: "color.text.subtle",
+    maxLines: 1,
+    testId: "inline-card-hoverlink-overlay-label"
+  }, label))), children);
+};
+var HoverLinkOverlay = componentWithCondition(function () {
+  return expValEquals('platform_editor_hoverlink_ui_fixes_exp', 'cohort', 'css_js_changes');
+}, HoverLinkOverlayNew, HoverLinkOverlayOriginal);
 export default HoverLinkOverlay;

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

@@ -42,7 +42,6 @@ type InsertPanelAEP = InsertAEP<ACTION_SUBJECT_ID.PANEL, {
 }, undefined>;
 type InsertCodeBlockAEP = InsertAEP<ACTION_SUBJECT_ID.CODE_BLOCK, {
     inputMethod: INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.TOOLBAR | INPUT_METHOD.INSERT_MENU | INPUT_METHOD.FORMATTING | INPUT_METHOD.INSERT_MENU;
-    language?: string;
 }, undefined>;
 type InsertTableAEP = InsertAEP<ACTION_SUBJECT_ID.TABLE, {
     inputMethod: INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.TOOLBAR | INPUT_METHOD.INSERT_MENU | INPUT_METHOD.FORMATTING | INPUT_METHOD.PICKER | INPUT_METHOD.SHORTCUT;

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

@@ -84,16 +84,6 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
-    plainTextCodeblock: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    plainTextCodeblockDescription: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
     infoPanel: {
         id: string;
         defaultMessage: string;

package/dist/types/provider-factory/quick-insert-provider.d.ts

@@ -5,7 +5,7 @@ import type { TypeAheadItem } from '../types/type-ahead';
 export type QuickInsertActionInsert = (node?: Node | Record<string, any> | string, opts?: {
     selectInlineNode?: boolean;
 }) => Transaction;
-export type QuickInsertItemId = 'hyperlink' | 'table' | 'helpdialog' | 'date' | 'media' | 'media-insert' | 'blockquote' | 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5' | 'heading6' | 'codeblock' | 'unorderedList' | 'feedbackdialog' | 'orderedList' | 'rule' | 'status' | 'mention' | 'emoji' | 'action' | 'decision' | 'infopanel' | 'notepanel' | 'successpanel' | 'warningpanel' | 'errorpanel' | 'custompanel' | 'layout' | 'expand' | 'placeholderText' | 'datasource' | 'loom' | 'onecolumnlayout' | 'twocolumnslayout' | 'threecolumnslayout' | 'fourcolumnslayout' | 'fivecolumnslayout' | 'syncBlock' | 'plainText';
+export type QuickInsertItemId = 'hyperlink' | 'table' | 'helpdialog' | 'date' | 'media' | 'media-insert' | 'blockquote' | 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5' | 'heading6' | 'codeblock' | 'unorderedList' | 'feedbackdialog' | 'orderedList' | 'rule' | 'status' | 'mention' | 'emoji' | 'action' | 'decision' | 'infopanel' | 'notepanel' | 'successpanel' | 'warningpanel' | 'errorpanel' | 'custompanel' | 'layout' | 'expand' | 'placeholderText' | 'datasource' | 'loom' | 'onecolumnlayout' | 'twocolumnslayout' | 'threecolumnslayout' | 'fourcolumnslayout' | 'fivecolumnslayout' | 'syncBlock';
 export type QuickInsertItem = TypeAheadItem & {
     /**
      * What to do on insert

package/dist/types/types/editor-appearance.d.ts

@@ -1,2 +1,2 @@
 export type EditorAppearance = 'comment' | 'full-page' | 'full-width' | 'chromeless';
-export type EditorContentMode = 'standard' | 'dense';
+export type EditorContentMode = 'standard' | 'dense' | 'compact';

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

@@ -3,7 +3,17 @@
  * @jsx jsx
  */
 import React from 'react';
-import { jsx } from '@emotion/react';
-import type { HoverLinkOverlayProps } from './types';
-declare const HoverLinkOverlay: ({ children, isVisible, url, compactPadding, editorAnalyticsApi, view, onClick, showPanelButton, showPanelButtonIcon, }: React.PropsWithChildren<HoverLinkOverlayProps>) => jsx.JSX.Element;
+import { type EditorAnalyticsAPI } from '../../analytics';
+declare const HoverLinkOverlay: React.FC<React.HTMLAttributes<HTMLSpanElement> & {
+    compactPadding?: boolean;
+    editorAnalyticsApi?: EditorAnalyticsAPI;
+    isVisible?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+    showPanelButton?: boolean;
+    showPanelButtonIcon?: "panel" | "modal";
+    url: string;
+    view?: import("prosemirror-view").EditorView;
+} & {
+    children?: React.ReactNode | undefined;
+}>;
 export default HoverLinkOverlay;

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

@@ -42,7 +42,6 @@ type InsertPanelAEP = InsertAEP<ACTION_SUBJECT_ID.PANEL, {
 }, undefined>;
 type InsertCodeBlockAEP = InsertAEP<ACTION_SUBJECT_ID.CODE_BLOCK, {
     inputMethod: INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.TOOLBAR | INPUT_METHOD.INSERT_MENU | INPUT_METHOD.FORMATTING | INPUT_METHOD.INSERT_MENU;
-    language?: string;
 }, undefined>;
 type InsertTableAEP = InsertAEP<ACTION_SUBJECT_ID.TABLE, {
     inputMethod: INPUT_METHOD.QUICK_INSERT | INPUT_METHOD.TOOLBAR | INPUT_METHOD.INSERT_MENU | INPUT_METHOD.FORMATTING | INPUT_METHOD.PICKER | INPUT_METHOD.SHORTCUT;

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

@@ -84,16 +84,6 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
-    plainTextCodeblock: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    plainTextCodeblockDescription: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
     infoPanel: {
         id: string;
         defaultMessage: string;

package/dist/types-ts4.5/provider-factory/quick-insert-provider.d.ts

@@ -5,7 +5,7 @@ import type { TypeAheadItem } from '../types/type-ahead';
 export type QuickInsertActionInsert = (node?: Node | Record<string, any> | string, opts?: {
     selectInlineNode?: boolean;
 }) => Transaction;
-export type QuickInsertItemId = 'hyperlink' | 'table' | 'helpdialog' | 'date' | 'media' | 'media-insert' | 'blockquote' | 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5' | 'heading6' | 'codeblock' | 'unorderedList' | 'feedbackdialog' | 'orderedList' | 'rule' | 'status' | 'mention' | 'emoji' | 'action' | 'decision' | 'infopanel' | 'notepanel' | 'successpanel' | 'warningpanel' | 'errorpanel' | 'custompanel' | 'layout' | 'expand' | 'placeholderText' | 'datasource' | 'loom' | 'onecolumnlayout' | 'twocolumnslayout' | 'threecolumnslayout' | 'fourcolumnslayout' | 'fivecolumnslayout' | 'syncBlock' | 'plainText';
+export type QuickInsertItemId = 'hyperlink' | 'table' | 'helpdialog' | 'date' | 'media' | 'media-insert' | 'blockquote' | 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5' | 'heading6' | 'codeblock' | 'unorderedList' | 'feedbackdialog' | 'orderedList' | 'rule' | 'status' | 'mention' | 'emoji' | 'action' | 'decision' | 'infopanel' | 'notepanel' | 'successpanel' | 'warningpanel' | 'errorpanel' | 'custompanel' | 'layout' | 'expand' | 'placeholderText' | 'datasource' | 'loom' | 'onecolumnlayout' | 'twocolumnslayout' | 'threecolumnslayout' | 'fourcolumnslayout' | 'fivecolumnslayout' | 'syncBlock';
 export type QuickInsertItem = TypeAheadItem & {
     /**
      * What to do on insert

package/dist/types-ts4.5/types/editor-appearance.d.ts

@@ -1,2 +1,2 @@
 export type EditorAppearance = 'comment' | 'full-page' | 'full-width' | 'chromeless';
-export type EditorContentMode = 'standard' | 'dense';
+export type EditorContentMode = 'standard' | 'dense' | 'compact';

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

@@ -3,7 +3,17 @@
  * @jsx jsx
  */
 import React from 'react';
-import { jsx } from '@emotion/react';
-import type { HoverLinkOverlayProps } from './types';
-declare const HoverLinkOverlay: ({ children, isVisible, url, compactPadding, editorAnalyticsApi, view, onClick, showPanelButton, showPanelButtonIcon, }: React.PropsWithChildren<HoverLinkOverlayProps>) => jsx.JSX.Element;
+import { type EditorAnalyticsAPI } from '../../analytics';
+declare const HoverLinkOverlay: React.FC<React.HTMLAttributes<HTMLSpanElement> & {
+    compactPadding?: boolean;
+    editorAnalyticsApi?: EditorAnalyticsAPI;
+    isVisible?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+    showPanelButton?: boolean;
+    showPanelButtonIcon?: "panel" | "modal";
+    url: string;
+    view?: import("prosemirror-view").EditorView;
+} & {
+    children?: React.ReactNode | undefined;
+}>;
 export default HoverLinkOverlay;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "110.14.2",
+	"version": "110.15.1",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -82,7 +82,7 @@
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tmp-editor-statsig": "^13.13.0",
+		"@atlaskit/tmp-editor-statsig": "^13.15.0",
 		"@atlaskit/tokens": "^7.0.0",
 		"@atlaskit/tooltip": "^20.6.0",
 		"@atlaskit/width-detector": "^5.0.0",