@atlaskit/editor-common 121.1.1 → 121.1.2

package/CHANGELOG.md

@@ -1,5 +1,45 @@
 # @atlaskit/editor-common
 
+## 121.1.2
+
+### Patch Changes
+
+- [`b94131fcee276`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b94131fcee276) -
+  Removes the `platform_smartlink_xpc_url_wrapping` feature gate and makes cross-product URL
+  wrapping for Smart Links permanent, on for all consumers.
+
+  What this behavior does: when a resolved Smart Link points to a first-party Atlassian destination
+  (e.g. a Jira issue, Confluence page), the URL used for navigation — via click, "Open link", or any
+  other destination-URL usage — now has a short-lived interaction-session query parameter (`xpis`)
+  appended automatically. This lets the destination product attribute the visit back to the product
+  and surface the link was opened from, powering cross-product usage analytics. It has no effect on:
+  - third-party (non-Atlassian) links,
+  - links that are not yet resolved,
+  - URLs that already contain the parameter.
+
+  No API shape changes: this only affects the resolved value returned by existing Smart Link
+  URL/navigation behavior (e.g. `Card`, `useSmartLinkDestinationUrl`, inline/block/embed card
+  click-through, and datasource table link cells). No new props, exports, or configuration are
+  introduced, and no action is required from consumers.
+
+- [`a3884f09ad3e9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a3884f09ad3e9) -
+  Use elevation.surface.hovered for element browser item hover backgrounds when
+  platform_editor_slash_command is enabled. Keep hovered items square and preserve selected item
+  backgrounds on hover. Remove the registry element browser's top scroll border. Make custom empty
+  states span all result columns so Confluence Marketplace content is not constrained to a single
+  item column. Add an optional isLoading prop to the public RegistryElementBrowser component to
+  leave the results area blank until the initial registry snapshot is available, then render the
+  normal empty state whenever there are no results.
+- [`622b48a52961e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/622b48a52961e) -
+  [ux] Use `elevation.surface.overlay.hovered`, 48px menu items, 16px/8px padding, a 12px icon/text
+  gap, and the selected-item border for the registered editor slash menu when the
+  `platform_editor_slash_command` experiment is enabled. Preserve the 32px icon width by preventing
+  icon shrinking and sizing the text to the remaining space. Keep the original 40px minimum height
+  so the View more footer retains its height. Set the selected item's left border to 2px using the
+  selected border-width token. Preserve the View more icon's original position with a centered 24px
+  minimum icon container.
+- Updated dependencies
+
 ## 121.1.1
 
 ### Patch Changes

package/dist/cjs/monitoring/error.js

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

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

@@ -1,14 +1,16 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ElementBrowserQuickInsertMenuItem = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _primitives = require("@atlaskit/primitives");
 var _quickInsertMenuItemUtils = require("./quickInsertMenuItemUtils");
 var _useQuickInsertContext = require("./useQuickInsertContext");
+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); }
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- Compiled primitives do not provide Pressable.
 
 var borderlessItemStyles = (0, _primitives.xcss)({
@@ -61,6 +63,12 @@ var borderlessDisabledItemStyles = (0, _primitives.xcss)({
   textAlign: 'start',
   width: '100%'
 });
+var hoveredItemStyles = (0, _primitives.xcss)({
+  ':hover': {
+    backgroundColor: 'elevation.surface.hovered',
+    borderRadius: 0
+  }
+});
 var iconStyles = (0, _primitives.xcss)({
   alignItems: 'center',
   backgroundColor: 'elevation.surface.overlay',
@@ -106,14 +114,20 @@ var ElementBrowserQuickInsertMenuItem = exports.ElementBrowserQuickInsertMenuIte
     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);
+  var isSlashCommandEnabled = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_command');
+  var itemStyles = (0, _react.useMemo)(function () {
+    return [isDisabled ? borderlessDisabledItemStyles : isSelected ? borderlessSelectedItemStyles : borderlessItemStyles, isSlashCommandEnabled && !isDisabled && !isSelected && hoveredItemStyles];
+  }, [isDisabled, isSelected, isSlashCommandEnabled]);
   return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
     "aria-label": ariaLabel,
     "aria-selected": isSelected,
     id: id,
     isDisabled: isDisabled,
     onClick: handleClick,
-    role: "option",
-    xcss: isDisabled ? borderlessDisabledItemStyles : isSelected ? borderlessSelectedItemStyles : borderlessItemStyles
+    role: "option"
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Memoizes composition of module-scoped xcss styles for Pressable.
+    ,
+    xcss: itemStyles
   }, iconBefore && shouldWrapIcon ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     xcss: iconStyles
   }, iconBefore) : iconBefore, /*#__PURE__*/_react.default.createElement(_primitives.Stack, {

package/dist/cjs/quick-insert/TypeAheadQuickInsertMenuItem.compiled.css

@@ -6,13 +6,20 @@
 ._1dqonqa1{border-style:solid}
 ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}
 ._1rjcv77o{padding-block:var(--ds-space-025,2px)}
+._16jlkb7n{flex-grow:1}
 ._18m915vq{overflow-y:hidden}
 ._1bah1h6o{justify-content:center}
 ._1bsbzwfg{width:2pc}
 ._1e0c1txw{display:flex}
+._1o9zidpf{flex-shrink:0}
+._1o9zkb7n{flex-shrink:1}
 ._1reo15vq{overflow-x:hidden}
+._1tke1tcg{min-height:24px}
+._1ul91tcg{min-width:24px}
+._1ul9idpf{min-width:0}
 ._4cvr1h6o{align-items:center}
 ._4t3izwfg{height:2pc}
 ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
 ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
+._i0dlidpf{flex-basis:0}
 ._syazazsu{color:var(--ds-text-subtle,#505258)}

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

@@ -10,13 +10,71 @@ require("./TypeAheadQuickInsertMenuItem.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
 var _buttonItem = _interopRequireDefault(require("@atlaskit/menu/button-item"));
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
+var _primitives = require("@atlaskit/primitives");
 var _compiled = require("@atlaskit/primitives/compiled");
 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 styles = {
+  iconContainer: "_4cvr1h6o _1e0c1txw _1o9zidpf _1bah1h6o _1tke1tcg _1ul91tcg",
+  content: "_16jlkb7n _1o9zkb7n _i0dlidpf _1ul9idpf",
   icon: "_2rko1qi0 _1reo15vq _18m915vq _1h6d1l7x _1dqonqa1 _189ee4h9 _4cvr1h6o _bfhk1bhr _1e0c1txw _4t3izwfg _1bah1h6o _1bsbzwfg",
   shortcut: "_2rko12b0 _11c8wadc _1rjcv77o _18zr1b66 _bfhki8nm _syazazsu"
 };
+var itemStyles = (0, _primitives.xcss)({
+  alignItems: 'center',
+  backgroundColor: 'elevation.surface.overlay',
+  color: 'color.text',
+  display: 'flex',
+  gap: 'space.150',
+  minHeight: '40px',
+  paddingBlock: 'space.100',
+  paddingInline: 'space.200',
+  textAlign: 'start',
+  width: '100%',
+  ':hover': {
+    backgroundColor: 'elevation.surface.overlay.hovered'
+  }
+});
+var selectedItemStyles = (0, _primitives.xcss)({
+  alignItems: 'center',
+  backgroundColor: 'elevation.surface.overlay.hovered',
+  color: 'color.text',
+  display: 'flex',
+  gap: 'space.150',
+  minHeight: '40px',
+  paddingBlock: 'space.100',
+  paddingInline: 'space.200',
+  position: 'relative',
+  textAlign: 'start',
+  width: '100%',
+  ':hover': {
+    backgroundColor: 'elevation.surface.overlay.hovered'
+  },
+  '::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)({
+  alignItems: 'center',
+  backgroundColor: 'elevation.surface.overlay',
+  color: 'color.text.disabled',
+  display: 'flex',
+  gap: 'space.150',
+  minHeight: '40px',
+  paddingBlock: 'space.100',
+  paddingInline: 'space.200',
+  textAlign: 'start',
+  width: '100%'
+});
 var TypeAheadQuickInsertMenuItem = exports.TypeAheadQuickInsertMenuItem = function TypeAheadQuickInsertMenuItem(_ref) {
   var ariaLabel = _ref.ariaLabel,
     iconBefore = _ref.iconBefore,
@@ -35,20 +93,41 @@ var TypeAheadQuickInsertMenuItem = exports.TypeAheadQuickInsertMenuItem = functi
     id = _ref2.id,
     isSelected = _ref2.isSelected;
   var handleClick = (0, _quickInsertMenuItemUtils.useQuickInsertMenuItemSelection)(onSelect);
-  return /*#__PURE__*/_react.default.createElement(_buttonItem.default, {
+  var wrappedIcon = iconBefore && shouldWrapIcon ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.icon
+  }, iconBefore) : iconBefore;
+  if (!(0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_slash_command')) {
+    return /*#__PURE__*/_react.default.createElement(_buttonItem.default, {
+      "aria-label": ariaLabel,
+      "aria-selected": isSelected,
+      iconBefore: wrappedIcon,
+      id: id,
+      isDisabled: isDisabled,
+      isSelected: isSelected,
+      onClick: handleClick,
+      role: "option"
+    }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+      alignBlock: "center",
+      spread: "space-between"
+    }, /*#__PURE__*/_react.default.createElement(_compiled.Text, null, title), shortcut && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+      as: "span",
+      xcss: styles.shortcut
+    }, shortcut)));
+  }
+  return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
     "aria-label": ariaLabel,
     "aria-selected": isSelected,
-    iconBefore: iconBefore && shouldWrapIcon ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
-      xcss: styles.icon
-    }, iconBefore) : iconBefore,
     id: id,
     isDisabled: isDisabled,
-    isSelected: isSelected,
     onClick: handleClick,
-    role: "option"
-  }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
+    role: "option",
+    xcss: isDisabled ? disabledItemStyles : isSelected ? selectedItemStyles : itemStyles
+  }, wrappedIcon && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
+    xcss: styles.iconContainer
+  }, wrappedIcon), /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
     alignBlock: "center",
-    spread: "space-between"
+    spread: "space-between",
+    xcss: styles.content
   }, /*#__PURE__*/_react.default.createElement(_compiled.Text, null, title), shortcut && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     as: "span",
     xcss: styles.shortcut

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

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

@@ -16,7 +16,6 @@ var _growDiagonal = _interopRequireDefault(require("@atlaskit/icon/core/grow-dia
 var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
 var _panelRight = _interopRequireDefault(require("@atlaskit/icon/core/panel-right"));
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
-var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _primitives = require("@atlaskit/primitives");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _analytics = require("../../analytics");
@@ -198,7 +197,7 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
       sendVisitLinkAnalytics(_analytics.INPUT_METHOD.DOUBLE_CLICK);
 
       // Double click opens the link in a new tab
-      window.open((0, _fg.fg)('platform_smartlink_xpc_url_wrapping') ? destinationUrl !== null && destinationUrl !== void 0 ? destinationUrl : url : url, '_blank');
+      window.open(destinationUrl !== null && destinationUrl !== void 0 ? destinationUrl : url, '_blank');
     }
   };
   var handleClick = function handleClick(event) {
@@ -249,7 +248,7 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
   }, label)), isHovered && (0, _react2.jsx)(_primitives.Anchor, {
     ref: hoverLinkButtonRef,
     xcss: linkStylesCommon,
-    href: (0, _fg.fg)('platform_smartlink_xpc_url_wrapping') ? destinationUrl !== null && destinationUrl !== void 0 ? destinationUrl : url : url,
+    href: destinationUrl !== null && destinationUrl !== void 0 ? destinationUrl : url,
     target: "_blank"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- dynamic paddingBlock value based on experiment flags
     ,

package/dist/es2019/monitoring/error.js

@@ -13,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 = "121.1.0";
+const packageVersion = "121.1.1";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -1,5 +1,5 @@
-import React from 'react';
-
+import React, { useMemo } from 'react';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- Compiled primitives do not provide Pressable.
 import { Box, Inline, Pressable, Stack, Text, xcss } from '@atlaskit/primitives';
 import { useQuickInsertMenuItemSelection } from './quickInsertMenuItemUtils';
@@ -54,6 +54,12 @@ const borderlessDisabledItemStyles = xcss({
   textAlign: 'start',
   width: '100%'
 });
+const hoveredItemStyles = xcss({
+  ':hover': {
+    backgroundColor: 'elevation.surface.hovered',
+    borderRadius: 0
+  }
+});
 const iconStyles = xcss({
   alignItems: 'center',
   backgroundColor: 'elevation.surface.overlay',
@@ -101,14 +107,18 @@ export const ElementBrowserQuickInsertMenuItem = ({
   };
   const itemDescription = description !== null && description !== void 0 ? description : item === null || item === void 0 ? void 0 : item.description;
   const handleClick = useQuickInsertMenuItemSelection(onSelect);
+  const isSlashCommandEnabled = isExperimentEnabled('platform_editor_slash_command');
+  const itemStyles = useMemo(() => [isDisabled ? borderlessDisabledItemStyles : isSelected ? borderlessSelectedItemStyles : borderlessItemStyles, isSlashCommandEnabled && !isDisabled && !isSelected && hoveredItemStyles], [isDisabled, isSelected, isSlashCommandEnabled]);
   return /*#__PURE__*/React.createElement(Pressable, {
     "aria-label": ariaLabel,
     "aria-selected": isSelected,
     id: id,
     isDisabled: isDisabled,
     onClick: handleClick,
-    role: "option",
-    xcss: isDisabled ? borderlessDisabledItemStyles : isSelected ? borderlessSelectedItemStyles : borderlessItemStyles
+    role: "option"
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Memoizes composition of module-scoped xcss styles for Pressable.
+    ,
+    xcss: itemStyles
   }, iconBefore && shouldWrapIcon ? /*#__PURE__*/React.createElement(Box, {
     xcss: iconStyles
   }, iconBefore) : iconBefore, /*#__PURE__*/React.createElement(Stack, {

package/dist/es2019/quick-insert/TypeAheadQuickInsertMenuItem.compiled.css

@@ -6,13 +6,20 @@
 ._1dqonqa1{border-style:solid}
 ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}
 ._1rjcv77o{padding-block:var(--ds-space-025,2px)}
+._16jlkb7n{flex-grow:1}
 ._18m915vq{overflow-y:hidden}
 ._1bah1h6o{justify-content:center}
 ._1bsbzwfg{width:2pc}
 ._1e0c1txw{display:flex}
+._1o9zidpf{flex-shrink:0}
+._1o9zkb7n{flex-shrink:1}
 ._1reo15vq{overflow-x:hidden}
+._1tke1tcg{min-height:24px}
+._1ul91tcg{min-width:24px}
+._1ul9idpf{min-width:0}
 ._4cvr1h6o{align-items:center}
 ._4t3izwfg{height:2pc}
 ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
 ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
+._i0dlidpf{flex-basis:0}
 ._syazazsu{color:var(--ds-text-subtle,#505258)}

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

@@ -3,13 +3,71 @@ import "./TypeAheadQuickInsertMenuItem.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import ButtonItem from '@atlaskit/menu/button-item';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- Compiled primitives do not provide Pressable.
+import { Pressable, xcss } from '@atlaskit/primitives';
 import { Box, Inline, Text } from '@atlaskit/primitives/compiled';
 import { useQuickInsertMenuItemSelection } from './quickInsertMenuItemUtils';
 import { useQuickInsertContext } from './useQuickInsertContext';
 const styles = {
+  iconContainer: "_4cvr1h6o _1e0c1txw _1o9zidpf _1bah1h6o _1tke1tcg _1ul91tcg",
+  content: "_16jlkb7n _1o9zkb7n _i0dlidpf _1ul9idpf",
   icon: "_2rko1qi0 _1reo15vq _18m915vq _1h6d1l7x _1dqonqa1 _189ee4h9 _4cvr1h6o _bfhk1bhr _1e0c1txw _4t3izwfg _1bah1h6o _1bsbzwfg",
   shortcut: "_2rko12b0 _11c8wadc _1rjcv77o _18zr1b66 _bfhki8nm _syazazsu"
 };
+const itemStyles = xcss({
+  alignItems: 'center',
+  backgroundColor: 'elevation.surface.overlay',
+  color: 'color.text',
+  display: 'flex',
+  gap: 'space.150',
+  minHeight: '40px',
+  paddingBlock: 'space.100',
+  paddingInline: 'space.200',
+  textAlign: 'start',
+  width: '100%',
+  ':hover': {
+    backgroundColor: 'elevation.surface.overlay.hovered'
+  }
+});
+const selectedItemStyles = xcss({
+  alignItems: 'center',
+  backgroundColor: 'elevation.surface.overlay.hovered',
+  color: 'color.text',
+  display: 'flex',
+  gap: 'space.150',
+  minHeight: '40px',
+  paddingBlock: 'space.100',
+  paddingInline: 'space.200',
+  position: 'relative',
+  textAlign: 'start',
+  width: '100%',
+  ':hover': {
+    backgroundColor: 'elevation.surface.overlay.hovered'
+  },
+  '::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({
+  alignItems: 'center',
+  backgroundColor: 'elevation.surface.overlay',
+  color: 'color.text.disabled',
+  display: 'flex',
+  gap: 'space.150',
+  minHeight: '40px',
+  paddingBlock: 'space.100',
+  paddingInline: 'space.200',
+  textAlign: 'start',
+  width: '100%'
+});
 export const TypeAheadQuickInsertMenuItem = ({
   ariaLabel,
   iconBefore,
@@ -30,20 +88,41 @@ export const TypeAheadQuickInsertMenuItem = ({
     isSelected: false
   };
   const handleClick = useQuickInsertMenuItemSelection(onSelect);
-  return /*#__PURE__*/React.createElement(ButtonItem, {
+  const wrappedIcon = iconBefore && shouldWrapIcon ? /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.icon
+  }, iconBefore) : iconBefore;
+  if (!isExperimentEnabled('platform_editor_slash_command')) {
+    return /*#__PURE__*/React.createElement(ButtonItem, {
+      "aria-label": ariaLabel,
+      "aria-selected": isSelected,
+      iconBefore: wrappedIcon,
+      id: id,
+      isDisabled: isDisabled,
+      isSelected: isSelected,
+      onClick: handleClick,
+      role: "option"
+    }, /*#__PURE__*/React.createElement(Inline, {
+      alignBlock: "center",
+      spread: "space-between"
+    }, /*#__PURE__*/React.createElement(Text, null, title), shortcut && /*#__PURE__*/React.createElement(Box, {
+      as: "span",
+      xcss: styles.shortcut
+    }, shortcut)));
+  }
+  return /*#__PURE__*/React.createElement(Pressable, {
     "aria-label": ariaLabel,
     "aria-selected": isSelected,
-    iconBefore: iconBefore && shouldWrapIcon ? /*#__PURE__*/React.createElement(Box, {
-      xcss: styles.icon
-    }, iconBefore) : iconBefore,
     id: id,
     isDisabled: isDisabled,
-    isSelected: isSelected,
     onClick: handleClick,
-    role: "option"
-  }, /*#__PURE__*/React.createElement(Inline, {
+    role: "option",
+    xcss: isDisabled ? disabledItemStyles : isSelected ? selectedItemStyles : itemStyles
+  }, wrappedIcon && /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.iconContainer
+  }, wrappedIcon), /*#__PURE__*/React.createElement(Inline, {
     alignBlock: "center",
-    spread: "space-between"
+    spread: "space-between",
+    xcss: styles.content
   }, /*#__PURE__*/React.createElement(Text, null, title), shortcut && /*#__PURE__*/React.createElement(Box, {
     as: "span",
     xcss: styles.shortcut

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/fg';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "121.1.0";
+const packageVersion = "121.1.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 const fadeIn = keyframes({

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

@@ -16,7 +16,6 @@ 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 { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
 // 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';
@@ -177,7 +176,7 @@ const HoverLinkOverlay = ({
       sendVisitLinkAnalytics(INPUT_METHOD.DOUBLE_CLICK);
 
       // Double click opens the link in a new tab
-      window.open(fg('platform_smartlink_xpc_url_wrapping') ? destinationUrl !== null && destinationUrl !== void 0 ? destinationUrl : url : url, '_blank');
+      window.open(destinationUrl !== null && destinationUrl !== void 0 ? destinationUrl : url, '_blank');
     }
   };
   const handleClick = event => {
@@ -224,7 +223,7 @@ const HoverLinkOverlay = ({
   }, label)), isHovered && jsx(Anchor, {
     ref: hoverLinkButtonRef,
     xcss: linkStylesCommon,
-    href: fg('platform_smartlink_xpc_url_wrapping') ? destinationUrl !== null && destinationUrl !== void 0 ? destinationUrl : url : url,
+    href: destinationUrl !== null && destinationUrl !== void 0 ? destinationUrl : url,
     target: "_blank"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- dynamic paddingBlock value based on experiment flags
     ,

package/dist/esm/monitoring/error.js

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

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

@@ -1,5 +1,5 @@
-import React from 'react';
-
+import React, { useMemo } from 'react';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- Compiled primitives do not provide Pressable.
 import { Box, Inline, Pressable, Stack, Text, xcss } from '@atlaskit/primitives';
 import { useQuickInsertMenuItemSelection } from './quickInsertMenuItemUtils';
@@ -54,6 +54,12 @@ var borderlessDisabledItemStyles = xcss({
   textAlign: 'start',
   width: '100%'
 });
+var hoveredItemStyles = xcss({
+  ':hover': {
+    backgroundColor: 'elevation.surface.hovered',
+    borderRadius: 0
+  }
+});
 var iconStyles = xcss({
   alignItems: 'center',
   backgroundColor: 'elevation.surface.overlay',
@@ -99,14 +105,20 @@ export var ElementBrowserQuickInsertMenuItem = function ElementBrowserQuickInser
     isSelected = _ref2.isSelected;
   var itemDescription = description !== null && description !== void 0 ? description : item === null || item === void 0 ? void 0 : item.description;
   var handleClick = useQuickInsertMenuItemSelection(onSelect);
+  var isSlashCommandEnabled = isExperimentEnabled('platform_editor_slash_command');
+  var itemStyles = useMemo(function () {
+    return [isDisabled ? borderlessDisabledItemStyles : isSelected ? borderlessSelectedItemStyles : borderlessItemStyles, isSlashCommandEnabled && !isDisabled && !isSelected && hoveredItemStyles];
+  }, [isDisabled, isSelected, isSlashCommandEnabled]);
   return /*#__PURE__*/React.createElement(Pressable, {
     "aria-label": ariaLabel,
     "aria-selected": isSelected,
     id: id,
     isDisabled: isDisabled,
     onClick: handleClick,
-    role: "option",
-    xcss: isDisabled ? borderlessDisabledItemStyles : isSelected ? borderlessSelectedItemStyles : borderlessItemStyles
+    role: "option"
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Memoizes composition of module-scoped xcss styles for Pressable.
+    ,
+    xcss: itemStyles
   }, iconBefore && shouldWrapIcon ? /*#__PURE__*/React.createElement(Box, {
     xcss: iconStyles
   }, iconBefore) : iconBefore, /*#__PURE__*/React.createElement(Stack, {

package/dist/esm/quick-insert/TypeAheadQuickInsertMenuItem.compiled.css

@@ -6,13 +6,20 @@
 ._1dqonqa1{border-style:solid}
 ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}
 ._1rjcv77o{padding-block:var(--ds-space-025,2px)}
+._16jlkb7n{flex-grow:1}
 ._18m915vq{overflow-y:hidden}
 ._1bah1h6o{justify-content:center}
 ._1bsbzwfg{width:2pc}
 ._1e0c1txw{display:flex}
+._1o9zidpf{flex-shrink:0}
+._1o9zkb7n{flex-shrink:1}
 ._1reo15vq{overflow-x:hidden}
+._1tke1tcg{min-height:24px}
+._1ul91tcg{min-width:24px}
+._1ul9idpf{min-width:0}
 ._4cvr1h6o{align-items:center}
 ._4t3izwfg{height:2pc}
 ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
 ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
+._i0dlidpf{flex-basis:0}
 ._syazazsu{color:var(--ds-text-subtle,#505258)}

package/dist/esm/quick-insert/TypeAheadQuickInsertMenuItem.js

@@ -3,13 +3,71 @@ import "./TypeAheadQuickInsertMenuItem.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import ButtonItem from '@atlaskit/menu/button-item';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- Compiled primitives do not provide Pressable.
+import { Pressable, xcss } from '@atlaskit/primitives';
 import { Box, Inline, Text } from '@atlaskit/primitives/compiled';
 import { useQuickInsertMenuItemSelection } from './quickInsertMenuItemUtils';
 import { useQuickInsertContext } from './useQuickInsertContext';
 var styles = {
+  iconContainer: "_4cvr1h6o _1e0c1txw _1o9zidpf _1bah1h6o _1tke1tcg _1ul91tcg",
+  content: "_16jlkb7n _1o9zkb7n _i0dlidpf _1ul9idpf",
   icon: "_2rko1qi0 _1reo15vq _18m915vq _1h6d1l7x _1dqonqa1 _189ee4h9 _4cvr1h6o _bfhk1bhr _1e0c1txw _4t3izwfg _1bah1h6o _1bsbzwfg",
   shortcut: "_2rko12b0 _11c8wadc _1rjcv77o _18zr1b66 _bfhki8nm _syazazsu"
 };
+var itemStyles = xcss({
+  alignItems: 'center',
+  backgroundColor: 'elevation.surface.overlay',
+  color: 'color.text',
+  display: 'flex',
+  gap: 'space.150',
+  minHeight: '40px',
+  paddingBlock: 'space.100',
+  paddingInline: 'space.200',
+  textAlign: 'start',
+  width: '100%',
+  ':hover': {
+    backgroundColor: 'elevation.surface.overlay.hovered'
+  }
+});
+var selectedItemStyles = xcss({
+  alignItems: 'center',
+  backgroundColor: 'elevation.surface.overlay.hovered',
+  color: 'color.text',
+  display: 'flex',
+  gap: 'space.150',
+  minHeight: '40px',
+  paddingBlock: 'space.100',
+  paddingInline: 'space.200',
+  position: 'relative',
+  textAlign: 'start',
+  width: '100%',
+  ':hover': {
+    backgroundColor: 'elevation.surface.overlay.hovered'
+  },
+  '::before': {
+    borderInlineStartColor: 'color.border.selected',
+    borderInlineStartStyle: 'solid',
+    borderInlineStartWidth: 'border.width.selected',
+    content: "''",
+    insetBlock: 'space.0',
+    insetInlineStart: 'space.0',
+    pointerEvents: 'none',
+    position: 'absolute'
+  }
+});
+var disabledItemStyles = xcss({
+  alignItems: 'center',
+  backgroundColor: 'elevation.surface.overlay',
+  color: 'color.text.disabled',
+  display: 'flex',
+  gap: 'space.150',
+  minHeight: '40px',
+  paddingBlock: 'space.100',
+  paddingInline: 'space.200',
+  textAlign: 'start',
+  width: '100%'
+});
 export var TypeAheadQuickInsertMenuItem = function TypeAheadQuickInsertMenuItem(_ref) {
   var ariaLabel = _ref.ariaLabel,
     iconBefore = _ref.iconBefore,
@@ -28,20 +86,41 @@ export var TypeAheadQuickInsertMenuItem = function TypeAheadQuickInsertMenuItem(
     id = _ref2.id,
     isSelected = _ref2.isSelected;
   var handleClick = useQuickInsertMenuItemSelection(onSelect);
-  return /*#__PURE__*/React.createElement(ButtonItem, {
+  var wrappedIcon = iconBefore && shouldWrapIcon ? /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.icon
+  }, iconBefore) : iconBefore;
+  if (!isExperimentEnabled('platform_editor_slash_command')) {
+    return /*#__PURE__*/React.createElement(ButtonItem, {
+      "aria-label": ariaLabel,
+      "aria-selected": isSelected,
+      iconBefore: wrappedIcon,
+      id: id,
+      isDisabled: isDisabled,
+      isSelected: isSelected,
+      onClick: handleClick,
+      role: "option"
+    }, /*#__PURE__*/React.createElement(Inline, {
+      alignBlock: "center",
+      spread: "space-between"
+    }, /*#__PURE__*/React.createElement(Text, null, title), shortcut && /*#__PURE__*/React.createElement(Box, {
+      as: "span",
+      xcss: styles.shortcut
+    }, shortcut)));
+  }
+  return /*#__PURE__*/React.createElement(Pressable, {
     "aria-label": ariaLabel,
     "aria-selected": isSelected,
-    iconBefore: iconBefore && shouldWrapIcon ? /*#__PURE__*/React.createElement(Box, {
-      xcss: styles.icon
-    }, iconBefore) : iconBefore,
     id: id,
     isDisabled: isDisabled,
-    isSelected: isSelected,
     onClick: handleClick,
-    role: "option"
-  }, /*#__PURE__*/React.createElement(Inline, {
+    role: "option",
+    xcss: isDisabled ? disabledItemStyles : isSelected ? selectedItemStyles : itemStyles
+  }, wrappedIcon && /*#__PURE__*/React.createElement(Box, {
+    xcss: styles.iconContainer
+  }, wrappedIcon), /*#__PURE__*/React.createElement(Inline, {
     alignBlock: "center",
-    spread: "space-between"
+    spread: "space-between",
+    xcss: styles.content
   }, /*#__PURE__*/React.createElement(Text, null, title), shortcut && /*#__PURE__*/React.createElement(Box, {
     as: "span",
     xcss: styles.shortcut

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/fg';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "121.1.0";
+var packageVersion = "121.1.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = keyframes({

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

@@ -17,7 +17,6 @@ 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 { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
 // 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';
@@ -185,7 +184,7 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
       sendVisitLinkAnalytics(INPUT_METHOD.DOUBLE_CLICK);
 
       // Double click opens the link in a new tab
-      window.open(fg('platform_smartlink_xpc_url_wrapping') ? destinationUrl !== null && destinationUrl !== void 0 ? destinationUrl : url : url, '_blank');
+      window.open(destinationUrl !== null && destinationUrl !== void 0 ? destinationUrl : url, '_blank');
     }
   };
   var handleClick = function handleClick(event) {
@@ -236,7 +235,7 @@ var HoverLinkOverlay = function HoverLinkOverlay(_ref) {
   }, label)), isHovered && jsx(Anchor, {
     ref: hoverLinkButtonRef,
     xcss: linkStylesCommon,
-    href: fg('platform_smartlink_xpc_url_wrapping') ? destinationUrl !== null && destinationUrl !== void 0 ? destinationUrl : url : url,
+    href: destinationUrl !== null && destinationUrl !== void 0 ? destinationUrl : url,
     target: "_blank"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- dynamic paddingBlock value based on experiment flags
     ,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "121.1.1",
+	"version": "121.1.2",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -84,7 +84,7 @@
 		"@atlaskit/task-decision": "^21.9.0",
 		"@atlaskit/teams-app-config": "^3.1.0",
 		"@atlaskit/textfield": "^10.2.0",
-		"@atlaskit/tmp-editor-statsig": "^179.0.0",
+		"@atlaskit/tmp-editor-statsig": "^180.0.0",
 		"@atlaskit/tokens": "^16.11.0",
 		"@atlaskit/tooltip": "^24.3.0",
 		"@atlaskit/width-detector": "^7.2.0",
@@ -238,10 +238,6 @@
 		"people-teams_migrate-user-profile-card": {
 			"type": "boolean"
 		},
-		"platform_smartlink_xpc_url_wrapping": {
-			"type": "boolean",
-			"referenceOnly": true
-		},
 		"platform_editor_ai_selection_local_ids": {
 			"type": "boolean"
 		},