@atlaskit/user-picker 10.12.3 → 10.12.4

package/dist/cjs/components/SingleValue.js

@@ -13,7 +13,6 @@ var _select = require("@atlaskit/select");
 var _SizeableAvatar = require("./SizeableAvatar");
 var _utils = require("./utils");
 var _excluded = ["ref"];
-/** @jsx jsx */
 var avatarItemComponent = (0, _react.css)({
   border: 'none !important',
   padding: '0 !important',
@@ -36,9 +35,9 @@ var SingleValue = exports.SingleValue = function SingleValue(props) {
     _props$selectProps = props.selectProps,
     appearance = _props$selectProps.appearance,
     isFocused = _props$selectProps.isFocused;
-  return !isFocused ? (0, _react.jsx)(_select.components.SingleValue, props, (0, _react.jsx)(_avatar.AvatarItem, {
+  return !isFocused ? /*#__PURE__*/React.createElement(_select.components.SingleValue, props, /*#__PURE__*/React.createElement(_avatar.AvatarItem, {
     backgroundColor: "transparent",
-    avatar: (0, _react.jsx)(_SizeableAvatar.SizeableAvatar, {
+    avatar: /*#__PURE__*/React.createElement(_SizeableAvatar.SizeableAvatar, {
       src: (0, _utils.getAvatarUrl)(data),
       appearance: appearance,
       name: label
@@ -47,7 +46,7 @@ var SingleValue = exports.SingleValue = function SingleValue(props) {
   }, function (_ref) {
     var ref = _ref.ref,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-    return (0, _react.jsx)("div", (0, _extends2.default)({
+    return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
       css: avatarItemComponent
     }, props));
   })) : null;

package/dist/cjs/components/SingleValueContainer.js

@@ -20,7 +20,7 @@ var _SizeableAvatar = require("./SizeableAvatar");
 var _styles = require("./styles");
 var _excluded = ["children"];
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var placeholderIconContainer = (0, _react2.css)({
   paddingLeft: "".concat(_styles.BORDER_PADDING, "px"),
   lineHeight: 0,
@@ -48,7 +48,7 @@ var SingleValueContainer = exports.SingleValueContainer = /*#__PURE__*/function
         inputValue = _this$props$selectPro.inputValue,
         value = _this$props$selectPro.value;
       if (isFocused || !hasValue) {
-        return (0, _react2.jsx)(_SizeableAvatar.SizeableAvatar, {
+        return /*#__PURE__*/_react.default.createElement(_SizeableAvatar.SizeableAvatar, {
           appearance: appearance,
           src: showUserAvatar(inputValue, value) ? value.data.avatarUrl : undefined
         });
@@ -63,7 +63,7 @@ var SingleValueContainer = exports.SingleValueContainer = /*#__PURE__*/function
       var _this$props2 = this.props,
         children = _this$props2.children,
         valueContainerProps = (0, _objectWithoutProperties2.default)(_this$props2, _excluded);
-      return (0, _react2.jsx)(_select.components.ValueContainer, valueContainerProps, (0, _react2.jsx)("div", {
+      return /*#__PURE__*/_react.default.createElement(_select.components.ValueContainer, valueContainerProps, /*#__PURE__*/_react.default.createElement("div", {
         css: placeholderIconContainer
       }, this.renderAvatar()), children);
     }

package/dist/cjs/components/TeamOption/main.js

@@ -14,15 +14,14 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _colors = require("@atlaskit/theme/colors");
-var _react = require("@emotion/react");
-var _react2 = _interopRequireDefault(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _AvatarItemOption = require("../AvatarItemOption");
 var _HighlightText = require("../HighlightText");
 var _i18n = require("../i18n");
 var _SizeableAvatar = require("../SizeableAvatar");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(TeamOption, _React$PureComponent);
   var _super = _createSuper(TeamOption);
@@ -37,10 +36,10 @@ var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponen
       var _this$props$team = _this.props.team,
         name = _this$props$team.name,
         highlight = _this$props$team.highlight;
-      return [(0, _react.jsx)("span", {
+      return [/*#__PURE__*/_react.default.createElement("span", {
         key: "name",
         css: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected, ".concat(_colors.B400, ")") : "var(--ds-text, ".concat(_colors.N800, ")"))
-      }, (0, _react.jsx)(_HighlightText.HighlightText, {
+      }, /*#__PURE__*/_react.default.createElement(_HighlightText.HighlightText, {
         highlights: highlight && highlight.name
       }, name))];
     });
@@ -57,9 +56,9 @@ var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponen
       } else {
         if (includesYou === true) {
           if (memberCount > 50) {
-            return _this.getBylineComponent(isSelected, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.plus50MembersWithYou));
+            return _this.getBylineComponent(isSelected, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.plus50MembersWithYou));
           } else {
-            return _this.getBylineComponent(isSelected, (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.memberCountWithYou, {
+            return _this.getBylineComponent(isSelected, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.memberCountWithYou, {
               values: {
                 count: memberCount
               }
@@ -67,9 +66,9 @@ var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponen
           }
         } else {
           if (memberCount > 50) {
-            return _this.getBylineComponent(isSelected, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.plus50MembersWithoutYou));
+            return _this.getBylineComponent(isSelected, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.plus50MembersWithoutYou));
           } else {
-            return _this.getBylineComponent(isSelected, (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.memberCountWithoutYou, {
+            return _this.getBylineComponent(isSelected, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.memberCountWithoutYou, {
               values: {
                 count: memberCount
               }
@@ -79,7 +78,7 @@ var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponen
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getBylineComponent", function (isSelected, message) {
-      return (0, _react.jsx)("span", {
+      return /*#__PURE__*/_react.default.createElement("span", {
         css: (0, _AvatarItemOption.textWrapper)(isSelected ? "var(--ds-text-selected, ".concat(_colors.B400, ")") : "var(--ds-text-subtlest, ".concat(_colors.N200, ")")),
         "data-testid": "user-picker-team-secondary-text"
       }, message);
@@ -88,7 +87,7 @@ var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponen
       var _this$props$team3 = _this.props.team,
         avatarUrl = _this$props$team3.avatarUrl,
         name = _this$props$team3.name;
-      return (0, _react.jsx)(_SizeableAvatar.SizeableAvatar, {
+      return /*#__PURE__*/_react.default.createElement(_SizeableAvatar.SizeableAvatar, {
         appearance: "big",
         src: avatarUrl,
         name: name
@@ -104,7 +103,7 @@ var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponen
       if (!((_this$props$team4 = _this.props.team) !== null && _this$props$team4 !== void 0 && _this$props$team4.byline)) {
         return undefined;
       }
-      return (0, _react.jsx)("span", {
+      return /*#__PURE__*/_react.default.createElement("span", {
         css: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected, ".concat(_colors.B400, ")") : "var(--ds-text-subtlest, ".concat(_colors.N200, ")"))
       }, _this.props.team.byline);
     });
@@ -113,7 +112,7 @@ var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponen
   (0, _createClass2.default)(TeamOption, [{
     key: "render",
     value: function render() {
-      return (0, _react.jsx)(_AvatarItemOption.AvatarItemOption, {
+      return /*#__PURE__*/_react.default.createElement(_AvatarItemOption.AvatarItemOption, {
         avatar: this.renderAvatar(),
         isDisabled: this.props.team.isDisabled,
         lozenge: this.getLozengeProps(),
@@ -123,4 +122,4 @@ var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponen
     }
   }]);
   return TeamOption;
-}(_react2.default.PureComponent);
+}(_react.default.PureComponent);

package/dist/cjs/components/UserOption.js

@@ -13,14 +13,13 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _colors = require("@atlaskit/theme/colors");
-var _react = require("@emotion/react");
-var _react2 = _interopRequireDefault(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _AvatarItemOption = require("./AvatarItemOption");
 var _HighlightText = require("./HighlightText");
 var _SizeableAvatar = require("./SizeableAvatar");
 var _utils = require("./utils");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var UserOption = exports.UserOption = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(UserOption, _React$PureComponent);
   var _super = _createSuper(UserOption);
@@ -36,25 +35,25 @@ var UserOption = exports.UserOption = /*#__PURE__*/function (_React$PureComponen
         name = _this$props$user.name,
         publicName = _this$props$user.publicName,
         highlight = _this$props$user.highlight;
-      var result = [(0, _react.jsx)("span", {
+      var result = [/*#__PURE__*/_react.default.createElement("span", {
         key: "name",
         css: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected, ".concat(_colors.B400, ")") : "var(--ds-text, ".concat(_colors.N800, ")"))
-      }, (0, _react.jsx)(_HighlightText.HighlightText, {
+      }, /*#__PURE__*/_react.default.createElement(_HighlightText.HighlightText, {
         highlights: highlight && highlight.name
       }, name))];
       if ((0, _utils.hasValue)(publicName) && name.trim() !== publicName.trim()) {
-        result.push((0, _react.jsx)(_react2.default.Fragment, {
+        result.push( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
           key: "publicName"
-        }, ' ', (0, _react.jsx)("span", {
+        }, ' ', /*#__PURE__*/_react.default.createElement("span", {
           css: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected, ".concat(_colors.B400, ")") : "var(--ds-text-subtlest, ".concat(_colors.N200, ")"))
-        }, "(", (0, _react.jsx)(_HighlightText.HighlightText, {
+        }, "(", /*#__PURE__*/_react.default.createElement(_HighlightText.HighlightText, {
           highlights: highlight && highlight.publicName
         }, publicName), ")")));
       }
       return result;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSecondaryText", function () {
-      return _this.props.user.byline ? (0, _react.jsx)("span", {
+      return _this.props.user.byline ? /*#__PURE__*/_react.default.createElement("span", {
         css: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected, ".concat(_colors.B400, ")") : "var(--ds-text-subtlest, ".concat(_colors.N200, ")"))
       }, _this.props.user.byline) : undefined;
     });
@@ -64,7 +63,7 @@ var UserOption = exports.UserOption = /*#__PURE__*/function (_React$PureComponen
         avatarUrl = _this$props$user2.avatarUrl,
         name = _this$props$user2.name,
         status = _this$props.status;
-      return (0, _react.jsx)(_SizeableAvatar.SizeableAvatar, {
+      return /*#__PURE__*/_react.default.createElement(_SizeableAvatar.SizeableAvatar, {
         appearance: "big",
         src: avatarUrl,
         presence: status,
@@ -81,7 +80,7 @@ var UserOption = exports.UserOption = /*#__PURE__*/function (_React$PureComponen
   (0, _createClass2.default)(UserOption, [{
     key: "render",
     value: function render() {
-      return (0, _react.jsx)(_AvatarItemOption.AvatarItemOption, {
+      return /*#__PURE__*/_react.default.createElement(_AvatarItemOption.AvatarItemOption, {
         avatar: this.renderAvatar(),
         lozenge: this.getLozengeProps(),
         isDisabled: this.props.user.isDisabled,
@@ -91,4 +90,4 @@ var UserOption = exports.UserOption = /*#__PURE__*/function (_React$PureComponen
     }
   }]);
   return UserOption;
-}(_react2.default.PureComponent);
+}(_react.default.PureComponent);

package/dist/es2019/analytics.js

@@ -2,7 +2,7 @@ import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 const packageName = "@atlaskit/user-picker";
-const packageVersion = "10.12.3";
+const packageVersion = "10.12.4";
 const UUID_REGEXP_TEAMS_GROUPS = /^[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 const UUID_REGEXP_OLD_AAID = /^[a-fA-F0-9]{1,8}:[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 const UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;

package/dist/es2019/components/AddOptionAvatar.js

@@ -1,8 +1,7 @@
-/** @jsx jsx */
 import EmailIcon from '@atlaskit/icon/glyph/email';
 import { N40, N500 } from '@atlaskit/theme/colors';
 import React from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 const getEmailAvatarWrapperStyle = isLozenge => {
   const padding = isLozenge ? 0 : 4;
   return css({
@@ -17,9 +16,9 @@ export const AddOptionAvatar = ({
   isLozenge,
   label
 }) => {
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: getEmailAvatarWrapperStyle(isLozenge)
-  }, jsx(EmailIcon, {
+  }, /*#__PURE__*/React.createElement(EmailIcon, {
     label: label,
     size: isLozenge ? 'small' : 'medium',
     primaryColor: `var(--ds-text-subtle, ${N500})`

package/dist/es2019/components/AvatarItemOption.js

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import Lozenge from '@atlaskit/lozenge';
 import { isLozengeText } from './utils';
 const AsyncTooltip = /*#__PURE__*/React.lazy(() => import( /* webpackChunkName: "@atlaskit-internal_@atlaskit/tooltip" */'@atlaskit/tooltip').then(module => {
@@ -59,25 +58,25 @@ export const AvatarItemOption = ({
       if (lozenge !== null && lozenge !== void 0 && lozenge.tooltip) {
         // Note that entire Lozenge must be wrapped in the Tooltip (rather than just the
         // Lozenge text) or tooltip won't work
-        return jsx(React.Suspense, {
-          fallback: jsx(Lozenge, lozenge, lozenge.text)
-        }, jsx(AsyncTooltip, {
+        return /*#__PURE__*/React.createElement(React.Suspense, {
+          fallback: /*#__PURE__*/React.createElement(Lozenge, lozenge, lozenge.text)
+        }, /*#__PURE__*/React.createElement(AsyncTooltip, {
           content: lozenge.tooltip
-        }, jsx(Lozenge, lozenge, lozenge.text)));
+        }, /*#__PURE__*/React.createElement(Lozenge, lozenge, lozenge.text)));
       }
-      return jsx(Lozenge, lozenge, lozenge.text);
+      return /*#__PURE__*/React.createElement(Lozenge, lozenge, lozenge.text);
     }
     return lozenge;
   };
-  return jsx("span", {
+  return /*#__PURE__*/React.createElement("span", {
     css: wrapper(isDisabled)
-  }, avatar, jsx("div", {
+  }, avatar, /*#__PURE__*/React.createElement("div", {
     css: optionWrapper
-  }, jsx("div", null, jsx("div", {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     css: getTextStyle()
-  }, primaryText), secondaryText && jsx("div", {
+  }, primaryText), secondaryText && /*#__PURE__*/React.createElement("div", {
     css: getTextStyle(true)
-  }, secondaryText))), lozenge && jsx("div", {
+  }, secondaryText))), lozenge && /*#__PURE__*/React.createElement("div", {
     css: additionalInfo
   }, renderLozenge()));
 };

package/dist/es2019/components/BaseUserPicker.js

@@ -303,7 +303,10 @@ export class BaseUserPickerWithoutAnalytics extends React.Component {
         }
       }
     });
-    _defineProperty(this, "focusedOptionObserver", new MutationObserver(this.focusedOptionObserverCallback));
+    // for SSR, MutationObserver not existed in node, need to check its existence first
+    // using typeof MutationObserver to check if MutationObserver is function, it is undefined in node
+    // if it is node environment, focusedOptionObserver will be falsy value.
+    _defineProperty(this, "focusedOptionObserver", typeof MutationObserver === 'function' && new MutationObserver(this.focusedOptionObserverCallback));
     _defineProperty(this, "handleKeyDown", event => {
       // Escape
       if (event.keyCode === 27) {
@@ -400,7 +403,7 @@ export class BaseUserPickerWithoutAnalytics extends React.Component {
         var _menuRef$children$;
         const menuRef = this.selectRef.select.menuListRef;
         ((_menuRef$children$ = menuRef.children[0]) === null || _menuRef$children$ === void 0 ? void 0 : _menuRef$children$.classList.contains(optionFocusedClass)) && this.selectRef.select.inputRef.setAttribute('aria-activedescendant', menuRef.children[0].id);
-        this.focusedOptionObserver.observe(menuRef, observerOptions);
+        this.focusedOptionObserver && this.focusedOptionObserver.observe(menuRef, observerOptions);
       }
       if (!this.session) {
         // session should have been created onFocus
@@ -417,7 +420,7 @@ export class BaseUserPickerWithoutAnalytics extends React.Component {
       this.session = undefined;
       if (getBooleanFF('platform.design-system-team.select-aria-activedescendant_psxzq')) {
         this.selectRef.select.inputRef.removeAttribute('aria-activedescendant');
-        this.focusedOptionObserver.disconnect();
+        this.focusedOptionObserver && this.focusedOptionObserver.disconnect();
       }
     }
     if (menuIsOpen && (!prevState.menuIsOpen && options.length > 0 || options.length !== prevState.options.length)) {

package/dist/es2019/components/CustomOption/main.js

@@ -1,7 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @jsx jsx */
 import { B400, N800, N200 } from '@atlaskit/theme/colors';
-import { jsx } from '@emotion/react';
 import React from 'react';
 import { AvatarItemOption, textWrapper } from '../AvatarItemOption';
 import { HighlightText } from '../HighlightText';
@@ -16,14 +14,14 @@ export class CustomOption extends React.PureComponent {
           highlight
         }
       } = this.props;
-      return [jsx("span", {
+      return [/*#__PURE__*/React.createElement("span", {
         key: "name",
         css: textWrapper(this.props.isSelected ? `var(--ds-text-selected, ${B400})` : `var(--ds-text, ${N800})`)
-      }, jsx(HighlightText, {
+      }, /*#__PURE__*/React.createElement(HighlightText, {
         highlights: highlight && highlight.name
       }, name))];
     });
-    _defineProperty(this, "getBylineComponent", (isSelected, message) => jsx("span", {
+    _defineProperty(this, "getBylineComponent", (isSelected, message) => /*#__PURE__*/React.createElement("span", {
       css: textWrapper(isSelected ? `var(--ds-text-selected, ${B400})` : `var(--ds-text-subtlest, ${N200})`),
       "data-testid": "user-picker-custom-secondary-text"
     }, message));
@@ -41,7 +39,7 @@ export class CustomOption extends React.PureComponent {
           name
         }
       } = this.props;
-      return jsx(SizeableAvatar, {
+      return /*#__PURE__*/React.createElement(SizeableAvatar, {
         appearance: "big",
         src: avatarUrl,
         name: name
@@ -52,7 +50,7 @@ export class CustomOption extends React.PureComponent {
     } : this.props.data.lozenge);
   }
   render() {
-    return jsx(AvatarItemOption, {
+    return /*#__PURE__*/React.createElement(AvatarItemOption, {
       avatar: this.renderAvatar(),
       isDisabled: this.props.data.isDisabled,
       lozenge: this.getLozengeProps(),

package/dist/es2019/components/EmailOption/main.js

@@ -1,9 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @jsx jsx */
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { B400, N200, N800 } from '@atlaskit/theme/colors';
-import { jsx } from '@emotion/react';
 import { AddOptionAvatar } from '../AddOptionAvatar';
 import { AvatarItemOption, textWrapper } from '../AvatarItemOption';
 import { messages } from '../i18n';
@@ -20,19 +18,19 @@ export class EmailOption extends React.PureComponent {
           id
         }
       } = this.props;
-      return jsx("span", {
+      return /*#__PURE__*/React.createElement("span", {
         key: "name",
         css: textWrapper(this.props.isSelected ? `var(--ds-text-selected, ${B400})` : `var(--ds-text, ${N800})`)
       }, id);
     });
     _defineProperty(this, "renderSecondaryText", label => {
-      return jsx("span", {
+      return /*#__PURE__*/React.createElement("span", {
         css: textWrapper(this.props.isSelected ? `var(--ds-text-selected, ${B400})` : `var(--ds-text-subtlest, ${N200})`),
         "data-testid": "user-picker-email-secondary-text"
       }, label);
     });
-    _defineProperty(this, "renderOption", label => jsx(AvatarItemOption, {
-      avatar: jsx(AddOptionAvatar, {
+    _defineProperty(this, "renderOption", label => /*#__PURE__*/React.createElement(AvatarItemOption, {
+      avatar: /*#__PURE__*/React.createElement(AddOptionAvatar, {
         label: label
       }),
       lozenge: this.getLozengeProps(),
@@ -46,6 +44,6 @@ export class EmailOption extends React.PureComponent {
       label,
       emailValidity
     } = this.props;
-    return label !== undefined ? this.renderOption(label) : jsx(FormattedMessage, getAddEmailMessage(emailValidity), label => this.renderOption(label));
+    return label !== undefined ? this.renderOption(label) : /*#__PURE__*/React.createElement(FormattedMessage, getAddEmailMessage(emailValidity), label => this.renderOption(label));
   }
 }

package/dist/es2019/components/ExternalUserOption/ExternalAvatarItemOption.js

@@ -1,6 +1,4 @@
-/** @jsx jsx */
-
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { B400 } from '@atlaskit/theme/colors';
 const outerWrapper = isDisabled => css({
   alignItems: 'center',
@@ -51,14 +49,14 @@ export const ExternalAvatarItemOption = ({
   primaryText,
   secondaryText,
   sourcesInfoTooltip
-}) => jsx("div", {
+}) => /*#__PURE__*/React.createElement("div", {
   css: outerWrapper(isDisabled)
-}, avatar, jsx("div", {
+}, avatar, /*#__PURE__*/React.createElement("div", {
   css: detailsWrapper
-}, jsx("div", {
+}, /*#__PURE__*/React.createElement("div", {
   css: textSection
-}, jsx("div", null, jsx("div", {
+}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
   css: getTextStyle()
-}, primaryText)), secondaryText && jsx("div", null, jsx("div", {
+}, primaryText)), secondaryText && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
   css: getTextStyle(true)
-}, secondaryText))), jsx("div", null, sourcesInfoTooltip)));
+}, secondaryText))), /*#__PURE__*/React.createElement("div", null, sourcesInfoTooltip)));

package/dist/es2019/components/ExternalUserOption/InfoIcon.js

@@ -1,6 +1,5 @@
-/** @jsx jsx */
 import { useCallback, useState } from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import EditorPanelIcon from '@atlaskit/icon/glyph/editor/panel';
 import { N50, N200 } from '@atlaskit/theme/colors';
 const wrapper = css({
@@ -10,11 +9,11 @@ export default (() => {
   const [isMouseHovered, setHoverState] = useState(false);
   const onMouseEnter = useCallback(() => setHoverState(true), [setHoverState]);
   const onMouseLeave = useCallback(() => setHoverState(false), [setHoverState]);
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     css: wrapper,
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave
-  }, jsx(EditorPanelIcon, {
+  }, /*#__PURE__*/React.createElement(EditorPanelIcon, {
     testId: "source-icon",
     label: "",
     size: "large",

package/dist/es2019/components/ExternalUserOption/SourcesTooltipContent.js

@@ -1,7 +1,6 @@
-/** @jsx jsx */
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { AtlassianIcon, ConfluenceIcon, JiraIcon } from '@atlaskit/logo';
 import Spinner from '@atlaskit/spinner/spinner';
 import { SlackIcon } from '../assets/slack';
@@ -21,37 +20,37 @@ export const sourceWrapper = css({
 });
 const SUPPORTED_SOURCES = [{
   sourceType: 'jira',
-  icon: jsx(JiraIcon, {
+  icon: /*#__PURE__*/React.createElement(JiraIcon, {
     size: 'xsmall'
   }),
   label: messages.jiraSource
 }, {
   sourceType: 'confluence',
-  icon: jsx(ConfluenceIcon, {
+  icon: /*#__PURE__*/React.createElement(ConfluenceIcon, {
     size: 'xsmall'
   }),
   label: messages.confluenceSource
 }, {
   sourceType: 'other-atlassian',
-  icon: jsx(AtlassianIcon, {
+  icon: /*#__PURE__*/React.createElement(AtlassianIcon, {
     size: 'xsmall'
   }),
   label: messages.otherAtlassianSource
 }, {
   sourceType: 'slack',
-  icon: jsx(SlackIcon, null),
+  icon: /*#__PURE__*/React.createElement(SlackIcon, null),
   label: messages.slackProvider
 }, {
   sourceType: 'google',
-  icon: jsx(GoogleIcon, null),
+  icon: /*#__PURE__*/React.createElement(GoogleIcon, null),
   label: messages.googleProvider
 }, {
   sourceType: 'microsoft',
-  icon: jsx(MicrosoftIcon, null),
+  icon: /*#__PURE__*/React.createElement(MicrosoftIcon, null),
   label: messages.microsoftProvider
 }, {
   sourceType: 'github',
-  icon: jsx(GitHubIcon, null),
+  icon: /*#__PURE__*/React.createElement(GitHubIcon, null),
   label: messages.gitHubProvider
 }];
 export const SourcesTooltipContent = ({
@@ -59,19 +58,19 @@ export const SourcesTooltipContent = ({
   sourcesLoading
 }) => {
   const sourcesToRender = React.useMemo(() => SUPPORTED_SOURCES.filter(supportedSource => sources.includes(supportedSource.sourceType)), [sources]);
-  return jsx(React.Fragment, null, !sourcesLoading && sources.length === 0 ? jsx("span", null, jsx(FormattedMessage, messages.externalUserSourcesError)) : jsx(React.Fragment, null, jsx("span", null, jsx(FormattedMessage, messages.externalUserSourcesHeading)), jsx("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !sourcesLoading && sources.length === 0 ? /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(FormattedMessage, messages.externalUserSourcesError)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(FormattedMessage, messages.externalUserSourcesHeading)), /*#__PURE__*/React.createElement("div", {
     css: sourcesTooltipContainer
-  }, sourcesLoading && jsx(Spinner, {
+  }, sourcesLoading && /*#__PURE__*/React.createElement(Spinner, {
     size: "small",
     appearance: "invert"
   }), !sourcesLoading && sourcesToRender.map(({
     sourceType,
     icon,
     label
-  }) => jsx("div", {
+  }) => /*#__PURE__*/React.createElement("div", {
     css: sourceWrapper,
     key: sourceType
-  }, jsx("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     css: imageContainer
-  }, icon), jsx("span", null, jsx(FormattedMessage, label)))))));
+  }, icon), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(FormattedMessage, label)))))));
 };

package/dist/es2019/components/ExternalUserOption/main.js

@@ -1,7 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-/** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/react';
+import { css } from '@emotion/react';
 import { B400, N200, N800 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
@@ -32,7 +31,7 @@ class ExternalUserOptionImpl extends React.PureComponent {
           name
         }
       } = this.props;
-      return jsx("span", {
+      return /*#__PURE__*/React.createElement("span", {
         key: "name",
         css: textWrapper(this.props.isSelected ? `var(--ds-text-selected, ${B400})` : `var(--ds-text, ${N800})`)
       }, name);
@@ -46,9 +45,9 @@ class ExternalUserOptionImpl extends React.PureComponent {
       }
       const [emailUser, emailDomain] = email.split('@');
       const emailDomainWithAt = `@${emailDomain}`;
-      return jsx("span", {
+      return /*#__PURE__*/React.createElement("span", {
         css: textWrapper(this.props.isSelected ? `var(--ds-text-selected, ${B400})` : `var(--ds-text-subtlest, ${N200})`)
-      }, emailUser, jsx("span", {
+      }, emailUser, /*#__PURE__*/React.createElement("span", {
         css: emailDomainWrapper
       }, emailDomainWithAt));
     });
@@ -60,7 +59,7 @@ class ExternalUserOptionImpl extends React.PureComponent {
         },
         status
       } = this.props;
-      return jsx(SizeableAvatar, {
+      return /*#__PURE__*/React.createElement(SizeableAvatar, {
         appearance: "big",
         src: avatarUrl,
         presence: status,
@@ -81,14 +80,14 @@ class ExternalUserOptionImpl extends React.PureComponent {
       } = this.props;
       this.fireEvent(userInfoEvent, user.sources, user.id);
     });
-    _defineProperty(this, "getSourcesInfoTooltip", () => this.props.user.isExternal ? jsx(Tooltip, {
+    _defineProperty(this, "getSourcesInfoTooltip", () => this.props.user.isExternal ? /*#__PURE__*/React.createElement(Tooltip, {
       content: this.formattedTooltipContent(),
       position: 'right-start',
       onShow: this.onShow
-    }, jsx(InfoIcon, null)) : undefined);
+    }, /*#__PURE__*/React.createElement(InfoIcon, null)) : undefined);
   }
   render() {
-    return jsx(ExternalAvatarItemOption, {
+    return /*#__PURE__*/React.createElement(ExternalAvatarItemOption, {
       avatar: this.renderAvatar(),
       isDisabled: this.props.user.isDisabled,
       primaryText: this.getPrimaryText(),
@@ -104,11 +103,11 @@ class ExternalUserOptionImpl extends React.PureComponent {
         sources
       }
     } = this.props;
-    return jsx(ExternalUserSourcesContainer, {
+    return /*#__PURE__*/React.createElement(ExternalUserSourcesContainer, {
       accountId: id,
       shouldFetchSources: Boolean(requiresSourceHydration),
       initialSources: sources
-    }, sourceData => jsx(SourcesTooltipContent, sourceData));
+    }, sourceData => /*#__PURE__*/React.createElement(SourcesTooltipContent, sourceData));
   }
 }
 export const ExternalUserOption = withAnalyticsEvents()(ExternalUserOptionImpl);