@atlaskit/profilecard 26.2.4 → 26.3.0

package/docs/2-team-profilecard.tsx

@@ -1,29 +1,22 @@
 import React from 'react';
 
-import { AtlassianInternalWarning, code, Example, md, Props } from '@atlaskit/docs';
-import { TeamsLink } from '@atlaskit/teams-app-internal-navigation/teams-link';
+import { AtlassianInternalWarning, code, md } from '@atlaskit/docs';
 
 const _default_1: any = md`
   ${(<AtlassianInternalWarning />)}
 
-  A React component that wraps a trigger, such that when interacted a user profile card pops up.
+  ## Deprecated
 
-  It's recommended to talk to us, in particular our team's designers, on Slack at
-  #help-people-and-teams-xpc before integrating this in your product. This is for the purpose of
-  design's understanding, as it is important that design understands the consumer / your use
-  case(s), and we are happy to chat further if the current design doesn't meet your needs.
+  **TeamProfileCardTrigger is deprecated and no longer provides any profile card functionality.**
+  It simply renders its children as-is without any popup or interaction behavior.
 
-  ## Usage
+  ### Migration
 
-  ### Using the ProfileCardTrigger
+  Use \`TeamProfileCardWithTrigger\` from \`@atlassian/team-profilecard\` instead:
 
   ${code`
-import ProfileCardTrigger from '@atlaskit/profilecard/user';
-import ProfileClient from '@atlaskit/profilecard/client';
-
-const profileClient = new ProfileClient({
-  url: 'https://directory-graphql-service/endpoint' // GraphQL service endpoint
-});
+// Before (deprecated - no longer works)
+import { TeamProfileCardTrigger } from '@atlaskit/profilecard';
 
 <TeamProfileCardTrigger
   orgId="SOME-ORG-ID"
@@ -32,47 +25,29 @@ const profileClient = new ProfileClient({
 >
   <Avatar ... />
 </TeamProfileCardTrigger>
-  `}
-
-  ${(
-		<Example
-			packageName="@atlaskit/profilecard"
-			Component={require('../examples/09-team-profilecard-trigger').default}
-			title="Profilecard"
-			source={require('!!raw-loader!../examples/09-team-profilecard-trigger')}
-		/>
-	)}
 
-  Here are some relevant examples for better understanding the \`trigger\` and \`triggerLinkType\`
-  props:
+// After (use this instead)
+import { TeamProfileCardWithTrigger } from '@atlassian/team-profilecard/trigger';
 
-  ${(
-		<ul>
-			<li>
-				<TeamsLink
-					href="/examples/people-and-teams/profilecard/trigger-link-types"
-					intent="reference"
-				>
-					Trigger link types
-				</TeamsLink>
-			</li>
-			<li>
-				<TeamsLink
-					href="/examples/people-and-teams/profilecard/team-profilecard-trigger"
-					intent="reference"
-				>
-					Team profilecard trigger
-				</TeamsLink>
-			</li>
-		</ul>
-	)}
+<TeamProfileCardWithTrigger
+  teamAri={toTeamARI(teamId)}
+  cloudId={cloudId}
+  userId={userId}
+  trigger="hover"
+  showFlag={addFlag}
+>
+  <Avatar ... />
+</TeamProfileCardWithTrigger>
+  `}
 
-  ${(
-		<Props
-			heading="TeamProfileCardTrigger Props..."
-			props={require('!!extract-react-types-loader!../src/components/Team/TeamProfileCardTrigger')}
-		/>
-	)}
+  ### Key differences
 
+  - **teamAri** replaces \`teamId\` and \`orgId\` - use \`toTeamARI(teamId)\` from \`@atlaskit/teams-client\`
+  - **cloudId** is now a required prop
+  - **userId** is the viewing user's account ID
+  - **showFlag** replaces \`addFlag\` for displaying flag notifications
+  - **trigger** accepts \`'hover'\`, \`'click'\`, or \`['hover', 'click']\` instead of \`'hover-click'\`
+  - **placement** replaces \`position\` for popup placement
+  - **resourceClient** is no longer needed - the new component handles data fetching internally via Relay
 `;
 export default _default_1;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "26.2.4",
+	"version": "26.3.0",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -93,6 +93,7 @@
 		"@atlassian/feature-flags-test-utils": "^1.1.0",
 		"@atlassian/platform-storybook-helpers": "^0.3.0",
 		"@atlassian/ptc-test-utils": "^0.13.0",
+		"@atlassian/testing-library": "^0.6.0",
 		"@storybook/addon-actions": "^8.6.14",
 		"@storybook/test": "^8.6.14",
 		"@testing-library/react": "^16.3.0",
@@ -145,9 +146,6 @@
 		"cover-header-image-team-profilecard": {
 			"type": "boolean"
 		},
-		"people-teams-deprecate-profilecard-teams": {
-			"type": "boolean"
-		},
 		"rovo_display_ai_disclaimer_on_agent_profile_card": {
 			"type": "boolean"
 		},