@atlaskit/user-picker 8.1.0 → 8.3.1

package/dist/esm/components/ExternalUserSourcesContainer.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import { useUserSource } from '../clients/UserSourceProvider';
+export var ExternalUserSourcesContainer = function ExternalUserSourcesContainer(_ref) {
+  var children = _ref.children,
+      accountId = _ref.accountId,
+      shouldFetchSources = _ref.shouldFetchSources,
+      _ref$initialSources = _ref.initialSources,
+      initialSources = _ref$initialSources === void 0 ? [] : _ref$initialSources;
+
+  var _useUserSource = useUserSource(accountId, shouldFetchSources, initialSources),
+      sources = _useUserSource.sources,
+      sourcesLoading = _useUserSource.loading,
+      sourcesError = _useUserSource.error;
+
+  if (typeof children === 'function') {
+    return children({
+      sources: sources,
+      sourcesLoading: sourcesLoading,
+      sourcesError: sourcesError
+    });
+  }
+
+  return React.Children.map(children, function (child) {
+    return /*#__PURE__*/React.cloneElement(child, {
+      sources: sources,
+      sourcesLoading: sourcesLoading,
+      sourcesError: sourcesError
+    });
+  });
+};

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

@@ -0,0 +1,11 @@
+import React from 'react';
+var AsyncGroupOption = /*#__PURE__*/React.lazy(function () {
+  return import(
+  /* webpackChunkName: "@atlaskit-internal_@atlassian/user-picker/group-option" */
+  './main').then(function (module) {
+    return {
+      default: module.GroupOption
+    };
+  });
+});
+export default AsyncGroupOption;

package/dist/esm/components/{GroupOption.js → GroupOption/main.js}

@@ -19,9 +19,9 @@ import styled from 'styled-components';
 import { N20, B400, N800, N200 } from '@atlaskit/theme/colors';
 import { token } from '@atlaskit/tokens';
 import PeopleIcon from '@atlaskit/icon/glyph/people';
-import { AvatarItemOption, TextWrapper } from './AvatarItemOption';
-import { messages } from './i18n';
-import { HighlightText } from './HighlightText';
+import { AvatarItemOption, TextWrapper } from '.././AvatarItemOption';
+import { messages } from '.././i18n';
+import { HighlightText } from '.././HighlightText';
 export var GroupOptionIconWrapper = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 2px;\n\n  > span {\n    background-color: ", ";\n    border-radius: 50%;\n    padding: 4px;\n  }\n"])), token('color.background.subtleNeutral.resting', N20));
 export var GroupOption = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(GroupOption, _React$PureComponent);

package/dist/esm/components/MessagesIntlProvider.js

@@ -1,12 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React, { useMemo } from 'react';
-import { IntlProvider, injectIntl } from 'react-intl-next';
+import { useIntl, IntlProvider } from 'react-intl-next';
 import { getMessagesForLocale } from '../util/i18n-util';
 var EMPTY = {};
 
@@ -35,8 +35,8 @@ var useI18n = function useI18n(locale) {
 };
 
 var MessagesIntlProvider = function MessagesIntlProvider(props) {
-  var intl = props.intl,
-      children = props.children;
+  var intl = useIntl();
+  var children = props.children;
   var messages = useI18n(intl.locale);
   var mergedMessages = useMemo(function () {
     return _objectSpread(_objectSpread({}, intl.messages), messages);
@@ -47,4 +47,4 @@ var MessagesIntlProvider = function MessagesIntlProvider(props) {
   }, children);
 };
 
-export default injectIntl(MessagesIntlProvider);
+export default MessagesIntlProvider;

package/dist/esm/components/MultiValue.js

@@ -8,6 +8,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _excluded = ["children", "innerProps"];
 
 var _templateObject, _templateObject2;
 
@@ -124,7 +125,7 @@ export var MultiValue = /*#__PURE__*/function (_React$Component) {
       var _this$props3 = this.props,
           children = _this$props3.children,
           innerProps = _this$props3.innerProps,
-          rest = _objectWithoutProperties(_this$props3, ["children", "innerProps"]);
+          rest = _objectWithoutProperties(_this$props3, _excluded);
 
       return /*#__PURE__*/React.createElement(components.MultiValue, _extends({}, rest, {
         innerProps: {

package/dist/esm/components/MultiValueContainer.js

@@ -6,10 +6,11 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["children", "innerProps"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -123,7 +124,7 @@ export var MultiValueContainer = /*#__PURE__*/function (_React$PureComponent) {
       var _this$props = this.props,
           children = _this$props.children,
           innerProps = _this$props.innerProps,
-          valueContainerProps = _objectWithoutProperties(_this$props, ["children", "innerProps"]);
+          valueContainerProps = _objectWithoutProperties(_this$props, _excluded);
 
       var props = _objectSpread(_objectSpread({}, valueContainerProps), {}, {
         innerProps: this.valueContainerInnerProps

package/dist/esm/components/Option.js

@@ -1,21 +1,32 @@
 import { components } from '@atlaskit/select';
 import React from 'react';
-import { EmailOption } from './EmailOption';
-import { TeamOption } from './TeamOption';
 import { UserOption } from './UserOption';
-import { GroupOption } from './GroupOption';
-import { ExternalUserOption } from './ExternalUserOption';
+import AsyncExternalOption from './ExternalUserOption';
+import AsyncTeamOption from './TeamOption';
+import AsyncGroupOption from './GroupOption';
+import AsyncEmailOption from './EmailOption';
 import { isEmail, isTeam, isUser, isGroup, isExternalUser } from './utils';
 import { isValidEmail } from './emailValidation';
 
-var dataOption = function dataOption(_ref) {
+var defaultOption = function defaultOption(_ref) {
   var data = _ref.data.data,
       isSelected = _ref.isSelected,
-      status = _ref.status,
-      selectProps = _ref.selectProps;
+      status = _ref.status;
+  return /*#__PURE__*/React.createElement(UserOption, {
+    user: data,
+    status: status,
+    isSelected: isSelected
+  });
+};
+
+var dataOption = function dataOption(_ref2) {
+  var data = _ref2.data.data,
+      isSelected = _ref2.isSelected,
+      status = _ref2.status,
+      selectProps = _ref2.selectProps;
 
   if (isExternalUser(data)) {
-    return /*#__PURE__*/React.createElement(ExternalUserOption, {
+    return /*#__PURE__*/React.createElement(AsyncExternalOption, {
       user: data,
       status: status,
       isSelected: isSelected
@@ -31,7 +42,7 @@ var dataOption = function dataOption(_ref) {
   }
 
   if (isEmail(data)) {
-    return /*#__PURE__*/React.createElement(EmailOption, {
+    return /*#__PURE__*/React.createElement(AsyncEmailOption, {
       email: data,
       emailValidity: isValidEmail(data.id),
       isSelected: isSelected,
@@ -40,14 +51,14 @@ var dataOption = function dataOption(_ref) {
   }
 
   if (isTeam(data)) {
-    return /*#__PURE__*/React.createElement(TeamOption, {
+    return /*#__PURE__*/React.createElement(AsyncTeamOption, {
       team: data,
       isSelected: isSelected
     });
   }
 
   if (isGroup(data)) {
-    return /*#__PURE__*/React.createElement(GroupOption, {
+    return /*#__PURE__*/React.createElement(AsyncGroupOption, {
       group: data,
       isSelected: isSelected
     });
@@ -57,5 +68,7 @@ var dataOption = function dataOption(_ref) {
 };
 
 export var Option = function Option(props) {
-  return /*#__PURE__*/React.createElement(components.Option, props, dataOption(props));
+  return /*#__PURE__*/React.createElement(components.Option, props, /*#__PURE__*/React.createElement(React.Suspense, {
+    fallback: defaultOption(props)
+  }, dataOption(props)));
 };

package/dist/esm/components/SingleValue.js

@@ -1,5 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _excluded = ["ref"];
 
 var _templateObject;
 
@@ -26,7 +27,7 @@ export var SingleValue = function SingleValue(props) {
     primaryText: label
   }, function (_ref) {
     var ref = _ref.ref,
-        props = _objectWithoutProperties(_ref, ["ref"]);
+        props = _objectWithoutProperties(_ref, _excluded);
 
     return /*#__PURE__*/React.createElement(AvatarItemComponent, props);
   }) : null;

package/dist/esm/components/SingleValueContainer.js

@@ -7,6 +7,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _excluded = ["children"];
 
 var _templateObject;
 
@@ -68,7 +69,7 @@ export var SingleValueContainer = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this$props2 = this.props,
           children = _this$props2.children,
-          valueContainerProps = _objectWithoutProperties(_this$props2, ["children"]);
+          valueContainerProps = _objectWithoutProperties(_this$props2, _excluded);
 
       return /*#__PURE__*/React.createElement(components.ValueContainer, valueContainerProps, /*#__PURE__*/React.createElement(PlaceholderIconContainer, null, this.renderAvatar()), children);
     }

package/dist/esm/components/SizeableAvatar.js

@@ -1,7 +1,7 @@
-import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _createClass from "@babel/runtime/helpers/createClass";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -11,9 +11,9 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import Avatar from '@atlaskit/avatar';
 import React from 'react';
 import { getAvatarSize } from './utils';
-export var Props = function Props() {
+export var Props = /*#__PURE__*/_createClass(function Props() {
   _classCallCheck(this, Props);
-};
+});
 export var SizeableAvatar = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(SizeableAvatar, _React$PureComponent);
 

package/dist/esm/components/TeamOption/index.js

@@ -0,0 +1,11 @@
+import React from 'react';
+var AsyncTeamOption = /*#__PURE__*/React.lazy(function () {
+  return import(
+  /* webpackChunkName: "@atlaskit-internal_@atlassian/user-picker/team-option" */
+  './main').then(function (module) {
+    return {
+      default: module.TeamOption
+    };
+  });
+});
+export default AsyncTeamOption;

package/dist/esm/components/{TeamOption.js → TeamOption/main.js}

@@ -15,10 +15,10 @@ import { B400, N800, N200 } from '@atlaskit/theme/colors';
 import { token } from '@atlaskit/tokens';
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import { AvatarItemOption, TextWrapper } from './AvatarItemOption';
-import { HighlightText } from './HighlightText';
-import { messages } from './i18n';
-import { SizeableAvatar } from './SizeableAvatar';
+import { AvatarItemOption, TextWrapper } from '.././AvatarItemOption';
+import { HighlightText } from '.././HighlightText';
+import { messages } from '.././i18n';
+import { SizeableAvatar } from '.././SizeableAvatar';
 export var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(TeamOption, _React$PureComponent);
 

package/dist/esm/components/UserPicker.js

@@ -6,9 +6,9 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -23,6 +23,7 @@ import { getComponents } from './components';
 import { getCreatableProps } from './creatable';
 import { getCreatableSuggestedEmailProps } from './creatableEmailSuggestion';
 import MessagesIntlProvider from './MessagesIntlProvider';
+import { ExusUserSourceProvider } from './../clients/UserSourceProvider';
 export var UserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
   _inherits(UserPickerWithoutAnalytics, _React$Component);
 
@@ -48,7 +49,8 @@ export var UserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component)
           menuPosition = _this$props.menuPosition,
           menuShouldBlockScroll = _this$props.menuShouldBlockScroll,
           captureMenuScroll = _this$props.captureMenuScroll,
-          closeMenuOnScroll = _this$props.closeMenuOnScroll;
+          closeMenuOnScroll = _this$props.closeMenuOnScroll,
+          loadUserSource = _this$props.loadUserSource;
       var width = this.props.width;
       var SelectComponent = allowEmail ? CreatableSelect : Select;
       var creatableProps = suggestEmailsForDomain ? getCreatableSuggestedEmailProps(suggestEmailsForDomain, isValidEmail) : getCreatableProps(isValidEmail);
@@ -62,13 +64,15 @@ export var UserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component)
       var pickerProps = allowEmail ? _objectSpread(_objectSpread(_objectSpread({}, defaultPickerProps), creatableProps), {}, {
         emailLabel: emailLabel
       }) : _objectSpread({}, defaultPickerProps);
-      return /*#__PURE__*/React.createElement(MessagesIntlProvider, null, /*#__PURE__*/React.createElement(BaseUserPickerWithoutAnalytics, _extends({}, this.props, {
+      return /*#__PURE__*/React.createElement(MessagesIntlProvider, null, /*#__PURE__*/React.createElement(ExusUserSourceProvider, {
+        fetchUserSource: loadUserSource
+      }, /*#__PURE__*/React.createElement(BaseUserPickerWithoutAnalytics, _extends({}, this.props, {
         width: width,
         SelectComponent: SelectComponent,
         styles: getStyles(width, isMulti, this.props.styles),
         components: getComponents(isMulti, anchor),
         pickerProps: pickerProps
-      })));
+      }))));
     }
   }]);
 

package/dist/esm/components/components.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import memoizeOne from 'memoize-one';
 import { ClearIndicator } from './ClearIndicator';

package/dist/esm/components/i18n.js

@@ -65,6 +65,11 @@ export var messages = defineMessages({
     defaultMessage: 'Found in:',
     description: 'From where the external user is coming'
   },
+  externalUserSourcesError: {
+    id: 'fabric.elements.user-picker.external.sourced.error',
+    defaultMessage: "We can't connect you right now.",
+    description: "Error message when we can't fetch a user's import sources"
+  },
   slackProvider: {
     id: 'fabric.elements.user-picker.slack.provider',
     defaultMessage: 'Slack',

package/dist/esm/components/smart-user-picker/components/index.js

@@ -9,9 +9,9 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 

package/dist/esm/components/smart-user-picker/service/recommendationClient.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { transformUsers } from './users-transformer';
 import { getConfig } from '../config';

package/dist/esm/components/styles.js

@@ -1,9 +1,12 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["paddingTop", "paddingBottom", "paddingLeft", "paddingRight"],
+    _excluded2 = ["paddingTop", "paddingBottom", "position"],
+    _excluded3 = ["margin"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { AVATAR_SIZES, BORDER_WIDTH } from '@atlaskit/avatar';
 import { B100, N0, N10, N20, N30, N40, N100, R50, R400 } from '@atlaskit/theme/colors';
@@ -52,7 +55,7 @@ export var getStyles = memoizeOne(function (width, isMulti, overrideStyles) {
           paddingBottom = _ref.paddingBottom,
           paddingLeft = _ref.paddingLeft,
           paddingRight = _ref.paddingRight,
-          css = _objectWithoutProperties(_ref, ["paddingTop", "paddingBottom", "paddingLeft", "paddingRight"]);
+          css = _objectWithoutProperties(_ref, _excluded);
 
       return _objectSpread(_objectSpread({}, css), {}, {
         opacity: 0,
@@ -73,7 +76,7 @@ export var getStyles = memoizeOne(function (width, isMulti, overrideStyles) {
       var paddingTop = _ref2.paddingTop,
           paddingBottom = _ref2.paddingBottom,
           position = _ref2.position,
-          css = _objectWithoutProperties(_ref2, ["paddingTop", "paddingBottom", "position"]);
+          css = _objectWithoutProperties(_ref2, _excluded2);
 
       var isCompact = state.selectProps.appearance === 'compact';
       var isMulti = state.selectProps.isMulti;
@@ -142,7 +145,7 @@ export var getStyles = memoizeOne(function (width, isMulti, overrideStyles) {
     },
     input: function input(_ref3) {
       var margin = _ref3.margin,
-          css = _objectWithoutProperties(_ref3, ["margin"]);
+          css = _objectWithoutProperties(_ref3, _excluded3);
 
       return _objectSpread(_objectSpread({}, css), {}, {
         display: 'flex',

package/dist/esm/components/utils.js

@@ -1,9 +1,9 @@
 import _typeof from "@babel/runtime/helpers/typeof";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import memoizeOne from 'memoize-one';
 import { EmailType, TeamType, GroupType, UserType } from '../types';

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "8.1.0",
+	"version": "8.3.1",
 	"sideEffects": false
 }

package/dist/types/clients/UserSourceProvider.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { LoadUserSource, UserSource } from '../types';
+export interface UserSourceContext {
+    fetchUserSource?: LoadUserSource;
+}
+export declare const ExusUserSourceProvider: React.FC<UserSourceContext>;
+export declare const useUserSource: (accountId: string, shouldFetchSources: boolean, existingSources?: UserSource[] | undefined) => {
+    sources: UserSource[];
+    loading: boolean;
+    error: string | null;
+};

package/dist/types/components/BaseUserPicker.d.ts

@@ -48,7 +48,7 @@ export declare class BaseUserPickerWithoutAnalytics extends React.Component<Base
     private getAppearance;
     render(): JSX.Element;
 }
-export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Pick<BaseUserPickerProps, "placeholder" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "styles" | "value" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "SelectComponent" | "pickerProps">, "placeholder" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isDisabled" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "styles" | "value" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "loadOptions" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "SelectComponent" | "pickerProps"> & Partial<Pick<Pick<BaseUserPickerProps, "placeholder" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "styles" | "value" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "SelectComponent" | "pickerProps">, "isClearable" | "isMulti" | "textFieldBackgroundColor" | "subtle" | "noBorder">> & Partial<Pick<{
+export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Pick<BaseUserPickerProps, "placeholder" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "styles" | "value" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadUserSource" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "SelectComponent" | "pickerProps">, "placeholder" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isDisabled" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "styles" | "value" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "loadOptions" | "loadUserSource" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "SelectComponent" | "pickerProps"> & Partial<Pick<Pick<BaseUserPickerProps, "placeholder" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "styles" | "value" | "defaultValue" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "loadUserSource" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "SelectComponent" | "pickerProps">, "isClearable" | "isMulti" | "textFieldBackgroundColor" | "subtle" | "noBorder">> & Partial<Pick<{
     isMulti: boolean;
     subtle: boolean;
     noBorder: boolean;

package/dist/types/components/EmailOption/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AsyncEmailOption: React.LazyExoticComponent<typeof import("./main").EmailOption>;
+export default AsyncEmailOption;

package/dist/types/components/{EmailOption.d.ts → EmailOption/main.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Email } from '../types';
-import { EmailValidationResponse } from './emailValidation';
+import { Email } from '../../types';
+import { EmailValidationResponse } from '../emailValidation';
 export declare type EmailOptionProps = {
     email: Email;
     isSelected: boolean;

package/dist/types/components/ExternalUserOption/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AsyncExternalUserOption: React.LazyExoticComponent<typeof import("./main").ExternalUserOption>;
+export default AsyncExternalUserOption;

package/dist/types/components/{ExternalUserOption.d.ts → ExternalUserOption/main.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ExternalUser } from '../types';
+import { ExternalUser } from '../../types';
 export declare const ImageContainer: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
 export declare const SourcesTooltipContainer: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 export declare const SourceWrapper: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;

package/dist/types/components/ExternalUserSourcesContainer.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+import { UserSource } from '../types';
+declare type SourcesChildrenFunc = ({ sources, sourcesLoading, sourcesError, }: {
+    sources: UserSource[];
+    sourcesLoading: boolean;
+    sourcesError: string | null;
+}) => ReactNode;
+interface SourcesContainerProps {
+    accountId: string;
+    shouldFetchSources: boolean;
+    initialSources: UserSource[];
+    children: SourcesChildrenFunc;
+}
+export declare const ExternalUserSourcesContainer: React.FC<SourcesContainerProps>;
+export {};

package/dist/types/components/GroupOption/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AsyncGroupOption: React.LazyExoticComponent<typeof import("./main").GroupOption>;
+export default AsyncGroupOption;

package/dist/types/components/{GroupOption.d.ts → GroupOption/main.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Group } from '../types';
+import { Group } from '../../types';
 export declare const GroupOptionIconWrapper: import("styled-components").StyledComponentClass<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
 export declare type GroupOptionProps = {
     group: Group;

package/dist/types/components/MessagesIntlProvider.d.ts

@@ -1,9 +1,3 @@
 import React from 'react';
-import { IntlShape } from 'react-intl-next';
-export interface MessagesIntlProviderProps {
-    intl: IntlShape;
-}
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<MessagesIntlProviderProps>> & {
-    WrappedComponent: React.ComponentType<MessagesIntlProviderProps>;
-};
-export default _default;
+declare const MessagesIntlProvider: React.FC;
+export default MessagesIntlProvider;

package/dist/types/components/Option.d.ts

@@ -1,8 +1,11 @@
+import { OptionProps as AkOptionProps } from '@atlaskit/select';
 import { FC } from 'react';
 import { Option as OptionType } from '../types';
-export declare type OptionProps = {
+export declare type OptionProps = AkOptionProps & {
     data: OptionType;
     isSelected: boolean;
+    isDisabled: boolean;
+    isFocused: boolean;
     status?: string;
     selectProps: {
         emailLabel?: string;