@atlaskit/user-picker 10.10.1 → 10.11.0

package/dist/cjs/analytics.js

@@ -12,11 +12,11 @@ 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.10.1";
+var packageVersion = "10.11.0";
 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}$/;
-var startSession = function startSession() {
+var startSession = exports.startSession = function startSession() {
   return {
     id: (0, _uuid.v4)(),
     start: Date.now(),
@@ -26,9 +26,7 @@ var startSession = function startSession() {
     lastKey: undefined
   };
 };
-exports.startSession = startSession;
-var createAndFireEventInElementsChannel = (0, _analyticsNext.createAndFireEvent)('fabric-elements');
-exports.createAndFireEventInElementsChannel = createAndFireEventInElementsChannel;
+var createAndFireEventInElementsChannel = exports.createAndFireEventInElementsChannel = (0, _analyticsNext.createAndFireEvent)('fabric-elements');
 var createEvent = function createEvent(eventType, action, actionSubject) {
   var attributes = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   return {
@@ -84,20 +82,18 @@ var createDefaultPickerAttributes = function createDefaultPickerAttributes(props
     journeyId: journeyId
   };
 };
-var focusEvent = function focusEvent(props, state, session, journeyId) {
+var focusEvent = exports.focusEvent = function focusEvent(props, state, session, journeyId) {
   return createEvent('ui', 'focused', 'userPicker', _objectSpread(_objectSpread({}, createDefaultPickerAttributes(props, session, journeyId)), {}, {
     values: buildValueForAnalytics(state.value)
   }));
 };
-exports.focusEvent = focusEvent;
-var clearEvent = function clearEvent(props, state, session, journeyId) {
+var clearEvent = exports.clearEvent = function clearEvent(props, state, session, journeyId) {
   return createEvent('ui', 'cleared', 'userPicker', _objectSpread(_objectSpread({}, createDefaultPickerAttributes(props, session, journeyId)), {}, {
     pickerOpen: state.menuIsOpen,
     values: values(state)
   }));
 };
-exports.clearEvent = clearEvent;
-var deleteEvent = function deleteEvent(props, state, session, journeyId) {
+var deleteEvent = exports.deleteEvent = function deleteEvent(props, state, session, journeyId) {
   return createEvent('ui', 'deleted', 'userPickerItem', {
     context: props.fieldId,
     sessionId: sessionId(session),
@@ -106,8 +102,7 @@ var deleteEvent = function deleteEvent(props, state, session, journeyId) {
     pickerOpen: state.menuIsOpen
   });
 };
-exports.deleteEvent = deleteEvent;
-var cancelEvent = function cancelEvent(props, _, session, journeyId) {
+var cancelEvent = exports.cancelEvent = function cancelEvent(props, _, session, journeyId) {
   return createEvent('ui', 'cancelled', 'userPicker', _objectSpread(_objectSpread({}, createDefaultPickerAttributes(props, session, journeyId)), {}, {
     sessionDuration: sessionDuration(session),
     queryLength: queryLength(arguments.length <= 4 ? undefined : arguments[4]),
@@ -116,8 +111,7 @@ var cancelEvent = function cancelEvent(props, _, session, journeyId) {
     downKeyCount: downKeyCount(session)
   }));
 };
-exports.cancelEvent = cancelEvent;
-var selectEvent = function selectEvent(props, state, session, journeyId) {
+var selectEvent = exports.selectEvent = function selectEvent(props, state, session, journeyId) {
   return createEvent('ui', selectEventType(session), 'userPicker', _objectSpread(_objectSpread({}, createDefaultPickerAttributes(props, session, journeyId)), {}, {
     sessionDuration: sessionDuration(session),
     position: position(state, arguments.length <= 4 ? undefined : arguments[4]),
@@ -129,8 +123,7 @@ var selectEvent = function selectEvent(props, state, session, journeyId) {
     numberOfResults: numberOfResults(state)
   }));
 };
-exports.selectEvent = selectEvent;
-var searchedEvent = function searchedEvent(props, state, session, journeyId) {
+var searchedEvent = exports.searchedEvent = function searchedEvent(props, state, session, journeyId) {
   var searchResults = results(state);
   return createEvent('operational', 'searched', 'userPicker', _objectSpread(_objectSpread({}, createDefaultPickerAttributes(props, session, journeyId)), {}, {
     sessionDuration: sessionDuration(session),
@@ -141,19 +134,16 @@ var searchedEvent = function searchedEvent(props, state, session, journeyId) {
     numberOfResults: searchResults.length
   }));
 };
-exports.searchedEvent = searchedEvent;
-var failedEvent = function failedEvent(props, _, session, journeyId) {
+var failedEvent = exports.failedEvent = function failedEvent(props, _, session, journeyId) {
   return createEvent('operational', 'failed', 'userPicker', _objectSpread({}, createDefaultPickerAttributes(props, session, journeyId)));
 };
-exports.failedEvent = failedEvent;
-var userInfoEvent = function userInfoEvent(sources, accountId) {
+var userInfoEvent = exports.userInfoEvent = function userInfoEvent(sources, accountId) {
   return createEvent('ui', 'displayed', 'userInfo', {
     sources: sources,
     // accountId can be PII if it is an email so check that it's an AAID first
     accountId: checkValidId(accountId) ? accountId : null
   });
 };
-exports.userInfoEvent = userInfoEvent;
 function queryLength(state) {
   return state.inputValue.length;
 }

package/dist/cjs/clients/UserSourceProvider.js

@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var ExusUserSourceContext = /*#__PURE__*/(0, _react.createContext)({});
-var ExusUserSourceProvider = function ExusUserSourceProvider(_ref) {
+var ExusUserSourceProvider = exports.ExusUserSourceProvider = function ExusUserSourceProvider(_ref) {
   var fetchUserSource = _ref.fetchUserSource,
     children = _ref.children;
   return /*#__PURE__*/_react.default.createElement(ExusUserSourceContext.Provider, {
@@ -21,8 +21,7 @@ var ExusUserSourceProvider = function ExusUserSourceProvider(_ref) {
     }
   }, children);
 };
-exports.ExusUserSourceProvider = ExusUserSourceProvider;
-var useUserSource = function useUserSource(accountId, shouldFetchSources, existingSources) {
+var useUserSource = exports.useUserSource = function useUserSource(accountId, shouldFetchSources, existingSources) {
   var _useContext = (0, _react.useContext)(ExusUserSourceContext),
     fetchUserSource = _useContext.fetchUserSource;
   var _useState = (0, _react.useState)([]),
@@ -46,7 +45,7 @@ var useUserSource = function useUserSource(accountId, shouldFetchSources, existi
   (0, _react.useEffect)(function () {
     var isMounted = true;
     var cleanup = function cleanup() {
-      abortController === null || abortController === void 0 ? void 0 : abortController.abort();
+      abortController === null || abortController === void 0 || abortController.abort();
       isMounted = false;
     };
     if (!fetchUserSource || !shouldFetchSources) {
@@ -78,5 +77,4 @@ var useUserSource = function useUserSource(accountId, shouldFetchSources, existi
       error: error
     };
   }, [error, existingSources, externalSources, loading]);
-};
-exports.useUserSource = useUserSource;
+};

package/dist/cjs/components/AddOptionAvatar.js

@@ -21,7 +21,7 @@ var getEmailAvatarWrapperStyle = function getEmailAvatarWrapperStyle(isLozenge)
     alignItems: 'center'
   });
 };
-var AddOptionAvatar = function AddOptionAvatar(_ref) {
+var AddOptionAvatar = exports.AddOptionAvatar = function AddOptionAvatar(_ref) {
   var isLozenge = _ref.isLozenge,
     label = _ref.label;
   return (0, _react2.jsx)("div", {
@@ -31,5 +31,4 @@ var AddOptionAvatar = function AddOptionAvatar(_ref) {
     size: isLozenge ? 'small' : 'medium',
     primaryColor: "var(--ds-text-subtle, ".concat(_colors.N500, ")")
   }));
-};
-exports.AddOptionAvatar = AddOptionAvatar;
+};

package/dist/cjs/components/AvatarItemOption.js

@@ -58,7 +58,7 @@ var getTextStyle = function getTextStyle(isSecondary) {
 var additionalInfo = (0, _react2.css)({
   float: 'right'
 });
-var textWrapper = function textWrapper(color) {
+var textWrapper = exports.textWrapper = function textWrapper(color) {
   return (0, _react2.css)({
     overflow: 'hidden',
     textOverflow: 'ellipsis',
@@ -66,8 +66,7 @@ var textWrapper = function textWrapper(color) {
     color: color
   });
 };
-exports.textWrapper = textWrapper;
-var AvatarItemOption = function AvatarItemOption(_ref) {
+var AvatarItemOption = exports.AvatarItemOption = function AvatarItemOption(_ref) {
   var avatar = _ref.avatar,
     isDisabled = _ref.isDisabled,
     lozenge = _ref.lozenge,
@@ -99,5 +98,4 @@ var AvatarItemOption = function AvatarItemOption(_ref) {
   }, secondaryText))), lozenge && (0, _react2.jsx)("div", {
     css: additionalInfo
   }, renderLozenge()));
-};
-exports.AvatarItemOption = AvatarItemOption;
+};

package/dist/cjs/components/BaseUserPicker.js

@@ -34,7 +34,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 var loadingMessage = function loadingMessage() {
   return null;
 };
-var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
+var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(BaseUserPickerWithoutAnalytics, _React$Component);
   var _super = _createSuper(BaseUserPickerWithoutAnalytics);
   function BaseUserPickerWithoutAnalytics(props) {
@@ -279,7 +279,6 @@ var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
           inputValue: search
         });
         _this.startOptionsShownUfoExperience();
-        _this.executeLoadOptions(search);
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fireEvent", function (eventCreator) {
@@ -391,14 +390,18 @@ var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
         menuIsOpen = _this$state2.menuIsOpen,
         options = _this$state2.options,
         resolving = _this$state2.resolving,
-        count = _this$state2.count;
-      // load options when the picker open
+        count = _this$state2.count,
+        inputValue = _this$state2.inputValue;
       if (menuIsOpen && !prevState.menuIsOpen) {
         if (!this.session) {
           // session should have been created onFocus
           this.startSession();
         }
-        this.executeLoadOptions();
+      }
+
+      // Load options when user picker opens or when input value changes
+      if (menuIsOpen && !prevState.menuIsOpen || inputValue !== prevState.inputValue) {
+        this.executeLoadOptions(inputValue);
       }
       if (!menuIsOpen && prevState.menuIsOpen && this.session) {
         this.fireEvent(_analytics.cancelEvent, prevState);
@@ -457,7 +460,8 @@ var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
         textFieldBackgroundColor = _this$props4.textFieldBackgroundColor,
         ariaLabelledBy = _this$props4.ariaLabelledBy,
         ariaLive = _this$props4.ariaLive,
-        name = _this$props4.name;
+        name = _this$props4.name,
+        header = _this$props4.header;
       var _this$state3 = this.state,
         count = _this$state3.count,
         hoveringClearIndicator = _this$state3.hoveringClearIndicator,
@@ -517,7 +521,8 @@ var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
         onClearIndicatorHover: this.handleClearIndicatorHover,
         onKeyDown: this.handleKeyDown,
         maxPickerHeight: maxPickerHeight,
-        textFieldBackgroundColor: textFieldBackgroundColor
+        textFieldBackgroundColor: textFieldBackgroundColor,
+        header: header
       }, this.ariaProps, pickerProps));
     }
   }], [{
@@ -549,7 +554,6 @@ var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
   }]);
   return BaseUserPickerWithoutAnalytics;
 }(_react.default.Component);
-exports.BaseUserPickerWithoutAnalytics = BaseUserPickerWithoutAnalytics;
 (0, _defineProperty2.default)(BaseUserPickerWithoutAnalytics, "defaultProps", {
   isMulti: false,
   subtle: false,
@@ -560,5 +564,4 @@ exports.BaseUserPickerWithoutAnalytics = BaseUserPickerWithoutAnalytics;
     return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.errorMessage);
   }
 });
-var BaseUserPicker = (0, _analyticsNext.withAnalyticsEvents)()(BaseUserPickerWithoutAnalytics);
-exports.BaseUserPicker = BaseUserPicker;
+var BaseUserPicker = exports.BaseUserPicker = (0, _analyticsNext.withAnalyticsEvents)()(BaseUserPickerWithoutAnalytics);

package/dist/cjs/components/ClearIndicator.js

@@ -31,7 +31,7 @@ var AsyncTooltip = /*#__PURE__*/_react.default.lazy(function () {
     };
   });
 });
-var ClearIndicator = /*#__PURE__*/function (_React$PureComponent) {
+var ClearIndicator = exports.ClearIndicator = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(ClearIndicator, _React$PureComponent);
   var _super = _createSuper(ClearIndicator);
   function ClearIndicator() {
@@ -73,5 +73,4 @@ var ClearIndicator = /*#__PURE__*/function (_React$PureComponent) {
     }
   }]);
   return ClearIndicator;
-}(_react.default.PureComponent);
-exports.ClearIndicator = ClearIndicator;
+}(_react.default.PureComponent);

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

@@ -18,5 +18,4 @@ var AsyncCustomOption = /*#__PURE__*/_react.default.lazy(function () {
     };
   });
 });
-var _default = AsyncCustomOption;
-exports.default = _default;
+var _default = exports.default = AsyncCustomOption;

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

@@ -20,7 +20,7 @@ var _HighlightText = require("../HighlightText");
 var _SizeableAvatar = require("../SizeableAvatar");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
-var CustomOption = /*#__PURE__*/function (_React$PureComponent) {
+var CustomOption = exports.CustomOption = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(CustomOption, _React$PureComponent);
   var _super = _createSuper(CustomOption);
   function CustomOption() {
@@ -84,5 +84,4 @@ var CustomOption = /*#__PURE__*/function (_React$PureComponent) {
     }
   }]);
   return CustomOption;
-}(_react2.default.PureComponent);
-exports.CustomOption = CustomOption;
+}(_react2.default.PureComponent);

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

@@ -18,5 +18,4 @@ var AsyncEmailOption = /*#__PURE__*/_react.default.lazy(function () {
     };
   });
 });
-var _default = AsyncEmailOption;
-exports.default = _default;
+var _default = exports.default = AsyncEmailOption;

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

@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 var getAddEmailMessage = function getAddEmailMessage(validity) {
   return validity === 'POTENTIAL' ? _i18n.messages.continueToAddEmail : _i18n.messages.selectToAddEmail;
 };
-var EmailOption = /*#__PURE__*/function (_React$PureComponent) {
+var EmailOption = exports.EmailOption = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(EmailOption, _React$PureComponent);
   var _super = _createSuper(EmailOption);
   function EmailOption() {
@@ -78,5 +78,4 @@ var EmailOption = /*#__PURE__*/function (_React$PureComponent) {
     }
   }]);
   return EmailOption;
-}(_react.default.PureComponent);
-exports.EmailOption = EmailOption;
+}(_react.default.PureComponent);

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

@@ -55,7 +55,7 @@ var getTextStyle = function getTextStyle(isSecondary) {
     }
   }));
 };
-var ExternalAvatarItemOption = function ExternalAvatarItemOption(_ref) {
+var ExternalAvatarItemOption = exports.ExternalAvatarItemOption = function ExternalAvatarItemOption(_ref) {
   var avatar = _ref.avatar,
     isDisabled = _ref.isDisabled,
     primaryText = _ref.primaryText,
@@ -72,5 +72,4 @@ var ExternalAvatarItemOption = function ExternalAvatarItemOption(_ref) {
   }, primaryText)), secondaryText && (0, _react.jsx)("div", null, (0, _react.jsx)("div", {
     css: getTextStyle(true)
   }, secondaryText))), (0, _react.jsx)("div", null, sourcesInfoTooltip)));
-};
-exports.ExternalAvatarItemOption = ExternalAvatarItemOption;
+};

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

@@ -15,7 +15,7 @@ var _colors = require("@atlaskit/theme/colors");
 var wrapper = (0, _react2.css)({
   display: 'flex'
 });
-var _default = function _default() {
+var _default = exports.default = function _default() {
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isMouseHovered = _useState2[0],
@@ -36,5 +36,4 @@ var _default = function _default() {
     size: "large",
     primaryColor: "var(--ds-text-subtlest, ".concat(isMouseHovered ? _colors.N200 : _colors.N50, ")")
   }));
-};
-exports.default = _default;
+};

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

@@ -18,17 +18,15 @@ var _i18n = require("../i18n");
 var _main = require("./main");
 /** @jsx jsx */
 
-var sourcesTooltipContainer = (0, _react2.css)({
+var sourcesTooltipContainer = exports.sourcesTooltipContainer = (0, _react2.css)({
   paddingBottom: "var(--ds-space-050, 4px)",
   paddingRight: "var(--ds-space-050, 4px)"
 });
-exports.sourcesTooltipContainer = sourcesTooltipContainer;
-var sourceWrapper = (0, _react2.css)({
+var sourceWrapper = exports.sourceWrapper = (0, _react2.css)({
   paddingTop: "var(--ds-space-050, 4px)",
   display: 'flex',
   alignItems: 'center'
 });
-exports.sourceWrapper = sourceWrapper;
 var SUPPORTED_SOURCES = [{
   sourceType: 'jira',
   icon: (0, _react2.jsx)(_logo.JiraIcon, {
@@ -64,7 +62,7 @@ var SUPPORTED_SOURCES = [{
   icon: (0, _react2.jsx)(_github.GitHubIcon, null),
   label: _i18n.messages.gitHubProvider
 }];
-var SourcesTooltipContent = function SourcesTooltipContent(_ref) {
+var SourcesTooltipContent = exports.SourcesTooltipContent = function SourcesTooltipContent(_ref) {
   var sources = _ref.sources,
     sourcesLoading = _ref.sourcesLoading;
   var sourcesToRender = _react.default.useMemo(function () {
@@ -88,5 +86,4 @@ var SourcesTooltipContent = function SourcesTooltipContent(_ref) {
       css: _main.imageContainer
     }, icon), (0, _react2.jsx)("span", null, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, label)));
   }))));
-};
-exports.SourcesTooltipContent = SourcesTooltipContent;
+};

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

@@ -18,5 +18,4 @@ var AsyncExternalUserOption = /*#__PURE__*/_react.default.lazy(function () {
     };
   });
 });
-var _default = AsyncExternalUserOption;
-exports.default = _default;
+var _default = exports.default = AsyncExternalUserOption;

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

@@ -27,7 +27,7 @@ var _ExternalAvatarItemOption = require("./ExternalAvatarItemOption");
 var _SourcesTooltipContent = require("./SourcesTooltipContent");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
-var imageContainer = (0, _react2.css)({
+var imageContainer = exports.imageContainer = (0, _react2.css)({
   height: '16px',
   width: '16px',
   paddingRight: "var(--ds-space-050, 4px)",
@@ -35,11 +35,9 @@ var imageContainer = (0, _react2.css)({
   alignItems: 'center',
   justifyContent: 'center'
 });
-exports.imageContainer = imageContainer;
-var emailDomainWrapper = (0, _react2.css)({
+var emailDomainWrapper = exports.emailDomainWrapper = (0, _react2.css)({
   fontWeight: 'bold'
 });
-exports.emailDomainWrapper = emailDomainWrapper;
 var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(ExternalUserOptionImpl, _React$PureComponent);
   var _super = _createSuper(ExternalUserOptionImpl);
@@ -137,5 +135,4 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return ExternalUserOptionImpl;
 }(_react.default.PureComponent);
-var ExternalUserOption = (0, _analyticsNext.withAnalyticsEvents)()(ExternalUserOptionImpl);
-exports.ExternalUserOption = ExternalUserOption;
+var ExternalUserOption = exports.ExternalUserOption = (0, _analyticsNext.withAnalyticsEvents)()(ExternalUserOptionImpl);

package/dist/cjs/components/ExternalUserSourcesContainer.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ExternalUserSourcesContainer = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _UserSourceProvider = require("../clients/UserSourceProvider");
-var ExternalUserSourcesContainer = function ExternalUserSourcesContainer(_ref) {
+var ExternalUserSourcesContainer = exports.ExternalUserSourcesContainer = function ExternalUserSourcesContainer(_ref) {
   var children = _ref.children,
     accountId = _ref.accountId,
     shouldFetchSources = _ref.shouldFetchSources,
@@ -31,5 +31,4 @@ var ExternalUserSourcesContainer = function ExternalUserSourcesContainer(_ref) {
       })
     );
   });
-};
-exports.ExternalUserSourcesContainer = ExternalUserSourcesContainer;
+};

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

@@ -18,5 +18,4 @@ var AsyncGroupOption = /*#__PURE__*/_react.default.lazy(function () {
     };
   });
 });
-var _default = AsyncGroupOption;
-exports.default = _default;
+var _default = exports.default = AsyncGroupOption;

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

@@ -22,7 +22,7 @@ var _i18n = require("../i18n");
 var _HighlightText = require("../HighlightText");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
-var groupOptionIconWrapper = (0, _react2.css)({
+var groupOptionIconWrapper = exports.groupOptionIconWrapper = (0, _react2.css)({
   padding: "var(--ds-space-025, 2px)",
   '> span': {
     backgroundColor: "var(--ds-background-neutral, ".concat(_colors.N20, ")"),
@@ -30,8 +30,7 @@ var groupOptionIconWrapper = (0, _react2.css)({
     padding: "var(--ds-space-050, 4px)"
   }
 });
-exports.groupOptionIconWrapper = groupOptionIconWrapper;
-var GroupOption = /*#__PURE__*/function (_React$PureComponent) {
+var GroupOption = exports.GroupOption = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(GroupOption, _React$PureComponent);
   var _super = _createSuper(GroupOption);
   function GroupOption() {
@@ -89,5 +88,4 @@ var GroupOption = /*#__PURE__*/function (_React$PureComponent) {
     }
   }]);
   return GroupOption;
-}(_react.default.PureComponent);
-exports.GroupOption = GroupOption;
+}(_react.default.PureComponent);

package/dist/cjs/components/HighlightText.js

@@ -13,7 +13,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _react = _interopRequireDefault(require("react"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var HighlightText = /*#__PURE__*/function (_React$PureComponent) {
+var HighlightText = exports.HighlightText = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HighlightText, _React$PureComponent);
   var _super = _createSuper(HighlightText);
   function HighlightText() {
@@ -76,5 +76,4 @@ var HighlightText = /*#__PURE__*/function (_React$PureComponent) {
     }
   }]);
   return HighlightText;
-}(_react.default.PureComponent);
-exports.HighlightText = HighlightText;
+}(_react.default.PureComponent);

package/dist/cjs/components/Input.js

@@ -17,7 +17,7 @@ var _react = _interopRequireDefault(require("react"));
 var _select = require("@atlaskit/select");
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var Input = /*#__PURE__*/function (_React$Component) {
+var Input = exports.Input = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(Input, _React$Component);
   var _super = _createSuper(Input);
   function Input() {
@@ -73,5 +73,4 @@ var Input = /*#__PURE__*/function (_React$Component) {
     }
   }]);
   return Input;
-}(_react.default.Component);
-exports.Input = Input;
+}(_react.default.Component);

package/dist/cjs/components/Menu.js

@@ -20,7 +20,7 @@ var getFooterStyle = function getFooterStyle() {
     padding: "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-200, 16px)")
   });
 };
-var Menu = /*#__PURE__*/function (_React$Component) {
+var Menu = exports.Menu = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(Menu, _React$Component);
   var _super = _createSuper(Menu);
   function Menu() {
@@ -30,11 +30,10 @@ var Menu = /*#__PURE__*/function (_React$Component) {
   (0, _createClass2.default)(Menu, [{
     key: "render",
     value: function render() {
-      return (0, _react2.jsx)(_select.components.Menu, this.props, this.props.children, this.props.selectProps.footer && (0, _react2.jsx)("div", {
+      return (0, _react2.jsx)(_select.components.Menu, this.props, this.props.selectProps.header, this.props.children, this.props.selectProps.footer && (0, _react2.jsx)("div", {
         css: getFooterStyle()
       }, this.props.selectProps.footer));
     }
   }]);
   return Menu;
-}(_react.default.Component);
-exports.Menu = Menu;
+}(_react.default.Component);

package/dist/cjs/components/MessagesIntlProvider.js

@@ -50,5 +50,4 @@ var MessagesIntlProvider = function MessagesIntlProvider(props) {
     messages: mergedMessages
   }, children);
 };
-var _default = MessagesIntlProvider;
-exports.default = _default;
+var _default = exports.default = MessagesIntlProvider;

package/dist/cjs/components/MultiValue.js

@@ -26,7 +26,7 @@ var _people = _interopRequireDefault(require("@atlaskit/icon/glyph/people"));
 var _excluded = ["children", "innerProps"];
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /** @jsx jsx */
-var scrollToValue = function scrollToValue(valueContainer, control) {
+var scrollToValue = exports.scrollToValue = function scrollToValue(valueContainer, control) {
   var _valueContainer$getBo = valueContainer.getBoundingClientRect(),
     top = _valueContainer$getBo.top,
     height = _valueContainer$getBo.height;
@@ -39,14 +39,13 @@ var scrollToValue = function scrollToValue(valueContainer, control) {
     valueContainer.scrollIntoView(false);
   }
 };
-exports.scrollToValue = scrollToValue;
 var groupTagContainer = (0, _react2.css)({
   paddingLeft: "var(--ds-space-025, 2px)"
 });
 var nameWrapper = (0, _react2.css)({
   paddingLeft: '5px'
 });
-var MultiValue = /*#__PURE__*/function (_React$Component) {
+var MultiValue = exports.MultiValue = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(MultiValue, _React$Component);
   var _super = _createSuper(MultiValue);
   function MultiValue(props) {
@@ -132,5 +131,4 @@ var MultiValue = /*#__PURE__*/function (_React$Component) {
     }
   }]);
   return MultiValue;
-}(_react.default.Component);
-exports.MultiValue = MultiValue;
+}(_react.default.Component);

package/dist/cjs/components/MultiValueContainer.js

@@ -24,7 +24,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-var MultiValueContainer = /*#__PURE__*/function (_React$PureComponent) {
+var MultiValueContainer = exports.MultiValueContainer = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(MultiValueContainer, _React$PureComponent);
   var _super = _createSuper(MultiValueContainer);
   function MultiValueContainer(props) {
@@ -130,5 +130,4 @@ var MultiValueContainer = /*#__PURE__*/function (_React$PureComponent) {
     }
   }]);
   return MultiValueContainer;
-}(_react.default.PureComponent);
-exports.MultiValueContainer = MultiValueContainer;
+}(_react.default.PureComponent);

package/dist/cjs/components/Option.js

@@ -76,9 +76,8 @@ var dataOption = function dataOption(_ref2) {
   }
   return null;
 };
-var Option = function Option(props) {
+var Option = exports.Option = function Option(props) {
   return /*#__PURE__*/_react.default.createElement(_select.components.Option, props, /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
     fallback: defaultOption(props)
   }, dataOption(props)));
-};
-exports.Option = Option;
+};

package/dist/cjs/components/PopupControl.js

@@ -45,7 +45,7 @@ var getLabelStyle = function getLabelStyle() {
     padding: "".concat(top, "px ").concat(right, "px ").concat(bottom, "px ").concat(left, "px")
   });
 };
-var PopupControl = /*#__PURE__*/function (_React$PureComponent) {
+var PopupControl = exports.PopupControl = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(PopupControl, _React$PureComponent);
   var _super = _createSuper(PopupControl);
   function PopupControl() {
@@ -64,5 +64,4 @@ var PopupControl = /*#__PURE__*/function (_React$PureComponent) {
     }
   }]);
   return PopupControl;
-}(_react.default.PureComponent);
-exports.PopupControl = PopupControl;
+}(_react.default.PureComponent);