@atlaskit/user-picker 11.20.0 → 11.20.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/user-picker
 
+## 11.20.2
+
+### Patch Changes
+
+- [`fd3c847f4f947`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fd3c847f4f947) -
+  Adding a VR test for when includeTeamsUpdates is true, checking for verified lozenge in
+  SingleValue and MultiValue
+
+## 11.20.1
+
+### Patch Changes
+
+- [`50a4ae1fff8f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/50a4ae1fff8f0) -
+  FG cleanup for Icon as avatar support
+
 ## 11.20.0
 
 ### Minor Changes

package/dist/cjs/analytics.js

@@ -13,7 +13,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; } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "11.19.0";
+var packageVersion = "11.20.1";
 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/CustomOption/main.js

@@ -14,7 +14,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _colors = require("@atlaskit/theme/colors");
 var _react = require("@emotion/react");
 var _react2 = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _AvatarItemOption = require("../AvatarItemOption");
 var _HighlightText = require("../HighlightText");
 var _AvatarOrIcon = require("../AvatarOrIcon");
@@ -64,8 +63,7 @@ var CustomOption = exports.CustomOption = /*#__PURE__*/function (_React$PureComp
         avatarUrl = _this$props$data3.avatarUrl,
         icon = _this$props$data3.icon,
         iconColor = _this$props$data3.iconColor;
-      // Only use icon if feature gate is enabled
-      if (icon && (0, _platformFeatureFlags.fg)('atlaskit_user_picker_support_icon')) {
+      if (icon) {
         return (0, _react.jsx)(_AvatarOrIcon.AvatarOrIcon, {
           appearance: "big",
           icon: icon,

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

@@ -106,8 +106,7 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
         icon = _this$props$user2.icon,
         iconColor = _this$props$user2.iconColor,
         status = _this$props.status;
-      // Only use icon if feature gate is enabled
-      if (icon && (0, _platformFeatureFlags.fg)('atlaskit_user_picker_support_icon')) {
+      if (icon) {
         return (0, _react2.jsx)(_AvatarOrIcon.AvatarOrIcon, {
           appearance: "big",
           icon: icon,

package/dist/cjs/components/MultiValue.js

@@ -23,7 +23,6 @@ var _SizeableAvatar = require("./SizeableAvatar");
 var _utils = require("./utils");
 var _peopleGroup = _interopRequireDefault(require("@atlaskit/icon/core/people-group"));
 var _verifiedTeamIcon = require("@atlaskit/people-teams-ui-public/verified-team-icon");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _excluded = ["children", "innerProps"];
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
@@ -74,9 +73,7 @@ var MultiValue = exports.MultiValue = /*#__PURE__*/function (_React$Component) {
           label: "" // This element is a decorative icon and does not require a label
         }));
       }
-
-      // Only use icon if feature gate is enabled
-      if (data.icon && (0, _platformFeatureFlags.fg)('atlaskit_user_picker_support_icon')) {
+      if (data.icon) {
         return (0, _react2.jsx)(_AvatarOrIcon.AvatarOrIcon, {
           appearance: "multi",
           icon: data.icon,

package/dist/cjs/components/SingleValue.js

@@ -43,7 +43,7 @@ var SingleValue = exports.SingleValue = function SingleValue(props) {
     isFocused = _props$selectProps.isFocused;
   return !isFocused ? /*#__PURE__*/React.createElement(_select.components.SingleValue, props, /*#__PURE__*/React.createElement(_compiled.Flex, {
     xcss: styles.avatarItem
-  }, data.icon && (0, _platformFeatureFlags.fg)('atlaskit_user_picker_support_icon') ? /*#__PURE__*/React.createElement(_AvatarOrIcon.AvatarOrIcon, {
+  }, data.icon ? /*#__PURE__*/React.createElement(_AvatarOrIcon.AvatarOrIcon, {
     icon: data.icon,
     iconColor: data.iconColor,
     src: (0, _utils.getAvatarUrl)(data),

package/dist/cjs/components/SingleValueContainer.js

@@ -53,8 +53,7 @@ var SingleValueContainer = exports.SingleValueContainer = /*#__PURE__*/function
         placeholderAvatar = _this$props$selectPro.placeholderAvatar;
       if (isFocused || !hasValue) {
         var userData = showUserAvatar(inputValue, value) ? value.data : undefined;
-        // Only use icon if feature gate is enabled
-        if (userData !== null && userData !== void 0 && userData.icon && (0, _platformFeatureFlags.fg)('atlaskit_user_picker_support_icon')) {
+        if (userData !== null && userData !== void 0 && userData.icon) {
           return /*#__PURE__*/_react.default.createElement(_AvatarOrIcon.AvatarOrIcon, {
             appearance: appearance,
             icon: userData.icon,

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

@@ -18,7 +18,6 @@ var _verifiedTeamIcon = require("@atlaskit/people-teams-ui-public/verified-team-
 var _react = require("@emotion/react");
 var _react2 = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _AvatarItemOption = require("../AvatarItemOption");
 var _HighlightText = require("../HighlightText");
 var _i18n = require("../i18n");
@@ -122,8 +121,7 @@ var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponen
         avatarUrl = _this$props$team2.avatarUrl,
         icon = _this$props$team2.icon,
         iconColor = _this$props$team2.iconColor;
-      // Only use icon if feature gate is enabled
-      if (icon && (0, _platformFeatureFlags.fg)('atlaskit_user_picker_support_icon')) {
+      if (icon) {
         return (0, _react.jsx)(_AvatarOrIcon.AvatarOrIcon, {
           appearance: "big",
           icon: icon,

package/dist/cjs/components/UserOption.js

@@ -86,8 +86,7 @@ var UserOption = exports.UserOption = /*#__PURE__*/function (_React$PureComponen
         iconColor = _this$props$user2.iconColor,
         status = _this$props.status;
       var appearance = (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? 'medium' : 'big';
-      // Only use icon if feature gate is enabled
-      if (icon && (0, _platformFeatureFlags.fg)('atlaskit_user_picker_support_icon')) {
+      if (icon) {
         return (0, _react.jsx)(_AvatarOrIcon.AvatarOrIcon, {
           appearance: appearance,
           icon: icon,

package/dist/es2019/analytics.js

@@ -4,7 +4,7 @@ import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 const packageName = "@atlaskit/user-picker";
-const packageVersion = "11.19.0";
+const packageVersion = "11.20.1";
 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/CustomOption/main.js

@@ -7,7 +7,6 @@ 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 React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { AvatarItemOption, textWrapper } from '../AvatarItemOption';
 import { HighlightText } from '../HighlightText';
 import { AvatarOrIcon } from '../AvatarOrIcon';
@@ -51,8 +50,7 @@ export class CustomOption extends React.PureComponent {
           iconColor
         }
       } = this.props;
-      // Only use icon if feature gate is enabled
-      if (icon && fg('atlaskit_user_picker_support_icon')) {
+      if (icon) {
         return jsx(AvatarOrIcon, {
           appearance: "big",
           icon: icon,

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

@@ -93,8 +93,7 @@ class ExternalUserOptionImpl extends React.PureComponent {
         },
         status
       } = this.props;
-      // Only use icon if feature gate is enabled
-      if (icon && fg('atlaskit_user_picker_support_icon')) {
+      if (icon) {
         return jsx(AvatarOrIcon, {
           appearance: "big",
           icon: icon,

package/dist/es2019/components/MultiValue.js

@@ -16,7 +16,6 @@ import { SizeableAvatar } from './SizeableAvatar';
 import { getAvatarUrl, isEmail, isGroup, isTeam } from './utils';
 import PeopleIcon from '@atlaskit/icon/core/people-group';
 import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
-import { fg } from '@atlaskit/platform-feature-flags';
 export const scrollToValue = (valueContainer, control) => {
   const {
     top,
@@ -64,9 +63,7 @@ export class MultiValue extends React.Component {
           label: "" // This element is a decorative icon and does not require a label
         }));
       }
-
-      // Only use icon if feature gate is enabled
-      if (data.icon && fg('atlaskit_user_picker_support_icon')) {
+      if (data.icon) {
         return jsx(AvatarOrIcon, {
           appearance: "multi",
           icon: data.icon,

package/dist/es2019/components/SingleValue.js

@@ -44,7 +44,7 @@ export const SingleValue = props => {
   } = props;
   return !isFocused ? /*#__PURE__*/React.createElement(components.SingleValue, props, /*#__PURE__*/React.createElement(Flex, {
     xcss: styles.avatarItem
-  }, data.icon && fg('atlaskit_user_picker_support_icon') ? /*#__PURE__*/React.createElement(AvatarOrIcon, {
+  }, data.icon ? /*#__PURE__*/React.createElement(AvatarOrIcon, {
     icon: data.icon,
     iconColor: data.iconColor,
     src: getAvatarUrl(data),

package/dist/es2019/components/SingleValueContainer.js

@@ -33,8 +33,7 @@ export class SingleValueContainer extends React.Component {
       } = this.props;
       if (isFocused || !hasValue) {
         const userData = showUserAvatar(inputValue, value) ? value.data : undefined;
-        // Only use icon if feature gate is enabled
-        if (userData !== null && userData !== void 0 && userData.icon && fg('atlaskit_user_picker_support_icon')) {
+        if (userData !== null && userData !== void 0 && userData.icon) {
           return /*#__PURE__*/React.createElement(AvatarOrIcon, {
             appearance: appearance,
             icon: userData.icon,

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

@@ -11,7 +11,6 @@ import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team
 import { jsx } from '@emotion/react';
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { AvatarItemOption, textWrapper } from '../AvatarItemOption';
 import { HighlightText } from '../HighlightText';
 import { messages } from '../i18n';
@@ -110,8 +109,7 @@ export class TeamOption extends React.PureComponent {
           iconColor
         }
       } = this.props;
-      // Only use icon if feature gate is enabled
-      if (icon && fg('atlaskit_user_picker_support_icon')) {
+      if (icon) {
         return jsx(AvatarOrIcon, {
           appearance: "big",
           icon: icon,

package/dist/es2019/components/UserOption.js

@@ -70,8 +70,7 @@ export class UserOption extends React.PureComponent {
         status
       } = this.props;
       const appearance = fg('platform-component-visual-refresh') ? 'medium' : 'big';
-      // Only use icon if feature gate is enabled
-      if (icon && fg('atlaskit_user_picker_support_icon')) {
+      if (icon) {
         return jsx(AvatarOrIcon, {
           appearance: appearance,
           icon: icon,

package/dist/esm/analytics.js

@@ -7,7 +7,7 @@ import FeatureGates from '@atlaskit/feature-gate-js-client';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "11.19.0";
+var packageVersion = "11.20.1";
 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/CustomOption/main.js

@@ -14,7 +14,6 @@ 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 React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { AvatarItemOption, textWrapper } from '../AvatarItemOption';
 import { HighlightText } from '../HighlightText';
 import { AvatarOrIcon } from '../AvatarOrIcon';
@@ -59,8 +58,7 @@ export var CustomOption = /*#__PURE__*/function (_React$PureComponent) {
         avatarUrl = _this$props$data3.avatarUrl,
         icon = _this$props$data3.icon,
         iconColor = _this$props$data3.iconColor;
-      // Only use icon if feature gate is enabled
-      if (icon && fg('atlaskit_user_picker_support_icon')) {
+      if (icon) {
         return jsx(AvatarOrIcon, {
           appearance: "big",
           icon: icon,

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

@@ -102,8 +102,7 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
         icon = _this$props$user2.icon,
         iconColor = _this$props$user2.iconColor,
         status = _this$props.status;
-      // Only use icon if feature gate is enabled
-      if (icon && fg('atlaskit_user_picker_support_icon')) {
+      if (icon) {
         return jsx(AvatarOrIcon, {
           appearance: "big",
           icon: icon,

package/dist/esm/components/MultiValue.js

@@ -25,7 +25,6 @@ import { SizeableAvatar } from './SizeableAvatar';
 import { getAvatarUrl, isEmail, isGroup, isTeam } from './utils';
 import PeopleIcon from '@atlaskit/icon/core/people-group';
 import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
-import { fg } from '@atlaskit/platform-feature-flags';
 export var scrollToValue = function scrollToValue(valueContainer, control) {
   var _valueContainer$getBo = valueContainer.getBoundingClientRect(),
     top = _valueContainer$getBo.top,
@@ -69,9 +68,7 @@ export var MultiValue = /*#__PURE__*/function (_React$Component) {
           label: "" // This element is a decorative icon and does not require a label
         }));
       }
-
-      // Only use icon if feature gate is enabled
-      if (data.icon && fg('atlaskit_user_picker_support_icon')) {
+      if (data.icon) {
         return jsx(AvatarOrIcon, {
           appearance: "multi",
           icon: data.icon,

package/dist/esm/components/SingleValue.js

@@ -35,7 +35,7 @@ export var SingleValue = function SingleValue(props) {
     isFocused = _props$selectProps.isFocused;
   return !isFocused ? /*#__PURE__*/React.createElement(components.SingleValue, props, /*#__PURE__*/React.createElement(Flex, {
     xcss: styles.avatarItem
-  }, data.icon && fg('atlaskit_user_picker_support_icon') ? /*#__PURE__*/React.createElement(AvatarOrIcon, {
+  }, data.icon ? /*#__PURE__*/React.createElement(AvatarOrIcon, {
     icon: data.icon,
     iconColor: data.iconColor,
     src: getAvatarUrl(data),

package/dist/esm/components/SingleValueContainer.js

@@ -46,8 +46,7 @@ export var SingleValueContainer = /*#__PURE__*/function (_React$Component) {
         placeholderAvatar = _this$props$selectPro.placeholderAvatar;
       if (isFocused || !hasValue) {
         var userData = showUserAvatar(inputValue, value) ? value.data : undefined;
-        // Only use icon if feature gate is enabled
-        if (userData !== null && userData !== void 0 && userData.icon && fg('atlaskit_user_picker_support_icon')) {
+        if (userData !== null && userData !== void 0 && userData.icon) {
           return /*#__PURE__*/React.createElement(AvatarOrIcon, {
             appearance: appearance,
             icon: userData.icon,

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

@@ -18,7 +18,6 @@ import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team
 import { jsx } from '@emotion/react';
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { AvatarItemOption, textWrapper } from '../AvatarItemOption';
 import { HighlightText } from '../HighlightText';
 import { messages } from '../i18n';
@@ -117,8 +116,7 @@ export var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
         avatarUrl = _this$props$team2.avatarUrl,
         icon = _this$props$team2.icon,
         iconColor = _this$props$team2.iconColor;
-      // Only use icon if feature gate is enabled
-      if (icon && fg('atlaskit_user_picker_support_icon')) {
+      if (icon) {
         return jsx(AvatarOrIcon, {
           appearance: "big",
           icon: icon,

package/dist/esm/components/UserOption.js

@@ -81,8 +81,7 @@ export var UserOption = /*#__PURE__*/function (_React$PureComponent) {
         iconColor = _this$props$user2.iconColor,
         status = _this$props.status;
       var appearance = fg('platform-component-visual-refresh') ? 'medium' : 'big';
-      // Only use icon if feature gate is enabled
-      if (icon && fg('atlaskit_user_picker_support_icon')) {
+      if (icon) {
         return jsx(AvatarOrIcon, {
           appearance: appearance,
           icon: icon,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "11.20.0",
+	"version": "11.20.2",
 	"description": "Fabric component for display a dropdown to select a user from",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -47,18 +47,18 @@
 		"@atlaskit/avatar": "^25.7.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
 		"@atlaskit/icon": "^29.4.0",
-		"@atlaskit/logo": "^19.9.0",
+		"@atlaskit/logo": "^19.10.0",
 		"@atlaskit/lozenge": "^13.3.0",
 		"@atlaskit/people-teams-ui-public": "^3.7.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.1.0",
-		"@atlaskit/primitives": "^17.0.0",
+		"@atlaskit/primitives": "^17.1.0",
 		"@atlaskit/select": "^21.6.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/teams-avatar": "^2.4.0",
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tokens": "^9.1.0",
-		"@atlaskit/tooltip": "^20.13.0",
+		"@atlaskit/tooltip": "^20.14.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
@@ -82,8 +82,7 @@
 		"@emotion/styled": "^11.0.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/jest-dom": "^6.4.5",
-		"@testing-library/react": "^13.4.0",
-		"@testing-library/react-hooks": "^8.0.1",
+		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",
 		"@types/uuid": "^3.4.4",
 		"enzyme": "^3.10.0",
@@ -124,9 +123,6 @@
 		},
 		"a11y-create-team-is-not-focusable-and-has-no-btn": {
 			"type": "boolean"
-		},
-		"atlaskit_user_picker_support_icon": {
-			"type": "boolean"
 		}
 	}
 }