@atlaskit/user-picker 11.13.2 → 11.14.0

package/dist/esm/components/BaseUserPicker.js

@@ -27,7 +27,6 @@ import { messages } from './i18n';
 import { callCallback, extractOptionValue, getOptions, isIterable, isPopupUserPickerByComponent, isDefaultValuePopulated, isSingleValue, optionToSelectableOptions } from './utils';
 import { groupOptionsByType } from '../util/group-options-by-type';
 import { userPickerOptionsShownUfoExperience } from '../util/ufoExperiences';
-import { fg } from '@atlaskit/platform-feature-flags';
 var loadingMessage = function loadingMessage() {
   return null;
 };
@@ -531,10 +530,8 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         name: name,
         value: value,
         autoFocus: autoFocus !== undefined ? autoFocus : menuIsOpen,
-        labelId: fg('user_picker_migrate_aria_label_description') ? ariaLabelledBy !== null && ariaLabelledBy !== void 0 ? ariaLabelledBy : ariaLabelledByStandard : undefined,
-        "aria-labelledby": fg('user_picker_migrate_aria_label_description') ? undefined : ariaLabelledBy,
-        descriptionId: fg('user_picker_migrate_aria_label_description') ? ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : ariaDescribedByStandard : undefined,
-        "aria-describedby": fg('user_picker_migrate_aria_label_description') ? undefined : ariaDescribedBy,
+        labelId: ariaLabelledBy !== null && ariaLabelledBy !== void 0 ? ariaLabelledBy : ariaLabelledByStandard,
+        descriptionId: ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : ariaDescribedByStandard,
         "aria-live": ariaLive,
         "aria-required": required // This has been added as a safety net.
         ,
@@ -587,7 +584,7 @@ export var BaseUserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Compon
         textFieldBackgroundColor: textFieldBackgroundColor,
         header: header,
         placeholderAvatar: placeholderAvatar
-      }, fg('user_picker_migrate_aria_label_description') ? restAriaProps : this.ariaProps, pickerProps, UNSAFE_hasDraggableParentComponent && {
+      }, restAriaProps, pickerProps, UNSAFE_hasDraggableParentComponent && {
         onValueContainerClick: this.handleClickDraggableParentComponent
       }, menuOpenDeciderProps));
     }

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

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
@@ -16,6 +17,7 @@ import { FormattedMessage } from 'react-intl-next';
 import { css, jsx } from '@emotion/react';
 import { N20, B400, N800, N200 } from '@atlaskit/theme/colors';
 import PeopleIcon from '@atlaskit/icon/core/migration/people-group--people';
+import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
 import { AvatarItemOption, textWrapper } from '../AvatarItemOption';
 import { messages } from '../i18n';
 import { HighlightText } from '../HighlightText';
@@ -63,15 +65,34 @@ export var GroupOption = /*#__PURE__*/function (_React$PureComponent) {
         spacing: "spacious"
       }));
     });
+    _defineProperty(_this, "renderVerifiedIcon", function () {
+      return jsx(VerifiedTeamIcon, {
+        label: "",
+        size: "small",
+        spacing: "none"
+      });
+    });
     _defineProperty(_this, "renderByline", function () {
       var _this$props2 = _this.props,
         isSelected = _this$props2.isSelected,
-        group = _this$props2.group;
+        group = _this$props2.group,
+        includeTeamsUpdates = _this$props2.includeTeamsUpdates;
+      var getGroupByline = function getGroupByline() {
+        if (includeTeamsUpdates) {
+          return jsx(FormattedMessage, _extends({}, messages.adminManagedGroupByline, {
+            values: {
+              verifiedIcon: _this.renderVerifiedIcon()
+            }
+          }));
+        } else {
+          return jsx(FormattedMessage, messages.groupByline);
+        }
+      };
       return jsx("span", {
         // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         css: textWrapper(isSelected ? "var(--ds-text-selected, ".concat(B400, ")") : "var(--ds-text-subtlest, ".concat(N200, ")")),
         "data-testid": "user-picker-group-secondary-text"
-      }, group.byline ? group.byline : jsx(FormattedMessage, messages.groupByline));
+      }, group.byline ? group.byline : getGroupByline());
     });
     _defineProperty(_this, "getLozengeProps", function () {
       return typeof _this.props.group.lozenge === 'string' ? {

package/dist/esm/components/Option.js

@@ -54,13 +54,15 @@ var dataOption = function dataOption(_ref2) {
   if (isTeam(data)) {
     return /*#__PURE__*/React.createElement(AsyncTeamOption, {
       team: data,
-      isSelected: isSelected
+      isSelected: isSelected,
+      includeTeamsUpdates: data.includeTeamsUpdates
     });
   }
   if (isGroup(data)) {
     return /*#__PURE__*/React.createElement(AsyncGroupOption, {
       group: data,
-      isSelected: isSelected
+      isSelected: isSelected,
+      includeTeamsUpdates: data.includeTeamsUpdates
     });
   }
   if (isCustom(data)) {

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

@@ -31,10 +31,12 @@ export var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
     }
     _this = _callSuper(this, TeamOption, [].concat(args));
     _defineProperty(_this, "getPrimaryText", function () {
-      var _this$props$team = _this.props.team,
+      var _this$props = _this.props,
+        _this$props$team = _this$props.team,
         name = _this$props$team.name,
         highlight = _this$props$team.highlight,
-        verified = _this$props$team.verified;
+        verified = _this$props$team.verified,
+        includeTeamsUpdates = _this$props.includeTeamsUpdates;
       return [jsx("span", {
         key: "name"
         // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
@@ -44,14 +46,17 @@ export var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
         alignBlock: "center"
       }, jsx(HighlightText, {
         highlights: highlight && highlight.name
-      }, name), verified && jsx(VerifiedTeamIcon, null)))];
+      }, name), verified && !includeTeamsUpdates && _this.renderVerifiedIcon()))];
     });
     _defineProperty(_this, "renderByline", function () {
-      var _this$props = _this.props,
-        isSelected = _this$props.isSelected,
-        _this$props$team2 = _this$props.team,
-        memberCount = _this$props$team2.memberCount,
-        includesYou = _this$props$team2.includesYou;
+      var _this$props2 = _this.props,
+        isSelected = _this$props2.isSelected,
+        _this$props2$team = _this$props2.team,
+        memberCount = _this$props2$team.memberCount,
+        includesYou = _this$props2$team.includesYou,
+        verified = _this$props2$team.verified,
+        includeTeamsUpdates = _this$props2.includeTeamsUpdates;
+      var isVerified = includeTeamsUpdates && verified;
 
       // if Member count is missing, do not show the byline, regardless of the availability of includesYou
       if (memberCount === null || typeof memberCount === 'undefined') {
@@ -59,9 +64,18 @@ export var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
       } else {
         if (includesYou === true) {
           if (memberCount > 50) {
-            return _this.getBylineComponent(isSelected, jsx(FormattedMessage, messages.plus50MembersWithYou));
+            return _this.getBylineComponent(isSelected, isVerified ? jsx(FormattedMessage, _extends({}, messages.officialPlus50MembersWithYou, {
+              values: {
+                verifiedIcon: _this.renderVerifiedIcon()
+              }
+            })) : jsx(FormattedMessage, messages.plus50MembersWithYou));
           } else {
-            return _this.getBylineComponent(isSelected, jsx(FormattedMessage, _extends({}, messages.memberCountWithYou, {
+            return _this.getBylineComponent(isSelected, isVerified ? jsx(FormattedMessage, _extends({}, messages.officialMemberCountWithYou, {
+              values: {
+                verifiedIcon: _this.renderVerifiedIcon(),
+                count: memberCount
+              }
+            })) : jsx(FormattedMessage, _extends({}, messages.memberCountWithYou, {
               values: {
                 count: memberCount
               }
@@ -69,9 +83,18 @@ export var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
           }
         } else {
           if (memberCount > 50) {
-            return _this.getBylineComponent(isSelected, jsx(FormattedMessage, messages.plus50MembersWithoutYou));
+            return _this.getBylineComponent(isSelected, isVerified ? jsx(FormattedMessage, _extends({}, messages.officialPlus50MembersWithoutYou, {
+              values: {
+                verifiedIcon: _this.renderVerifiedIcon()
+              }
+            })) : jsx(FormattedMessage, messages.plus50MembersWithoutYou));
           } else {
-            return _this.getBylineComponent(isSelected, jsx(FormattedMessage, _extends({}, messages.memberCountWithoutYou, {
+            return _this.getBylineComponent(isSelected, isVerified ? jsx(FormattedMessage, _extends({}, messages.officialMemberCountWithoutYou, {
+              values: {
+                verifiedIcon: _this.renderVerifiedIcon(),
+                count: memberCount
+              }
+            })) : jsx(FormattedMessage, _extends({}, messages.memberCountWithoutYou, {
               values: {
                 count: memberCount
               }
@@ -95,14 +118,24 @@ export var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
         type: "team"
       });
     });
+    _defineProperty(_this, "renderVerifiedIcon", function () {
+      if (_this.props.team.verified) {
+        return jsx(VerifiedTeamIcon, {
+          label: "",
+          size: "small",
+          spacing: "none"
+        });
+      }
+      return undefined;
+    });
     _defineProperty(_this, "getLozengeProps", function () {
       return typeof _this.props.team.lozenge === 'string' ? {
         text: _this.props.team.lozenge
       } : _this.props.team.lozenge;
     });
     _defineProperty(_this, "renderCustomByLine", function () {
-      var _this$props$team3;
-      if (!((_this$props$team3 = _this.props.team) !== null && _this$props$team3 !== void 0 && _this$props$team3.byline)) {
+      var _this$props$team2;
+      if (!((_this$props$team2 = _this.props.team) !== null && _this$props$team2 !== void 0 && _this$props$team2.byline)) {
         return undefined;
       }
       return jsx("span", {

package/dist/esm/components/UserPicker.js

@@ -70,7 +70,9 @@ export var UserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component)
         _this$props$required = _this$props.required,
         required = _this$props$required === void 0 ? false : _this$props$required,
         _this$props$showClear = _this$props.showClearIndicator,
-        showClearIndicator = _this$props$showClear === void 0 ? false : _this$props$showClear;
+        showClearIndicator = _this$props$showClear === void 0 ? false : _this$props$showClear,
+        _this$props$includeTe = _this$props.includeTeamsUpdates,
+        includeTeamsUpdates = _this$props$includeTe === void 0 ? false : _this$props$includeTe;
       var width = this.props.width;
       var SelectComponent = allowEmail ? CreatableSelect : Select;
       var creatableProps = suggestEmailsForDomain ? getCreatableSuggestedEmailProps(suggestEmailsForDomain, isValidEmail) : getCreatableProps(isValidEmail);
@@ -80,7 +82,8 @@ export var UserPickerWithoutAnalytics = /*#__PURE__*/function (_React$Component)
         menuPosition: menuPosition,
         menuShouldBlockScroll: menuShouldBlockScroll,
         captureMenuScroll: captureMenuScroll,
-        required: required
+        required: required,
+        includeTeamsUpdates: includeTeamsUpdates
       };
       var pickerProps = allowEmail ? _objectSpread(_objectSpread(_objectSpread({}, defaultPickerProps), creatableProps), {}, {
         emailLabel: emailLabel

package/dist/esm/components/i18n.js

@@ -25,6 +25,26 @@ export var messages = defineMessages({
     defaultMessage: 'Something went wrong',
     description: 'Error message to display when options fail to load.'
   },
+  teamByline: {
+    id: 'fabric.elements.user-picker.team.byline',
+    defaultMessage: 'Team',
+    description: 'Byline for team'
+  },
+  officialTeamByline: {
+    id: 'fabric.elements.user-picker.team.byline.official',
+    defaultMessage: 'Official team {verifiedIcon}',
+    description: 'Byline for official team'
+  },
+  officialMemberCountWithoutYou: {
+    id: 'fabric.elements.user-picker.team.member.count.official',
+    defaultMessage: 'Official team {verifiedIcon} • {count} {count, plural, one {member} other {members}}',
+    description: 'Byline to show the number of members in the team when the current user is not a member of the team'
+  },
+  officialMemberCountWithYou: {
+    id: 'fabric.elements.user-picker.team.member.count.official.including.you',
+    defaultMessage: 'Official team {verifiedIcon} • {count} {count, plural, one {member} other {members}}, including you',
+    description: 'Byline to show the number of members in the team when the current user is also a member of the team'
+  },
   memberCountWithoutYou: {
     id: 'fabric.elements.user-picker.team.member.count',
     defaultMessage: 'Team • {count} {count, plural, one {member} other {members}}',
@@ -35,6 +55,16 @@ export var messages = defineMessages({
     defaultMessage: 'Team • {count} {count, plural, one {member} other {members}}, including you',
     description: 'Byline to show the number of members in the team when the current user is also a member of the team'
   },
+  officialPlus50MembersWithoutYou: {
+    id: 'fabric.elements.user-picker.team.member.50plus.official',
+    defaultMessage: 'Official team {verifiedIcon} • 50+ members',
+    description: 'Byline to show the number of members in the team when the number exceeds 50'
+  },
+  officialPlus50MembersWithYou: {
+    id: 'fabric.elements.user-picker.team.member.50plus.official.including.you',
+    defaultMessage: 'Official team {verifiedIcon} • 50+ members, including you',
+    description: 'Byline to show the number of members in the team when the number exceeds 50 and also includes the current user'
+  },
   plus50MembersWithoutYou: {
     id: 'fabric.elements.user-picker.team.member.50plus',
     defaultMessage: 'Team • 50+ members',
@@ -60,6 +90,11 @@ export var messages = defineMessages({
     defaultMessage: 'Enter an email address',
     description: 'Byline for a potentially valid email option.'
   },
+  adminManagedGroupByline: {
+    id: 'fabric.elements.user-picker.group.byline.admin-managed',
+    defaultMessage: 'Admin group {verifiedIcon}',
+    description: 'Byline for admin-managed groups with verified icon'
+  },
   groupByline: {
     id: 'fabric.elements.user-picker.group.byline',
     defaultMessage: 'Admin-managed group',

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

@@ -88,6 +88,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     groupByTypeOrder?: NonNullable<OptionData["type"]>[];
     header?: React.ReactNode;
     height?: number | string;
+    includeTeamsUpdates?: boolean;
     inputId?: string;
     isClearable?: boolean;
     isDisabled?: boolean;
@@ -150,7 +151,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
      */
     UNSAFE_hasDraggableParentComponent?: boolean;
     width: string | number;
-}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "options" | "styles" | "required" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "isValidEmail" | "loadOptions" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "showClearIndicator" | "strategy" | "suggestEmailsForDomain" | "UNSAFE_hasDraggableParentComponent" | "width" | "pickerProps" | "SelectComponent"> & {
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "options" | "styles" | "required" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "includeTeamsUpdates" | "isValidEmail" | "loadOptions" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "showClearIndicator" | "strategy" | "suggestEmailsForDomain" | "UNSAFE_hasDraggableParentComponent" | "width" | "pickerProps" | "SelectComponent"> & {
     isClearable?: boolean | undefined;
     isMulti?: boolean | undefined;
     openMenuOnClick?: boolean | undefined;

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

@@ -8,11 +8,13 @@ import { type Group } from '../../types';
 export declare const groupOptionIconWrapper: import("@emotion/react").SerializedStyles;
 export type GroupOptionProps = {
     group: Group;
+    includeTeamsUpdates?: boolean;
     isSelected: boolean;
 };
 export declare class GroupOption extends React.PureComponent<GroupOptionProps> {
     private getPrimaryText;
     private renderAvatar;
+    private renderVerifiedIcon;
     private renderByline;
     private getLozengeProps;
     render(): jsx.JSX.Element;

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

@@ -3,6 +3,7 @@ import { type FC } from 'react';
 import { type Option as OptionType } from '../types';
 export type OptionProps = AkOptionProps & {
     data: OptionType;
+    includeTeamsUpdates?: boolean;
     isDisabled: boolean;
     isFocused: boolean;
     isSelected: boolean;

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

@@ -42,6 +42,7 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     groupByTypeOrder?: NonNullable<import("../types").OptionData["type"]>[];
     header?: React.ReactNode;
     height?: number | string;
+    includeTeamsUpdates?: boolean;
     inputId?: string;
     isClearable?: boolean;
     isDisabled?: boolean;
@@ -149,6 +150,7 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     groupByTypeOrder?: NonNullable<import("../types").OptionData["type"]>[] | undefined;
     header?: React.ReactNode;
     height?: number | string | undefined;
+    includeTeamsUpdates?: boolean | undefined;
     isValidEmail?: import("./emailValidation").EmailValidator | undefined;
     loadOptions?: import("../types").LoadOptions | undefined;
     loadOptionsErrorMessage?: ((value: {

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

@@ -2,6 +2,7 @@ import { jsx } from '@emotion/react';
 import React from 'react';
 import { type Team } from '../../types';
 export type TeamOptionProps = {
+    includeTeamsUpdates?: boolean;
     isSelected: boolean;
     team: Team;
 };
@@ -10,6 +11,7 @@ export declare class TeamOption extends React.PureComponent<TeamOptionProps> {
     private renderByline;
     private getBylineComponent;
     private renderAvatar;
+    private renderVerifiedIcon;
     private getLozengeProps;
     private renderCustomByLine;
     render(): jsx.JSX.Element;

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

@@ -33,6 +33,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     groupByTypeOrder?: NonNullable<import("../types").OptionData["type"]>[];
     header?: React.ReactNode;
     height?: number | string;
+    includeTeamsUpdates?: boolean;
     inputId?: string;
     isClearable?: boolean;
     isDisabled?: boolean;
@@ -82,7 +83,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     UNSAFE_hasDraggableParentComponent?: boolean;
     value?: import("../types").Value;
     width?: number | string;
-}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "openMenuOnClick" | "options" | "styles" | "required" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "openMenuOnClick" | "options" | "styles" | "required" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "includeTeamsUpdates" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
     isMulti?: boolean | undefined;
     width?: number | string | undefined;
 } & {} & React.RefAttributes<any>>;

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

@@ -26,7 +26,7 @@ export declare const getComponents: import("memoize-one").MemoizedFn<(multi?: bo
     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;
+    MenuPortal?: import("react").ComponentType<import("packages/design-system/react-select/dist/types").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>>>;

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

@@ -24,6 +24,26 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    teamByline: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    officialTeamByline: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    officialMemberCountWithoutYou: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    officialMemberCountWithYou: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     memberCountWithoutYou: {
         id: string;
         defaultMessage: string;
@@ -34,6 +54,16 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    officialPlus50MembersWithoutYou: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    officialPlus50MembersWithYou: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     plus50MembersWithoutYou: {
         id: string;
         defaultMessage: string;
@@ -59,6 +89,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    adminManagedGroupByline: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     groupByline: {
         id: string;
         defaultMessage: string;

package/dist/types/types.d.ts

@@ -70,6 +70,8 @@ export type UserPickerProps = WithAnalyticsEventsProps & {
     header?: React.ReactNode;
     /** Sets the height of the user picker. If not set, the height settings will be based on the "compact" or "normal" appearance. */
     height?: number | string;
+    /** Whether to include teams UI updates in the resultset. @default false */
+    includeTeamsUpdates?: boolean;
     /** Allows clicking on a label with the same id to open user picker. */
     inputId?: string;
     /** Display a remove button on the single picker. True by default. */
@@ -263,6 +265,7 @@ export interface OptionData {
     avatarUrl?: any;
     fixed?: boolean;
     id: string;
+    includeTeamsUpdates?: boolean;
     isDisabled?: boolean;
     lozenge?: string | LozengeProps | ReactNode;
     name: string;
@@ -310,6 +313,7 @@ export interface Team extends OptionData {
     description?: string;
     highlight?: TeamHighlight;
     includesYou?: boolean;
+    includeTeamsUpdates?: boolean;
     memberCount?: number;
     members?: TeamMember[];
     type: 'team';
@@ -319,6 +323,7 @@ export declare const GroupType = "group";
 export interface Group extends OptionData {
     byline?: string;
     highlight?: GroupHighlight;
+    includeTeamsUpdates?: boolean;
     type: 'group';
 }
 export interface Custom extends OptionData {

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

@@ -88,6 +88,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     groupByTypeOrder?: NonNullable<OptionData["type"]>[];
     header?: React.ReactNode;
     height?: number | string;
+    includeTeamsUpdates?: boolean;
     inputId?: string;
     isClearable?: boolean;
     isDisabled?: boolean;
@@ -150,7 +151,7 @@ export declare const BaseUserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
      */
     UNSAFE_hasDraggableParentComponent?: boolean;
     width: string | number;
-}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "options" | "styles" | "required" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "isValidEmail" | "loadOptions" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "showClearIndicator" | "strategy" | "suggestEmailsForDomain" | "UNSAFE_hasDraggableParentComponent" | "width" | "pickerProps" | "SelectComponent"> & {
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "options" | "styles" | "required" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "includeTeamsUpdates" | "isValidEmail" | "loadOptions" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "showClearIndicator" | "strategy" | "suggestEmailsForDomain" | "UNSAFE_hasDraggableParentComponent" | "width" | "pickerProps" | "SelectComponent"> & {
     isClearable?: boolean | undefined;
     isMulti?: boolean | undefined;
     openMenuOnClick?: boolean | undefined;

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

@@ -8,11 +8,13 @@ import { type Group } from '../../types';
 export declare const groupOptionIconWrapper: import("@emotion/react").SerializedStyles;
 export type GroupOptionProps = {
     group: Group;
+    includeTeamsUpdates?: boolean;
     isSelected: boolean;
 };
 export declare class GroupOption extends React.PureComponent<GroupOptionProps> {
     private getPrimaryText;
     private renderAvatar;
+    private renderVerifiedIcon;
     private renderByline;
     private getLozengeProps;
     render(): jsx.JSX.Element;

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

@@ -3,6 +3,7 @@ import { type FC } from 'react';
 import { type Option as OptionType } from '../types';
 export type OptionProps = AkOptionProps & {
     data: OptionType;
+    includeTeamsUpdates?: boolean;
     isDisabled: boolean;
     isFocused: boolean;
     isSelected: boolean;

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

@@ -42,6 +42,7 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     groupByTypeOrder?: NonNullable<import("../types").OptionData["type"]>[];
     header?: React.ReactNode;
     height?: number | string;
+    includeTeamsUpdates?: boolean;
     inputId?: string;
     isClearable?: boolean;
     isDisabled?: boolean;
@@ -155,6 +156,7 @@ export declare const PopupUserPicker: React.ForwardRefExoticComponent<Omit<Pick<
     groupByTypeOrder?: NonNullable<import("../types").OptionData["type"]>[] | undefined;
     header?: React.ReactNode;
     height?: number | string | undefined;
+    includeTeamsUpdates?: boolean | undefined;
     isValidEmail?: import("./emailValidation").EmailValidator | undefined;
     loadOptions?: import("../types").LoadOptions | undefined;
     loadOptionsErrorMessage?: ((value: {

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

@@ -2,6 +2,7 @@ import { jsx } from '@emotion/react';
 import React from 'react';
 import { type Team } from '../../types';
 export type TeamOptionProps = {
+    includeTeamsUpdates?: boolean;
     isSelected: boolean;
     team: Team;
 };
@@ -10,6 +11,7 @@ export declare class TeamOption extends React.PureComponent<TeamOptionProps> {
     private renderByline;
     private getBylineComponent;
     private renderAvatar;
+    private renderVerifiedIcon;
     private getLozengeProps;
     private renderCustomByLine;
     render(): jsx.JSX.Element;

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

@@ -33,6 +33,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     groupByTypeOrder?: NonNullable<import("../types").OptionData["type"]>[];
     header?: React.ReactNode;
     height?: number | string;
+    includeTeamsUpdates?: boolean;
     inputId?: string;
     isClearable?: boolean;
     isDisabled?: boolean;
@@ -82,7 +83,7 @@ export declare const UserPicker: React.ForwardRefExoticComponent<Pick<Omit<{
     UNSAFE_hasDraggableParentComponent?: boolean;
     value?: import("../types").Value;
     width?: number | string;
-}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "openMenuOnClick" | "options" | "styles" | "required" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
+}, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "placeholder" | "isDisabled" | "onChange" | "onInputChange" | "value" | "appearance" | "autoFocus" | "captureMenuScroll" | "closeMenuOnScroll" | "components" | "inputId" | "isClearable" | "isInvalid" | "isLoading" | "menuPosition" | "menuPortalTarget" | "menuShouldBlockScroll" | "name" | "noOptionsMessage" | "onBlur" | "onFocus" | "onKeyDown" | "openMenuOnClick" | "options" | "styles" | "required" | "footer" | "defaultValue" | "search" | "anchor" | "addMoreMessage" | "allowEmail" | "ariaDescribedBy" | "ariaLabel" | "ariaLabelledBy" | "ariaLive" | "clearValueLabel" | "disableInput" | "emailLabel" | "fieldId" | "forwardedRef" | "groupByTypeOrder" | "header" | "height" | "includeTeamsUpdates" | "isValidEmail" | "loadOptions" | "loadOptionsErrorMessage" | "loadUserSource" | "maxOptions" | "maxPickerHeight" | "menuMinWidth" | "noBorder" | "onClear" | "onClose" | "onOpen" | "onSelection" | "open" | "placeholderAvatar" | "popupSelectProps" | "showClearIndicator" | "strategy" | "subtle" | "suggestEmailsForDomain" | "textFieldBackgroundColor" | "UNSAFE_hasDraggableParentComponent"> & {
     isMulti?: boolean | undefined;
     width?: number | string | undefined;
 } & {} & React.RefAttributes<any>>;

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

@@ -26,7 +26,7 @@ export declare const getComponents: import("memoize-one").MemoizedFn<(multi?: bo
     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;
+    MenuPortal?: import("react").ComponentType<import("packages/design-system/react-select/dist/types").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>>>;