@atlaskit/user-picker 10.27.6 → 10.27.7

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/user-picker
 
+## 10.27.7
+
+### Patch Changes
+
+- [#178053](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/178053)
+  [`cb318c8c28c26`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cb318c8c28c26) -
+  Internal changes to typography.
+
 ## 10.27.6
 
 ### Patch Changes

package/dist/cjs/analytics.js

@@ -12,7 +12,7 @@ var _utils = require("./components/utils");
 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; }
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "10.27.6";
+var packageVersion = "10.27.7";
 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/cjs/components/BaseUserPicker.js

@@ -8,10 +8,9 @@ exports.BaseUserPickerWithoutAnalytics = exports.BaseUserPicker = 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 _ufo = require("@atlaskit/ufo");
@@ -29,51 +28,49 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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 = (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 loadingMessage = function loadingMessage() {
   return null;
 };
 var classNamePrefix = 'fabric-user-picker';
 var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(BaseUserPickerWithoutAnalytics, _React$Component);
-  var _super = _createSuper(BaseUserPickerWithoutAnalytics);
   function BaseUserPickerWithoutAnalytics(props) {
     var _this;
     (0, _classCallCheck2.default)(this, BaseUserPickerWithoutAnalytics);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getSessionId", function () {
+    _this = _callSuper(this, BaseUserPickerWithoutAnalytics, [props]);
+    (0, _defineProperty2.default)(_this, "getSessionId", function () {
       return _this.session && _this.session.id ? _this.session.id : undefined;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "withSelectRef", function (callback) {
+    (0, _defineProperty2.default)(_this, "withSelectRef", function (callback) {
       return function () {
         if (_this.selectRef) {
           callback(_this.selectRef);
         }
       };
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "nextOption", _this.withSelectRef(function (select) {
+    (0, _defineProperty2.default)(_this, "nextOption", _this.withSelectRef(function (select) {
       return select.focusOption('down');
     }));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "previousOption", _this.withSelectRef(function (select) {
+    (0, _defineProperty2.default)(_this, "previousOption", _this.withSelectRef(function (select) {
       return select.focusOption('up');
     }));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "focus", function () {
+    (0, _defineProperty2.default)(_this, "focus", function () {
       if (_this.selectRef && _this.selectRef.focus) {
         _this.selectRef.focus();
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "blur", function () {
+    (0, _defineProperty2.default)(_this, "blur", function () {
       if (_this.selectRef && _this.selectRef.blur) {
         _this.selectRef.blur();
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "selectOption", _this.withSelectRef(function (select) {
+    (0, _defineProperty2.default)(_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
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleChange", function (value, _ref) {
+    (0, _defineProperty2.default)(_this, "handleChange", function (value, _ref) {
       var action = _ref.action,
         removedValue = _ref.removedValue,
         option = _ref.option;
@@ -90,7 +87,7 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
       switch (action) {
         case 'select-option':
           if (value) {
-            (0, _utils.callCallback)(onSelection, (0, _utils.extractOptionValue)(value), _this.getSessionId(), (0, _assertThisInitialized2.default)(_this));
+            (0, _utils.callCallback)(onSelection, (0, _utils.extractOptionValue)(value), _this.getSessionId(), _this);
           }
           _this.fireEvent(_analytics.selectEvent, isMulti ? option : value);
           _this.session = isMulti ? (0, _analytics.startSession)() : undefined;
@@ -122,10 +119,10 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
         });
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleSelectRef", function (ref) {
+    (0, _defineProperty2.default)(_this, "handleSelectRef", function (ref) {
       _this.selectRef = ref;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "addOptions", (0, _batch.batchByKey)(function (request, newOptions) {
+    (0, _defineProperty2.default)(_this, "addOptions", (0, _batch.batchByKey)(function (request, newOptions) {
       var resolving = _this.state.resolving;
       _this.setState(function (_ref2) {
         var inflightRequest = _ref2.inflightRequest,
@@ -143,7 +140,7 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
         return null;
       });
     }));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleLoadOptionsError", function () {
+    (0, _defineProperty2.default)(_this, "handleLoadOptionsError", function () {
       var count = _this.state.count;
       var newCount = count - 1;
       var resolving = newCount !== 0;
@@ -158,14 +155,14 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
       });
       _this.fireEvent(_analytics.failedEvent);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "debouncedLoadOptions", (0, _debounce.default)(function (search) {
+    (0, _defineProperty2.default)(_this, "debouncedLoadOptions", (0, _debounce.default)(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((0, _assertThisInitialized2.default)(_this), inflightRequest.toString());
+          var addOptions = _this.addOptions.bind(_this, inflightRequest.toString());
           var count = 0;
           if ((0, _utils.isIterable)(result)) {
             var _iterator = _createForOfIteratorHelper(result),
@@ -194,18 +191,18 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
         });
       }
     }, 200));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "abortOptionsShownUfoExperience", function () {
+    (0, _defineProperty2.default)(_this, "abortOptionsShownUfoExperience", function () {
       if (_this.optionsShownUfoExperienceInstance.state.id === _ufo.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();
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "startOptionsShownUfoExperience", function () {
+    (0, _defineProperty2.default)(_this, "startOptionsShownUfoExperience", function () {
       _this.abortOptionsShownUfoExperience();
       _this.optionsShownUfoExperienceInstance.start();
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "executeLoadOptions", function (search) {
+    (0, _defineProperty2.default)(_this, "executeLoadOptions", function (search) {
       var loadOptions = _this.props.loadOptions;
       if (loadOptions) {
         _this.setState({
@@ -216,7 +213,7 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
         });
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleFocus", function (event) {
+    (0, _defineProperty2.default)(_this, "handleFocus", function (event) {
       var _this$state = _this.state,
         value = _this$state.value,
         menuIsOpen = _this$state.menuIsOpen;
@@ -241,14 +238,14 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
         }
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "resetInputState", function () {
+    (0, _defineProperty2.default)(_this, "resetInputState", function () {
       // Prevent filter if query typed, then blurred with no selection
       _this.setState({
         inputValue: ''
       });
       (0, _utils.callCallback)(_this.props.onInputChange, '', _this.getSessionId());
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleBlur", function () {
+    (0, _defineProperty2.default)(_this, "handleBlur", function () {
       (0, _utils.callCallback)(_this.props.onBlur, _this.getSessionId());
       if ((0, _utils.isPopupUserPickerByComponent)(_this.props.SelectComponent)) {
         return;
@@ -261,13 +258,13 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
         options: []
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleOpen", function () {
+    (0, _defineProperty2.default)(_this, "handleOpen", function () {
       (0, _utils.callCallback)(_this.props.onOpen, _this.getSessionId());
       _this.setState({
         menuIsOpen: true
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClose", function () {
+    (0, _defineProperty2.default)(_this, "handleClose", function () {
       _this.resetInputState();
       (0, _utils.callCallback)(_this.props.onClose, _this.getSessionId());
       _this.setState({
@@ -275,7 +272,7 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
         options: []
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleInputChange", function (search, _ref4) {
+    (0, _defineProperty2.default)(_this, "handleInputChange", function (search, _ref4) {
       var action = _ref4.action;
       if (action === 'input-change' || action === 'set-value') {
         (0, _utils.callCallback)(_this.props.onInputChange, search, _this.getSessionId());
@@ -285,7 +282,7 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
         _this.startOptionsShownUfoExperience();
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fireEvent", function (eventCreator) {
+    (0, _defineProperty2.default)(_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++) {
@@ -294,12 +291,12 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
         (0, _analytics.createAndFireEventInElementsChannel)(eventCreator.apply(void 0, [_this.props, _this.state, _this.session, _this.journeyId].concat(args)))(createAnalyticsEvent);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "startSession", function () {
+    (0, _defineProperty2.default)(_this, "startSession", function () {
       _this.session = (0, _analytics.startSession)();
       _this.journeyId = _this.getSessionId();
       _this.fireEvent(_analytics.focusEvent);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyDown", function (event) {
+    (0, _defineProperty2.default)(_this, "handleKeyDown", function (event) {
       if (!_this.isMenuOpenOnClickForSingleSelect) {
         // Escape
         if (event.keyCode === 27) {
@@ -329,12 +326,12 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
       }
       _this.props.onKeyDown && _this.props.onKeyDown(event);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClearIndicatorHover", function (hoveringClearIndicator) {
+    (0, _defineProperty2.default)(_this, "handleClearIndicatorHover", function (hoveringClearIndicator) {
       _this.setState({
         hoveringClearIndicator: hoveringClearIndicator
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getOptions", function () {
+    (0, _defineProperty2.default)(_this, "getOptions", function () {
       var options = (0, _utils.getOptions)(_this.state.options) || [];
       var _this$props2 = _this.props,
         maxOptions = _this$props2.maxOptions,
@@ -358,10 +355,10 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
       }
       return options;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getAppearance", function () {
+    (0, _defineProperty2.default)(_this, "getAppearance", function () {
       return _this.props.appearance ? _this.props.appearance : 'normal';
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClickDraggableParentComponent", function () {
+    (0, _defineProperty2.default)(_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
@@ -398,7 +395,8 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
     _this.optionsShownUfoExperienceInstance = _ufoExperiences.userPickerOptionsShownUfoExperience.getInstance((0, _uuid.v4)());
     return _this;
   }
-  (0, _createClass2.default)(BaseUserPickerWithoutAnalytics, [{
+  (0, _inherits2.default)(BaseUserPickerWithoutAnalytics, _React$Component);
+  return (0, _createClass2.default)(BaseUserPickerWithoutAnalytics, [{
     key: "isMenuOpenOnClickForSingleSelect",
     get: function get() {
       return this.props.openMenuOnClick && !this.props.isMulti;
@@ -603,7 +601,6 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
 
     // session id for focus to blur
   }]);
-  return BaseUserPickerWithoutAnalytics;
 }(_react.default.Component);
 (0, _defineProperty2.default)(BaseUserPickerWithoutAnalytics, "defaultProps", {
   isMulti: false,

package/dist/cjs/components/ClearIndicator.js

@@ -9,16 +9,15 @@ var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 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 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; })(); }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(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; }
@@ -32,16 +31,14 @@ var AsyncTooltip = /*#__PURE__*/_react.default.lazy(function () {
   });
 });
 var ClearIndicator = exports.ClearIndicator = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(ClearIndicator, _React$PureComponent);
-  var _super = _createSuper(ClearIndicator);
   function ClearIndicator() {
     var _this;
     (0, _classCallCheck2.default)(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));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleMouseDown", function (event) {
+    _this = _callSuper(this, ClearIndicator, [].concat(args));
+    (0, _defineProperty2.default)(_this, "handleMouseDown", function (event) {
       if (event && event.type === 'mousedown' && event.button !== 0) {
         return;
       }
@@ -57,7 +54,8 @@ var ClearIndicator = exports.ClearIndicator = /*#__PURE__*/function (_React$Pure
     });
     return _this;
   }
-  (0, _createClass2.default)(ClearIndicator, [{
+  (0, _inherits2.default)(ClearIndicator, _React$PureComponent);
+  return (0, _createClass2.default)(ClearIndicator, [{
     key: "render",
     value: function render() {
       var clearValueLabel = this.props.selectProps.clearValueLabel;
@@ -73,5 +71,4 @@ var ClearIndicator = exports.ClearIndicator = /*#__PURE__*/function (_React$Pure
       }, Indicator)) : Indicator;
     }
   }]);
-  return ClearIndicator;
 }(_react.default.PureComponent);

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

@@ -7,10 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.CustomOption = 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");
@@ -18,22 +17,20 @@ var _react2 = _interopRequireDefault(require("react"));
 var _AvatarItemOption = require("../AvatarItemOption");
 var _HighlightText = require("../HighlightText");
 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 CustomOption = exports.CustomOption = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(CustomOption, _React$PureComponent);
-  var _super = _createSuper(CustomOption);
   function CustomOption() {
     var _this;
     (0, _classCallCheck2.default)(this, CustomOption);
     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, CustomOption, [].concat(args));
+    (0, _defineProperty2.default)(_this, "getPrimaryText", function () {
       var _this$props$data = _this.props.data,
         name = _this$props$data.name,
         highlight = _this$props$data.highlight;
@@ -46,35 +43,36 @@ var CustomOption = exports.CustomOption = /*#__PURE__*/function (_React$PureComp
         highlights: highlight && highlight.name
       }, name))];
     });
-    (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-custom-secondary-text"
       }, message);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderByline", function () {
+    (0, _defineProperty2.default)(_this, "renderByline", function () {
       var _this$props$data2;
       if (!((_this$props$data2 = _this.props.data) !== null && _this$props$data2 !== void 0 && _this$props$data2.byline)) {
         return undefined;
       }
       return _this.getBylineComponent(_this.props.isSelected, _this.props.data.byline);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderAvatar", function () {
+    (0, _defineProperty2.default)(_this, "renderAvatar", function () {
       var avatarUrl = _this.props.data.avatarUrl;
       return (0, _react.jsx)(_SizeableAvatar.SizeableAvatar, {
         appearance: "big",
         src: avatarUrl
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getLozengeProps", function () {
+    (0, _defineProperty2.default)(_this, "getLozengeProps", function () {
       return typeof _this.props.data.lozenge === 'string' ? {
         text: _this.props.data.lozenge
       } : _this.props.data.lozenge;
     });
     return _this;
   }
-  (0, _createClass2.default)(CustomOption, [{
+  (0, _inherits2.default)(CustomOption, _React$PureComponent);
+  return (0, _createClass2.default)(CustomOption, [{
     key: "render",
     value: function render() {
       return (0, _react.jsx)(_AvatarItemOption.AvatarItemOption, {
@@ -86,5 +84,4 @@ var CustomOption = exports.CustomOption = /*#__PURE__*/function (_React$PureComp
       });
     }
   }]);
-  return CustomOption;
 }(_react2.default.PureComponent);

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

@@ -7,10 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.EmailOption = 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");
@@ -19,7 +18,7 @@ var _react2 = require("@emotion/react");
 var _AddOptionAvatar = require("../AddOptionAvatar");
 var _AvatarItemOption = require("../AvatarItemOption");
 var _i18n = require("../i18n");
-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
@@ -28,21 +27,19 @@ var getAddEmailMessage = function getAddEmailMessage(validity) {
   return validity === 'POTENTIAL' ? _i18n.messages.continueToAddEmail : _i18n.messages.selectToAddEmail;
 };
 var EmailOption = exports.EmailOption = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(EmailOption, _React$PureComponent);
-  var _super = _createSuper(EmailOption);
   function EmailOption() {
     var _this;
     (0, _classCallCheck2.default)(this, EmailOption);
     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), "getLozengeProps", function () {
+    _this = _callSuper(this, EmailOption, [].concat(args));
+    (0, _defineProperty2.default)(_this, "getLozengeProps", function () {
       return typeof _this.props.email.lozenge === 'string' ? {
         text: _this.props.email.lozenge
       } : _this.props.email.lozenge;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderPrimaryText", function () {
+    (0, _defineProperty2.default)(_this, "renderPrimaryText", function () {
       var id = _this.props.email.id;
       return (0, _react2.jsx)("span", {
         key: "name"
@@ -51,14 +48,14 @@ var EmailOption = exports.EmailOption = /*#__PURE__*/function (_React$PureCompon
         css: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected, ".concat(_colors.B400, ")") : "var(--ds-text, ".concat(_colors.N800, ")"))
       }, id);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSecondaryText", function (label) {
+    (0, _defineProperty2.default)(_this, "renderSecondaryText", function (label) {
       return (0, _react2.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, ")")),
         "data-testid": "user-picker-email-secondary-text"
       }, label);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderOption", function (label) {
+    (0, _defineProperty2.default)(_this, "renderOption", function (label) {
       return (0, _react2.jsx)(_AvatarItemOption.AvatarItemOption, {
         avatar: (0, _react2.jsx)(_AddOptionAvatar.AddOptionAvatar, {
           label: label
@@ -71,7 +68,8 @@ var EmailOption = exports.EmailOption = /*#__PURE__*/function (_React$PureCompon
     });
     return _this;
   }
-  (0, _createClass2.default)(EmailOption, [{
+  (0, _inherits2.default)(EmailOption, _React$PureComponent);
+  return (0, _createClass2.default)(EmailOption, [{
     key: "render",
     value: function render() {
       var _this2 = this;
@@ -83,5 +81,4 @@ var EmailOption = exports.EmailOption = /*#__PURE__*/function (_React$PureCompon
       });
     }
   }]);
-  return EmailOption;
 }(_react.default.PureComponent);

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

@@ -8,10 +8,9 @@ exports.imageContainer = exports.emailDomainWrapper = exports.ExternalUserOption
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 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 _react2 = require("@emotion/react");
@@ -25,7 +24,7 @@ var _ExternalUserSourcesContainer = require("../ExternalUserSourcesContainer");
 var _InfoIcon = _interopRequireDefault(require("./InfoIcon"));
 var _ExternalAvatarItemOption = require("./ExternalAvatarItemOption");
 var _SourcesTooltipContent = require("./SourcesTooltipContent");
-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
@@ -42,19 +41,17 @@ var imageContainer = exports.imageContainer = (0, _react2.css)({
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var emailDomainWrapper = exports.emailDomainWrapper = (0, _react2.css)({
-  fontWeight: 'bold'
+  fontWeight: "var(--ds-font-weight-bold, 700)"
 });
 var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
-  (0, _inherits2.default)(ExternalUserOptionImpl, _React$PureComponent);
-  var _super = _createSuper(ExternalUserOptionImpl);
   function ExternalUserOptionImpl() {
     var _this;
     (0, _classCallCheck2.default)(this, ExternalUserOptionImpl);
     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, ExternalUserOptionImpl, [].concat(_args));
+    (0, _defineProperty2.default)(_this, "getPrimaryText", function () {
       var name = _this.props.user.name;
       return (0, _react2.jsx)("span", {
         key: "name"
@@ -63,7 +60,7 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
         css: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected, ".concat(_colors.B400, ")") : "var(--ds-text, ".concat(_colors.N800, ")"))
       }, name);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSecondaryText", function () {
+    (0, _defineProperty2.default)(_this, "renderSecondaryText", function () {
       var _this$props$user = _this.props.user,
         byline = _this$props$user.byline,
         email = _this$props$user.email;
@@ -97,7 +94,7 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
         );
       }
     });
-    (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;
@@ -107,7 +104,7 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
         presence: status
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fireEvent", function (eventCreator) {
+    (0, _defineProperty2.default)(_this, "fireEvent", function (eventCreator) {
       for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
         args[_key2 - 1] = arguments[_key2];
       }
@@ -116,11 +113,11 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
         (0, _analytics.createAndFireEventInElementsChannel)(eventCreator.apply(void 0, args))(createAnalyticsEvent);
       }
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onShow", function () {
+    (0, _defineProperty2.default)(_this, "onShow", function () {
       var user = _this.props.user;
       _this.fireEvent(_analytics.userInfoEvent, user.sources, user.id);
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getSourcesInfoTooltip", function () {
+    (0, _defineProperty2.default)(_this, "getSourcesInfoTooltip", function () {
       return _this.props.user.isExternal ? (0, _react2.jsx)(_tooltip.default, {
         content: _this.formattedTooltipContent(),
         position: 'right-start',
@@ -129,7 +126,8 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
     });
     return _this;
   }
-  (0, _createClass2.default)(ExternalUserOptionImpl, [{
+  (0, _inherits2.default)(ExternalUserOptionImpl, _React$PureComponent);
+  return (0, _createClass2.default)(ExternalUserOptionImpl, [{
     key: "render",
     value: function render() {
       return (0, _react2.jsx)(_ExternalAvatarItemOption.ExternalAvatarItemOption, {
@@ -156,6 +154,5 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
       });
     }
   }]);
-  return ExternalUserOptionImpl;
 }(_react.default.PureComponent);
 var ExternalUserOption = exports.ExternalUserOption = (0, _analyticsNext.withAnalyticsEvents)()(ExternalUserOptionImpl);