@atlaskit/profilecard 19.11.0 → 19.11.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/profilecard
 
+## 19.11.1
+
+### Patch Changes
+
+- [#73706](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/73706) [`3a5408573683`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3a5408573683) - Fix bug causing profilecard to disappear early in some circumstances
+
 ## 19.11.0
 
 ### Minor Changes

package/dist/cjs/client/getTeamFromAGG.js

@@ -57,7 +57,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', "19.11.0");
+  headers.append('atl-client-version', "19.11.1");
   return headers;
 };
 function getTeamFromAGG(_x, _x2, _x3) {

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

@@ -58,61 +58,55 @@ function ProfilecardTriggerNext(_ref) {
     setIsMounted = _useState2[1];
   var showDelay = trigger === 'click' ? 0 : _config.DELAY_MS_SHOW;
   var hideDelay = trigger === 'click' ? 0 : _config.DELAY_MS_HIDE;
-  var _useState3 = (0, _react.useState)(0),
+  var showTimer = (0, _react.useRef)(0);
+  var hideTimer = (0, _react.useRef)(0);
+  var _useState3 = (0, _react.useState)(false),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    showTimer = _useState4[0],
-    setShowTimer = _useState4[1];
-  var _useState5 = (0, _react.useState)(0),
+    visible = _useState4[0],
+    setVisible = _useState4[1];
+  var _useState5 = (0, _react.useState)(undefined),
     _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    hideTimer = _useState6[0],
-    setHideTimer = _useState6[1];
+    isLoading = _useState6[0],
+    setIsLoading = _useState6[1];
   var _useState7 = (0, _react.useState)(false),
     _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    visible = _useState8[0],
-    setVisible = _useState8[1];
-  var _useState9 = (0, _react.useState)(undefined),
+    hasError = _useState8[0],
+    setHasError = _useState8[1];
+  var _useState9 = (0, _react.useState)(null),
     _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-    isLoading = _useState10[0],
-    setIsLoading = _useState10[1];
-  var _useState11 = (0, _react.useState)(false),
+    error = _useState10[0],
+    setError = _useState10[1];
+  var _useState11 = (0, _react.useState)(null),
     _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-    hasError = _useState12[0],
-    setHasError = _useState12[1];
-  var _useState13 = (0, _react.useState)(null),
+    data = _useState12[0],
+    setData = _useState12[1];
+  var _useState13 = (0, _react.useState)(undefined),
     _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
-    error = _useState14[0],
-    setError = _useState14[1];
-  var _useState15 = (0, _react.useState)(null),
+    reportingLinesData = _useState14[0],
+    setReportingLinesData = _useState14[1];
+  var _useState15 = (0, _react.useState)(false),
     _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
-    data = _useState16[0],
-    setData = _useState16[1];
+    shouldShowGiveKudos = _useState16[0],
+    setShouldShowGiveKudos = _useState16[1];
   var _useState17 = (0, _react.useState)(undefined),
     _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
-    reportingLinesData = _useState18[0],
-    setReportingLinesData = _useState18[1];
+    teamCentralBaseUrl = _useState18[0],
+    setTeamCentralBaseUrl = _useState18[1];
   var _useState19 = (0, _react.useState)(false),
     _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
-    shouldShowGiveKudos = _useState20[0],
-    setShouldShowGiveKudos = _useState20[1];
-  var _useState21 = (0, _react.useState)(undefined),
+    kudosDrawerOpen = _useState20[0],
+    setKudosDrawerOpen = _useState20[1];
+  var _useState21 = (0, _react.useState)(false),
     _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
-    teamCentralBaseUrl = _useState22[0],
-    setTeamCentralBaseUrl = _useState22[1];
-  var _useState23 = (0, _react.useState)(false),
-    _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
-    kudosDrawerOpen = _useState24[0],
-    setKudosDrawerOpen = _useState24[1];
-  var _useState25 = (0, _react.useState)(false),
-    _useState26 = (0, _slicedToArray2.default)(_useState25, 2),
-    isTriggeredUsingKeyboard = _useState26[0],
-    setTriggeredUsingKeyboard = _useState26[1];
+    isTriggeredUsingKeyboard = _useState22[0],
+    setTriggeredUsingKeyboard = _useState22[1];
   var triggerRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
     setIsMounted(true);
     return function () {
       setIsMounted(false);
-      clearTimeout(showTimer);
-      clearTimeout(hideTimer);
+      clearTimeout(showTimer.current);
+      clearTimeout(hideTimer.current);
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
@@ -134,14 +128,14 @@ function ProfilecardTriggerNext(_ref) {
     (0, _analytics.fireEvent)(createAnalyticsEvent, payload);
   }, [createAnalyticsEvent, isMounted]);
   var hideProfilecard = (0, _react.useCallback)(function () {
-    clearTimeout(showTimer);
-    clearTimeout(hideTimer);
+    clearTimeout(showTimer.current);
+    clearTimeout(hideTimer.current);
     if (!isTriggeredUsingKeyboard) {
-      setHideTimer(window.setTimeout(function () {
+      hideTimer.current = window.setTimeout(function () {
         setVisible(false);
-      }, hideDelay));
+      }, hideDelay);
     }
-  }, [hideDelay, hideTimer, showTimer, isTriggeredUsingKeyboard]);
+  }, [hideDelay, isTriggeredUsingKeyboard]);
   var handleKeyboardClose = (0, _react.useCallback)(function (event) {
     if (event.key && event.key !== 'Escape') {
       return;
@@ -206,15 +200,15 @@ function ProfilecardTriggerNext(_ref) {
     }, _callee, null, [[7, 15]]);
   })), [cloudId, fireAnalytics, isLoading, resourceClient, userId, handleClientSuccess, handleClientError]);
   var showProfilecard = (0, _react.useCallback)(function () {
-    clearTimeout(hideTimer);
-    clearTimeout(showTimer);
-    setShowTimer(window.setTimeout(function () {
+    clearTimeout(hideTimer.current);
+    clearTimeout(showTimer.current);
+    showTimer.current = window.setTimeout(function () {
       if (!visible) {
         void clientFetchProfile();
         setVisible(true);
       }
-    }, showDelay));
-  }, [hideTimer, showDelay, showTimer, visible, clientFetchProfile]);
+    }, showDelay);
+  }, [showDelay, visible, clientFetchProfile]);
   var onClick = (0, _react.useCallback)(function (event) {
     // If the user clicks on the trigger then we don't want that click event to
     // propagate out to parent containers. For example when clicking a mention
@@ -295,9 +289,9 @@ function ProfilecardTriggerNext(_ref) {
     },
     placement: position,
     content: function content() {
-      return showLoading ? /*#__PURE__*/_react.default.createElement(LoadingView, {
+      return /*#__PURE__*/_react.default.createElement("div", wrapperProps, showLoading ? /*#__PURE__*/_react.default.createElement(LoadingView, {
         fireAnalytics: fireAnalytics
-      }) : /*#__PURE__*/_react.default.createElement("div", wrapperProps, visible && /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+      }) : visible && /*#__PURE__*/_react.default.createElement(_react.Suspense, {
         fallback: null
       }, /*#__PURE__*/_react.default.createElement(_lazyProfileCard.ProfileCardLazy, (0, _extends2.default)({}, profilecardProps, {
         actions: filterActions(),

package/dist/cjs/util/analytics.js

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

package/dist/es2019/client/getTeamFromAGG.js

@@ -67,7 +67,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', "19.11.0");
+  headers.append('atl-client-version', "19.11.1");
   return headers;
 };
 export async function getTeamFromAGG(url, teamId, siteId) {

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

@@ -36,8 +36,8 @@ export default function ProfilecardTriggerNext({
   const [isMounted, setIsMounted] = useState(false);
   const showDelay = trigger === 'click' ? 0 : DELAY_MS_SHOW;
   const hideDelay = trigger === 'click' ? 0 : DELAY_MS_HIDE;
-  const [showTimer, setShowTimer] = useState(0);
-  const [hideTimer, setHideTimer] = useState(0);
+  const showTimer = useRef(0);
+  const hideTimer = useRef(0);
   const [visible, setVisible] = useState(false);
   const [isLoading, setIsLoading] = useState(undefined);
   const [hasError, setHasError] = useState(false);
@@ -53,8 +53,8 @@ export default function ProfilecardTriggerNext({
     setIsMounted(true);
     return () => {
       setIsMounted(false);
-      clearTimeout(showTimer);
-      clearTimeout(hideTimer);
+      clearTimeout(showTimer.current);
+      clearTimeout(hideTimer.current);
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
@@ -76,14 +76,14 @@ export default function ProfilecardTriggerNext({
     fireEvent(createAnalyticsEvent, payload);
   }, [createAnalyticsEvent, isMounted]);
   const hideProfilecard = useCallback(() => {
-    clearTimeout(showTimer);
-    clearTimeout(hideTimer);
+    clearTimeout(showTimer.current);
+    clearTimeout(hideTimer.current);
     if (!isTriggeredUsingKeyboard) {
-      setHideTimer(window.setTimeout(() => {
+      hideTimer.current = window.setTimeout(() => {
         setVisible(false);
-      }, hideDelay));
+      }, hideDelay);
     }
-  }, [hideDelay, hideTimer, showTimer, isTriggeredUsingKeyboard]);
+  }, [hideDelay, isTriggeredUsingKeyboard]);
   const handleKeyboardClose = useCallback(event => {
     if (event.key && event.key !== 'Escape') {
       return;
@@ -131,15 +131,15 @@ export default function ProfilecardTriggerNext({
     }
   }, [cloudId, fireAnalytics, isLoading, resourceClient, userId, handleClientSuccess, handleClientError]);
   const showProfilecard = useCallback(() => {
-    clearTimeout(hideTimer);
-    clearTimeout(showTimer);
-    setShowTimer(window.setTimeout(() => {
+    clearTimeout(hideTimer.current);
+    clearTimeout(showTimer.current);
+    showTimer.current = window.setTimeout(() => {
       if (!visible) {
         void clientFetchProfile();
         setVisible(true);
       }
-    }, showDelay));
-  }, [hideTimer, showDelay, showTimer, visible, clientFetchProfile]);
+    }, showDelay);
+  }, [showDelay, visible, clientFetchProfile]);
   const onClick = useCallback(event => {
     // If the user clicks on the trigger then we don't want that click event to
     // propagate out to parent containers. For example when clicking a mention
@@ -215,9 +215,9 @@ export default function ProfilecardTriggerNext({
       handleKeyboardClose(event);
     },
     placement: position,
-    content: () => showLoading ? /*#__PURE__*/React.createElement(LoadingView, {
+    content: () => /*#__PURE__*/React.createElement("div", wrapperProps, showLoading ? /*#__PURE__*/React.createElement(LoadingView, {
       fireAnalytics: fireAnalytics
-    }) : /*#__PURE__*/React.createElement("div", wrapperProps, visible && /*#__PURE__*/React.createElement(Suspense, {
+    }) : visible && /*#__PURE__*/React.createElement(Suspense, {
       fallback: null
     }, /*#__PURE__*/React.createElement(ProfileCardLazy, _extends({}, profilecardProps, {
       actions: filterActions(),

package/dist/es2019/util/analytics.js

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

package/dist/esm/client/getTeamFromAGG.js

@@ -48,7 +48,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', "19.11.0");
+  headers.append('atl-client-version', "19.11.1");
   return headers;
 };
 export function getTeamFromAGG(_x, _x2, _x3) {

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

@@ -48,61 +48,55 @@ export default function ProfilecardTriggerNext(_ref) {
     setIsMounted = _useState2[1];
   var showDelay = trigger === 'click' ? 0 : DELAY_MS_SHOW;
   var hideDelay = trigger === 'click' ? 0 : DELAY_MS_HIDE;
-  var _useState3 = useState(0),
+  var showTimer = useRef(0);
+  var hideTimer = useRef(0);
+  var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    showTimer = _useState4[0],
-    setShowTimer = _useState4[1];
-  var _useState5 = useState(0),
+    visible = _useState4[0],
+    setVisible = _useState4[1];
+  var _useState5 = useState(undefined),
     _useState6 = _slicedToArray(_useState5, 2),
-    hideTimer = _useState6[0],
-    setHideTimer = _useState6[1];
+    isLoading = _useState6[0],
+    setIsLoading = _useState6[1];
   var _useState7 = useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
-    visible = _useState8[0],
-    setVisible = _useState8[1];
-  var _useState9 = useState(undefined),
+    hasError = _useState8[0],
+    setHasError = _useState8[1];
+  var _useState9 = useState(null),
     _useState10 = _slicedToArray(_useState9, 2),
-    isLoading = _useState10[0],
-    setIsLoading = _useState10[1];
-  var _useState11 = useState(false),
+    error = _useState10[0],
+    setError = _useState10[1];
+  var _useState11 = useState(null),
     _useState12 = _slicedToArray(_useState11, 2),
-    hasError = _useState12[0],
-    setHasError = _useState12[1];
-  var _useState13 = useState(null),
+    data = _useState12[0],
+    setData = _useState12[1];
+  var _useState13 = useState(undefined),
     _useState14 = _slicedToArray(_useState13, 2),
-    error = _useState14[0],
-    setError = _useState14[1];
-  var _useState15 = useState(null),
+    reportingLinesData = _useState14[0],
+    setReportingLinesData = _useState14[1];
+  var _useState15 = useState(false),
     _useState16 = _slicedToArray(_useState15, 2),
-    data = _useState16[0],
-    setData = _useState16[1];
+    shouldShowGiveKudos = _useState16[0],
+    setShouldShowGiveKudos = _useState16[1];
   var _useState17 = useState(undefined),
     _useState18 = _slicedToArray(_useState17, 2),
-    reportingLinesData = _useState18[0],
-    setReportingLinesData = _useState18[1];
+    teamCentralBaseUrl = _useState18[0],
+    setTeamCentralBaseUrl = _useState18[1];
   var _useState19 = useState(false),
     _useState20 = _slicedToArray(_useState19, 2),
-    shouldShowGiveKudos = _useState20[0],
-    setShouldShowGiveKudos = _useState20[1];
-  var _useState21 = useState(undefined),
+    kudosDrawerOpen = _useState20[0],
+    setKudosDrawerOpen = _useState20[1];
+  var _useState21 = useState(false),
     _useState22 = _slicedToArray(_useState21, 2),
-    teamCentralBaseUrl = _useState22[0],
-    setTeamCentralBaseUrl = _useState22[1];
-  var _useState23 = useState(false),
-    _useState24 = _slicedToArray(_useState23, 2),
-    kudosDrawerOpen = _useState24[0],
-    setKudosDrawerOpen = _useState24[1];
-  var _useState25 = useState(false),
-    _useState26 = _slicedToArray(_useState25, 2),
-    isTriggeredUsingKeyboard = _useState26[0],
-    setTriggeredUsingKeyboard = _useState26[1];
+    isTriggeredUsingKeyboard = _useState22[0],
+    setTriggeredUsingKeyboard = _useState22[1];
   var triggerRef = useRef(null);
   useEffect(function () {
     setIsMounted(true);
     return function () {
       setIsMounted(false);
-      clearTimeout(showTimer);
-      clearTimeout(hideTimer);
+      clearTimeout(showTimer.current);
+      clearTimeout(hideTimer.current);
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
@@ -124,14 +118,14 @@ export default function ProfilecardTriggerNext(_ref) {
     fireEvent(createAnalyticsEvent, payload);
   }, [createAnalyticsEvent, isMounted]);
   var hideProfilecard = useCallback(function () {
-    clearTimeout(showTimer);
-    clearTimeout(hideTimer);
+    clearTimeout(showTimer.current);
+    clearTimeout(hideTimer.current);
     if (!isTriggeredUsingKeyboard) {
-      setHideTimer(window.setTimeout(function () {
+      hideTimer.current = window.setTimeout(function () {
         setVisible(false);
-      }, hideDelay));
+      }, hideDelay);
     }
-  }, [hideDelay, hideTimer, showTimer, isTriggeredUsingKeyboard]);
+  }, [hideDelay, isTriggeredUsingKeyboard]);
   var handleKeyboardClose = useCallback(function (event) {
     if (event.key && event.key !== 'Escape') {
       return;
@@ -196,15 +190,15 @@ export default function ProfilecardTriggerNext(_ref) {
     }, _callee, null, [[7, 15]]);
   })), [cloudId, fireAnalytics, isLoading, resourceClient, userId, handleClientSuccess, handleClientError]);
   var showProfilecard = useCallback(function () {
-    clearTimeout(hideTimer);
-    clearTimeout(showTimer);
-    setShowTimer(window.setTimeout(function () {
+    clearTimeout(hideTimer.current);
+    clearTimeout(showTimer.current);
+    showTimer.current = window.setTimeout(function () {
       if (!visible) {
         void clientFetchProfile();
         setVisible(true);
       }
-    }, showDelay));
-  }, [hideTimer, showDelay, showTimer, visible, clientFetchProfile]);
+    }, showDelay);
+  }, [showDelay, visible, clientFetchProfile]);
   var onClick = useCallback(function (event) {
     // If the user clicks on the trigger then we don't want that click event to
     // propagate out to parent containers. For example when clicking a mention
@@ -285,9 +279,9 @@ export default function ProfilecardTriggerNext(_ref) {
     },
     placement: position,
     content: function content() {
-      return showLoading ? /*#__PURE__*/React.createElement(LoadingView, {
+      return /*#__PURE__*/React.createElement("div", wrapperProps, showLoading ? /*#__PURE__*/React.createElement(LoadingView, {
         fireAnalytics: fireAnalytics
-      }) : /*#__PURE__*/React.createElement("div", wrapperProps, visible && /*#__PURE__*/React.createElement(Suspense, {
+      }) : visible && /*#__PURE__*/React.createElement(Suspense, {
         fallback: null
       }, /*#__PURE__*/React.createElement(ProfileCardLazy, _extends({}, profilecardProps, {
         actions: filterActions(),

package/dist/esm/util/analytics.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/profilecard",
-  "version": "19.11.0",
+  "version": "19.11.1",
   "description": "A React component to display a card with user information.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"