@atlaskit/user-picker 11.13.0 → 11.13.2

package/dist/esm/components/UserOption.js

@@ -13,13 +13,23 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 import { getAppearanceForAppType } from '@atlaskit/avatar';
 import { B400, N800, N200 } from '@atlaskit/theme/colors';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import { css, jsx } from '@emotion/react';
 import React from 'react';
 import { AvatarItemOption, textWrapper } from './AvatarItemOption';
 import { HighlightText } from './HighlightText';
 import { SizeableAvatar } from './SizeableAvatar';
 import { hasValue } from './utils';
 import { fg } from '@atlaskit/platform-feature-flags';
+var styles = function styles(color) {
+  return css({
+    display: 'inline',
+    verticalAlign: 'top',
+    overflow: 'hidden',
+    whiteSpace: 'nowrap',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    color: color
+  });
+};
 export var UserOption = /*#__PURE__*/function (_React$PureComponent) {
   function UserOption() {
     var _this;
@@ -42,11 +52,12 @@ export var UserOption = /*#__PURE__*/function (_React$PureComponent) {
         highlights: highlight && highlight.name
       }, name))];
       if (hasValue(publicName) && name.trim() !== publicName.trim()) {
+        var color = _this.props.isSelected ? "var(--ds-text-selected, ".concat(B400, ")") : "var(--ds-text-subtlest, ".concat(N200, ")");
         result.push(jsx(React.Fragment, {
           key: "publicName"
         }, ' ', 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(_this.props.isSelected ? "var(--ds-text-selected, ".concat(B400, ")") : "var(--ds-text-subtlest, ".concat(N200, ")"))
+          css: fg('platform_user_picker_firefox_tab_fix') ? styles(color) : textWrapper(color)
         }, "(", jsx(HighlightText, {
           highlights: highlight && highlight.publicName
         }, publicName), ")")));

package/dist/esm/components/i18n.js

@@ -25,26 +25,6 @@ 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}}',
@@ -55,16 +35,6 @@ 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',
@@ -90,11 +60,6 @@ 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/GroupOption/main.d.ts

@@ -13,7 +13,6 @@ export type GroupOptionProps = {
 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/TeamOption/main.d.ts

@@ -10,7 +10,6 @@ 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/i18n.d.ts

@@ -24,26 +24,6 @@ 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;
@@ -54,16 +34,6 @@ 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;
@@ -89,11 +59,6 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
-    adminManagedGroupByline: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
     groupByline: {
         id: string;
         defaultMessage: string;

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

@@ -13,7 +13,6 @@ export type GroupOptionProps = {
 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/TeamOption/main.d.ts

@@ -10,7 +10,6 @@ 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/i18n.d.ts

@@ -24,26 +24,6 @@ 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;
@@ -54,16 +34,6 @@ 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;
@@ -89,11 +59,6 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
-    adminManagedGroupByline: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
     groupByline: {
         id: string;
         defaultMessage: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "11.13.0",
+	"version": "11.13.2",
 	"description": "Fabric component for display a dropdown to select a user from",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -45,19 +45,19 @@
 		"@atlaskit/afm-i18n-platform-elements-user-picker": "2.7.0",
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/avatar": "^25.5.0",
-		"@atlaskit/icon": "^28.5.0",
+		"@atlaskit/icon": "^29.0.0",
 		"@atlaskit/logo": "^19.9.0",
-		"@atlaskit/lozenge": "^13.0.0",
+		"@atlaskit/lozenge": "^13.1.0",
 		"@atlaskit/people-teams-ui-public": "^3.6.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.1.0",
 		"@atlaskit/primitives": "^16.1.0",
 		"@atlaskit/select": "^21.3.0",
 		"@atlaskit/spinner": "^19.0.0",
-		"@atlaskit/teams-avatar": "^2.3.0",
+		"@atlaskit/teams-avatar": "^2.4.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^7.1.0",
-		"@atlaskit/tooltip": "^20.7.0",
+		"@atlaskit/tokens": "^8.0.0",
+		"@atlaskit/tooltip": "^20.8.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
@@ -104,6 +104,9 @@
 		"platform-component-visual-refresh": {
 			"type": "boolean"
 		},
+		"platform_user_picker_firefox_tab_fix": {
+			"type": "boolean"
+		},
 		"jifjam_bulk_operations": {
 			"type": "boolean"
 		},