@atlaskit/mention 23.4.5 → 23.4.7

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

@@ -7,22 +7,21 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
 var _MentionHighlightHelpers = require("../MentionItem/MentionHighlightHelpers");
 var _styles = require("./styles");
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(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; })(); }
 var UserMentionDescriptionByline = exports.default = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(UserMentionDescriptionByline, _React$PureComponent);
-  var _super = _createSuper(UserMentionDescriptionByline);
   function UserMentionDescriptionByline() {
     (0, _classCallCheck2.default)(this, UserMentionDescriptionByline);
-    return _super.apply(this, arguments);
+    return _callSuper(this, UserMentionDescriptionByline, arguments);
   }
-  (0, _createClass2.default)(UserMentionDescriptionByline, [{
+  (0, _inherits2.default)(UserMentionDescriptionByline, _React$PureComponent);
+  return (0, _createClass2.default)(UserMentionDescriptionByline, [{
     key: "render",
     value: function render() {
       var _this$props$mention = this.props.mention,
@@ -36,5 +35,4 @@ var UserMentionDescriptionByline = exports.default = /*#__PURE__*/function (_Rea
       return (0, _MentionHighlightHelpers.renderHighlight)(_styles.DescriptionBylineStyle, nickname, nicknameHighlights, '@');
     }
   }]);
-  return UserMentionDescriptionByline;
 }(_react.default.PureComponent);

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

@@ -7,23 +7,22 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
 var _types = require("../../types");
 var _UserMentionDescriptionByline = _interopRequireDefault(require("./UserMentionDescriptionByline"));
 var _TeamMentionDescriptionByline = _interopRequireDefault(require("./TeamMentionDescriptionByline"));
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(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; })(); }
 var MentionDescriptionByline = exports.default = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(MentionDescriptionByline, _React$PureComponent);
-  var _super = _createSuper(MentionDescriptionByline);
   function MentionDescriptionByline() {
     (0, _classCallCheck2.default)(this, MentionDescriptionByline);
-    return _super.apply(this, arguments);
+    return _callSuper(this, MentionDescriptionByline, arguments);
   }
-  (0, _createClass2.default)(MentionDescriptionByline, [{
+  (0, _inherits2.default)(MentionDescriptionByline, _React$PureComponent);
+  return (0, _createClass2.default)(MentionDescriptionByline, [{
     key: "render",
     value: function render() {
       var userType = this.props.mention.userType;
@@ -43,5 +42,4 @@ var MentionDescriptionByline = exports.default = /*#__PURE__*/function (_React$P
       }
     }
   }]);
-  return MentionDescriptionByline;
 }(_react.default.PureComponent);

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

@@ -13,10 +13,9 @@ Object.defineProperty(exports, "MENTION_ITEM_HEIGHT", {
 exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
@@ -32,7 +31,7 @@ var _styles = require("./styles");
 var _MentionHighlightHelpers = require("./MentionHighlightHelpers");
 var _MentionDescriptionByline = _interopRequireDefault(require("../MentionDescriptionByline"));
 var _MessagesIntlProvider = _interopRequireDefault(require("../MessagesIntlProvider"));
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(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; })(); }
 function renderLozenge(lozenge) {
   if (typeof lozenge === 'string') {
@@ -54,35 +53,34 @@ function renderTime(time) {
   return null;
 }
 var MentionItem = exports.default = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(MentionItem, _React$PureComponent);
-  var _super = _createSuper(MentionItem);
   function MentionItem() {
     var _this;
     (0, _classCallCheck2.default)(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
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMentionSelected", function (event) {
+    (0, _defineProperty2.default)(_this, "onMentionSelected", function (event) {
       if ((0, _mouse.leftClick)(event) && _this.props.onSelection) {
         event.preventDefault();
         _this.props.onSelection(_this.props.mention, event);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMentionMenuItemMouseMove", function (event) {
+    (0, _defineProperty2.default)(_this, "onMentionMenuItemMouseMove", function (event) {
       if (_this.props.onMouseMove) {
         _this.props.onMouseMove(_this.props.mention, event);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMentionMenuItemMouseEnter", function (event) {
+    (0, _defineProperty2.default)(_this, "onMentionMenuItemMouseEnter", function (event) {
       if (_this.props.onMouseEnter) {
         _this.props.onMouseEnter(_this.props.mention, event);
       }
     });
     return _this;
   }
-  (0, _createClass2.default)(MentionItem, [{
+  (0, _inherits2.default)(MentionItem, _React$PureComponent);
+  return (0, _createClass2.default)(MentionItem, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -133,5 +131,4 @@ var MentionItem = exports.default = /*#__PURE__*/function (_React$PureComponent)
       } /* safe to cast to string given there is no value binding */)))) : null)));
     }
   }]);
-  return MentionItem;
 }(_react.default.PureComponent);

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

@@ -7,10 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _logger = _interopRequireDefault(require("../../util/logger"));
@@ -20,7 +19,7 @@ var _MentionListError = _interopRequireDefault(require("../MentionListError"));
 var _MessagesIntlProvider = _interopRequireDefault(require("../MessagesIntlProvider"));
 var _Scrollable = _interopRequireDefault(require("../Scrollable"));
 var _styles = require("./styles");
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(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; })(); }
 function wrapIndex(mentions, index) {
   var len = mentions.length;
@@ -47,29 +46,27 @@ function getIndex(key, mentions) {
   return index;
 }
 var MentionList = exports.default = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(MentionList, _React$PureComponent);
-  var _super = _createSuper(MentionList);
   function MentionList(props) {
     var _this;
     (0, _classCallCheck2.default)(this, MentionList);
-    _this = _super.call(this, props);
+    _this = _callSuper(this, MentionList, [props]);
     // API
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "selectNext", function () {
+    (0, _defineProperty2.default)(_this, "selectNext", function () {
       var newIndex = wrapIndex(_this.props.mentions, _this.state.selectedIndex + 1);
       _this.selectIndex(newIndex);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "selectPrevious", function () {
+    (0, _defineProperty2.default)(_this, "selectPrevious", function () {
       var newIndex = wrapIndex(_this.props.mentions, _this.state.selectedIndex - 1);
       _this.selectIndex(newIndex);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "selectIndex", function (index, callback) {
+    (0, _defineProperty2.default)(_this, "selectIndex", function (index, callback) {
       var mentions = _this.props.mentions;
       _this.setState({
         selectedIndex: index,
         selectedKey: getKey(index, mentions)
       }, callback);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "selectId", function (id, callback) {
+    (0, _defineProperty2.default)(_this, "selectId", function (id, callback) {
       var mentions = _this.props.mentions;
       var index = getIndex(id, mentions);
       if (index !== undefined) {
@@ -79,7 +76,7 @@ var MentionList = exports.default = /*#__PURE__*/function (_React$PureComponent)
         }, callback);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "chooseCurrentSelection", function () {
+    (0, _defineProperty2.default)(_this, "chooseCurrentSelection", function () {
       var _this$props = _this.props,
         mentions = _this$props.mentions,
         onSelection = _this$props.onSelection;
@@ -90,11 +87,11 @@ var MentionList = exports.default = /*#__PURE__*/function (_React$PureComponent)
         onSelection(selectedMention);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "mentionsCount", function () {
+    (0, _defineProperty2.default)(_this, "mentionsCount", function () {
       var mentions = _this.props.mentions;
       return mentions && mentions.length || 0;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "selectIndexOnHover", function (mention, event) {
+    (0, _defineProperty2.default)(_this, "selectIndexOnHover", function (mention, event) {
       if (!event) {
         return;
       }
@@ -104,18 +101,19 @@ var MentionList = exports.default = /*#__PURE__*/function (_React$PureComponent)
       }
       _this.lastMousePosition = mousePosition;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "itemSelected", function (mention) {
+    (0, _defineProperty2.default)(_this, "itemSelected", function (mention) {
       _this.selectId(mention.id, function () {
         _this.chooseCurrentSelection();
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleScrollableRef", function (ref) {
+    (0, _defineProperty2.default)(_this, "handleScrollableRef", function (ref) {
       _this.scrollable = ref;
     });
     _this.setDefaultSelectionState();
     return _this;
   }
-  (0, _createClass2.default)(MentionList, [{
+  (0, _inherits2.default)(MentionList, _React$PureComponent);
+  return (0, _createClass2.default)(MentionList, [{
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
       // adjust selection
@@ -237,5 +235,4 @@ var MentionList = exports.default = /*#__PURE__*/function (_React$PureComponent)
       }, errorSection, resultSection));
     }
   }]);
-  return MentionList;
 }(_react.default.PureComponent);

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

@@ -7,21 +7,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.GenericErrorIllustration = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
 var _styles = require("./styles");
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(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 */
 var GenericErrorIllustration = exports.GenericErrorIllustration = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(GenericErrorIllustration, _React$PureComponent);
-  var _super = _createSuper(GenericErrorIllustration);
   function GenericErrorIllustration() {
     (0, _classCallCheck2.default)(this, GenericErrorIllustration);
-    return _super.apply(this, arguments);
+    return _callSuper(this, GenericErrorIllustration, arguments);
   }
-  (0, _createClass2.default)(GenericErrorIllustration, [{
+  (0, _inherits2.default)(GenericErrorIllustration, _React$PureComponent);
+  return (0, _createClass2.default)(GenericErrorIllustration, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/_react.default.createElement(_styles.GenericErrorVisualStyle, null, /*#__PURE__*/_react.default.createElement("svg", {
@@ -98,5 +97,4 @@ var GenericErrorIllustration = exports.GenericErrorIllustration = /*#__PURE__*/f
       }))))));
     }
   }]);
-  return GenericErrorIllustration;
 }(_react.default.PureComponent);

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

@@ -7,14 +7,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _react = _interopRequireDefault(require("react"));
+var _heading = _interopRequireDefault(require("@atlaskit/heading"));
+var _primitives = require("@atlaskit/primitives");
 var _i18n = require("../../util/i18n");
 var _GenericErrorIllustration = require("./GenericErrorIllustration");
-var _styles = require("./styles");
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(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; })(); }
 var advisedActionMessages = {
   '401': _i18n.LoginAgain,
@@ -22,18 +23,30 @@ var advisedActionMessages = {
   default: _i18n.DefaultAdvisedAction
 };
 var MentionListError = exports.default = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(MentionListError, _React$PureComponent);
-  var _super = _createSuper(MentionListError);
   function MentionListError() {
     (0, _classCallCheck2.default)(this, MentionListError);
-    return _super.apply(this, arguments);
+    return _callSuper(this, MentionListError, arguments);
   }
-  (0, _createClass2.default)(MentionListError, [{
+  (0, _inherits2.default)(MentionListError, _React$PureComponent);
+  return (0, _createClass2.default)(MentionListError, [{
     key: "render",
     value: function render() {
       var error = this.props.error;
       var ErrorMessage = MentionListError.getAdvisedActionMessage(error);
-      return /*#__PURE__*/_react.default.createElement(_styles.MentionListErrorStyle, null, /*#__PURE__*/_react.default.createElement(_GenericErrorIllustration.GenericErrorIllustration, null), /*#__PURE__*/_react.default.createElement(_styles.MentionListErrorHeadlineStyle, null, /*#__PURE__*/_react.default.createElement(_i18n.DefaultHeadline, null)), /*#__PURE__*/_react.default.createElement(_styles.MentionListAdviceStyle, null, /*#__PURE__*/_react.default.createElement(ErrorMessage, null)));
+      return /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
+        space: "space.400",
+        alignBlock: "center",
+        alignInline: "center",
+        xcss: mentionListErrorStyles
+      }, /*#__PURE__*/_react.default.createElement(_GenericErrorIllustration.GenericErrorIllustration, null), /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
+        space: "space.100"
+      }, /*#__PURE__*/_react.default.createElement(_heading.default, {
+        size: "xsmall",
+        as: "div"
+      }, /*#__PURE__*/_react.default.createElement(_i18n.DefaultHeadline, null)), /*#__PURE__*/_react.default.createElement(_primitives.Text, {
+        as: "p",
+        color: "color.text.subtle"
+      }, /*#__PURE__*/_react.default.createElement(ErrorMessage, null))));
     }
   }], [{
     key: "getAdvisedActionMessage",
@@ -51,5 +64,8 @@ var MentionListError = exports.default = /*#__PURE__*/function (_React$PureCompo
       return advisedActionMessages.default;
     }
   }]);
-  return MentionListError;
-}(_react.default.PureComponent);
+}(_react.default.PureComponent);
+var mentionListErrorStyles = (0, _primitives.xcss)({
+  paddingBlock: 'space.500',
+  textAlign: 'center'
+});

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

@@ -4,38 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MentionListErrorStyle = exports.MentionListErrorHeadlineStyle = exports.MentionListAdviceStyle = exports.GenericErrorVisualStyle = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+exports.GenericErrorVisualStyle = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _constants = require("@atlaskit/theme/constants");
-var _colors = require("@atlaskit/theme/colors");
-var _typography = require("@atlaskit/theme/typography");
-var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var MentionListErrorStyle = exports.MentionListErrorStyle = _styled.default.div({
-  alignItems: 'center',
-  display: 'flex',
-  justifyContent: 'center',
-  flexDirection: 'column',
-  backgroundColor: "var(--ds-surface-overlay, white)",
-  color: "var(--ds-text-subtle, ".concat(_colors.N500, ")"),
-  border: "1px solid ".concat("var(--ds-surface-overlay, #fff)"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  borderRadius: "".concat((0, _constants.borderRadius)(), "px")
-});
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var GenericErrorVisualStyle = exports.GenericErrorVisualStyle = _styled.default.div({
-  marginBottom: "var(--ds-space-100, 8px)",
-  marginTop: "var(--ds-space-400, 32px)",
   width: "var(--ds-space-1000, 80px)"
-});
-
-// TODO: Figure out why the themed css function is causing type errors when passed prop children
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-styled-tagged-template-expression -- Ignored via go/DSP-18766
-var MentionListErrorHeadlineStyle = exports.MentionListErrorHeadlineStyle = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t", ";\n\tmargin-bottom: ", ";\n"])), (0, _typography.h400)(), "var(--ds-space-100, 8px)");
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var MentionListAdviceStyle = exports.MentionListAdviceStyle = _styled.default.div({
-  marginBottom: "var(--ds-space-600, 48px)"
 });

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

@@ -7,10 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.MentionPickerWithAnalytics = exports.MentionPicker = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _primitives = require("@atlaskit/primitives");
 var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
@@ -22,44 +21,42 @@ var _logger = _interopRequireDefault(require("../../util/logger"));
 var _Popup = _interopRequireDefault(require("../Popup"));
 var _ResourcedMentionList = _interopRequireDefault(require("../ResourcedMentionList"));
 var _styles = require("./styles");
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(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; })(); }
 /**
  * @class MentionPicker
  */
 var MentionPicker = exports.MentionPicker = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(MentionPicker, _React$PureComponent);
-  var _super = _createSuper(MentionPicker);
   function MentionPicker(props) {
     var _this;
     (0, _classCallCheck2.default)(this, MentionPicker);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "selectNext", function () {
+    _this = _callSuper(this, MentionPicker, [props]);
+    (0, _defineProperty2.default)(_this, "selectNext", function () {
       if (_this.mentionListRef) {
         _this.mentionListRef.selectNext();
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "selectPrevious", function () {
+    (0, _defineProperty2.default)(_this, "selectPrevious", function () {
       if (_this.mentionListRef) {
         _this.mentionListRef.selectPrevious();
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "selectIndex", function (index, callback) {
+    (0, _defineProperty2.default)(_this, "selectIndex", function (index, callback) {
       if (_this.mentionListRef) {
         _this.mentionListRef.selectIndex(index, callback);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "selectId", function (id, callback) {
+    (0, _defineProperty2.default)(_this, "selectId", function (id, callback) {
       if (_this.mentionListRef) {
         _this.mentionListRef.selectId(id, callback);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "chooseCurrentSelection", function () {
+    (0, _defineProperty2.default)(_this, "chooseCurrentSelection", function () {
       if (_this.mentionListRef) {
         _this.mentionListRef.chooseCurrentSelection();
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "mentionsCount", function () {
+    (0, _defineProperty2.default)(_this, "mentionsCount", function () {
       if (_this.mentionListRef) {
         return _this.mentionListRef.mentionsCount();
       }
@@ -72,7 +69,7 @@ var MentionPicker = exports.MentionPicker = /*#__PURE__*/function (_React$PureCo
      * It should be noted that the visible state of the component is not considered in
      * this function. Instead the old state and new state should be passed as parameters.
      */
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFilterVisibilityChange", function (oldVisibility, newVisibility) {
+    (0, _defineProperty2.default)(_this, "onFilterVisibilityChange", function (oldVisibility, newVisibility) {
       if (oldVisibility !== newVisibility) {
         if (newVisibility) {
           if (_this.props.onOpen) {
@@ -86,7 +83,7 @@ var MentionPicker = exports.MentionPicker = /*#__PURE__*/function (_React$PureCo
       }
     });
     // internal, used for callbacks
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "filterChange", function (mentions, query, stats) {
+    (0, _defineProperty2.default)(_this, "filterChange", function (mentions, query, stats) {
       (0, _logger.default)('ak-mention-picker.filterChange', mentions.length);
       var wasVisible = _this.state.visible;
       var visible = mentions.length > 0;
@@ -98,7 +95,7 @@ var MentionPicker = exports.MentionPicker = /*#__PURE__*/function (_React$PureCo
         return mention.id;
       }), query);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "filterError", function (error) {
+    (0, _defineProperty2.default)(_this, "filterError", function (error) {
       (0, _logger.default)('ak-mention-picker.filterError', error);
       var wasVisible = _this.state.visible;
       _this.setState({
@@ -107,13 +104,13 @@ var MentionPicker = exports.MentionPicker = /*#__PURE__*/function (_React$PureCo
       });
       _this.onFilterVisibilityChange(wasVisible, true);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "filterInfo", function (info) {
+    (0, _defineProperty2.default)(_this, "filterInfo", function (info) {
       (0, _logger.default)('ak-mention-picker.filterInfo', info);
       _this.setState({
         info: info
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleMentionListRef", function (ref) {
+    (0, _defineProperty2.default)(_this, "handleMentionListRef", function (ref) {
       _this.mentionListRef = ref;
     });
     _this.subscriberKey = (0, _id.default)('ak-mention-picker');
@@ -123,7 +120,8 @@ var MentionPicker = exports.MentionPicker = /*#__PURE__*/function (_React$PureCo
     _this.applyPropChanges({}, props);
     return _this;
   }
-  (0, _createClass2.default)(MentionPicker, [{
+  (0, _inherits2.default)(MentionPicker, _React$PureComponent);
+  return (0, _createClass2.default)(MentionPicker, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.subscribeResourceProvider(this.props.resourceProvider);
@@ -226,7 +224,6 @@ var MentionPicker = exports.MentionPicker = /*#__PURE__*/function (_React$PureCo
       );
     }
   }]);
-  return MentionPicker;
 }(_react.default.PureComponent);
 (0, _defineProperty2.default)(MentionPicker, "defaultProps", {
   onSelection: function onSelection() {},

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

@@ -7,25 +7,24 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(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; })(); }
 /*
  * Simple implementation of popup while waiting for ak-inline-dialog
  */
 var Popup = exports.default = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(Popup, _React$PureComponent);
-  var _super = _createSuper(Popup);
   function Popup() {
     (0, _classCallCheck2.default)(this, Popup);
-    return _super.apply(this, arguments);
+    return _callSuper(this, Popup, arguments);
   }
-  (0, _createClass2.default)(Popup, [{
+  (0, _inherits2.default)(Popup, _React$PureComponent);
+  return (0, _createClass2.default)(Popup, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.popup = document.createElement('div');
@@ -114,7 +113,6 @@ var Popup = exports.default = /*#__PURE__*/function (_React$PureComponent) {
       return /*#__PURE__*/_react.default.createElement("div", null);
     }
   }]);
-  return Popup;
 }(_react.default.PureComponent);
 (0, _defineProperty2.default)(Popup, "defaultProps", {
   relativePosition: 'auto',