@atlaskit/user-picker 10.27.5 → 10.27.7

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

@@ -7,10 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.groupOptionIconWrapper = exports.GroupOption = 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 _reactIntlNext = require("react-intl-next");
@@ -20,7 +19,7 @@ var _peopleGroupPeople = _interopRequireDefault(require("@atlaskit/icon/core/mig
 var _AvatarItemOption = require("../AvatarItemOption");
 var _i18n = require("../i18n");
 var _HighlightText = require("../HighlightText");
-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
@@ -36,16 +35,14 @@ var groupOptionIconWrapper = exports.groupOptionIconWrapper = (0, _react2.css)({
   }
 });
 var GroupOption = exports.GroupOption = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(GroupOption, _React$PureComponent);
-  var _super = _createSuper(GroupOption);
   function GroupOption() {
     var _this;
     (0, _classCallCheck2.default)(this, GroupOption);
     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, GroupOption, [].concat(args));
+    (0, _defineProperty2.default)(_this, "getPrimaryText", function () {
       var _this$props = _this.props,
         isSelected = _this$props.isSelected,
         _this$props$group = _this$props.group,
@@ -60,7 +57,7 @@ var GroupOption = exports.GroupOption = /*#__PURE__*/function (_React$PureCompon
         highlights: highlight && highlight.name
       }, name))];
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderAvatar", function () {
+    (0, _defineProperty2.default)(_this, "renderAvatar", function () {
       return (0, _react2.jsx)("span", {
         css: groupOptionIconWrapper
       }, (0, _react2.jsx)(_peopleGroupPeople.default, {
@@ -70,7 +67,7 @@ var GroupOption = exports.GroupOption = /*#__PURE__*/function (_React$PureCompon
         spacing: "spacious"
       }));
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderByline", function () {
+    (0, _defineProperty2.default)(_this, "renderByline", function () {
       var _this$props2 = _this.props,
         isSelected = _this$props2.isSelected,
         group = _this$props2.group;
@@ -80,14 +77,15 @@ var GroupOption = exports.GroupOption = /*#__PURE__*/function (_React$PureCompon
         "data-testid": "user-picker-group-secondary-text"
       }, group.byline ? group.byline : (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _i18n.messages.groupByline));
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getLozengeProps", function () {
+    (0, _defineProperty2.default)(_this, "getLozengeProps", function () {
       return typeof _this.props.group.lozenge === 'string' ? {
         text: _this.props.group.lozenge
       } : _this.props.group.lozenge;
     });
     return _this;
   }
-  (0, _createClass2.default)(GroupOption, [{
+  (0, _inherits2.default)(GroupOption, _React$PureComponent);
+  return (0, _createClass2.default)(GroupOption, [{
     key: "render",
     value: function render() {
       return (0, _react2.jsx)(_AvatarItemOption.AvatarItemOption, {
@@ -99,5 +97,4 @@ var GroupOption = exports.GroupOption = /*#__PURE__*/function (_React$PureCompon
       });
     }
   }]);
-  return GroupOption;
 }(_react.default.PureComponent);

package/dist/cjs/components/HighlightText.js

@@ -7,20 +7,19 @@ Object.defineProperty(exports, "__esModule", {
 exports.HighlightText = 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"));
-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 HighlightText = exports.HighlightText = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(HighlightText, _React$PureComponent);
-  var _super = _createSuper(HighlightText);
   function HighlightText() {
     (0, _classCallCheck2.default)(this, HighlightText);
-    return _super.apply(this, arguments);
+    return _callSuper(this, HighlightText, arguments);
   }
-  (0, _createClass2.default)(HighlightText, [{
+  (0, _inherits2.default)(HighlightText, _React$PureComponent);
+  return (0, _createClass2.default)(HighlightText, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -75,5 +74,4 @@ var HighlightText = exports.HighlightText = /*#__PURE__*/function (_React$PureCo
       });
     }
   }]);
-  return HighlightText;
 }(_react.default.PureComponent);

package/dist/cjs/components/Input.js

@@ -8,28 +8,25 @@ exports.Input = 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 _react = _interopRequireDefault(require("react"));
 var _select = require("@atlaskit/select");
-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 Input = exports.Input = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(Input, _React$Component);
-  var _super = _createSuper(Input);
   function Input() {
     var _this;
     (0, _classCallCheck2.default)(this, Input);
     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, Input, [].concat(args));
     // onKeyPress is used instead as
     // react-select is using onKeyDown for capturing keyboard input
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyPress", function (e) {
+    (0, _defineProperty2.default)(_this, "handleKeyPress", function (e) {
       var _this$props$selectPro;
       if (e.key === 'Enter') {
         e.preventDefault();
@@ -41,7 +38,8 @@ var Input = exports.Input = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-  (0, _createClass2.default)(Input, [{
+  (0, _inherits2.default)(Input, _React$Component);
+  return (0, _createClass2.default)(Input, [{
     key: "ariaLabelledBy",
     get:
     /**
@@ -73,5 +71,4 @@ var Input = exports.Input = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-  return Input;
 }(_react.default.Component);

package/dist/cjs/components/Menu.js

@@ -7,13 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.Menu = 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 _select = require("@atlaskit/select");
 var _react2 = require("@emotion/react");
-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
@@ -24,13 +24,12 @@ var getFooterStyle = function getFooterStyle() {
   });
 };
 var Menu = exports.Menu = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(Menu, _React$Component);
-  var _super = _createSuper(Menu);
   function Menu() {
     (0, _classCallCheck2.default)(this, Menu);
-    return _super.apply(this, arguments);
+    return _callSuper(this, Menu, arguments);
   }
-  (0, _createClass2.default)(Menu, [{
+  (0, _inherits2.default)(Menu, _React$Component);
+  return (0, _createClass2.default)(Menu, [{
     key: "render",
     value: function render() {
       return (0, _react2.jsx)(_select.components.Menu, this.props, this.props.selectProps.header, this.props.children, this.props.selectProps.footer &&
@@ -40,5 +39,4 @@ var Menu = exports.Menu = /*#__PURE__*/function (_React$Component) {
       }, this.props.selectProps.footer));
     }
   }]);
-  return Menu;
 }(_react.default.Component);

package/dist/cjs/components/MultiValue.js

@@ -9,10 +9,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 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 _primitives = require("@atlaskit/primitives");
@@ -25,7 +24,7 @@ var _peopleGroupPeople = _interopRequireDefault(require("@atlaskit/icon/core/mig
 var _verifiedTeamIcon = require("@atlaskit/people-teams-ui-public/verified-team-icon");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _excluded = ["children", "innerProps"];
-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
@@ -52,13 +51,11 @@ var nameWrapper = (0, _react2.css)({
   paddingLeft: "var(--ds-space-050, 4px)"
 });
 var MultiValue = exports.MultiValue = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(MultiValue, _React$Component);
-  var _super = _createSuper(MultiValue);
   function MultiValue(props) {
     var _this;
     (0, _classCallCheck2.default)(this, MultiValue);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getElemBefore", function () {
+    _this = _callSuper(this, MultiValue, [props]);
+    (0, _defineProperty2.default)(_this, "getElemBefore", function () {
       var data = _this.props.data.data;
       if ((0, _utils.isEmail)(data)) {
         // This element is a decorative icon and does not require a label
@@ -83,7 +80,7 @@ var MultiValue = exports.MultiValue = /*#__PURE__*/function (_React$Component) {
         type: (0, _utils.isTeam)(data) && (0, _platformFeatureFlags.fg)('verified-team-in-user-picker') ? 'team' : 'person'
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getElemAfter", function () {
+    (0, _defineProperty2.default)(_this, "getElemAfter", function () {
       var data = _this.props.data.data;
       if ((0, _utils.isTeam)(data) && data.verified && (0, _platformFeatureFlags.fg)('verified-team-in-user-picker')) {
         return (0, _react2.jsx)(_verifiedTeamIcon.VerifiedTeamIcon, {
@@ -95,7 +92,8 @@ var MultiValue = exports.MultiValue = /*#__PURE__*/function (_React$Component) {
     _this.containerRef = /*#__PURE__*/_react.default.createRef();
     return _this;
   }
-  (0, _createClass2.default)(MultiValue, [{
+  (0, _inherits2.default)(MultiValue, _React$Component);
+  return (0, _createClass2.default)(MultiValue, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       var isFocused = this.props.isFocused;
@@ -141,5 +139,4 @@ var MultiValue = exports.MultiValue = /*#__PURE__*/function (_React$Component) {
       }, children), this.getElemAfter()));
     }
   }]);
-  return MultiValue;
 }(_react.default.Component);

package/dist/cjs/components/MultiValueContainer.js

@@ -9,10 +9,9 @@ exports.MultiValueContainer = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 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 _select = require("@atlaskit/select");
 var _react = _interopRequireWildcard(require("react"));
@@ -26,17 +25,15 @@ 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 MultiValueContainer = exports.MultiValueContainer = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(MultiValueContainer, _React$PureComponent);
-  var _super = _createSuper(MultiValueContainer);
   function MultiValueContainer(props) {
     var _this;
     (0, _classCallCheck2.default)(this, MultiValueContainer);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "timeoutId", null);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "scrollToBottom", function () {
+    _this = _callSuper(this, MultiValueContainer, [props]);
+    (0, _defineProperty2.default)(_this, "timeoutId", null);
+    (0, _defineProperty2.default)(_this, "scrollToBottom", function () {
       _this.timeoutId = window.setTimeout(function () {
         var current = _this.valueContainerInnerProps.ref.current;
         if (current !== null) {
@@ -48,11 +45,11 @@ var MultiValueContainer = exports.MultiValueContainer = /*#__PURE__*/function (_
         _this.timeoutId = null;
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "showPlaceholder", function () {
+    (0, _defineProperty2.default)(_this, "showPlaceholder", function () {
       var value = _this.props.selectProps.value;
       return value && value.length > 0;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "addPlaceholder", function (placeholder) {
+    (0, _defineProperty2.default)(_this, "addPlaceholder", function (placeholder) {
       var children = _react.default.Children.map(_this.props.children, function (child) {
         return (0, _utils.isChildInput)(child) && _this.showPlaceholder() ? /*#__PURE__*/_react.default.cloneElement(child, {
           placeholder: placeholder
@@ -60,7 +57,7 @@ var MultiValueContainer = exports.MultiValueContainer = /*#__PURE__*/function (_
       });
       return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, children);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderChildren", function () {
+    (0, _defineProperty2.default)(_this, "renderChildren", function () {
       var _this$props$selectPro = _this.props.selectProps,
         addMoreMessage = _this$props$selectPro.addMoreMessage,
         isDisabled = _this$props$selectPro.isDisabled;
@@ -82,7 +79,7 @@ var MultiValueContainer = exports.MultiValueContainer = /*#__PURE__*/function (_
       return _this.addPlaceholder(addMoreMessage);
     });
     //@ts-ignore react-select unsupported props
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onValueContainerClick", _this.props.selectProps.onValueContainerClick);
+    (0, _defineProperty2.default)(_this, "onValueContainerClick", _this.props.selectProps.onValueContainerClick);
     _this.state = {
       valueSize: 0,
       previousValueSize: 0
@@ -92,7 +89,8 @@ var MultiValueContainer = exports.MultiValueContainer = /*#__PURE__*/function (_
     };
     return _this;
   }
-  (0, _createClass2.default)(MultiValueContainer, [{
+  (0, _inherits2.default)(MultiValueContainer, _React$PureComponent);
+  return (0, _createClass2.default)(MultiValueContainer, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate() {
       var _this$state = this.state,
@@ -139,5 +137,4 @@ var MultiValueContainer = exports.MultiValueContainer = /*#__PURE__*/function (_
       };
     }
   }]);
-  return MultiValueContainer;
 }(_react.default.PureComponent);

package/dist/cjs/components/PopupControl.js

@@ -7,14 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.PopupControl = 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 _select = require("@atlaskit/select");
 var _react2 = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
-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
@@ -32,7 +32,7 @@ var getLabelStyle = function getLabelStyle() {
   return (0, _react2.css)({
     color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
     fontSize: "".concat(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: "".concat(lineHeight),
     paddingBottom: "var(--ds-space-050, 4px)",
@@ -42,13 +42,12 @@ var getLabelStyle = function getLabelStyle() {
   });
 };
 var PopupControl = exports.PopupControl = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(PopupControl, _React$PureComponent);
-  var _super = _createSuper(PopupControl);
   function PopupControl() {
     (0, _classCallCheck2.default)(this, PopupControl);
-    return _super.apply(this, arguments);
+    return _callSuper(this, PopupControl, arguments);
   }
-  (0, _createClass2.default)(PopupControl, [{
+  (0, _inherits2.default)(PopupControl, _React$PureComponent);
+  return (0, _createClass2.default)(PopupControl, [{
     key: "render",
     value: function render() {
       var popupTitle = this.props.selectProps.popupTitle;
@@ -59,5 +58,4 @@ var PopupControl = exports.PopupControl = /*#__PURE__*/function (_React$PureComp
       }, popupTitle), (0, _react2.jsx)(_select.components.Control, this.props));
     }
   }]);
-  return PopupControl;
 }(_react.default.PureComponent);

package/dist/cjs/components/PopupInput.js

@@ -8,27 +8,24 @@ exports.PopupInput = 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 _react = _interopRequireDefault(require("react"));
 var _Input = require("./Input");
-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 PopupInput = exports.PopupInput = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(PopupInput, _React$Component);
-  var _super = _createSuper(PopupInput);
   function PopupInput() {
     var _this;
     (0, _classCallCheck2.default)(this, PopupInput);
     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), "ref", null);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleInnerRef", function (ref) {
+    _this = _callSuper(this, PopupInput, [].concat(args));
+    (0, _defineProperty2.default)(_this, "ref", null);
+    (0, _defineProperty2.default)(_this, "handleInnerRef", function (ref) {
       _this.ref = ref;
       if (_this.props.innerRef) {
         _this.props.innerRef(ref);
@@ -36,7 +33,8 @@ var PopupInput = exports.PopupInput = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-  (0, _createClass2.default)(PopupInput, [{
+  (0, _inherits2.default)(PopupInput, _React$Component);
+  return (0, _createClass2.default)(PopupInput, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.ref) {
@@ -52,5 +50,4 @@ var PopupInput = exports.PopupInput = /*#__PURE__*/function (_React$Component) {
       }));
     }
   }]);
-  return PopupInput;
 }(_react.default.Component);

package/dist/cjs/components/PopupUserPicker.js

@@ -8,10 +8,9 @@ exports.PopupUserPickerWithoutAnalytics = exports.PopupUserPicker = 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 _analyticsNext = require("@atlaskit/analytics-next");
 var _select = require("@atlaskit/select");
@@ -20,22 +19,20 @@ var _components = require("./components");
 var _styles = require("./styles");
 var _popup = require("./popup");
 var _BaseUserPicker = require("./BaseUserPicker");
-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 PopupUserPickerWithoutAnalytics = exports.PopupUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(PopupUserPickerWithoutAnalytics, _React$Component);
-  var _super = _createSuper(PopupUserPickerWithoutAnalytics);
   function PopupUserPickerWithoutAnalytics() {
     var _this;
     (0, _classCallCheck2.default)(this, PopupUserPickerWithoutAnalytics);
     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), "state", {
+    _this = _callSuper(this, PopupUserPickerWithoutAnalytics, [].concat(args));
+    (0, _defineProperty2.default)(_this, "state", {
       flipped: false
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleFlipStyle", function (data) {
+    (0, _defineProperty2.default)(_this, "handleFlipStyle", function (data) {
       var flipped = data.flipped,
         transform = data.styles.transform,
         height = data.popper.height;
@@ -50,7 +47,8 @@ var PopupUserPickerWithoutAnalytics = exports.PopupUserPickerWithoutAnalytics =
     });
     return _this;
   }
-  (0, _createClass2.default)(PopupUserPickerWithoutAnalytics, [{
+  (0, _inherits2.default)(PopupUserPickerWithoutAnalytics, _React$Component);
+  return (0, _createClass2.default)(PopupUserPickerWithoutAnalytics, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -74,7 +72,6 @@ var PopupUserPickerWithoutAnalytics = exports.PopupUserPickerWithoutAnalytics =
       }));
     }
   }]);
-  return PopupUserPickerWithoutAnalytics;
 }(_react.default.Component);
 (0, _defineProperty2.default)(PopupUserPickerWithoutAnalytics, "defaultProps", {
   boundariesElement: 'viewport',

package/dist/cjs/components/SingleValueContainer.js

@@ -8,10 +8,9 @@ exports.SingleValueContainer = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 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 _select = require("@atlaskit/select");
 var _react = require("@emotion/react");
@@ -20,7 +19,7 @@ var _SizeableAvatar = require("./SizeableAvatar");
 var _styles = require("./styles");
 var _ValueContainerWrapper = _interopRequireDefault(require("./ValueContainerWrapper"));
 var _excluded = ["children"];
-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
@@ -35,16 +34,14 @@ var showUserAvatar = function showUserAvatar(inputValue, value) {
   return value && value.data && inputValue === value.label;
 };
 var SingleValueContainer = exports.SingleValueContainer = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(SingleValueContainer, _React$Component);
-  var _super = _createSuper(SingleValueContainer);
   function SingleValueContainer() {
     var _this;
     (0, _classCallCheck2.default)(this, SingleValueContainer);
     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), "renderAvatar", function () {
+    _this = _callSuper(this, SingleValueContainer, [].concat(args));
+    (0, _defineProperty2.default)(_this, "renderAvatar", function () {
       var _this$props = _this.props,
         hasValue = _this$props.hasValue,
         _this$props$selectPro = _this$props.selectProps,
@@ -63,8 +60,8 @@ var SingleValueContainer = exports.SingleValueContainer = /*#__PURE__*/function
       return null;
     });
     //@ts-ignore react-select unsupported props
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onValueContainerClick", _this.props.selectProps.onValueContainerClick);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "Wrapper", function (_ref) {
+    (0, _defineProperty2.default)(_this, "onValueContainerClick", _this.props.selectProps.onValueContainerClick);
+    (0, _defineProperty2.default)(_this, "Wrapper", function (_ref) {
       var children = _ref.children;
       return _this.onValueContainerClick ?
       // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, jsx-a11y/no-static-element-interactions -- Ignored via go/DSP-18766
@@ -77,7 +74,8 @@ var SingleValueContainer = exports.SingleValueContainer = /*#__PURE__*/function
     });
     return _this;
   }
-  (0, _createClass2.default)(SingleValueContainer, [{
+  (0, _inherits2.default)(SingleValueContainer, _React$Component);
+  return (0, _createClass2.default)(SingleValueContainer, [{
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
@@ -91,5 +89,4 @@ var SingleValueContainer = exports.SingleValueContainer = /*#__PURE__*/function
       }, this.renderAvatar()), children));
     }
   }]);
-  return SingleValueContainer;
 }(_react2.default.Component);

package/dist/cjs/components/SizeableAvatar.js

@@ -7,23 +7,22 @@ Object.defineProperty(exports, "__esModule", {
 exports.SizeableAvatar = 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 _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
 var _teamsAvatar = _interopRequireDefault(require("@atlaskit/teams-avatar"));
 var _react = _interopRequireDefault(require("react"));
 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; })(); }
 var SizeableAvatar = exports.SizeableAvatar = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(SizeableAvatar, _React$PureComponent);
-  var _super = _createSuper(SizeableAvatar);
   function SizeableAvatar() {
     (0, _classCallCheck2.default)(this, SizeableAvatar);
-    return _super.apply(this, arguments);
+    return _callSuper(this, SizeableAvatar, arguments);
   }
-  (0, _createClass2.default)(SizeableAvatar, [{
+  (0, _inherits2.default)(SizeableAvatar, _React$PureComponent);
+  return (0, _createClass2.default)(SizeableAvatar, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -41,5 +40,4 @@ var SizeableAvatar = exports.SizeableAvatar = /*#__PURE__*/function (_React$Pure
       return type === 'team' ? /*#__PURE__*/_react.default.createElement(_teamsAvatar.default, props) : /*#__PURE__*/_react.default.createElement(_avatar.default, props);
     }
   }]);
-  return SizeableAvatar;
 }(_react.default.PureComponent);