@atlaskit/avatar 25.4.4 → 25.5.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/avatar
 
+## 25.5.0
+
+### Minor Changes
+
+- [`f70c3197f7179`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f70c3197f7179) -
+  [ux] add hexagon appearanceShape to user-picker based on appType as agent
+
 ## 25.4.4
 
 ### Patch Changes

package/dist/cjs/avatar-content.js

@@ -110,8 +110,10 @@ var AvatarContent = exports.AvatarContent = /*#__PURE__*/(0, _react.forwardRef)(
   // layer multiple elements and use their background colors to create the different layers.
   return /*#__PURE__*/React.createElement("div", {
     style: (0, _defineProperty2.default)((0, _defineProperty2.default)({}, bgColorCssVar, borderColor), boxShadowCssVar, "0 0 0 2px ".concat(borderColor)),
+    "data-testid": testId ? "".concat(testId, "-hexagon-focus-container") : 'hexagon-focus-container',
     className: (0, _runtime.ax)([unboundStyles.hexagonFocusContainer, marginAdjustmentMap[size]])
   }, /*#__PURE__*/React.createElement("div", {
+    "data-testid": testId ? "".concat(testId, "-hexagon-border-container") : 'hexagon-border-container',
     className: (0, _runtime.ax)([unboundStyles.hexagonBorderContainer])
   }, renderedContent));
 });

package/dist/cjs/avatar.js

@@ -24,7 +24,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 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/avatar";
-var packageVersion = "25.4.3";
+var packageVersion = "25.4.4";
 var containerStyles = null;
 
 // eslint-disable-next-line @repo/internal/react/consistent-types-definitions

package/dist/cjs/index.js

@@ -70,6 +70,12 @@ Object.defineProperty(exports, "default", {
     return _avatar.default;
   }
 });
+Object.defineProperty(exports, "getAppearanceForAppType", {
+  enumerable: true,
+  get: function get() {
+    return _utilities.getAppearanceForAppType;
+  }
+});
 Object.defineProperty(exports, "useAvatarContext", {
   enumerable: true,
   get: function get() {
@@ -82,5 +88,6 @@ var _avatarItem = _interopRequireDefault(require("./avatar-item"));
 var _presence = _interopRequireDefault(require("./presence"));
 var _status = _interopRequireDefault(require("./status"));
 var _skeleton = _interopRequireDefault(require("./skeleton"));
+var _utilities = require("./utilities");
 var _context = require("./context");
 var _constants = require("./constants");

package/dist/cjs/utilities.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getAppearanceForAppType = getAppearanceForAppType;
 exports.getCustomElement = void 0;
 var getCustomElement = exports.getCustomElement = function getCustomElement(isDisabled, href, onClick) {
   if (href && !isDisabled) {
@@ -12,4 +13,14 @@ var getCustomElement = exports.getCustomElement = function getCustomElement(isDi
     return 'button';
   }
   return 'span';
-};
+};
+function getAppearanceForAppType(appType) {
+  switch (appType) {
+    case 'agent':
+      return 'hexagon';
+    case 'user':
+    case 'system':
+    default:
+      return 'circle';
+  }
+}

package/dist/es2019/avatar-content.js

@@ -107,8 +107,10 @@ export const AvatarContent = /*#__PURE__*/forwardRef(({
       [bgColorCssVar]: borderColor,
       [boxShadowCssVar]: `0 0 0 2px ${borderColor}`
     },
+    "data-testid": testId ? `${testId}-hexagon-focus-container` : 'hexagon-focus-container',
     className: ax([unboundStyles.hexagonFocusContainer, marginAdjustmentMap[size]])
   }, /*#__PURE__*/React.createElement("div", {
+    "data-testid": testId ? `${testId}-hexagon-border-container` : 'hexagon-border-container',
     className: ax([unboundStyles.hexagonBorderContainer])
   }, renderedContent));
 });

package/dist/es2019/avatar.js

@@ -12,7 +12,7 @@ import { PresenceWrapper } from './presence';
 import { StatusWrapper } from './status';
 import { getCustomElement } from './utilities';
 const packageName = "@atlaskit/avatar";
-const packageVersion = "25.4.3";
+const packageVersion = "25.4.4";
 const containerStyles = null;
 
 // eslint-disable-next-line @repo/internal/react/consistent-types-definitions

package/dist/es2019/index.js

@@ -4,5 +4,6 @@ export { default as AvatarItem } from './avatar-item';
 export { default as Presence } from './presence';
 export { default as Status } from './status';
 export { default as Skeleton } from './skeleton';
+export { getAppearanceForAppType } from './utilities';
 export { AvatarContext, useAvatarContext } from './context';
 export { AVATAR_SIZES, BORDER_WIDTH, AVATAR_RADIUS, ACTIVE_SCALE_FACTOR } from './constants';

package/dist/es2019/utilities.js

@@ -6,4 +6,14 @@ export const getCustomElement = (isDisabled, href, onClick) => {
     return 'button';
   }
   return 'span';
-};
+};
+export function getAppearanceForAppType(appType) {
+  switch (appType) {
+    case 'agent':
+      return 'hexagon';
+    case 'user':
+    case 'system':
+    default:
+      return 'circle';
+  }
+}

package/dist/esm/avatar-content.js

@@ -101,8 +101,10 @@ export var AvatarContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
   // layer multiple elements and use their background colors to create the different layers.
   return /*#__PURE__*/React.createElement("div", {
     style: _defineProperty(_defineProperty({}, bgColorCssVar, borderColor), boxShadowCssVar, "0 0 0 2px ".concat(borderColor)),
+    "data-testid": testId ? "".concat(testId, "-hexagon-focus-container") : 'hexagon-focus-container',
     className: ax([unboundStyles.hexagonFocusContainer, marginAdjustmentMap[size]])
   }, /*#__PURE__*/React.createElement("div", {
+    "data-testid": testId ? "".concat(testId, "-hexagon-border-container") : 'hexagon-border-container',
     className: ax([unboundStyles.hexagonBorderContainer])
   }, renderedContent));
 });

package/dist/esm/avatar.js

@@ -15,7 +15,7 @@ import { PresenceWrapper } from './presence';
 import { StatusWrapper } from './status';
 import { getCustomElement } from './utilities';
 var packageName = "@atlaskit/avatar";
-var packageVersion = "25.4.3";
+var packageVersion = "25.4.4";
 var containerStyles = null;
 
 // eslint-disable-next-line @repo/internal/react/consistent-types-definitions

package/dist/esm/index.js

@@ -4,5 +4,6 @@ export { default as AvatarItem } from './avatar-item';
 export { default as Presence } from './presence';
 export { default as Status } from './status';
 export { default as Skeleton } from './skeleton';
+export { getAppearanceForAppType } from './utilities';
 export { AvatarContext, useAvatarContext } from './context';
 export { AVATAR_SIZES, BORDER_WIDTH, AVATAR_RADIUS, ACTIVE_SCALE_FACTOR } from './constants';

package/dist/esm/utilities.js

@@ -6,4 +6,14 @@ export var getCustomElement = function getCustomElement(isDisabled, href, onClic
     return 'button';
   }
   return 'span';
-};
+};
+export function getAppearanceForAppType(appType) {
+  switch (appType) {
+    case 'agent':
+      return 'hexagon';
+    case 'user':
+    case 'system':
+    default:
+      return 'circle';
+  }
+}

package/dist/types/index.d.ts

@@ -9,6 +9,7 @@ export { default as Status } from './status';
 export type { StatusProps } from './status';
 export { default as Skeleton } from './skeleton';
 export type { SkeletonProps } from './skeleton';
+export { getAppearanceForAppType } from './utilities';
 export { AvatarContext, type AvatarContextProps, useAvatarContext } from './context';
 export { AVATAR_SIZES, BORDER_WIDTH, AVATAR_RADIUS, ACTIVE_SCALE_FACTOR } from './constants';
 export type { AvatarClickEventHandler, AppearanceType, SizeType, Presence as PresenceType, Status as StatusType, IndicatorSizeType, } from './types';

package/dist/types/utilities.d.ts

@@ -1,2 +1,4 @@
 import { type MouseEventHandler } from 'react';
+import type { AppearanceType } from './types';
 export declare const getCustomElement: (isDisabled?: boolean, href?: string, onClick?: MouseEventHandler) => "a" | "button" | "span";
+export declare function getAppearanceForAppType(appType: string | null | undefined): AppearanceType;

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

@@ -9,6 +9,7 @@ export { default as Status } from './status';
 export type { StatusProps } from './status';
 export { default as Skeleton } from './skeleton';
 export type { SkeletonProps } from './skeleton';
+export { getAppearanceForAppType } from './utilities';
 export { AvatarContext, type AvatarContextProps, useAvatarContext } from './context';
 export { AVATAR_SIZES, BORDER_WIDTH, AVATAR_RADIUS, ACTIVE_SCALE_FACTOR } from './constants';
 export type { AvatarClickEventHandler, AppearanceType, SizeType, Presence as PresenceType, Status as StatusType, IndicatorSizeType, } from './types';

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

@@ -1,2 +1,4 @@
 import { type MouseEventHandler } from 'react';
+import type { AppearanceType } from './types';
 export declare const getCustomElement: (isDisabled?: boolean, href?: string, onClick?: MouseEventHandler) => "a" | "button" | "span";
+export declare function getAppearanceForAppType(appType: string | null | undefined): AppearanceType;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/avatar",
-	"version": "25.4.4",
+	"version": "25.5.0",
 	"description": "An avatar is a visual representation of a user or entity.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -60,8 +60,8 @@
 		"@atlaskit/range": "^9.2.0",
 		"@atlaskit/section-message": "^8.7.0",
 		"@atlaskit/textfield": "^8.0.0",
-		"@atlaskit/tooltip": "^20.5.0",
-		"@atlassian/feature-flags-test-utils": "^0.3.0",
+		"@atlaskit/tooltip": "^20.6.0",
+		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/ssr-tests": "^0.3.0",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/user-event": "^14.4.3",