@atlaskit/teams-public 3.3.0 → 3.4.1

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 (76) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/cjs/common/hooks/useSpaceInviteScheduler.js +0 -4
  3. package/dist/cjs/common/ui/container-icon/index.js +3 -3
  4. package/dist/cjs/common/ui/loom-avatar/main.js +2 -2
  5. package/dist/cjs/common/ui/separator/index.js +4 -3
  6. package/dist/cjs/common/ui/team-containers-skeleton/index.js +6 -4
  7. package/dist/cjs/common/ui/team-containers-skeleton/linked-container-card-skeleton/index.js +15 -11
  8. package/dist/cjs/common/ui/team-link-card-actions/index.js +17 -4
  9. package/dist/cjs/common/utils/get-container-properties.js +10 -8
  10. package/dist/cjs/controllers/hooks/use-team-containers/use-connected-teams.js +1 -27
  11. package/dist/cjs/controllers/hooks/use-team-containers/use-team-containers.js +1 -45
  12. package/dist/cjs/controllers/hooks/use-team-web-links/use-team-web-links-actions.js +1 -12
  13. package/dist/cjs/controllers/hooks/use-team-web-links/use-team-web-links.js +1 -10
  14. package/dist/cjs/next/common/ui/team-container-skeleton/index.js +8 -5
  15. package/dist/cjs/next/ui/team-containers/add-container-card/index.js +8 -5
  16. package/dist/cjs/next/ui/team-containers/team-link-card/index.js +13 -9
  17. package/dist/cjs/ui/team-containers/add-container-card/AddContainerCard.js +12 -8
  18. package/dist/cjs/ui/team-containers/add-container-card/add-container-card-button/index.js +6 -4
  19. package/dist/cjs/ui/team-containers/add-container-card/getAddContainerCards.js +2 -2
  20. package/dist/cjs/ui/team-containers/disconnect-dialog/index.js +6 -4
  21. package/dist/cjs/ui/team-containers/main.js +15 -14
  22. package/dist/cjs/ui/team-containers/no-product-access-empty-state/index.js +6 -4
  23. package/dist/cjs/ui/team-containers/no-product-access-empty-state/no-product-access-icon/index.js +2 -2
  24. package/dist/cjs/ui/team-containers/team-link-card/index.js +15 -10
  25. package/dist/cjs/ui/team-containers/team-link-card/team-link-card-title.js +5 -4
  26. package/dist/es2019/common/hooks/useSpaceInviteScheduler.js +0 -4
  27. package/dist/es2019/common/ui/container-icon/index.js +1 -1
  28. package/dist/es2019/common/ui/loom-avatar/main.js +1 -1
  29. package/dist/es2019/common/ui/separator/index.js +2 -1
  30. package/dist/es2019/common/ui/team-containers-skeleton/index.js +3 -1
  31. package/dist/es2019/common/ui/team-containers-skeleton/linked-container-card-skeleton/index.js +5 -1
  32. package/dist/es2019/common/ui/team-link-card-actions/index.js +15 -2
  33. package/dist/es2019/common/utils/get-container-properties.js +3 -1
  34. package/dist/es2019/controllers/hooks/use-team-containers/use-connected-teams.js +1 -17
  35. package/dist/es2019/controllers/hooks/use-team-containers/use-team-containers.js +1 -25
  36. package/dist/es2019/controllers/hooks/use-team-web-links/use-team-web-links-actions.js +1 -12
  37. package/dist/es2019/controllers/hooks/use-team-web-links/use-team-web-links.js +1 -10
  38. package/dist/es2019/next/common/ui/team-container-skeleton/index.js +4 -1
  39. package/dist/es2019/next/ui/team-containers/add-container-card/index.js +4 -1
  40. package/dist/es2019/next/ui/team-containers/team-link-card/index.js +5 -1
  41. package/dist/es2019/ui/team-containers/add-container-card/AddContainerCard.js +5 -1
  42. package/dist/es2019/ui/team-containers/add-container-card/add-container-card-button/index.js +3 -1
  43. package/dist/es2019/ui/team-containers/add-container-card/getAddContainerCards.js +1 -1
  44. package/dist/es2019/ui/team-containers/disconnect-dialog/index.js +3 -1
  45. package/dist/es2019/ui/team-containers/main.js +10 -9
  46. package/dist/es2019/ui/team-containers/no-product-access-empty-state/index.js +3 -1
  47. package/dist/es2019/ui/team-containers/no-product-access-empty-state/no-product-access-icon/index.js +1 -1
  48. package/dist/es2019/ui/team-containers/team-link-card/index.js +6 -1
  49. package/dist/es2019/ui/team-containers/team-link-card/team-link-card-title.js +2 -1
  50. package/dist/esm/common/hooks/useSpaceInviteScheduler.js +0 -4
  51. package/dist/esm/common/ui/container-icon/index.js +1 -1
  52. package/dist/esm/common/ui/loom-avatar/main.js +1 -1
  53. package/dist/esm/common/ui/separator/index.js +2 -1
  54. package/dist/esm/common/ui/team-containers-skeleton/index.js +3 -1
  55. package/dist/esm/common/ui/team-containers-skeleton/linked-container-card-skeleton/index.js +5 -1
  56. package/dist/esm/common/ui/team-link-card-actions/index.js +15 -2
  57. package/dist/esm/common/utils/get-container-properties.js +3 -1
  58. package/dist/esm/controllers/hooks/use-team-containers/use-connected-teams.js +1 -26
  59. package/dist/esm/controllers/hooks/use-team-containers/use-team-containers.js +1 -44
  60. package/dist/esm/controllers/hooks/use-team-web-links/use-team-web-links-actions.js +1 -12
  61. package/dist/esm/controllers/hooks/use-team-web-links/use-team-web-links.js +1 -10
  62. package/dist/esm/next/common/ui/team-container-skeleton/index.js +4 -1
  63. package/dist/esm/next/ui/team-containers/add-container-card/index.js +4 -1
  64. package/dist/esm/next/ui/team-containers/team-link-card/index.js +5 -1
  65. package/dist/esm/ui/team-containers/add-container-card/AddContainerCard.js +5 -1
  66. package/dist/esm/ui/team-containers/add-container-card/add-container-card-button/index.js +3 -1
  67. package/dist/esm/ui/team-containers/add-container-card/getAddContainerCards.js +1 -1
  68. package/dist/esm/ui/team-containers/disconnect-dialog/index.js +3 -1
  69. package/dist/esm/ui/team-containers/main.js +10 -9
  70. package/dist/esm/ui/team-containers/no-product-access-empty-state/index.js +3 -1
  71. package/dist/esm/ui/team-containers/no-product-access-empty-state/no-product-access-icon/index.js +1 -1
  72. package/dist/esm/ui/team-containers/team-link-card/index.js +6 -1
  73. package/dist/esm/ui/team-containers/team-link-card/team-link-card-title.js +2 -1
  74. package/dist/types/controllers/hooks/use-team-web-links/use-team-web-links-actions.d.ts +1 -9
  75. package/dist/types/ui/team-containers/types.d.ts +1 -1
  76. package/package.json +4 -10
@@ -14,7 +14,11 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
14
14
  var _react = _interopRequireWildcard(require("react"));
15
15
  var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
16
16
  var _add = _interopRequireDefault(require("@atlaskit/icon/core/add"));
17
- var _compiled = require("@atlaskit/primitives/compiled");
17
+ var _box = require("@atlaskit/primitives/compiled/box");
18
+ var _flex = require("@atlaskit/primitives/compiled/flex");
19
+ var _inline = require("@atlaskit/primitives/compiled/inline");
20
+ var _stack = require("@atlaskit/primitives/compiled/stack");
21
+ var _text = require("@atlaskit/primitives/compiled/text");
18
22
  var _linkedContainerCardSkeleton = require("../../../common/ui/team-containers-skeleton/linked-container-card-skeleton");
19
23
  var _getContainerProperties = require("../../../common/utils/get-container-properties");
20
24
  var _addContainerCardButton = require("./add-container-card-button");
@@ -37,7 +41,7 @@ var AddContainerCardWrapper = function AddContainerCardWrapper(_ref) {
37
41
  var handleMouseLeave = function handleMouseLeave() {
38
42
  return setHovered(false);
39
43
  };
40
- return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
44
+ return /*#__PURE__*/_react.default.createElement(_box.Box, {
41
45
  backgroundColor: hovered ? 'elevation.surface.hovered' : 'elevation.surface.sunken',
42
46
  xcss: styles.container,
43
47
  onMouseEnter: handleMouseEnter,
@@ -71,10 +75,10 @@ var AddContainerCard = exports.AddContainerCard = function AddContainerCard(_ref
71
75
  }
72
76
  return /*#__PURE__*/_react.default.createElement(AddContainerCardWrapper, {
73
77
  onClick: onAddAContainerClick
74
- }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
78
+ }, /*#__PURE__*/_react.default.createElement(_inline.Inline, {
75
79
  space: "space.100",
76
80
  xcss: styles.card
77
- }, /*#__PURE__*/_react.default.createElement(_compiled.Box, {
81
+ }, /*#__PURE__*/_react.default.createElement(_box.Box, {
78
82
  xcss: styles.iconWrapper
79
83
  }, /*#__PURE__*/_react.default.createElement(_button.default, {
80
84
  label: "Add a container",
@@ -91,16 +95,16 @@ var AddContainerCard = exports.AddContainerCard = function AddContainerCard(_ref
91
95
  }
92
96
  })), canCreateContainers ? /*#__PURE__*/_react.default.createElement(_addContainerCardButton.AddContainerCardButton, {
93
97
  type: containerType
94
- }) : /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
98
+ }) : /*#__PURE__*/_react.default.createElement(_stack.Stack, {
95
99
  space: "space.025"
96
- }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
100
+ }, /*#__PURE__*/_react.default.createElement(_text.Text, {
97
101
  maxLines: 1,
98
102
  weight: "medium",
99
103
  color: "color.text"
100
- }, title), /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
104
+ }, title), /*#__PURE__*/_react.default.createElement(_flex.Flex, {
101
105
  gap: "space.050",
102
106
  alignItems: "center"
103
- }, icon, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
107
+ }, icon, /*#__PURE__*/_react.default.createElement(_text.Text, {
104
108
  size: "small",
105
109
  color: "color.text.subtle"
106
110
  }, description)))));
@@ -7,20 +7,22 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.AddContainerCardButton = AddContainerCardButton;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _reactIntl = require("react-intl");
10
- var _compiled = require("@atlaskit/primitives/compiled");
10
+ var _flex = require("@atlaskit/primitives/compiled/flex");
11
+ var _stack = require("@atlaskit/primitives/compiled/stack");
12
+ var _text = require("@atlaskit/primitives/compiled/text");
11
13
  function AddContainerCardButton(_ref) {
12
14
  var type = _ref.type;
13
15
  var _getContainerProperti = getContainerProperties(type),
14
16
  title = _getContainerProperti.title,
15
17
  description = _getContainerProperti.description;
16
- return /*#__PURE__*/_react.default.createElement(_compiled.Stack, null, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
18
+ return /*#__PURE__*/_react.default.createElement(_stack.Stack, null, /*#__PURE__*/_react.default.createElement(_text.Text, {
17
19
  maxLines: 1,
18
20
  weight: "medium",
19
21
  color: "color.text"
20
- }, title), /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
22
+ }, title), /*#__PURE__*/_react.default.createElement(_flex.Flex, {
21
23
  gap: "space.050",
22
24
  alignItems: "center"
23
- }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
25
+ }, /*#__PURE__*/_react.default.createElement(_text.Text, {
24
26
  size: "small",
25
27
  color: "color.text.subtle"
26
28
  }, description)));
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.getAddContainerCards = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
- var _compiled = require("@atlaskit/primitives/compiled");
9
+ var _box = require("@atlaskit/primitives/compiled/box");
10
10
  var _AddContainerCard = require("./AddContainerCard");
11
11
  var getAddContainerCards = exports.getAddContainerCards = function getAddContainerCards(_ref) {
12
12
  var containers = _ref.containers,
@@ -15,7 +15,7 @@ var getAddContainerCards = exports.getAddContainerCards = function getAddContain
15
15
  canCreateContainers = _ref.canCreateContainers;
16
16
  var AddContainerCardComponent = CustomAddContainerCard !== null && CustomAddContainerCard !== void 0 ? CustomAddContainerCard : _AddContainerCard.AddContainerCard;
17
17
  var renderCard = function renderCard(key, card) {
18
- return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
18
+ return /*#__PURE__*/_react.default.createElement(_box.Box, {
19
19
  key: key,
20
20
  role: "listitem"
21
21
  }, card);
@@ -18,7 +18,9 @@ var _modalFooter = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-
18
18
  var _modalHeader = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-header"));
19
19
  var _modalTitle = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-title"));
20
20
  var _fg = require("@atlaskit/platform-feature-flags/fg");
21
- var _compiled = require("@atlaskit/primitives/compiled");
21
+ var _box = require("@atlaskit/primitives/compiled/box");
22
+ var _stack = require("@atlaskit/primitives/compiled/stack");
23
+ var _text = require("@atlaskit/primitives/compiled/text");
22
24
  var messages = exports.messages = (0, _reactIntl.defineMessages)({
23
25
  disconnectDialogTitle: {
24
26
  id: 'ptc-directory.team-profile-page.team-containers.disconnect-dialog.title',
@@ -95,11 +97,11 @@ var DisconnectDialog = exports.DisconnectDialog = function DisconnectDialog(_ref
95
97
  hasCloseButton: true
96
98
  }, /*#__PURE__*/_react.default.createElement(_modalTitle.default, {
97
99
  appearance: "warning"
98
- }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.disconnectDialogTitle))), /*#__PURE__*/_react.default.createElement(_modalBody.default, null, /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
100
+ }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.disconnectDialogTitle))), /*#__PURE__*/_react.default.createElement(_modalBody.default, null, /*#__PURE__*/_react.default.createElement(_stack.Stack, {
99
101
  space: "space.150"
100
- }, /*#__PURE__*/_react.default.createElement(_compiled.Box, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, messages.disconnectDialogDescription, {
102
+ }, /*#__PURE__*/_react.default.createElement(_box.Box, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, messages.disconnectDialogDescription, {
101
103
  values: {
102
- containerName: /*#__PURE__*/_react.default.createElement(_compiled.Text, {
104
+ containerName: /*#__PURE__*/_react.default.createElement(_text.Text, {
103
105
  weight: "semibold"
104
106
  }, containerName),
105
107
  containerType: containerType
@@ -17,7 +17,10 @@ var _reactIntl = require("react-intl");
17
17
  var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
18
18
  var _modalTransition = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-transition"));
19
19
  var _fg = require("@atlaskit/platform-feature-flags/fg");
20
- var _compiled = require("@atlaskit/primitives/compiled");
20
+ var _box = require("@atlaskit/primitives/compiled/box");
21
+ var _grid = require("@atlaskit/primitives/compiled/grid");
22
+ var _inline = require("@atlaskit/primitives/compiled/inline");
23
+ var _stack = require("@atlaskit/primitives/compiled/stack");
21
24
  var _useAnalyticsEvents2 = require("@atlaskit/teams-app-internal-analytics/use-analytics-events");
22
25
  var _main = require("@atlaskit/teams-app-internal-product-permissions/main");
23
26
  var _utils = require("@atlaskit/teams-app-internal-product-permissions/utils");
@@ -229,14 +232,12 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
229
232
  if (unlinkError) {
230
233
  fireEvent('track.teamContainerUnlinked.failed', {});
231
234
  } else {
232
- if ((0, _fg.fg)('space-team_linking_invites_fg')) {
233
- wasCancelled = _spaceInviteScheduler.spaceInviteScheduler.cancelInvite(teamId, containerId);
234
- if (wasCancelled) {
235
- fireEvent('track.sendSpaceTeamInvites.cancelled', {
236
- spaceId: containerId,
237
- teamId: teamId
238
- });
239
- }
235
+ wasCancelled = _spaceInviteScheduler.spaceInviteScheduler.cancelInvite(teamId, containerId);
236
+ if (wasCancelled) {
237
+ fireEvent('track.sendSpaceTeamInvites.cancelled', {
238
+ spaceId: containerId,
239
+ teamId: teamId
240
+ });
240
241
  }
241
242
  fireEvent('track.teamContainerUnlinked.succeeded', {
242
243
  containerRemoved: {
@@ -305,10 +306,10 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
305
306
  return /*#__PURE__*/_react.default.createElement(_noProductAccessEmptyState.NoProductAccessState, null);
306
307
  }
307
308
  }
308
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
309
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_stack.Stack, {
309
310
  space: "space.200"
310
311
  }, function () {
311
- var GridComponent = (components === null || components === void 0 ? void 0 : components.Grid) || _compiled.Grid;
312
+ var GridComponent = (components === null || components === void 0 ? void 0 : components.Grid) || _grid.Grid;
312
313
  return /*#__PURE__*/_react.default.createElement(GridComponent, {
313
314
  xcss: gridStyles.templateColumns,
314
315
  gap: isDisplayedOnProfileCard ? 'space.0' : 'space.100',
@@ -338,7 +339,7 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
338
339
  return handleEditContainerClick(container);
339
340
  }
340
341
  });
341
- return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
342
+ return /*#__PURE__*/_react.default.createElement(_box.Box, {
342
343
  key: container.id,
343
344
  role: "listitem"
344
345
  }, card);
@@ -369,14 +370,14 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
369
370
  return handleEditContainerClick(container);
370
371
  }
371
372
  });
372
- return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
373
+ return /*#__PURE__*/_react.default.createElement(_box.Box, {
373
374
  key: container.id,
374
375
  role: "listitem",
375
376
  ref: index === 0 ? firstShowMoreItemRef : undefined,
376
377
  tabIndex: index === 0 && (0, _fg.fg)('teams_a11y_20261005') ? -1 : undefined
377
378
  }, card);
378
379
  }));
379
- }(), filteredTeamLinks.length > maxNumberOfContainersToShow && /*#__PURE__*/_react.default.createElement(_compiled.Inline, null, /*#__PURE__*/_react.default.createElement(_button.default, {
380
+ }(), filteredTeamLinks.length > maxNumberOfContainersToShow && /*#__PURE__*/_react.default.createElement(_inline.Inline, null, /*#__PURE__*/_react.default.createElement(_button.default, {
380
381
  appearance: "subtle",
381
382
  spacing: "compact",
382
383
  onClick: handleShowMore
@@ -11,20 +11,22 @@ var _runtime = require("@compiled/react/runtime");
11
11
  var _react = _interopRequireDefault(require("react"));
12
12
  var _reactIntl = require("react-intl");
13
13
  var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
14
- var _compiled = require("@atlaskit/primitives/compiled");
14
+ var _box = require("@atlaskit/primitives/compiled/box");
15
+ var _inline = require("@atlaskit/primitives/compiled/inline");
16
+ var _stack = require("@atlaskit/primitives/compiled/stack");
15
17
  var _noProductAccessIcon = require("./no-product-access-icon");
16
18
  var styles = {
17
19
  emptyStateContainer: "_2rko12b0 _189ee4h9 _1h6d1l7x _18zrpxbi _1rjcpxbi _12y3e4h9 _12ji1l7x _1qu2nqa1"
18
20
  };
19
21
  var NoProductAccessState = exports.NoProductAccessState = function NoProductAccessState() {
20
- return /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
22
+ return /*#__PURE__*/_react.default.createElement(_stack.Stack, {
21
23
  space: "space.100",
22
24
  xcss: styles.emptyStateContainer,
23
25
  testId: "team-containers-no-product-access-state"
24
- }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
26
+ }, /*#__PURE__*/_react.default.createElement(_inline.Inline, {
25
27
  alignBlock: "center",
26
28
  space: "space.200"
27
- }, /*#__PURE__*/_react.default.createElement(_noProductAccessIcon.NoProductAccessIcon, null), /*#__PURE__*/_react.default.createElement(_compiled.Box, null, /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
29
+ }, /*#__PURE__*/_react.default.createElement(_noProductAccessIcon.NoProductAccessIcon, null), /*#__PURE__*/_react.default.createElement(_box.Box, null, /*#__PURE__*/_react.default.createElement(_stack.Stack, {
28
30
  space: "space.200"
29
31
  }, /*#__PURE__*/_react.default.createElement(_heading.default, {
30
32
  size: "small"
@@ -10,13 +10,13 @@ require("./index.compiled.css");
10
10
  var _runtime = require("@compiled/react/runtime");
11
11
  var _react = _interopRequireDefault(require("react"));
12
12
  var _image = _interopRequireDefault(require("@atlaskit/image"));
13
- var _compiled = require("@atlaskit/primitives/compiled");
13
+ var _box = require("@atlaskit/primitives/compiled/box");
14
14
  var _NoProductAccess = _interopRequireDefault(require("../../../../common/assets/NoProductAccess.svg"));
15
15
  var styles = {
16
16
  icon: "_1ul9ys9h _p12fys9h"
17
17
  };
18
18
  function NoProductAccessIcon() {
19
- return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
19
+ return /*#__PURE__*/_react.default.createElement(_box.Box, {
20
20
  xcss: styles.icon
21
21
  }, /*#__PURE__*/_react.default.createElement(_image.default, {
22
22
  src: _NoProductAccess.default,
@@ -15,7 +15,12 @@ var _react = _interopRequireWildcard(require("react"));
15
15
  var _reactIntl = require("react-intl");
16
16
  var _css = require("@atlaskit/css");
17
17
  var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
18
- var _compiled = require("@atlaskit/primitives/compiled");
18
+ var _anchor = require("@atlaskit/primitives/compiled/anchor");
19
+ var _box = require("@atlaskit/primitives/compiled/box");
20
+ var _flex = require("@atlaskit/primitives/compiled/flex");
21
+ var _inline = require("@atlaskit/primitives/compiled/inline");
22
+ var _stack = require("@atlaskit/primitives/compiled/stack");
23
+ var _text = require("@atlaskit/primitives/compiled/text");
19
24
  var _useAnalyticsEvents2 = require("@atlaskit/teams-app-internal-analytics/use-analytics-events");
20
25
  var _containerIcon = require("../../../common/ui/container-icon");
21
26
  var _separator = require("../../../common/ui/separator");
@@ -35,10 +40,10 @@ var styles = {
35
40
  externalLinkIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u0u2gc"
36
41
  };
37
42
  var renderContainerTypeTextWithSeparator = function renderContainerTypeTextWithSeparator(containerTypeText, description) {
38
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, containerTypeText && /*#__PURE__*/_react.default.createElement(_compiled.Text, {
43
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, containerTypeText && /*#__PURE__*/_react.default.createElement(_text.Text, {
39
44
  size: "small",
40
45
  color: "color.text.subtle"
41
- }, containerTypeText), containerTypeText && description && /*#__PURE__*/_react.default.createElement(_separator.Separator, null), description && /*#__PURE__*/_react.default.createElement(_compiled.Text, {
46
+ }, containerTypeText), containerTypeText && description && /*#__PURE__*/_react.default.createElement(_separator.Separator, null), description && /*#__PURE__*/_react.default.createElement(_text.Text, {
42
47
  size: "small",
43
48
  color: "color.text.subtle"
44
49
  }, description));
@@ -129,7 +134,7 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
129
134
  window.open(link || '#', '_blank', 'noopener, noreferrer');
130
135
  }
131
136
  };
132
- return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
137
+ return /*#__PURE__*/_react.default.createElement(_box.Box, {
133
138
  xcss: styles.container,
134
139
  onMouseEnter: handleMouseEnter,
135
140
  onMouseLeave: handleMouseLeave,
@@ -137,7 +142,7 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
137
142
  onBlur: handleBlur,
138
143
  onKeyDown: handleKeyDown,
139
144
  testId: "team-link-card-inner"
140
- }, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
145
+ }, /*#__PURE__*/_react.default.createElement(_inline.Inline, {
141
146
  space: "space.150",
142
147
  xcss: styles.card
143
148
  }, /*#__PURE__*/_react.default.createElement(_containerIcon.ContainerIcon, {
@@ -145,25 +150,25 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
145
150
  title: title,
146
151
  containerIcon: containerIcon,
147
152
  size: "medium"
148
- }), /*#__PURE__*/_react.default.createElement(_compiled.Anchor, {
153
+ }), /*#__PURE__*/_react.default.createElement(_anchor.Anchor, {
149
154
  xcss: (0, _css.cx)(styles.anchor, styles.anchorNoUnderline, isOpenWebLinkInNewTabEnabled && styles.anchorWithExternalLinkIcon),
150
155
  href: link || '#',
151
156
  onClick: handleLinkClick,
152
157
  testId: "team-link-card-linkable-content",
153
158
  target: isOpenWebLinkInNewTabEnabled ? '_blank' : '_self'
154
- }, /*#__PURE__*/_react.default.createElement(_compiled.Stack, null, /*#__PURE__*/_react.default.createElement(_teamLinkCardTitle.TeamLinkCardTitle, {
159
+ }, /*#__PURE__*/_react.default.createElement(_stack.Stack, null, /*#__PURE__*/_react.default.createElement(_teamLinkCardTitle.TeamLinkCardTitle, {
155
160
  isTeamLensInHomeEnabled: true,
156
161
  isOpenWebLinkInNewTabEnabled: isOpenWebLinkInNewTabEnabled,
157
162
  link: link || '#',
158
163
  handleLinkClick: handleLinkClick,
159
164
  title: title
160
- }), /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
165
+ }), /*#__PURE__*/_react.default.createElement(_flex.Flex, {
161
166
  gap: "space.050",
162
167
  alignItems: "center"
163
- }, !hideSubTextIcon ? icon : null, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
168
+ }, !hideSubTextIcon ? icon : null, /*#__PURE__*/_react.default.createElement(_inline.Inline, {
164
169
  space: "space.050",
165
170
  alignBlock: "center"
166
- }, renderContainerTypeTextWithSeparator(containerTypeText, description)))), isOpenWebLinkInNewTabEnabled && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
171
+ }, renderContainerTypeTextWithSeparator(containerTypeText, description)))), isOpenWebLinkInNewTabEnabled && /*#__PURE__*/_react.default.createElement(_box.Box, {
167
172
  xcss: styles.externalLinkIconWrapper
168
173
  }, /*#__PURE__*/_react.default.createElement(_linkExternal.default, {
169
174
  label: formatMessage(messages.linkExternalIconLabel),
@@ -9,7 +9,8 @@ exports.TeamLinkCardTitle = void 0;
9
9
  require("./team-link-card-title.compiled.css");
10
10
  var _runtime = require("@compiled/react/runtime");
11
11
  var _react = _interopRequireDefault(require("react"));
12
- var _compiled = require("@atlaskit/primitives/compiled");
12
+ var _anchor = require("@atlaskit/primitives/compiled/anchor");
13
+ var _text = require("@atlaskit/primitives/compiled/text");
13
14
  var styles = {
14
15
  anchorWithUnderline: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _9oik1r31 _1bnx8stv _jf4cnqa1 _30l3i7uo"
15
16
  };
@@ -20,17 +21,17 @@ var TeamLinkCardTitle = exports.TeamLinkCardTitle = function TeamLinkCardTitle(_
20
21
  link = _ref$link === void 0 ? '#' : _ref$link,
21
22
  handleLinkClick = _ref.handleLinkClick,
22
23
  title = _ref.title;
23
- return isTeamLensInHomeEnabled ? /*#__PURE__*/_react.default.createElement(_compiled.Anchor, {
24
+ return isTeamLensInHomeEnabled ? /*#__PURE__*/_react.default.createElement(_anchor.Anchor, {
24
25
  xcss: styles.anchorWithUnderline,
25
26
  href: link,
26
27
  onClick: handleLinkClick,
27
28
  testId: "team-link-card-linkable-content",
28
29
  target: isOpenWebLinkInNewTabEnabled ? '_blank' : '_self'
29
- }, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
30
+ }, /*#__PURE__*/_react.default.createElement(_text.Text, {
30
31
  maxLines: 1,
31
32
  weight: "medium",
32
33
  color: "color.text"
33
- }, title)) : /*#__PURE__*/_react.default.createElement(_compiled.Text, {
34
+ }, title)) : /*#__PURE__*/_react.default.createElement(_text.Text, {
34
35
  maxLines: 1,
35
36
  weight: "medium",
36
37
  color: "color.text"
@@ -1,5 +1,4 @@
1
1
  import { useEffect } from 'react';
2
- import { fg } from '@atlaskit/platform-feature-flags/fg';
3
2
  import { spaceInviteScheduler } from '../utils/spaceInviteScheduler';
4
3
 
5
4
  /**
@@ -13,9 +12,6 @@ import { spaceInviteScheduler } from '../utils/spaceInviteScheduler';
13
12
  */
14
13
  export const useSpaceInviteScheduler = () => {
15
14
  useEffect(() => {
16
- if (!fg('space-team_linking_invites_fg')) {
17
- return;
18
- }
19
15
  const onVisibilityChange = () => {
20
16
  if (document.visibilityState === 'hidden') {
21
17
  spaceInviteScheduler.flushAll();
@@ -7,7 +7,7 @@ import IconButton from '@atlaskit/button/icon/button';
7
7
  import { cx } from '@atlaskit/css';
8
8
  import LinkIcon from '@atlaskit/icon/core/link';
9
9
  import { fg } from '@atlaskit/platform-feature-flags/fg';
10
- import { Box } from '@atlaskit/primitives/compiled';
10
+ import { Box } from '@atlaskit/primitives/compiled/box';
11
11
  import Tile from '@atlaskit/tile/tile';
12
12
  import { LoomSpaceAvatar } from '../loom-avatar/main';
13
13
  const styles = {
@@ -4,7 +4,7 @@ import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { cx } from '@atlaskit/css';
6
6
  import { fg } from '@atlaskit/platform-feature-flags/fg';
7
- import { Box } from '@atlaskit/primitives/compiled';
7
+ import { Box } from '@atlaskit/primitives/compiled/box';
8
8
  import Tile from '@atlaskit/tile/tile';
9
9
  import { getAvatarText } from './getAvatarText';
10
10
  import { pickContainerColor } from './pickContainerColor';
@@ -2,7 +2,8 @@
2
2
  import "./index.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
- import { Inline, Text } from '@atlaskit/primitives/compiled';
5
+ import { Inline } from '@atlaskit/primitives/compiled/inline';
6
+ import { Text } from '@atlaskit/primitives/compiled/text';
6
7
  const styles = {
7
8
  separator: "_t9ec18p1"
8
9
  };
@@ -2,7 +2,9 @@
2
2
  import "./index.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
- import { Box, Grid, Stack } from '@atlaskit/primitives/compiled';
5
+ import { Box } from '@atlaskit/primitives/compiled/box';
6
+ import { Grid } from '@atlaskit/primitives/compiled/grid';
7
+ import { Stack } from '@atlaskit/primitives/compiled/stack';
6
8
  import { LinkedContainerCardSkeleton } from './linked-container-card-skeleton';
7
9
  const styles = {
8
10
  containers: "_yv0ewxkt",
@@ -2,7 +2,11 @@
2
2
  import "./index.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
- import { Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
5
+ import { Box } from '@atlaskit/primitives/compiled/box';
6
+ import { Flex } from '@atlaskit/primitives/compiled/flex';
7
+ import { Inline } from '@atlaskit/primitives/compiled/inline';
8
+ import { Stack } from '@atlaskit/primitives/compiled/stack';
9
+ import { Text } from '@atlaskit/primitives/compiled/text';
6
10
  import { getContainerProperties } from '../../../../common/utils/get-container-properties';
7
11
  const styles = {
8
12
  container: "_2rko12b0 _1h6d8yml _12y3e4h9 _12ji1l7x _1qu2nqa1 _syazi7uo _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi",
@@ -11,7 +11,8 @@ import DropdownItem from '@atlaskit/dropdown-menu/dropdown-menu-item';
11
11
  import DropdownItemGroup from '@atlaskit/dropdown-menu/dropdown-menu-item-group';
12
12
  import CrossIcon from '@atlaskit/icon/core/cross';
13
13
  import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
14
- import { Box } from '@atlaskit/primitives/compiled';
14
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
15
+ import { Box } from '@atlaskit/primitives/compiled/box';
15
16
  import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics/use-analytics-events';
16
17
  import Tooltip from '@atlaskit/tooltip/Tooltip';
17
18
  const styles = {
@@ -55,15 +56,21 @@ export const TeamLinkCardActions = ({
55
56
  const {
56
57
  fireEvent
57
58
  } = useAnalyticsEvents();
59
+ const dropdownTriggerElementRef = React.useRef(null);
60
+ const returnFocusToDropdownTrigger = () => {
61
+ var _dropdownTriggerEleme;
62
+ (_dropdownTriggerEleme = dropdownTriggerElementRef.current) === null || _dropdownTriggerEleme === void 0 ? void 0 : _dropdownTriggerEleme.focus();
63
+ };
58
64
 
59
65
  // Show icons when:
60
66
  // 1. Hovering over the card
61
67
  // 2. Dropdown is open
62
68
  // 3. Focused via keyboard navigation (when showKeyboardFocus is true)
63
- const shouldShowIcon = hovered || isDropdownOpen || focused && showKeyboardFocus;
69
+ const shouldShowIcon = fg('teams_a11y_20261005') || hovered || isDropdownOpen || focused && showKeyboardFocus;
64
70
  const handleDisconnectClick = e => {
65
71
  e.preventDefault();
66
72
  e.stopPropagation();
73
+ returnFocusToDropdownTrigger();
67
74
  onDisconnectButtonClick();
68
75
  fireEvent('ui.button.clicked.containerUnlinkButton', {
69
76
  containerSelected: {
@@ -75,6 +82,7 @@ export const TeamLinkCardActions = ({
75
82
  const handleEditLinkClick = e => {
76
83
  e.preventDefault();
77
84
  e.stopPropagation();
85
+ returnFocusToDropdownTrigger();
78
86
  onEditLinkClick === null || onEditLinkClick === void 0 ? void 0 : onEditLinkClick();
79
87
  fireEvent('ui.button.clicked.containerEditLinkButton', {
80
88
  containerSelected: {
@@ -93,6 +101,11 @@ export const TeamLinkCardActions = ({
93
101
  }) => /*#__PURE__*/React.createElement(IconButton, _extends({
94
102
  ref: triggerRef
95
103
  }, triggerProps, {
104
+ onClick: e => {
105
+ var _triggerProps$onClick;
106
+ dropdownTriggerElementRef.current = e.currentTarget;
107
+ (_triggerProps$onClick = triggerProps.onClick) === null || _triggerProps$onClick === void 0 ? void 0 : _triggerProps$onClick.call(triggerProps, e);
108
+ },
96
109
  label: `more options for ${title}`,
97
110
  appearance: "subtle",
98
111
  icon: iconProps => /*#__PURE__*/React.createElement(ShowMoreHorizontalIcon, _extends({}, iconProps, {
@@ -8,7 +8,9 @@ import LinkIcon from '@atlaskit/icon/core/link';
8
8
  import LinkExternalIcon from '@atlaskit/icon/core/link-external';
9
9
  import Image from '@atlaskit/image';
10
10
  import { fg } from '@atlaskit/platform-feature-flags/fg';
11
- import { Box, Flex, Text } from '@atlaskit/primitives/compiled';
11
+ import { Box } from '@atlaskit/primitives/compiled/box';
12
+ import { Flex } from '@atlaskit/primitives/compiled/flex';
13
+ import { Text } from '@atlaskit/primitives/compiled/text';
12
14
  import Tile from '@atlaskit/tile/tile';
13
15
  import ConfluenceIcon from '../assets/ConfluenceIcon.svg';
14
16
  import JiraIcon from '../assets/JiraIcon.svg';
@@ -1,20 +1,4 @@
1
- import { fg } from '@atlaskit/platform-feature-flags/fg';
2
- import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics/use-analytics-events';
3
1
  import { useConnectedTeams as useConnectedTeamsMulti } from './use-connected-teams-2';
4
- import { useTeamContainersHook } from './use-team-containers-hook';
5
2
  export const useConnectedTeams = teamId => {
6
- const [state, actions] = useTeamContainersHook();
7
- const useMultiTeam = fg('enable_multi_team_containers_state');
8
- const multiTeamResult = useConnectedTeamsMulti(useMultiTeam ? teamId || '' : '');
9
- const {
10
- fireEvent
11
- } = useAnalyticsEvents();
12
- if (useMultiTeam) {
13
- return multiTeamResult;
14
- }
15
- return {
16
- ...state.connectedTeams,
17
- fetchNumberOfConnectedTeams: containerId => actions.fetchNumberOfConnectedTeams(containerId, fireEvent),
18
- fetchConnectedTeams: containerId => actions.fetchConnectedTeams(containerId, fireEvent)
19
- };
3
+ return useConnectedTeamsMulti(teamId || '');
20
4
  };
@@ -1,28 +1,4 @@
1
- import { useCallback, useEffect } from 'react';
2
- import { fg } from '@atlaskit/platform-feature-flags/fg';
3
- import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics/use-analytics-events';
4
1
  import { useTeamContainers as useTeamContainersMulti } from './use-team-containers-2';
5
- import { useTeamContainersHook } from './use-team-containers-hook';
6
2
  export const useTeamContainers = (teamId, enable = true) => {
7
- const [state, actions] = useTeamContainersHook();
8
- const useMultiTeam = fg('enable_multi_team_containers_state');
9
- const multiTeamResult = useTeamContainersMulti(teamId, useMultiTeam ? enable : false);
10
- const {
11
- fireEvent
12
- } = useAnalyticsEvents();
13
- useEffect(() => {
14
- if (enable && !useMultiTeam) {
15
- actions.fetchTeamContainers(teamId, fireEvent);
16
- }
17
- }, [teamId, actions, enable, fireEvent, useMultiTeam]);
18
- const refetchTeamContainers = useCallback(async () => actions.refetchTeamContainers(fireEvent), [actions, fireEvent]);
19
- if (useMultiTeam) {
20
- return multiTeamResult;
21
- }
22
- return {
23
- ...state,
24
- addTeamContainer: actions.addTeamContainer,
25
- unlinkTeamContainers: containerId => actions.unlinkTeamContainers(teamId, containerId),
26
- refetchTeamContainers
27
- };
3
+ return useTeamContainersMulti(teamId, enable);
28
4
  };
@@ -1,15 +1,4 @@
1
- import { createHook } from 'react-sweet-state';
2
- import { fg } from '@atlaskit/platform-feature-flags/fg';
3
1
  import { useTeamWebLinksActions as useTeamWebLinksActionsMulti } from './multi-team';
4
- import { TeamWebLinksStore } from './store';
5
- const useTeamWebLinksActionsOriginal = createHook(TeamWebLinksStore, {
6
- selector: null
7
- });
8
2
  export const useTeamWebLinksActions = () => {
9
- const originalResult = useTeamWebLinksActionsOriginal();
10
- const multiResult = useTeamWebLinksActionsMulti();
11
- if (fg('enable_multi_team_containers_state')) {
12
- return multiResult;
13
- }
14
- return originalResult;
3
+ return useTeamWebLinksActionsMulti();
15
4
  };
@@ -1,13 +1,4 @@
1
- import { createHook } from 'react-sweet-state';
2
- import { fg } from '@atlaskit/platform-feature-flags/fg';
3
1
  import { useTeamWebLinks as useTeamWebLinksMulti } from './multi-team';
4
- import { TeamWebLinksStore } from './store';
5
- const useTeamWebLinksOriginal = createHook(TeamWebLinksStore);
6
2
  export const useTeamWebLinks = teamId => {
7
- const originalResult = useTeamWebLinksOriginal();
8
- const multiResult = useTeamWebLinksMulti(teamId || '');
9
- if (fg('enable_multi_team_containers_state')) {
10
- return multiResult;
11
- }
12
- return originalResult;
3
+ return useTeamWebLinksMulti(teamId || '');
13
4
  };
@@ -2,7 +2,10 @@
2
2
  import "./index.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
- import { Box, Grid, Inline, Stack } from '@atlaskit/primitives/compiled';
5
+ import { Box } from '@atlaskit/primitives/compiled/box';
6
+ import { Grid } from '@atlaskit/primitives/compiled/grid';
7
+ import { Inline } from '@atlaskit/primitives/compiled/inline';
8
+ import { Stack } from '@atlaskit/primitives/compiled/stack';
6
9
  import Skeleton from '@atlaskit/skeleton';
7
10
  const styles = {
8
11
  containerSkeleton: "_ca0qu2gc _n3tdu2gc _4cvr1h6o",
@@ -2,7 +2,10 @@
2
2
  import "./index.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
5
- import { Box, Inline, Pressable, Text } from '@atlaskit/primitives/compiled';
5
+ import { Box } from '@atlaskit/primitives/compiled/box';
6
+ import { Inline } from '@atlaskit/primitives/compiled/inline';
7
+ import { Pressable } from '@atlaskit/primitives/compiled/pressable';
8
+ import { Text } from '@atlaskit/primitives/compiled/text';
6
9
  import { getContainerProperties } from '../../../../common/utils/get-container-properties';
7
10
  import { TeamContainerSkeleton } from '../../../common/ui/team-container-skeleton';
8
11
  const styles = {
@@ -2,7 +2,11 @@
2
2
  import "./index.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { useState } from 'react';
5
- import { Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
5
+ import { Box } from '@atlaskit/primitives/compiled/box';
6
+ import { Flex } from '@atlaskit/primitives/compiled/flex';
7
+ import { Inline } from '@atlaskit/primitives/compiled/inline';
8
+ import { Stack } from '@atlaskit/primitives/compiled/stack';
9
+ import { Text } from '@atlaskit/primitives/compiled/text';
6
10
  import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics/use-analytics-events';
7
11
  import { TeamsAnchor } from '@atlaskit/teams-app-internal-navigation/teams-anchor';
8
12
  import { ContainerIcon } from '../../../../common/ui/container-icon';