@atlaskit/user-picker 13.8.8 → 13.10.0

package/dist/es2019/components/MultiValue.js

@@ -7,20 +7,21 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, Inline, xcss } from '@atlaskit/primitives';
-import { components } from '@atlaskit/select';
+import { components } from '@atlaskit/select/react-select';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import Avatar from '@atlaskit/avatar';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { AvatarTag, default as Tag } from '@atlaskit/tag';
+import Avatar from '@atlaskit/avatar/avatar';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import AvatarTag from '@atlaskit/tag/avatar-tag';
+import { default as Tag } from '@atlaskit/tag/removable-tag';
 import TeamAvatar from '@atlaskit/teams-avatar/teams-avatar';
 import { AddOptionAvatar } from './AddOptionAvatar';
 import { AvatarOrIcon } from './AvatarOrIcon';
 import { SizeableAvatar } from './SizeableAvatar';
 import { getAvatarUrl, isEmail, isGroup, isTeam } from './utils';
-import Lozenge from '@atlaskit/lozenge';
+import Lozenge from '@atlaskit/lozenge/lozenge';
 import PeopleIcon from '@atlaskit/icon/core/people-group';
-import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
+import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon/main';
 import { FormattedMessage } from 'react-intl';
 import { messages } from './i18n';
 export const scrollToValue = (valueContainer, control) => {

package/dist/es2019/components/MultiValueContainer.js

@@ -3,10 +3,10 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./MultiValueContainer.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
-import { components } from '@atlaskit/select';
+import { components } from '@atlaskit/select/react-select';
 import React, { Fragment } from 'react';
 import { FormattedMessage } from 'react-intl';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { messages } from './i18n';
 import { isChildInput } from './utils';
 import ValueContainerWrapper from './ValueContainerWrapper';
@@ -59,7 +59,6 @@ export class MultiValueContainer extends React.PureComponent {
     });
     _defineProperty(this, "renderChildren", () => {
       const {
-        //@ts-ignore react-select unsupported props
         selectProps: {
           addMoreMessage,
           isDisabled
@@ -82,7 +81,6 @@ export class MultiValueContainer extends React.PureComponent {
       }
       return this.addPlaceholder(addMoreMessage);
     });
-    //@ts-ignore react-select unsupported props
     _defineProperty(this, "onValueContainerClick", this.props.selectProps.onValueContainerClick);
     this.state = {
       valueSize: 0,
@@ -97,7 +95,6 @@ export class MultiValueContainer extends React.PureComponent {
       previousValueSize,
       valueSize
     } = this.state;
-    //@ts-ignore react-select unsupported props
     const {
       isFocused
     } = this.props.selectProps;

package/dist/es2019/components/Option.js

@@ -1,6 +1,6 @@
 import { Box } from '@atlaskit/primitives/compiled';
-import { components } from '@atlaskit/select';
-import Tooltip from '@atlaskit/tooltip';
+import { components } from '@atlaskit/select/react-select';
+import Tooltip from '@atlaskit/tooltip/Tooltip';
 import React from 'react';
 import { UserOption } from './UserOption';
 import AsyncExternalOption from './ExternalUserOption';
@@ -86,6 +86,12 @@ const dataOptionWithTooltip = props => {
   }
   return dataOption(props);
 };
-export const Option = props => /*#__PURE__*/React.createElement(components.Option, props, /*#__PURE__*/React.createElement(React.Suspense, {
-  fallback: defaultOption(props)
-}, dataOptionWithTooltip(props)));
+export const Option = ({
+  renderOptionContent,
+  ...props
+}) => {
+  const defaultContent = /*#__PURE__*/React.createElement(React.Suspense, {
+    fallback: defaultOption(props)
+  }, dataOptionWithTooltip(props));
+  return /*#__PURE__*/React.createElement(components.Option, props, renderOptionContent ? renderOptionContent(defaultContent) : defaultContent);
+};

package/dist/es2019/components/PopupControl.js

@@ -23,7 +23,6 @@ const labelStyle = css({
 export class PopupControl extends React.PureComponent {
   render() {
     const {
-      //@ts-ignore react-select unsupported props
       selectProps: {
         popupTitle
       }

package/dist/es2019/components/PopupUserPicker.js

@@ -1,13 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { PopupSelect } from '@atlaskit/select';
+import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
+import { PopupSelect } from '@atlaskit/select/popup-select';
 import React from 'react';
 import { getPopupComponents } from './components';
 import { getPopupStyles } from './styles';
 import { getPopupProps } from './popup';
 import { BaseUserPickerWithoutAnalytics } from './BaseUserPicker';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 export class PopupUserPickerWithoutAnalytics extends React.Component {
   constructor(...args) {
     super(...args);

package/dist/es2019/components/SingleValue.js

@@ -2,13 +2,13 @@
 import "./SingleValue.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { components } from '@atlaskit/select';
-import Lozenge from '@atlaskit/lozenge';
+import { components } from '@atlaskit/select/react-select';
+import Lozenge from '@atlaskit/lozenge/lozenge';
 import { AvatarOrIcon } from './AvatarOrIcon';
 import { SizeableAvatar } from './SizeableAvatar';
 import { getAvatarUrl, isTeam, isGroup } from './utils';
-import { getAppearanceForAppType } from '@atlaskit/avatar';
-import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
+import getAppearanceForAppType from '@atlaskit/avatar/get-appearance';
+import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon/main';
 import { FormattedMessage } from 'react-intl';
 import { Box, Flex, Inline } from '@atlaskit/primitives/compiled';
 import { messages } from './i18n';
@@ -39,7 +39,6 @@ export const SingleValue = props => {
       label,
       data
     },
-    //@ts-ignore react-select unsupported props
     selectProps: {
       appearance,
       isFocused

package/dist/es2019/components/SingleValueContainer.js

@@ -4,11 +4,11 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./SingleValueContainer.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { components } from '@atlaskit/select';
+import { components } from '@atlaskit/select/react-select';
 import { AvatarOrIcon } from './AvatarOrIcon';
 import { SizeableAvatar } from './SizeableAvatar';
 import ValueContainerWrapper from './ValueContainerWrapper';
-import { getAppearanceForAppType } from '@atlaskit/avatar';
+import getAppearanceForAppType from '@atlaskit/avatar/get-appearance';
 const valueContainerStyles = {
   root: "_yv0e5bpd _ca0q12x7 _n3td12x7 _19bvze3t _1reo15vq _18m91wug _1fjgglyw _c71l1osq _1suq1j28 _1ke8idpf"
 };
@@ -21,7 +21,6 @@ export class SingleValueContainer extends React.Component {
     _defineProperty(this, "renderAvatar", () => {
       const {
         hasValue,
-        //@ts-ignore react-select unsupported props
         selectProps: {
           appearance,
           isFocused,
@@ -52,7 +51,6 @@ export class SingleValueContainer extends React.Component {
       }
       return null;
     });
-    //@ts-ignore react-select unsupported props
     _defineProperty(this, "onValueContainerClick", this.props.selectProps.onValueContainerClick);
     _defineProperty(this, "Wrapper", ({
       children

package/dist/es2019/components/SizeableAvatar.js

@@ -1,4 +1,4 @@
-import Avatar from '@atlaskit/avatar';
+import Avatar from '@atlaskit/avatar/avatar';
 import TeamAvatar from '@atlaskit/teams-avatar/teams-avatar';
 import React from 'react';
 import { getAvatarSize } from './utils';

package/dist/es2019/components/TeamOption/main.js

@@ -6,7 +6,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  */
 
 import { Inline } from '@atlaskit/primitives/compiled';
-import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
+import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon/main';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import React from 'react';

package/dist/es2019/components/UserOption.js

@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { getAppearanceForAppType } from '@atlaskit/avatar';
+import getAppearanceForAppType from '@atlaskit/avatar/get-appearance';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import React from 'react';
@@ -12,7 +12,7 @@ import { HighlightText } from './HighlightText';
 import { AvatarOrIcon } from './AvatarOrIcon';
 import { SizeableAvatar } from './SizeableAvatar';
 import { hasValue } from './utils';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 export class UserOption extends React.PureComponent {
   constructor(...args) {
     super(...args);

package/dist/es2019/components/UserPicker.js

@@ -2,9 +2,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { ax, ix } from "@compiled/react/runtime";
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import Select, { CreatableSelect } from '@atlaskit/select';
-import { UFOExperienceState } from '@atlaskit/ufo';
+import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
+import Select from '@atlaskit/select/default';
+import CreatableSelect from '@atlaskit/select/creatable-select';
+import { UFOExperienceState } from '@atlaskit/ufo/experience-state';
 import React from 'react';
 import { BaseUserPickerWithoutAnalytics } from './BaseUserPicker';
 import { getStyles } from './styles';
@@ -16,7 +17,7 @@ import { ExusUserSourceProvider } from '../clients/UserSourceProvider';
 import { userPickerRenderedUfoExperience as experience, UfoErrorBoundary } from '../util/ufoExperiences';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as uuidv4 } from 'uuid';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 export class UserPickerWithoutAnalytics extends React.Component {
   constructor(props) {
     super(props);

package/dist/es2019/components/styles.js

@@ -1,5 +1,5 @@
-import { fg } from '@atlaskit/platform-feature-flags';
-import { mergeStyles } from '@atlaskit/select';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { mergeStyles } from '@atlaskit/select/react-select';
 import memoizeOne from 'memoize-one';
 export const BORDER_PADDING = "var(--ds-space-075, 6px)";
 export const AVATAR_PADDING = 6;

package/dist/es2019/components/utils.js

@@ -1,6 +1,6 @@
 import memoizeOne from 'memoize-one';
 import { CustomType, EmailType, TeamType, GroupType, UserType, ExternalUserType } from '../types';
-import { PopupSelect } from '@atlaskit/select';
+import { PopupSelect } from '@atlaskit/select/popup-select';
 export const isExternalUser = option => option.type === ExternalUserType || Boolean(option.isExternal);
 export const isUser = option => option.type === undefined || option.type === UserType;
 export const isTeam = option => (option === null || option === void 0 ? void 0 : option.type) === TeamType;

package/dist/es2019/util/group-options-by-type/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { FormattedMessage } from 'react-intl';
 import memoizeOne from 'memoize-one';
 import { messages } from '../../components/i18n';

package/dist/es2019/util/ufoExperiences.js

@@ -1,5 +1,7 @@
 import React from 'react';
-import { ExperiencePerformanceTypes, ExperienceTypes, ConcurrentExperience, UFOExperienceState } from '@atlaskit/ufo';
+import { ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo/experience-types';
+import { ConcurrentExperience } from '@atlaskit/ufo/concurrent-experience';
+import { UFOExperienceState } from '@atlaskit/ufo/experience-state';
 export const userPickerRenderedUfoExperience = new ConcurrentExperience('user-picker-rendered', {
   platform: {
     component: 'user-picker'

package/dist/esm/analytics.js

@@ -2,14 +2,14 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // eslint-disable-next-line @typescript-eslint/consistent-type-imports
-import { createAndFireEvent } from '@atlaskit/analytics-next';
-import FeatureGates from '@atlaskit/feature-gate-js-client';
-import { fg } from '@atlaskit/platform-feature-flags';
+import createAndFireEvent from '@atlaskit/analytics-next/createAndFireEvents';
+import FeatureGates from '@atlaskit/feature-gate-js-client/feature-gates';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "13.8.7";
+var packageVersion = "13.9.0";
 var UUID_REGEXP_TEAMS_GROUPS = /^[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 var UUID_REGEXP_OLD_AAID = /^[a-fA-F0-9]{1,8}:[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}$/;
 var UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;

package/dist/esm/components/AvatarItemOption.js

@@ -8,10 +8,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
-import Lozenge from '@atlaskit/lozenge';
-import Tag from '@atlaskit/tag';
+import Lozenge from '@atlaskit/lozenge/lozenge';
+import Tag from '@atlaskit/tag/removable-tag';
 import { isLozengeText } from './utils';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 var AsyncTooltip = /*#__PURE__*/React.lazy(function () {
   return import( /* webpackChunkName: "@atlaskit-internal_@atlaskit/tooltip" */'@atlaskit/tooltip').then(function (module) {
     return {

package/dist/esm/components/BaseUserPicker.js

@@ -14,9 +14,9 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-import { fg } from '@atlaskit/platform-feature-flags';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { UFOExperienceState } from '@atlaskit/ufo';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
+import { UFOExperienceState } from '@atlaskit/ufo/experience-state';
 import debounce from 'lodash/debounce';
 import React from 'react';
 import { FormattedMessage } from 'react-intl';

package/dist/esm/components/ClearIndicator.js

@@ -13,7 +13,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
-import { components } from '@atlaskit/select';
+import { components } from '@atlaskit/select/react-select';
 var AsyncTooltip = /*#__PURE__*/React.lazy(function () {
   return import( /* webpackChunkName: "@atlaskit-internal_@atlaskit/tooltip" */'@atlaskit/tooltip').then(function (module) {
     return {
@@ -41,7 +41,6 @@ export var ClearIndicator = /*#__PURE__*/function (_React$PureComponent) {
         clearValue = _this$props.clearValue,
         selectProps = _this$props.selectProps;
       clearValue();
-      //@ts-ignore react-select unsupported props
       if (selectProps && !selectProps.isFocused) {
         event.stopPropagation();
       }

package/dist/esm/components/Control.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import "./Control.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { components } from '@atlaskit/select';
+import { components } from '@atlaskit/select/react-select';
 import { cx } from '@compiled/react';
 var controlStyles = {
   invalid: "_1h6d1bqt _4cvx1bqt",

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

@@ -2,13 +2,14 @@
 import { Box, xcss } from '@atlaskit/primitives';
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
-import { AtlassianIcon, ConfluenceIcon, JiraIcon } from '@atlaskit/logo';
+import { AtlassianIcon } from '@atlaskit/logo/atlassian-icon';
+import { ConfluenceIcon, JiraIcon } from '@atlaskit/logo';
 import Spinner from '@atlaskit/spinner/spinner';
 import { SlackIcon } from '../assets/slack';
 import { GoogleIcon } from '../assets/google';
 import { MicrosoftIcon } from '../assets/microsoft';
 import { messages } from '../i18n';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 var sourcesTooltipContainer = xcss({
   paddingBottom: 'space.050',
   paddingRight: 'space.050'

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

@@ -14,8 +14,8 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import Tooltip from '@atlaskit/tooltip';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
+import Tooltip from '@atlaskit/tooltip/Tooltip';
+import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { createAndFireEventInElementsChannel, userInfoEvent } from '../../analytics';
 import { textWrapper } from '../AvatarItemOption';
 import { AvatarOrIcon } from '../AvatarOrIcon';
@@ -24,7 +24,7 @@ import { ExternalUserSourcesContainer } from '../ExternalUserSourcesContainer';
 import InfoIcon from './InfoIcon';
 import { ExternalAvatarItemOption } from './ExternalAvatarItemOption';
 import { SourcesTooltipContent } from './SourcesTooltipContent';
-import { getAppearanceForAppType } from '@atlaskit/avatar';
+import getAppearanceForAppType from '@atlaskit/avatar/get-appearance';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var imageContainer = css({

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

@@ -16,7 +16,7 @@ import { FormattedMessage } from 'react-intl';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports
 import { css, jsx } from '@emotion/react';
 import PeopleIcon from '@atlaskit/icon/core/people-group';
-import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
+import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon/main';
 import { AvatarItemOption, textWrapper } from '../AvatarItemOption';
 import { messages } from '../i18n';
 import { HighlightText } from '../HighlightText';

package/dist/esm/components/Input.js

@@ -11,7 +11,7 @@ import { ax, ix } from "@compiled/react/runtime";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
-import { components } from '@atlaskit/select';
+import { components } from '@atlaskit/select/react-select';
 var inputStyles = {
   root: "_5ce61rpy _1ir3kb7n _h5gq1rpy"
 };
@@ -30,7 +30,6 @@ export var Input = /*#__PURE__*/function (_React$Component) {
       if (e.key === 'Enter') {
         e.preventDefault();
       }
-      //@ts-ignore react-select unsupported props
       if ((_this$props$selectPro = _this.props.selectProps) !== null && _this$props$selectPro !== void 0 && _this$props$selectPro.disableInput) {
         e.preventDefault();
       }

package/dist/esm/components/Menu.js

@@ -10,7 +10,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */
 import React from 'react';
-import { components } from '@atlaskit/select';
+import { components } from '@atlaskit/select/react-select';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 var getFooterStyle = function getFooterStyle() {

package/dist/esm/components/MultiValue.js

@@ -16,20 +16,21 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import React from 'react';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, Inline, xcss } from '@atlaskit/primitives';
-import { components } from '@atlaskit/select';
+import { components } from '@atlaskit/select/react-select';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import Avatar from '@atlaskit/avatar';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { AvatarTag, default as Tag } from '@atlaskit/tag';
+import Avatar from '@atlaskit/avatar/avatar';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import AvatarTag from '@atlaskit/tag/avatar-tag';
+import { default as Tag } from '@atlaskit/tag/removable-tag';
 import TeamAvatar from '@atlaskit/teams-avatar/teams-avatar';
 import { AddOptionAvatar } from './AddOptionAvatar';
 import { AvatarOrIcon } from './AvatarOrIcon';
 import { SizeableAvatar } from './SizeableAvatar';
 import { getAvatarUrl, isEmail, isGroup, isTeam } from './utils';
-import Lozenge from '@atlaskit/lozenge';
+import Lozenge from '@atlaskit/lozenge/lozenge';
 import PeopleIcon from '@atlaskit/icon/core/people-group';
-import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
+import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon/main';
 import { FormattedMessage } from 'react-intl';
 import { messages } from './i18n';
 export var scrollToValue = function scrollToValue(valueContainer, control) {

package/dist/esm/components/MultiValueContainer.js

@@ -14,10 +14,10 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-import { components } from '@atlaskit/select';
+import { components } from '@atlaskit/select/react-select';
 import React, { Fragment } from 'react';
 import { FormattedMessage } from 'react-intl';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { messages } from './i18n';
 import { isChildInput } from './utils';
 import ValueContainerWrapper from './ValueContainerWrapper';
@@ -79,7 +79,6 @@ export var MultiValueContainer = /*#__PURE__*/function (_React$PureComponent) {
       }
       return _this.addPlaceholder(addMoreMessage);
     });
-    //@ts-ignore react-select unsupported props
     _defineProperty(_this, "onValueContainerClick", _this.props.selectProps.onValueContainerClick);
     _this.state = {
       valueSize: 0,
@@ -97,7 +96,6 @@ export var MultiValueContainer = /*#__PURE__*/function (_React$PureComponent) {
       var _this$state = this.state,
         previousValueSize = _this$state.previousValueSize,
         valueSize = _this$state.valueSize;
-      //@ts-ignore react-select unsupported props
       var isFocused = this.props.selectProps.isFocused;
       if (valueSize > previousValueSize && isFocused) {
         if (this.timeoutId) {

package/dist/esm/components/Option.js

@@ -1,6 +1,8 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["renderOptionContent"];
 import { Box } from '@atlaskit/primitives/compiled';
-import { components } from '@atlaskit/select';
-import Tooltip from '@atlaskit/tooltip';
+import { components } from '@atlaskit/select/react-select';
+import Tooltip from '@atlaskit/tooltip/Tooltip';
 import React from 'react';
 import { UserOption } from './UserOption';
 import AsyncExternalOption from './ExternalUserOption';
@@ -85,8 +87,11 @@ var dataOptionWithTooltip = function dataOptionWithTooltip(props) {
   }
   return dataOption(props);
 };
-export var Option = function Option(props) {
-  return /*#__PURE__*/React.createElement(components.Option, props, /*#__PURE__*/React.createElement(React.Suspense, {
+export var Option = function Option(_ref3) {
+  var renderOptionContent = _ref3.renderOptionContent,
+    props = _objectWithoutProperties(_ref3, _excluded);
+  var defaultContent = /*#__PURE__*/React.createElement(React.Suspense, {
     fallback: defaultOption(props)
-  }, dataOptionWithTooltip(props)));
+  }, dataOptionWithTooltip(props));
+  return /*#__PURE__*/React.createElement(components.Option, props, renderOptionContent ? renderOptionContent(defaultContent) : defaultContent);
 };

package/dist/esm/components/PopupUserPicker.js

@@ -9,14 +9,14 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { PopupSelect } from '@atlaskit/select';
+import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
+import { PopupSelect } from '@atlaskit/select/popup-select';
 import React from 'react';
 import { getPopupComponents } from './components';
 import { getPopupStyles } from './styles';
 import { getPopupProps } from './popup';
 import { BaseUserPickerWithoutAnalytics } from './BaseUserPicker';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 export var PopupUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
   function PopupUserPickerWithoutAnalytics() {
     var _this;

package/dist/esm/components/SingleValue.js

@@ -2,13 +2,13 @@
 import "./SingleValue.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { components } from '@atlaskit/select';
-import Lozenge from '@atlaskit/lozenge';
+import { components } from '@atlaskit/select/react-select';
+import Lozenge from '@atlaskit/lozenge/lozenge';
 import { AvatarOrIcon } from './AvatarOrIcon';
 import { SizeableAvatar } from './SizeableAvatar';
 import { getAvatarUrl, isTeam, isGroup } from './utils';
-import { getAppearanceForAppType } from '@atlaskit/avatar';
-import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
+import getAppearanceForAppType from '@atlaskit/avatar/get-appearance';
+import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon/main';
 import { FormattedMessage } from 'react-intl';
 import { Box, Flex, Inline } from '@atlaskit/primitives/compiled';
 import { messages } from './i18n';

package/dist/esm/components/SingleValueContainer.js

@@ -13,11 +13,11 @@ import { ax, ix } from "@compiled/react/runtime";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
-import { components } from '@atlaskit/select';
+import { components } from '@atlaskit/select/react-select';
 import { AvatarOrIcon } from './AvatarOrIcon';
 import { SizeableAvatar } from './SizeableAvatar';
 import ValueContainerWrapper from './ValueContainerWrapper';
-import { getAppearanceForAppType } from '@atlaskit/avatar';
+import getAppearanceForAppType from '@atlaskit/avatar/get-appearance';
 var valueContainerStyles = {
   root: "_yv0e5bpd _ca0q12x7 _n3td12x7 _19bvze3t _1reo15vq _18m91wug _1fjgglyw _c71l1osq _1suq1j28 _1ke8idpf"
 };
@@ -65,7 +65,6 @@ export var SingleValueContainer = /*#__PURE__*/function (_React$Component) {
       }
       return null;
     });
-    //@ts-ignore react-select unsupported props
     _defineProperty(_this, "onValueContainerClick", _this.props.selectProps.onValueContainerClick);
     _defineProperty(_this, "Wrapper", function (_ref) {
       var children = _ref.children;

package/dist/esm/components/SizeableAvatar.js

@@ -8,7 +8,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-import Avatar from '@atlaskit/avatar';
+import Avatar from '@atlaskit/avatar/avatar';
 import TeamAvatar from '@atlaskit/teams-avatar/teams-avatar';
 import React from 'react';
 import { getAvatarSize } from './utils';

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

@@ -13,7 +13,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  */
 
 import { Inline } from '@atlaskit/primitives/compiled';
-import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
+import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon/main';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import React from 'react';