@atlaskit/mention 26.0.3 → 26.1.0

package/dist/esm/components/MentionItem/index.js

@@ -23,7 +23,7 @@ import { renderHighlight } from './MentionHighlightHelpers';
 import MentionDescriptionByline from '../MentionDescriptionByline';
 import MessagesIntlProvider from '../MessagesIntlProvider';
 import { MentionAvatar } from '../MentionAvatar';
-export { MENTION_ITEM_HEIGHT } from './styles';
+export { MENTION_ITEM_HEIGHT, MENTION_ITEM_HEIGHT_REFRESHED } from './styles';
 var lozengeAppearanceToTagColor = {
   default: 'standard',
   success: 'lime',
@@ -107,7 +107,8 @@ var MentionItem = /*#__PURE__*/function (_React$PureComponent) {
       var _this$props = this.props,
         mention = _this$props.mention,
         selected = _this$props.selected,
-        forwardedRef = _this$props.forwardedRef;
+        forwardedRef = _this$props.forwardedRef,
+        height = _this$props.height;
       var id = mention.id,
         highlight = mention.highlight,
         presence = mention.presence,
@@ -123,6 +124,7 @@ var MentionItem = /*#__PURE__*/function (_React$PureComponent) {
       var xProductUserInfoIconColor = selected ? "var(--ds-icon-selected, #1868DB)" : "var(--ds-icon, #292A2E)";
       return /*#__PURE__*/React.createElement(MessagesIntlProvider, null, /*#__PURE__*/React.createElement(MentionItemStyle, {
         selected: selected,
+        height: height,
         onMouseDown: this.onMentionSelected,
         onMouseMove: this.onMentionMenuItemMouseMove,
         onMouseEnter: this.onMentionMenuItemMouseEnter,

package/dist/esm/components/MentionItem/styles.js

@@ -75,15 +75,18 @@ export var TimeStyle = styled.div({
   font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
 });
 export var MENTION_ITEM_HEIGHT = 48;
+export var MENTION_ITEM_HEIGHT_REFRESHED = 44;
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
 export var MentionItemStyle = styled.div(function (props) {
+  var _props$height;
   return {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     backgroundColor: props.selected ? "var(--ds-background-selected, #E9F2FE)" : 'transparent',
     display: 'block',
     overflow: 'hidden',
     listStyleType: 'none',
-    height: "".concat(MENTION_ITEM_HEIGHT, "px"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    height: "".concat((_props$height = props.height) !== null && _props$height !== void 0 ? _props$height : MENTION_ITEM_HEIGHT, "px"),
     // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
     lineHeight: 1.2,
     cursor: 'pointer'

package/dist/esm/item.js

@@ -1,4 +1,4 @@
-import MentionItem, { MENTION_ITEM_HEIGHT } from './components/MentionItem';
+import MentionItem, { MENTION_ITEM_HEIGHT, MENTION_ITEM_HEIGHT_REFRESHED } from './components/MentionItem';
 export {
 // Components
-MentionItem, MENTION_ITEM_HEIGHT };
+MentionItem, MENTION_ITEM_HEIGHT, MENTION_ITEM_HEIGHT_REFRESHED };

package/dist/esm/util/analytics.js

@@ -5,7 +5,7 @@ import { OPERATIONAL_EVENT_TYPE, UI_EVENT_TYPE } from '@atlaskit/analytics-gas-t
 import { ELEMENTS_CHANNEL } from '../_constants';
 import { ComponentNames, isSpecialMentionText } from '../types';
 var packageName = "@atlaskit/mention";
-var packageVersion = "26.0.2";
+var packageVersion = "26.0.4";
 export var SLI_EVENT_TYPE = 'sli';
 export var SMART_EVENT_TYPE = 'smart';
 export var fireAnalyticsMentionTypeaheadEvent = function fireAnalyticsMentionTypeaheadEvent(props) {

package/dist/esm/util/i18n.js

@@ -39,145 +39,145 @@ export var DifferentText = propFormatter(messages.differentText);
  */
 var _getMessagesForLocale = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(locale) {
-    var fragments;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
+    var fragments, _t;
+    return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          _context.t0 = locale;
-          _context.next = _context.t0 === 'cs' ? 3 : _context.t0 === 'da' ? 4 : _context.t0 === 'de' ? 5 : _context.t0 === 'en' ? 6 : _context.t0 === 'en_GB' ? 7 : _context.t0 === 'en_ZZ' ? 8 : _context.t0 === 'es' ? 9 : _context.t0 === 'et' ? 10 : _context.t0 === 'fi' ? 11 : _context.t0 === 'fr' ? 12 : _context.t0 === 'hu' ? 13 : _context.t0 === 'is' ? 14 : _context.t0 === 'it' ? 15 : _context.t0 === 'ja' ? 16 : _context.t0 === 'ko' ? 17 : _context.t0 === 'nb' ? 18 : _context.t0 === 'nl' ? 19 : _context.t0 === 'pl' ? 20 : _context.t0 === 'pt_BR' ? 21 : _context.t0 === 'pt-BR' ? 21 : _context.t0 === 'pt_PT' ? 22 : _context.t0 === 'pt-PT' ? 22 : _context.t0 === 'ro' ? 23 : _context.t0 === 'ru' ? 24 : _context.t0 === 'sk' ? 25 : _context.t0 === 'sv' ? 26 : _context.t0 === 'th' ? 27 : _context.t0 === 'tr' ? 28 : _context.t0 === 'uk' ? 29 : _context.t0 === 'vi' ? 30 : _context.t0 === 'zh_TW' ? 31 : _context.t0 === 'zh' ? 32 : 33;
+          _t = locale;
+          _context.next = _t === 'cs' ? 1 : _t === 'da' ? 2 : _t === 'de' ? 3 : _t === 'en' ? 4 : _t === 'en_GB' ? 5 : _t === 'en_ZZ' ? 6 : _t === 'es' ? 7 : _t === 'et' ? 8 : _t === 'fi' ? 9 : _t === 'fr' ? 10 : _t === 'hu' ? 11 : _t === 'is' ? 12 : _t === 'it' ? 13 : _t === 'ja' ? 14 : _t === 'ko' ? 15 : _t === 'nb' ? 16 : _t === 'nl' ? 17 : _t === 'pl' ? 18 : _t === 'pt_BR' ? 19 : _t === 'pt-BR' ? 19 : _t === 'pt_PT' ? 20 : _t === 'pt-PT' ? 20 : _t === 'ro' ? 21 : _t === 'ru' ? 22 : _t === 'sk' ? 23 : _t === 'sv' ? 24 : _t === 'th' ? 25 : _t === 'tr' ? 26 : _t === 'uk' ? 27 : _t === 'vi' ? 28 : _t === 'zh_TW' ? 29 : _t === 'zh' ? 30 : 31;
           break;
-        case 3:
+        case 1:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-cs" */'../i18n/cs').then(function (mod) {
             return mod.default;
           }));
-        case 4:
+        case 2:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-da" */'../i18n/da').then(function (mod) {
             return mod.default;
           }));
-        case 5:
+        case 3:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-de" */'../i18n/de').then(function (mod) {
             return mod.default;
           }));
-        case 6:
+        case 4:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-en" */'../i18n/en').then(function (mod) {
             return mod.default;
           }));
-        case 7:
+        case 5:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-en_GB" */'../i18n/en_GB').then(function (mod) {
             return mod.default;
           }));
-        case 8:
+        case 6:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-en_ZZ" */'../i18n/en_ZZ').then(function (mod) {
             return mod.default;
           }));
-        case 9:
+        case 7:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-es" */'../i18n/es').then(function (mod) {
             return mod.default;
           }));
-        case 10:
+        case 8:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-et" */'../i18n/et').then(function (mod) {
             return mod.default;
           }));
-        case 11:
+        case 9:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-fi" */'../i18n/fi').then(function (mod) {
             return mod.default;
           }));
-        case 12:
+        case 10:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-fr" */'../i18n/fr').then(function (mod) {
             return mod.default;
           }));
-        case 13:
+        case 11:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-hu" */'../i18n/hu').then(function (mod) {
             return mod.default;
           }));
-        case 14:
+        case 12:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-is" */'../i18n/is').then(function (mod) {
             return mod.default;
           }));
-        case 15:
+        case 13:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-it" */'../i18n/it').then(function (mod) {
             return mod.default;
           }));
-        case 16:
+        case 14:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-ja" */'../i18n/ja').then(function (mod) {
             return mod.default;
           }));
-        case 17:
+        case 15:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-ko" */'../i18n/ko').then(function (mod) {
             return mod.default;
           }));
-        case 18:
+        case 16:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-nb" */'../i18n/nb').then(function (mod) {
             return mod.default;
           }));
-        case 19:
+        case 17:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-nl" */'../i18n/nl').then(function (mod) {
             return mod.default;
           }));
-        case 20:
+        case 18:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-pl" */'../i18n/pl').then(function (mod) {
             return mod.default;
           }));
-        case 21:
+        case 19:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-pt_BR" */'../i18n/pt_BR').then(function (mod) {
             return mod.default;
           }));
-        case 22:
+        case 20:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-pt_PT" */'../i18n/pt_PT').then(function (mod) {
             return mod.default;
           }));
-        case 23:
+        case 21:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-ro" */'../i18n/ro').then(function (mod) {
             return mod.default;
           }));
-        case 24:
+        case 22:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-ru" */'../i18n/ru').then(function (mod) {
             return mod.default;
           }));
-        case 25:
+        case 23:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-sk" */'../i18n/sk').then(function (mod) {
             return mod.default;
           }));
-        case 26:
+        case 24:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-sv" */'../i18n/sv').then(function (mod) {
             return mod.default;
           }));
-        case 27:
+        case 25:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-th" */'../i18n/th').then(function (mod) {
             return mod.default;
           }));
-        case 28:
+        case 26:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-tr" */'../i18n/tr').then(function (mod) {
             return mod.default;
           }));
-        case 29:
+        case 27:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-uk" */'../i18n/uk').then(function (mod) {
             return mod.default;
           }));
-        case 30:
+        case 28:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-vi" */'../i18n/vi').then(function (mod) {
             return mod.default;
           }));
-        case 31:
+        case 29:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-zh_TW" */'../i18n/zh_TW').then(function (mod) {
             return mod.default;
           }));
-        case 32:
+        case 30:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-zh" */'../i18n/zh').then(function (mod) {
             return mod.default;
           }));
-        case 33:
+        case 31:
           fragments = locale.split(/[_-]/);
           if (!(fragments.length === 2)) {
-            _context.next = 38;
+            _context.next = 32;
             break;
           }
           return _context.abrupt("return", _getMessagesForLocale(fragments[0]));
-        case 38:
+        case 32:
           return _context.abrupt("return", import( /* webpackChunkName: "@atlaskit-internal_mention-i18n-en" */'../i18n/en').then(function (mod) {
             return mod.default;
           }));
-        case 39:
+        case 33:
         case "end":
           return _context.stop();
       }

package/dist/types/components/MentionItem/index.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 import { type MentionDescription, type OnMentionEvent } from '../../types';
-export { MENTION_ITEM_HEIGHT } from './styles';
+export { MENTION_ITEM_HEIGHT, MENTION_ITEM_HEIGHT_REFRESHED } from './styles';
 export interface Props {
     forwardedRef?: React.Ref<HTMLDivElement>;
+    height?: number;
     mention: MentionDescription;
     onMouseEnter?: OnMentionEvent;
     onMouseMove?: OnMentionEvent;

package/dist/types/components/MentionItem/styles.d.ts

@@ -2,6 +2,7 @@ import { type StyledComponent } from '@emotion/styled';
 import type { Theme } from '@emotion/react';
 import type { DetailedHTMLProps, HTMLAttributes } from 'react';
 export interface MentionItemStyleProps {
+    height?: number;
     selected?: boolean;
 }
 export interface AvatarSectionStyleProps {
@@ -38,6 +39,7 @@ export declare const TimeStyle: StyledComponent<{
     theme?: Theme;
 }, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const MENTION_ITEM_HEIGHT = 48;
+export declare const MENTION_ITEM_HEIGHT_REFRESHED = 44;
 export declare const MentionItemStyle: StyledComponent<{
     as?: React.ElementType;
     theme?: Theme;

package/dist/types/item.d.ts

@@ -1,2 +1,2 @@
-import MentionItem, { MENTION_ITEM_HEIGHT } from './components/MentionItem';
-export { MentionItem, MENTION_ITEM_HEIGHT, };
+import MentionItem, { MENTION_ITEM_HEIGHT, MENTION_ITEM_HEIGHT_REFRESHED } from './components/MentionItem';
+export { MentionItem, MENTION_ITEM_HEIGHT, MENTION_ITEM_HEIGHT_REFRESHED, };

package/dist/types-ts4.5/components/MentionItem/index.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 import { type MentionDescription, type OnMentionEvent } from '../../types';
-export { MENTION_ITEM_HEIGHT } from './styles';
+export { MENTION_ITEM_HEIGHT, MENTION_ITEM_HEIGHT_REFRESHED } from './styles';
 export interface Props {
     forwardedRef?: React.Ref<HTMLDivElement>;
+    height?: number;
     mention: MentionDescription;
     onMouseEnter?: OnMentionEvent;
     onMouseMove?: OnMentionEvent;

package/dist/types-ts4.5/components/MentionItem/styles.d.ts

@@ -2,6 +2,7 @@ import { type StyledComponent } from '@emotion/styled';
 import type { Theme } from '@emotion/react';
 import type { DetailedHTMLProps, HTMLAttributes } from 'react';
 export interface MentionItemStyleProps {
+    height?: number;
     selected?: boolean;
 }
 export interface AvatarSectionStyleProps {
@@ -38,6 +39,7 @@ export declare const TimeStyle: StyledComponent<{
     theme?: Theme;
 }, DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const MENTION_ITEM_HEIGHT = 48;
+export declare const MENTION_ITEM_HEIGHT_REFRESHED = 44;
 export declare const MentionItemStyle: StyledComponent<{
     as?: React.ElementType;
     theme?: Theme;

package/dist/types-ts4.5/item.d.ts

@@ -1,2 +1,2 @@
-import MentionItem, { MENTION_ITEM_HEIGHT } from './components/MentionItem';
-export { MentionItem, MENTION_ITEM_HEIGHT, };
+import MentionItem, { MENTION_ITEM_HEIGHT, MENTION_ITEM_HEIGHT_REFRESHED } from './components/MentionItem';
+export { MentionItem, MENTION_ITEM_HEIGHT, MENTION_ITEM_HEIGHT_REFRESHED, };

package/package.json

@@ -26,20 +26,20 @@
 		"access": "public"
 	},
 	"dependencies": {
-		"@atlaskit/afm-i18n-platform-elements-mention": "2.130.0",
+		"@atlaskit/afm-i18n-platform-elements-mention": "2.142.0",
 		"@atlaskit/analytics-gas-types": "^5.1.0",
-		"@atlaskit/analytics-next": "^11.2.0",
+		"@atlaskit/analytics-next": "^11.3.0",
 		"@atlaskit/avatar": "^25.15.0",
 		"@atlaskit/focus-ring": "^3.1.0",
 		"@atlaskit/heading": "^5.4.0",
-		"@atlaskit/icon": "^35.1.0",
+		"@atlaskit/icon": "^35.4.0",
 		"@atlaskit/lozenge": "^13.8.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^19.0.0",
-		"@atlaskit/tag": "^14.14.0",
+		"@atlaskit/tag": "^14.15.0",
 		"@atlaskit/teams-avatar": "^2.7.0",
-		"@atlaskit/tokens": "^13.0.0",
-		"@atlaskit/tooltip": "^22.3.0",
+		"@atlaskit/tokens": "^13.1.0",
+		"@atlaskit/tooltip": "^22.6.0",
 		"@atlaskit/ufo": "^0.5.0",
 		"@atlaskit/util-service-support": "^6.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -53,7 +53,6 @@
 		"@af/integration-testing": "workspace:^",
 		"@af/search-test-utils": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/elements-test-helpers": "workspace:^",
 		"@atlassian/a11y-jest-testing": "^0.11.0",
 		"@atlassian/a11y-playwright-testing": "^0.10.0",
 		"@atlassian/feature-flags-test-utils": "^1.1.0",
@@ -121,5 +120,5 @@
 			]
 		}
 	},
-	"version": "26.0.3"
+	"version": "26.1.0"
 }