@atlaskit/user-picker 11.0.13 → 11.1.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/user-picker
 
+## 11.1.0
+
+### Minor Changes
+
+- [#157101](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/157101)
+  [`22968df0284f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/22968df0284f0) -
+  We are testing the migration to the ADS Link component behind a feature flag. If this fix is
+  successful it will be available in a later release.
+
+## 11.0.14
+
+### Patch Changes
+
+- [#155339](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/155339)
+  [`4e0fe53072701`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4e0fe53072701) -
+  Clean up verified-team-in-user-picker
+
 ## 11.0.13
 
 ### Patch Changes

package/afm-cc/tsconfig.json

@@ -26,6 +26,9 @@
         {
             "path": "../../../design-system/icon/afm-cc/tsconfig.json"
         },
+        {
+            "path": "../../../design-system/link/afm-cc/tsconfig.json"
+        },
         {
             "path": "../../../design-system/logo/afm-cc/tsconfig.json"
         },

package/dist/cjs/analytics.js

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

@@ -22,7 +22,6 @@ var _SizeableAvatar = require("./SizeableAvatar");
 var _utils = require("./utils");
 var _peopleGroupPeople = _interopRequireDefault(require("@atlaskit/icon/core/migration/people-group--people"));
 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; })(); } /**
@@ -77,12 +76,12 @@ var MultiValue = exports.MultiValue = /*#__PURE__*/function (_React$Component) {
       return (0, _react2.jsx)(_SizeableAvatar.SizeableAvatar, {
         appearance: "multi",
         src: (0, _utils.getAvatarUrl)(data),
-        type: (0, _utils.isTeam)(data) && (0, _platformFeatureFlags.fg)('verified-team-in-user-picker') ? 'team' : 'person'
+        type: (0, _utils.isTeam)(data) ? 'team' : 'person'
       });
     });
     (0, _defineProperty2.default)(_this, "getElemAfter", function () {
       var data = _this.props.data.data;
-      if ((0, _utils.isTeam)(data) && data.verified && (0, _platformFeatureFlags.fg)('verified-team-in-user-picker')) {
+      if ((0, _utils.isTeam)(data) && data.verified) {
         return (0, _react2.jsx)(_verifiedTeamIcon.VerifiedTeamIcon, null);
       }
       return null;

package/dist/cjs/components/SingleValue.js

@@ -13,7 +13,6 @@ var _select = require("@atlaskit/select");
 var _SizeableAvatar = require("./SizeableAvatar");
 var _utils = require("./utils");
 var _verifiedTeamIcon = require("@atlaskit/people-teams-ui-public/verified-team-icon");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -41,14 +40,14 @@ var SingleValue = exports.SingleValue = function SingleValue(props) {
   }, /*#__PURE__*/React.createElement(_SizeableAvatar.SizeableAvatar, {
     src: (0, _utils.getAvatarUrl)(data),
     appearance: appearance,
-    type: (0, _utils.isTeam)(data) && (0, _platformFeatureFlags.fg)('verified-team-in-user-picker') ? 'team' : 'person'
+    type: (0, _utils.isTeam)(data) ? 'team' : 'person'
   }), /*#__PURE__*/React.createElement(_compiled.Box, {
     xcss: styles.avatarItem
   }, /*#__PURE__*/React.createElement("div", {
     className: (0, _runtime.ax)([styles.avatarItemTextWrapper])
   }, /*#__PURE__*/React.createElement(_compiled.Box, {
     xcss: styles.avatarItemText
-  }, (0, _platformFeatureFlags.fg)('verified-team-in-user-picker') ? /*#__PURE__*/React.createElement(_compiled.Inline, {
+  }, /*#__PURE__*/React.createElement(_compiled.Inline, {
     alignBlock: "center"
-  }, label, /*#__PURE__*/React.createElement(ElementAfter, props)) : label))))) : null;
+  }, label, /*#__PURE__*/React.createElement(ElementAfter, props))))))) : null;
 };

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

@@ -13,7 +13,6 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _colors = require("@atlaskit/theme/colors");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _verifiedTeamIcon = require("@atlaskit/people-teams-ui-public/verified-team-icon");
 var _react = require("@emotion/react");
@@ -46,13 +45,11 @@ var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponen
         // 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: (0, _AvatarItemOption.textWrapper)(_this.props.isSelected ? "var(--ds-text-selected, ".concat(_colors.B400, ")") : "var(--ds-text, ".concat(_colors.N800, ")"))
-      }, (0, _platformFeatureFlags.fg)('verified-team-in-user-picker') ? (0, _react.jsx)(_compiled.Inline, {
+      }, (0, _react.jsx)(_compiled.Inline, {
         alignBlock: "center"
       }, (0, _react.jsx)(_HighlightText.HighlightText, {
         highlights: highlight && highlight.name
-      }, name), verified && (0, _react.jsx)(_verifiedTeamIcon.VerifiedTeamIcon, null)) : (0, _react.jsx)(_HighlightText.HighlightText, {
-        highlights: highlight && highlight.name
-      }, name))];
+      }, name), verified && (0, _react.jsx)(_verifiedTeamIcon.VerifiedTeamIcon, null)))];
     });
     (0, _defineProperty2.default)(_this, "renderByline", function () {
       var _this$props = _this.props,

package/dist/es2019/analytics.js

@@ -2,7 +2,7 @@ import { createAndFireEvent } from '@atlaskit/analytics-next';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 const packageName = "@atlaskit/user-picker";
-const packageVersion = "11.0.13";
+const packageVersion = "11.1.0";
 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/MultiValue.js

@@ -14,7 +14,6 @@ import { SizeableAvatar } from './SizeableAvatar';
 import { getAvatarUrl, isEmail, isGroup, isTeam } from './utils';
 import PeopleIcon from '@atlaskit/icon/core/migration/people-group--people';
 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,
@@ -67,7 +66,7 @@ export class MultiValue extends React.Component {
       return jsx(SizeableAvatar, {
         appearance: "multi",
         src: getAvatarUrl(data),
-        type: isTeam(data) && fg('verified-team-in-user-picker') ? 'team' : 'person'
+        type: isTeam(data) ? 'team' : 'person'
       });
     });
     _defineProperty(this, "getElemAfter", () => {
@@ -76,7 +75,7 @@ export class MultiValue extends React.Component {
           data
         }
       } = this.props;
-      if (isTeam(data) && data.verified && fg('verified-team-in-user-picker')) {
+      if (isTeam(data) && data.verified) {
         return jsx(VerifiedTeamIcon, null);
       }
       return null;

package/dist/es2019/components/SingleValue.js

@@ -6,7 +6,6 @@ import { components } from '@atlaskit/select';
 import { SizeableAvatar } from './SizeableAvatar';
 import { getAvatarUrl, isTeam } from './utils';
 import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Flex, Inline } from '@atlaskit/primitives/compiled';
 const styles = {
   avatarItem: "_1reo15vq _18m915vq _4cvr1h6o _1ul953f4",
@@ -41,14 +40,14 @@ export const SingleValue = props => {
   }, /*#__PURE__*/React.createElement(SizeableAvatar, {
     src: getAvatarUrl(data),
     appearance: appearance,
-    type: isTeam(data) && fg('verified-team-in-user-picker') ? 'team' : 'person'
+    type: isTeam(data) ? 'team' : 'person'
   }), /*#__PURE__*/React.createElement(Box, {
     xcss: styles.avatarItem
   }, /*#__PURE__*/React.createElement("div", {
     className: ax([styles.avatarItemTextWrapper])
   }, /*#__PURE__*/React.createElement(Box, {
     xcss: styles.avatarItemText
-  }, fg('verified-team-in-user-picker') ? /*#__PURE__*/React.createElement(Inline, {
+  }, /*#__PURE__*/React.createElement(Inline, {
     alignBlock: "center"
-  }, label, /*#__PURE__*/React.createElement(ElementAfter, props)) : label))))) : null;
+  }, label, /*#__PURE__*/React.createElement(ElementAfter, props))))))) : null;
 };

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

@@ -5,7 +5,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
  * @jsx jsx
  */
 import { B400, N800, N200 } from '@atlaskit/theme/colors';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Inline } from '@atlaskit/primitives/compiled';
 import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -32,13 +31,11 @@ export class TeamOption extends React.PureComponent {
         // 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, ${B400})` : `var(--ds-text, ${N800})`)
-      }, fg('verified-team-in-user-picker') ? jsx(Inline, {
+      }, jsx(Inline, {
         alignBlock: "center"
       }, jsx(HighlightText, {
         highlights: highlight && highlight.name
-      }, name), verified && jsx(VerifiedTeamIcon, null)) : jsx(HighlightText, {
-        highlights: highlight && highlight.name
-      }, name))];
+      }, name), verified && jsx(VerifiedTeamIcon, null)))];
     });
     _defineProperty(this, "renderByline", () => {
       const {

package/dist/esm/analytics.js

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

@@ -23,7 +23,6 @@ import { SizeableAvatar } from './SizeableAvatar';
 import { getAvatarUrl, isEmail, isGroup, isTeam } from './utils';
 import PeopleIcon from '@atlaskit/icon/core/migration/people-group--people';
 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,
@@ -72,12 +71,12 @@ export var MultiValue = /*#__PURE__*/function (_React$Component) {
       return jsx(SizeableAvatar, {
         appearance: "multi",
         src: getAvatarUrl(data),
-        type: isTeam(data) && fg('verified-team-in-user-picker') ? 'team' : 'person'
+        type: isTeam(data) ? 'team' : 'person'
       });
     });
     _defineProperty(_this, "getElemAfter", function () {
       var data = _this.props.data.data;
-      if (isTeam(data) && data.verified && fg('verified-team-in-user-picker')) {
+      if (isTeam(data) && data.verified) {
         return jsx(VerifiedTeamIcon, null);
       }
       return null;

package/dist/esm/components/SingleValue.js

@@ -6,7 +6,6 @@ import { components } from '@atlaskit/select';
 import { SizeableAvatar } from './SizeableAvatar';
 import { getAvatarUrl, isTeam } from './utils';
 import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Flex, Inline } from '@atlaskit/primitives/compiled';
 var styles = {
   avatarItem: "_1reo15vq _18m915vq _4cvr1h6o _1ul953f4",
@@ -32,14 +31,14 @@ export var SingleValue = function SingleValue(props) {
   }, /*#__PURE__*/React.createElement(SizeableAvatar, {
     src: getAvatarUrl(data),
     appearance: appearance,
-    type: isTeam(data) && fg('verified-team-in-user-picker') ? 'team' : 'person'
+    type: isTeam(data) ? 'team' : 'person'
   }), /*#__PURE__*/React.createElement(Box, {
     xcss: styles.avatarItem
   }, /*#__PURE__*/React.createElement("div", {
     className: ax([styles.avatarItemTextWrapper])
   }, /*#__PURE__*/React.createElement(Box, {
     xcss: styles.avatarItemText
-  }, fg('verified-team-in-user-picker') ? /*#__PURE__*/React.createElement(Inline, {
+  }, /*#__PURE__*/React.createElement(Inline, {
     alignBlock: "center"
-  }, label, /*#__PURE__*/React.createElement(ElementAfter, props)) : label))))) : null;
+  }, label, /*#__PURE__*/React.createElement(ElementAfter, props))))))) : null;
 };

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

@@ -12,7 +12,6 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */
 import { B400, N800, N200 } from '@atlaskit/theme/colors';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Inline } from '@atlaskit/primitives/compiled';
 import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -41,13 +40,11 @@ export var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
         // 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, ".concat(N800, ")"))
-      }, fg('verified-team-in-user-picker') ? jsx(Inline, {
+      }, jsx(Inline, {
         alignBlock: "center"
       }, jsx(HighlightText, {
         highlights: highlight && highlight.name
-      }, name), verified && jsx(VerifiedTeamIcon, null)) : jsx(HighlightText, {
-        highlights: highlight && highlight.name
-      }, name))];
+      }, name), verified && jsx(VerifiedTeamIcon, null)))];
     });
     _defineProperty(_this, "renderByline", function () {
       var _this$props = _this.props,

package/docs/1-smart-user-picker.tsx

@@ -1,7 +1,13 @@
+import Link from '@atlaskit/link';
+import { fg } from '@atlaskit/platform-feature-flags';
 import React from 'react';
 import { md } from '@atlaskit/docs';
 import SectionMessage from '@atlaskit/section-message';
 
+const LinkComponent = (props: any) =>
+	// eslint-disable-next-line @atlaskit/design-system/no-html-anchor, jsx-a11y/anchor-has-content
+	fg('dst-a11y__replace-anchor-with-link__search-platfor') ? <Link {...props} /> : <a {...props} />;
+
 export default md`
   ${(
 		<SectionMessage
@@ -9,9 +15,9 @@ export default md`
 			title="Note: @atlaskit/user-picker/smart-user-picker is deprecated."
 		>
 			SmartUserPicker has moved packages! Please use{' '}
-			<a href="https://statlas.prod.atl-paas.net/atlassian-frontend/master#packages/smart-experiences/smart-user-picker">
+			<LinkComponent href="https://statlas.prod.atl-paas.net/atlassian-frontend/master#packages/smart-experiences/smart-user-picker">
 				@atlaskit/smart-user-picker
-			</a>{' '}
+			</LinkComponent>{' '}
 			instead. Alternatively, @atlaskit/smart-hooks will be ready by end of FY22Q4. Contact
 			#search-plex for further details.
 		</SectionMessage>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "11.0.13",
+	"version": "11.1.0",
 	"description": "Fabric component for display a dropdown to select a user from",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -50,19 +50,20 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.0.0",
-		"@atlaskit/avatar": "^25.0.0",
-		"@atlaskit/icon": "^26.0.0",
+		"@atlaskit/avatar": "^25.1.0",
+		"@atlaskit/icon": "^26.1.0",
+		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/logo": "^18.0.0",
 		"@atlaskit/lozenge": "^12.2.0",
 		"@atlaskit/people-teams-ui-public": "^3.1.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.0.0",
-		"@atlaskit/primitives": "^14.7.0",
-		"@atlaskit/select": "^20.4.0",
+		"@atlaskit/primitives": "^14.8.0",
+		"@atlaskit/select": "^20.6.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/teams-avatar": "^2.3.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tokens": "^4.8.0",
+		"@atlaskit/tokens": "^4.9.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
@@ -109,9 +110,6 @@
 		"ui"
 	],
 	"platform-feature-flags": {
-		"verified-team-in-user-picker": {
-			"type": "boolean"
-		},
 		"pass-aria-describedby-to-baseuserpicker": {
 			"type": "boolean"
 		},
@@ -120,6 +118,9 @@
 		},
 		"user-picker-show-clear-indicator": {
 			"type": "boolean"
+		},
+		"dst-a11y__replace-anchor-with-link__search-platfor": {
+			"type": "boolean"
 		}
 	}
 }