@atlaskit/mention 23.4.5 → 23.4.7

package/dist/esm/components/Mention/PrimitiveMention.js

@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _templateObject;
 var _excluded = ["mentionType"];
-var _mentionStyle, _templateObject;
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -13,25 +13,25 @@ import { jsx, css } from '@emotion/react';
 import { B400, N500, N30A, N20 } from '@atlaskit/theme/colors';
 import { MentionType } from '../../types';
 import { forwardRef } from 'react';
-var mentionStyle = (_mentionStyle = {}, _defineProperty(_mentionStyle, MentionType.SELF, {
+var mentionStyle = _defineProperty(_defineProperty(_defineProperty({}, MentionType.SELF, {
   background: "var(--ds-background-brand-bold, ".concat(B400, ")"),
   borderColor: 'transparent',
   text: "var(--ds-text-inverse, ".concat(N20, ")"),
   hoveredBackground: "var(--ds-background-brand-bold-hovered, ".concat(B400, ")"),
   pressedBackground: "var(--ds-background-brand-bold-pressed, ".concat(B400, ")")
-}), _defineProperty(_mentionStyle, MentionType.RESTRICTED, {
+}), MentionType.RESTRICTED, {
   background: 'transparent',
   borderColor: "var(--ds-border-bold, ".concat(N500, ")"),
   text: "var(--ds-text, ".concat(N500, ")"),
   hoveredBackground: 'transparent',
   pressedBackground: 'transparent'
-}), _defineProperty(_mentionStyle, MentionType.DEFAULT, {
+}), MentionType.DEFAULT, {
   background: "var(--ds-background-neutral, ".concat(N30A, ")"),
   borderColor: 'transparent',
   text: "var(--ds-text-subtle, ".concat(N500, ")"),
   hoveredBackground: "var(--ds-background-neutral-hovered, ".concat(N30A, ")"),
   pressedBackground: "var(--ds-background-neutral-pressed, ".concat(N30A, ")")
-}), _mentionStyle);
+});
 var getStyle = function getStyle(_ref, property) {
   var mentionType = _ref.mentionType;
   var obj = mentionStyle[mentionType][property];
@@ -44,13 +44,13 @@ var PrimitiveMention = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     ref: ref
     // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     ,
-    css: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t\t\t\tdisplay: inline;\n\t\t\t\t\tborder: 1px solid ", ";\n\t\t\t\t\tbackground: ", ";\n\t\t\t\t\tcolor: ", ";\n\t\t\t\t\tborder-radius: 20px;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tpadding: 0 0.3em 2px 0.23em;\n\t\t\t\t\tline-height: 1.714;\n\t\t\t\t\tfont-size: 1em;\n\t\t\t\t\tfont-weight: normal;\n\t\t\t\t\tword-break: break-word;\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tbackground: ", ";\n\t\t\t\t\t}\n\t\t\t\t\t&:active {\n\t\t\t\t\t\tbackground: ", ";\n\t\t\t\t\t}\n\t\t\t\t"])), getStyle({
+    css: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t\t\t\tdisplay: inline;\n\t\t\t\t\tborder: 1px solid ", ";\n\t\t\t\t\tbackground: ", ";\n\t\t\t\t\tcolor: ", ";\n\t\t\t\t\tborder-radius: 20px;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tpadding: 0 0.3em 2px 0.23em;\n\t\t\t\t\tline-height: 1.714;\n\t\t\t\t\tfont-size: 1em;\n\t\t\t\t\tfont-weight: ", ";\n\t\t\t\t\tword-break: break-word;\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tbackground: ", ";\n\t\t\t\t\t}\n\t\t\t\t\t&:active {\n\t\t\t\t\t\tbackground: ", ";\n\t\t\t\t\t}\n\t\t\t\t"])), getStyle({
       mentionType: mentionType
     }, 'borderColor'), getStyle({
       mentionType: mentionType
     }, 'background'), getStyle({
       mentionType: mentionType
-    }, 'text'), getStyle({
+    }, 'text'), "var(--ds-font-weight-regular, 400)", getStyle({
       mentionType: mentionType
     }, 'hoveredBackground'), getStyle({
       mentionType: mentionType

package/dist/esm/components/Mention/ResourcedMention.js

@@ -1,11 +1,10 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { isResolvingMentionProvider } from '../../api/MentionResource';
@@ -13,13 +12,11 @@ import { isPromise, MentionNameStatus } from '../../types';
 import Mention, { UNKNOWN_USER_ID } from './';
 import debug from '../../util/logger';
 var ResourcedMention = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(ResourcedMention, _React$PureComponent);
-  var _super = _createSuper(ResourcedMention);
   function ResourcedMention(_props) {
     var _this;
     _classCallCheck(this, ResourcedMention);
-    _this = _super.call(this, _props);
-    _defineProperty(_assertThisInitialized(_this), "handleMentionProvider", function (props) {
+    _this = _callSuper(this, ResourcedMention, [_props]);
+    _defineProperty(_this, "handleMentionProvider", function (props) {
       var id = props.id,
         mentionProvider = props.mentionProvider,
         text = props.text;
@@ -60,7 +57,8 @@ var ResourcedMention = /*#__PURE__*/function (_React$PureComponent) {
     };
     return _this;
   }
-  _createClass(ResourcedMention, [{
+  _inherits(ResourcedMention, _React$PureComponent);
+  return _createClass(ResourcedMention, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.handleMentionProvider(this.props);
@@ -121,6 +119,5 @@ var ResourcedMention = /*#__PURE__*/function (_React$PureComponent) {
       });
     }
   }]);
-  return ResourcedMention;
 }(React.PureComponent);
 export { ResourcedMention as default };

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

@@ -1,11 +1,10 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import FocusRing from '@atlaskit/focus-ring';
@@ -21,13 +20,11 @@ import { UfoErrorBoundary, mentionRenderedUfoExperience } from './ufoExperiences
 export var ANALYTICS_HOVER_DELAY = 1000;
 export var UNKNOWN_USER_ID = '_|unknown|_';
 export var MentionInternal = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(MentionInternal, _React$PureComponent);
-  var _super = _createSuper(MentionInternal);
   function MentionInternal(props) {
     var _this;
     _classCallCheck(this, MentionInternal);
-    _this = _super.call(this, props);
-    _defineProperty(_assertThisInitialized(_this), "handleOnClick", function (e) {
+    _this = _callSuper(this, MentionInternal, [props]);
+    _defineProperty(_this, "handleOnClick", function (e) {
       var _this$props = _this.props,
         id = _this$props.id,
         text = _this$props.text,
@@ -36,7 +33,7 @@ export var MentionInternal = /*#__PURE__*/function (_React$PureComponent) {
         onClick(id, text, e);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleOnMouseEnter", function (e) {
+    _defineProperty(_this, "handleOnMouseEnter", function (e) {
       var _this$props2 = _this.props,
         id = _this$props2.id,
         text = _this$props2.text,
@@ -52,7 +49,7 @@ export var MentionInternal = /*#__PURE__*/function (_React$PureComponent) {
         _this.hoverTimeout = undefined;
       }, ANALYTICS_HOVER_DELAY);
     });
-    _defineProperty(_assertThisInitialized(_this), "handleOnMouseLeave", function (e) {
+    _defineProperty(_this, "handleOnMouseLeave", function (e) {
       var _this$props3 = _this.props,
         id = _this$props3.id,
         text = _this$props3.text,
@@ -64,7 +61,7 @@ export var MentionInternal = /*#__PURE__*/function (_React$PureComponent) {
         clearTimeout(_this.hoverTimeout);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "getMentionType", function () {
+    _defineProperty(_this, "getMentionType", function () {
       var _this$props4 = _this.props,
         accessLevel = _this$props4.accessLevel,
         isHighlighted = _this$props4.isHighlighted;
@@ -79,7 +76,8 @@ export var MentionInternal = /*#__PURE__*/function (_React$PureComponent) {
     mentionRenderedUfoExperience.getInstance(props.id).start();
     return _this;
   }
-  _createClass(MentionInternal, [{
+  _inherits(MentionInternal, _React$PureComponent);
+  return _createClass(MentionInternal, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       mentionRenderedUfoExperience.getInstance(this.props.id).success();
@@ -141,7 +139,6 @@ export var MentionInternal = /*#__PURE__*/function (_React$PureComponent) {
       }, mentionComponent)) : mentionComponent)));
     }
   }]);
-  return MentionInternal;
 }(React.PureComponent);
 var MentionWithAnalytics = withAnalyticsEvents({
   onClick: function onClick(createEvent, props) {

package/dist/esm/components/Mention/ufoExperiences.js

@@ -1,9 +1,9 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+import _inherits from "@babel/runtime/helpers/inherits";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { ExperiencePerformanceTypes, ExperienceTypes, ConcurrentExperience } from '@atlaskit/ufo';
@@ -15,13 +15,12 @@ export var mentionRenderedUfoExperience = new ConcurrentExperience('mention-rend
   performanceType: ExperiencePerformanceTypes.PageSegmentLoad
 });
 export var UfoErrorBoundary = /*#__PURE__*/function (_React$Component) {
-  _inherits(UfoErrorBoundary, _React$Component);
-  var _super = _createSuper(UfoErrorBoundary);
   function UfoErrorBoundary() {
     _classCallCheck(this, UfoErrorBoundary);
-    return _super.apply(this, arguments);
+    return _callSuper(this, UfoErrorBoundary, arguments);
   }
-  _createClass(UfoErrorBoundary, [{
+  _inherits(UfoErrorBoundary, _React$Component);
+  return _createClass(UfoErrorBoundary, [{
     key: "componentDidCatch",
     value: function componentDidCatch() {
       mentionRenderedUfoExperience.getInstance(this.props.id).failure();
@@ -32,5 +31,4 @@ export var UfoErrorBoundary = /*#__PURE__*/function (_React$Component) {
       return this.props.children;
     }
   }]);
-  return UfoErrorBoundary;
 }(React.Component);

package/dist/esm/components/MentionDescriptionByline/TeamMentionDescriptionByline.js

@@ -1,28 +1,25 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { DescriptionBylineStyle } from './styles';
 import { messages } from '../i18n';
 var TeamMentionDescriptionByline = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(TeamMentionDescriptionByline, _React$PureComponent);
-  var _super = _createSuper(TeamMentionDescriptionByline);
   function TeamMentionDescriptionByline() {
     var _this;
     _classCallCheck(this, TeamMentionDescriptionByline);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "renderByline", function (memberCount, includesYou) {
+    _this = _callSuper(this, TeamMentionDescriptionByline, [].concat(args));
+    _defineProperty(_this, "renderByline", function (memberCount, includesYou) {
       if (includesYou) {
         if (memberCount > 50) {
           return _this.getBylineComponent( /*#__PURE__*/React.createElement(FormattedMessage, messages.plus50MembersWithYou));
@@ -43,12 +40,13 @@ var TeamMentionDescriptionByline = /*#__PURE__*/function (_React$PureComponent)
         })));
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "getBylineComponent", function (message) {
+    _defineProperty(_this, "getBylineComponent", function (message) {
       return /*#__PURE__*/React.createElement(DescriptionBylineStyle, null, message);
     });
     return _this;
   }
-  _createClass(TeamMentionDescriptionByline, [{
+  _inherits(TeamMentionDescriptionByline, _React$PureComponent);
+  return _createClass(TeamMentionDescriptionByline, [{
     key: "render",
     value: function render() {
       var context = this.props.mention.context;
@@ -60,6 +58,5 @@ var TeamMentionDescriptionByline = /*#__PURE__*/function (_React$PureComponent)
       return this.renderByline(memberCount, includesYou);
     }
   }]);
-  return TeamMentionDescriptionByline;
 }(React.PureComponent);
 export { TeamMentionDescriptionByline as default };

package/dist/esm/components/MentionDescriptionByline/UserMentionDescriptionByline.js

@@ -1,21 +1,20 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+import _inherits from "@babel/runtime/helpers/inherits";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { renderHighlight } from '../MentionItem/MentionHighlightHelpers';
 import { DescriptionBylineStyle } from './styles';
 var UserMentionDescriptionByline = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(UserMentionDescriptionByline, _React$PureComponent);
-  var _super = _createSuper(UserMentionDescriptionByline);
   function UserMentionDescriptionByline() {
     _classCallCheck(this, UserMentionDescriptionByline);
-    return _super.apply(this, arguments);
+    return _callSuper(this, UserMentionDescriptionByline, arguments);
   }
-  _createClass(UserMentionDescriptionByline, [{
+  _inherits(UserMentionDescriptionByline, _React$PureComponent);
+  return _createClass(UserMentionDescriptionByline, [{
     key: "render",
     value: function render() {
       var _this$props$mention = this.props.mention,
@@ -29,6 +28,5 @@ var UserMentionDescriptionByline = /*#__PURE__*/function (_React$PureComponent)
       return renderHighlight(DescriptionBylineStyle, nickname, nicknameHighlights, '@');
     }
   }]);
-  return UserMentionDescriptionByline;
 }(React.PureComponent);
 export { UserMentionDescriptionByline as default };

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

@@ -1,22 +1,21 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+import _inherits from "@babel/runtime/helpers/inherits";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import { UserType } from '../../types';
 import UserMentionDescriptionByline from './UserMentionDescriptionByline';
 import TeamMentionDescriptionByline from './TeamMentionDescriptionByline';
 var MentionDescriptionByline = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(MentionDescriptionByline, _React$PureComponent);
-  var _super = _createSuper(MentionDescriptionByline);
   function MentionDescriptionByline() {
     _classCallCheck(this, MentionDescriptionByline);
-    return _super.apply(this, arguments);
+    return _callSuper(this, MentionDescriptionByline, arguments);
   }
-  _createClass(MentionDescriptionByline, [{
+  _inherits(MentionDescriptionByline, _React$PureComponent);
+  return _createClass(MentionDescriptionByline, [{
     key: "render",
     value: function render() {
       var userType = this.props.mention.userType;
@@ -36,6 +35,5 @@ var MentionDescriptionByline = /*#__PURE__*/function (_React$PureComponent) {
       }
     }
   }]);
-  return MentionDescriptionByline;
 }(React.PureComponent);
 export { MentionDescriptionByline as default };

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

@@ -1,12 +1,11 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _typeof from "@babel/runtime/helpers/typeof";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import Avatar from '@atlaskit/avatar';
 import Lozenge from '@atlaskit/lozenge';
@@ -42,35 +41,34 @@ function renderTime(time) {
   return null;
 }
 var MentionItem = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(MentionItem, _React$PureComponent);
-  var _super = _createSuper(MentionItem);
   function MentionItem() {
     var _this;
     _classCallCheck(this, MentionItem);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _callSuper(this, MentionItem, [].concat(args));
     // internal, used for callbacks
-    _defineProperty(_assertThisInitialized(_this), "onMentionSelected", function (event) {
+    _defineProperty(_this, "onMentionSelected", function (event) {
       if (leftClick(event) && _this.props.onSelection) {
         event.preventDefault();
         _this.props.onSelection(_this.props.mention, event);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "onMentionMenuItemMouseMove", function (event) {
+    _defineProperty(_this, "onMentionMenuItemMouseMove", function (event) {
       if (_this.props.onMouseMove) {
         _this.props.onMouseMove(_this.props.mention, event);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "onMentionMenuItemMouseEnter", function (event) {
+    _defineProperty(_this, "onMentionMenuItemMouseEnter", function (event) {
       if (_this.props.onMouseEnter) {
         _this.props.onMouseEnter(_this.props.mention, event);
       }
     });
     return _this;
   }
-  _createClass(MentionItem, [{
+  _inherits(MentionItem, _React$PureComponent);
+  return _createClass(MentionItem, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -121,6 +119,5 @@ var MentionItem = /*#__PURE__*/function (_React$PureComponent) {
       } /* safe to cast to string given there is no value binding */)))) : null)));
     }
   }]);
-  return MentionItem;
 }(React.PureComponent);
 export { MentionItem as default };

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

@@ -1,11 +1,10 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import debug from '../../util/logger';
@@ -40,29 +39,27 @@ function getIndex(key, mentions) {
   return index;
 }
 var MentionList = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(MentionList, _React$PureComponent);
-  var _super = _createSuper(MentionList);
   function MentionList(props) {
     var _this;
     _classCallCheck(this, MentionList);
-    _this = _super.call(this, props);
+    _this = _callSuper(this, MentionList, [props]);
     // API
-    _defineProperty(_assertThisInitialized(_this), "selectNext", function () {
+    _defineProperty(_this, "selectNext", function () {
       var newIndex = wrapIndex(_this.props.mentions, _this.state.selectedIndex + 1);
       _this.selectIndex(newIndex);
     });
-    _defineProperty(_assertThisInitialized(_this), "selectPrevious", function () {
+    _defineProperty(_this, "selectPrevious", function () {
       var newIndex = wrapIndex(_this.props.mentions, _this.state.selectedIndex - 1);
       _this.selectIndex(newIndex);
     });
-    _defineProperty(_assertThisInitialized(_this), "selectIndex", function (index, callback) {
+    _defineProperty(_this, "selectIndex", function (index, callback) {
       var mentions = _this.props.mentions;
       _this.setState({
         selectedIndex: index,
         selectedKey: getKey(index, mentions)
       }, callback);
     });
-    _defineProperty(_assertThisInitialized(_this), "selectId", function (id, callback) {
+    _defineProperty(_this, "selectId", function (id, callback) {
       var mentions = _this.props.mentions;
       var index = getIndex(id, mentions);
       if (index !== undefined) {
@@ -72,7 +69,7 @@ var MentionList = /*#__PURE__*/function (_React$PureComponent) {
         }, callback);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "chooseCurrentSelection", function () {
+    _defineProperty(_this, "chooseCurrentSelection", function () {
       var _this$props = _this.props,
         mentions = _this$props.mentions,
         onSelection = _this$props.onSelection;
@@ -83,11 +80,11 @@ var MentionList = /*#__PURE__*/function (_React$PureComponent) {
         onSelection(selectedMention);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "mentionsCount", function () {
+    _defineProperty(_this, "mentionsCount", function () {
       var mentions = _this.props.mentions;
       return mentions && mentions.length || 0;
     });
-    _defineProperty(_assertThisInitialized(_this), "selectIndexOnHover", function (mention, event) {
+    _defineProperty(_this, "selectIndexOnHover", function (mention, event) {
       if (!event) {
         return;
       }
@@ -97,18 +94,19 @@ var MentionList = /*#__PURE__*/function (_React$PureComponent) {
       }
       _this.lastMousePosition = mousePosition;
     });
-    _defineProperty(_assertThisInitialized(_this), "itemSelected", function (mention) {
+    _defineProperty(_this, "itemSelected", function (mention) {
       _this.selectId(mention.id, function () {
         _this.chooseCurrentSelection();
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "handleScrollableRef", function (ref) {
+    _defineProperty(_this, "handleScrollableRef", function (ref) {
       _this.scrollable = ref;
     });
     _this.setDefaultSelectionState();
     return _this;
   }
-  _createClass(MentionList, [{
+  _inherits(MentionList, _React$PureComponent);
+  return _createClass(MentionList, [{
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
       // adjust selection
@@ -230,6 +228,5 @@ var MentionList = /*#__PURE__*/function (_React$PureComponent) {
       }, errorSection, resultSection));
     }
   }]);
-  return MentionList;
 }(React.PureComponent);
 export { MentionList as default };

package/dist/esm/components/MentionListError/GenericErrorIllustration.js

@@ -1,21 +1,20 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+import _inherits from "@babel/runtime/helpers/inherits";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 import React from 'react';
 import { GenericErrorVisualStyle } from './styles';
 export var GenericErrorIllustration = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(GenericErrorIllustration, _React$PureComponent);
-  var _super = _createSuper(GenericErrorIllustration);
   function GenericErrorIllustration() {
     _classCallCheck(this, GenericErrorIllustration);
-    return _super.apply(this, arguments);
+    return _callSuper(this, GenericErrorIllustration, arguments);
   }
-  _createClass(GenericErrorIllustration, [{
+  _inherits(GenericErrorIllustration, _React$PureComponent);
+  return _createClass(GenericErrorIllustration, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/React.createElement(GenericErrorVisualStyle, null, /*#__PURE__*/React.createElement("svg", {
@@ -92,5 +91,4 @@ export var GenericErrorIllustration = /*#__PURE__*/function (_React$PureComponen
       }))))));
     }
   }]);
-  return GenericErrorIllustration;
 }(React.PureComponent);

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

@@ -1,32 +1,45 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+import _inherits from "@babel/runtime/helpers/inherits";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
+import Heading from '@atlaskit/heading';
+import { Stack, Text, xcss } from '@atlaskit/primitives';
 import { DefaultAdvisedAction, DefaultHeadline, DifferentText, LoginAgain } from '../../util/i18n';
 import { GenericErrorIllustration } from './GenericErrorIllustration';
-import { MentionListAdviceStyle, MentionListErrorHeadlineStyle, MentionListErrorStyle } from './styles';
 var advisedActionMessages = {
   '401': LoginAgain,
   '403': DifferentText,
   default: DefaultAdvisedAction
 };
 var MentionListError = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(MentionListError, _React$PureComponent);
-  var _super = _createSuper(MentionListError);
   function MentionListError() {
     _classCallCheck(this, MentionListError);
-    return _super.apply(this, arguments);
+    return _callSuper(this, MentionListError, arguments);
   }
-  _createClass(MentionListError, [{
+  _inherits(MentionListError, _React$PureComponent);
+  return _createClass(MentionListError, [{
     key: "render",
     value: function render() {
       var error = this.props.error;
       var ErrorMessage = MentionListError.getAdvisedActionMessage(error);
-      return /*#__PURE__*/React.createElement(MentionListErrorStyle, null, /*#__PURE__*/React.createElement(GenericErrorIllustration, null), /*#__PURE__*/React.createElement(MentionListErrorHeadlineStyle, null, /*#__PURE__*/React.createElement(DefaultHeadline, null)), /*#__PURE__*/React.createElement(MentionListAdviceStyle, null, /*#__PURE__*/React.createElement(ErrorMessage, null)));
+      return /*#__PURE__*/React.createElement(Stack, {
+        space: "space.400",
+        alignBlock: "center",
+        alignInline: "center",
+        xcss: mentionListErrorStyles
+      }, /*#__PURE__*/React.createElement(GenericErrorIllustration, null), /*#__PURE__*/React.createElement(Stack, {
+        space: "space.100"
+      }, /*#__PURE__*/React.createElement(Heading, {
+        size: "xsmall",
+        as: "div"
+      }, /*#__PURE__*/React.createElement(DefaultHeadline, null)), /*#__PURE__*/React.createElement(Text, {
+        as: "p",
+        color: "color.text.subtle"
+      }, /*#__PURE__*/React.createElement(ErrorMessage, null))));
     }
   }], [{
     key: "getAdvisedActionMessage",
@@ -44,6 +57,9 @@ var MentionListError = /*#__PURE__*/function (_React$PureComponent) {
       return advisedActionMessages.default;
     }
   }]);
-  return MentionListError;
 }(React.PureComponent);
-export { MentionListError as default };
+export { MentionListError as default };
+var mentionListErrorStyles = xcss({
+  paddingBlock: 'space.500',
+  textAlign: 'center'
+});