@atlaskit/mention 26.0.3 → 26.1.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/mention
 
+## 26.1.0
+
+### Minor Changes
+
+- [`7567557c596c7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7567557c596c7) -
+  [ux] Update mention item styling platform_editor_agent_mentions
+
+## 26.0.4
+
+### Patch Changes
+
+- [`2a75c1be2244e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2a75c1be2244e) -
+  Removed usage of @atlaskit/elements-test-helpers from tests
+- Updated dependencies
+
 ## 26.0.3
 
 ### Patch Changes

package/dist/cjs/api/MentionResource.js

@@ -85,12 +85,12 @@ var AbstractResource = exports.AbstractResource = /*#__PURE__*/function () {
     }
   }]);
 }();
-var AbstractMentionResource = exports.AbstractMentionResource = /*#__PURE__*/function (_ref) {
+var AbstractMentionResource = exports.AbstractMentionResource = /*#__PURE__*/function (_AbstractResource) {
   function AbstractMentionResource() {
     (0, _classCallCheck2.default)(this, AbstractMentionResource);
     return _callSuper(this, AbstractMentionResource, arguments);
   }
-  (0, _inherits2.default)(AbstractMentionResource, _ref);
+  (0, _inherits2.default)(AbstractMentionResource, _AbstractResource);
   return (0, _createClass2.default)(AbstractMentionResource, [{
     key: "shouldHighlightMention",
     value: function shouldHighlightMention(_mention) {
@@ -236,42 +236,42 @@ var MentionResource = exports.MentionResource = /*#__PURE__*/function (_Abstract
     key: "filter",
     value: function () {
       var _filter = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(query, contextIdentifier) {
-        var searchTime, results, searchResponse;
-        return _regenerator.default.wrap(function _callee$(_context) {
+        var searchTime, results, searchResponse, _t;
+        return _regenerator.default.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
               searchTime = Date.now();
               if (query) {
-                _context.next = 8;
+                _context.next = 2;
                 break;
               }
-              _context.next = 5;
+              _context.next = 1;
               return this.initialState(contextIdentifier);
-            case 5:
+            case 1:
               results = _context.sent;
-              _context.next = 13;
+              _context.next = 4;
               break;
-            case 8:
+            case 2:
               this.activeSearches.add(query);
               searchResponse = this.search(query, contextIdentifier);
-              _context.next = 12;
+              _context.next = 3;
               return searchResponse.mentions;
-            case 12:
+            case 3:
               results = _context.sent;
-            case 13:
+            case 4:
               this.notify(searchTime, results, query);
-              _context.next = 19;
+              _context.next = 6;
               break;
-            case 16:
-              _context.prev = 16;
-              _context.t0 = _context["catch"](0);
-              this.notifyError(_context.t0, query);
-            case 19:
+            case 5:
+              _context.prev = 5;
+              _t = _context["catch"](0);
+              this.notifyError(_t, query);
+            case 6:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[0, 16]]);
+        }, _callee, this, [[0, 5]]);
       }));
       function filter(_x, _x2) {
         return _filter.apply(this, arguments);
@@ -372,8 +372,8 @@ var MentionResource = exports.MentionResource = /*#__PURE__*/function (_Abstract
     key: "remoteInitialState",
     value: (function () {
       var _remoteInitialState = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(contextIdentifier) {
-        var queryParams, configHeaders, options, result;
-        return _regenerator.default.wrap(function _callee2$(_context2) {
+        var queryParams, configHeaders, options, result, _t2;
+        return _regenerator.default.wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               queryParams = this.getQueryParams(contextIdentifier);
@@ -386,23 +386,23 @@ var MentionResource = exports.MentionResource = /*#__PURE__*/function (_Abstract
                   headers: configHeaders
                 }
               });
-              _context2.prev = 3;
-              _context2.next = 6;
+              _context2.prev = 1;
+              _context2.next = 2;
               return _utilServiceSupport.utils.requestService(this.config, options);
-            case 6:
+            case 2:
               result = _context2.sent;
               this._notifyAnalyticsListeners(_analytics.SLI_EVENT_TYPE, _types.SliNames.INITIAL_STATE, _types.Actions.SUCCEEDED);
               return _context2.abrupt("return", this.transformServiceResponse(result, ''));
-            case 11:
-              _context2.prev = 11;
-              _context2.t0 = _context2["catch"](3);
+            case 3:
+              _context2.prev = 3;
+              _t2 = _context2["catch"](1);
               this._notifyAnalyticsListeners(_analytics.SLI_EVENT_TYPE, _types.SliNames.INITIAL_STATE, _types.Actions.FAILED);
-              throw _context2.t0;
-            case 15:
+              throw _t2;
+            case 4:
             case "end":
               return _context2.stop();
           }
-        }, _callee2, this, [[3, 11]]);
+        }, _callee2, this, [[1, 3]]);
       }));
       function remoteInitialState(_x3) {
         return _remoteInitialState.apply(this, arguments);
@@ -420,8 +420,8 @@ var MentionResource = exports.MentionResource = /*#__PURE__*/function (_Abstract
     key: "remoteSearch",
     value: function () {
       var _remoteSearch = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(query, contextIdentifier) {
-        var configHeaders, options, result;
-        return _regenerator.default.wrap(function _callee3$(_context3) {
+        var configHeaders, options, result, _t3;
+        return _regenerator.default.wrap(function (_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               configHeaders = this.config.headers;
@@ -436,23 +436,23 @@ var MentionResource = exports.MentionResource = /*#__PURE__*/function (_Abstract
                   headers: configHeaders
                 }
               });
-              _context3.prev = 2;
-              _context3.next = 5;
+              _context3.prev = 1;
+              _context3.next = 2;
               return _utilServiceSupport.utils.requestService(this.config, options);
-            case 5:
+            case 2:
               result = _context3.sent;
               this._notifyAnalyticsListeners(_analytics.SLI_EVENT_TYPE, _types.SliNames.SEARCH, _types.Actions.SUCCEEDED);
               return _context3.abrupt("return", this.transformServiceResponse(result, query));
-            case 10:
-              _context3.prev = 10;
-              _context3.t0 = _context3["catch"](2);
+            case 3:
+              _context3.prev = 3;
+              _t3 = _context3["catch"](1);
               this._notifyAnalyticsListeners(_analytics.SLI_EVENT_TYPE, _types.SliNames.SEARCH, _types.Actions.FAILED);
-              throw _context3.t0;
-            case 14:
+              throw _t3;
+            case 4:
             case "end":
               return _context3.stop();
           }
-        }, _callee3, this, [[2, 10]]);
+        }, _callee3, this, [[1, 3]]);
       }));
       function remoteSearch(_x4, _x5) {
         return _remoteSearch.apply(this, arguments);

package/dist/cjs/api/TeamMentionResource.js

@@ -69,7 +69,7 @@ var TeamMentionResource = exports.default = /*#__PURE__*/function (_MentionResou
     value: (function () {
       var _remoteInitialStateTeamAndUsers = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(contextIdentifier) {
         var emptyQuery, getUserPromise, queryParams, configHeaders, options, getTeamsPromise;
-        return _regenerator.default.wrap(function _callee$(_context) {
+        return _regenerator.default.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               emptyQuery = '';
@@ -86,7 +86,7 @@ var TeamMentionResource = exports.default = /*#__PURE__*/function (_MentionResou
               });
               getTeamsPromise = _utilServiceSupport.utils.requestService(this.teamMentionConfig, options);
               this.handleBothRequests(emptyQuery, getUserPromise, getTeamsPromise);
-            case 7:
+            case 1:
             case "end":
               return _context.stop();
           }
@@ -110,8 +110,8 @@ var TeamMentionResource = exports.default = /*#__PURE__*/function (_MentionResou
     value: (function () {
       var _handleBothRequests = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(query, userRequest, teamRequest) {
         var _this2 = this;
-        var searchTime, accumulatedResults, notifyWhenOneRequestDone, userResults, userRequestError, teamRequestError, teamsResult;
-        return _regenerator.default.wrap(function _callee2$(_context2) {
+        var searchTime, accumulatedResults, notifyWhenOneRequestDone, userResults, userRequestError, teamRequestError, teamsResult, _t, _t2;
+        return _regenerator.default.wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               searchTime = Date.now();
@@ -138,44 +138,44 @@ var TeamMentionResource = exports.default = /*#__PURE__*/function (_MentionResou
               };
               userRequestError = null;
               teamRequestError = null;
-              _context2.prev = 5;
-              _context2.next = 8;
+              _context2.prev = 1;
+              _context2.next = 2;
               return userRequest;
-            case 8:
+            case 2:
               userResults = _context2.sent;
               notifyWhenOneRequestDone(userResults, false);
-              _context2.next = 15;
+              _context2.next = 4;
               break;
-            case 12:
-              _context2.prev = 12;
-              _context2.t0 = _context2["catch"](5);
-              userRequestError = _context2.t0;
-            case 15:
-              _context2.prev = 15;
-              _context2.next = 18;
+            case 3:
+              _context2.prev = 3;
+              _t = _context2["catch"](1);
+              userRequestError = _t;
+            case 4:
+              _context2.prev = 4;
+              _context2.next = 5;
               return teamRequest;
-            case 18:
+            case 5:
               teamsResult = _context2.sent;
               // update search time after team results returns
               notifyWhenOneRequestDone(Array.isArray(teamsResult) ? this.convertTeamResultToMentionResult(teamsResult, query) : teamsResult, true);
-              _context2.next = 25;
+              _context2.next = 7;
               break;
-            case 22:
-              _context2.prev = 22;
-              _context2.t1 = _context2["catch"](15);
-              teamRequestError = _context2.t1;
-            case 25:
+            case 6:
+              _context2.prev = 6;
+              _t2 = _context2["catch"](4);
+              teamRequestError = _t2;
+            case 7:
               // both requests fail, show one of errors in UI
               if (userRequestError && teamRequestError) {
                 this.notifyError(userRequestError, query);
                 (0, _logger.default)('User mention request fails. ', userRequestError);
                 (0, _logger.default)('Team mention request fails. ', teamRequestError);
               }
-            case 26:
+            case 8:
             case "end":
               return _context2.stop();
           }
-        }, _callee2, this, [[5, 12], [15, 22]]);
+        }, _callee2, this, [[1, 3], [4, 6]]);
       }));
       function handleBothRequests(_x2, _x3, _x4) {
         return _handleBothRequests.apply(this, arguments);
@@ -219,8 +219,8 @@ var TeamMentionResource = exports.default = /*#__PURE__*/function (_MentionResou
     key: "remoteTeamSearch",
     value: function () {
       var _remoteTeamSearch = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(query, contextIdentifier) {
-        var configHeaders, options, teamResult;
-        return _regenerator.default.wrap(function _callee3$(_context3) {
+        var configHeaders, options, teamResult, _t3;
+        return _regenerator.default.wrap(function (_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               configHeaders = this.teamMentionConfig.headers;
@@ -235,23 +235,23 @@ var TeamMentionResource = exports.default = /*#__PURE__*/function (_MentionResou
                   headers: configHeaders
                 }
               });
-              _context3.prev = 2;
-              _context3.next = 5;
+              _context3.prev = 1;
+              _context3.next = 2;
               return _utilServiceSupport.utils.requestService(this.teamMentionConfig, options);
-            case 5:
+            case 2:
               teamResult = _context3.sent;
               this._notifyAnalyticsListeners(_analytics.SLI_EVENT_TYPE, _types.SliNames.SEARCH_TEAM, _types.Actions.SUCCEEDED);
               return _context3.abrupt("return", this.convertTeamResultToMentionResult(teamResult, query));
-            case 10:
-              _context3.prev = 10;
-              _context3.t0 = _context3["catch"](2);
+            case 3:
+              _context3.prev = 3;
+              _t3 = _context3["catch"](1);
               this._notifyAnalyticsListeners(_analytics.SLI_EVENT_TYPE, _types.SliNames.SEARCH_TEAM, _types.Actions.FAILED);
-              throw _context3.t0;
-            case 14:
+              throw _t3;
+            case 4:
             case "end":
               return _context3.stop();
           }
-        }, _callee3, this, [[2, 10]]);
+        }, _callee3, this, [[1, 3]]);
       }));
       function remoteTeamSearch(_x5, _x6) {
         return _remoteTeamSearch.apply(this, arguments);

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

@@ -10,6 +10,12 @@ Object.defineProperty(exports, "MENTION_ITEM_HEIGHT", {
     return _styles.MENTION_ITEM_HEIGHT;
   }
 });
+Object.defineProperty(exports, "MENTION_ITEM_HEIGHT_REFRESHED", {
+  enumerable: true,
+  get: function get() {
+    return _styles.MENTION_ITEM_HEIGHT_REFRESHED;
+  }
+});
 exports.default = exports.MentionItemWithRef = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -119,7 +125,8 @@ var MentionItem = exports.default = /*#__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,
@@ -135,6 +142,7 @@ var MentionItem = exports.default = /*#__PURE__*/function (_React$PureComponent)
       var xProductUserInfoIconColor = selected ? "var(--ds-icon-selected, #1868DB)" : "var(--ds-icon, #292A2E)";
       return /*#__PURE__*/_react.default.createElement(_MessagesIntlProvider.default, null, /*#__PURE__*/_react.default.createElement(_styles.MentionItemStyle, {
         selected: selected,
+        height: height,
         onMouseDown: this.onMentionSelected,
         onMouseMove: this.onMentionMenuItemMouseMove,
         onMouseEnter: this.onMentionMenuItemMouseEnter,

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

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TimeStyle = exports.RowStyle = exports.NameSectionStyle = exports.MentionItemStyle = exports.MENTION_ITEM_HEIGHT = exports.InfoSectionStyle = exports.FullNameStyle = exports.AvatarStyle = exports.AccessSectionStyle = void 0;
+exports.TimeStyle = exports.RowStyle = exports.NameSectionStyle = exports.MentionItemStyle = exports.MENTION_ITEM_HEIGHT_REFRESHED = exports.MENTION_ITEM_HEIGHT = exports.InfoSectionStyle = exports.FullNameStyle = exports.AvatarStyle = exports.AccessSectionStyle = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -83,15 +83,18 @@ var TimeStyle = exports.TimeStyle = _styled.default.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)"
 });
 var MENTION_ITEM_HEIGHT = exports.MENTION_ITEM_HEIGHT = 48;
+var MENTION_ITEM_HEIGHT_REFRESHED = exports.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
 var MentionItemStyle = exports.MentionItemStyle = _styled.default.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/cjs/item.js

@@ -10,6 +10,12 @@ Object.defineProperty(exports, "MENTION_ITEM_HEIGHT", {
     return _MentionItem.MENTION_ITEM_HEIGHT;
   }
 });
+Object.defineProperty(exports, "MENTION_ITEM_HEIGHT_REFRESHED", {
+  enumerable: true,
+  get: function get() {
+    return _MentionItem.MENTION_ITEM_HEIGHT_REFRESHED;
+  }
+});
 Object.defineProperty(exports, "MentionItem", {
   enumerable: true,
   get: function get() {

package/dist/cjs/util/analytics.js

@@ -12,7 +12,7 @@ var _types = require("../types");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/mention";
-var packageVersion = "26.0.2";
+var packageVersion = "26.0.4";
 var SLI_EVENT_TYPE = exports.SLI_EVENT_TYPE = 'sli';
 var SMART_EVENT_TYPE = exports.SMART_EVENT_TYPE = 'smart';
 var fireAnalyticsMentionTypeaheadEvent = exports.fireAnalyticsMentionTypeaheadEvent = function fireAnalyticsMentionTypeaheadEvent(props) {