@atlaskit/editor-plugin-mentions 32.0.2 → 32.0.4

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @atlaskit/editor-plugin-mentions
 
+## 32.0.4
+
+### Patch Changes
+
+- [`69008f6bdcb98`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/69008f6bdcb98) -
+  Adjust all mention picker rows and emoji results to use 6px vertical padding, 8px between rows,
+  and 2px between primary and secondary text behind platform_editor_mentions_email_search.
+
+  Center the avatar and text within the 50px selection row and reserve the 8px gap outside the
+  selection and focus backgrounds.
+
+  Share the presentational picker row between mentions and emoji through
+  `@atlaskit/user-picker/picker-item-content`.
+
+  Apply the same gated preview spacing to the emoji picker footer, and use 12px horizontal padding
+  and avatar-to-text spacing for both mentions and emoji.
+
+  Consolidate byline formatting within the email-search layout, keeping the original byline
+  components in the legacy path and subtext presentation internal to each layout.
+
+- Updated dependencies
+
+## 32.0.3
+
+### Patch Changes
+
+- [`7efec208f3bb4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7efec208f3bb4) -
+  Remove unused runtime dependencies
+- Updated dependencies
+
 ## 32.0.2
 
 ### Patch Changes

package/dist/cjs/pm-plugins/main.js

@@ -45,7 +45,7 @@ var ACTIONS = exports.ACTIONS = {
   CLEAR_PENDING_PASTED_AGENT_MENTION: 'CLEAR_PENDING_PASTED_AGENT_MENTION'
 };
 var PACKAGE_NAME = "@atlaskit/editor-plugin-mentions";
-var PACKAGE_VERSION = "32.0.1";
+var PACKAGE_VERSION = "32.0.3";
 var setProvider = function setProvider(provider) {
   return function (state, dispatch) {
     if (dispatch) {

package/dist/cjs/ui/type-ahead/AgentMentionLoadErrorItem.compiled.css

@@ -1,9 +1,11 @@
 ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._189eidpf{border-width:0}
 ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
+._1rjc12x7{padding-block:var(--ds-space-075,6px)}
 ._1rjcu2gc{padding-block:var(--ds-space-100,8px)}
 ._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}
+._1tke12am{min-height:50px}
 ._1tke1ylp{min-height:40px}
 ._4cvr1h6o{align-items:center}
 ._80omtlke{cursor:pointer}

package/dist/cjs/ui/type-ahead/AgentMentionLoadErrorItem.js

@@ -14,12 +14,14 @@ var _runtime = require("@compiled/react/runtime");
 var _reactIntl = require("react-intl");
 var _mentions = require("@atlaskit/editor-common/messages/mentions");
 var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
+var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _inline = require("@atlaskit/primitives/compiled/inline");
 var _text = require("@atlaskit/primitives/compiled/text");
 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 styles = {
   retryRow: "_11c8fhey _189eidpf _1rjcu2gc _18zrutpp _4cvr1h6o _bfhk1j28 _vchhusvi _syazazsu _80omtlke _1e0c1txw _1tke1ylp _y3gn1e5h _1bsb1osq",
-  retryText: "_11c8fhey _syaz13af"
+  retryText: "_11c8fhey _syaz13af",
+  spacedRow: "_1rjc12x7 _1tke12am"
 };
 var AgentMentionLoadErrorItem = exports.AgentMentionLoadErrorItem = function AgentMentionLoadErrorItem(_ref) {
   var onRetry = _ref.onRetry;
@@ -37,7 +39,7 @@ var AgentMentionLoadErrorItem = exports.AgentMentionLoadErrorItem = function Age
     onMouseDown: handleMouseDown,
     onClick: handleClick,
     "data-testid": "agent-mention-load-error-item",
-    className: (0, _runtime.ax)([styles.retryRow])
+    className: (0, _runtime.ax)([styles.retryRow, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_mentions_email_search') && styles.spacedRow])
   }, /*#__PURE__*/React.createElement(_inline.Inline, {
     alignBlock: "center",
     space: "space.100"

package/dist/cjs/ui/type-ahead/index.js

@@ -25,6 +25,7 @@ var _styles = require("@atlaskit/mention/mention-item/styles");
 var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-experiment-enabled");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expVal = require("@atlaskit/tmp-editor-statsig/expVal");
+var _pickerItemContent = require("@atlaskit/user-picker/picker-item-content");
 var _editorCommands = require("../../editor-commands");
 var _key = require("../../pm-plugins/key");
 var _main = require("../../pm-plugins/main");
@@ -126,7 +127,8 @@ var makeMentionToTypeaheadItem = function makeMentionToTypeaheadItem(_ref4) {
   var useRefreshedItemHeight = _ref4.useRefreshedItemHeight,
     profilecardProvider = _ref4.profilecardProvider;
   return function (mention) {
-    var itemHeight = useRefreshedItemHeight ? _styles.MENTION_ITEM_HEIGHT_REFRESHED : _styles.MENTION_ITEM_HEIGHT;
+    var itemHeight = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_mentions_email_search') ? _pickerItemContent.PICKER_ITEM_HEIGHT : useRefreshedItemHeight ? _styles.MENTION_ITEM_HEIGHT_REFRESHED : _styles.MENTION_ITEM_HEIGHT;
+    var customComponentHeight = (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_mentions_email_search') ? itemHeight + 8 : itemHeight;
     if (isAgentMentionLoadErrorEnabled(mention)) {
       return {
         title: mention.id,
@@ -137,7 +139,7 @@ var makeMentionToTypeaheadItem = function makeMentionToTypeaheadItem(_ref4) {
           });
         },
         getCustomComponentHeight: function getCustomComponentHeight() {
-          return itemHeight;
+          return customComponentHeight;
         },
         mention: mention
       };
@@ -158,7 +160,7 @@ var makeMentionToTypeaheadItem = function makeMentionToTypeaheadItem(_ref4) {
           });
         },
         getCustomComponentHeight: function getCustomComponentHeight() {
-          return itemHeight;
+          return customComponentHeight;
         },
         mention: mention
       };
@@ -184,7 +186,7 @@ var makeMentionToTypeaheadItem = function makeMentionToTypeaheadItem(_ref4) {
         });
       },
       getCustomComponentHeight: function getCustomComponentHeight() {
-        return itemHeight;
+        return customComponentHeight;
       },
       mention: mention
     };

package/dist/es2019/pm-plugins/main.js

@@ -34,7 +34,7 @@ export const ACTIONS = {
   CLEAR_PENDING_PASTED_AGENT_MENTION: 'CLEAR_PENDING_PASTED_AGENT_MENTION'
 };
 const PACKAGE_NAME = "@atlaskit/editor-plugin-mentions";
-const PACKAGE_VERSION = "32.0.1";
+const PACKAGE_VERSION = "32.0.3";
 const setProvider = provider => (state, dispatch) => {
   if (dispatch) {
     dispatch(state.tr.setMeta(mentionPluginKey, {

package/dist/es2019/ui/type-ahead/AgentMentionLoadErrorItem.compiled.css

@@ -1,9 +1,11 @@
 ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._189eidpf{border-width:0}
 ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
+._1rjc12x7{padding-block:var(--ds-space-075,6px)}
 ._1rjcu2gc{padding-block:var(--ds-space-100,8px)}
 ._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}
+._1tke12am{min-height:50px}
 ._1tke1ylp{min-height:40px}
 ._4cvr1h6o{align-items:center}
 ._80omtlke{cursor:pointer}

package/dist/es2019/ui/type-ahead/AgentMentionLoadErrorItem.js

@@ -6,11 +6,13 @@ import { useCallback } from 'react';
 import { useIntl } from 'react-intl';
 import { mentionMessages } from '@atlaskit/editor-common/messages/mentions';
 import StatusErrorIcon from '@atlaskit/icon/core/status-error';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { Inline } from '@atlaskit/primitives/compiled/inline';
 import { Text } from '@atlaskit/primitives/compiled/text';
 const styles = {
   retryRow: "_11c8fhey _189eidpf _1rjcu2gc _18zrutpp _4cvr1h6o _bfhk1j28 _vchhusvi _syazazsu _80omtlke _1e0c1txw _1tke1ylp _y3gn1e5h _1bsb1osq",
-  retryText: "_11c8fhey _syaz13af"
+  retryText: "_11c8fhey _syaz13af",
+  spacedRow: "_1rjc12x7 _1tke12am"
 };
 export const AgentMentionLoadErrorItem = ({
   onRetry
@@ -29,7 +31,7 @@ export const AgentMentionLoadErrorItem = ({
     onMouseDown: handleMouseDown,
     onClick: handleClick,
     "data-testid": "agent-mention-load-error-item",
-    className: ax([styles.retryRow])
+    className: ax([styles.retryRow, isExperimentEnabled('platform_editor_mentions_email_search') && styles.spacedRow])
   }, /*#__PURE__*/React.createElement(Inline, {
     alignBlock: "center",
     space: "space.100"

package/dist/es2019/ui/type-ahead/index.js

@@ -15,6 +15,7 @@ import { MENTION_ITEM_HEIGHT, MENTION_ITEM_HEIGHT_REFRESHED } from '@atlaskit/me
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
+import { PICKER_ITEM_HEIGHT } from '@atlaskit/user-picker/picker-item-content';
 import { createSingleMentionFragment } from '../../editor-commands';
 import { mentionPluginKey } from '../../pm-plugins/key';
 import { ACTIONS } from '../../pm-plugins/main';
@@ -95,7 +96,8 @@ const makeMentionToTypeaheadItem = ({
   useRefreshedItemHeight,
   profilecardProvider
 }) => mention => {
-  const itemHeight = useRefreshedItemHeight ? MENTION_ITEM_HEIGHT_REFRESHED : MENTION_ITEM_HEIGHT;
+  const itemHeight = isExperimentEnabled('platform_editor_mentions_email_search') ? PICKER_ITEM_HEIGHT : useRefreshedItemHeight ? MENTION_ITEM_HEIGHT_REFRESHED : MENTION_ITEM_HEIGHT;
+  const customComponentHeight = isExperimentEnabled('platform_editor_mentions_email_search') ? itemHeight + 8 : itemHeight;
   if (isAgentMentionLoadErrorEnabled(mention)) {
     return {
       title: mention.id,
@@ -105,7 +107,7 @@ const makeMentionToTypeaheadItem = ({
         onRetry: onClick
       }),
       getCustomComponentHeight: () => {
-        return itemHeight;
+        return customComponentHeight;
       },
       mention
     };
@@ -125,7 +127,7 @@ const makeMentionToTypeaheadItem = ({
         profilecardProvider: profilecardProvider
       }),
       getCustomComponentHeight: () => {
-        return itemHeight;
+        return customComponentHeight;
       },
       mention
     };
@@ -150,7 +152,7 @@ const makeMentionToTypeaheadItem = ({
       height: itemHeight
     }),
     getCustomComponentHeight: () => {
-      return itemHeight;
+      return customComponentHeight;
     },
     mention
   };

package/dist/esm/pm-plugins/main.js

@@ -37,7 +37,7 @@ export var ACTIONS = {
   CLEAR_PENDING_PASTED_AGENT_MENTION: 'CLEAR_PENDING_PASTED_AGENT_MENTION'
 };
 var PACKAGE_NAME = "@atlaskit/editor-plugin-mentions";
-var PACKAGE_VERSION = "32.0.1";
+var PACKAGE_VERSION = "32.0.3";
 var setProvider = function setProvider(provider) {
   return function (state, dispatch) {
     if (dispatch) {

package/dist/esm/ui/type-ahead/AgentMentionLoadErrorItem.compiled.css

@@ -1,9 +1,11 @@
 ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._189eidpf{border-width:0}
 ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
+._1rjc12x7{padding-block:var(--ds-space-075,6px)}
 ._1rjcu2gc{padding-block:var(--ds-space-100,8px)}
 ._1bsb1osq{width:100%}
 ._1e0c1txw{display:flex}
+._1tke12am{min-height:50px}
 ._1tke1ylp{min-height:40px}
 ._4cvr1h6o{align-items:center}
 ._80omtlke{cursor:pointer}

package/dist/esm/ui/type-ahead/AgentMentionLoadErrorItem.js

@@ -6,11 +6,13 @@ import { useCallback } from 'react';
 import { useIntl } from 'react-intl';
 import { mentionMessages } from '@atlaskit/editor-common/messages/mentions';
 import StatusErrorIcon from '@atlaskit/icon/core/status-error';
+import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { Inline } from '@atlaskit/primitives/compiled/inline';
 import { Text } from '@atlaskit/primitives/compiled/text';
 var styles = {
   retryRow: "_11c8fhey _189eidpf _1rjcu2gc _18zrutpp _4cvr1h6o _bfhk1j28 _vchhusvi _syazazsu _80omtlke _1e0c1txw _1tke1ylp _y3gn1e5h _1bsb1osq",
-  retryText: "_11c8fhey _syaz13af"
+  retryText: "_11c8fhey _syaz13af",
+  spacedRow: "_1rjc12x7 _1tke12am"
 };
 export var AgentMentionLoadErrorItem = function AgentMentionLoadErrorItem(_ref) {
   var onRetry = _ref.onRetry;
@@ -28,7 +30,7 @@ export var AgentMentionLoadErrorItem = function AgentMentionLoadErrorItem(_ref)
     onMouseDown: handleMouseDown,
     onClick: handleClick,
     "data-testid": "agent-mention-load-error-item",
-    className: ax([styles.retryRow])
+    className: ax([styles.retryRow, isExperimentEnabled('platform_editor_mentions_email_search') && styles.spacedRow])
   }, /*#__PURE__*/React.createElement(Inline, {
     alignBlock: "center",
     space: "space.100"

package/dist/esm/ui/type-ahead/index.js

@@ -22,6 +22,7 @@ import { MENTION_ITEM_HEIGHT, MENTION_ITEM_HEIGHT_REFRESHED } from '@atlaskit/me
 import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-experiment-enabled';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expVal } from '@atlaskit/tmp-editor-statsig/expVal';
+import { PICKER_ITEM_HEIGHT } from '@atlaskit/user-picker/picker-item-content';
 import { createSingleMentionFragment } from '../../editor-commands';
 import { mentionPluginKey } from '../../pm-plugins/key';
 import { ACTIONS } from '../../pm-plugins/main';
@@ -117,7 +118,8 @@ var makeMentionToTypeaheadItem = function makeMentionToTypeaheadItem(_ref4) {
   var useRefreshedItemHeight = _ref4.useRefreshedItemHeight,
     profilecardProvider = _ref4.profilecardProvider;
   return function (mention) {
-    var itemHeight = useRefreshedItemHeight ? MENTION_ITEM_HEIGHT_REFRESHED : MENTION_ITEM_HEIGHT;
+    var itemHeight = isExperimentEnabled('platform_editor_mentions_email_search') ? PICKER_ITEM_HEIGHT : useRefreshedItemHeight ? MENTION_ITEM_HEIGHT_REFRESHED : MENTION_ITEM_HEIGHT;
+    var customComponentHeight = isExperimentEnabled('platform_editor_mentions_email_search') ? itemHeight + 8 : itemHeight;
     if (isAgentMentionLoadErrorEnabled(mention)) {
       return {
         title: mention.id,
@@ -128,7 +130,7 @@ var makeMentionToTypeaheadItem = function makeMentionToTypeaheadItem(_ref4) {
           });
         },
         getCustomComponentHeight: function getCustomComponentHeight() {
-          return itemHeight;
+          return customComponentHeight;
         },
         mention: mention
       };
@@ -149,7 +151,7 @@ var makeMentionToTypeaheadItem = function makeMentionToTypeaheadItem(_ref4) {
           });
         },
         getCustomComponentHeight: function getCustomComponentHeight() {
-          return itemHeight;
+          return customComponentHeight;
         },
         mention: mention
       };
@@ -175,7 +177,7 @@ var makeMentionToTypeaheadItem = function makeMentionToTypeaheadItem(_ref4) {
         });
       },
       getCustomComponentHeight: function getCustomComponentHeight() {
-        return itemHeight;
+        return customComponentHeight;
       },
       mention: mention
     };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-mentions",
-	"version": "32.0.2",
+	"version": "32.0.4",
 	"description": "Mentions plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -30,27 +30,26 @@
 		"@atlaskit/editor-plugin-selection": "^30.0.0",
 		"@atlaskit/editor-plugin-type-ahead": "^31.0.0",
 		"@atlaskit/editor-prosemirror": "^9.0.0",
-		"@atlaskit/feature-gate-js-client": "^7.0.0",
 		"@atlaskit/icon": "^38.0.0",
 		"@atlaskit/insm": "^3.0.0",
 		"@atlaskit/link": "^5.1.0",
 		"@atlaskit/lozenge": "^17.0.0",
-		"@atlaskit/mention": "^30.5.0",
+		"@atlaskit/mention": "^30.7.0",
 		"@atlaskit/node-data-provider": "^31.0.0",
 		"@atlaskit/platform-feature-experiments": "^0.3.0",
 		"@atlaskit/platform-feature-flags": "^2.2.0",
 		"@atlaskit/popper": "^9.4.0",
-		"@atlaskit/popup": "^10.0.0",
+		"@atlaskit/popup": "^10.1.0",
 		"@atlaskit/portal": "^7.1.0",
 		"@atlaskit/primitives": "^22.6.0",
-		"@atlaskit/profilecard": "^27.3.0",
+		"@atlaskit/profilecard": "^27.4.0",
 		"@atlaskit/section-message": "^10.2.0",
 		"@atlaskit/teams-app-config": "^3.1.0",
 		"@atlaskit/theme": "^28.2.0",
-		"@atlaskit/tmp-editor-statsig": "^248.0.0",
+		"@atlaskit/tmp-editor-statsig": "^248.1.0",
 		"@atlaskit/tokens": "^20.8.0",
 		"@atlaskit/tooltip": "^24.4.0",
-		"@atlaskit/user-picker": "^14.3.0",
+		"@atlaskit/user-picker": "^14.5.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^1.0.2",
 		"bind-event-listener": "^3.0.0",
@@ -60,16 +59,15 @@
 		"uuid": "^11.1.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^134.1.0",
+		"@atlaskit/editor-common": "^134.2.0",
 		"react": "^18.2.0 || ^19.2.0",
 		"react-dom": "^18.2.0 || ^19.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},
 	"devDependencies": {
 		"@atlaskit/button": "^25.6.0",
-		"@atlaskit/editor-core": "^241.0.0",
+		"@atlaskit/editor-core": "^242.0.0",
 		"@atlassian/workbench": "workspace:*",
-		"@testing-library/react": "^16.3.0",
 		"react": "^19.2.0",
 		"react-dom": "^19.2.0",
 		"react-intl": "^7.0.0"