@atlaskit/user-picker 9.1.0 → 9.2.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/user-picker
 
+## 9.2.1
+
+### Patch Changes
+
+- [`607b182bb8a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/607b182bb8a) - Add typecasting to prevent type errors during multivaluecontainer placeholder translations. Also fix warnings for importing json attributes from version.json for analytics.
+
+## 9.2.0
+
+### Minor Changes
+
+- [`64dc40c32bc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/64dc40c32bc) - Add support for aria-labelledby and aria-live
+
+## 9.1.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 9.1.0
 
 ### Minor Changes

package/dist/cjs/analytics.js

@@ -13,7 +13,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 
 var _uuid = require("uuid");
 
-var _version = require("./version.json");
+var _version = _interopRequireDefault(require("./version.json"));
 
 var _utils = require("./components/utils");
 
@@ -21,6 +21,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+var packageName = _version.default.name;
+var packageVersion = _version.default.version;
 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}$/;
@@ -47,8 +49,8 @@ var createEvent = function createEvent(eventType, action, actionSubject) {
     action: action,
     actionSubject: actionSubject,
     attributes: _objectSpread({
-      packageName: _version.name,
-      packageVersion: _version.version
+      packageName: packageName,
+      packageVersion: packageVersion
     }, attributes)
   };
 };

package/dist/cjs/components/BaseUserPicker.js

@@ -516,7 +516,9 @@ var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
           fieldId = _this$props4.fieldId,
           inputId = _this$props4.inputId,
           maxPickerHeight = _this$props4.maxPickerHeight,
-          textFieldBackgroundColor = _this$props4.textFieldBackgroundColor;
+          textFieldBackgroundColor = _this$props4.textFieldBackgroundColor,
+          ariaLabelledBy = _this$props4.ariaLabelledBy,
+          ariaLive = _this$props4.ariaLive;
       var _this$state3 = this.state,
           count = _this$state3.count,
           hoveringClearIndicator = _this$state3.hoveringClearIndicator,
@@ -528,6 +530,8 @@ var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react.default.createElement(SelectComponent, (0, _extends2.default)({
         value: value,
         autoFocus: autoFocus !== undefined ? autoFocus : menuIsOpen,
+        "aria-labelledby": ariaLabelledBy,
+        "aria-live": ariaLive,
         ref: this.handleSelectRef,
         isMulti: isMulti,
         options: this.getOptions(),

package/dist/cjs/components/MultiValueContainer.js

@@ -95,7 +95,16 @@ var MultiValueContainer = /*#__PURE__*/function (_React$PureComponent) {
 
       if (addMoreMessage === undefined) {
         return /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _i18n.messages.addMore, function (addMore) {
-          return _this.addPlaceholder(addMore);
+          var _join, _addMoreMessages;
+
+          var addMoreMessages = addMore;
+
+          if (addMore && typeof addMore === 'string') {
+            addMoreMessages = [addMore];
+          }
+
+          var placeholder = (_join = (_addMoreMessages = addMoreMessages) === null || _addMoreMessages === void 0 ? void 0 : _addMoreMessages.join('')) !== null && _join !== void 0 ? _join : '';
+          return _this.addPlaceholder(placeholder);
         });
       }
 

package/dist/cjs/version.json

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

package/dist/es2019/analytics.js

@@ -1,7 +1,9 @@
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { v4 as uuidv4 } from 'uuid';
-import { name as packageName, version as packageVersion } from './version.json';
+import versionJson from './version.json';
 import { isExternalUser } from './components/utils';
+const packageName = versionJson.name;
+const packageVersion = versionJson.version;
 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

@@ -470,7 +470,9 @@ export class BaseUserPickerWithoutAnalytics extends React.Component {
       fieldId,
       inputId,
       maxPickerHeight,
-      textFieldBackgroundColor
+      textFieldBackgroundColor,
+      ariaLabelledBy,
+      ariaLive
     } = this.props;
     const {
       count,
@@ -484,6 +486,8 @@ export class BaseUserPickerWithoutAnalytics extends React.Component {
     return /*#__PURE__*/React.createElement(SelectComponent, _extends({
       value: value,
       autoFocus: autoFocus !== undefined ? autoFocus : menuIsOpen,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-live": ariaLive,
       ref: this.handleSelectRef,
       isMulti: isMulti,
       options: this.getOptions(),

package/dist/es2019/components/MultiValueContainer.js

@@ -67,7 +67,18 @@ export class MultiValueContainer extends React.PureComponent {
       }
 
       if (addMoreMessage === undefined) {
-        return /*#__PURE__*/React.createElement(FormattedMessage, messages.addMore, addMore => this.addPlaceholder(addMore));
+        return /*#__PURE__*/React.createElement(FormattedMessage, messages.addMore, addMore => {
+          var _join, _addMoreMessages;
+
+          let addMoreMessages = addMore;
+
+          if (addMore && typeof addMore === 'string') {
+            addMoreMessages = [addMore];
+          }
+
+          const placeholder = (_join = (_addMoreMessages = addMoreMessages) === null || _addMoreMessages === void 0 ? void 0 : _addMoreMessages.join('')) !== null && _join !== void 0 ? _join : '';
+          return this.addPlaceholder(placeholder);
+        });
       }
 
       return this.addPlaceholder(addMoreMessage);

package/dist/es2019/version.json

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

package/dist/esm/analytics.js

@@ -6,8 +6,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { v4 as uuidv4 } from 'uuid';
-import { name as packageName, version as packageVersion } from './version.json';
+import versionJson from './version.json';
 import { isExternalUser } from './components/utils';
+var packageName = versionJson.name;
+var packageVersion = versionJson.version;
 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

@@ -518,7 +518,9 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
           fieldId = _this$props4.fieldId,
           inputId = _this$props4.inputId,
           maxPickerHeight = _this$props4.maxPickerHeight,
-          textFieldBackgroundColor = _this$props4.textFieldBackgroundColor;
+          textFieldBackgroundColor = _this$props4.textFieldBackgroundColor,
+          ariaLabelledBy = _this$props4.ariaLabelledBy,
+          ariaLive = _this$props4.ariaLive;
       var _this$state3 = this.state,
           count = _this$state3.count,
           hoveringClearIndicator = _this$state3.hoveringClearIndicator,
@@ -530,6 +532,8 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
       return /*#__PURE__*/React.createElement(SelectComponent, _extends({
         value: value,
         autoFocus: autoFocus !== undefined ? autoFocus : menuIsOpen,
+        "aria-labelledby": ariaLabelledBy,
+        "aria-live": ariaLive,
         ref: this.handleSelectRef,
         isMulti: isMulti,
         options: this.getOptions(),

package/dist/esm/components/MultiValueContainer.js

@@ -77,7 +77,16 @@ export var MultiValueContainer = /*#__PURE__*/function (_React$PureComponent) {
 
       if (addMoreMessage === undefined) {
         return /*#__PURE__*/React.createElement(FormattedMessage, messages.addMore, function (addMore) {
-          return _this.addPlaceholder(addMore);
+          var _join, _addMoreMessages;
+
+          var addMoreMessages = addMore;
+
+          if (addMore && typeof addMore === 'string') {
+            addMoreMessages = [addMore];
+          }
+
+          var placeholder = (_join = (_addMoreMessages = addMoreMessages) === null || _addMoreMessages === void 0 ? void 0 : _addMoreMessages.join('')) !== null && _join !== void 0 ? _join : '';
+          return _this.addPlaceholder(placeholder);
         });
       }
 

package/dist/esm/version.json

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

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

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

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

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

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

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

package/dist/types/types.d.ts

@@ -132,6 +132,10 @@ export declare type UserPickerProps = WithAnalyticsEventsProps & {
     closeMenuOnScroll?: boolean | EventListener;
     /** Whether to block scrolling actions */
     menuShouldBlockScroll?: boolean;
+    /** Accessibility: Identifies the element (or elements) that labels the current element.*/
+    ariaLabelledBy?: string;
+    /** Accessibility: Used to set the priority with which screen reader should treat updates to live regions.*/
+    ariaLive?: 'polite' | 'off' | 'assertive';
 };
 export declare type PopupUserPickerProps = UserPickerProps & {
     /** Whether to use the popup version of the single picker */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/user-picker",
-  "version": "9.1.0",
+  "version": "9.2.1",
   "description": "Fabric component for display a dropdown to select a user from",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -27,12 +27,12 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
-    "@atlaskit/avatar": "^20.5.0",
+    "@atlaskit/avatar": "^21.0.0",
     "@atlaskit/icon": "^21.10.0",
-    "@atlaskit/logo": "^13.6.0",
+    "@atlaskit/logo": "^13.7.0",
     "@atlaskit/lozenge": "^11.0.0",
     "@atlaskit/popper": "^5.0.0",
-    "@atlaskit/select": "^15.2.0",
+    "@atlaskit/select": "^15.3.0",
     "@atlaskit/spinner": "^15.1.4",
     "@atlaskit/theme": "^12.1.0",
     "@atlaskit/tokens": "^0.10.0",
@@ -59,7 +59,7 @@
     "@atlaskit/range": "^6.0.0",
     "@atlaskit/section-message": "^6.0.0",
     "@atlaskit/textfield": "^5.0.0",
-    "@atlaskit/util-data-test": "^17.2.0",
+    "@atlaskit/util-data-test": "^17.3.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@emotion/styled": "^10.0.7",
     "@testing-library/dom": "^7.7.3",

package/report.api.md

@@ -0,0 +1,490 @@
+## API Report File for "@atlaskit/user-picker"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+import { Placement } from '@atlaskit/popper';
+import { default as React_2 } from 'react';
+import { ReactNode } from 'react';
+import { StylesConfig } from '@atlaskit/select';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+
+// @public (undocumented)
+export type ActionTypes =
+  | 'select-option'
+  | 'deselect-option'
+  | 'remove-value'
+  | 'pop-value'
+  | 'set-value'
+  | 'clear'
+  | 'create-option';
+
+// @public (undocumented)
+export type Appearance = 'normal' | 'compact';
+
+// @public (undocumented)
+export type AtlasKitSelectChange = (
+  value: AtlaskitSelectValue,
+  extraInfo: {
+    removedValue?: Option_2;
+    option?: Option_2;
+    action: ActionTypes;
+  },
+) => void;
+
+// @public (undocumented)
+export type AtlaskitSelectValue = Option_2 | Array<Option_2> | null | undefined;
+
+// @public (undocumented)
+export type DefaultValue = Value | OptionIdentifier | OptionIdentifier[];
+
+// @public (undocumented)
+export interface Email extends OptionData {
+  // (undocumented)
+  suggestion?: boolean;
+  // (undocumented)
+  type: 'email';
+}
+
+// @public (undocumented)
+export const EmailType = 'email';
+
+// @public (undocumented)
+export type EmailValidationResponse = 'INVALID' | 'POTENTIAL' | 'VALID';
+
+// @public (undocumented)
+export type EmailValidator = (inputText: string) => EmailValidationResponse;
+
+// @public (undocumented)
+export interface ExternalUser extends User {
+  // (undocumented)
+  externalUserType?: 'crossSite' | 'thirdParty';
+  // (undocumented)
+  requiresSourceHydration?: boolean;
+  // (undocumented)
+  sources: UserSource[];
+}
+
+// @public (undocumented)
+export interface Group extends OptionData {
+  // (undocumented)
+  highlight?: GroupHighlight;
+  // (undocumented)
+  type: 'group';
+}
+
+// @public (undocumented)
+export interface GroupHighlight {
+  // (undocumented)
+  name: HighlightRange[];
+}
+
+// @public (undocumented)
+export const GroupType = 'group';
+
+// @public (undocumented)
+export interface HighlightRange {
+  // (undocumented)
+  end: number;
+  // (undocumented)
+  start: number;
+}
+
+// @public (undocumented)
+export type InputActionTypes =
+  | 'set-value'
+  | 'input-change'
+  | 'input-blur'
+  | 'menu-close';
+
+// @public (undocumented)
+export const isEmail: (option: OptionData) => option is Email;
+
+// @public (undocumented)
+export const isExternalUser: (option: OptionData) => option is ExternalUser;
+
+// @public (undocumented)
+export const isTeam: (option: OptionData) => option is Team;
+
+// @public (undocumented)
+export const isUser: (option: OptionData) => option is User;
+
+// @public (undocumented)
+export const isValidEmail: EmailValidator;
+
+// @public (undocumented)
+export interface LoadOptions {
+  // (undocumented)
+  (searchText?: string, sessionId?: string):
+    | Promisable<OptionData | OptionData[]>
+    | Iterable<
+        Promisable<OptionData[] | OptionData> | OptionData | OptionData[]
+      >;
+}
+
+// @public (undocumented)
+export interface LozengeProps {
+  // (undocumented)
+  appearance?: LozengeColor;
+  // (undocumented)
+  isBold?: boolean;
+  // (undocumented)
+  text: string;
+  // (undocumented)
+  tooltip?: string;
+}
+
+// @public (undocumented)
+export type OnChange = (value: Value, action: ActionTypes) => void;
+
+// @public (undocumented)
+export type OnInputChange = (query?: string, sessionId?: string) => void;
+
+// @public (undocumented)
+export type OnOption = (value: Value, sessionId?: string) => void;
+
+// @public (undocumented)
+export type OnPicker = (sessionId?: string) => void;
+
+// @public (undocumented)
+type Option_2<Data = OptionData> = {
+  label: string;
+  value: string;
+  data: Data;
+};
+export { Option_2 as Option };
+
+// @public (undocumented)
+export interface OptionData {
+  // (undocumented)
+  avatarUrl?: any;
+  // (undocumented)
+  fixed?: boolean;
+  // (undocumented)
+  id: string;
+  // (undocumented)
+  lozenge?: string | LozengeProps;
+  // (undocumented)
+  name: string;
+  // (undocumented)
+  type?: 'user' | 'team' | 'email' | 'group';
+}
+
+// @public (undocumented)
+export type OptionIdentifier = Pick<OptionData, 'id' | 'type'>;
+
+// @public (undocumented)
+export const PopupUserPicker: React_2.ForwardRefExoticComponent<
+  Pick<
+    Omit<PopupUserPickerProps, keyof WithAnalyticsEventsProps>,
+    | 'target'
+    | 'autoFocus'
+    | 'captureMenuScroll'
+    | 'closeMenuOnScroll'
+    | 'inputId'
+    | 'isClearable'
+    | 'isDisabled'
+    | 'isLoading'
+    | 'menuPosition'
+    | 'menuPortalTarget'
+    | 'menuShouldBlockScroll'
+    | 'noOptionsMessage'
+    | 'onBlur'
+    | 'onChange'
+    | 'onFocus'
+    | 'onInputChange'
+    | 'options'
+    | 'placeholder'
+    | 'styles'
+    | 'value'
+    | 'defaultValue'
+    | 'fieldId'
+    | 'menuMinWidth'
+    | 'maxPickerHeight'
+    | 'textFieldBackgroundColor'
+    | 'loadOptions'
+    | 'loadUserSource'
+    | 'search'
+    | 'anchor'
+    | 'open'
+    | 'onSelection'
+    | 'onClear'
+    | 'onClose'
+    | 'appearance'
+    | 'subtle'
+    | 'noBorder'
+    | 'addMoreMessage'
+    | 'clearValueLabel'
+    | 'allowEmail'
+    | 'suggestEmailsForDomain'
+    | 'emailLabel'
+    | 'disableInput'
+    | 'isValidEmail'
+    | 'maxOptions'
+    | 'ariaLabelledBy'
+    | 'ariaLive'
+    | 'popupTitle'
+  > &
+    Partial<
+      Pick<
+        Omit<PopupUserPickerProps, keyof WithAnalyticsEventsProps>,
+        | 'isMulti'
+        | 'width'
+        | 'offset'
+        | 'boundariesElement'
+        | 'placement'
+        | 'rootBoundary'
+        | 'shouldFlip'
+      >
+    > &
+    Partial<
+      Pick<
+        {
+          boundariesElement: string;
+          width: number;
+          isMulti: boolean;
+          offset: number[];
+          placement: string;
+          rootBoundary: string;
+          shouldFlip: boolean;
+        },
+        never
+      >
+    > &
+    React_2.RefAttributes<any>
+>;
+
+// @public (undocumented)
+export type PopupUserPickerProps = UserPickerProps & {
+  target: Target;
+  popupTitle?: string;
+  boundariesElement?: BoundariesElement;
+  offset?: [number, number];
+  placement?: Placement;
+  rootBoundary?: RootBoundary;
+  shouldFlip?: boolean;
+};
+
+// @public (undocumented)
+export type Promisable<T> = T | PromiseLike<T>;
+
+// @public (undocumented)
+export type Target = (options: { ref: any; isOpen: boolean }) => ReactNode;
+
+// @public (undocumented)
+export interface Team extends OptionData {
+  // (undocumented)
+  avatarUrl?: string;
+  // (undocumented)
+  description?: string;
+  // (undocumented)
+  highlight?: TeamHighlight;
+  // (undocumented)
+  includesYou?: boolean;
+  // (undocumented)
+  memberCount?: number;
+  // (undocumented)
+  members?: TeamMember[];
+  // (undocumented)
+  type: 'team';
+}
+
+// @public (undocumented)
+export interface TeamHighlight {
+  // (undocumented)
+  description?: HighlightRange[];
+  // (undocumented)
+  name: HighlightRange[];
+}
+
+// @public (undocumented)
+export interface TeamMember {
+  // (undocumented)
+  id: string;
+  // (undocumented)
+  name: string;
+}
+
+// @public (undocumented)
+export const TeamType = 'team';
+
+// @public (undocumented)
+export interface User extends OptionData {
+  // (undocumented)
+  avatarUrl?: string;
+  // (undocumented)
+  byline?: string;
+  // (undocumented)
+  email?: string;
+  // (undocumented)
+  highlight?: UserHighlight;
+  // (undocumented)
+  isExternal?: boolean;
+  // (undocumented)
+  publicName?: string;
+  // (undocumented)
+  type?: 'user';
+}
+
+// @public (undocumented)
+export interface UserHighlight {
+  // (undocumented)
+  name: HighlightRange[];
+  // (undocumented)
+  publicName: HighlightRange[];
+}
+
+// @public (undocumented)
+const UserPicker: React_2.ForwardRefExoticComponent<
+  Pick<
+    Omit<UserPickerProps, keyof WithAnalyticsEventsProps>,
+    | 'autoFocus'
+    | 'captureMenuScroll'
+    | 'closeMenuOnScroll'
+    | 'inputId'
+    | 'isClearable'
+    | 'isDisabled'
+    | 'isLoading'
+    | 'menuPosition'
+    | 'menuPortalTarget'
+    | 'menuShouldBlockScroll'
+    | 'noOptionsMessage'
+    | 'onBlur'
+    | 'onChange'
+    | 'onFocus'
+    | 'onInputChange'
+    | 'options'
+    | 'placeholder'
+    | 'styles'
+    | 'value'
+    | 'defaultValue'
+    | 'fieldId'
+    | 'menuMinWidth'
+    | 'maxPickerHeight'
+    | 'textFieldBackgroundColor'
+    | 'loadOptions'
+    | 'loadUserSource'
+    | 'search'
+    | 'anchor'
+    | 'open'
+    | 'onSelection'
+    | 'onClear'
+    | 'onClose'
+    | 'appearance'
+    | 'subtle'
+    | 'noBorder'
+    | 'addMoreMessage'
+    | 'clearValueLabel'
+    | 'allowEmail'
+    | 'suggestEmailsForDomain'
+    | 'emailLabel'
+    | 'disableInput'
+    | 'isValidEmail'
+    | 'maxOptions'
+    | 'ariaLabelledBy'
+    | 'ariaLive'
+  > &
+    Partial<
+      Pick<
+        Omit<UserPickerProps, keyof WithAnalyticsEventsProps>,
+        'isMulti' | 'width'
+      >
+    > &
+    Partial<
+      Pick<
+        {
+          width: number;
+          isMulti: boolean;
+        },
+        never
+      >
+    > &
+    React_2.RefAttributes<any>
+>;
+export default UserPicker;
+
+// @public (undocumented)
+export type UserPickerProps = WithAnalyticsEventsProps & {
+  fieldId: string | null;
+  options?: OptionData[];
+  width?: number | string;
+  menuMinWidth?: number;
+  maxPickerHeight?: number;
+  textFieldBackgroundColor?: boolean;
+  loadOptions?: LoadOptions;
+  loadUserSource?: LoadUserSource;
+  onChange?: OnChange;
+  isMulti?: boolean;
+  search?: string;
+  anchor?: React_2.ComponentType<any>;
+  open?: boolean;
+  isLoading?: boolean;
+  onInputChange?: OnInputChange;
+  onSelection?: OnOption;
+  onFocus?: OnPicker;
+  onBlur?: OnPicker;
+  onClear?: OnPicker;
+  onClose?: OnPicker;
+  appearance?: Appearance;
+  subtle?: boolean;
+  noBorder?: boolean;
+  styles?: StylesConfig;
+  defaultValue?: DefaultValue;
+  placeholder?: React_2.ReactNode;
+  addMoreMessage?: string;
+  noOptionsMessage?:
+    | ((value: { inputValue: string }) => string | null)
+    | string
+    | null;
+  value?: Value;
+  isDisabled?: boolean;
+  isClearable?: boolean;
+  clearValueLabel?: string;
+  menuPosition?: 'absolute' | 'fixed';
+  captureMenuScroll?: boolean;
+  menuPortalTarget?: HTMLElement;
+  allowEmail?: boolean;
+  suggestEmailsForDomain?: string;
+  emailLabel?: string;
+  disableInput?: boolean;
+  isValidEmail?: EmailValidator;
+  autoFocus?: boolean;
+  maxOptions?: number;
+  inputId?: string;
+  closeMenuOnScroll?: boolean | EventListener;
+  menuShouldBlockScroll?: boolean;
+  ariaLabelledBy?: string;
+  ariaLive?: 'polite' | 'off' | 'assertive';
+};
+
+// @public (undocumented)
+export type UserPickerState = {
+  options: OptionData[];
+  value?: AtlaskitSelectValue;
+  isDefaultSet: boolean;
+  inflightRequest: number;
+  count: number;
+  hoveringClearIndicator: boolean;
+  menuIsOpen: boolean;
+  inputValue: string;
+  resolving: boolean;
+};
+
+// @public (undocumented)
+export type UserSource =
+  | 'google'
+  | 'slack'
+  | 'microsoft'
+  | 'github'
+  | 'jira'
+  | 'confluence'
+  | 'other-atlassian';
+
+// @public (undocumented)
+export const UserType = 'user';
+
+// @public (undocumented)
+export type Value = OptionData | OptionData[] | null | undefined;
+
+// (No @packageDocumentation comment for this package)
+```