@atlaskit/teams-public 0.70.5 → 0.70.7
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 +17 -0
- package/dist/cjs/common/ui/container-icon/index.compiled.css +0 -14
- package/dist/cjs/common/ui/container-icon/index.js +23 -55
- package/dist/cjs/common/ui/loom-avatar/main.js +1 -1
- package/dist/cjs/common/ui/separator/index.js +1 -1
- package/dist/cjs/common/ui/team-containers-skeleton/index.js +1 -1
- package/dist/cjs/common/ui/team-containers-skeleton/linked-container-card-skeleton/index.js +1 -1
- package/dist/cjs/common/ui/team-link-card-actions/index.js +1 -1
- package/dist/cjs/common/utils/get-container-properties.js +1 -1
- package/dist/cjs/next/common/ui/team-container-skeleton/index.js +1 -1
- package/dist/cjs/next/ui/team-containers/add-container-card/index.js +1 -1
- package/dist/cjs/next/ui/team-containers/team-link-card/index.js +1 -1
- package/dist/cjs/ui/team-containers/add-container-card/index.js +1 -1
- package/dist/cjs/ui/team-containers/linked-container-card/index.js +1 -1
- package/dist/cjs/ui/team-containers/main.js +7 -16
- package/dist/cjs/ui/team-containers/no-product-access-empty-state/index.js +1 -1
- package/dist/cjs/ui/team-containers/no-product-access-empty-state/no-product-access-icon/index.js +1 -1
- package/dist/cjs/ui/team-containers/team-link-card/index.js +4 -18
- package/dist/cjs/ui/team-containers/team-link-card/team-link-card-title.js +1 -1
- package/dist/es2019/common/ui/container-icon/index.compiled.css +0 -14
- package/dist/es2019/common/ui/container-icon/index.js +16 -47
- package/dist/es2019/common/ui/loom-avatar/main.js +1 -1
- package/dist/es2019/common/ui/separator/index.js +1 -1
- package/dist/es2019/common/ui/team-containers-skeleton/index.js +1 -1
- package/dist/es2019/common/ui/team-containers-skeleton/linked-container-card-skeleton/index.js +1 -1
- package/dist/es2019/common/ui/team-link-card-actions/index.js +1 -1
- package/dist/es2019/common/utils/get-container-properties.js +1 -1
- package/dist/es2019/next/common/ui/team-container-skeleton/index.js +1 -1
- package/dist/es2019/next/ui/team-containers/add-container-card/index.js +1 -1
- package/dist/es2019/next/ui/team-containers/team-link-card/index.js +1 -1
- package/dist/es2019/ui/team-containers/add-container-card/index.js +1 -1
- package/dist/es2019/ui/team-containers/linked-container-card/index.js +1 -1
- package/dist/es2019/ui/team-containers/main.js +7 -16
- package/dist/es2019/ui/team-containers/no-product-access-empty-state/index.js +1 -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 +4 -18
- package/dist/es2019/ui/team-containers/team-link-card/team-link-card-title.js +1 -1
- package/dist/esm/common/ui/container-icon/index.compiled.css +0 -14
- package/dist/esm/common/ui/container-icon/index.js +23 -55
- package/dist/esm/common/ui/loom-avatar/main.js +1 -1
- package/dist/esm/common/ui/separator/index.js +1 -1
- package/dist/esm/common/ui/team-containers-skeleton/index.js +1 -1
- package/dist/esm/common/ui/team-containers-skeleton/linked-container-card-skeleton/index.js +1 -1
- package/dist/esm/common/ui/team-link-card-actions/index.js +1 -1
- package/dist/esm/common/utils/get-container-properties.js +1 -1
- package/dist/esm/next/common/ui/team-container-skeleton/index.js +1 -1
- package/dist/esm/next/ui/team-containers/add-container-card/index.js +1 -1
- package/dist/esm/next/ui/team-containers/team-link-card/index.js +1 -1
- package/dist/esm/ui/team-containers/add-container-card/index.js +1 -1
- package/dist/esm/ui/team-containers/linked-container-card/index.js +1 -1
- package/dist/esm/ui/team-containers/main.js +7 -16
- package/dist/esm/ui/team-containers/no-product-access-empty-state/index.js +1 -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 +4 -18
- package/dist/esm/ui/team-containers/team-link-card/team-link-card-title.js +1 -1
- package/dist/types/common/ui/container-icon/index.d.ts +1 -1
- package/dist/types/ui/team-containers/main.d.ts +1 -1
- package/dist/types/ui/team-containers/types.d.ts +0 -5
- package/dist/types-ts4.5/common/ui/container-icon/index.d.ts +1 -1
- package/dist/types-ts4.5/ui/team-containers/main.d.ts +1 -1
- package/dist/types-ts4.5/ui/team-containers/types.d.ts +0 -5
- package/package.json +1 -7
- package/dist/cjs/controllers/hooks/use-requested-container/index.js +0 -358
- package/dist/cjs/controllers/hooks/use-requested-container/utils.js +0 -165
- package/dist/es2019/controllers/hooks/use-requested-container/index.js +0 -288
- package/dist/es2019/controllers/hooks/use-requested-container/utils.js +0 -126
- package/dist/esm/controllers/hooks/use-requested-container/index.js +0 -350
- package/dist/esm/controllers/hooks/use-requested-container/utils.js +0 -153
- package/dist/types/controllers/hooks/use-requested-container/index.d.ts +0 -25
- package/dist/types/controllers/hooks/use-requested-container/utils.d.ts +0 -34
- package/dist/types-ts4.5/controllers/hooks/use-requested-container/index.d.ts +0 -25
- package/dist/types-ts4.5/controllers/hooks/use-requested-container/utils.d.ts +0 -34
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @atlaskit/teams-public
|
|
2
2
|
|
|
3
|
+
## 0.70.7
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`2c34be51e4045`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2c34be51e4045) -
|
|
8
|
+
Remove code related to the teams_app_auto_container_create_universal_create experiment (we are not
|
|
9
|
+
going ahead with this)
|
|
10
|
+
- Updated dependencies
|
|
11
|
+
|
|
12
|
+
## 0.70.6
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- [`cf41ce07edce7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cf41ce07edce7) -
|
|
17
|
+
Clean up new_team_profile experiment
|
|
18
|
+
- Updated dependencies
|
|
19
|
+
|
|
3
20
|
## 0.70.5
|
|
4
21
|
|
|
5
22
|
### Patch Changes
|
|
@@ -1,18 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
._2rko1mok{border-radius:var(--ds-radius-large,8px)}
|
|
3
|
-
._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}._12ji1l7x{outline-color:var(--ds-border,#0b120e24)}
|
|
4
1
|
._18u0v77o{margin-left:var(--ds-space-025,2px)}
|
|
5
2
|
._19pkv77o{margin-top:var(--ds-space-025,2px)}
|
|
6
|
-
._1bah1h6o{justify-content:center}
|
|
7
|
-
._1bsb1tcg{width:24px}
|
|
8
|
-
._1bsb1u1b{width:34px}
|
|
9
|
-
._1e0c1txw{display:flex}
|
|
10
|
-
._1qu2nqa1{outline-style:solid}
|
|
11
|
-
._1ul91tcg{min-width:24px}
|
|
12
3
|
._2hwxv77o{margin-right:var(--ds-space-025,2px)}
|
|
13
|
-
._4cvr1h6o{align-items:center}
|
|
14
|
-
._4t3i1tcg{height:24px}
|
|
15
|
-
._4t3i1u1b{height:34px}
|
|
16
|
-
._bfhkhfxm{background-color:var(--ds-surface-sunken,#f8f8f8)}
|
|
17
|
-
._bfhkizff{background-color:var(--ds-skeleton,#0515240f)}
|
|
18
4
|
._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* index.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
@@ -9,41 +9,22 @@ exports.ContainerIcon = void 0;
|
|
|
9
9
|
require("./index.compiled.css");
|
|
10
10
|
var _runtime = require("@compiled/react/runtime");
|
|
11
11
|
var _react = _interopRequireDefault(require("react"));
|
|
12
|
-
var _atlassianContext = require("@atlaskit/atlassian-context");
|
|
13
12
|
var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
|
|
14
13
|
var _new = require("@atlaskit/button/new");
|
|
15
14
|
var _css = require("@atlaskit/css");
|
|
16
|
-
var _globe = _interopRequireDefault(require("@atlaskit/icon/core/globe"));
|
|
17
15
|
var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
|
|
18
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
19
16
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
20
17
|
var _loomAvatar = require("../loom-avatar");
|
|
21
18
|
var styles = {
|
|
22
|
-
|
|
23
|
-
globeIconWrapperSmall: "_2rkolb4i _1ul91tcg _4t3i1tcg _1e0c1txw _4cvr1h6o _1bah1h6o _19pkv77o _2hwxv77o _otyrv77o _18u0v77o _12ji1l7x _1qu2nqa1 _bfhkhfxm",
|
|
24
|
-
linkIconWrapperSmall: "_19pkv77o _2hwxv77o _otyrv77o _18u0v77o",
|
|
25
|
-
skeletonMedium: "_2rko1mok _bfhkizff _1bsb1u1b _4t3i1u1b",
|
|
26
|
-
skeletonSmall: "_2rkolb4i _bfhkizff _1bsb1tcg _4t3i1tcg"
|
|
19
|
+
linkIconWrapperSmall: "_19pkv77o _2hwxv77o _otyrv77o _18u0v77o"
|
|
27
20
|
};
|
|
28
|
-
var
|
|
29
|
-
var
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
};
|
|
35
|
-
var ContainerIcon = exports.ContainerIcon = function ContainerIcon(_ref2) {
|
|
36
|
-
var containerType = _ref2.containerType,
|
|
37
|
-
title = _ref2.title,
|
|
38
|
-
containerIcon = _ref2.containerIcon,
|
|
39
|
-
_ref2$size = _ref2.size,
|
|
40
|
-
size = _ref2$size === void 0 ? 'medium' : _ref2$size,
|
|
41
|
-
_ref2$iconsLoading = _ref2.iconsLoading,
|
|
42
|
-
iconsLoading = _ref2$iconsLoading === void 0 ? false : _ref2$iconsLoading,
|
|
43
|
-
_ref2$iconHasLoaded = _ref2.iconHasLoaded,
|
|
44
|
-
iconHasLoaded = _ref2$iconHasLoaded === void 0 ? true : _ref2$iconHasLoaded;
|
|
21
|
+
var ContainerIcon = exports.ContainerIcon = function ContainerIcon(_ref) {
|
|
22
|
+
var containerType = _ref.containerType,
|
|
23
|
+
title = _ref.title,
|
|
24
|
+
containerIcon = _ref.containerIcon,
|
|
25
|
+
_ref$size = _ref.size,
|
|
26
|
+
size = _ref$size === void 0 ? 'medium' : _ref$size;
|
|
45
27
|
var isMedium = size === 'medium';
|
|
46
|
-
var isNewTeamProfilePageEnabled = !(0, _atlassianContext.isFedRamp)() || (0, _platformFeatureFlags.fg)('new_team_profile_fedramp');
|
|
47
28
|
if (containerType === 'LoomSpace') {
|
|
48
29
|
return /*#__PURE__*/_react.default.createElement(_loomAvatar.LoomSpaceAvatar, {
|
|
49
30
|
spaceName: title,
|
|
@@ -54,36 +35,23 @@ var ContainerIcon = exports.ContainerIcon = function ContainerIcon(_ref2) {
|
|
|
54
35
|
|
|
55
36
|
// This is a fallback icon for WebLink if the containerIcon is not present
|
|
56
37
|
if (containerType === 'WebLink' && !containerIcon) {
|
|
57
|
-
if (isNewTeamProfilePageEnabled) {
|
|
58
|
-
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
59
|
-
xcss: (0, _css.cx)(!isMedium && styles.linkIconWrapperSmall)
|
|
60
|
-
}, /*#__PURE__*/_react.default.createElement(_new.IconButton, {
|
|
61
|
-
label: "",
|
|
62
|
-
spacing: isMedium ? 'default' : 'compact',
|
|
63
|
-
appearance: "default",
|
|
64
|
-
"aria-hidden": "true" // Keeping this to be double sure icon isn't going to be focused
|
|
65
|
-
,
|
|
66
|
-
tabIndex: -1 // This is to prevent the icon from being focused
|
|
67
|
-
,
|
|
68
|
-
testId: "linked-container-WebLink-new-icon",
|
|
69
|
-
icon: function icon() {
|
|
70
|
-
return /*#__PURE__*/_react.default.createElement(_link.default, {
|
|
71
|
-
label: "",
|
|
72
|
-
size: isMedium ? 'medium' : 'small'
|
|
73
|
-
});
|
|
74
|
-
}
|
|
75
|
-
}));
|
|
76
|
-
}
|
|
77
|
-
if (iconsLoading || !iconHasLoaded) {
|
|
78
|
-
return /*#__PURE__*/_react.default.createElement(IconSkeleton, {
|
|
79
|
-
size: size
|
|
80
|
-
});
|
|
81
|
-
}
|
|
82
38
|
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
83
|
-
xcss:
|
|
84
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
39
|
+
xcss: (0, _css.cx)(!isMedium && styles.linkIconWrapperSmall)
|
|
40
|
+
}, /*#__PURE__*/_react.default.createElement(_new.IconButton, {
|
|
85
41
|
label: "",
|
|
86
|
-
|
|
42
|
+
spacing: isMedium ? 'default' : 'compact',
|
|
43
|
+
appearance: "default",
|
|
44
|
+
"aria-hidden": "true" // Keeping this to be double sure icon isn't going to be focused
|
|
45
|
+
,
|
|
46
|
+
tabIndex: -1 // This is to prevent the icon from being focused
|
|
47
|
+
,
|
|
48
|
+
testId: "linked-container-WebLink-new-icon",
|
|
49
|
+
icon: function icon() {
|
|
50
|
+
return /*#__PURE__*/_react.default.createElement(_link.default, {
|
|
51
|
+
label: "",
|
|
52
|
+
size: isMedium ? 'medium' : 'small'
|
|
53
|
+
});
|
|
54
|
+
}
|
|
87
55
|
}));
|
|
88
56
|
}
|
|
89
57
|
return /*#__PURE__*/_react.default.createElement(_avatar.default, {
|
|
@@ -24,7 +24,6 @@ var _controllers = require("../../controllers");
|
|
|
24
24
|
var _useCreateContainers3 = require("../../controllers/hooks/use-create-containers");
|
|
25
25
|
var _useProductPermission3 = require("../../controllers/hooks/use-product-permission");
|
|
26
26
|
var _useRefreshContainersOnContainerCreated = require("../../controllers/hooks/use-refresh-containers-on-container-created");
|
|
27
|
-
var _useRequestedContainer = require("../../controllers/hooks/use-requested-container");
|
|
28
27
|
var _useTeamContainers2 = require("../../controllers/hooks/use-team-containers");
|
|
29
28
|
var _useTeamLinksAndContainers = require("../../controllers/hooks/use-team-links-and-containers");
|
|
30
29
|
var _addContainerCard = require("./add-container-card");
|
|
@@ -41,8 +40,6 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
|
|
|
41
40
|
var teamId = _ref.teamId,
|
|
42
41
|
onAddAContainerClick = _ref.onAddAContainerClick,
|
|
43
42
|
onEditContainerClick = _ref.onEditContainerClick,
|
|
44
|
-
_ref$onRequestedConta = _ref.onRequestedContainerTimeout,
|
|
45
|
-
onRequestedContainerTimeout = _ref$onRequestedConta === void 0 ? function () {} : _ref$onRequestedConta,
|
|
46
43
|
components = _ref.components,
|
|
47
44
|
userId = _ref.userId,
|
|
48
45
|
cloudId = _ref.cloudId,
|
|
@@ -63,12 +60,6 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
|
|
|
63
60
|
iconHasLoaded = _useTeamLinksAndConta.iconHasLoaded,
|
|
64
61
|
hasError = _useTeamLinksAndConta.hasError,
|
|
65
62
|
linksLoading = _useTeamLinksAndConta.isLoading;
|
|
66
|
-
var _useRequestedContaine = (0, _useRequestedContainer.useRequestedContainers)({
|
|
67
|
-
teamId: teamId,
|
|
68
|
-
cloudId: cloudId,
|
|
69
|
-
onRequestedContainerTimeout: onRequestedContainerTimeout
|
|
70
|
-
}),
|
|
71
|
-
requestedContainers = _useRequestedContaine.requestedContainers;
|
|
72
63
|
var _useTeamContainersHoo = (0, _useTeamContainers2.useTeamContainersHook)(),
|
|
73
64
|
_useTeamContainersHoo2 = (0, _slicedToArray2.default)(_useTeamContainersHoo, 2),
|
|
74
65
|
_ = _useTeamContainersHoo2[0],
|
|
@@ -265,20 +256,20 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
|
|
|
265
256
|
return productPermissionIsLoadingOld;
|
|
266
257
|
}, [linksLoading, productPermissionIsLoading, productPermissionIsLoadingOld]);
|
|
267
258
|
var availableContainers = (0, _react.useMemo)(function () {
|
|
268
|
-
var getAvailableContainer = function getAvailableContainer(productKey
|
|
259
|
+
var getAvailableContainer = function getAvailableContainer(productKey) {
|
|
269
260
|
var _containers;
|
|
270
261
|
return {
|
|
271
262
|
canAdd: canAddContainer === null || canAddContainer === void 0 ? void 0 : canAddContainer[productKey],
|
|
272
|
-
isLoading:
|
|
263
|
+
isLoading: containers === null || containers === void 0 || (_containers = containers[productKey]) === null || _containers === void 0 ? void 0 : _containers.isLoading
|
|
273
264
|
};
|
|
274
265
|
};
|
|
275
266
|
return {
|
|
276
|
-
Jira: getAvailableContainer('Jira'
|
|
277
|
-
Confluence: getAvailableContainer('Confluence'
|
|
278
|
-
Loom: getAvailableContainer('Loom'
|
|
279
|
-
WebLink: getAvailableContainer('WebLink'
|
|
267
|
+
Jira: getAvailableContainer('Jira'),
|
|
268
|
+
Confluence: getAvailableContainer('Confluence'),
|
|
269
|
+
Loom: getAvailableContainer('Loom'),
|
|
270
|
+
WebLink: getAvailableContainer('WebLink')
|
|
280
271
|
};
|
|
281
|
-
}, [canAddContainer, containers
|
|
272
|
+
}, [canAddContainer, containers]);
|
|
282
273
|
if (isLoading) {
|
|
283
274
|
return /*#__PURE__*/_react.default.createElement(TeamContainersSkeletonComponent, {
|
|
284
275
|
numberOfContainers: maxNumberOfContainersToShow
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* index.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
@@ -15,7 +15,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
15
15
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
16
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
17
|
var _reactIntlNext = require("react-intl-next");
|
|
18
|
-
var _atlassianContext = require("@atlaskit/atlassian-context");
|
|
19
18
|
var _new = require("@atlaskit/button/new");
|
|
20
19
|
var _css = require("@atlaskit/css");
|
|
21
20
|
var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
|
|
@@ -104,8 +103,7 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
|
|
|
104
103
|
formatMessage = _useIntl.formatMessage;
|
|
105
104
|
var _useAnalyticsEvents = (0, _teamsAppInternalAnalytics.useAnalyticsEvents)(),
|
|
106
105
|
fireEvent = _useAnalyticsEvents.fireEvent;
|
|
107
|
-
var
|
|
108
|
-
var isOpenWebLinkInNewTabEnabled = containerType === 'WebLink' && isNewTeamProfilePageEnabled;
|
|
106
|
+
var isOpenWebLinkInNewTabEnabled = containerType === 'WebLink';
|
|
109
107
|
var handleMouseEnter = function handleMouseEnter() {
|
|
110
108
|
if (isReadOnly) {
|
|
111
109
|
return;
|
|
@@ -201,13 +199,7 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
|
|
|
201
199
|
}, !hideSubTextIcon ? icon : null, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
|
|
202
200
|
space: "space.050",
|
|
203
201
|
alignBlock: "center"
|
|
204
|
-
},
|
|
205
|
-
size: "small",
|
|
206
|
-
color: "color.text.subtle"
|
|
207
|
-
}, description), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
|
|
208
|
-
size: "small",
|
|
209
|
-
color: "color.text.subtle"
|
|
210
|
-
}, containerTypeText))))), isOpenWebLinkInNewTabEnabled && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
202
|
+
}, renderContainerTypeTextWithSeparator(containerTypeText, description)))), isOpenWebLinkInNewTabEnabled && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
211
203
|
xcss: styles.externalLinkIconWrapper
|
|
212
204
|
}, /*#__PURE__*/_react.default.createElement(_linkExternal.default, {
|
|
213
205
|
label: formatMessage(messages.linkExternalIconLabel),
|
|
@@ -249,13 +241,7 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
|
|
|
249
241
|
}, !hideSubTextIcon ? icon : null, /*#__PURE__*/_react.default.createElement(_compiled.Inline, {
|
|
250
242
|
space: "space.050",
|
|
251
243
|
alignBlock: "center"
|
|
252
|
-
},
|
|
253
|
-
size: "small",
|
|
254
|
-
color: "color.text.subtle"
|
|
255
|
-
}, description), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
|
|
256
|
-
size: "small",
|
|
257
|
-
color: "color.text.subtle"
|
|
258
|
-
}, containerTypeText))))))), showCloseIcon && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
244
|
+
}, renderContainerTypeTextWithSeparator(containerTypeText, description)))))), showCloseIcon && /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
259
245
|
xcss: styles.crossIconWrapper
|
|
260
246
|
}, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
261
247
|
content: formatMessage(messages.disconnectTooltip),
|
|
@@ -1,18 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
._2rko1mok{border-radius:var(--ds-radius-large,8px)}
|
|
3
|
-
._2rkolb4i{border-radius:var(--ds-radius-xsmall,2px)}._12ji1l7x{outline-color:var(--ds-border,#0b120e24)}
|
|
4
1
|
._18u0v77o{margin-left:var(--ds-space-025,2px)}
|
|
5
2
|
._19pkv77o{margin-top:var(--ds-space-025,2px)}
|
|
6
|
-
._1bah1h6o{justify-content:center}
|
|
7
|
-
._1bsb1tcg{width:24px}
|
|
8
|
-
._1bsb1u1b{width:34px}
|
|
9
|
-
._1e0c1txw{display:flex}
|
|
10
|
-
._1qu2nqa1{outline-style:solid}
|
|
11
|
-
._1ul91tcg{min-width:24px}
|
|
12
3
|
._2hwxv77o{margin-right:var(--ds-space-025,2px)}
|
|
13
|
-
._4cvr1h6o{align-items:center}
|
|
14
|
-
._4t3i1tcg{height:24px}
|
|
15
|
-
._4t3i1u1b{height:34px}
|
|
16
|
-
._bfhkhfxm{background-color:var(--ds-surface-sunken,#f8f8f8)}
|
|
17
|
-
._bfhkizff{background-color:var(--ds-skeleton,#0515240f)}
|
|
18
4
|
._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
|
|
@@ -1,41 +1,23 @@
|
|
|
1
|
-
/* index.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import "./index.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React from 'react';
|
|
5
|
-
import { isFedRamp } from '@atlaskit/atlassian-context';
|
|
6
5
|
import Avatar from '@atlaskit/avatar';
|
|
7
6
|
import { IconButton } from '@atlaskit/button/new';
|
|
8
7
|
import { cx } from '@atlaskit/css';
|
|
9
|
-
import GlobeIcon from '@atlaskit/icon/core/globe';
|
|
10
8
|
import LinkIcon from '@atlaskit/icon/core/link';
|
|
11
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
12
9
|
import { Box } from '@atlaskit/primitives/compiled';
|
|
13
10
|
import { LoomSpaceAvatar } from '../loom-avatar';
|
|
14
11
|
const styles = {
|
|
15
|
-
|
|
16
|
-
globeIconWrapperSmall: "_2rkolb4i _1ul91tcg _4t3i1tcg _1e0c1txw _4cvr1h6o _1bah1h6o _19pkv77o _2hwxv77o _otyrv77o _18u0v77o _12ji1l7x _1qu2nqa1 _bfhkhfxm",
|
|
17
|
-
linkIconWrapperSmall: "_19pkv77o _2hwxv77o _otyrv77o _18u0v77o",
|
|
18
|
-
skeletonMedium: "_2rko1mok _bfhkizff _1bsb1u1b _4t3i1u1b",
|
|
19
|
-
skeletonSmall: "_2rkolb4i _bfhkizff _1bsb1tcg _4t3i1tcg"
|
|
20
|
-
};
|
|
21
|
-
const IconSkeleton = ({
|
|
22
|
-
size
|
|
23
|
-
}) => {
|
|
24
|
-
return /*#__PURE__*/React.createElement(Box, {
|
|
25
|
-
xcss: size === 'medium' ? styles.skeletonMedium : styles.skeletonSmall,
|
|
26
|
-
testId: "container-icon-skeleton"
|
|
27
|
-
});
|
|
12
|
+
linkIconWrapperSmall: "_19pkv77o _2hwxv77o _otyrv77o _18u0v77o"
|
|
28
13
|
};
|
|
29
14
|
export const ContainerIcon = ({
|
|
30
15
|
containerType,
|
|
31
16
|
title,
|
|
32
17
|
containerIcon,
|
|
33
|
-
size = 'medium'
|
|
34
|
-
iconsLoading = false,
|
|
35
|
-
iconHasLoaded = true
|
|
18
|
+
size = 'medium'
|
|
36
19
|
}) => {
|
|
37
20
|
const isMedium = size === 'medium';
|
|
38
|
-
const isNewTeamProfilePageEnabled = !isFedRamp() || fg('new_team_profile_fedramp');
|
|
39
21
|
if (containerType === 'LoomSpace') {
|
|
40
22
|
return /*#__PURE__*/React.createElement(LoomSpaceAvatar, {
|
|
41
23
|
spaceName: title,
|
|
@@ -46,34 +28,21 @@ export const ContainerIcon = ({
|
|
|
46
28
|
|
|
47
29
|
// This is a fallback icon for WebLink if the containerIcon is not present
|
|
48
30
|
if (containerType === 'WebLink' && !containerIcon) {
|
|
49
|
-
if (isNewTeamProfilePageEnabled) {
|
|
50
|
-
return /*#__PURE__*/React.createElement(Box, {
|
|
51
|
-
xcss: cx(!isMedium && styles.linkIconWrapperSmall)
|
|
52
|
-
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
53
|
-
label: "",
|
|
54
|
-
spacing: isMedium ? 'default' : 'compact',
|
|
55
|
-
appearance: "default",
|
|
56
|
-
"aria-hidden": "true" // Keeping this to be double sure icon isn't going to be focused
|
|
57
|
-
,
|
|
58
|
-
tabIndex: -1 // This is to prevent the icon from being focused
|
|
59
|
-
,
|
|
60
|
-
testId: "linked-container-WebLink-new-icon",
|
|
61
|
-
icon: () => /*#__PURE__*/React.createElement(LinkIcon, {
|
|
62
|
-
label: "",
|
|
63
|
-
size: isMedium ? 'medium' : 'small'
|
|
64
|
-
})
|
|
65
|
-
}));
|
|
66
|
-
}
|
|
67
|
-
if (iconsLoading || !iconHasLoaded) {
|
|
68
|
-
return /*#__PURE__*/React.createElement(IconSkeleton, {
|
|
69
|
-
size: size
|
|
70
|
-
});
|
|
71
|
-
}
|
|
72
31
|
return /*#__PURE__*/React.createElement(Box, {
|
|
73
|
-
xcss: isMedium
|
|
74
|
-
}, /*#__PURE__*/React.createElement(
|
|
32
|
+
xcss: cx(!isMedium && styles.linkIconWrapperSmall)
|
|
33
|
+
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
75
34
|
label: "",
|
|
76
|
-
|
|
35
|
+
spacing: isMedium ? 'default' : 'compact',
|
|
36
|
+
appearance: "default",
|
|
37
|
+
"aria-hidden": "true" // Keeping this to be double sure icon isn't going to be focused
|
|
38
|
+
,
|
|
39
|
+
tabIndex: -1 // This is to prevent the icon from being focused
|
|
40
|
+
,
|
|
41
|
+
testId: "linked-container-WebLink-new-icon",
|
|
42
|
+
icon: () => /*#__PURE__*/React.createElement(LinkIcon, {
|
|
43
|
+
label: "",
|
|
44
|
+
size: isMedium ? 'medium' : 'small'
|
|
45
|
+
})
|
|
77
46
|
}));
|
|
78
47
|
}
|
|
79
48
|
return /*#__PURE__*/React.createElement(Avatar, {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* get-container-properties.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* get-container-properties.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import "./get-container-properties.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React from 'react';
|
|
@@ -14,7 +14,6 @@ import { hasProductPermission as hasProductPermissionOld } from '../../controlle
|
|
|
14
14
|
import { useCreateContainers } from '../../controllers/hooks/use-create-containers';
|
|
15
15
|
import { useProductPermissions as useProductPermissionsOld } from '../../controllers/hooks/use-product-permission';
|
|
16
16
|
import { useRefreshOnContainerCreated } from '../../controllers/hooks/use-refresh-containers-on-container-created';
|
|
17
|
-
import { useRequestedContainers } from '../../controllers/hooks/use-requested-container';
|
|
18
17
|
import { useTeamContainers, useTeamContainersHook } from '../../controllers/hooks/use-team-containers';
|
|
19
18
|
import { useTeamLinksAndContainers } from '../../controllers/hooks/use-team-links-and-containers';
|
|
20
19
|
import { getAddContainerCards } from './add-container-card';
|
|
@@ -28,7 +27,6 @@ export const TeamContainers = ({
|
|
|
28
27
|
teamId,
|
|
29
28
|
onAddAContainerClick,
|
|
30
29
|
onEditContainerClick,
|
|
31
|
-
onRequestedContainerTimeout = () => {},
|
|
32
30
|
components,
|
|
33
31
|
userId,
|
|
34
32
|
cloudId,
|
|
@@ -51,13 +49,6 @@ export const TeamContainers = ({
|
|
|
51
49
|
hasError,
|
|
52
50
|
isLoading: linksLoading
|
|
53
51
|
} = useTeamLinksAndContainers(teamId, true);
|
|
54
|
-
const {
|
|
55
|
-
requestedContainers
|
|
56
|
-
} = useRequestedContainers({
|
|
57
|
-
teamId,
|
|
58
|
-
cloudId,
|
|
59
|
-
onRequestedContainerTimeout
|
|
60
|
-
});
|
|
61
52
|
const [_, actions] = useTeamContainersHook();
|
|
62
53
|
const [showMore, setShowMore] = useState(false);
|
|
63
54
|
const [isDisconnectDialogOpen, setIsDisconnectDialogOpen] = useState(false);
|
|
@@ -207,20 +198,20 @@ export const TeamContainers = ({
|
|
|
207
198
|
return productPermissionIsLoadingOld;
|
|
208
199
|
}, [linksLoading, productPermissionIsLoading, productPermissionIsLoadingOld]);
|
|
209
200
|
const availableContainers = useMemo(() => {
|
|
210
|
-
const getAvailableContainer =
|
|
201
|
+
const getAvailableContainer = productKey => {
|
|
211
202
|
var _containers;
|
|
212
203
|
return {
|
|
213
204
|
canAdd: canAddContainer === null || canAddContainer === void 0 ? void 0 : canAddContainer[productKey],
|
|
214
|
-
isLoading:
|
|
205
|
+
isLoading: containers === null || containers === void 0 ? void 0 : (_containers = containers[productKey]) === null || _containers === void 0 ? void 0 : _containers.isLoading
|
|
215
206
|
};
|
|
216
207
|
};
|
|
217
208
|
return {
|
|
218
|
-
Jira: getAvailableContainer('Jira'
|
|
219
|
-
Confluence: getAvailableContainer('Confluence'
|
|
220
|
-
Loom: getAvailableContainer('Loom'
|
|
221
|
-
WebLink: getAvailableContainer('WebLink'
|
|
209
|
+
Jira: getAvailableContainer('Jira'),
|
|
210
|
+
Confluence: getAvailableContainer('Confluence'),
|
|
211
|
+
Loom: getAvailableContainer('Loom'),
|
|
212
|
+
WebLink: getAvailableContainer('WebLink')
|
|
222
213
|
};
|
|
223
|
-
}, [canAddContainer, containers
|
|
214
|
+
}, [canAddContainer, containers]);
|
|
224
215
|
if (isLoading) {
|
|
225
216
|
return /*#__PURE__*/React.createElement(TeamContainersSkeletonComponent, {
|
|
226
217
|
numberOfContainers: maxNumberOfContainersToShow
|