@atlaskit/profilecard 23.16.4 → 23.16.7

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @atlaskit/profilecard
 
+## 23.16.7
+
+### Patch Changes
+
+- [#160653](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/160653)
+  [`9e0f4bc934a62`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9e0f4bc934a62) -
+  [ux] PTC-11533 Render team web link card && update where we work section title to Team links
+- Updated dependencies
+
+## 23.16.6
+
+### Patch Changes
+
+- [#161702](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/161702)
+  [`f4e1432bdb902`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f4e1432bdb902) -
+  Update the formatting of the local time in the user card to use am/pm over midnight/noon
+
+## 23.16.5
+
+### Patch Changes
+
+- [#156607](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/156607)
+  [`88044bfdf186f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/88044bfdf186f) -
+  Splits styles for the profilecard triggers into separate files from the main card styles in order
+  to reduce the bundle size of the triggers, allowing more code to be loaded async
+- Updated dependencies
+
 ## 23.16.4
 
 ### Patch Changes

package/dist/cjs/client/UserProfileCardClient.js

@@ -105,7 +105,7 @@ var UserProfileCardClient = exports.default = /*#__PURE__*/function (_CachingCli
     value: function () {
       var _makeRequest = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(cloudId, userId) {
         var _user$extendedProfile, _user$extendedProfile2, _user$extendedProfile3, _user$extendedProfile4, _user$extendedProfile5;
-        var gatewayGraphqlUrl, urlWithOperationName, userQueryPromise, user, timestring, localWeekdayIndex;
+        var gatewayGraphqlUrl, urlWithOperationName, userQueryPromise, user, timestring, localWeekdayIndex, timeFormat;
         return _regenerator.default.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -117,11 +117,12 @@ var UserProfileCardClient = exports.default = /*#__PURE__*/function (_CachingCli
             case 5:
               user = _context2.sent;
               localWeekdayIndex = new Date().getDay().toString();
+              timeFormat = (0, _platformFeatureFlags.fg)('platform_profilecard-update-time-format') ? 'h:mmaaa' : 'h:mmbbb';
               if (user.zoneinfo) {
                 if ((0, _date.localTime)(user.zoneinfo, 'i') === localWeekdayIndex) {
-                  timestring = (0, _date.localTime)(user.zoneinfo, 'h:mmbbb') || undefined;
+                  timestring = (0, _date.localTime)(user.zoneinfo, timeFormat) || undefined;
                 } else {
-                  timestring = (0, _date.localTime)(user.zoneinfo, 'eee h:mmbbb') || undefined;
+                  timestring = (0, _date.localTime)(user.zoneinfo, "eee ".concat(timeFormat)) || undefined;
                 }
               }
               return _context2.abrupt("return", _objectSpread(_objectSpread({}, user), {}, {
@@ -138,7 +139,7 @@ var UserProfileCardClient = exports.default = /*#__PURE__*/function (_CachingCli
                 companyName: (_user$extendedProfile5 = user.extendedProfile) === null || _user$extendedProfile5 === void 0 ? void 0 : _user$extendedProfile5.organization,
                 timestring: timestring
               }));
-            case 9:
+            case 10:
             case "end":
               return _context2.stop();
           }

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', "23.16.4");
+  headers.append('atl-client-version', "23.16.7");
   return headers;
 };
 function getOrgIdForCloudIdFromAGG(_x, _x2) {

package/dist/cjs/client/getTeamFromAGG.js

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

package/dist/cjs/components/Team/TeamLoadingState.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
-var _TeamCard = require("../../styled/TeamCard");
+var _TeamTrigger = require("../../styled/TeamTrigger");
 var _analytics = require("../../util/analytics");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -21,11 +21,11 @@ var _default = exports.default = function _default(props) {
       });
     });
   }, [analytics]);
-  return /*#__PURE__*/_react.default.createElement(_TeamCard.CardWrapper, {
+  return /*#__PURE__*/_react.default.createElement(_TeamTrigger.CardWrapper, {
     testId: "team-profilecard"
-  }, /*#__PURE__*/_react.default.createElement(_TeamCard.CardHeader, {
+  }, /*#__PURE__*/_react.default.createElement(_TeamTrigger.CardHeader, {
     isLoading: true
-  }), /*#__PURE__*/_react.default.createElement(_TeamCard.CardContent, null, /*#__PURE__*/_react.default.createElement(_TeamCard.LoadingWrapper, {
+  }), /*#__PURE__*/_react.default.createElement(_TeamTrigger.CardContent, null, /*#__PURE__*/_react.default.createElement(_TeamTrigger.LoadingWrapper, {
     testId: "team-profilecard-spinner"
   }, /*#__PURE__*/_react.default.createElement(_spinner.default, null))));
 };

package/dist/cjs/components/Team/TeamProfileCard.js

@@ -30,6 +30,7 @@ var _messages = _interopRequireDefault(require("../../messages"));
 var _Card = require("../../styled/Card");
 var _Error = require("../../styled/Error");
 var _TeamCard = require("../../styled/TeamCard");
+var _TeamTrigger = require("../../styled/TeamTrigger");
 var _analytics = require("../../util/analytics");
 var _click = require("../../util/click");
 var _Error2 = require("../Error");
@@ -310,12 +311,12 @@ var TeamProfilecardContent = function TeamProfilecardContent(_ref5) {
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [analytics]);
-  return /*#__PURE__*/_react.default.createElement(_TeamCard.CardWrapper, {
+  return /*#__PURE__*/_react.default.createElement(_TeamTrigger.CardWrapper, {
     testId: "team-profilecard"
-  }, /*#__PURE__*/_react.default.createElement(_TeamCard.CardHeader, {
+  }, /*#__PURE__*/_react.default.createElement(_TeamTrigger.CardHeader, {
     image: team.largeHeaderImageUrl || team.smallHeaderImageUrl,
     label: team.displayName
-  }), /*#__PURE__*/_react.default.createElement(_TeamCard.CardContent, null, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+  }), /*#__PURE__*/_react.default.createElement(_TeamTrigger.CardContent, null, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
     content: team.displayName
   }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, null, /*#__PURE__*/_react.default.createElement(_TeamCard.TeamName, null, team.displayName), team.isVerified && /*#__PURE__*/_react.default.createElement(_verifiedTeamIcon.VerifiedTeamIcon, null))), /*#__PURE__*/_react.default.createElement(TeamMembers, {
     analytics: analytics,
@@ -382,7 +383,7 @@ var TeamProfileCard = function TeamProfileCard(props) {
         analytics: analytics
       });
     } else {
-      return /*#__PURE__*/_react.default.createElement(_TeamCard.CardWrapper, {
+      return /*#__PURE__*/_react.default.createElement(_TeamTrigger.CardWrapper, {
         testId: "team-profilecard"
       }, /*#__PURE__*/_react.default.createElement(ErrorMessage, {
         analytics: analytics,

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

@@ -21,6 +21,7 @@ var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _colors = require("@atlaskit/theme/colors");
 var _messages = _interopRequireDefault(require("../../messages"));
 var _Card = require("../../styled/Card");
+var _UserTrigger = require("../../styled/UserTrigger");
 var _analytics = require("../../util/analytics");
 var _click = require("../../util/click");
 var _performance = require("../../util/performance");
@@ -58,7 +59,7 @@ var useKudos = function useKudos(cloudId, userId, teamCentralBaseUrl, openKudosD
   };
 };
 var Wrapper = function Wrapper(props) {
-  return /*#__PURE__*/_react.default.createElement(_Card.CardWrapper, {
+  return /*#__PURE__*/_react.default.createElement(_UserTrigger.CardWrapper, {
     testId: "profilecard",
     role: "dialog",
     labelledBy: "profilecard-name-label"
@@ -218,7 +219,7 @@ var LoadingView = function LoadingView(_ref2) {
       });
     });
   }, [fireAnalyticsWithDuration]);
-  return /*#__PURE__*/_react.default.createElement(_Card.SpinnerContainer, {
+  return /*#__PURE__*/_react.default.createElement(_UserTrigger.SpinnerContainer, {
     testId: "profilecard-spinner-container"
   }, /*#__PURE__*/_react.default.createElement(_spinner.default, null));
 };

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

@@ -18,7 +18,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _giveKudos = require("@atlaskit/give-kudos");
 var _filterActions = _interopRequireDefault(require("../../internal/filterActions"));
-var _Card = require("../../styled/Card");
+var _UserTrigger = require("../../styled/UserTrigger");
 var _analytics = require("../../util/analytics");
 var _Error = require("../Error");
 var _ProfileCard = _interopRequireDefault(require("./ProfileCard"));
@@ -171,11 +171,11 @@ var ProfileCardResourced = /*#__PURE__*/function (_React$PureComponent) {
         addFlag = _this$props3.addFlag;
       var isFetchingOrNotStartToFetchYet = isLoading === true || isLoading === undefined;
       if (isFetchingOrNotStartToFetchYet) {
-        return /*#__PURE__*/_react.default.createElement(_Card.CardWrapper, null, /*#__PURE__*/_react.default.createElement(_UserLoadingState.default, {
+        return /*#__PURE__*/_react.default.createElement(_UserTrigger.CardWrapper, null, /*#__PURE__*/_react.default.createElement(_UserLoadingState.default, {
           fireAnalytics: this.fireAnalytics
         }));
       } else if (hasError) {
-        return /*#__PURE__*/_react.default.createElement(_Card.CardWrapper, {
+        return /*#__PURE__*/_react.default.createElement(_UserTrigger.CardWrapper, {
           testId: "profile-card-resourced-error-state"
         }, /*#__PURE__*/_react.default.createElement(_Error.ErrorMessage, {
           errorType: error,
@@ -197,7 +197,7 @@ var ProfileCardResourced = /*#__PURE__*/function (_React$PureComponent) {
         teamCentralBaseUrl: teamCentralBaseUrl,
         openKudosDrawer: this.openKudosDrawer
       });
-      return /*#__PURE__*/_react.default.createElement(_Card.CardWrapper, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isKudosEnabled && newProps.teamCentralBaseUrl && /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+      return /*#__PURE__*/_react.default.createElement(_UserTrigger.CardWrapper, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isKudosEnabled && newProps.teamCentralBaseUrl && /*#__PURE__*/_react.default.createElement(_react.Suspense, {
         fallback: null
       }, /*#__PURE__*/_react.default.createElement(_giveKudos.GiveKudosLauncherLazy, {
         isOpen: this.state.kudosDrawerOpen,

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

@@ -22,7 +22,7 @@ var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _constants = require("@atlaskit/theme/constants");
 var _filterActions = _interopRequireDefault(require("../../internal/filterActions"));
 var _getLabelMessage = _interopRequireDefault(require("../../internal/getLabelMessage"));
-var _Card = require("../../styled/Card");
+var _UserTrigger = require("../../styled/UserTrigger");
 var _analytics = require("../../util/analytics");
 var _config = require("../../util/config");
 var _AgentProfileCardResourced = require("../Agent/AgentProfileCardResourced");
@@ -425,7 +425,7 @@ function ProfilecardTriggerNext(_ref2) {
 }
 var LoadingView = function LoadingView(_ref4) {
   var fireAnalytics = _ref4.fireAnalytics;
-  return /*#__PURE__*/_react.default.createElement(_Card.CardWrapper, {
+  return /*#__PURE__*/_react.default.createElement(_UserTrigger.CardWrapper, {
     testId: "profilecard.profilecardtrigger.loading"
   }, /*#__PURE__*/_react.default.createElement(_UserLoadingState.default, {
     fireAnalytics: fireAnalytics

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
-var _Card = require("../../styled/Card");
+var _UserTrigger = require("../../styled/UserTrigger");
 var _analytics = require("../../util/analytics");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -17,6 +17,6 @@ var UserLoadingState = function UserLoadingState(_ref) {
   (0, _react.useEffect)(function () {
     fireAnalytics((0, _analytics.profileCardRendered)('user', 'spinner'));
   }, [fireAnalytics]);
-  return /*#__PURE__*/_react.default.createElement(_Card.SpinnerContainer, null, /*#__PURE__*/_react.default.createElement(_spinner.default, null));
+  return /*#__PURE__*/_react.default.createElement(_UserTrigger.SpinnerContainer, null, /*#__PURE__*/_react.default.createElement(_spinner.default, null));
 };
 var _default = exports.default = UserLoadingState;

package/dist/cjs/components/common/LoadingState.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.LoadingState = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
-var _Card = require("../../styled/Card");
+var _UserTrigger = require("../../styled/UserTrigger");
 var _analytics = require("../../util/analytics");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -20,5 +20,5 @@ var LoadingState = exports.LoadingState = function LoadingState(_ref) {
       fireAnalytics((0, _analytics.profileCardRendered)(profileType, 'spinner'));
     }
   }, [fireAnalytics, profileType]);
-  return /*#__PURE__*/_react.default.createElement(_Card.SpinnerContainer, null, /*#__PURE__*/_react.default.createElement(_spinner.default, null));
+  return /*#__PURE__*/_react.default.createElement(_UserTrigger.SpinnerContainer, null, /*#__PURE__*/_react.default.createElement(_spinner.default, null));
 };

package/dist/cjs/components/team-profile-card/team-connections/main.js

@@ -28,7 +28,10 @@ var TeamConnections = exports.TeamConnections = function TeamConnections(_ref) {
     title = _ref.title,
     containerIcon = _ref.containerIcon,
     link = _ref.link;
-  var _getContainerProperti = (0, _teamsPublic.getContainerProperties)(containerType, 'medium'),
+  var _getContainerProperti = (0, _teamsPublic.getContainerProperties)({
+      containerType: containerType,
+      iconSize: 'medium'
+    }),
     description = _getContainerProperti.description,
     icon = _getContainerProperti.icon,
     containerTypeText = _getContainerProperti.containerTypeText;
@@ -78,7 +81,10 @@ var NewTeamConnections = exports.NewTeamConnections = function NewTeamConnection
     title = _ref2.title,
     containerIcon = _ref2.containerIcon,
     link = _ref2.link;
-  var _getContainerProperti2 = (0, _teamsPublic.getContainerProperties)(containerType, 'medium'),
+  var _getContainerProperti2 = (0, _teamsPublic.getContainerProperties)({
+      containerType: containerType,
+      iconSize: 'medium'
+    }),
     description = _getContainerProperti2.description,
     icon = _getContainerProperti2.icon,
     containerTypeText = _getContainerProperti2.containerTypeText;

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

@@ -22,11 +22,9 @@
 ._19pkutpp{margin-top:var(--ds-space-150,9pt)}
 ._19pkxy5q{margin-top:var(--ds-space-400,2pc)}
 ._19pkze3t{margin-top:var(--ds-space-0,0)}
-._1bah1h6o{justify-content:center}
 ._1bah1y6m{justify-content:flex-start}
 ._1bahesu3{justify-content:flex-end}
 ._1bsb18pt{width:228px}
-._1bsb1gwv{width:360px}
 ._1bsb1ns9{width:-moz-fit-content;width:fit-content}
 ._1bsb1w81{width:150px}
 ._1bsb7vkz{width:1pc}
@@ -52,7 +50,6 @@
 ._2lx21bp4{flex-direction:column}
 ._2lx2vrvc{flex-direction:row}
 ._4cvr1h6o{align-items:center}
-._4t3i16xz{height:6pc}
 ._4t3i1w81{height:150px}
 ._4t3i7vkz{height:1pc}
 ._4t3izwfg{height:2pc}