@atlaskit/avatar 21.4.5 → 21.5.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/avatar
 
+## 21.5.0
+
+### Minor Changes
+
+- [#69996](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/69996) [`1b320a82df61`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/1b320a82df61) - Add Team fallback avatar
+- [#73763](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/73763) [`20bb01a34fcd`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/20bb01a34fcd) - test id selector added to Avatar label
+
+## 21.4.6
+
+### Patch Changes
+
+- [#70213](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/70213) [`31068e587071`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/31068e587071) - [ux] Removes decorative images of presence and status from view of assistive technologies. The presence and status are announced as part of the labeling of the parent component and therefore no longer necessary.
+
 ## 21.4.5
 
 ### Patch Changes

package/dist/cjs/Avatar.js

@@ -23,7 +23,7 @@ var _templateObject;
 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 = "21.4.5";
+var packageVersion = "21.5.0";
 
 // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
 
@@ -107,7 +107,7 @@ var Avatar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
     analyticsEvent.context.push(context);
 
     /**
-     * Replicating the logic in the `withAnalyticsEvents` HOC
+     * Replicating the logic in the `withAnalyticsEvents` HOC.
      */
     var clone = analyticsEvent.clone();
     if (clone) {
@@ -192,6 +192,7 @@ var Avatar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
     status: typeof status === 'string' ? status : undefined,
     testId: testId
   }, customStatusNode), containerShouldBeImage ? (0, _react2.jsx)("span", {
+    "data-testid": testId && "".concat(testId, "--label"),
     id: "".concat(uuid, "-label"),
     hidden: true
   }, defaultLabel) : undefined);

package/dist/cjs/Presence.js

@@ -91,6 +91,7 @@ var PresenceWrapper = exports.PresenceWrapper = function PresenceWrapper(_ref2)
     testId = _ref2.testId;
   var position = appearance === 'square' ? -4 : _constants.ICON_OFFSET[size];
   return /*#__PURE__*/_react.default.createElement("span", {
+    "aria-hidden": "true",
     "data-testid": testId && "".concat(testId, "--presence"),
     style: {
       pointerEvents: 'none',

package/dist/cjs/Status.js

@@ -76,9 +76,9 @@ var AvatarStatus = function AvatarStatus(_ref) {
 };
 var _default = exports.default = AvatarStatus;
 /**
- * Status wrapper**
+ * __Status wrapper__
  *
- * A status wrapper is used internally to position status ontop of the avatar.
+ * A status wrapper is used internally to position status on top of the avatar.
  */
 var StatusWrapper = exports.StatusWrapper = function StatusWrapper(_ref2) {
   var size = _ref2.size,
@@ -89,6 +89,7 @@ var StatusWrapper = exports.StatusWrapper = function StatusWrapper(_ref2) {
     testId = _ref2.testId;
   var position = appearance === 'square' ? 0 : _constants.ICON_OFFSET[size];
   return /*#__PURE__*/_react.default.createElement("span", {
+    "aria-hidden": "true",
     "data-testid": testId && "".concat(testId, "--status"),
     style: {
       position: 'absolute',

package/dist/es2019/Avatar.js

@@ -11,7 +11,7 @@ import { PresenceWrapper } from './Presence';
 import { StatusWrapper } from './Status';
 import { getButtonProps, getCustomElement, getLinkProps } from './utilities';
 const packageName = "@atlaskit/avatar";
-const packageVersion = "21.4.5";
+const packageVersion = "21.5.0";
 
 // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
 
@@ -182,7 +182,7 @@ const Avatar = /*#__PURE__*/forwardRef(({
     analyticsEvent.context.push(context);
 
     /**
-     * Replicating the logic in the `withAnalyticsEvents` HOC
+     * Replicating the logic in the `withAnalyticsEvents` HOC.
      */
     const clone = analyticsEvent.clone();
     if (clone) {
@@ -271,6 +271,7 @@ const Avatar = /*#__PURE__*/forwardRef(({
     status: typeof status === 'string' ? status : undefined,
     testId: testId
   }, customStatusNode), containerShouldBeImage ? jsx("span", {
+    "data-testid": testId && `${testId}--label`,
     id: `${uuid}-label`,
     hidden: true
   }, defaultLabel) : undefined);

package/dist/es2019/Presence.js

@@ -80,6 +80,7 @@ export const PresenceWrapper = ({
 }) => {
   const position = appearance === 'square' ? -4 : ICON_OFFSET[size];
   return /*#__PURE__*/React.createElement("span", {
+    "aria-hidden": "true",
     "data-testid": testId && `${testId}--presence`,
     style: {
       pointerEvents: 'none',

package/dist/es2019/Status.js

@@ -64,9 +64,9 @@ const AvatarStatus = ({
 }, getStatus(status)) : children);
 export default AvatarStatus;
 /**
- * Status wrapper**
+ * __Status wrapper__
  *
- * A status wrapper is used internally to position status ontop of the avatar.
+ * A status wrapper is used internally to position status on top of the avatar.
  */
 export const StatusWrapper = ({
   size,
@@ -78,6 +78,7 @@ export const StatusWrapper = ({
 }) => {
   const position = appearance === 'square' ? 0 : ICON_OFFSET[size];
   return /*#__PURE__*/React.createElement("span", {
+    "aria-hidden": "true",
     "data-testid": testId && `${testId}--status`,
     style: {
       position: 'absolute',

package/dist/esm/Avatar.js

@@ -16,7 +16,7 @@ import { PresenceWrapper } from './Presence';
 import { StatusWrapper } from './Status';
 import { getButtonProps, getCustomElement, getLinkProps } from './utilities';
 var packageName = "@atlaskit/avatar";
-var packageVersion = "21.4.5";
+var packageVersion = "21.5.0";
 
 // eslint-disable-next-line @repo/internal/react/consistent-types-definitions
 
@@ -100,7 +100,7 @@ var Avatar = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     analyticsEvent.context.push(context);
 
     /**
-     * Replicating the logic in the `withAnalyticsEvents` HOC
+     * Replicating the logic in the `withAnalyticsEvents` HOC.
      */
     var clone = analyticsEvent.clone();
     if (clone) {
@@ -185,6 +185,7 @@ var Avatar = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     status: typeof status === 'string' ? status : undefined,
     testId: testId
   }, customStatusNode), containerShouldBeImage ? jsx("span", {
+    "data-testid": testId && "".concat(testId, "--label"),
     id: "".concat(uuid, "-label"),
     hidden: true
   }, defaultLabel) : undefined);

package/dist/esm/Presence.js

@@ -80,6 +80,7 @@ export var PresenceWrapper = function PresenceWrapper(_ref2) {
     testId = _ref2.testId;
   var position = appearance === 'square' ? -4 : ICON_OFFSET[size];
   return /*#__PURE__*/React.createElement("span", {
+    "aria-hidden": "true",
     "data-testid": testId && "".concat(testId, "--presence"),
     style: {
       pointerEvents: 'none',

package/dist/esm/Status.js

@@ -65,9 +65,9 @@ var AvatarStatus = function AvatarStatus(_ref) {
 };
 export default AvatarStatus;
 /**
- * Status wrapper**
+ * __Status wrapper__
  *
- * A status wrapper is used internally to position status ontop of the avatar.
+ * A status wrapper is used internally to position status on top of the avatar.
  */
 export var StatusWrapper = function StatusWrapper(_ref2) {
   var size = _ref2.size,
@@ -78,6 +78,7 @@ export var StatusWrapper = function StatusWrapper(_ref2) {
     testId = _ref2.testId;
   var position = appearance === 'square' ? 0 : ICON_OFFSET[size];
   return /*#__PURE__*/React.createElement("span", {
+    "aria-hidden": "true",
     "data-testid": testId && "".concat(testId, "--status"),
     style: {
       position: 'absolute',

package/dist/types/Avatar.d.ts

@@ -4,7 +4,6 @@ import { AppearanceType, AvatarClickEventHandler, Presence, SizeType, Status } f
 export interface CustomAvatarProps {
     /**
      * This is used in render props so is okay to be defined.
-     * eslint-disable-next-line consistent-props-definitions
      */
     'aria-label'?: string;
     tabIndex?: number;

package/dist/types/Presence.d.ts

@@ -12,13 +12,9 @@ export interface PresenceProps {
      */
     children?: ReactNode;
     /**
-     * The type of presence indicator to show
+     * The type of presence indicator to show.
      */
     presence?: Presence;
-    /**
-     * Test Id
-     */
-    testId?: string;
 }
 /**
  * __Avatar presence__

package/dist/types/Status.d.ts

@@ -12,8 +12,7 @@ export interface StatusProps {
      */
     children?: ReactNode;
     /**
-     * Content to use as a custom status indicator. Not needed if consuming
-     * `Status` separate to `Avatar`.
+     * The type of status indicator to show.
      */
     status?: Status;
 }
@@ -30,12 +29,11 @@ export default AvatarStatus;
 interface StatusWrapperProps extends StatusProps {
     appearance: AppearanceType;
     size: IndicatorSizeType;
-    children: ReactNode;
     testId?: string;
 }
 /**
- * Status wrapper**
+ * __Status wrapper__
  *
- * A status wrapper is used internally to position status ontop of the avatar.
+ * A status wrapper is used internally to position status on top of the avatar.
  */
 export declare const StatusWrapper: FC<StatusWrapperProps>;

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

@@ -4,7 +4,6 @@ import { AppearanceType, AvatarClickEventHandler, Presence, SizeType, Status } f
 export interface CustomAvatarProps {
     /**
      * This is used in render props so is okay to be defined.
-     * eslint-disable-next-line consistent-props-definitions
      */
     'aria-label'?: string;
     tabIndex?: number;

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

@@ -12,13 +12,9 @@ export interface PresenceProps {
      */
     children?: ReactNode;
     /**
-     * The type of presence indicator to show
+     * The type of presence indicator to show.
      */
     presence?: Presence;
-    /**
-     * Test Id
-     */
-    testId?: string;
 }
 /**
  * __Avatar presence__

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

@@ -12,8 +12,7 @@ export interface StatusProps {
      */
     children?: ReactNode;
     /**
-     * Content to use as a custom status indicator. Not needed if consuming
-     * `Status` separate to `Avatar`.
+     * The type of status indicator to show.
      */
     status?: Status;
 }
@@ -30,12 +29,11 @@ export default AvatarStatus;
 interface StatusWrapperProps extends StatusProps {
     appearance: AppearanceType;
     size: IndicatorSizeType;
-    children: ReactNode;
     testId?: string;
 }
 /**
- * Status wrapper**
+ * __Status wrapper__
  *
- * A status wrapper is used internally to position status ontop of the avatar.
+ * A status wrapper is used internally to position status on top of the avatar.
  */
 export declare const StatusWrapper: FC<StatusWrapperProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/avatar",
-  "version": "21.4.5",
+  "version": "21.5.0",
   "description": "An avatar is a visual representation of a user or entity.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -43,10 +43,10 @@
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@atlaskit/analytics-next": "^9.1.0",
+    "@atlaskit/analytics-next": "^9.2.0",
     "@atlaskit/icon": "^22.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.34.0",
+    "@atlaskit/tokens": "^1.38.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "@emotion/serialize": "^1.1.0",