@atlaskit/user-picker 7.16.3 → 8.0.0

package/dist/es2019/i18n/en_ZZ.js

@@ -0,0 +1,30 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by i18n-tools.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+// English (Instrumented)
+export default {
+  'fabric.elements.user-picker.email.add': '⁣⁢Add user⁠؜؜⁠؜؜⁠⁠‌⁠⁣⁤',
+  'fabric.elements.user-picker.email.add.potential': '⁣⁢Enter an email address؜‍‍⁡⁡‍⁡‌⁡‍؜⁣⁤',
+  'fabric.elements.user-picker.email.select.to.add': '⁣⁢Select an email address⁡‍⁠⁠⁠⁠⁠⁠⁡‍⁠؜⁠⁠‌‌⁣⁤',
+  'fabric.elements.user-picker.external.sourced.from': '⁣⁢Found in:‌⁡‌⁠؜⁡؜؜‌⁣⁤',
+  'fabric.elements.user-picker.github.provider': '⁣⁢GitHub‍‍؜⁠؜؜⁡‍⁡⁣⁤',
+  'fabric.elements.user-picker.google.provider': '⁣⁢Google‍⁡؜‍‍؜⁡‍؜⁠‍⁠؜‌‍⁣⁤',
+  'fabric.elements.user-picker.group.byline': '⁣⁢Admin-managed group⁡؜⁡⁡‍؜‌‍⁠⁡⁣⁤',
+  'fabric.elements.user-picker.guest.lozenge.text': '⁣⁢GUEST‍‌‌‍‍‍؜⁣⁤',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.group': '⁣⁢Guest groups can only access certain spaces and have limited access to user info.⁡⁡⁡؜‌‍⁠؜⁠‍⁠‍‍⁡⁣⁤',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.user': '⁣⁢Guests can only access certain spaces and have limited access to user info.⁠؜‌‌‍⁡‍‍⁠⁣⁤',
+  'fabric.elements.user-picker.member.lozenge.text': '⁣⁢MEMBER‍؜⁠⁡؜؜‍⁡‌⁠⁠‌⁣⁤',
+  'fabric.elements.user-picker.microsoft.provider': '⁣⁢Microsoft‍‍؜⁡⁠‍⁠‌‌‍⁣⁤',
+  'fabric.elements.user-picker.multi.remove-item': '⁣⁢Remove⁠⁡⁠‍؜⁠‍‍‌⁡⁣⁤',
+  'fabric.elements.user-picker.placeholder': '⁣⁢Enter people or teams...‌؜‌‍‍‍؜؜⁣⁤',
+  'fabric.elements.user-picker.placeholder.add-more': '⁣⁢add more people...⁠⁡⁡‌⁠⁡⁠‌‍‌⁠‍⁣⁤',
+  'fabric.elements.user-picker.single.clear': '⁣⁢Clear⁡؜؜‌⁠⁡‌؜؜‍⁣⁤',
+  'fabric.elements.user-picker.slack.provider': '⁣⁢Slack؜‍‌⁠‌⁡؜⁡؜⁡⁣⁤',
+  'fabric.elements.user-picker.team.member.50plus': '⁣⁢Team • 50+ members؜‍⁠‍⁡؜؜⁣⁤',
+  'fabric.elements.user-picker.team.member.50plus.including.you': '⁣⁢Team • 50+ members, including you⁡‍⁡؜⁡⁡⁡‌⁣⁤',
+  'fabric.elements.user-picker.team.member.count': '{count, plural, one {⁣⁢Team • {count} member⁡‍‌‌؜⁠⁠‌؜⁡؜⁠‌⁡⁣⁤} other {⁣⁢Team • {count} members⁡‍‌‌؜⁠⁠‌؜⁡؜⁠‌⁡⁣⁤}}',
+  'fabric.elements.user-picker.team.member.count.including.you': '{count, plural, one {⁣⁢Team • {count} member, including you‌‌‍‍‌‍⁡‌‍⁠‌؜⁠⁡⁣⁤} other {⁣⁢Team • {count} members, including you‌‌‍‍‌‍⁡‌‍⁠‌؜⁠⁡⁣⁤}}'
+};

package/dist/es2019/i18n/fi.js

@@ -7,6 +7,8 @@
 // Finnish
 export default {
   'fabric.elements.user-picker.email.add': 'Lisää käyttäjä',
+  'fabric.elements.user-picker.email.add.potential': 'Anna sähköpostiosoite',
+  'fabric.elements.user-picker.email.select.to.add': 'Valitse sähköpostiosoite',
   'fabric.elements.user-picker.external.sourced.from': 'Löydetty kohteesta:',
   'fabric.elements.user-picker.github.provider': 'GitHub',
   'fabric.elements.user-picker.google.provider': 'Google',

package/dist/es2019/i18n/fr.js

@@ -7,6 +7,8 @@
 // French
 export default {
   'fabric.elements.user-picker.email.add': 'Ajoutez un utilisateur',
+  'fabric.elements.user-picker.email.add.potential': 'Saisissez une adresse e-mail',
+  'fabric.elements.user-picker.email.select.to.add': 'Sélectionnez une adresse e-mail',
   'fabric.elements.user-picker.external.sourced.from': 'Trouvé dans :',
   'fabric.elements.user-picker.github.provider': 'GitHub',
   'fabric.elements.user-picker.google.provider': 'Google',
@@ -18,7 +20,7 @@ export default {
   'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
   'fabric.elements.user-picker.multi.remove-item': 'Supprimer',
   'fabric.elements.user-picker.placeholder': 'Saisissez des personnes ou des équipes…',
-  'fabric.elements.user-picker.placeholder.add-more': 'ajouter davantage de personnes…',
+  'fabric.elements.user-picker.placeholder.add-more': 'ajouter plus de personnes…',
   'fabric.elements.user-picker.single.clear': 'Effacer',
   'fabric.elements.user-picker.slack.provider': 'Slack',
   'fabric.elements.user-picker.team.member.50plus': 'Équipe • Plus de 50 membres',

package/dist/es2019/i18n/index.js

@@ -29,6 +29,7 @@ export { default as th } from './th';
 export { default as tr } from './tr';
 export { default as uk } from './uk';
 export { default as vi } from './vi';
+export { default as en_ZZ } from './en_ZZ';
 export { default as en } from './en';
 export { default as en_GB } from './en_GB';
 export { default as is } from './is';

package/dist/es2019/i18n/uk.js

@@ -7,6 +7,8 @@
 // Ukrainian
 export default {
   'fabric.elements.user-picker.email.add': 'Додайте користувача',
+  'fabric.elements.user-picker.email.add.potential': 'Введіть адресу електронної пошти',
+  'fabric.elements.user-picker.email.select.to.add': 'Виберіть адресу електронної пошти',
   'fabric.elements.user-picker.external.sourced.from': 'Знайдено в:',
   'fabric.elements.user-picker.github.provider': 'GitHub',
   'fabric.elements.user-picker.google.provider': 'Google',

package/dist/es2019/i18n/zh_TW.js

@@ -7,6 +7,8 @@
 // undefined
 export default {
   'fabric.elements.user-picker.email.add': '新增使用者',
+  'fabric.elements.user-picker.email.add.potential': '輸入電子郵件地址',
+  'fabric.elements.user-picker.email.select.to.add': '選取電子郵件地址',
   'fabric.elements.user-picker.external.sourced.from': '尋找位置：',
   'fabric.elements.user-picker.github.provider': 'GitHub',
   'fabric.elements.user-picker.google.provider': 'Google',

package/dist/es2019/version.json

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

package/dist/esm/components/BaseUserPicker.js

@@ -20,7 +20,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import debounce from 'lodash/debounce';
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { cancelEvent, clearEvent, createAndFireEventInElementsChannel, deleteEvent, failedEvent, focusEvent, searchedEvent, selectEvent, startSession } from '../analytics';
 import { batchByKey } from './batch';
 import { messages } from './i18n';

package/dist/esm/components/EmailOption.js

@@ -11,7 +11,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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; } }
 
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { B400, N200, N800 } from '@atlaskit/theme/colors';
 import { AddOptionAvatar } from './AddOptionAvatar';
 import { AvatarItemOption, TextWrapper } from './AvatarItemOption';

package/dist/esm/components/ExternalUserOption.js

@@ -25,7 +25,7 @@ import { SlackIcon } from './assets/slack';
 import { GoogleIcon } from './assets/google';
 import { MicrosoftIcon } from './assets/microsoft';
 import { GitHubIcon } from './assets/github';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { messages } from './i18n';
 export var ImageContainer = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 12px;\n  width: 12px;\n  padding-right: 4px;\n"])));
 export var SourcesTooltipContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding-bottom: 4px;\n"])));

package/dist/esm/components/GroupOption.js

@@ -14,7 +14,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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; } }
 
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import styled from 'styled-components';
 import { N20, B400, N800, N200 } from '@atlaskit/theme/colors';
 import PeopleIcon from '@atlaskit/icon/glyph/people';

package/dist/esm/components/MessagesIntlProvider.js

@@ -6,7 +6,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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; }
 
 import React, { useMemo } from 'react';
-import { IntlProvider, injectIntl } from 'react-intl';
+import { IntlProvider, injectIntl } from 'react-intl-next';
 import { getMessagesForLocale } from '../util/i18n-util';
 var EMPTY = {};
 
@@ -42,6 +42,7 @@ var MessagesIntlProvider = function MessagesIntlProvider(props) {
     return _objectSpread(_objectSpread({}, intl.messages), messages);
   }, [intl.messages, messages]);
   return /*#__PURE__*/React.createElement(IntlProvider, {
+    locale: intl.locale,
     messages: mergedMessages
   }, children);
 };

package/dist/esm/components/MultiValue.js

@@ -16,7 +16,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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; } }
 
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { components } from '@atlaskit/select';
 import styled from 'styled-components';
 import { AddOptionAvatar } from './AddOptionAvatar';

package/dist/esm/components/MultiValueContainer.js

@@ -18,7 +18,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import { components } from '@atlaskit/select';
 import React from 'react';
 import ReactDOM from 'react-dom';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { messages } from './i18n';
 import { isChildInput } from './utils';
 export var MultiValueContainer = /*#__PURE__*/function (_React$PureComponent) {
@@ -57,11 +57,12 @@ export var MultiValueContainer = /*#__PURE__*/function (_React$PureComponent) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "addPlaceholder", function (placeholder) {
-      return React.Children.map(_this.props.children, function (child) {
+      var children = React.Children.map(_this.props.children, function (child) {
         return isChildInput(child) && _this.showPlaceholder() ? /*#__PURE__*/React.cloneElement(child, {
           placeholder: placeholder
         }) : child;
       });
+      return /*#__PURE__*/React.createElement(React.Fragment, null, children);
     });
 
     _defineProperty(_assertThisInitialized(_this), "renderChildren", function () {

package/dist/esm/components/PopupControl.js

@@ -5,17 +5,40 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstruct
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 
-var _templateObject;
+var _templateObject, _templateObject2, _templateObject3;
 
 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); }; }
 
 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; } }
 
 import React from 'react';
-import { Label } from '@atlaskit/field-base';
+import { themed } from '@atlaskit/theme/components';
+import { gridSize } from '@atlaskit/theme/constants';
 import { components } from '@atlaskit/select';
-import styled from 'styled-components';
-var ControlWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding: 0px 8px 8px;\n"])));
+import styled, { css } from 'styled-components';
+import { N200, DN90 } from '@atlaskit/theme/colors';
+var spacing = gridSize();
+var fontSize = 12;
+var innerHeight = spacing * 2; // 16px
+
+var lineHeight = innerHeight / fontSize;
+var ControlWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  padding: 0px ", "px ", "px;\n"])), spacing, spacing);
+var getColor = themed({
+  light: N200,
+  dark: DN90
+});
+
+var getPadding = function getPadding() {
+  var right = 0;
+  var bottom = spacing / 2;
+  var left = 0;
+  var top = spacing * 2.5;
+  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    padding: ", "px ", "px ", "px ", "px;\n  "])), top, right, bottom, left);
+};
+
+var Label = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: ", "px;\n  font-weight: 600;\n  line-height: ", ";\n  ", "\n"])), function (props) {
+  return getColor(props);
+}, fontSize, lineHeight, getPadding);
 export var PopupControl = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(PopupControl, _React$PureComponent);
 
@@ -31,9 +54,7 @@ export var PopupControl = /*#__PURE__*/function (_React$PureComponent) {
     key: "render",
     value: function render() {
       var popupTitle = this.props.selectProps.popupTitle;
-      return /*#__PURE__*/React.createElement(ControlWrapper, null, /*#__PURE__*/React.createElement(Label, {
-        label: popupTitle
-      }), /*#__PURE__*/React.createElement(components.Control, this.props));
+      return /*#__PURE__*/React.createElement(ControlWrapper, null, /*#__PURE__*/React.createElement(Label, null, popupTitle), /*#__PURE__*/React.createElement(components.Control, this.props));
     }
   }]);
 

package/dist/esm/components/TeamOption.js

@@ -13,7 +13,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 import { B400, N800, N200 } from '@atlaskit/theme/colors';
 import React from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { AvatarItemOption, TextWrapper } from './AvatarItemOption';
 import { HighlightText } from './HighlightText';
 import { messages } from './i18n';

package/dist/esm/components/creatable.js

@@ -42,7 +42,7 @@ var isOptionDisabled = function isOptionDisabled() {
   };
 };
 
-export var getCreatableProps = memoizeOne(function (isValidEmail) {
+function creatableProps(isValidEmail) {
   return {
     allowCreateWhileLoading: true,
     createOptionPosition: 'first',
@@ -51,4 +51,7 @@ export var getCreatableProps = memoizeOne(function (isValidEmail) {
     formatCreateLabel: formatCreateLabel,
     isOptionDisabled: isOptionDisabled(isValidEmail)
   };
-});
+} // ignoring the 'clear' memoizeOne function object property
+
+
+export var getCreatableProps = memoizeOne(creatableProps);

package/dist/esm/components/i18n.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export var messages = defineMessages({
   placeholder: {
     id: 'fabric.elements.user-picker.placeholder',

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

@@ -22,7 +22,7 @@ import debounce from 'lodash/debounce';
 import uuidV4 from 'uuid/v4';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';
 import memoizeOne from 'memoize-one';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { requestUsersEvent, filterUsersEvent, preparedUsersLoadedEvent, successfulRequestUsersEvent, failedRequestUsersEvent, mountedWithPrefetchEvent, createAndFireEventInElementsChannel } from '../../../analytics';
 import { UserType } from '../../../types';
 import { UserPicker } from '../../UserPicker';

package/dist/esm/components/styles.js

@@ -6,7 +6,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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; }
 
 import { AVATAR_SIZES, BORDER_WIDTH } from '@atlaskit/avatar';
-import * as colors from '@atlaskit/theme/colors';
+import { B100, N0, N10, N20, N30, N40, N100, R50, R400 } from '@atlaskit/theme/colors';
 import memoizeOne from 'memoize-one';
 import { getAvatarSize } from './utils';
 import { mergeStyles } from '@atlaskit/select';
@@ -28,14 +28,14 @@ export var getStyles = memoizeOne(function (width, isMulti, overrideStyles) {
       var isMulti = state.selectProps.isMulti;
       return _objectSpread(_objectSpread({}, css), {}, {
         width: width,
-        borderColor: state.isFocused ? css.borderColor : state.selectProps.subtle || state.selectProps.noBorder ? 'transparent' : colors.N40,
-        backgroundColor: state.isFocused ? css['backgroundColor'] : state.selectProps.subtle ? 'transparent' : state.selectProps.textFieldBackgroundColor ? colors.N10 : colors.N20,
+        borderColor: state.isFocused ? css.borderColor : state.selectProps.subtle || state.selectProps.noBorder ? 'transparent' : N40,
+        backgroundColor: state.isFocused ? css['backgroundColor'] : state.selectProps.subtle ? 'transparent' : state.selectProps.textFieldBackgroundColor ? N10 : N20,
         '&:hover .fabric-user-picker__clear-indicator': {
           opacity: 1
         },
         ':hover': _objectSpread(_objectSpread({}, css[':hover']), {}, {
-          borderColor: state.isFocused ? css[':hover'] ? css[':hover'].borderColor : colors.B100 : state.selectProps.subtle ? state.selectProps.hoveringClearIndicator ? colors.R50 : colors.N30 : colors.N40,
-          backgroundColor: state.selectProps.subtle && state.selectProps.hoveringClearIndicator ? colors.R50 : state.isFocused ? css[':hover'] ? css[':hover'].backgroundColor : colors.N0 : state.isDisabled ? colors.N10 : colors.N30
+          borderColor: state.isFocused ? css[':hover'] ? css[':hover'].borderColor : B100 : state.selectProps.subtle ? state.selectProps.hoveringClearIndicator ? R50 : N30 : N40,
+          backgroundColor: state.selectProps.subtle && state.selectProps.hoveringClearIndicator ? R50 : state.isFocused ? css[':hover'] ? css[':hover'].backgroundColor : N0 : state.isDisabled ? N10 : N30
         }),
         padding: 0,
         minHeight: isCompact ? 'none' : 44,
@@ -59,7 +59,7 @@ export var getStyles = memoizeOne(function (width, isMulti, overrideStyles) {
         paddingTop: 0,
         padding: 0,
         ':hover': {
-          color: colors.R400
+          color: R400
         }
       });
     },
@@ -157,14 +157,14 @@ export var getStyles = memoizeOne(function (width, isMulti, overrideStyles) {
         paddingLeft: isMulti ? 0 : AVATAR_PADDING,
         '& input::placeholder': {
           /* Chrome, Firefox, Opera, Safari 10.1+ */
-          color: colors.N100,
+          color: N100,
           opacity: 1
           /* Firefox */
 
         },
         '& input:-ms-input-placeholder': {
           /* Internet Explorer 10-11 */
-          color: colors.N100
+          color: N100
         }
       });
     }

package/dist/esm/i18n/en_ZZ.js

@@ -0,0 +1,30 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by i18n-tools.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+// English (Instrumented)
+export default {
+  'fabric.elements.user-picker.email.add': '⁣⁢Add user⁠؜؜⁠؜؜⁠⁠‌⁠⁣⁤',
+  'fabric.elements.user-picker.email.add.potential': '⁣⁢Enter an email address؜‍‍⁡⁡‍⁡‌⁡‍؜⁣⁤',
+  'fabric.elements.user-picker.email.select.to.add': '⁣⁢Select an email address⁡‍⁠⁠⁠⁠⁠⁠⁡‍⁠؜⁠⁠‌‌⁣⁤',
+  'fabric.elements.user-picker.external.sourced.from': '⁣⁢Found in:‌⁡‌⁠؜⁡؜؜‌⁣⁤',
+  'fabric.elements.user-picker.github.provider': '⁣⁢GitHub‍‍؜⁠؜؜⁡‍⁡⁣⁤',
+  'fabric.elements.user-picker.google.provider': '⁣⁢Google‍⁡؜‍‍؜⁡‍؜⁠‍⁠؜‌‍⁣⁤',
+  'fabric.elements.user-picker.group.byline': '⁣⁢Admin-managed group⁡؜⁡⁡‍؜‌‍⁠⁡⁣⁤',
+  'fabric.elements.user-picker.guest.lozenge.text': '⁣⁢GUEST‍‌‌‍‍‍؜⁣⁤',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.group': '⁣⁢Guest groups can only access certain spaces and have limited access to user info.⁡⁡⁡؜‌‍⁠؜⁠‍⁠‍‍⁡⁣⁤',
+  'fabric.elements.user-picker.guest.lozenge.tooltip.user': '⁣⁢Guests can only access certain spaces and have limited access to user info.⁠؜‌‌‍⁡‍‍⁠⁣⁤',
+  'fabric.elements.user-picker.member.lozenge.text': '⁣⁢MEMBER‍؜⁠⁡؜؜‍⁡‌⁠⁠‌⁣⁤',
+  'fabric.elements.user-picker.microsoft.provider': '⁣⁢Microsoft‍‍؜⁡⁠‍⁠‌‌‍⁣⁤',
+  'fabric.elements.user-picker.multi.remove-item': '⁣⁢Remove⁠⁡⁠‍؜⁠‍‍‌⁡⁣⁤',
+  'fabric.elements.user-picker.placeholder': '⁣⁢Enter people or teams...‌؜‌‍‍‍؜؜⁣⁤',
+  'fabric.elements.user-picker.placeholder.add-more': '⁣⁢add more people...⁠⁡⁡‌⁠⁡⁠‌‍‌⁠‍⁣⁤',
+  'fabric.elements.user-picker.single.clear': '⁣⁢Clear⁡؜؜‌⁠⁡‌؜؜‍⁣⁤',
+  'fabric.elements.user-picker.slack.provider': '⁣⁢Slack؜‍‌⁠‌⁡؜⁡؜⁡⁣⁤',
+  'fabric.elements.user-picker.team.member.50plus': '⁣⁢Team • 50+ members؜‍⁠‍⁡؜؜⁣⁤',
+  'fabric.elements.user-picker.team.member.50plus.including.you': '⁣⁢Team • 50+ members, including you⁡‍⁡؜⁡⁡⁡‌⁣⁤',
+  'fabric.elements.user-picker.team.member.count': '{count, plural, one {⁣⁢Team • {count} member⁡‍‌‌؜⁠⁠‌؜⁡؜⁠‌⁡⁣⁤} other {⁣⁢Team • {count} members⁡‍‌‌؜⁠⁠‌؜⁡؜⁠‌⁡⁣⁤}}',
+  'fabric.elements.user-picker.team.member.count.including.you': '{count, plural, one {⁣⁢Team • {count} member, including you‌‌‍‍‌‍⁡‌‍⁠‌؜⁠⁡⁣⁤} other {⁣⁢Team • {count} members, including you‌‌‍‍‌‍⁡‌‍⁠‌؜⁠⁡⁣⁤}}'
+};

package/dist/esm/i18n/fi.js

@@ -7,6 +7,8 @@
 // Finnish
 export default {
   'fabric.elements.user-picker.email.add': 'Lisää käyttäjä',
+  'fabric.elements.user-picker.email.add.potential': 'Anna sähköpostiosoite',
+  'fabric.elements.user-picker.email.select.to.add': 'Valitse sähköpostiosoite',
   'fabric.elements.user-picker.external.sourced.from': 'Löydetty kohteesta:',
   'fabric.elements.user-picker.github.provider': 'GitHub',
   'fabric.elements.user-picker.google.provider': 'Google',

package/dist/esm/i18n/fr.js

@@ -7,6 +7,8 @@
 // French
 export default {
   'fabric.elements.user-picker.email.add': 'Ajoutez un utilisateur',
+  'fabric.elements.user-picker.email.add.potential': 'Saisissez une adresse e-mail',
+  'fabric.elements.user-picker.email.select.to.add': 'Sélectionnez une adresse e-mail',
   'fabric.elements.user-picker.external.sourced.from': 'Trouvé dans :',
   'fabric.elements.user-picker.github.provider': 'GitHub',
   'fabric.elements.user-picker.google.provider': 'Google',
@@ -18,7 +20,7 @@ export default {
   'fabric.elements.user-picker.microsoft.provider': 'Microsoft',
   'fabric.elements.user-picker.multi.remove-item': 'Supprimer',
   'fabric.elements.user-picker.placeholder': 'Saisissez des personnes ou des équipes…',
-  'fabric.elements.user-picker.placeholder.add-more': 'ajouter davantage de personnes…',
+  'fabric.elements.user-picker.placeholder.add-more': 'ajouter plus de personnes…',
   'fabric.elements.user-picker.single.clear': 'Effacer',
   'fabric.elements.user-picker.slack.provider': 'Slack',
   'fabric.elements.user-picker.team.member.50plus': 'Équipe • Plus de 50 membres',

package/dist/esm/i18n/index.js

@@ -29,6 +29,7 @@ export { default as th } from './th';
 export { default as tr } from './tr';
 export { default as uk } from './uk';
 export { default as vi } from './vi';
+export { default as en_ZZ } from './en_ZZ';
 export { default as en } from './en';
 export { default as en_GB } from './en_GB';
 export { default as is } from './is';

package/dist/esm/i18n/uk.js

@@ -7,6 +7,8 @@
 // Ukrainian
 export default {
   'fabric.elements.user-picker.email.add': 'Додайте користувача',
+  'fabric.elements.user-picker.email.add.potential': 'Введіть адресу електронної пошти',
+  'fabric.elements.user-picker.email.select.to.add': 'Виберіть адресу електронної пошти',
   'fabric.elements.user-picker.external.sourced.from': 'Знайдено в:',
   'fabric.elements.user-picker.github.provider': 'GitHub',
   'fabric.elements.user-picker.google.provider': 'Google',

package/dist/esm/i18n/zh_TW.js

@@ -7,6 +7,8 @@
 // undefined
 export default {
   'fabric.elements.user-picker.email.add': '新增使用者',
+  'fabric.elements.user-picker.email.add.potential': '輸入電子郵件地址',
+  'fabric.elements.user-picker.email.select.to.add': '選取電子郵件地址',
   'fabric.elements.user-picker.external.sourced.from': '尋找位置：',
   'fabric.elements.user-picker.github.provider': 'GitHub',
   'fabric.elements.user-picker.google.provider': 'Google',

package/dist/esm/version.json

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

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, "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "placeholder" | "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">, "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isDisabled" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "placeholder" | "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, "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "placeholder" | "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" | "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<{
     isMulti: boolean;
     subtle: boolean;
     noBorder: boolean;

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

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

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

@@ -27,7 +27,7 @@ export declare class PopupUserPickerWithoutAnalytics extends React.Component<Pop
     };
     render(): JSX.Element;
 }
-export declare const PopupUserPicker: React.ForwardRefExoticComponent<Pick<Pick<PopupUserPickerProps, "target" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "placeholder" | "styles" | "value" | "defaultValue" | "offset" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "popupTitle" | "boundariesElement" | "placement" | "rootBoundary" | "shouldFlip">, "target" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "placeholder" | "styles" | "value" | "defaultValue" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "popupTitle"> & Partial<Pick<Pick<PopupUserPickerProps, "target" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "placeholder" | "styles" | "value" | "defaultValue" | "offset" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "popupTitle" | "boundariesElement" | "placement" | "rootBoundary" | "shouldFlip">, "isMulti" | "offset" | "width" | "boundariesElement" | "placement" | "rootBoundary" | "shouldFlip">> & Partial<Pick<{
+export declare const PopupUserPicker: React.ForwardRefExoticComponent<Pick<Pick<PopupUserPickerProps, "placeholder" | "target" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "styles" | "value" | "defaultValue" | "offset" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "popupTitle" | "boundariesElement" | "placement" | "rootBoundary" | "shouldFlip">, "placeholder" | "target" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "styles" | "value" | "defaultValue" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "popupTitle"> & Partial<Pick<Pick<PopupUserPickerProps, "placeholder" | "target" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "styles" | "value" | "defaultValue" | "offset" | "fieldId" | "width" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions" | "popupTitle" | "boundariesElement" | "placement" | "rootBoundary" | "shouldFlip">, "isMulti" | "offset" | "width" | "boundariesElement" | "placement" | "rootBoundary" | "shouldFlip">> & Partial<Pick<{
     boundariesElement: string;
     width: number;
     isMulti: boolean;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Option } from '../types';
 declare type Props = {
     data: Option;

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

@@ -7,7 +7,7 @@ export declare class UserPickerWithoutAnalytics extends React.Component<UserPick
     };
     render(): JSX.Element;
 }
-export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Pick<UserPickerProps, "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "placeholder" | "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">, "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "placeholder" | "styles" | "value" | "defaultValue" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions"> & Partial<Pick<Pick<UserPickerProps, "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "isMulti" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "placeholder" | "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">, "isMulti" | "width">> & Partial<Pick<{
+export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Pick<UserPickerProps, "placeholder" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "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">, "placeholder" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "inputId" | "isClearable" | "isDisabled" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "noOptionsMessage" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "options" | "styles" | "value" | "defaultValue" | "fieldId" | "menuMinWidth" | "maxPickerHeight" | "textFieldBackgroundColor" | "loadOptions" | "search" | "anchor" | "open" | "onSelection" | "onClear" | "onClose" | "appearance" | "subtle" | "noBorder" | "addMoreMessage" | "clearValueLabel" | "allowEmail" | "suggestEmailsForDomain" | "emailLabel" | "disableInput" | "isValidEmail" | "maxOptions"> & Partial<Pick<Pick<UserPickerProps, "placeholder" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "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">, "isMulti" | "width">> & Partial<Pick<{
     width: number;
     isMulti: boolean;
 }, never>> & React.RefAttributes<any>>;

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

@@ -9,7 +9,7 @@ import { PopupControl } from './PopupControl';
 /**
  * Memoize getComponents to avoid rerenders.
  */
-export declare const getComponents: (multi?: boolean | undefined, anchor?: import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined) => {
+export declare const getComponents: import("memoize-one").MemoizedFn<(multi?: boolean | undefined, anchor?: import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined) => {
     Control: import("react").ComponentType<any>;
     Option: import("react").FC<import("./Option").OptionProps>;
     MultiValue?: undefined;
@@ -30,8 +30,8 @@ export declare const getComponents: (multi?: boolean | undefined, anchor?: impor
     ValueContainer: typeof MultiValueContainer | typeof SingleValueContainer;
     Input: typeof Input;
     Control?: undefined;
-};
-export declare const getPopupComponents: (hasPopupTitle: boolean) => {
+}>;
+export declare const getPopupComponents: import("memoize-one").MemoizedFn<(hasPopupTitle: boolean) => {
     DropdownIndicator: null;
     SingleValue: (props: {
         data: import("..").Option<import("..").OptionData>;
@@ -52,4 +52,4 @@ export declare const getPopupComponents: (hasPopupTitle: boolean) => {
     Option: import("react").FC<import("./Option").OptionProps>;
     ValueContainer: typeof SingleValueContainer;
     Input: typeof PopupInput;
-};
+}>;

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

@@ -1,10 +1,12 @@
 import { Option } from '../types';
 import { EmailValidator } from './emailValidation';
-export declare const getCreatableProps: (isValidEmail?: EmailValidator | undefined) => {
+declare function creatableProps(isValidEmail?: EmailValidator): {
     allowCreateWhileLoading: boolean;
     createOptionPosition: string;
     isValidNewOption: (inputValue?: string | undefined) => boolean | "" | undefined;
-    getNewOptionData: (inputValue: string) => Option;
+    getNewOptionData: (inputValue: string) => Option<import("../types").OptionData>;
     formatCreateLabel: (inputText?: string | undefined) => string;
-    isOptionDisabled: (option: Option) => boolean;
+    isOptionDisabled: (option: Option<import("../types").OptionData>) => boolean;
 };
+export declare const getCreatableProps: typeof creatableProps;
+export {};