@atlaskit/user-picker 13.4.4 → 13.4.6

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/user-picker
 
+## 13.4.6
+
+### Patch Changes
+
+- [`0a1dac0483f0a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0a1dac0483f0a) -
+  Internal type fix: constrain the avatar `size` passed to `TeamAvatar` to the supported
+  `TeamAvatarSize` set (excludes the new private `UNSAFE_xsmall` 20px size, which has no team-avatar
+  artwork). No runtime behaviour change.
+- Updated dependencies
+
+## 13.4.5
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 13.4.4
 
 ### Patch Changes

package/dist/cjs/analytics.js

@@ -15,7 +15,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 @typescript-eslint/consistent-type-imports
 // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "13.4.3";
+var packageVersion = "13.4.5";
 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

@@ -21,7 +21,7 @@ var _react2 = require("@emotion/react");
 var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tag = _interopRequireWildcard(require("@atlaskit/tag"));
-var _teamsAvatar = _interopRequireDefault(require("@atlaskit/teams-avatar"));
+var _teamsAvatar = _interopRequireDefault(require("@atlaskit/teams-avatar/teams-avatar"));
 var _AddOptionAvatar = require("./AddOptionAvatar");
 var _AvatarOrIcon = require("./AvatarOrIcon");
 var _SizeableAvatar = require("./SizeableAvatar");
@@ -261,7 +261,11 @@ var MultiValue = exports.MultiValue = /*#__PURE__*/function (_React$Component) {
           isRemovable: !isDisabled,
           onAfterRemoveAction: onAfterRemoveAction,
           avatar: function avatar(props) {
-            return (0, _react2.jsx)(_teamsAvatar.default, (0, _extends2.default)({}, props, avatarProps));
+            return (
+              // AvatarTag always supplies size="xsmall", which is a valid
+              // TeamAvatarSize; TeamAvatar does not support UNSAFE_xsmall.
+              (0, _react2.jsx)(_teamsAvatar.default, (0, _extends2.default)({}, props, avatarProps))
+            );
           },
           hasMargin: false
         }), canShowArchivedLozenge ? (0, _react2.jsx)(_primitives.Box, {

package/dist/cjs/components/SizeableAvatar.js

@@ -35,8 +35,13 @@ var SizeableAvatar = exports.SizeableAvatar = /*#__PURE__*/function (_React$Pure
         _this$props$type = _this$props.type,
         type = _this$props$type === void 0 ? 'person' : _this$props$type,
         avatarAppearanceShape = _this$props.avatarAppearanceShape;
+
+      // `getAvatarSize` only ever returns 'xsmall' | 'small' | 'medium', none of
+      // which is the team-avatar-unsupported `UNSAFE_xsmall` (20px) size. Keeping
+      // `size` narrowed here lets the object satisfy both Avatar and TeamAvatar.
+      var size = (0, _utils.getAvatarSize)(appearance);
       var props = _objectSpread({
-        size: (0, _utils.getAvatarSize)(appearance),
+        size: size,
         src: src,
         borderColor: 'transparent',
         presence: presence

package/dist/es2019/analytics.js

@@ -6,7 +6,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 const packageName = "@atlaskit/user-picker";
-const packageVersion = "13.4.3";
+const packageVersion = "13.4.5";
 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

@@ -13,7 +13,7 @@ import { css, jsx } from '@emotion/react';
 import Avatar from '@atlaskit/avatar';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { AvatarTag, default as Tag } from '@atlaskit/tag';
-import TeamAvatar from '@atlaskit/teams-avatar';
+import TeamAvatar from '@atlaskit/teams-avatar/teams-avatar';
 import { AddOptionAvatar } from './AddOptionAvatar';
 import { AvatarOrIcon } from './AvatarOrIcon';
 import { SizeableAvatar } from './SizeableAvatar';
@@ -256,7 +256,10 @@ export class MultiValue extends React.Component {
         isVerified: isTeamOption ? data.verified : undefined,
         isRemovable: !isDisabled,
         onAfterRemoveAction: onAfterRemoveAction,
-        avatar: props => jsx(TeamAvatar, _extends({}, props, avatarProps)),
+        avatar: props =>
+        // AvatarTag always supplies size="xsmall", which is a valid
+        // TeamAvatarSize; TeamAvatar does not support UNSAFE_xsmall.
+        jsx(TeamAvatar, _extends({}, props, avatarProps)),
         hasMargin: false
       }), canShowArchivedLozenge ? jsx(Box, {
         xcss: archivedLozengeWrapper

package/dist/es2019/components/SizeableAvatar.js

@@ -11,8 +11,13 @@ export class SizeableAvatar extends React.PureComponent {
       type = 'person',
       avatarAppearanceShape
     } = this.props;
+
+    // `getAvatarSize` only ever returns 'xsmall' | 'small' | 'medium', none of
+    // which is the team-avatar-unsupported `UNSAFE_xsmall` (20px) size. Keeping
+    // `size` narrowed here lets the object satisfy both Avatar and TeamAvatar.
+    const size = getAvatarSize(appearance);
     const props = {
-      size: getAvatarSize(appearance),
+      size,
       src,
       borderColor: 'transparent',
       presence,

package/dist/esm/analytics.js

@@ -9,7 +9,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { v4 as uuidv4 } from 'uuid';
 import { isCustom, isExternalUser } from './components/utils';
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "13.4.3";
+var packageVersion = "13.4.5";
 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

@@ -22,7 +22,7 @@ import { css, jsx } from '@emotion/react';
 import Avatar from '@atlaskit/avatar';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { AvatarTag, default as Tag } from '@atlaskit/tag';
-import TeamAvatar from '@atlaskit/teams-avatar';
+import TeamAvatar from '@atlaskit/teams-avatar/teams-avatar';
 import { AddOptionAvatar } from './AddOptionAvatar';
 import { AvatarOrIcon } from './AvatarOrIcon';
 import { SizeableAvatar } from './SizeableAvatar';
@@ -254,7 +254,11 @@ export var MultiValue = /*#__PURE__*/function (_React$Component) {
           isRemovable: !isDisabled,
           onAfterRemoveAction: onAfterRemoveAction,
           avatar: function avatar(props) {
-            return jsx(TeamAvatar, _extends({}, props, avatarProps));
+            return (
+              // AvatarTag always supplies size="xsmall", which is a valid
+              // TeamAvatarSize; TeamAvatar does not support UNSAFE_xsmall.
+              jsx(TeamAvatar, _extends({}, props, avatarProps))
+            );
           },
           hasMargin: false
         }), canShowArchivedLozenge ? jsx(Box, {

package/dist/esm/components/SizeableAvatar.js

@@ -28,8 +28,13 @@ export var SizeableAvatar = /*#__PURE__*/function (_React$PureComponent) {
         _this$props$type = _this$props.type,
         type = _this$props$type === void 0 ? 'person' : _this$props$type,
         avatarAppearanceShape = _this$props.avatarAppearanceShape;
+
+      // `getAvatarSize` only ever returns 'xsmall' | 'small' | 'medium', none of
+      // which is the team-avatar-unsupported `UNSAFE_xsmall` (20px) size. Keeping
+      // `size` narrowed here lets the object satisfy both Avatar and TeamAvatar.
+      var size = getAvatarSize(appearance);
       var props = _objectSpread({
-        size: getAvatarSize(appearance),
+        size: size,
         src: src,
         borderColor: 'transparent',
         presence: presence

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "13.4.4",
+	"version": "13.4.6",
 	"description": "Fabric component for display a dropdown to select a user from",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -65,7 +65,7 @@
 	"dependencies": {
 		"@atlaskit/afm-i18n-platform-elements-user-picker": "2.168.0",
 		"@atlaskit/analytics-next": "^12.3.0",
-		"@atlaskit/avatar": "^26.1.0",
+		"@atlaskit/avatar": "^26.2.0",
 		"@atlaskit/feature-gate-js-client": "^6.0.0",
 		"@atlaskit/icon": "^37.0.0",
 		"@atlaskit/logo": "^21.4.0",
@@ -73,13 +73,13 @@
 		"@atlaskit/people-teams-ui-public": "^5.1.0",
 		"@atlaskit/platform-feature-flags": "^2.0.0",
 		"@atlaskit/popper": "^8.3.0",
-		"@atlaskit/primitives": "^21.0.0",
+		"@atlaskit/primitives": "^22.0.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/select": "^22.5.0",
 		"@atlaskit/spinner": "^20.1.0",
 		"@atlaskit/tag": "^15.3.0",
-		"@atlaskit/teams-avatar": "^3.1.0",
-		"@atlaskit/tokens": "^15.8.0",
+		"@atlaskit/teams-avatar": "^3.2.0",
+		"@atlaskit/tokens": "^16.0.0",
 		"@atlaskit/tooltip": "^23.1.0",
 		"@atlaskit/ufo": "^1.0.0",
 		"@babel/runtime": "^7.0.0",