@atlaskit/user-picker 10.19.8 → 10.19.10

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/user-picker
 
+## 10.19.10
+
+### Patch Changes
+
+- [#85437](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/85437) [`b3bed8af54a0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b3bed8af54a0) - Remove duplicate hidden name announcement in single-value picker
+- Updated dependencies
+
+## 10.19.9
+
+### Patch Changes
+
+- [#85640](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/85640) [`da6c4e34a2a0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/da6c4e34a2a0) - [ux] Removed name prop being passed to Avatar to fix an issue where VoiceOver users have the selected user name repeated twice.
+
 ## 10.19.8
 
 ### Patch Changes

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 = "10.19.8";
+var packageVersion = "10.19.10";
 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

@@ -55,13 +55,10 @@ var CustomOption = exports.CustomOption = /*#__PURE__*/function (_React$PureComp
       return _this.getBylineComponent(_this.props.isSelected, _this.props.data.byline);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderAvatar", function () {
-      var _this$props$data3 = _this.props.data,
-        avatarUrl = _this$props$data3.avatarUrl,
-        name = _this$props$data3.name;
+      var avatarUrl = _this.props.data.avatarUrl;
       return (0, _react.jsx)(_SizeableAvatar.SizeableAvatar, {
         appearance: "big",
-        src: avatarUrl,
-        name: name
+        src: avatarUrl
       });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getLozengeProps", function () {

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

@@ -87,15 +87,12 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderAvatar", function () {
       var _this$props = _this.props,
-        _this$props$user2 = _this$props.user,
-        avatarUrl = _this$props$user2.avatarUrl,
-        name = _this$props$user2.name,
+        avatarUrl = _this$props.user.avatarUrl,
         status = _this$props.status;
       return (0, _react2.jsx)(_SizeableAvatar.SizeableAvatar, {
         appearance: "big",
         src: avatarUrl,
-        presence: status,
-        name: name
+        presence: status
       });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fireEvent", function (eventCreator) {
@@ -134,10 +131,10 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "formattedTooltipContent",
     value: function formattedTooltipContent() {
-      var _this$props$user3 = this.props.user,
-        id = _this$props$user3.id,
-        requiresSourceHydration = _this$props$user3.requiresSourceHydration,
-        sources = _this$props$user3.sources;
+      var _this$props$user2 = this.props.user,
+        id = _this$props$user2.id,
+        requiresSourceHydration = _this$props$user2.requiresSourceHydration,
+        sources = _this$props$user2.sources;
       return (0, _react2.jsx)(_ExternalUserSourcesContainer.ExternalUserSourcesContainer, {
         accountId: id,
         shouldFetchSources: Boolean(requiresSourceHydration),

package/dist/cjs/components/SingleValue.js

@@ -40,8 +40,7 @@ var SingleValue = exports.SingleValue = function SingleValue(props) {
     backgroundColor: "transparent",
     avatar: (0, _react.jsx)(_SizeableAvatar.SizeableAvatar, {
       src: (0, _utils.getAvatarUrl)(data),
-      appearance: appearance,
-      name: label
+      appearance: appearance
     }),
     primaryText: label
   }, function (_ref) {

package/dist/cjs/components/SizeableAvatar.js

@@ -28,7 +28,6 @@ var SizeableAvatar = exports.SizeableAvatar = /*#__PURE__*/function (_React$Pure
     value: function render() {
       var _this$props = this.props,
         src = _this$props.src,
-        name = _this$props.name,
         presence = _this$props.presence,
         appearance = _this$props.appearance,
         _this$props$type = _this$props.type,
@@ -36,7 +35,6 @@ var SizeableAvatar = exports.SizeableAvatar = /*#__PURE__*/function (_React$Pure
       var props = {
         size: (0, _utils.getAvatarSize)(appearance),
         src: src,
-        name: name,
         borderColor: 'transparent',
         presence: presence
       };

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

@@ -85,13 +85,10 @@ var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponen
       }, message);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderAvatar", function () {
-      var _this$props$team3 = _this.props.team,
-        avatarUrl = _this$props$team3.avatarUrl,
-        name = _this$props$team3.name;
+      var avatarUrl = _this.props.team.avatarUrl;
       return (0, _react.jsx)(_SizeableAvatar.SizeableAvatar, {
         appearance: "big",
         src: avatarUrl,
-        name: name,
         type: "team"
       });
     });
@@ -101,8 +98,8 @@ var TeamOption = exports.TeamOption = /*#__PURE__*/function (_React$PureComponen
       } : _this.props.team.lozenge;
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderCustomByLine", function () {
-      var _this$props$team4;
-      if (!((_this$props$team4 = _this.props.team) !== null && _this$props$team4 !== void 0 && _this$props$team4.byline)) {
+      var _this$props$team3;
+      if (!((_this$props$team3 = _this.props.team) !== null && _this$props$team3 !== void 0 && _this$props$team3.byline)) {
         return undefined;
       }
       return (0, _react.jsx)("span", {

package/dist/cjs/components/UserOption.js

@@ -60,15 +60,12 @@ var UserOption = exports.UserOption = /*#__PURE__*/function (_React$PureComponen
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderAvatar", function () {
       var _this$props = _this.props,
-        _this$props$user2 = _this$props.user,
-        avatarUrl = _this$props$user2.avatarUrl,
-        name = _this$props$user2.name,
+        avatarUrl = _this$props.user.avatarUrl,
         status = _this$props.status;
       return (0, _react.jsx)(_SizeableAvatar.SizeableAvatar, {
         appearance: "big",
         src: avatarUrl,
-        presence: status,
-        name: name
+        presence: status
       });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getLozengeProps", function () {

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 = "10.19.8";
+const packageVersion = "10.19.10";
 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

@@ -37,14 +37,12 @@ export class CustomOption extends React.PureComponent {
     _defineProperty(this, "renderAvatar", () => {
       const {
         data: {
-          avatarUrl,
-          name
+          avatarUrl
         }
       } = this.props;
       return jsx(SizeableAvatar, {
         appearance: "big",
-        src: avatarUrl,
-        name: name
+        src: avatarUrl
       });
     });
     _defineProperty(this, "getLozengeProps", () => typeof this.props.data.lozenge === 'string' ? {

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

@@ -68,16 +68,14 @@ class ExternalUserOptionImpl extends React.PureComponent {
     _defineProperty(this, "renderAvatar", () => {
       const {
         user: {
-          avatarUrl,
-          name
+          avatarUrl
         },
         status
       } = this.props;
       return jsx(SizeableAvatar, {
         appearance: "big",
         src: avatarUrl,
-        presence: status,
-        name: name
+        presence: status
       });
     });
     _defineProperty(this, "fireEvent", (eventCreator, ...args) => {

package/dist/es2019/components/SingleValue.js

@@ -35,8 +35,7 @@ export const SingleValue = props => {
     backgroundColor: "transparent",
     avatar: jsx(SizeableAvatar, {
       src: getAvatarUrl(data),
-      appearance: appearance,
-      name: label
+      appearance: appearance
     }),
     primaryText: label
   }, ({

package/dist/es2019/components/SizeableAvatar.js

@@ -6,7 +6,6 @@ export class SizeableAvatar extends React.PureComponent {
   render() {
     const {
       src,
-      name,
       presence,
       appearance,
       type = 'person'
@@ -14,7 +13,6 @@ export class SizeableAvatar extends React.PureComponent {
     const props = {
       size: getAvatarSize(appearance),
       src,
-      name,
       borderColor: 'transparent',
       presence
     };

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

@@ -69,14 +69,12 @@ export class TeamOption extends React.PureComponent {
     _defineProperty(this, "renderAvatar", () => {
       const {
         team: {
-          avatarUrl,
-          name
+          avatarUrl
         }
       } = this.props;
       return jsx(SizeableAvatar, {
         appearance: "big",
         src: avatarUrl,
-        name: name,
         type: "team"
       });
     });

package/dist/es2019/components/UserOption.js

@@ -41,16 +41,14 @@ export class UserOption extends React.PureComponent {
     _defineProperty(this, "renderAvatar", () => {
       const {
         user: {
-          avatarUrl,
-          name
+          avatarUrl
         },
         status
       } = this.props;
       return jsx(SizeableAvatar, {
         appearance: "big",
         src: avatarUrl,
-        presence: status,
-        name: name
+        presence: status
       });
     });
     _defineProperty(this, "getLozengeProps", () => typeof this.props.user.lozenge === 'string' ? {

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 = "10.19.8";
+var packageVersion = "10.19.10";
 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

@@ -49,13 +49,10 @@ export var CustomOption = /*#__PURE__*/function (_React$PureComponent) {
       return _this.getBylineComponent(_this.props.isSelected, _this.props.data.byline);
     });
     _defineProperty(_assertThisInitialized(_this), "renderAvatar", function () {
-      var _this$props$data3 = _this.props.data,
-        avatarUrl = _this$props$data3.avatarUrl,
-        name = _this$props$data3.name;
+      var avatarUrl = _this.props.data.avatarUrl;
       return jsx(SizeableAvatar, {
         appearance: "big",
-        src: avatarUrl,
-        name: name
+        src: avatarUrl
       });
     });
     _defineProperty(_assertThisInitialized(_this), "getLozengeProps", function () {

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

@@ -81,15 +81,12 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
     });
     _defineProperty(_assertThisInitialized(_this), "renderAvatar", function () {
       var _this$props = _this.props,
-        _this$props$user2 = _this$props.user,
-        avatarUrl = _this$props$user2.avatarUrl,
-        name = _this$props$user2.name,
+        avatarUrl = _this$props.user.avatarUrl,
         status = _this$props.status;
       return jsx(SizeableAvatar, {
         appearance: "big",
         src: avatarUrl,
-        presence: status,
-        name: name
+        presence: status
       });
     });
     _defineProperty(_assertThisInitialized(_this), "fireEvent", function (eventCreator) {
@@ -128,10 +125,10 @@ var ExternalUserOptionImpl = /*#__PURE__*/function (_React$PureComponent) {
   }, {
     key: "formattedTooltipContent",
     value: function formattedTooltipContent() {
-      var _this$props$user3 = this.props.user,
-        id = _this$props$user3.id,
-        requiresSourceHydration = _this$props$user3.requiresSourceHydration,
-        sources = _this$props$user3.sources;
+      var _this$props$user2 = this.props.user,
+        id = _this$props$user2.id,
+        requiresSourceHydration = _this$props$user2.requiresSourceHydration,
+        sources = _this$props$user2.sources;
       return jsx(ExternalUserSourcesContainer, {
         accountId: id,
         shouldFetchSources: Boolean(requiresSourceHydration),

package/dist/esm/components/SingleValue.js

@@ -33,8 +33,7 @@ export var SingleValue = function SingleValue(props) {
     backgroundColor: "transparent",
     avatar: jsx(SizeableAvatar, {
       src: getAvatarUrl(data),
-      appearance: appearance,
-      name: label
+      appearance: appearance
     }),
     primaryText: label
   }, function (_ref) {

package/dist/esm/components/SizeableAvatar.js

@@ -21,7 +21,6 @@ export var SizeableAvatar = /*#__PURE__*/function (_React$PureComponent) {
     value: function render() {
       var _this$props = this.props,
         src = _this$props.src,
-        name = _this$props.name,
         presence = _this$props.presence,
         appearance = _this$props.appearance,
         _this$props$type = _this$props.type,
@@ -29,7 +28,6 @@ export var SizeableAvatar = /*#__PURE__*/function (_React$PureComponent) {
       var props = {
         size: getAvatarSize(appearance),
         src: src,
-        name: name,
         borderColor: 'transparent',
         presence: presence
       };

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

@@ -79,13 +79,10 @@ export var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
       }, message);
     });
     _defineProperty(_assertThisInitialized(_this), "renderAvatar", function () {
-      var _this$props$team3 = _this.props.team,
-        avatarUrl = _this$props$team3.avatarUrl,
-        name = _this$props$team3.name;
+      var avatarUrl = _this.props.team.avatarUrl;
       return jsx(SizeableAvatar, {
         appearance: "big",
         src: avatarUrl,
-        name: name,
         type: "team"
       });
     });
@@ -95,8 +92,8 @@ export var TeamOption = /*#__PURE__*/function (_React$PureComponent) {
       } : _this.props.team.lozenge;
     });
     _defineProperty(_assertThisInitialized(_this), "renderCustomByLine", function () {
-      var _this$props$team4;
-      if (!((_this$props$team4 = _this.props.team) !== null && _this$props$team4 !== void 0 && _this$props$team4.byline)) {
+      var _this$props$team3;
+      if (!((_this$props$team3 = _this.props.team) !== null && _this$props$team3 !== void 0 && _this$props$team3.byline)) {
         return undefined;
       }
       return jsx("span", {

package/dist/esm/components/UserOption.js

@@ -54,15 +54,12 @@ export var UserOption = /*#__PURE__*/function (_React$PureComponent) {
     });
     _defineProperty(_assertThisInitialized(_this), "renderAvatar", function () {
       var _this$props = _this.props,
-        _this$props$user2 = _this$props.user,
-        avatarUrl = _this$props$user2.avatarUrl,
-        name = _this$props$user2.name,
+        avatarUrl = _this$props.user.avatarUrl,
         status = _this$props.status;
       return jsx(SizeableAvatar, {
         appearance: "big",
         src: avatarUrl,
-        presence: status,
-        name: name
+        presence: status
       });
     });
     _defineProperty(_assertThisInitialized(_this), "getLozengeProps", function () {

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { UserPickerProps, UserPickerState } from '../types';
 export type BaseUserPickerProps = UserPickerProps & {
-    SelectComponent: React.ComponentClass<any>;
+    SelectComponent: React.ComponentType<any>;
     pickerProps?: any;
     styles: any;
     components: any;

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

@@ -2,7 +2,6 @@ import React from 'react';
 export type Props = {
     appearance: string;
     src?: string;
-    name?: string;
     presence?: string;
     type?: 'person' | 'team';
 };

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

@@ -24,6 +24,6 @@ export declare const isSingleValue: (value?: AtlaskitSelectValue) => value is Op
 export declare const hasValue: (value?: string) => value is string;
 export declare const callCallback: <U extends any[], R>(callback: ((...U: U) => R) | undefined, ...args: U) => R | undefined;
 export declare const getAvatarUrl: (optionData: OptionData) => string | undefined;
-export declare const isPopupUserPickerByComponent: (SelectComponent: React.ComponentClass<any>) => boolean;
+export declare const isPopupUserPickerByComponent: (SelectComponent: React.ComponentType<any>) => boolean;
 export declare const isPopupUserPickerByProps: (selectProps: any) => boolean;
 export declare const isLozengeText: (lozengeProp: ReactNode | LozengeProps) => lozengeProp is LozengeProps;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { UserPickerProps, UserPickerState } from '../types';
 export type BaseUserPickerProps = UserPickerProps & {
-    SelectComponent: React.ComponentClass<any>;
+    SelectComponent: React.ComponentType<any>;
     pickerProps?: any;
     styles: any;
     components: any;

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

@@ -2,7 +2,6 @@ import React from 'react';
 export type Props = {
     appearance: string;
     src?: string;
-    name?: string;
     presence?: string;
     type?: 'person' | 'team';
 };

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

@@ -24,6 +24,6 @@ export declare const isSingleValue: (value?: AtlaskitSelectValue) => value is Op
 export declare const hasValue: (value?: string) => value is string;
 export declare const callCallback: <U extends any[], R>(callback: ((...U: U) => R) | undefined, ...args: U) => R | undefined;
 export declare const getAvatarUrl: (optionData: OptionData) => string | undefined;
-export declare const isPopupUserPickerByComponent: (SelectComponent: React.ComponentClass<any>) => boolean;
+export declare const isPopupUserPickerByComponent: (SelectComponent: React.ComponentType<any>) => boolean;
 export declare const isPopupUserPickerByProps: (selectProps: any) => boolean;
 export declare const isLozengeText: (lozengeProp: ReactNode | LozengeProps) => lozengeProp is LozengeProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/user-picker",
-  "version": "10.19.8",
+  "version": "10.19.10",
   "description": "Fabric component for display a dropdown to select a user from",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -49,12 +49,12 @@
     "@atlaskit/lozenge": "^11.6.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
     "@atlaskit/popper": "^5.5.0",
-    "@atlaskit/primitives": "^5.1.0",
-    "@atlaskit/select": "^17.3.0",
+    "@atlaskit/primitives": "^5.5.0",
+    "@atlaskit/select": "^17.6.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/teams-avatar": "^1.0.0",
-    "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.42.0",
+    "@atlaskit/theme": "^12.7.0",
+    "@atlaskit/tokens": "^1.43.0",
     "@atlaskit/tooltip": "^18.1.0",
     "@atlaskit/ufo": "^0.2.0",
     "@babel/runtime": "^7.0.0",