@atlaskit/user-picker 7.16.3 → 8.0.0

package/CHANGELOG.md

@@ -1,5 +1,65 @@
 # @atlaskit/user-picker
 
+## 8.0.0
+
+### Major Changes
+
+- [`47f58da5946`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47f58da5946) - ED-13322, ED-13324, ED-13326, ED-13323, ED-13204: Upgrade and support react-intl@^5.18.1 including breaking API changes, types and tests in atlassian-frontend packages
+
+  What changed: Upgraded our react-intl support from ^2.6.0 to ^5.18.1. This means editor packages now rely on consumers installing ^5.18.1, otherwise editor usage of react-intl will mismatch with actual installed react-intl APIs.
+  Why change was made: As part of a coordinated upgrade effort across AF packages, as react-intl v2 is quite dated.
+  How consumer should update their code: Ensure react-intl ^5.18.1 is installed in consuming applications.
+
+  Upgrade guide: To consume atlassian-frontend packages that use react-intl5 setup a second provider for the new version, using an npm alias
+
+  ```js
+  "react-intl": "^2.6.0",
+  "react-intl-next": "npm:react-intl@^5.18.1",
+  ```
+
+  ```js
+  import { IntlProvider } from 'react-intl';
+  import { IntlProvider as IntlNextProvider } from 'react-intl-next';
+
+  return (
+    <IntlProvider
+      key={locale}
+      data-test-language={locale}
+      locale={locale}
+      defaultLocale={DEFAULT_LOCALE}
+      messages={messages}
+    >
+      <IntlNextProvider
+        key={locale}
+        data-test-language={locale}
+        locale={locale}
+        defaultLocale={DEFAULT_LOCALE}
+        messages={messages}
+      >
+        {children}
+      </IntlNextProvider>
+    </IntlProvider>
+  );
+  ```
+
+## 7.16.6
+
+### Patch Changes
+
+- [`d194015e2a9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d194015e2a9) - Remove bulk import for colors
+
+## 7.16.5
+
+### Patch Changes
+
+- [`b3d1a103c04`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b3d1a103c04) - Remove field-base deprecated dependency
+
+## 7.16.4
+
+### Patch Changes
+
+- [`b85e7ce12cd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b85e7ce12cd) - Internal upgrade of memoize-one to 6.0.0
+
 ## 7.16.3
 
 ### Patch Changes

package/dist/cjs/analytics.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.failedRequestUsersEvent = exports.successfulRequestUsersEvent = exports.requestUsersEvent = exports.filterUsersEvent = exports.mountedWithPrefetchEvent = exports.preparedUsersLoadedEvent = exports.failedEvent = exports.searchedEvent = exports.selectEvent = exports.cancelEvent = exports.deleteEvent = exports.clearEvent = exports.focusEvent = exports.createAndFireEventInElementsChannel = exports.startSession = void 0;
+exports.successfulRequestUsersEvent = exports.startSession = exports.selectEvent = exports.searchedEvent = exports.requestUsersEvent = exports.preparedUsersLoadedEvent = exports.mountedWithPrefetchEvent = exports.focusEvent = exports.filterUsersEvent = exports.failedRequestUsersEvent = exports.failedEvent = exports.deleteEvent = exports.createAndFireEventInElementsChannel = exports.clearEvent = exports.cancelEvent = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 

package/dist/cjs/components/AvatarItemOption.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AvatarItemOption = exports.TextWrapper = void 0;
+exports.TextWrapper = exports.AvatarItemOption = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 

package/dist/cjs/components/BaseUserPicker.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BaseUserPicker = exports.BaseUserPickerWithoutAnalytics = void 0;
+exports.BaseUserPickerWithoutAnalytics = exports.BaseUserPicker = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -29,7 +29,7 @@ var _debounce = _interopRequireDefault(require("lodash/debounce"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _analytics = require("../analytics");
 
@@ -508,7 +508,7 @@ var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
         isLoading: count > 0 || resolving || isLoading,
         loadingMessage: loadingMessage,
         menuPlacement: "auto",
-        placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.placeholder),
+        placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.placeholder),
         addMoreMessage: addMoreMessage,
         classNamePrefix: "fabric-user-picker",
         hoveringClearIndicator: hoveringClearIndicator,

package/dist/cjs/components/EmailOption.js

@@ -23,7 +23,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _colors = require("@atlaskit/theme/colors");
 
@@ -94,7 +94,7 @@ var EmailOption = /*#__PURE__*/function (_React$PureComponent) {
       var _this$props = this.props,
           label = _this$props.label,
           emailValidity = _this$props.emailValidity;
-      return label !== undefined ? this.renderOption(label) : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, getAddEmailMessage(emailValidity), function (label) {
+      return label !== undefined ? this.renderOption(label) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, getAddEmailMessage(emailValidity), function (label) {
         return _this2.renderOption(label);
       });
     }

package/dist/cjs/components/ExternalUserOption.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ExternalUserOption = exports.EmailDomainWrapper = exports.SourceWrapper = exports.SourcesTooltipContainer = exports.ImageContainer = void 0;
+exports.SourcesTooltipContainer = exports.SourceWrapper = exports.ImageContainer = exports.ExternalUserOption = exports.EmailDomainWrapper = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
@@ -47,7 +47,7 @@ var _microsoft = require("./assets/microsoft");
 
 var _github = require("./assets/github");
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _i18n = require("./i18n");
 
@@ -170,7 +170,7 @@ var ExternalUserOption = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "formattedTooltipContent",
     value: function formattedTooltipContent() {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.externalUserSourcesHeading)), /*#__PURE__*/_react.default.createElement(SourcesTooltipContainer, null, this.props.user.sources.map(function (s) {
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.externalUserSourcesHeading)), /*#__PURE__*/_react.default.createElement(SourcesTooltipContainer, null, this.props.user.sources.map(function (s) {
         return SourcesInfoMap.get(s);
       }).filter(function (s) {
         return s;
@@ -180,7 +180,7 @@ var ExternalUserOption = /*#__PURE__*/function (_React$PureComponent) {
             label = _ref.label;
         return /*#__PURE__*/_react.default.createElement(SourceWrapper, {
           key: key
-        }, /*#__PURE__*/_react.default.createElement(ImageContainer, null, icon), /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, label)));
+        }, /*#__PURE__*/_react.default.createElement(ImageContainer, null, icon), /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, label)));
       })));
     }
   }]);

package/dist/cjs/components/GroupOption.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.GroupOption = exports.GroupOptionIconWrapper = void 0;
+exports.GroupOptionIconWrapper = exports.GroupOption = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -25,7 +25,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -87,7 +87,7 @@ var GroupOption = /*#__PURE__*/function (_React$PureComponent) {
       var isSelected = _this.props.isSelected;
       return /*#__PURE__*/_react.default.createElement(_AvatarItemOption.TextWrapper, {
         color: isSelected ? _colors.B400 : _colors.N200
-      }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.groupByline));
+      }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.groupByline));
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getLozengeProps", function () {
       return typeof _this.props.group.lozenge === 'string' ? {

package/dist/cjs/components/MessagesIntlProvider.js

@@ -15,7 +15,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _i18nUtil = require("../util/i18n-util");
 
@@ -61,11 +61,12 @@ var MessagesIntlProvider = function MessagesIntlProvider(props) {
   var mergedMessages = (0, _react.useMemo)(function () {
     return _objectSpread(_objectSpread({}, intl.messages), messages);
   }, [intl.messages, messages]);
-  return /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
+  return /*#__PURE__*/_react.default.createElement(_reactIntlNext.IntlProvider, {
+    locale: intl.locale,
     messages: mergedMessages
   }, children);
 };
 
-var _default = (0, _reactIntl.injectIntl)(MessagesIntlProvider);
+var _default = (0, _reactIntlNext.injectIntl)(MessagesIntlProvider);
 
 exports.default = _default;

package/dist/cjs/components/MultiValue.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MultiValue = exports.scrollToValue = void 0;
+exports.scrollToValue = exports.MultiValue = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -29,7 +29,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _select = require("@atlaskit/select");
 
@@ -95,7 +95,7 @@ var MultiValue = /*#__PURE__*/function (_React$Component) {
         return selectProps.emailLabel ? /*#__PURE__*/_react.default.createElement(_AddOptionAvatar.AddOptionAvatar, {
           isLozenge: true,
           label: selectProps.emailLabel
-        }) : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.addEmail, function (label) {
+        }) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.addEmail, function (label) {
           return /*#__PURE__*/_react.default.createElement(_AddOptionAvatar.AddOptionAvatar, {
             isLozenge: true,
             label: label

package/dist/cjs/components/MultiValueContainer.js

@@ -29,7 +29,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactDom = _interopRequireDefault(require("react-dom"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _i18n = require("./i18n");
 
@@ -74,11 +74,13 @@ var MultiValueContainer = /*#__PURE__*/function (_React$PureComponent) {
       return value && value.length > 0;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "addPlaceholder", function (placeholder) {
-      return _react.default.Children.map(_this.props.children, function (child) {
+      var children = _react.default.Children.map(_this.props.children, function (child) {
         return (0, _utils.isChildInput)(child) && _this.showPlaceholder() ? /*#__PURE__*/_react.default.cloneElement(child, {
           placeholder: placeholder
         }) : child;
       });
+
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderChildren", function () {
       var _this$props$selectPro = _this.props.selectProps,
@@ -90,7 +92,7 @@ var MultiValueContainer = /*#__PURE__*/function (_React$PureComponent) {
       }
 
       if (addMoreMessage === undefined) {
-        return /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.addMore, function (addMore) {
+        return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.addMore, function (addMore) {
           return _this.addPlaceholder(addMore);
         });
       }

package/dist/cjs/components/PopupControl.js

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -21,19 +23,50 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _react = _interopRequireDefault(require("react"));
 
-var _fieldBase = require("@atlaskit/field-base");
+var _components = require("@atlaskit/theme/components");
+
+var _constants = require("@atlaskit/theme/constants");
 
 var _select = require("@atlaskit/select");
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _colors = require("@atlaskit/theme/colors");
 
-var _templateObject;
+var _templateObject, _templateObject2, _templateObject3;
+
+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; }
 
 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 ControlWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  padding: 0px 8px 8px;\n"])));
+var spacing = (0, _constants.gridSize)();
+var fontSize = 12;
+var innerHeight = spacing * 2; // 16px
+
+var lineHeight = innerHeight / fontSize;
+
+var ControlWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  padding: 0px ", "px ", "px;\n"])), spacing, spacing);
+
+var getColor = (0, _components.themed)({
+  light: _colors.N200,
+  dark: _colors.DN90
+});
+
+var getPadding = function getPadding() {
+  var right = 0;
+  var bottom = spacing / 2;
+  var left = 0;
+  var top = spacing * 2.5;
+  return (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    padding: ", "px ", "px ", "px ", "px;\n  "])), top, right, bottom, left);
+};
+
+var Label = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  color: ", ";\n  font-size: ", "px;\n  font-weight: 600;\n  line-height: ", ";\n  ", "\n"])), function (props) {
+  return getColor(props);
+}, fontSize, lineHeight, getPadding);
 
 var PopupControl = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(PopupControl, _React$PureComponent);
@@ -49,9 +82,7 @@ var PopupControl = /*#__PURE__*/function (_React$PureComponent) {
     key: "render",
     value: function render() {
       var popupTitle = this.props.selectProps.popupTitle;
-      return /*#__PURE__*/_react.default.createElement(ControlWrapper, null, /*#__PURE__*/_react.default.createElement(_fieldBase.Label, {
-        label: popupTitle
-      }), /*#__PURE__*/_react.default.createElement(_select.components.Control, this.props));
+      return /*#__PURE__*/_react.default.createElement(ControlWrapper, null, /*#__PURE__*/_react.default.createElement(Label, null, popupTitle), /*#__PURE__*/_react.default.createElement(_select.components.Control, this.props));
     }
   }]);
   return PopupControl;

package/dist/cjs/components/PopupUserPicker.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PopupUserPicker = exports.PopupUserPickerWithoutAnalytics = void 0;
+exports.PopupUserPickerWithoutAnalytics = exports.PopupUserPicker = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 

package/dist/cjs/components/TeamOption.js

@@ -27,7 +27,7 @@ var _colors = require("@atlaskit/theme/colors");
 
 var _react = _interopRequireDefault(require("react"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _AvatarItemOption = require("./AvatarItemOption");
 
@@ -79,9 +79,9 @@ var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
       } else {
         if (includesYou === true) {
           if (memberCount > 50) {
-            return _this.getBylineComponent(isSelected, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.plus50MembersWithYou));
+            return _this.getBylineComponent(isSelected, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.plus50MembersWithYou));
           } else {
-            return _this.getBylineComponent(isSelected, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.memberCountWithYou, {
+            return _this.getBylineComponent(isSelected, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.memberCountWithYou, {
               values: {
                 count: memberCount
               }
@@ -89,9 +89,9 @@ var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
           }
         } else {
           if (memberCount > 50) {
-            return _this.getBylineComponent(isSelected, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _i18n.messages.plus50MembersWithoutYou));
+            return _this.getBylineComponent(isSelected, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.plus50MembersWithoutYou));
           } else {
-            return _this.getBylineComponent(isSelected, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.memberCountWithoutYou, {
+            return _this.getBylineComponent(isSelected, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _i18n.messages.memberCountWithoutYou, {
               values: {
                 count: memberCount
               }

package/dist/cjs/components/UserPicker.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.UserPicker = exports.UserPickerWithoutAnalytics = void 0;
+exports.UserPickerWithoutAnalytics = exports.UserPicker = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 

package/dist/cjs/components/creatable.js

@@ -55,7 +55,7 @@ var isOptionDisabled = function isOptionDisabled() {
   };
 };
 
-var getCreatableProps = (0, _memoizeOne.default)(function (isValidEmail) {
+function creatableProps(isValidEmail) {
   return {
     allowCreateWhileLoading: true,
     createOptionPosition: 'first',
@@ -64,5 +64,8 @@ var getCreatableProps = (0, _memoizeOne.default)(function (isValidEmail) {
     formatCreateLabel: formatCreateLabel,
     isOptionDisabled: isOptionDisabled(isValidEmail)
   };
-});
+} // ignoring the 'clear' memoizeOne function object property
+
+
+var getCreatableProps = (0, _memoizeOne.default)(creatableProps);
 exports.getCreatableProps = getCreatableProps;

package/dist/cjs/components/i18n.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.messages = void 0;
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
-var messages = (0, _reactIntl.defineMessages)({
+var messages = (0, _reactIntlNext.defineMessages)({
   placeholder: {
     id: 'fabric.elements.user-picker.placeholder',
     defaultMessage: 'Enter people or teams...',

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

@@ -5,8 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.hydrateDefaultValues = hydrateDefaultValues;
 exports.default = void 0;
+exports.hydrateDefaultValues = hydrateDefaultValues;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -38,7 +38,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 
-var _reactIntl = require("react-intl");
+var _reactIntlNext = require("react-intl-next");
 
 var _analytics = require("../../../analytics");
 
@@ -582,7 +582,7 @@ var SmartUserPicker = /*#__PURE__*/function (_React$Component) {
   prefetch: false,
   principalId: 'Context'
 });
-var WrappedSmartUserPicker = (0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntl.injectIntl)(SmartUserPicker));
+var WrappedSmartUserPicker = (0, _analyticsNext.withAnalyticsEvents)()((0, _reactIntlNext.injectIntl)(SmartUserPicker));
 /**
  * @deprecated
  */

package/dist/cjs/components/smart-user-picker/config/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.JDOG_CLOUD_ID = exports.getConfig = exports.setSmartUserPickerEnv = void 0;
+exports.setSmartUserPickerEnv = exports.getConfig = exports.JDOG_CLOUD_ID = void 0;
 var env = 'prod';
 var STG_INSTANCE = 'https://api-private.stg.atlassian.com';
 var LOCAL_CONFIG = {

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

@@ -11,16 +11,16 @@ Object.defineProperty(exports, "SmartUserPicker", {
     return _components.default;
   }
 });
-Object.defineProperty(exports, "hydrateDefaultValues", {
+Object.defineProperty(exports, "getUserRecommendations", {
   enumerable: true,
   get: function get() {
-    return _components.hydrateDefaultValues;
+    return _service.getUserRecommendations;
   }
 });
-Object.defineProperty(exports, "getUserRecommendations", {
+Object.defineProperty(exports, "hydrateDefaultValues", {
   enumerable: true,
   get: function get() {
-    return _service.getUserRecommendations;
+    return _components.hydrateDefaultValues;
   }
 });
 Object.defineProperty(exports, "setSmartUserPickerEnv", {

package/dist/cjs/components/styles.js

@@ -2,12 +2,10 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getPopupStyles = exports.getStyles = exports.INDICATOR_WIDTH = exports.AVATAR_PADDING = exports.BORDER_PADDING = void 0;
+exports.getStyles = exports.getPopupStyles = exports.INDICATOR_WIDTH = exports.BORDER_PADDING = exports.AVATAR_PADDING = void 0;
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -15,7 +13,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _avatar = require("@atlaskit/avatar");
 
-var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
+var _colors = require("@atlaskit/theme/colors");
 
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
 
@@ -23,10 +21,6 @@ var _utils = require("./utils");
 
 var _select = require("@atlaskit/select");
 
-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; }
-
 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 _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) { (0, _defineProperty2.default)(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; }
@@ -52,14 +46,14 @@ var getStyles = (0, _memoizeOne.default)(function (width, isMulti, overrideStyle
       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' : _colors.N40,
+        backgroundColor: state.isFocused ? css['backgroundColor'] : state.selectProps.subtle ? 'transparent' : state.selectProps.textFieldBackgroundColor ? _colors.N10 : _colors.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 : _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
         }),
         padding: 0,
         minHeight: isCompact ? 'none' : 44,
@@ -82,7 +76,7 @@ var getStyles = (0, _memoizeOne.default)(function (width, isMulti, overrideStyle
         paddingTop: 0,
         padding: 0,
         ':hover': {
-          color: colors.R400
+          color: _colors.R400
         }
       });
     },
@@ -178,14 +172,14 @@ var getStyles = (0, _memoizeOne.default)(function (width, isMulti, overrideStyle
         paddingLeft: isMulti ? 0 : AVATAR_PADDING,
         '& input::placeholder': {
           /* Chrome, Firefox, Opera, Safari 10.1+ */
-          color: colors.N100,
+          color: _colors.N100,
           opacity: 1
           /* Firefox */
 
         },
         '& input:-ms-input-placeholder': {
           /* Internet Explorer 10-11 */
-          color: colors.N100
+          color: _colors.N100
         }
       });
     }

package/dist/cjs/components/utils.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isPopupUserPickerByProps = exports.isPopupUserPickerByComponent = exports.getAvatarUrl = exports.callCallback = exports.hasValue = exports.isSingleValue = exports.isChildInput = exports.getAvatarSize = exports.optionToSelectableOptions = exports.getOptions = exports.isIterable = exports.extractOptionValue = exports.optionToSelectableOption = exports.isEmail = exports.isGroup = exports.isTeam = exports.isUser = exports.isExternalUser = void 0;
+exports.optionToSelectableOptions = exports.optionToSelectableOption = exports.isUser = exports.isTeam = exports.isSingleValue = exports.isPopupUserPickerByProps = exports.isPopupUserPickerByComponent = exports.isIterable = exports.isGroup = exports.isExternalUser = exports.isEmail = exports.isChildInput = exports.hasValue = exports.getOptions = exports.getAvatarUrl = exports.getAvatarSize = exports.extractOptionValue = exports.callCallback = void 0;
 
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));