@atlaskit/user-picker 11.0.10 → 11.0.12

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/user-picker
 
+## 11.0.12
+
+### Patch Changes
+
+- Updated dependencies
+
+## 11.0.11
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 11.0.10
 
 ### Patch Changes

package/dist/cjs/analytics.js

@@ -12,7 +12,7 @@ var _utils = require("./components/utils");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "11.0.10";
+var packageVersion = "11.0.12";
 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/cjs/components/BaseUserPicker.js

@@ -518,7 +518,6 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
         autoFocus: autoFocus !== undefined ? autoFocus : menuIsOpen,
         "aria-labelledby": ariaLabelledBy,
         "aria-describedby": (0, _platformFeatureFlags.fg)('pass-aria-describedby-to-baseuserpicker') ? ariaDescribedBy : undefined,
-        "aria-label": ariaLabel,
         "aria-live": ariaLive,
         "aria-required": required // This has been added as a safety net.
         ,
@@ -534,6 +533,7 @@ var BaseUserPickerWithoutAnalytics = exports.BaseUserPickerWithoutAnalytics = /*
         loadingMessage: loadingMessage,
         menuPlacement: "auto",
         placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.placeholder),
+        label: ariaLabel,
         addMoreMessage: addMoreMessage,
         classNamePrefix: classNamePrefix,
         hoveringClearIndicator: hoveringClearIndicator,

package/dist/cjs/components/UserPicker.js

@@ -61,6 +61,7 @@ var UserPickerWithoutAnalytics = exports.UserPickerWithoutAnalytics = /*#__PURE_
   }, {
     key: "render",
     value: function render() {
+      var _this$props2;
       var _this$props = this.props,
         emailLabel = _this$props.emailLabel,
         allowEmail = _this$props.allowEmail,
@@ -104,7 +105,7 @@ var UserPickerWithoutAnalytics = exports.UserPickerWithoutAnalytics = /*#__PURE_
         styles: (0, _styles.getStyles)(width, isMulti, this.props.appearance === 'compact', this.props.styles, this.props.isInvalid,
         // eslint-disable-next-line @atlaskit/platform/no-preconditioning, @atlaskit/platform/ensure-feature-flag-prefix
         (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') && (0, _platformFeatureFlags.fg)('visual-refresh-user-picker')),
-        components: (0, _components.getComponents)(isMulti, anchor, showClearIndicator && (0, _platformFeatureFlags.fg)('user-picker-show-clear-indicator')),
+        components: (0, _components.getComponents)(isMulti, anchor, showClearIndicator && (0, _platformFeatureFlags.fg)('user-picker-show-clear-indicator'), (_this$props2 = this.props) !== null && _this$props2 !== void 0 && _this$props2.components ? this.props.components : {}),
         pickerProps: pickerProps
       })))));
     }

package/dist/cjs/components/components.js

@@ -23,14 +23,14 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 /**
  * Memoize getComponents to avoid rerenders.
  */
-var getComponents = exports.getComponents = (0, _memoizeOne.default)(function (multi, anchor, showClearIndicator) {
+var getComponents = exports.getComponents = (0, _memoizeOne.default)(function (multi, anchor, showClearIndicator, customComponents) {
   if (anchor) {
     return {
       Control: anchor,
       Option: _Option.Option
     };
   } else {
-    return {
+    return _objectSpread({
       MultiValue: _MultiValue.MultiValue,
       DropdownIndicator: null,
       SingleValue: _SingleValue.SingleValue,
@@ -40,7 +40,7 @@ var getComponents = exports.getComponents = (0, _memoizeOne.default)(function (m
       Input: _Input.Input,
       Menu: _Menu.Menu,
       Control: _Control.default
-    };
+    }, customComponents ? customComponents : {});
   }
 });
 var getPopupComponents = exports.getPopupComponents = (0, _memoizeOne.default)(function (hasPopupTitle) {

package/dist/es2019/analytics.js

@@ -2,7 +2,7 @@ import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 const packageName = "@atlaskit/user-picker";
-const packageVersion = "11.0.10";
+const packageVersion = "11.0.12";
 const 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}$/;
 const 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}$/;
 const UUID_REGEXP_NEW_AAID = /^[a-fA-F0-9]{24,24}$/;

package/dist/es2019/components/BaseUserPicker.js

@@ -499,7 +499,6 @@ export class BaseUserPickerWithoutAnalytics extends React.Component {
       autoFocus: autoFocus !== undefined ? autoFocus : menuIsOpen,
       "aria-labelledby": ariaLabelledBy,
       "aria-describedby": fg('pass-aria-describedby-to-baseuserpicker') ? ariaDescribedBy : undefined,
-      "aria-label": ariaLabel,
       "aria-live": ariaLive,
       "aria-required": required // This has been added as a safety net.
       ,
@@ -515,6 +514,7 @@ export class BaseUserPickerWithoutAnalytics extends React.Component {
       loadingMessage: loadingMessage,
       menuPlacement: "auto",
       placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : /*#__PURE__*/React.createElement(FormattedMessage, messages.placeholder),
+      label: ariaLabel,
       addMoreMessage: addMoreMessage,
       classNamePrefix: classNamePrefix,
       hoveringClearIndicator: hoveringClearIndicator,

package/dist/es2019/components/UserPicker.js

@@ -34,6 +34,7 @@ export class UserPickerWithoutAnalytics extends React.Component {
     }
   }
   render() {
+    var _this$props;
     const {
       emailLabel,
       allowEmail,
@@ -80,7 +81,7 @@ export class UserPickerWithoutAnalytics extends React.Component {
       styles: getStyles(width, isMulti, this.props.appearance === 'compact', this.props.styles, this.props.isInvalid,
       // eslint-disable-next-line @atlaskit/platform/no-preconditioning, @atlaskit/platform/ensure-feature-flag-prefix
       fg('platform-component-visual-refresh') && fg('visual-refresh-user-picker')),
-      components: getComponents(isMulti, anchor, showClearIndicator && fg('user-picker-show-clear-indicator')),
+      components: getComponents(isMulti, anchor, showClearIndicator && fg('user-picker-show-clear-indicator'), (_this$props = this.props) !== null && _this$props !== void 0 && _this$props.components ? this.props.components : {}),
       pickerProps: pickerProps
     })))));
   }

package/dist/es2019/components/components.js

@@ -10,11 +10,10 @@ import { PopupInput } from './PopupInput';
 import { PopupControl } from './PopupControl';
 import { Menu } from './Menu';
 import Control from './Control';
-
 /**
  * Memoize getComponents to avoid rerenders.
  */
-export const getComponents = memoizeOne((multi, anchor, showClearIndicator) => {
+export const getComponents = memoizeOne((multi, anchor, showClearIndicator, customComponents) => {
   if (anchor) {
     return {
       Control: anchor,
@@ -30,7 +29,8 @@ export const getComponents = memoizeOne((multi, anchor, showClearIndicator) => {
       ValueContainer: multi ? MultiValueContainer : SingleValueContainer,
       Input,
       Menu,
-      Control
+      Control,
+      ...(customComponents ? customComponents : {})
     };
   }
 });

package/dist/esm/analytics.js

@@ -5,7 +5,7 @@ import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "11.0.10";
+var packageVersion = "11.0.12";
 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/BaseUserPicker.js

@@ -511,7 +511,6 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         autoFocus: autoFocus !== undefined ? autoFocus : menuIsOpen,
         "aria-labelledby": ariaLabelledBy,
         "aria-describedby": fg('pass-aria-describedby-to-baseuserpicker') ? ariaDescribedBy : undefined,
-        "aria-label": ariaLabel,
         "aria-live": ariaLive,
         "aria-required": required // This has been added as a safety net.
         ,
@@ -527,6 +526,7 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         loadingMessage: loadingMessage,
         menuPlacement: "auto",
         placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : /*#__PURE__*/React.createElement(FormattedMessage, messages.placeholder),
+        label: ariaLabel,
         addMoreMessage: addMoreMessage,
         classNamePrefix: classNamePrefix,
         hoveringClearIndicator: hoveringClearIndicator,

package/dist/esm/components/UserPicker.js

@@ -51,6 +51,7 @@ export var UserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component)
   }, {
     key: "render",
     value: function render() {
+      var _this$props2;
       var _this$props = this.props,
         emailLabel = _this$props.emailLabel,
         allowEmail = _this$props.allowEmail,
@@ -94,7 +95,7 @@ export var UserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component)
         styles: getStyles(width, isMulti, this.props.appearance === 'compact', this.props.styles, this.props.isInvalid,
         // eslint-disable-next-line @atlaskit/platform/no-preconditioning, @atlaskit/platform/ensure-feature-flag-prefix
         fg('platform-component-visual-refresh') && fg('visual-refresh-user-picker')),
-        components: getComponents(isMulti, anchor, showClearIndicator && fg('user-picker-show-clear-indicator')),
+        components: getComponents(isMulti, anchor, showClearIndicator && fg('user-picker-show-clear-indicator'), (_this$props2 = this.props) !== null && _this$props2 !== void 0 && _this$props2.components ? this.props.components : {}),
         pickerProps: pickerProps
       })))));
     }

package/dist/esm/components/components.js

@@ -13,18 +13,17 @@ import { PopupInput } from './PopupInput';
 import { PopupControl } from './PopupControl';
 import { Menu } from './Menu';
 import Control from './Control';
-
 /**
  * Memoize getComponents to avoid rerenders.
  */
-export var getComponents = memoizeOne(function (multi, anchor, showClearIndicator) {
+export var getComponents = memoizeOne(function (multi, anchor, showClearIndicator, customComponents) {
   if (anchor) {
     return {
       Control: anchor,
       Option: Option
     };
   } else {
-    return {
+    return _objectSpread({
       MultiValue: MultiValue,
       DropdownIndicator: null,
       SingleValue: SingleValue,
@@ -34,7 +33,7 @@ export var getComponents = memoizeOne(function (multi, anchor, showClearIndicato
       Input: Input,
       Menu: Menu,
       Control: Control
-    };
+    }, customComponents ? customComponents : {});
   }
 });
 export var getPopupComponents = memoizeOne(function (hasPopupTitle) {

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

@@ -7,29 +7,37 @@ import { SingleValueContainer } from './SingleValueContainer';
 import { PopupInput } from './PopupInput';
 import { PopupControl } from './PopupControl';
 import { Menu } from './Menu';
+import { type SelectComponentsConfig } from '@atlaskit/select';
+import { type OptionData } from '../types';
 /**
  * Memoize getComponents to avoid rerenders.
  */
-export declare const getComponents: import("memoize-one").MemoizedFn<(multi?: boolean, anchor?: React.ComponentType<any>, showClearIndicator?: boolean) => {
+export declare const getComponents: import("memoize-one").MemoizedFn<(multi?: boolean, anchor?: React.ComponentType<any>, showClearIndicator?: boolean, customComponents?: SelectComponentsConfig<OptionData, boolean>) => {
     Control: import("react").ComponentType<any>;
     Option: import("react").FC<import("./Option").OptionProps>;
-    MultiValue?: undefined;
-    DropdownIndicator?: undefined;
-    SingleValue?: undefined;
-    ClearIndicator?: undefined;
-    ValueContainer?: undefined;
-    Input?: undefined;
-    Menu?: undefined;
 } | {
-    MultiValue: typeof MultiValue;
-    DropdownIndicator: null;
-    SingleValue: (props: import("./SingleValue").Props) => JSX.Element | null;
-    ClearIndicator: typeof ClearIndicator | null;
-    Option: import("react").FC<import("./Option").OptionProps>;
-    ValueContainer: typeof MultiValueContainer | typeof SingleValueContainer;
-    Input: typeof Input;
-    Menu: typeof Menu;
-    Control: (props: import("@atlaskit/select").ControlProps<any>) => JSX.Element;
+    Option: import("react").FC<import("./Option").OptionProps> | import("react").ComponentType<import("packages/design-system/react-select/dist/types").OptionProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
+    Group?: import("react").ComponentType<import("packages/design-system/react-select/dist/types").GroupProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
+    ClearIndicator: typeof ClearIndicator | import("react").ComponentType<import("@atlaskit/select").ClearIndicatorProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | null;
+    Control: ((props: import("@atlaskit/select").ControlProps<any>) => JSX.Element) | import("react").ComponentType<import("packages/design-system/react-select/dist/types").ControlProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
+    DropdownIndicator: import("react").ComponentType<import("@atlaskit/select").DropdownIndicatorProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | null;
+    GroupHeading?: import("react").ComponentType<import("packages/design-system/react-select/dist/types").GroupHeadingProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
+    IndicatorsContainer?: import("react").ComponentType<import("@atlaskit/select").IndicatorsContainerProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
+    Input: typeof Input | import("react").ComponentType<import("@atlaskit/select").InputProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
+    LoadingIndicator?: import("react").ComponentType<import("@atlaskit/select").LoadingIndicatorProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
+    Menu: typeof Menu | import("react").ComponentType<import("packages/design-system/react-select/dist/types").MenuProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
+    MenuList?: import("react").ComponentType<import("packages/design-system/react-select/dist/types").MenuListProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
+    MenuPortal?: import("react").ComponentType<import("packages/design-system/react-select/dist/types/components/menu").MenuPortalProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
+    LoadingMessage?: import("react").ComponentType<import("@atlaskit/select").NoticeProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
+    NoOptionsMessage?: import("react").ComponentType<import("@atlaskit/select").NoticeProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
+    MultiValue: typeof MultiValue | import("react").ComponentType<import("@atlaskit/select").MultiValueProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
+    MultiValueContainer?: import("react").ComponentType<import("@atlaskit/select").MultiValueGenericProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
+    MultiValueLabel?: import("react").ComponentType<import("@atlaskit/select").MultiValueGenericProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
+    MultiValueRemove?: import("react").ComponentType<import("@atlaskit/select").MultiValueRemoveProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
+    Placeholder?: import("react").ComponentType<import("packages/design-system/react-select/dist/types").PlaceholderProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
+    SelectContainer?: import("react").ComponentType<import("packages/design-system/react-select/dist/types").ContainerProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
+    SingleValue: ((props: import("./SingleValue").Props) => JSX.Element | null) | import("react").ComponentType<import("@atlaskit/select").SingleValueProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
+    ValueContainer: typeof MultiValueContainer | typeof SingleValueContainer | import("react").ComponentType<import("packages/design-system/react-select/dist/types").ValueContainerProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
 }>;
 export declare const getPopupComponents: import("memoize-one").MemoizedFn<(hasPopupTitle: boolean) => {
     DropdownIndicator: null;

package/dist/types-ts4.5/components/components.d.ts

@@ -7,29 +7,37 @@ import { SingleValueContainer } from './SingleValueContainer';
 import { PopupInput } from './PopupInput';
 import { PopupControl } from './PopupControl';
 import { Menu } from './Menu';
+import { type SelectComponentsConfig } from '@atlaskit/select';
+import { type OptionData } from '../types';
 /**
  * Memoize getComponents to avoid rerenders.
  */
-export declare const getComponents: import("memoize-one").MemoizedFn<(multi?: boolean, anchor?: React.ComponentType<any>, showClearIndicator?: boolean) => {
+export declare const getComponents: import("memoize-one").MemoizedFn<(multi?: boolean, anchor?: React.ComponentType<any>, showClearIndicator?: boolean, customComponents?: SelectComponentsConfig<OptionData, boolean>) => {
     Control: import("react").ComponentType<any>;
     Option: import("react").FC<import("./Option").OptionProps>;
-    MultiValue?: undefined;
-    DropdownIndicator?: undefined;
-    SingleValue?: undefined;
-    ClearIndicator?: undefined;
-    ValueContainer?: undefined;
-    Input?: undefined;
-    Menu?: undefined;
 } | {
-    MultiValue: typeof MultiValue;
-    DropdownIndicator: null;
-    SingleValue: (props: import("./SingleValue").Props) => JSX.Element | null;
-    ClearIndicator: typeof ClearIndicator | null;
-    Option: import("react").FC<import("./Option").OptionProps>;
-    ValueContainer: typeof MultiValueContainer | typeof SingleValueContainer;
-    Input: typeof Input;
-    Menu: typeof Menu;
-    Control: (props: import("@atlaskit/select").ControlProps<any>) => JSX.Element;
+    Option: import("react").FC<import("./Option").OptionProps> | import("react").ComponentType<import("packages/design-system/react-select/dist/types").OptionProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
+    Group?: import("react").ComponentType<import("packages/design-system/react-select/dist/types").GroupProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
+    ClearIndicator: typeof ClearIndicator | import("react").ComponentType<import("@atlaskit/select").ClearIndicatorProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | null;
+    Control: ((props: import("@atlaskit/select").ControlProps<any>) => JSX.Element) | import("react").ComponentType<import("packages/design-system/react-select/dist/types").ControlProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
+    DropdownIndicator: import("react").ComponentType<import("@atlaskit/select").DropdownIndicatorProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | null;
+    GroupHeading?: import("react").ComponentType<import("packages/design-system/react-select/dist/types").GroupHeadingProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
+    IndicatorsContainer?: import("react").ComponentType<import("@atlaskit/select").IndicatorsContainerProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
+    Input: typeof Input | import("react").ComponentType<import("@atlaskit/select").InputProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
+    LoadingIndicator?: import("react").ComponentType<import("@atlaskit/select").LoadingIndicatorProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
+    Menu: typeof Menu | import("react").ComponentType<import("packages/design-system/react-select/dist/types").MenuProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
+    MenuList?: import("react").ComponentType<import("packages/design-system/react-select/dist/types").MenuListProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
+    MenuPortal?: import("react").ComponentType<import("packages/design-system/react-select/dist/types/components/menu").MenuPortalProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
+    LoadingMessage?: import("react").ComponentType<import("@atlaskit/select").NoticeProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
+    NoOptionsMessage?: import("react").ComponentType<import("@atlaskit/select").NoticeProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
+    MultiValue: typeof MultiValue | import("react").ComponentType<import("@atlaskit/select").MultiValueProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
+    MultiValueContainer?: import("react").ComponentType<import("@atlaskit/select").MultiValueGenericProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
+    MultiValueLabel?: import("react").ComponentType<import("@atlaskit/select").MultiValueGenericProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
+    MultiValueRemove?: import("react").ComponentType<import("@atlaskit/select").MultiValueRemoveProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
+    Placeholder?: import("react").ComponentType<import("packages/design-system/react-select/dist/types").PlaceholderProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
+    SelectContainer?: import("react").ComponentType<import("packages/design-system/react-select/dist/types").ContainerProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>> | undefined;
+    SingleValue: ((props: import("./SingleValue").Props) => JSX.Element | null) | import("react").ComponentType<import("@atlaskit/select").SingleValueProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
+    ValueContainer: typeof MultiValueContainer | typeof SingleValueContainer | import("react").ComponentType<import("packages/design-system/react-select/dist/types").ValueContainerProps<OptionData, boolean, import("@atlaskit/select").GroupType<OptionData>>>;
 }>;
 export declare const getPopupComponents: import("memoize-one").MemoizedFn<(hasPopupTitle: boolean) => {
     DropdownIndicator: null;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "11.0.10",
+	"version": "11.0.12",
 	"description": "Fabric component for display a dropdown to select a user from",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -52,13 +52,13 @@
 		"@atlaskit/analytics-next": "^11.0.0",
 		"@atlaskit/avatar": "^25.0.0",
 		"@atlaskit/icon": "^25.6.0",
-		"@atlaskit/logo": "^16.0.0",
+		"@atlaskit/logo": "^18.0.0",
 		"@atlaskit/lozenge": "^12.2.0",
 		"@atlaskit/people-teams-ui-public": "^3.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.0.0",
-		"@atlaskit/primitives": "^14.4.0",
-		"@atlaskit/select": "^20.3.0",
+		"@atlaskit/primitives": "^14.6.0",
+		"@atlaskit/select": "^20.4.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/teams-avatar": "^2.3.0",
 		"@atlaskit/theme": "^18.0.0",
@@ -79,9 +79,9 @@
 	},
 	"devDependencies": {
 		"@atlaskit/analytics-viewer": "^0.8.0",
-		"@atlaskit/elements-test-helpers": "^0.9.0",
+		"@atlaskit/elements-test-helpers": "workspace:^",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/visual-regression": "^0.10.0",
+		"@atlaskit/visual-regression": "workspace:^",
 		"@atlassian/feature-flags-test-utils": "^0.3.0",
 		"@emotion/styled": "^11.0.0",
 		"@testing-library/dom": "^10.1.0",