@atlaskit/profilecard 18.2.1 → 18.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (164) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/client/CachingClient.js +13 -27
  3. package/dist/cjs/client/ProfileCardClient.js +0 -18
  4. package/dist/cjs/client/TeamCentralCardClient.js +2 -55
  5. package/dist/cjs/client/TeamProfileCardClient.js +0 -36
  6. package/dist/cjs/client/UserProfileCardClient.js +1 -46
  7. package/dist/cjs/client/errorUtils.js +4 -6
  8. package/dist/cjs/client/getTeamFromAGG.js +0 -23
  9. package/dist/cjs/client/graphqlUtils.js +1 -7
  10. package/dist/cjs/client/index.js +0 -9
  11. package/dist/cjs/components/Error/ErrorBoundary.js +0 -14
  12. package/dist/cjs/components/Error/ErrorIllustration.js +1 -4
  13. package/dist/cjs/components/Error/ErrorMessage.js +1 -15
  14. package/dist/cjs/components/Error/index.js +0 -4
  15. package/dist/cjs/components/Icon/IconLabel.js +2 -23
  16. package/dist/cjs/components/Icon/index.js +0 -2
  17. package/dist/cjs/components/Team/TeamLoadingState.js +0 -10
  18. package/dist/cjs/components/Team/TeamProfileCard.js +29 -87
  19. package/dist/cjs/components/Team/TeamProfileCardTrigger.js +19 -85
  20. package/dist/cjs/components/Team/index.js +0 -4
  21. package/dist/cjs/components/Team/lazyTeamProfileCard.js +0 -6
  22. package/dist/cjs/components/User/OverflowProfileCardButtons.js +7 -30
  23. package/dist/cjs/components/User/ProfileCard.js +11 -57
  24. package/dist/cjs/components/User/ProfileCardDetails.js +11 -40
  25. package/dist/cjs/components/User/ProfileCardResourced.js +15 -61
  26. package/dist/cjs/components/User/ProfileCardTrigger.js +8 -63
  27. package/dist/cjs/components/User/ReportingLinesDetails.js +7 -23
  28. package/dist/cjs/components/User/UserLoadingState.js +0 -10
  29. package/dist/cjs/components/User/index.js +0 -5
  30. package/dist/cjs/components/User/lazyProfileCard.js +0 -6
  31. package/dist/cjs/i18n/cs.js +0 -1
  32. package/dist/cjs/i18n/da.js +0 -1
  33. package/dist/cjs/i18n/de.js +0 -1
  34. package/dist/cjs/i18n/en.js +0 -1
  35. package/dist/cjs/i18n/en_GB.js +0 -1
  36. package/dist/cjs/i18n/en_ZZ.js +0 -1
  37. package/dist/cjs/i18n/es.js +0 -1
  38. package/dist/cjs/i18n/et.js +0 -1
  39. package/dist/cjs/i18n/fi.js +0 -1
  40. package/dist/cjs/i18n/fr.js +0 -1
  41. package/dist/cjs/i18n/hu.js +0 -1
  42. package/dist/cjs/i18n/index.js +0 -31
  43. package/dist/cjs/i18n/is.js +0 -1
  44. package/dist/cjs/i18n/it.js +0 -1
  45. package/dist/cjs/i18n/ja.js +0 -1
  46. package/dist/cjs/i18n/ko.js +0 -1
  47. package/dist/cjs/i18n/languages.js +0 -1
  48. package/dist/cjs/i18n/nb.js +0 -1
  49. package/dist/cjs/i18n/nl.js +0 -1
  50. package/dist/cjs/i18n/pl.js +0 -1
  51. package/dist/cjs/i18n/pt_BR.js +0 -1
  52. package/dist/cjs/i18n/pt_PT.js +0 -1
  53. package/dist/cjs/i18n/ro.js +0 -1
  54. package/dist/cjs/i18n/ru.js +0 -1
  55. package/dist/cjs/i18n/sk.js +0 -1
  56. package/dist/cjs/i18n/sv.js +0 -1
  57. package/dist/cjs/i18n/th.js +0 -1
  58. package/dist/cjs/i18n/tr.js +0 -1
  59. package/dist/cjs/i18n/uk.js +0 -1
  60. package/dist/cjs/i18n/vi.js +0 -1
  61. package/dist/cjs/i18n/zh.js +0 -1
  62. package/dist/cjs/i18n/zh_TW.js +0 -1
  63. package/dist/cjs/index.js +0 -15
  64. package/dist/cjs/internal/filterActions.js +0 -3
  65. package/dist/cjs/internal/relative-date.js +0 -15
  66. package/dist/cjs/messages.js +0 -2
  67. package/dist/cjs/mocks/index.js +0 -5
  68. package/dist/cjs/mocks/mock-profile-client.js +0 -34
  69. package/dist/cjs/mocks/mock-team-client.js +0 -16
  70. package/dist/cjs/mocks/profile-data.js +0 -5
  71. package/dist/cjs/mocks/reporting-lines-data.js +0 -4
  72. package/dist/cjs/mocks/simple-mock-clients.js +0 -28
  73. package/dist/cjs/mocks/team-data.js +7 -12
  74. package/dist/cjs/mocks/util.js +0 -7
  75. package/dist/cjs/styled/Card.js +0 -53
  76. package/dist/cjs/styled/Error.js +0 -18
  77. package/dist/cjs/styled/ReportingLines.js +0 -16
  78. package/dist/cjs/styled/TeamCard.js +3 -35
  79. package/dist/cjs/styled/constants.js +0 -2
  80. package/dist/cjs/util/analytics.js +1 -36
  81. package/dist/cjs/util/click.js +0 -2
  82. package/dist/cjs/util/performance.js +0 -5
  83. package/dist/cjs/util/withOuterListeners.js +0 -24
  84. package/dist/cjs/version.json +1 -1
  85. package/dist/es2019/client/CachingClient.js +15 -22
  86. package/dist/es2019/client/ProfileCardClient.js +2 -16
  87. package/dist/es2019/client/TeamCentralCardClient.js +2 -34
  88. package/dist/es2019/client/TeamProfileCardClient.js +0 -16
  89. package/dist/es2019/client/UserProfileCardClient.js +4 -18
  90. package/dist/es2019/client/errorUtils.js +4 -5
  91. package/dist/es2019/client/getTeamFromAGG.js +2 -2
  92. package/dist/es2019/client/graphqlUtils.js +1 -6
  93. package/dist/es2019/components/Error/ErrorBoundary.js +0 -2
  94. package/dist/es2019/components/Error/ErrorMessage.js +0 -5
  95. package/dist/es2019/components/Icon/IconLabel.js +2 -4
  96. package/dist/es2019/components/Team/TeamProfileCard.js +5 -29
  97. package/dist/es2019/components/Team/TeamProfileCardTrigger.js +2 -54
  98. package/dist/es2019/components/Team/lazyTeamProfileCard.js +1 -2
  99. package/dist/es2019/components/User/OverflowProfileCardButtons.js +0 -1
  100. package/dist/es2019/components/User/ProfileCard.js +0 -16
  101. package/dist/es2019/components/User/ProfileCardDetails.js +0 -12
  102. package/dist/es2019/components/User/ProfileCardResourced.js +0 -25
  103. package/dist/es2019/components/User/ProfileCardTrigger.js +2 -40
  104. package/dist/es2019/components/User/ReportingLinesDetails.js +0 -7
  105. package/dist/es2019/components/User/UserLoadingState.js +0 -2
  106. package/dist/es2019/components/User/lazyProfileCard.js +1 -2
  107. package/dist/es2019/index.js +6 -5
  108. package/dist/es2019/internal/filterActions.js +0 -2
  109. package/dist/es2019/internal/relative-date.js +0 -7
  110. package/dist/es2019/mocks/mock-profile-client.js +4 -13
  111. package/dist/es2019/mocks/mock-team-client.js +0 -5
  112. package/dist/es2019/mocks/profile-data.js +0 -1
  113. package/dist/es2019/mocks/simple-mock-clients.js +2 -6
  114. package/dist/es2019/mocks/team-data.js +0 -1
  115. package/dist/es2019/mocks/util.js +0 -1
  116. package/dist/es2019/styled/Card.js +0 -2
  117. package/dist/es2019/styled/TeamCard.js +4 -1
  118. package/dist/es2019/util/analytics.js +2 -10
  119. package/dist/es2019/util/performance.js +0 -2
  120. package/dist/es2019/util/withOuterListeners.js +0 -10
  121. package/dist/es2019/version.json +1 -1
  122. package/dist/esm/client/CachingClient.js +13 -25
  123. package/dist/esm/client/ProfileCardClient.js +0 -14
  124. package/dist/esm/client/TeamCentralCardClient.js +2 -48
  125. package/dist/esm/client/TeamProfileCardClient.js +0 -25
  126. package/dist/esm/client/UserProfileCardClient.js +2 -33
  127. package/dist/esm/client/errorUtils.js +4 -5
  128. package/dist/esm/client/getTeamFromAGG.js +0 -8
  129. package/dist/esm/client/graphqlUtils.js +1 -6
  130. package/dist/esm/components/Error/ErrorBoundary.js +0 -8
  131. package/dist/esm/components/Error/ErrorMessage.js +1 -6
  132. package/dist/esm/components/Icon/IconLabel.js +2 -13
  133. package/dist/esm/components/Team/TeamProfileCard.js +29 -61
  134. package/dist/esm/components/Team/TeamProfileCardTrigger.js +19 -83
  135. package/dist/esm/components/Team/lazyTeamProfileCard.js +1 -2
  136. package/dist/esm/components/User/OverflowProfileCardButtons.js +7 -12
  137. package/dist/esm/components/User/ProfileCard.js +11 -31
  138. package/dist/esm/components/User/ProfileCardDetails.js +11 -26
  139. package/dist/esm/components/User/ProfileCardResourced.js +15 -48
  140. package/dist/esm/components/User/ProfileCardTrigger.js +8 -57
  141. package/dist/esm/components/User/ReportingLinesDetails.js +7 -14
  142. package/dist/esm/components/User/UserLoadingState.js +0 -2
  143. package/dist/esm/components/User/lazyProfileCard.js +1 -2
  144. package/dist/esm/index.js +6 -5
  145. package/dist/esm/internal/filterActions.js +0 -2
  146. package/dist/esm/internal/relative-date.js +0 -8
  147. package/dist/esm/mocks/mock-profile-client.js +0 -28
  148. package/dist/esm/mocks/mock-team-client.js +0 -11
  149. package/dist/esm/mocks/profile-data.js +0 -1
  150. package/dist/esm/mocks/simple-mock-clients.js +0 -20
  151. package/dist/esm/mocks/team-data.js +7 -8
  152. package/dist/esm/mocks/util.js +0 -1
  153. package/dist/esm/styled/Card.js +0 -4
  154. package/dist/esm/styled/Error.js +0 -2
  155. package/dist/esm/styled/ReportingLines.js +0 -2
  156. package/dist/esm/styled/TeamCard.js +4 -3
  157. package/dist/esm/util/analytics.js +2 -13
  158. package/dist/esm/util/performance.js +0 -2
  159. package/dist/esm/util/withOuterListeners.js +0 -17
  160. package/dist/esm/version.json +1 -1
  161. package/dist/types/client/CachingClient.d.ts +2 -2
  162. package/package.json +3 -3
  163. package/report.api.md +2 -2
  164. package/tmp/api-report-tmp.d.ts +2 -2
@@ -1,67 +1,38 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports.default = void 0;
11
-
12
9
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
-
14
10
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
15
-
16
11
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
17
-
18
12
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
19
-
20
13
  var _react = _interopRequireWildcard(require("react"));
21
-
22
14
  var _reactIntlNext = require("react-intl-next");
23
-
24
15
  var _avatarGroup = _interopRequireDefault(require("@atlaskit/avatar-group"));
25
-
26
16
  var _loadingButton = _interopRequireDefault(require("@atlaskit/button/loading-button"));
27
-
28
17
  var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
29
-
30
18
  var _more = _interopRequireDefault(require("@atlaskit/icon/glyph/more"));
31
-
32
19
  var _menu = require("@atlaskit/menu");
33
-
34
20
  var _popup = _interopRequireDefault(require("@atlaskit/popup"));
35
-
36
21
  var _constants = require("@atlaskit/theme/constants");
37
-
38
22
  var _messages = _interopRequireDefault(require("../../messages"));
39
-
40
23
  var _Card = require("../../styled/Card");
41
-
42
24
  var _Error = require("../../styled/Error");
43
-
44
25
  var _TeamCard = require("../../styled/TeamCard");
45
-
46
26
  var _analytics = require("../../util/analytics");
47
-
48
27
  var _click = require("../../util/click");
49
-
50
28
  var _Error2 = require("../Error");
51
-
52
29
  var _TeamLoadingState = _interopRequireDefault(require("./TeamLoadingState"));
53
-
54
30
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
55
-
56
31
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
57
-
58
32
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
59
-
60
33
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
61
-
62
34
  var LARGE_MEMBER_COUNT = 50;
63
35
  var GIVE_KUDOS_ACTION_ID = 'give-kudos';
64
-
65
36
  function onMemberClick(callback, userId, analytics, index, hasHref) {
66
37
  return function (event) {
67
38
  analytics(function (duration) {
@@ -72,27 +43,25 @@ function onMemberClick(callback, userId, analytics, index, hasHref) {
72
43
  index: index
73
44
  });
74
45
  });
75
-
76
46
  if (callback) {
77
47
  callback(userId, event);
78
48
  }
79
49
  };
80
50
  }
81
-
82
51
  var TeamMembers = function TeamMembers(_ref) {
83
52
  var analytics = _ref.analytics,
84
- generateUserLink = _ref.generateUserLink,
85
- members = _ref.members,
86
- onUserClick = _ref.onUserClick,
87
- includingYou = _ref.includingYou;
53
+ generateUserLink = _ref.generateUserLink,
54
+ members = _ref.members,
55
+ onUserClick = _ref.onUserClick,
56
+ includingYou = _ref.includingYou;
88
57
  var count = members ? members.length : 0;
89
- var message = includingYou ? count >= LARGE_MEMBER_COUNT ? _messages.default.membersMoreThan50IncludingYou : _messages.default.memberCountIncludingYou : count >= LARGE_MEMBER_COUNT ? _messages.default.membersMoreThan50 : _messages.default.memberCount; // Use a ref to track whether this is currently open, so we can fire events
90
- // iff the more section is being opened (not closed).
58
+ var message = includingYou ? count >= LARGE_MEMBER_COUNT ? _messages.default.membersMoreThan50IncludingYou : _messages.default.memberCountIncludingYou : count >= LARGE_MEMBER_COUNT ? _messages.default.membersMoreThan50 : _messages.default.memberCount;
91
59
 
60
+ // Use a ref to track whether this is currently open, so we can fire events
61
+ // iff the more section is being opened (not closed).
92
62
  var isMoreMembersOpen = (0, _react.useRef)(false);
93
63
  var onMoreClick = (0, _react.useCallback)(function () {
94
64
  var isOpen = isMoreMembersOpen.current;
95
-
96
65
  if (!isOpen) {
97
66
  analytics(function (duration) {
98
67
  return (0, _analytics.moreMembersClicked)({
@@ -101,7 +70,6 @@ var TeamMembers = function TeamMembers(_ref) {
101
70
  });
102
71
  });
103
72
  }
104
-
105
73
  isMoreMembersOpen.current = !isOpen;
106
74
  }, [analytics, count]);
107
75
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_TeamCard.MemberCount, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, message, {
@@ -128,7 +96,6 @@ var TeamMembers = function TeamMembers(_ref) {
128
96
  testId: "profilecard-avatar-group"
129
97
  })));
130
98
  };
131
-
132
99
  function onActionClick(action, analytics, index) {
133
100
  return function (event) {
134
101
  analytics(function (duration) {
@@ -140,48 +107,38 @@ function onActionClick(action, analytics, index) {
140
107
  actionId: action.id || ''
141
108
  });
142
109
  });
143
-
144
110
  if (action.callback && (0, _click.isBasicClick)(event)) {
145
111
  event.preventDefault();
146
-
147
112
  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
148
113
  args[_key - 1] = arguments[_key];
149
114
  }
150
-
151
115
  action.callback.apply(action, [event].concat(args));
152
116
  }
153
117
  };
154
118
  }
155
-
156
119
  var ActionButton = function ActionButton(_ref2) {
157
120
  var action = _ref2.action,
158
- analytics = _ref2.analytics,
159
- index = _ref2.index;
121
+ analytics = _ref2.analytics,
122
+ index = _ref2.index;
160
123
  var isGiveKudosActionButton = action.id === GIVE_KUDOS_ACTION_ID;
161
-
162
124
  var actionButton = /*#__PURE__*/_react.default.createElement(_standardButton.default, {
163
125
  key: action.id || index,
164
126
  onClick: onActionClick(action, analytics, index),
165
127
  href: action.link,
166
128
  shouldFitContainer: true
167
129
  }, action.label, isGiveKudosActionButton && /*#__PURE__*/_react.default.createElement(_Card.KudosBlobAnimation, null));
168
-
169
130
  if (isGiveKudosActionButton) {
170
131
  return /*#__PURE__*/_react.default.createElement(_Card.AnimatedKudosButton, null, actionButton);
171
132
  }
172
-
173
133
  return /*#__PURE__*/_react.default.createElement(_TeamCard.WrappedButton, null, actionButton);
174
134
  };
175
-
176
135
  var ExtraActions = function ExtraActions(_ref3) {
177
136
  var actions = _ref3.actions,
178
- analytics = _ref3.analytics;
179
-
137
+ analytics = _ref3.analytics;
180
138
  var _useState = (0, _react.useState)(false),
181
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
182
- isOpen = _useState2[0],
183
- setOpen = _useState2[1];
184
-
139
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
140
+ isOpen = _useState2[0],
141
+ setOpen = _useState2[1];
185
142
  var count = actions.length;
186
143
  var onMoreClick = (0, _react.useCallback)(function (shouldBeOpen) {
187
144
  if (shouldBeOpen) {
@@ -193,14 +150,11 @@ var ExtraActions = function ExtraActions(_ref3) {
193
150
  });
194
151
  });
195
152
  }
196
-
197
153
  setOpen(shouldBeOpen);
198
154
  }, [analytics, count]);
199
-
200
155
  if (!count) {
201
156
  return null;
202
157
  }
203
-
204
158
  return /*#__PURE__*/_react.default.createElement(_TeamCard.MoreButton, null, /*#__PURE__*/_react.default.createElement(_popup.default, {
205
159
  isOpen: isOpen,
206
160
  onClose: function onClose() {
@@ -232,15 +186,12 @@ var ExtraActions = function ExtraActions(_ref3) {
232
186
  zIndex: _constants.layers.modal()
233
187
  }));
234
188
  };
235
-
236
189
  var ButtonSection = function ButtonSection(_ref4) {
237
190
  var actions = _ref4.actions,
238
- analytics = _ref4.analytics;
239
-
191
+ analytics = _ref4.analytics;
240
192
  if (!actions) {
241
193
  return null;
242
194
  }
243
-
244
195
  var extraActions = actions.slice(2);
245
196
  var initialActions = actions.slice(0, 2);
246
197
  return /*#__PURE__*/_react.default.createElement(_TeamCard.ActionButtons, null, initialActions.map(function (action, index) {
@@ -255,16 +206,15 @@ var ButtonSection = function ButtonSection(_ref4) {
255
206
  analytics: analytics
256
207
  }));
257
208
  };
258
-
259
209
  var TeamProfilecardContent = function TeamProfilecardContent(_ref5) {
260
210
  var actions = _ref5.actions,
261
- analytics = _ref5.analytics,
262
- team = _ref5.team,
263
- viewingUserId = _ref5.viewingUserId,
264
- generateUserLink = _ref5.generateUserLink,
265
- onUserClick = _ref5.onUserClick,
266
- viewProfileLink = _ref5.viewProfileLink,
267
- viewProfileOnClick = _ref5.viewProfileOnClick;
211
+ analytics = _ref5.analytics,
212
+ team = _ref5.team,
213
+ viewingUserId = _ref5.viewingUserId,
214
+ generateUserLink = _ref5.generateUserLink,
215
+ onUserClick = _ref5.onUserClick,
216
+ viewProfileLink = _ref5.viewProfileLink,
217
+ viewProfileOnClick = _ref5.viewProfileOnClick;
268
218
  var allActions = [{
269
219
  label: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.teamViewProfile),
270
220
  link: viewProfileLink,
@@ -277,7 +227,6 @@ var TeamProfilecardContent = function TeamProfilecardContent(_ref5) {
277
227
  (0, _react.useEffect)(function () {
278
228
  analytics(function (duration) {
279
229
  var _team$members;
280
-
281
230
  return (0, _analytics.profileCardRendered)('team', 'content', {
282
231
  duration: duration,
283
232
  numActions: allActions.length,
@@ -286,7 +235,8 @@ var TeamProfilecardContent = function TeamProfilecardContent(_ref5) {
286
235
  descriptionLength: team.description.length,
287
236
  titleLength: team.displayName.length
288
237
  });
289
- }); // eslint-disable-next-line react-hooks/exhaustive-deps
238
+ });
239
+ // eslint-disable-next-line react-hooks/exhaustive-deps
290
240
  }, [analytics]);
291
241
  return /*#__PURE__*/_react.default.createElement(_TeamCard.CardWrapper, {
292
242
  "data-testid": "team-profilecard"
@@ -303,11 +253,10 @@ var TeamProfilecardContent = function TeamProfilecardContent(_ref5) {
303
253
  analytics: analytics
304
254
  })));
305
255
  };
306
-
307
256
  var ErrorMessage = function ErrorMessage(_ref6) {
308
257
  var analytics = _ref6.analytics,
309
- clientFetchProfile = _ref6.clientFetchProfile,
310
- isLoading = _ref6.isLoading;
258
+ clientFetchProfile = _ref6.clientFetchProfile,
259
+ isLoading = _ref6.isLoading;
311
260
  var hasRetry = !!clientFetchProfile;
312
261
  (0, _react.useEffect)(function () {
313
262
  analytics(function (duration) {
@@ -323,7 +272,6 @@ var ErrorMessage = function ErrorMessage(_ref6) {
323
272
  duration: duration
324
273
  });
325
274
  });
326
-
327
275
  if (clientFetchProfile) {
328
276
  clientFetchProfile();
329
277
  }
@@ -337,14 +285,12 @@ var ErrorMessage = function ErrorMessage(_ref6) {
337
285
  isLoading: isLoading
338
286
  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.teamErrorButton)))));
339
287
  };
340
-
341
288
  var TeamProfileCard = function TeamProfileCard(props) {
342
289
  var analytics = props.analytics,
343
- clientFetchProfile = props.clientFetchProfile,
344
- hasError = props.hasError,
345
- isLoading = props.isLoading,
346
- team = props.team;
347
-
290
+ clientFetchProfile = props.clientFetchProfile,
291
+ hasError = props.hasError,
292
+ isLoading = props.isLoading,
293
+ team = props.team;
348
294
  if (hasError) {
349
295
  return /*#__PURE__*/_react.default.createElement(_TeamCard.CardWrapper, {
350
296
  "data-testid": "team-profilecard"
@@ -354,21 +300,17 @@ var TeamProfileCard = function TeamProfileCard(props) {
354
300
  isLoading: isLoading
355
301
  }));
356
302
  }
357
-
358
303
  if (isLoading) {
359
304
  return /*#__PURE__*/_react.default.createElement(_TeamLoadingState.default, {
360
305
  analytics: analytics
361
306
  });
362
307
  }
363
-
364
308
  if (team) {
365
309
  return /*#__PURE__*/_react.default.createElement(TeamProfilecardContent, _objectSpread(_objectSpread({}, props), {}, {
366
310
  team: team
367
311
  }));
368
312
  }
369
-
370
313
  return null;
371
314
  };
372
-
373
315
  var _default = TeamProfileCard;
374
316
  exports.default = _default;
@@ -1,84 +1,48 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
10
8
  exports.default = exports.TeamProfileCardTriggerInternal = void 0;
11
-
12
9
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
-
14
10
  var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
15
-
16
11
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
17
-
18
12
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
19
-
20
13
  var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
21
-
22
14
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
23
-
24
15
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
25
-
26
16
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
27
-
28
17
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
29
-
30
18
  var _react = _interopRequireWildcard(require("react"));
31
-
32
19
  var _reactIntlNext = require("react-intl-next");
33
-
34
20
  var _analyticsNext = require("@atlaskit/analytics-next");
35
-
36
21
  var _giveKudos = require("@atlaskit/give-kudos");
37
-
38
22
  var _popup = _interopRequireDefault(require("@atlaskit/popup"));
39
-
40
23
  var _constants = require("@atlaskit/theme/constants");
41
-
42
24
  var _filterActions2 = _interopRequireDefault(require("../../internal/filterActions"));
43
-
44
25
  var _messages = _interopRequireDefault(require("../../messages"));
45
-
46
26
  var _analytics = require("../../util/analytics");
47
-
48
27
  var _click = require("../../util/click");
49
-
50
28
  var _config = require("../../util/config");
51
-
52
29
  var _performance = require("../../util/performance");
53
-
54
30
  var _Error = require("../Error");
55
-
56
31
  var _lazyTeamProfileCard = require("./lazyTeamProfileCard");
57
-
58
32
  var _TeamLoadingState = _interopRequireDefault(require("./TeamLoadingState"));
59
-
60
33
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
61
-
62
34
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
63
-
64
35
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
65
-
66
36
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
67
-
68
37
  var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent) {
69
38
  (0, _inherits2.default)(TeamProfileCardTriggerInternal, _React$PureComponent);
70
-
71
39
  var _super = _createSuper(TeamProfileCardTriggerInternal);
72
-
73
40
  function TeamProfileCardTriggerInternal() {
74
41
  var _this;
75
-
76
42
  (0, _classCallCheck2.default)(this, TeamProfileCardTriggerInternal);
77
-
78
43
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
79
44
  args[_key] = arguments[_key];
80
45
  }
81
-
82
46
  _this = _super.call.apply(_super, [this].concat(args));
83
47
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_isMounted", false);
84
48
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "showTimer", 0);
@@ -90,14 +54,12 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
90
54
  if (!_this._isMounted) {
91
55
  return;
92
56
  }
93
-
94
57
  if (_this.props.createAnalyticsEvent) {
95
58
  (0, _analytics.fireEvent)(_this.props.createAnalyticsEvent, payload);
96
59
  }
97
60
  });
98
61
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fireAnalyticsWithDuration", function (generator) {
99
62
  var event = generator((0, _performance.getPageTime)() - _this.openTime);
100
-
101
63
  _this.fireAnalytics(event);
102
64
  });
103
65
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "hideProfilecard", function () {
@@ -117,9 +79,7 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
117
79
  _this.showTimer = window.setTimeout(function () {
118
80
  if (!_this.state.visible) {
119
81
  _this.clientFetchProfile();
120
-
121
82
  _this.openTime = (0, _performance.getPageTime)();
122
-
123
83
  _this.setState({
124
84
  visible: true
125
85
  });
@@ -134,18 +94,14 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
134
94
  event.preventDefault();
135
95
  }
136
96
  }
137
-
138
97
  if (_this.props.triggerLinkType === 'clickable-link') {
139
98
  if (_this.props.viewProfileOnClick) {
140
99
  _this.props.viewProfileOnClick(event);
141
100
  }
142
101
  }
143
-
144
102
  if (_this.props.trigger !== 'hover') {
145
103
  _this.openedByHover = false;
146
-
147
104
  _this.showProfilecard(0);
148
-
149
105
  if (!_this.state.visible) {
150
106
  _this.fireAnalytics((0, _analytics.cardTriggered)('team', 'click'));
151
107
  }
@@ -155,20 +111,16 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
155
111
  if (_this.props.trigger === 'click') {
156
112
  return;
157
113
  }
158
-
159
114
  if (!_this.state.visible) {
160
115
  _this.openedByHover = true;
161
-
162
116
  _this.fireAnalytics((0, _analytics.cardTriggered)('team', 'hover'));
163
117
  }
164
-
165
118
  _this.showProfilecard(_config.DELAY_MS_SHOW);
166
119
  });
167
120
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMouseLeave", function () {
168
121
  if (_this.props.trigger === 'click') {
169
122
  return;
170
123
  }
171
-
172
124
  if (_this.openedByHover) {
173
125
  _this.hideProfilecard(_config.DELAY_MS_HIDE);
174
126
  }
@@ -178,7 +130,6 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
178
130
  });
179
131
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "openKudosDrawer", function () {
180
132
  _this.hideProfilecard(_config.DELAY_MS_HIDE);
181
-
182
133
  _this.setState({
183
134
  kudosDrawerOpen: true
184
135
  });
@@ -220,15 +171,13 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
220
171
  });
221
172
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "clientFetchProfile", function () {
222
173
  var _this$props = _this.props,
223
- orgId = _this$props.orgId,
224
- teamId = _this$props.teamId;
174
+ orgId = _this$props.orgId,
175
+ teamId = _this$props.teamId;
225
176
  var isLoading = _this.state.isLoading;
226
-
227
177
  if (isLoading === true) {
228
178
  // don't fetch data when fetching is in process
229
179
  return;
230
180
  }
231
-
232
181
  _this.setState({
233
182
  isLoading: true,
234
183
  data: null
@@ -236,11 +185,9 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
236
185
  var fireEvent = function fireEvent(event) {
237
186
  _this.fireAnalytics(event);
238
187
  };
239
-
240
188
  var requests = Promise.all([_this.props.resourceClient.getTeamProfile(teamId, orgId, fireEvent), _this.props.resourceClient.shouldShowGiveKudos()]);
241
189
  requests.then(function (res) {
242
190
  var _this2;
243
-
244
191
  return (_this2 = _this).handleClientSuccess.apply(_this2, (0, _toConsumableArray2.default)(res));
245
192
  }, function (err) {
246
193
  return _this.handleClientError(err);
@@ -253,23 +200,22 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
253
200
  _this.fireAnalytics((0, _analytics.profileCardRendered)('team', 'errorBoundary', {
254
201
  duration: 0
255
202
  }));
256
-
257
203
  _this.setState({
258
204
  renderError: true
259
205
  });
260
206
  });
261
207
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderProfileCard", function () {
262
208
  var _this$props2 = _this.props,
263
- generateUserLink = _this$props2.generateUserLink,
264
- onUserClick = _this$props2.onUserClick,
265
- viewingUserId = _this$props2.viewingUserId,
266
- viewProfileLink = _this$props2.viewProfileLink,
267
- viewProfileOnClick = _this$props2.viewProfileOnClick;
209
+ generateUserLink = _this$props2.generateUserLink,
210
+ onUserClick = _this$props2.onUserClick,
211
+ viewingUserId = _this$props2.viewingUserId,
212
+ viewProfileLink = _this$props2.viewProfileLink,
213
+ viewProfileOnClick = _this$props2.viewProfileOnClick;
268
214
  var _this$state = _this.state,
269
- data = _this$state.data,
270
- error = _this$state.error,
271
- hasError = _this$state.hasError,
272
- isLoading = _this$state.isLoading;
215
+ data = _this$state.data,
216
+ error = _this$state.error,
217
+ hasError = _this$state.hasError,
218
+ isLoading = _this$state.isLoading;
273
219
  var newProps = {
274
220
  clientFetchProfile: _this.clientFetchProfile,
275
221
  actions: _this.filterActions(),
@@ -309,16 +255,14 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
309
255
  });
310
256
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderTrigger", function (triggerProps) {
311
257
  var _this$props3 = _this.props,
312
- children = _this$props3.children,
313
- triggerLinkType = _this$props3.triggerLinkType,
314
- viewProfileLink = _this$props3.viewProfileLink;
315
-
258
+ children = _this$props3.children,
259
+ triggerLinkType = _this$props3.triggerLinkType,
260
+ viewProfileLink = _this$props3.viewProfileLink;
316
261
  if (triggerLinkType === 'none') {
317
262
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _this.renderKudosLauncher(), /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
318
263
  "data-testid": "team-profilecard-trigger-wrapper"
319
264
  }, triggerProps, _this.triggerListeners), children));
320
265
  }
321
-
322
266
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, _this.renderKudosLauncher(), /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({
323
267
  "data-testid": "team-profilecard-trigger-wrapper",
324
268
  style: {
@@ -332,7 +276,6 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
332
276
  });
333
277
  return _this;
334
278
  }
335
-
336
279
  (0, _createClass2.default)(TeamProfileCardTriggerInternal, [{
337
280
  key: "componentDidMount",
338
281
  value: function componentDidMount() {
@@ -342,11 +285,12 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
342
285
  key: "componentDidUpdate",
343
286
  value: function componentDidUpdate(prevProps) {
344
287
  var _this$props4 = this.props,
345
- orgId = _this$props4.orgId,
346
- teamId = _this$props4.teamId,
347
- resourceClient = _this$props4.resourceClient;
348
- var visible = this.state.visible; // just re-fetching data when the card opens
288
+ orgId = _this$props4.orgId,
289
+ teamId = _this$props4.teamId,
290
+ resourceClient = _this$props4.resourceClient;
291
+ var visible = this.state.visible;
349
292
 
293
+ // just re-fetching data when the card opens
350
294
  if (visible && (teamId !== prevProps.teamId || orgId !== prevProps.orgId || resourceClient !== prevProps.resourceClient)) {
351
295
  this.setState({
352
296
  isLoading: undefined
@@ -366,7 +310,6 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
366
310
  if (!this._isMounted) {
367
311
  return;
368
312
  }
369
-
370
313
  this.setState({
371
314
  isLoading: false,
372
315
  hasError: false,
@@ -381,7 +324,6 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
381
324
  if (!this._isMounted) {
382
325
  return;
383
326
  }
384
-
385
327
  this.setState({
386
328
  isLoading: false,
387
329
  hasError: true,
@@ -392,9 +334,7 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
392
334
  key: "filterActions",
393
335
  value: function filterActions() {
394
336
  var _this3 = this;
395
-
396
337
  var actions = (0, _filterActions2.default)(this.props.actions, this.state.data);
397
-
398
338
  if (this.state.shouldShowGiveKudos) {
399
339
  var kudosAction = {
400
340
  label: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.default.giveKudosButton),
@@ -406,18 +346,15 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
406
346
  };
407
347
  return actions.concat([kudosAction]);
408
348
  }
409
-
410
349
  return actions;
411
350
  }
412
351
  }, {
413
352
  key: "renderPopup",
414
353
  value: function renderPopup() {
415
354
  var _this4 = this;
416
-
417
355
  if (this.state.renderError) {
418
356
  return this.props.children;
419
357
  }
420
-
421
358
  return /*#__PURE__*/_react.default.createElement(_Error.ErrorBoundary, {
422
359
  onError: this.onErrorBoundary
423
360
  }, /*#__PURE__*/_react.default.createElement(_popup.default, {
@@ -445,7 +382,6 @@ var TeamProfileCardTriggerInternal = /*#__PURE__*/function (_React$PureComponent
445
382
  }]);
446
383
  return TeamProfileCardTriggerInternal;
447
384
  }(_react.default.PureComponent);
448
-
449
385
  exports.TeamProfileCardTriggerInternal = TeamProfileCardTriggerInternal;
450
386
  (0, _defineProperty2.default)(TeamProfileCardTriggerInternal, "defaultProps", {
451
387
  actions: [],
@@ -453,7 +389,5 @@ exports.TeamProfileCardTriggerInternal = TeamProfileCardTriggerInternal;
453
389
  position: 'bottom-start',
454
390
  triggerLinkType: 'link'
455
391
  });
456
-
457
392
  var _default = (0, _analyticsNext.withAnalyticsEvents)()(TeamProfileCardTriggerInternal);
458
-
459
393
  exports.default = _default;
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -18,11 +17,8 @@ Object.defineProperty(exports, "DELAY_MS_SHOW", {
18
17
  }
19
18
  });
20
19
  exports.default = void 0;
21
-
22
20
  var _config = require("../../util/config");
23
-
24
21
  var _TeamProfileCardTrigger = _interopRequireDefault(require("./TeamProfileCardTrigger"));
25
-
26
22
  // Do not export TeamProfileCard here as it will break lazy-loading for the team trigger.
27
23
  var _default = _TeamProfileCardTrigger.default;
28
24
  exports.default = _default;
@@ -1,20 +1,14 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.TeamProfileCardLazy = void 0;
9
-
10
8
  var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
11
-
12
9
  var _react = require("react");
13
-
14
10
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
-
16
11
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
17
-
18
12
  var TeamProfileCardLazy = /*#__PURE__*/(0, _react.lazy)(function () {
19
13
  return Promise.resolve().then(function () {
20
14
  return _interopRequireWildcard(require('./TeamProfileCard'));