@atlaskit/user-picker 11.14.0 → 11.16.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/user-picker
 
+## 11.16.0
+
+### Minor Changes
+
+- [`d94a169c0305b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d94a169c0305b) -
+  set avatarAppearanceShape for SingleValue and SingleValueContainer based on appType
+
+## 11.15.0
+
+### Minor Changes
+
+- [`9b49b64b62885`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9b49b64b62885) -
+  set avatarAppearanceShape for SingleValue and SingleValueContainer based on appType
+
 ## 11.14.0
 
 ### Minor 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; } // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
 var packageName = "@atlaskit/user-picker";
-var packageVersion = "11.13.2";
+var packageVersion = "0.0.0-development";
 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/SingleValue.js

@@ -12,6 +12,8 @@ var _runtime = require("@compiled/react/runtime");
 var _select = require("@atlaskit/select");
 var _SizeableAvatar = require("./SizeableAvatar");
 var _utils = require("./utils");
+var _avatar = require("@atlaskit/avatar");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _verifiedTeamIcon = require("@atlaskit/people-teams-ui-public/verified-team-icon");
 var _compiled = require("@atlaskit/primitives/compiled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -21,8 +23,10 @@ var styles = {
   avatarItemText: "_syazi7uo _1reo15vq _1bto1l2s _o5721q9c"
 };
 var ElementAfter = function ElementAfter(props) {
-  var data = props.data.data;
-  if ((0, _utils.isTeam)(data) && data.verified) {
+  var data = props.data.data,
+    shouldShowVerifiedIcon = props.shouldShowVerifiedIcon;
+  var showIcon = shouldShowVerifiedIcon ? shouldShowVerifiedIcon(data) : (0, _utils.isTeam)(data) && data.verified;
+  if (showIcon) {
     return /*#__PURE__*/React.createElement(_verifiedTeamIcon.VerifiedTeamIcon, null);
   }
   return null;
@@ -39,7 +43,8 @@ var SingleValue = exports.SingleValue = function SingleValue(props) {
   }, /*#__PURE__*/React.createElement(_SizeableAvatar.SizeableAvatar, {
     src: (0, _utils.getAvatarUrl)(data),
     appearance: appearance,
-    type: (0, _utils.isTeam)(data) ? 'team' : 'person'
+    type: (0, _utils.isTeam)(data) ? 'team' : 'person',
+    avatarAppearanceShape: (0, _platformFeatureFlags.fg)('jira_ai_agent_avatar_user_picker_user_option') ? (0, _avatar.getAppearanceForAppType)(data.appType) : undefined
   }), /*#__PURE__*/React.createElement(_compiled.Box, {
     xcss: styles.avatarItem
   }, /*#__PURE__*/React.createElement("div", {

package/dist/cjs/components/SingleValueContainer.js

@@ -20,6 +20,8 @@ var _react = _interopRequireDefault(require("react"));
 var _select = require("@atlaskit/select");
 var _SizeableAvatar = require("./SizeableAvatar");
 var _ValueContainerWrapper = _interopRequireDefault(require("./ValueContainerWrapper"));
+var _avatar = require("@atlaskit/avatar");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _excluded = ["children"];
 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; })(); }
@@ -52,7 +54,8 @@ var SingleValueContainer = exports.SingleValueContainer = /*#__PURE__*/function
         return /*#__PURE__*/_react.default.createElement(_SizeableAvatar.SizeableAvatar, {
           appearance: appearance,
           type: placeholderAvatar,
-          src: showUserAvatar(inputValue, value) ? value.data.avatarUrl : undefined
+          src: showUserAvatar(inputValue, value) ? value.data.avatarUrl : undefined,
+          avatarAppearanceShape: value && value.data && (0, _platformFeatureFlags.fg)('jira_ai_agent_avatar_user_picker_user_option') ? (0, _avatar.getAppearanceForAppType)(value.data.appType) : undefined
         });
       }
       return null;

package/dist/cjs/index.js

@@ -33,6 +33,12 @@ Object.defineProperty(exports, "PopupUserPicker", {
     return _PopupUserPicker.PopupUserPicker;
   }
 });
+Object.defineProperty(exports, "SingleValue", {
+  enumerable: true,
+  get: function get() {
+    return _SingleValue.SingleValue;
+  }
+});
 Object.defineProperty(exports, "TeamType", {
   enumerable: true,
   get: function get() {
@@ -90,5 +96,6 @@ Object.defineProperty(exports, "isValidEmail", {
 var _emailValidation = require("./components/emailValidation");
 var _UserPicker = require("./components/UserPicker");
 var _PopupUserPicker = require("./components/PopupUserPicker");
+var _SingleValue = require("./components/SingleValue");
 var _utils = require("./components/utils");
 var _types = require("./types");

package/dist/es2019/analytics.js

@@ -3,7 +3,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.13.2";
+const packageVersion = "0.0.0-development";
 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/SingleValue.js

@@ -5,6 +5,8 @@ import { ax, ix } from "@compiled/react/runtime";
 import { components } from '@atlaskit/select';
 import { SizeableAvatar } from './SizeableAvatar';
 import { getAvatarUrl, isTeam } from './utils';
+import { getAppearanceForAppType } from '@atlaskit/avatar';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
 import { Box, Flex, Inline } from '@atlaskit/primitives/compiled';
 const styles = {
@@ -16,9 +18,11 @@ const ElementAfter = props => {
   const {
     data: {
       data
-    }
+    },
+    shouldShowVerifiedIcon
   } = props;
-  if (isTeam(data) && data.verified) {
+  const showIcon = shouldShowVerifiedIcon ? shouldShowVerifiedIcon(data) : isTeam(data) && data.verified;
+  if (showIcon) {
     return /*#__PURE__*/React.createElement(VerifiedTeamIcon, null);
   }
   return null;
@@ -40,7 +44,8 @@ export const SingleValue = props => {
   }, /*#__PURE__*/React.createElement(SizeableAvatar, {
     src: getAvatarUrl(data),
     appearance: appearance,
-    type: isTeam(data) ? 'team' : 'person'
+    type: isTeam(data) ? 'team' : 'person',
+    avatarAppearanceShape: fg('jira_ai_agent_avatar_user_picker_user_option') ? getAppearanceForAppType(data.appType) : undefined
   }), /*#__PURE__*/React.createElement(Box, {
     xcss: styles.avatarItem
   }, /*#__PURE__*/React.createElement("div", {

package/dist/es2019/components/SingleValueContainer.js

@@ -7,6 +7,8 @@ import React from 'react';
 import { components } from '@atlaskit/select';
 import { SizeableAvatar } from './SizeableAvatar';
 import ValueContainerWrapper from './ValueContainerWrapper';
+import { getAppearanceForAppType } from '@atlaskit/avatar';
+import { fg } from '@atlaskit/platform-feature-flags';
 const valueContainerStyles = {
   root: "_yv0e5bpd _ca0q12x7 _n3td12x7 _19bvze3t _1reo15vq _18m91wug _1fjgglyw _c71l1osq _1suq1j28 _1ke8idpf"
 };
@@ -32,7 +34,8 @@ export class SingleValueContainer extends React.Component {
         return /*#__PURE__*/React.createElement(SizeableAvatar, {
           appearance: appearance,
           type: placeholderAvatar,
-          src: showUserAvatar(inputValue, value) ? value.data.avatarUrl : undefined
+          src: showUserAvatar(inputValue, value) ? value.data.avatarUrl : undefined,
+          avatarAppearanceShape: value && value.data && fg('jira_ai_agent_avatar_user_picker_user_option') ? getAppearanceForAppType(value.data.appType) : undefined
         });
       }
       return null;

package/dist/es2019/index.js

@@ -1,6 +1,7 @@
 export { isValidEmail } from './components/emailValidation';
 export { UserPicker as default } from './components/UserPicker';
 export { PopupUserPicker } from './components/PopupUserPicker';
+export { SingleValue } from './components/SingleValue';
 export { isEmail, isExternalUser, isTeam, isUser, isGroup } from './components/utils';
 export {
 // Constants

package/dist/esm/analytics.js

@@ -6,7 +6,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.13.2";
+var packageVersion = "0.0.0-development";
 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/SingleValue.js

@@ -5,6 +5,8 @@ import { ax, ix } from "@compiled/react/runtime";
 import { components } from '@atlaskit/select';
 import { SizeableAvatar } from './SizeableAvatar';
 import { getAvatarUrl, isTeam } from './utils';
+import { getAppearanceForAppType } from '@atlaskit/avatar';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { VerifiedTeamIcon } from '@atlaskit/people-teams-ui-public/verified-team-icon';
 import { Box, Flex, Inline } from '@atlaskit/primitives/compiled';
 var styles = {
@@ -13,8 +15,10 @@ var styles = {
   avatarItemText: "_syazi7uo _1reo15vq _1bto1l2s _o5721q9c"
 };
 var ElementAfter = function ElementAfter(props) {
-  var data = props.data.data;
-  if (isTeam(data) && data.verified) {
+  var data = props.data.data,
+    shouldShowVerifiedIcon = props.shouldShowVerifiedIcon;
+  var showIcon = shouldShowVerifiedIcon ? shouldShowVerifiedIcon(data) : isTeam(data) && data.verified;
+  if (showIcon) {
     return /*#__PURE__*/React.createElement(VerifiedTeamIcon, null);
   }
   return null;
@@ -31,7 +35,8 @@ export var SingleValue = function SingleValue(props) {
   }, /*#__PURE__*/React.createElement(SizeableAvatar, {
     src: getAvatarUrl(data),
     appearance: appearance,
-    type: isTeam(data) ? 'team' : 'person'
+    type: isTeam(data) ? 'team' : 'person',
+    avatarAppearanceShape: fg('jira_ai_agent_avatar_user_picker_user_option') ? getAppearanceForAppType(data.appType) : undefined
   }), /*#__PURE__*/React.createElement(Box, {
     xcss: styles.avatarItem
   }, /*#__PURE__*/React.createElement("div", {

package/dist/esm/components/SingleValueContainer.js

@@ -16,6 +16,8 @@ import React from 'react';
 import { components } from '@atlaskit/select';
 import { SizeableAvatar } from './SizeableAvatar';
 import ValueContainerWrapper from './ValueContainerWrapper';
+import { getAppearanceForAppType } from '@atlaskit/avatar';
+import { fg } from '@atlaskit/platform-feature-flags';
 var valueContainerStyles = {
   root: "_yv0e5bpd _ca0q12x7 _n3td12x7 _19bvze3t _1reo15vq _18m91wug _1fjgglyw _c71l1osq _1suq1j28 _1ke8idpf"
 };
@@ -45,7 +47,8 @@ export var SingleValueContainer = /*#__PURE__*/function (_React$Component) {
         return /*#__PURE__*/React.createElement(SizeableAvatar, {
           appearance: appearance,
           type: placeholderAvatar,
-          src: showUserAvatar(inputValue, value) ? value.data.avatarUrl : undefined
+          src: showUserAvatar(inputValue, value) ? value.data.avatarUrl : undefined,
+          avatarAppearanceShape: value && value.data && fg('jira_ai_agent_avatar_user_picker_user_option') ? getAppearanceForAppType(value.data.appType) : undefined
         });
       }
       return null;

package/dist/esm/index.js

@@ -1,6 +1,7 @@
 export { isValidEmail } from './components/emailValidation';
 export { UserPicker as default } from './components/UserPicker';
 export { PopupUserPicker } from './components/PopupUserPicker';
+export { SingleValue } from './components/SingleValue';
 export { isEmail, isExternalUser, isTeam, isUser, isGroup } from './components/utils';
 export {
 // Constants

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

@@ -1,4 +1,6 @@
-import { type Option } from '../types';
+import { type Option, type OptionData } from '../types';
 import { type SingleValueProps } from '@atlaskit/select';
-export type Props = SingleValueProps<Option>;
+export type Props = SingleValueProps<Option> & {
+    shouldShowVerifiedIcon?: (data: OptionData) => boolean;
+};
 export declare const SingleValue: (props: Props) => JSX.Element | null;

package/dist/types/index.d.ts

@@ -2,6 +2,7 @@ export { isValidEmail } from './components/emailValidation';
 export type { EmailValidationResponse, EmailValidator } from './components/emailValidation';
 export { UserPicker as default } from './components/UserPicker';
 export { PopupUserPicker } from './components/PopupUserPicker';
+export { SingleValue } from './components/SingleValue';
 export { isEmail, isExternalUser, isTeam, isUser, isGroup } from './components/utils';
 export { CustomType, EmailType, GroupType, TeamType, UserType, ExternalUserType, } from './types';
 export type { ActionTypes, Appearance, AtlasKitSelectChange, AtlaskitSelectValue, DefaultValue, InputActionTypes, LozengeProps, OnChange, OnInputChange, OnOption, OnPicker, Option, OptionData, OptionIdentifier, PopupUserPickerProps, Promisable, Target, UserPickerProps, UserPickerState, Value, Custom, Email, Group, GroupHighlight, HighlightRange, LoadOptions, Team, TeamMember, TeamHighlight, User, UserHighlight, ExternalUser, UserSource, } from './types';

package/dist/types/types.d.ts

@@ -262,6 +262,7 @@ export interface CustomHighlight {
     name: HighlightRange[];
 }
 export interface OptionData {
+    appType?: string | null;
     avatarUrl?: any;
     fixed?: boolean;
     id: string;

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

@@ -1,4 +1,6 @@
-import { type Option } from '../types';
+import { type Option, type OptionData } from '../types';
 import { type SingleValueProps } from '@atlaskit/select';
-export type Props = SingleValueProps<Option>;
+export type Props = SingleValueProps<Option> & {
+    shouldShowVerifiedIcon?: (data: OptionData) => boolean;
+};
 export declare const SingleValue: (props: Props) => JSX.Element | null;

package/dist/types-ts4.5/index.d.ts

@@ -2,6 +2,7 @@ export { isValidEmail } from './components/emailValidation';
 export type { EmailValidationResponse, EmailValidator } from './components/emailValidation';
 export { UserPicker as default } from './components/UserPicker';
 export { PopupUserPicker } from './components/PopupUserPicker';
+export { SingleValue } from './components/SingleValue';
 export { isEmail, isExternalUser, isTeam, isUser, isGroup } from './components/utils';
 export { CustomType, EmailType, GroupType, TeamType, UserType, ExternalUserType, } from './types';
 export type { ActionTypes, Appearance, AtlasKitSelectChange, AtlaskitSelectValue, DefaultValue, InputActionTypes, LozengeProps, OnChange, OnInputChange, OnOption, OnPicker, Option, OptionData, OptionIdentifier, PopupUserPickerProps, Promisable, Target, UserPickerProps, UserPickerState, Value, Custom, Email, Group, GroupHighlight, HighlightRange, LoadOptions, Team, TeamMember, TeamHighlight, User, UserHighlight, ExternalUser, UserSource, } from './types';

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

@@ -265,6 +265,7 @@ export interface CustomHighlight {
     name: HighlightRange[];
 }
 export interface OptionData {
+    appType?: string | null;
     avatarUrl?: any;
     fixed?: boolean;
     id: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/user-picker",
-	"version": "11.14.0",
+	"version": "11.16.0",
 	"description": "Fabric component for display a dropdown to select a user from",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -51,13 +51,13 @@
 		"@atlaskit/people-teams-ui-public": "^3.7.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popper": "^7.1.0",
-		"@atlaskit/primitives": "^16.1.0",
+		"@atlaskit/primitives": "^16.2.0",
 		"@atlaskit/select": "^21.4.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/teams-avatar": "^2.4.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^8.0.0",
-		"@atlaskit/tooltip": "^20.8.0",
+		"@atlaskit/tokens": "^8.1.0",
+		"@atlaskit/tooltip": "^20.10.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",