@atlaskit/user-picker 10.27.6 → 10.27.8

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

@@ -8,10 +8,9 @@ exports.TeamOption = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 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 _colors = require("@atlaskit/theme/colors");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -24,22 +23,20 @@ var _AvatarItemOption = require("../AvatarItemOption");
 var _HighlightText = require("../HighlightText");
 var _i18n = require("../i18n");
 var _SizeableAvatar = require("../SizeableAvatar");
-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; })(); } /**
  * @jsxRuntime classic
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(TeamOption, _React$PureComponent);
-  var _super = _createSuper(TeamOption);
   function TeamOption() {
     var _this;
     (0, _classCallCheck2.default)(this, TeamOption);
     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));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getPrimaryText", function () {
+    _this = _callSuper(this, TeamOption, [].concat(args));
+    (0, _defineProperty2.default)(_this, "getPrimaryText", function () {
       var _this$props$team = _this.props.team,
         name = _this$props$team.name,
         highlight = _this$props$team.highlight,
@@ -59,7 +56,7 @@ var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponen
         highlights: highlight && highlight.name
       }, name))];
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderByline", function () {
+    (0, _defineProperty2.default)(_this, "renderByline", function () {
       var _this$props = _this.props,
         isSelected = _this$props.isSelected,
         _this$props$team2 = _this$props.team,
@@ -93,14 +90,14 @@ var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponen
         }
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getBylineComponent", function (isSelected, message) {
+    (0, _defineProperty2.default)(_this, "getBylineComponent", function (isSelected, message) {
       return (0, _react.jsx)("span", {
         // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         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);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderAvatar", function () {
+    (0, _defineProperty2.default)(_this, "renderAvatar", function () {
       var avatarUrl = _this.props.team.avatarUrl;
       return (0, _react.jsx)(_SizeableAvatar.SizeableAvatar, {
         appearance: "big",
@@ -108,12 +105,12 @@ var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponen
         type: "team"
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getLozengeProps", function () {
+    (0, _defineProperty2.default)(_this, "getLozengeProps", function () {
       return typeof _this.props.team.lozenge === 'string' ? {
         text: _this.props.team.lozenge
       } : _this.props.team.lozenge;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderCustomByLine", function () {
+    (0, _defineProperty2.default)(_this, "renderCustomByLine", function () {
       var _this$props$team3;
       if (!((_this$props$team3 = _this.props.team) !== null && _this$props$team3 !== void 0 && _this$props$team3.byline)) {
         return undefined;
@@ -125,7 +122,8 @@ var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponen
     });
     return _this;
   }
-  (0, _createClass2.default)(TeamOption, [{
+  (0, _inherits2.default)(TeamOption, _React$PureComponent);
+  return (0, _createClass2.default)(TeamOption, [{
     key: "render",
     value: function render() {
       return (0, _react.jsx)(_AvatarItemOption.AvatarItemOption, {
@@ -137,5 +135,4 @@ var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponen
       });
     }
   }]);
-  return TeamOption;
 }(_react2.default.PureComponent);

package/dist/cjs/components/UserOption.js

@@ -7,10 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.UserOption = 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 _colors = require("@atlaskit/theme/colors");
 var _react = require("@emotion/react");
@@ -19,22 +18,20 @@ var _AvatarItemOption = require("./AvatarItemOption");
 var _HighlightText = require("./HighlightText");
 var _SizeableAvatar = require("./SizeableAvatar");
 var _utils = require("./utils");
-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; })(); } /**
  * @jsxRuntime classic
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var UserOption = exports.UserOption = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(UserOption, _React$PureComponent);
-  var _super = _createSuper(UserOption);
   function UserOption() {
     var _this;
     (0, _classCallCheck2.default)(this, UserOption);
     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));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getPrimaryText", function () {
+    _this = _callSuper(this, UserOption, [].concat(args));
+    (0, _defineProperty2.default)(_this, "getPrimaryText", function () {
       var _this$props$user = _this.props.user,
         name = _this$props$user.name,
         publicName = _this$props$user.publicName,
@@ -59,13 +56,13 @@ var UserOption = exports.UserOption = /*#__PURE__*/function (_React$PureComponen
       }
       return result;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSecondaryText", function () {
+    (0, _defineProperty2.default)(_this, "renderSecondaryText", function () {
       return _this.props.user.byline ? (0, _react.jsx)("span", {
         // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         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;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderAvatar", function () {
+    (0, _defineProperty2.default)(_this, "renderAvatar", function () {
       var _this$props = _this.props,
         avatarUrl = _this$props.user.avatarUrl,
         status = _this$props.status;
@@ -75,14 +72,15 @@ var UserOption = exports.UserOption = /*#__PURE__*/function (_React$PureComponen
         presence: status
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getLozengeProps", function () {
+    (0, _defineProperty2.default)(_this, "getLozengeProps", function () {
       return typeof _this.props.user.lozenge === 'string' ? {
         text: _this.props.user.lozenge
       } : _this.props.user.lozenge;
     });
     return _this;
   }
-  (0, _createClass2.default)(UserOption, [{
+  (0, _inherits2.default)(UserOption, _React$PureComponent);
+  return (0, _createClass2.default)(UserOption, [{
     key: "render",
     value: function render() {
       return (0, _react.jsx)(_AvatarItemOption.AvatarItemOption, {
@@ -94,5 +92,4 @@ var UserOption = exports.UserOption = /*#__PURE__*/function (_React$PureComponen
       });
     }
   }]);
-  return UserOption;
 }(_react2.default.PureComponent);

package/dist/cjs/components/UserPicker.js

@@ -9,9 +9,9 @@ exports.UserPickerWithoutAnalytics = exports.UserPicker = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 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 _analyticsNext = require("@atlaskit/analytics-next");
 var _select = _interopRequireWildcard(require("@atlaskit/select"));
@@ -30,21 +30,20 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 UserPickerWithoutAnalytics = exports.UserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(UserPickerWithoutAnalytics, _React$Component);
-  var _super = _createSuper(UserPickerWithoutAnalytics);
   function UserPickerWithoutAnalytics(props) {
     var _this;
     (0, _classCallCheck2.default)(this, UserPickerWithoutAnalytics);
-    _this = _super.call(this, props);
+    _this = _callSuper(this, UserPickerWithoutAnalytics, [props]);
     _this.ufoId = (0, _uuid.v4)();
     var experienceForId = _ufoExperiences.userPickerRenderedUfoExperience.getInstance(_this.ufoId);
     experienceForId.start();
     return _this;
   }
-  (0, _createClass2.default)(UserPickerWithoutAnalytics, [{
+  (0, _inherits2.default)(UserPickerWithoutAnalytics, _React$Component);
+  return (0, _createClass2.default)(UserPickerWithoutAnalytics, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var experienceForId = _ufoExperiences.userPickerRenderedUfoExperience.getInstance(this.ufoId);
@@ -101,7 +100,6 @@ var UserPickerWithoutAnalytics = exports.UserPickerWithoutAnalytics = /*#__PURE_
       })))));
     }
   }]);
-  return UserPickerWithoutAnalytics;
 }(_react.default.Component);
 (0, _defineProperty2.default)(UserPickerWithoutAnalytics, "defaultProps", {
   width: 350,

package/dist/cjs/util/ufoExperiences.js

@@ -7,12 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.userPickerRenderedUfoExperience = exports.userPickerOptionsShownUfoExperience = exports.UfoErrorBoundary = 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 _ufo = require("@atlaskit/ufo");
-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 userPickerRenderedUfoExperience = exports.userPickerRenderedUfoExperience = new _ufo.ConcurrentExperience('user-picker-rendered', {
   platform: {
@@ -29,13 +29,12 @@ var userPickerOptionsShownUfoExperience = exports.userPickerOptionsShownUfoExper
   performanceType: _ufo.ExperiencePerformanceTypes.InlineResult
 });
 var UfoErrorBoundary = exports.UfoErrorBoundary = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(UfoErrorBoundary, _React$Component);
-  var _super = _createSuper(UfoErrorBoundary);
   function UfoErrorBoundary() {
     (0, _classCallCheck2.default)(this, UfoErrorBoundary);
-    return _super.apply(this, arguments);
+    return _callSuper(this, UfoErrorBoundary, arguments);
   }
-  (0, _createClass2.default)(UfoErrorBoundary, [{
+  (0, _inherits2.default)(UfoErrorBoundary, _React$Component);
+  return (0, _createClass2.default)(UfoErrorBoundary, [{
     key: "componentDidCatch",
     value: function componentDidCatch() {
       var instance = userPickerRenderedUfoExperience.getInstance(this.props.id);
@@ -49,5 +48,4 @@ var UfoErrorBoundary = exports.UfoErrorBoundary = /*#__PURE__*/function (_React$
       return this.props.children;
     }
   }]);
-  return UfoErrorBoundary;
 }(_react.default.Component);

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.27.6";
+const packageVersion = "10.27.8";
 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/ExternalUserOption/main.js

@@ -29,7 +29,7 @@ export const imageContainer = css({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const emailDomainWrapper = css({
-  fontWeight: 'bold'
+  fontWeight: "var(--ds-font-weight-bold, 700)"
 });
 class ExternalUserOptionImpl extends React.PureComponent {
   constructor(..._args) {

package/dist/es2019/components/PopupControl.js

@@ -19,7 +19,7 @@ const controlWrapper = css({
 const getLabelStyle = () => css({
   color: `var(--ds-text-subtlest, ${N200})`,
   fontSize: `${fontSize}px`,
-  fontWeight: 600,
+  fontWeight: "var(--ds-font-weight-semibold, 600)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   lineHeight: `${lineHeight}`,
   paddingBottom: "var(--ds-space-050, 4px)",

package/dist/esm/analytics.js

@@ -5,7 +5,7 @@ import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "10.27.6";
+var packageVersion = "10.27.8";
 var 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}$/;
 var 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}$/;
 var UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;

package/dist/esm/components/BaseUserPicker.js

@@ -1,17 +1,16 @@
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-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 { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import { UFOExperienceState } from '@atlaskit/ufo';
@@ -29,44 +28,42 @@ var loadingMessage = function loadingMessage() {
 };
 var classNamePrefix = 'fabric-user-picker';
 export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
-  _inherits(BaseUserPickerWithoutAnalytics, _React$Component);
-  var _super = _createSuper(BaseUserPickerWithoutAnalytics);
   function BaseUserPickerWithoutAnalytics(props) {
     var _this;
     _classCallCheck(this, BaseUserPickerWithoutAnalytics);
-    _this = _super.call(this, props);
-    _defineProperty(_assertThisInitialized(_this), "getSessionId", function () {
+    _this = _callSuper(this, BaseUserPickerWithoutAnalytics, [props]);
+    _defineProperty(_this, "getSessionId", function () {
       return _this.session && _this.session.id ? _this.session.id : undefined;
     });
-    _defineProperty(_assertThisInitialized(_this), "withSelectRef", function (callback) {
+    _defineProperty(_this, "withSelectRef", function (callback) {
       return function () {
         if (_this.selectRef) {
           callback(_this.selectRef);
         }
       };
     });
-    _defineProperty(_assertThisInitialized(_this), "nextOption", _this.withSelectRef(function (select) {
+    _defineProperty(_this, "nextOption", _this.withSelectRef(function (select) {
       return select.focusOption('down');
     }));
-    _defineProperty(_assertThisInitialized(_this), "previousOption", _this.withSelectRef(function (select) {
+    _defineProperty(_this, "previousOption", _this.withSelectRef(function (select) {
       return select.focusOption('up');
     }));
-    _defineProperty(_assertThisInitialized(_this), "focus", function () {
+    _defineProperty(_this, "focus", function () {
       if (_this.selectRef && _this.selectRef.focus) {
         _this.selectRef.focus();
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "blur", function () {
+    _defineProperty(_this, "blur", function () {
       if (_this.selectRef && _this.selectRef.blur) {
         _this.selectRef.blur();
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "selectOption", _this.withSelectRef(function (select) {
+    _defineProperty(_this, "selectOption", _this.withSelectRef(function (select) {
       var focusedOption = select.state.focusedOption;
       select.selectOption(focusedOption);
     }));
     // value = null if user deletes the last item in the user picker
-    _defineProperty(_assertThisInitialized(_this), "handleChange", function (value, _ref) {
+    _defineProperty(_this, "handleChange", function (value, _ref) {
       var action = _ref.action,
         removedValue = _ref.removedValue,
         option = _ref.option;
@@ -83,7 +80,7 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
       switch (action) {
         case 'select-option':
           if (value) {
-            callCallback(onSelection, extractOptionValue(value), _this.getSessionId(), _assertThisInitialized(_this));
+            callCallback(onSelection, extractOptionValue(value), _this.getSessionId(), _this);
           }
           _this.fireEvent(selectEvent, isMulti ? option : value);
           _this.session = isMulti ? startSession() : undefined;
@@ -115,10 +112,10 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         });
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleSelectRef", function (ref) {
+    _defineProperty(_this, "handleSelectRef", function (ref) {
       _this.selectRef = ref;
     });
-    _defineProperty(_assertThisInitialized(_this), "addOptions", batchByKey(function (request, newOptions) {
+    _defineProperty(_this, "addOptions", batchByKey(function (request, newOptions) {
       var resolving = _this.state.resolving;
       _this.setState(function (_ref2) {
         var inflightRequest = _ref2.inflightRequest,
@@ -136,7 +133,7 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         return null;
       });
     }));
-    _defineProperty(_assertThisInitialized(_this), "handleLoadOptionsError", function () {
+    _defineProperty(_this, "handleLoadOptionsError", function () {
       var count = _this.state.count;
       var newCount = count - 1;
       var resolving = newCount !== 0;
@@ -151,14 +148,14 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
       });
       _this.fireEvent(failedEvent);
     });
-    _defineProperty(_assertThisInitialized(_this), "debouncedLoadOptions", debounce(function (search) {
+    _defineProperty(_this, "debouncedLoadOptions", debounce(function (search) {
       var loadOptions = _this.props.loadOptions;
       if (loadOptions) {
         _this.setState(function (_ref3) {
           var previousRequest = _ref3.inflightRequest;
           var inflightRequest = previousRequest + 1;
           var result = _this.session && _this.session.id ? loadOptions(search, _this.session.id) : loadOptions(search);
-          var addOptions = _this.addOptions.bind(_assertThisInitialized(_this), inflightRequest.toString());
+          var addOptions = _this.addOptions.bind(_this, inflightRequest.toString());
           var count = 0;
           if (isIterable(result)) {
             var _iterator = _createForOfIteratorHelper(result),
@@ -187,18 +184,18 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         });
       }
     }, 200));
-    _defineProperty(_assertThisInitialized(_this), "abortOptionsShownUfoExperience", function () {
+    _defineProperty(_this, "abortOptionsShownUfoExperience", function () {
       if (_this.optionsShownUfoExperienceInstance.state.id === UFOExperienceState.STARTED.id) {
         // There may be an existing UFO timing running from previous key entry or focus,
         // so abort it and restart it just in case.
         _this.optionsShownUfoExperienceInstance.abort();
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "startOptionsShownUfoExperience", function () {
+    _defineProperty(_this, "startOptionsShownUfoExperience", function () {
       _this.abortOptionsShownUfoExperience();
       _this.optionsShownUfoExperienceInstance.start();
     });
-    _defineProperty(_assertThisInitialized(_this), "executeLoadOptions", function (search) {
+    _defineProperty(_this, "executeLoadOptions", function (search) {
       var loadOptions = _this.props.loadOptions;
       if (loadOptions) {
         _this.setState({
@@ -209,7 +206,7 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         });
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleFocus", function (event) {
+    _defineProperty(_this, "handleFocus", function (event) {
       var _this$state = _this.state,
         value = _this$state.value,
         menuIsOpen = _this$state.menuIsOpen;
@@ -234,14 +231,14 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         }
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "resetInputState", function () {
+    _defineProperty(_this, "resetInputState", function () {
       // Prevent filter if query typed, then blurred with no selection
       _this.setState({
         inputValue: ''
       });
       callCallback(_this.props.onInputChange, '', _this.getSessionId());
     });
-    _defineProperty(_assertThisInitialized(_this), "handleBlur", function () {
+    _defineProperty(_this, "handleBlur", function () {
       callCallback(_this.props.onBlur, _this.getSessionId());
       if (isPopupUserPickerByComponent(_this.props.SelectComponent)) {
         return;
@@ -254,13 +251,13 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         options: []
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "handleOpen", function () {
+    _defineProperty(_this, "handleOpen", function () {
       callCallback(_this.props.onOpen, _this.getSessionId());
       _this.setState({
         menuIsOpen: true
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "handleClose", function () {
+    _defineProperty(_this, "handleClose", function () {
       _this.resetInputState();
       callCallback(_this.props.onClose, _this.getSessionId());
       _this.setState({
@@ -268,7 +265,7 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         options: []
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "handleInputChange", function (search, _ref4) {
+    _defineProperty(_this, "handleInputChange", function (search, _ref4) {
       var action = _ref4.action;
       if (action === 'input-change' || action === 'set-value') {
         callCallback(_this.props.onInputChange, search, _this.getSessionId());
@@ -278,7 +275,7 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         _this.startOptionsShownUfoExperience();
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "fireEvent", function (eventCreator) {
+    _defineProperty(_this, "fireEvent", function (eventCreator) {
       var createAnalyticsEvent = _this.props.createAnalyticsEvent;
       if (createAnalyticsEvent) {
         for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -287,12 +284,12 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         createAndFireEventInElementsChannel(eventCreator.apply(void 0, [_this.props, _this.state, _this.session, _this.journeyId].concat(args)))(createAnalyticsEvent);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "startSession", function () {
+    _defineProperty(_this, "startSession", function () {
       _this.session = startSession();
       _this.journeyId = _this.getSessionId();
       _this.fireEvent(focusEvent);
     });
-    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) {
+    _defineProperty(_this, "handleKeyDown", function (event) {
       if (!_this.isMenuOpenOnClickForSingleSelect) {
         // Escape
         if (event.keyCode === 27) {
@@ -322,12 +319,12 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
       }
       _this.props.onKeyDown && _this.props.onKeyDown(event);
     });
-    _defineProperty(_assertThisInitialized(_this), "handleClearIndicatorHover", function (hoveringClearIndicator) {
+    _defineProperty(_this, "handleClearIndicatorHover", function (hoveringClearIndicator) {
       _this.setState({
         hoveringClearIndicator: hoveringClearIndicator
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "getOptions", function () {
+    _defineProperty(_this, "getOptions", function () {
       var options = getOptions(_this.state.options) || [];
       var _this$props2 = _this.props,
         maxOptions = _this$props2.maxOptions,
@@ -351,10 +348,10 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
       }
       return options;
     });
-    _defineProperty(_assertThisInitialized(_this), "getAppearance", function () {
+    _defineProperty(_this, "getAppearance", function () {
       return _this.props.appearance ? _this.props.appearance : 'normal';
     });
-    _defineProperty(_assertThisInitialized(_this), "handleClickDraggableParentComponent", function () {
+    _defineProperty(_this, "handleClickDraggableParentComponent", function () {
       if (_this.state.initialFocusHandled) {
         // As <Select /> is already focused, calling this.selectRef.current.focus() again no longer triggers its own handlers (i.e. onMenuOpen, onMenuClose)
         // We have to manually handle the open and close states of the dropdown menu based on a user's click from this point onwards to prevent the bug
@@ -391,7 +388,8 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
     _this.optionsShownUfoExperienceInstance = userPickerOptionsShownUfoExperience.getInstance(uuidv4());
     return _this;
   }
-  _createClass(BaseUserPickerWithoutAnalytics, [{
+  _inherits(BaseUserPickerWithoutAnalytics, _React$Component);
+  return _createClass(BaseUserPickerWithoutAnalytics, [{
     key: "isMenuOpenOnClickForSingleSelect",
     get: function get() {
       return this.props.openMenuOnClick && !this.props.isMulti;
@@ -596,7 +594,6 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
 
     // session id for focus to blur
   }]);
-  return BaseUserPickerWithoutAnalytics;
 }(React.Component);
 _defineProperty(BaseUserPickerWithoutAnalytics, "defaultProps", {
   isMulti: false,

package/dist/esm/components/ClearIndicator.js

@@ -1,14 +1,13 @@
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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 { components } from '@atlaskit/select';
@@ -20,16 +19,14 @@ var AsyncTooltip = /*#__PURE__*/React.lazy(function () {
   });
 });
 export var ClearIndicator = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(ClearIndicator, _React$PureComponent);
-  var _super = _createSuper(ClearIndicator);
   function ClearIndicator() {
     var _this;
     _classCallCheck(this, ClearIndicator);
     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), "handleMouseDown", function (event) {
+    _this = _callSuper(this, ClearIndicator, [].concat(args));
+    _defineProperty(_this, "handleMouseDown", function (event) {
       if (event && event.type === 'mousedown' && event.button !== 0) {
         return;
       }
@@ -45,7 +42,8 @@ export var ClearIndicator = /*#__PURE__*/function (_React$PureComponent) {
     });
     return _this;
   }
-  _createClass(ClearIndicator, [{
+  _inherits(ClearIndicator, _React$PureComponent);
+  return _createClass(ClearIndicator, [{
     key: "render",
     value: function render() {
       var clearValueLabel = this.props.selectProps.clearValueLabel;
@@ -61,5 +59,4 @@ export var ClearIndicator = /*#__PURE__*/function (_React$PureComponent) {
       }, Indicator)) : Indicator;
     }
   }]);
-  return ClearIndicator;
 }(React.PureComponent);