@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.
- package/CHANGELOG.md +26 -0
- package/dist/cjs/common/hooks/useSpaceInviteScheduler.js +0 -4
- package/dist/cjs/common/ui/container-icon/index.js +3 -3
- package/dist/cjs/common/ui/loom-avatar/main.js +2 -2
- package/dist/cjs/common/ui/separator/index.js +4 -3
- package/dist/cjs/common/ui/team-containers-skeleton/index.js +6 -4
- package/dist/cjs/common/ui/team-containers-skeleton/linked-container-card-skeleton/index.js +15 -11
- package/dist/cjs/common/ui/team-link-card-actions/index.js +17 -4
- package/dist/cjs/common/utils/get-container-properties.js +10 -8
- package/dist/cjs/controllers/hooks/use-team-containers/use-connected-teams.js +1 -27
- package/dist/cjs/controllers/hooks/use-team-containers/use-team-containers.js +1 -45
- package/dist/cjs/controllers/hooks/use-team-web-links/use-team-web-links-actions.js +1 -12
- package/dist/cjs/controllers/hooks/use-team-web-links/use-team-web-links.js +1 -10
- package/dist/cjs/next/common/ui/team-container-skeleton/index.js +8 -5
- package/dist/cjs/next/ui/team-containers/add-container-card/index.js +8 -5
- package/dist/cjs/next/ui/team-containers/team-link-card/index.js +13 -9
- package/dist/cjs/ui/team-containers/add-container-card/AddContainerCard.js +12 -8
- package/dist/cjs/ui/team-containers/add-container-card/add-container-card-button/index.js +6 -4
- package/dist/cjs/ui/team-containers/add-container-card/getAddContainerCards.js +2 -2
- package/dist/cjs/ui/team-containers/disconnect-dialog/index.js +6 -4
- package/dist/cjs/ui/team-containers/main.js +15 -14
- package/dist/cjs/ui/team-containers/no-product-access-empty-state/index.js +6 -4
- package/dist/cjs/ui/team-containers/no-product-access-empty-state/no-product-access-icon/index.js +2 -2
- package/dist/cjs/ui/team-containers/team-link-card/index.js +15 -10
- package/dist/cjs/ui/team-containers/team-link-card/team-link-card-title.js +5 -4
- package/dist/es2019/common/hooks/useSpaceInviteScheduler.js +0 -4
- package/dist/es2019/common/ui/container-icon/index.js +1 -1
- package/dist/es2019/common/ui/loom-avatar/main.js +1 -1
- package/dist/es2019/common/ui/separator/index.js +2 -1
- package/dist/es2019/common/ui/team-containers-skeleton/index.js +3 -1
- package/dist/es2019/common/ui/team-containers-skeleton/linked-container-card-skeleton/index.js +5 -1
- package/dist/es2019/common/ui/team-link-card-actions/index.js +15 -2
- package/dist/es2019/common/utils/get-container-properties.js +3 -1
- package/dist/es2019/controllers/hooks/use-team-containers/use-connected-teams.js +1 -17
- package/dist/es2019/controllers/hooks/use-team-containers/use-team-containers.js +1 -25
- package/dist/es2019/controllers/hooks/use-team-web-links/use-team-web-links-actions.js +1 -12
- package/dist/es2019/controllers/hooks/use-team-web-links/use-team-web-links.js +1 -10
- package/dist/es2019/next/common/ui/team-container-skeleton/index.js +4 -1
- package/dist/es2019/next/ui/team-containers/add-container-card/index.js +4 -1
- package/dist/es2019/next/ui/team-containers/team-link-card/index.js +5 -1
- package/dist/es2019/ui/team-containers/add-container-card/AddContainerCard.js +5 -1
- package/dist/es2019/ui/team-containers/add-container-card/add-container-card-button/index.js +3 -1
- package/dist/es2019/ui/team-containers/add-container-card/getAddContainerCards.js +1 -1
- package/dist/es2019/ui/team-containers/disconnect-dialog/index.js +3 -1
- package/dist/es2019/ui/team-containers/main.js +10 -9
- package/dist/es2019/ui/team-containers/no-product-access-empty-state/index.js +3 -1
- package/dist/es2019/ui/team-containers/no-product-access-empty-state/no-product-access-icon/index.js +1 -1
- package/dist/es2019/ui/team-containers/team-link-card/index.js +6 -1
- package/dist/es2019/ui/team-containers/team-link-card/team-link-card-title.js +2 -1
- package/dist/esm/common/hooks/useSpaceInviteScheduler.js +0 -4
- package/dist/esm/common/ui/container-icon/index.js +1 -1
- package/dist/esm/common/ui/loom-avatar/main.js +1 -1
- package/dist/esm/common/ui/separator/index.js +2 -1
- package/dist/esm/common/ui/team-containers-skeleton/index.js +3 -1
- package/dist/esm/common/ui/team-containers-skeleton/linked-container-card-skeleton/index.js +5 -1
- package/dist/esm/common/ui/team-link-card-actions/index.js +15 -2
- package/dist/esm/common/utils/get-container-properties.js +3 -1
- package/dist/esm/controllers/hooks/use-team-containers/use-connected-teams.js +1 -26
- package/dist/esm/controllers/hooks/use-team-containers/use-team-containers.js +1 -44
- package/dist/esm/controllers/hooks/use-team-web-links/use-team-web-links-actions.js +1 -12
- package/dist/esm/controllers/hooks/use-team-web-links/use-team-web-links.js +1 -10
- package/dist/esm/next/common/ui/team-container-skeleton/index.js +4 -1
- package/dist/esm/next/ui/team-containers/add-container-card/index.js +4 -1
- package/dist/esm/next/ui/team-containers/team-link-card/index.js +5 -1
- package/dist/esm/ui/team-containers/add-container-card/AddContainerCard.js +5 -1
- package/dist/esm/ui/team-containers/add-container-card/add-container-card-button/index.js +3 -1
- package/dist/esm/ui/team-containers/add-container-card/getAddContainerCards.js +1 -1
- package/dist/esm/ui/team-containers/disconnect-dialog/index.js +3 -1
- package/dist/esm/ui/team-containers/main.js +10 -9
- package/dist/esm/ui/team-containers/no-product-access-empty-state/index.js +3 -1
- package/dist/esm/ui/team-containers/no-product-access-empty-state/no-product-access-icon/index.js +1 -1
- package/dist/esm/ui/team-containers/team-link-card/index.js +6 -1
- package/dist/esm/ui/team-containers/team-link-card/team-link-card-title.js +2 -1
- package/dist/types/controllers/hooks/use-team-web-links/use-team-web-links-actions.d.ts +1 -9
- package/dist/types/ui/team-containers/types.d.ts +1 -1
- 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
|
|
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(
|
|
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(
|
|
78
|
+
}, /*#__PURE__*/_react.default.createElement(_inline.Inline, {
|
|
75
79
|
space: "space.100",
|
|
76
80
|
xcss: styles.card
|
|
77
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
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(
|
|
98
|
+
}) : /*#__PURE__*/_react.default.createElement(_stack.Stack, {
|
|
95
99
|
space: "space.025"
|
|
96
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
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(
|
|
104
|
+
}, title), /*#__PURE__*/_react.default.createElement(_flex.Flex, {
|
|
101
105
|
gap: "space.050",
|
|
102
106
|
alignItems: "center"
|
|
103
|
-
}, icon, /*#__PURE__*/_react.default.createElement(
|
|
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
|
|
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(
|
|
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(
|
|
22
|
+
}, title), /*#__PURE__*/_react.default.createElement(_flex.Flex, {
|
|
21
23
|
gap: "space.050",
|
|
22
24
|
alignItems: "center"
|
|
23
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
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
|
|
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(
|
|
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
|
|
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(
|
|
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(
|
|
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(
|
|
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
|
|
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
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
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(
|
|
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) ||
|
|
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(
|
|
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(
|
|
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(
|
|
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
|
|
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(
|
|
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(
|
|
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(
|
|
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"
|
package/dist/cjs/ui/team-containers/no-product-access-empty-state/no-product-access-icon/index.js
CHANGED
|
@@ -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
|
|
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(
|
|
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
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
165
|
+
}), /*#__PURE__*/_react.default.createElement(_flex.Flex, {
|
|
161
166
|
gap: "space.050",
|
|
162
167
|
alignItems: "center"
|
|
163
|
-
}, !hideSubTextIcon ? icon : null, /*#__PURE__*/_react.default.createElement(
|
|
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(
|
|
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
|
|
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(
|
|
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(
|
|
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(
|
|
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
|
|
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
|
|
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",
|
package/dist/es2019/common/ui/team-containers-skeleton/linked-container-card-skeleton/index.js
CHANGED
|
@@ -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
|
|
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 {
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
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
|
|
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
|
|
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';
|