@atlaskit/profilecard 22.2.0 → 22.2.2

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @atlaskit/profilecard
 
+## 22.2.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 22.2.1
+
+### Patch Changes
+
+- [#114979](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114979)
+  [`06b6a25655d18`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/06b6a25655d18) -
+  Fix for isVisibl
+- [#114983](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114983)
+  [`ba03c91383ce7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ba03c91383ce7) -
+  Remove invalid specifier
+
 ## 22.2.0
 
 ### Minor Changes

package/dist/cjs/client/getOrgIdForCloudIdFromAGG.js

@@ -11,7 +11,7 @@ var _graphqlUtils = require("./graphqlUtils");
 var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
 var addHeaders = function addHeaders(headers) {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "22.2.0");
+  headers.append('atl-client-version', "22.2.2");
   return headers;
 };
 function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/cjs/client/getTeamFromAGG.js

@@ -66,7 +66,7 @@ var addHeaders = exports.addHeaders = function addHeaders(headers) {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "22.2.0");
+  headers.append('atl-client-version', "22.2.2");
   return headers;
 };
 function getTeamFromAGG(_x, _x2, _x3) {

package/dist/cjs/components/User/ProfileCardTrigger.js

@@ -96,14 +96,15 @@ function ProfilecardTriggerNext(_ref2) {
     product = _ref2.product,
     agentActions = _ref2.agentActions,
     _ref2$ariaHideProfile = _ref2.ariaHideProfileTrigger,
-    ariaHideProfileTrigger = _ref2$ariaHideProfile === void 0 ? false : _ref2$ariaHideProfile;
+    ariaHideProfileTrigger = _ref2$ariaHideProfile === void 0 ? false : _ref2$ariaHideProfile,
+    propsIsVisible = _ref2.isVisible;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
   var isMounted = (0, _react.useRef)(false);
-  var showDelay = trigger === 'click' ? 0 : _config.DELAY_MS_SHOW;
-  var hideDelay = trigger === 'click' ? 0 : _config.DELAY_MS_HIDE;
+  var showDelay = trigger === 'click' || propsIsVisible && (0, _platformFeatureFlags.fg)('fix_profilecard_trigger_isvisible') ? 0 : _config.DELAY_MS_SHOW;
+  var hideDelay = trigger === 'click' || propsIsVisible && (0, _platformFeatureFlags.fg)('fix_profilecard_trigger_isvisible') ? 0 : _config.DELAY_MS_HIDE;
   var showTimer = (0, _react.useRef)(0);
   var hideTimer = (0, _react.useRef)(0);
   var _useState = (0, _react.useState)(false),
@@ -289,6 +290,16 @@ function ProfilecardTriggerNext(_ref2) {
   var onFocus = (0, _react.useCallback)(function () {
     showProfilecard();
   }, [showProfilecard]);
+  (0, _react.useEffect)(function () {
+    if (!(0, _platformFeatureFlags.fg)('fix_profilecard_trigger_isvisible')) {
+      return;
+    }
+    if (propsIsVisible) {
+      showProfilecard();
+    } else {
+      hideProfilecard();
+    }
+  }, [hideProfilecard, propsIsVisible, showProfilecard]);
   var containerListeners = (0, _react.useMemo)(function () {
     return trigger === 'hover' ? {
       onMouseEnter: onMouseEnter,

package/dist/cjs/styled/Card.js

@@ -1,4 +1,4 @@
-/* Card.tsx generated by @compiled/babel-plugin v0.36.0 */
+/* Card.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/styled/Error.js

@@ -1,4 +1,4 @@
-/* Error.tsx generated by @compiled/babel-plugin v0.36.0 */
+/* Error.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/styled/ReportingLines.js

@@ -1,4 +1,4 @@
-/* ReportingLines.tsx generated by @compiled/babel-plugin v0.36.0 */
+/* ReportingLines.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/styled/TeamCard.compiled.css

@@ -17,7 +17,6 @@
 ._1e0c1kw7{display:inherit}
 ._1e0c1txw{display:flex}
 ._1e0ccj1k{display:-webkit-box}
-._1itk1g60{background-image:url()}
 ._1lrw1dfr{background-size:cover}
 ._1p1dglyw{text-transform:none}
 ._1reo15vq{overflow-x:hidden}

package/dist/cjs/styled/TeamCard.js

@@ -1,4 +1,4 @@
-/* TeamCard.tsx generated by @compiled/babel-plugin v0.36.0 */
+/* TeamCard.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -23,7 +23,7 @@ var styles = {
   cardtriggerwrapper: "_1e0c1kw7",
   cardwrapper: "_2rkoglpi _1bsbnklw _kqswh2mm",
   teamforbiddenerrorstatewrapper: "_1bsbnklw _kqswh2mm",
-  cardheader: "_1itk1g60 _12vemgnk _ouxl1ssb _1lrw1dfr _4t3i1qr7",
+  cardheader: "_12vemgnk _ouxl1ssb _1lrw1dfr _4t3i1qr7",
   cardcontent: "_1e0c1txw _2lx21bp4 _ca0q1ejb _u5f31ejb _n3td1ejb _19bv1ejb _1tke1l8a",
   teamname: "_11c8o0gd _1reo15vq _18m915vq _1p1dglyw _c71lckbl _1e0ccj1k",
   membercount: "_syaz1wmz _19pk1b66",

package/dist/cjs/util/analytics.js

@@ -45,7 +45,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "22.2.0"
+      packageVersion: "22.2.2"
     }, attributes), {}, {
       firedAt: Math.round((0, _performance.getPageTime)())
     })

package/dist/es2019/client/getOrgIdForCloudIdFromAGG.js

@@ -6,7 +6,7 @@ const ORG_ID_FROM_CLOUD_ID_QUERY = `query OrgIdFromCloudId($cloudId: ID!) {
 }`;
 const addHeaders = headers => {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "22.2.0");
+  headers.append('atl-client-version', "22.2.2");
   return headers;
 };
 export async function getOrgIdForCloudIdFromAGG(url, cloudId) {

package/dist/es2019/client/getTeamFromAGG.js

@@ -75,7 +75,7 @@ export const addHeaders = headers => {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "22.2.0");
+  headers.append('atl-client-version', "22.2.2");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

package/dist/es2019/components/User/ProfileCardTrigger.js

@@ -73,7 +73,8 @@ export default function ProfilecardTriggerNext({
   viewingUserId,
   product,
   agentActions,
-  ariaHideProfileTrigger = false
+  ariaHideProfileTrigger = false,
+  isVisible: propsIsVisible
 }) {
   const {
     createAnalyticsEvent
@@ -82,8 +83,8 @@ export default function ProfilecardTriggerNext({
     formatMessage
   } = useIntl();
   const isMounted = useRef(false);
-  const showDelay = trigger === 'click' ? 0 : DELAY_MS_SHOW;
-  const hideDelay = trigger === 'click' ? 0 : DELAY_MS_HIDE;
+  const showDelay = trigger === 'click' || propsIsVisible && fg('fix_profilecard_trigger_isvisible') ? 0 : DELAY_MS_SHOW;
+  const hideDelay = trigger === 'click' || propsIsVisible && fg('fix_profilecard_trigger_isvisible') ? 0 : DELAY_MS_HIDE;
   const showTimer = useRef(0);
   const hideTimer = useRef(0);
   const [visible, setVisible] = useState(false);
@@ -222,6 +223,16 @@ export default function ProfilecardTriggerNext({
   const onFocus = useCallback(() => {
     showProfilecard();
   }, [showProfilecard]);
+  useEffect(() => {
+    if (!fg('fix_profilecard_trigger_isvisible')) {
+      return;
+    }
+    if (propsIsVisible) {
+      showProfilecard();
+    } else {
+      hideProfilecard();
+    }
+  }, [hideProfilecard, propsIsVisible, showProfilecard]);
   const containerListeners = useMemo(() => trigger === 'hover' ? {
     onMouseEnter: onMouseEnter,
     onMouseLeave: hideProfilecard,

package/dist/es2019/styled/Card.js

@@ -1,4 +1,4 @@
-/* Card.tsx generated by @compiled/babel-plugin v0.36.0 */
+/* Card.tsx generated by @compiled/babel-plugin v0.36.1 */
 /* eslint-disable @atlaskit/design-system/no-styled-tagged-template-expression -- needs manual remediation */
 import "./Card.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/styled/Error.js

@@ -1,4 +1,4 @@
-/* Error.tsx generated by @compiled/babel-plugin v0.36.0 */
+/* Error.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./Error.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/styled/ReportingLines.js

@@ -1,4 +1,4 @@
-/* ReportingLines.tsx generated by @compiled/babel-plugin v0.36.0 */
+/* ReportingLines.tsx generated by @compiled/babel-plugin v0.36.1 */
 import "./ReportingLines.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/es2019/styled/TeamCard.compiled.css

@@ -17,7 +17,6 @@
 ._1e0c1kw7{display:inherit}
 ._1e0c1txw{display:flex}
 ._1e0ccj1k{display:-webkit-box}
-._1itk1g60{background-image:url()}
 ._1lrw1dfr{background-size:cover}
 ._1p1dglyw{text-transform:none}
 ._1reo15vq{overflow-x:hidden}

package/dist/es2019/styled/TeamCard.js

@@ -1,4 +1,4 @@
-/* TeamCard.tsx generated by @compiled/babel-plugin v0.36.0 */
+/* TeamCard.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./TeamCard.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -16,7 +16,7 @@ const styles = {
   cardtriggerwrapper: "_1e0c1kw7",
   cardwrapper: "_2rkoglpi _1bsbnklw _kqswh2mm",
   teamforbiddenerrorstatewrapper: "_1bsbnklw _kqswh2mm",
-  cardheader: "_1itk1g60 _12vemgnk _ouxl1ssb _1lrw1dfr _4t3i1qr7",
+  cardheader: "_12vemgnk _ouxl1ssb _1lrw1dfr _4t3i1qr7",
   cardcontent: "_1e0c1txw _2lx21bp4 _ca0q1ejb _u5f31ejb _n3td1ejb _19bv1ejb _1tke1l8a",
   teamname: "_11c8o0gd _1reo15vq _18m915vq _1p1dglyw _c71lckbl _1e0ccj1k",
   membercount: "_syaz1wmz _19pk1b66",

package/dist/es2019/util/analytics.js

@@ -32,7 +32,7 @@ const createEvent = (eventType, action, actionSubject, actionSubjectId, attribut
   actionSubjectId,
   attributes: {
     packageName: "@atlaskit/profilecard",
-    packageVersion: "22.2.0",
+    packageVersion: "22.2.2",
     ...attributes,
     firedAt: Math.round(getPageTime())
   }

package/dist/esm/client/getOrgIdForCloudIdFromAGG.js

@@ -4,7 +4,7 @@ import { AGGQuery } from './graphqlUtils';
 var ORG_ID_FROM_CLOUD_ID_QUERY = "query OrgIdFromCloudId($cloudId: ID!) {\n\ttenantContexts(cloudIds: [$cloudId]) {\n\t\torgId\n\t}\n}";
 var addHeaders = function addHeaders(headers) {
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "22.2.0");
+  headers.append('atl-client-version', "22.2.2");
   return headers;
 };
 export function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/esm/client/getTeamFromAGG.js

@@ -57,7 +57,7 @@ export var addHeaders = function addHeaders(headers) {
   headers.append('X-ExperimentalApi', 'teams-beta');
   headers.append('X-ExperimentalApi', 'team-members-beta');
   headers.append('atl-client-name', "@atlaskit/profilecard");
-  headers.append('atl-client-version', "22.2.0");
+  headers.append('atl-client-version', "22.2.2");
   return headers;
 };
 export function getTeamFromAGG(_x, _x2, _x3) {

package/dist/esm/components/User/ProfileCardTrigger.js

@@ -86,14 +86,15 @@ export default function ProfilecardTriggerNext(_ref2) {
     product = _ref2.product,
     agentActions = _ref2.agentActions,
     _ref2$ariaHideProfile = _ref2.ariaHideProfileTrigger,
-    ariaHideProfileTrigger = _ref2$ariaHideProfile === void 0 ? false : _ref2$ariaHideProfile;
+    ariaHideProfileTrigger = _ref2$ariaHideProfile === void 0 ? false : _ref2$ariaHideProfile,
+    propsIsVisible = _ref2.isVisible;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
   var isMounted = useRef(false);
-  var showDelay = trigger === 'click' ? 0 : DELAY_MS_SHOW;
-  var hideDelay = trigger === 'click' ? 0 : DELAY_MS_HIDE;
+  var showDelay = trigger === 'click' || propsIsVisible && fg('fix_profilecard_trigger_isvisible') ? 0 : DELAY_MS_SHOW;
+  var hideDelay = trigger === 'click' || propsIsVisible && fg('fix_profilecard_trigger_isvisible') ? 0 : DELAY_MS_HIDE;
   var showTimer = useRef(0);
   var hideTimer = useRef(0);
   var _useState = useState(false),
@@ -279,6 +280,16 @@ export default function ProfilecardTriggerNext(_ref2) {
   var onFocus = useCallback(function () {
     showProfilecard();
   }, [showProfilecard]);
+  useEffect(function () {
+    if (!fg('fix_profilecard_trigger_isvisible')) {
+      return;
+    }
+    if (propsIsVisible) {
+      showProfilecard();
+    } else {
+      hideProfilecard();
+    }
+  }, [hideProfilecard, propsIsVisible, showProfilecard]);
   var containerListeners = useMemo(function () {
     return trigger === 'hover' ? {
       onMouseEnter: onMouseEnter,

package/dist/esm/styled/Card.js

@@ -1,4 +1,4 @@
-/* Card.tsx generated by @compiled/babel-plugin v0.36.0 */
+/* Card.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
 import "./Card.compiled.css";

package/dist/esm/styled/Error.js

@@ -1,4 +1,4 @@
-/* Error.tsx generated by @compiled/babel-plugin v0.36.0 */
+/* Error.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./Error.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/styled/ReportingLines.js

@@ -1,4 +1,4 @@
-/* ReportingLines.tsx generated by @compiled/babel-plugin v0.36.0 */
+/* ReportingLines.tsx generated by @compiled/babel-plugin v0.36.1 */
 import "./ReportingLines.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';

package/dist/esm/styled/TeamCard.compiled.css

@@ -17,7 +17,6 @@
 ._1e0c1kw7{display:inherit}
 ._1e0c1txw{display:flex}
 ._1e0ccj1k{display:-webkit-box}
-._1itk1g60{background-image:url()}
 ._1lrw1dfr{background-size:cover}
 ._1p1dglyw{text-transform:none}
 ._1reo15vq{overflow-x:hidden}

package/dist/esm/styled/TeamCard.js

@@ -1,4 +1,4 @@
-/* TeamCard.tsx generated by @compiled/babel-plugin v0.36.0 */
+/* TeamCard.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _extends from "@babel/runtime/helpers/extends";
 var _templateObject;
@@ -18,7 +18,7 @@ var styles = {
   cardtriggerwrapper: "_1e0c1kw7",
   cardwrapper: "_2rkoglpi _1bsbnklw _kqswh2mm",
   teamforbiddenerrorstatewrapper: "_1bsbnklw _kqswh2mm",
-  cardheader: "_1itk1g60 _12vemgnk _ouxl1ssb _1lrw1dfr _4t3i1qr7",
+  cardheader: "_12vemgnk _ouxl1ssb _1lrw1dfr _4t3i1qr7",
   cardcontent: "_1e0c1txw _2lx21bp4 _ca0q1ejb _u5f31ejb _n3td1ejb _19bv1ejb _1tke1l8a",
   teamname: "_11c8o0gd _1reo15vq _18m915vq _1p1dglyw _c71lckbl _1e0ccj1k",
   membercount: "_syaz1wmz _19pk1b66",

package/dist/esm/util/analytics.js

@@ -39,7 +39,7 @@ var createEvent = function createEvent(eventType, action, actionSubject, actionS
     actionSubjectId: actionSubjectId,
     attributes: _objectSpread(_objectSpread({
       packageName: "@atlaskit/profilecard",
-      packageVersion: "22.2.0"
+      packageVersion: "22.2.2"
     }, attributes), {}, {
       firedAt: Math.round(getPageTime())
     })

package/dist/types/components/User/ProfileCardTrigger.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type ProfileCardTriggerProps } from '../../types';
-export default function ProfilecardTriggerNext({ autoFocus, trigger, userId, cloudId, resourceClient, actions, position, children, testId, addFlag, onReportingLinesClick, ariaLabel, ariaLabelledBy, prepopulatedData, disabledAriaAttributes, onVisibilityChange, offset, viewingUserId, product, agentActions, ariaHideProfileTrigger, }: ProfileCardTriggerProps): React.JSX.Element;
+export default function ProfilecardTriggerNext({ autoFocus, trigger, userId, cloudId, resourceClient, actions, position, children, testId, addFlag, onReportingLinesClick, ariaLabel, ariaLabelledBy, prepopulatedData, disabledAriaAttributes, onVisibilityChange, offset, viewingUserId, product, agentActions, ariaHideProfileTrigger, isVisible: propsIsVisible, }: ProfileCardTriggerProps): React.JSX.Element;

package/dist/types-ts4.5/components/User/ProfileCardTrigger.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { type ProfileCardTriggerProps } from '../../types';
-export default function ProfilecardTriggerNext({ autoFocus, trigger, userId, cloudId, resourceClient, actions, position, children, testId, addFlag, onReportingLinesClick, ariaLabel, ariaLabelledBy, prepopulatedData, disabledAriaAttributes, onVisibilityChange, offset, viewingUserId, product, agentActions, ariaHideProfileTrigger, }: ProfileCardTriggerProps): React.JSX.Element;
+export default function ProfilecardTriggerNext({ autoFocus, trigger, userId, cloudId, resourceClient, actions, position, children, testId, addFlag, onReportingLinesClick, ariaLabel, ariaLabelledBy, prepopulatedData, disabledAriaAttributes, onVisibilityChange, offset, viewingUserId, product, agentActions, ariaHideProfileTrigger, isVisible: propsIsVisible, }: ProfileCardTriggerProps): React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/profilecard",
-	"version": "22.2.0",
+	"version": "22.2.2",
 	"description": "A React component to display a card with user information.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -59,19 +59,19 @@
 		"@atlaskit/dropdown-menu": "^12.26.0",
 		"@atlaskit/empty-state": "^8.2.0",
 		"@atlaskit/focus-ring": "^2.1.0",
-		"@atlaskit/give-kudos": "^3.1.0",
+		"@atlaskit/give-kudos": "^3.2.0",
 		"@atlaskit/icon": "^23.9.0",
 		"@atlaskit/lozenge": "^11.13.0",
 		"@atlaskit/menu": "^2.14.0",
 		"@atlaskit/modal-dialog": "^12.20.0",
 		"@atlaskit/people-teams-ui-public": "^2.1.0",
-		"@atlaskit/platform-feature-flags": "^1.0.0",
+		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popup": "^1.31.0",
 		"@atlaskit/primitives": "^13.5.0",
 		"@atlaskit/rovo-agent-components": "^1.17.0",
 		"@atlaskit/rovo-triggers": "^1.5.0",
 		"@atlaskit/spinner": "^17.1.0",
-		"@atlaskit/theme": "^15.0.0",
+		"@atlaskit/theme": "^16.0.0",
 		"@atlaskit/tokens": "^3.3.0",
 		"@atlaskit/tooltip": "^19.1.0",
 		"@babel/runtime": "^7.0.0",
@@ -149,6 +149,9 @@
 		},
 		"compiled-migration-profilecard": {
 			"type": "boolean"
+		},
+		"fix_profilecard_trigger_isvisible": {
+			"type": "boolean"
 		}
 	}
 }