@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
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
/* index.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* index.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./index.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import React, { useState } from 'react';
|
|
6
6
|
import { defineMessages, useIntl } from 'react-intl-next';
|
|
7
|
-
import { isFedRamp } from '@atlaskit/atlassian-context';
|
|
8
7
|
import { IconButton } from '@atlaskit/button/new';
|
|
9
8
|
import { cx } from '@atlaskit/css';
|
|
10
9
|
import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
|
|
@@ -78,8 +77,7 @@ export const TeamLinkCard = ({
|
|
|
78
77
|
const {
|
|
79
78
|
fireEvent
|
|
80
79
|
} = useAnalyticsEvents();
|
|
81
|
-
const
|
|
82
|
-
const isOpenWebLinkInNewTabEnabled = containerType === 'WebLink' && isNewTeamProfilePageEnabled;
|
|
80
|
+
const isOpenWebLinkInNewTabEnabled = containerType === 'WebLink';
|
|
83
81
|
const handleMouseEnter = () => {
|
|
84
82
|
if (isReadOnly) {
|
|
85
83
|
return;
|
|
@@ -176,13 +174,7 @@ export const TeamLinkCard = ({
|
|
|
176
174
|
}, !hideSubTextIcon ? icon : null, /*#__PURE__*/React.createElement(Inline, {
|
|
177
175
|
space: "space.050",
|
|
178
176
|
alignBlock: "center"
|
|
179
|
-
},
|
|
180
|
-
size: "small",
|
|
181
|
-
color: "color.text.subtle"
|
|
182
|
-
}, description), /*#__PURE__*/React.createElement(Text, {
|
|
183
|
-
size: "small",
|
|
184
|
-
color: "color.text.subtle"
|
|
185
|
-
}, containerTypeText))))), isOpenWebLinkInNewTabEnabled && /*#__PURE__*/React.createElement(Box, {
|
|
177
|
+
}, renderContainerTypeTextWithSeparator(containerTypeText, description)))), isOpenWebLinkInNewTabEnabled && /*#__PURE__*/React.createElement(Box, {
|
|
186
178
|
xcss: styles.externalLinkIconWrapper
|
|
187
179
|
}, /*#__PURE__*/React.createElement(LinkExternalIcon, {
|
|
188
180
|
label: formatMessage(messages.linkExternalIconLabel),
|
|
@@ -224,13 +216,7 @@ export const TeamLinkCard = ({
|
|
|
224
216
|
}, !hideSubTextIcon ? icon : null, /*#__PURE__*/React.createElement(Inline, {
|
|
225
217
|
space: "space.050",
|
|
226
218
|
alignBlock: "center"
|
|
227
|
-
},
|
|
228
|
-
size: "small",
|
|
229
|
-
color: "color.text.subtle"
|
|
230
|
-
}, description), /*#__PURE__*/React.createElement(Text, {
|
|
231
|
-
size: "small",
|
|
232
|
-
color: "color.text.subtle"
|
|
233
|
-
}, containerTypeText))))))), showCloseIcon && /*#__PURE__*/React.createElement(Box, {
|
|
219
|
+
}, renderContainerTypeTextWithSeparator(containerTypeText, description)))))), showCloseIcon && /*#__PURE__*/React.createElement(Box, {
|
|
234
220
|
xcss: styles.crossIconWrapper
|
|
235
221
|
}, /*#__PURE__*/React.createElement(Tooltip, {
|
|
236
222
|
content: formatMessage(messages.disconnectTooltip),
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* team-link-card-title.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* team-link-card-title.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import "./team-link-card-title.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React from 'react';
|
|
@@ -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,42 +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
|
var 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"
|
|
12
|
+
linkIconWrapperSmall: "_19pkv77o _2hwxv77o _otyrv77o _18u0v77o"
|
|
20
13
|
};
|
|
21
|
-
var
|
|
22
|
-
var
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
};
|
|
28
|
-
export var ContainerIcon = function ContainerIcon(_ref2) {
|
|
29
|
-
var containerType = _ref2.containerType,
|
|
30
|
-
title = _ref2.title,
|
|
31
|
-
containerIcon = _ref2.containerIcon,
|
|
32
|
-
_ref2$size = _ref2.size,
|
|
33
|
-
size = _ref2$size === void 0 ? 'medium' : _ref2$size,
|
|
34
|
-
_ref2$iconsLoading = _ref2.iconsLoading,
|
|
35
|
-
iconsLoading = _ref2$iconsLoading === void 0 ? false : _ref2$iconsLoading,
|
|
36
|
-
_ref2$iconHasLoaded = _ref2.iconHasLoaded,
|
|
37
|
-
iconHasLoaded = _ref2$iconHasLoaded === void 0 ? true : _ref2$iconHasLoaded;
|
|
14
|
+
export var ContainerIcon = function ContainerIcon(_ref) {
|
|
15
|
+
var containerType = _ref.containerType,
|
|
16
|
+
title = _ref.title,
|
|
17
|
+
containerIcon = _ref.containerIcon,
|
|
18
|
+
_ref$size = _ref.size,
|
|
19
|
+
size = _ref$size === void 0 ? 'medium' : _ref$size;
|
|
38
20
|
var isMedium = size === 'medium';
|
|
39
|
-
var isNewTeamProfilePageEnabled = !isFedRamp() || fg('new_team_profile_fedramp');
|
|
40
21
|
if (containerType === 'LoomSpace') {
|
|
41
22
|
return /*#__PURE__*/React.createElement(LoomSpaceAvatar, {
|
|
42
23
|
spaceName: title,
|
|
@@ -47,36 +28,23 @@ export var ContainerIcon = function ContainerIcon(_ref2) {
|
|
|
47
28
|
|
|
48
29
|
// This is a fallback icon for WebLink if the containerIcon is not present
|
|
49
30
|
if (containerType === 'WebLink' && !containerIcon) {
|
|
50
|
-
if (isNewTeamProfilePageEnabled) {
|
|
51
|
-
return /*#__PURE__*/React.createElement(Box, {
|
|
52
|
-
xcss: cx(!isMedium && styles.linkIconWrapperSmall)
|
|
53
|
-
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
54
|
-
label: "",
|
|
55
|
-
spacing: isMedium ? 'default' : 'compact',
|
|
56
|
-
appearance: "default",
|
|
57
|
-
"aria-hidden": "true" // Keeping this to be double sure icon isn't going to be focused
|
|
58
|
-
,
|
|
59
|
-
tabIndex: -1 // This is to prevent the icon from being focused
|
|
60
|
-
,
|
|
61
|
-
testId: "linked-container-WebLink-new-icon",
|
|
62
|
-
icon: function icon() {
|
|
63
|
-
return /*#__PURE__*/React.createElement(LinkIcon, {
|
|
64
|
-
label: "",
|
|
65
|
-
size: isMedium ? 'medium' : 'small'
|
|
66
|
-
});
|
|
67
|
-
}
|
|
68
|
-
}));
|
|
69
|
-
}
|
|
70
|
-
if (iconsLoading || !iconHasLoaded) {
|
|
71
|
-
return /*#__PURE__*/React.createElement(IconSkeleton, {
|
|
72
|
-
size: size
|
|
73
|
-
});
|
|
74
|
-
}
|
|
75
31
|
return /*#__PURE__*/React.createElement(Box, {
|
|
76
|
-
xcss: isMedium
|
|
77
|
-
}, /*#__PURE__*/React.createElement(
|
|
32
|
+
xcss: cx(!isMedium && styles.linkIconWrapperSmall)
|
|
33
|
+
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
78
34
|
label: "",
|
|
79
|
-
|
|
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: function icon() {
|
|
43
|
+
return /*#__PURE__*/React.createElement(LinkIcon, {
|
|
44
|
+
label: "",
|
|
45
|
+
size: isMedium ? 'medium' : 'small'
|
|
46
|
+
});
|
|
47
|
+
}
|
|
80
48
|
}));
|
|
81
49
|
}
|
|
82
50
|
return /*#__PURE__*/React.createElement(Avatar, {
|
|
@@ -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
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
3
3
|
import "./index.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -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
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["triggerRef"];
|
|
@@ -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 _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import "./get-container-properties.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -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
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
3
3
|
import "./index.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -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
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
4
4
|
import "./index.compiled.css";
|
|
@@ -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
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
4
4
|
import "./index.compiled.css";
|
|
@@ -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
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
4
4
|
import "./index.compiled.css";
|
|
@@ -17,7 +17,6 @@ import { hasProductPermission as hasProductPermissionOld } from '../../controlle
|
|
|
17
17
|
import { useCreateContainers } from '../../controllers/hooks/use-create-containers';
|
|
18
18
|
import { useProductPermissions as useProductPermissionsOld } from '../../controllers/hooks/use-product-permission';
|
|
19
19
|
import { useRefreshOnContainerCreated } from '../../controllers/hooks/use-refresh-containers-on-container-created';
|
|
20
|
-
import { useRequestedContainers } from '../../controllers/hooks/use-requested-container';
|
|
21
20
|
import { useTeamContainers, useTeamContainersHook } from '../../controllers/hooks/use-team-containers';
|
|
22
21
|
import { useTeamLinksAndContainers } from '../../controllers/hooks/use-team-links-and-containers';
|
|
23
22
|
import { getAddContainerCards } from './add-container-card';
|
|
@@ -31,8 +30,6 @@ export var TeamContainers = function TeamContainers(_ref) {
|
|
|
31
30
|
var teamId = _ref.teamId,
|
|
32
31
|
onAddAContainerClick = _ref.onAddAContainerClick,
|
|
33
32
|
onEditContainerClick = _ref.onEditContainerClick,
|
|
34
|
-
_ref$onRequestedConta = _ref.onRequestedContainerTimeout,
|
|
35
|
-
onRequestedContainerTimeout = _ref$onRequestedConta === void 0 ? function () {} : _ref$onRequestedConta,
|
|
36
33
|
components = _ref.components,
|
|
37
34
|
userId = _ref.userId,
|
|
38
35
|
cloudId = _ref.cloudId,
|
|
@@ -53,12 +50,6 @@ export var TeamContainers = function TeamContainers(_ref) {
|
|
|
53
50
|
iconHasLoaded = _useTeamLinksAndConta.iconHasLoaded,
|
|
54
51
|
hasError = _useTeamLinksAndConta.hasError,
|
|
55
52
|
linksLoading = _useTeamLinksAndConta.isLoading;
|
|
56
|
-
var _useRequestedContaine = useRequestedContainers({
|
|
57
|
-
teamId: teamId,
|
|
58
|
-
cloudId: cloudId,
|
|
59
|
-
onRequestedContainerTimeout: onRequestedContainerTimeout
|
|
60
|
-
}),
|
|
61
|
-
requestedContainers = _useRequestedContaine.requestedContainers;
|
|
62
53
|
var _useTeamContainersHoo = useTeamContainersHook(),
|
|
63
54
|
_useTeamContainersHoo2 = _slicedToArray(_useTeamContainersHoo, 2),
|
|
64
55
|
_ = _useTeamContainersHoo2[0],
|
|
@@ -255,20 +246,20 @@ export var TeamContainers = function TeamContainers(_ref) {
|
|
|
255
246
|
return productPermissionIsLoadingOld;
|
|
256
247
|
}, [linksLoading, productPermissionIsLoading, productPermissionIsLoadingOld]);
|
|
257
248
|
var availableContainers = useMemo(function () {
|
|
258
|
-
var getAvailableContainer = function getAvailableContainer(productKey
|
|
249
|
+
var getAvailableContainer = function getAvailableContainer(productKey) {
|
|
259
250
|
var _containers;
|
|
260
251
|
return {
|
|
261
252
|
canAdd: canAddContainer === null || canAddContainer === void 0 ? void 0 : canAddContainer[productKey],
|
|
262
|
-
isLoading:
|
|
253
|
+
isLoading: containers === null || containers === void 0 || (_containers = containers[productKey]) === null || _containers === void 0 ? void 0 : _containers.isLoading
|
|
263
254
|
};
|
|
264
255
|
};
|
|
265
256
|
return {
|
|
266
|
-
Jira: getAvailableContainer('Jira'
|
|
267
|
-
Confluence: getAvailableContainer('Confluence'
|
|
268
|
-
Loom: getAvailableContainer('Loom'
|
|
269
|
-
WebLink: getAvailableContainer('WebLink'
|
|
257
|
+
Jira: getAvailableContainer('Jira'),
|
|
258
|
+
Confluence: getAvailableContainer('Confluence'),
|
|
259
|
+
Loom: getAvailableContainer('Loom'),
|
|
260
|
+
WebLink: getAvailableContainer('WebLink')
|
|
270
261
|
};
|
|
271
|
-
}, [canAddContainer, containers
|
|
262
|
+
}, [canAddContainer, containers]);
|
|
272
263
|
if (isLoading) {
|
|
273
264
|
return /*#__PURE__*/React.createElement(TeamContainersSkeletonComponent, {
|
|
274
265
|
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
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
import _extends from "@babel/runtime/helpers/extends";
|
|
4
4
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
@@ -10,7 +10,6 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
10
10
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
11
11
|
import React, { useState } from 'react';
|
|
12
12
|
import { defineMessages, useIntl } from 'react-intl-next';
|
|
13
|
-
import { isFedRamp } from '@atlaskit/atlassian-context';
|
|
14
13
|
import { IconButton } from '@atlaskit/button/new';
|
|
15
14
|
import { cx } from '@atlaskit/css';
|
|
16
15
|
import DropdownMenu, { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
|
|
@@ -95,8 +94,7 @@ export var TeamLinkCard = function TeamLinkCard(_ref) {
|
|
|
95
94
|
formatMessage = _useIntl.formatMessage;
|
|
96
95
|
var _useAnalyticsEvents = useAnalyticsEvents(),
|
|
97
96
|
fireEvent = _useAnalyticsEvents.fireEvent;
|
|
98
|
-
var
|
|
99
|
-
var isOpenWebLinkInNewTabEnabled = containerType === 'WebLink' && isNewTeamProfilePageEnabled;
|
|
97
|
+
var isOpenWebLinkInNewTabEnabled = containerType === 'WebLink';
|
|
100
98
|
var handleMouseEnter = function handleMouseEnter() {
|
|
101
99
|
if (isReadOnly) {
|
|
102
100
|
return;
|
|
@@ -192,13 +190,7 @@ export var TeamLinkCard = function TeamLinkCard(_ref) {
|
|
|
192
190
|
}, !hideSubTextIcon ? icon : null, /*#__PURE__*/React.createElement(Inline, {
|
|
193
191
|
space: "space.050",
|
|
194
192
|
alignBlock: "center"
|
|
195
|
-
},
|
|
196
|
-
size: "small",
|
|
197
|
-
color: "color.text.subtle"
|
|
198
|
-
}, description), /*#__PURE__*/React.createElement(Text, {
|
|
199
|
-
size: "small",
|
|
200
|
-
color: "color.text.subtle"
|
|
201
|
-
}, containerTypeText))))), isOpenWebLinkInNewTabEnabled && /*#__PURE__*/React.createElement(Box, {
|
|
193
|
+
}, renderContainerTypeTextWithSeparator(containerTypeText, description)))), isOpenWebLinkInNewTabEnabled && /*#__PURE__*/React.createElement(Box, {
|
|
202
194
|
xcss: styles.externalLinkIconWrapper
|
|
203
195
|
}, /*#__PURE__*/React.createElement(LinkExternalIcon, {
|
|
204
196
|
label: formatMessage(messages.linkExternalIconLabel),
|
|
@@ -240,13 +232,7 @@ export var TeamLinkCard = function TeamLinkCard(_ref) {
|
|
|
240
232
|
}, !hideSubTextIcon ? icon : null, /*#__PURE__*/React.createElement(Inline, {
|
|
241
233
|
space: "space.050",
|
|
242
234
|
alignBlock: "center"
|
|
243
|
-
},
|
|
244
|
-
size: "small",
|
|
245
|
-
color: "color.text.subtle"
|
|
246
|
-
}, description), /*#__PURE__*/React.createElement(Text, {
|
|
247
|
-
size: "small",
|
|
248
|
-
color: "color.text.subtle"
|
|
249
|
-
}, containerTypeText))))))), showCloseIcon && /*#__PURE__*/React.createElement(Box, {
|
|
235
|
+
}, renderContainerTypeTextWithSeparator(containerTypeText, description)))))), showCloseIcon && /*#__PURE__*/React.createElement(Box, {
|
|
250
236
|
xcss: styles.crossIconWrapper
|
|
251
237
|
}, /*#__PURE__*/React.createElement(Tooltip, {
|
|
252
238
|
content: formatMessage(messages.disconnectTooltip),
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* team-link-card-title.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* team-link-card-title.tsx generated by @compiled/babel-plugin v0.39.1 */
|
|
2
2
|
import "./team-link-card-title.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React from 'react';
|
|
@@ -9,4 +9,4 @@ export interface ContainerIconProps {
|
|
|
9
9
|
iconsLoading?: boolean;
|
|
10
10
|
iconHasLoaded?: boolean;
|
|
11
11
|
}
|
|
12
|
-
export declare const ContainerIcon: ({ containerType, title, containerIcon, size,
|
|
12
|
+
export declare const ContainerIcon: ({ containerType, title, containerIcon, size, }: ContainerIconProps) => React.JSX.Element;
|
|
@@ -3,4 +3,4 @@ import { type TeamContainerProps } from './types';
|
|
|
3
3
|
export declare const ICON_BACKGROUND: "var(--ds-icon-inverse)";
|
|
4
4
|
export declare const ICON_COLOR: "var(--ds-icon-subtle)";
|
|
5
5
|
export declare const MAX_NUMBER_OF_CONTAINERS_TO_SHOW = 4;
|
|
6
|
-
export declare const TeamContainers: ({ teamId, onAddAContainerClick, onEditContainerClick,
|
|
6
|
+
export declare const TeamContainers: ({ teamId, onAddAContainerClick, onEditContainerClick, components, userId, cloudId, filterContainerId, isDisplayedOnProfileCard, isReadOnly, onError, maxNumberOfContainersToShow, elemBeforeCards, hideSubTextIcon, }: TeamContainerProps) => React.JSX.Element;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { type ComponentType } from 'react';
|
|
2
2
|
import type { GridProps } from '@atlaskit/primitives/compiled';
|
|
3
3
|
import { type TeamContainersSkeletonProps } from '../../common/ui/team-containers-skeleton';
|
|
4
|
-
import { type OnRequestedContainerTimeout } from '../../controllers/hooks/use-requested-container';
|
|
5
4
|
import type { AddContainerCardProps } from './add-container-card';
|
|
6
5
|
import { type LinkedContainerCardProps } from './linked-container-card';
|
|
7
6
|
export type FlagType = FlagAppearance;
|
|
@@ -57,10 +56,6 @@ export interface TeamContainerProps {
|
|
|
57
56
|
* The maximum number of containers to show
|
|
58
57
|
*/
|
|
59
58
|
maxNumberOfContainersToShow?: number;
|
|
60
|
-
/**
|
|
61
|
-
* The function to call when the requested container times out
|
|
62
|
-
*/
|
|
63
|
-
onRequestedContainerTimeout?: OnRequestedContainerTimeout;
|
|
64
59
|
addFlag?: (flag: Flag) => void;
|
|
65
60
|
isReadOnly?: boolean;
|
|
66
61
|
onError?: (error: Error | boolean) => void;
|
|
@@ -9,4 +9,4 @@ export interface ContainerIconProps {
|
|
|
9
9
|
iconsLoading?: boolean;
|
|
10
10
|
iconHasLoaded?: boolean;
|
|
11
11
|
}
|
|
12
|
-
export declare const ContainerIcon: ({ containerType, title, containerIcon, size,
|
|
12
|
+
export declare const ContainerIcon: ({ containerType, title, containerIcon, size, }: ContainerIconProps) => React.JSX.Element;
|
|
@@ -3,4 +3,4 @@ import { type TeamContainerProps } from './types';
|
|
|
3
3
|
export declare const ICON_BACKGROUND: "var(--ds-icon-inverse)";
|
|
4
4
|
export declare const ICON_COLOR: "var(--ds-icon-subtle)";
|
|
5
5
|
export declare const MAX_NUMBER_OF_CONTAINERS_TO_SHOW = 4;
|
|
6
|
-
export declare const TeamContainers: ({ teamId, onAddAContainerClick, onEditContainerClick,
|
|
6
|
+
export declare const TeamContainers: ({ teamId, onAddAContainerClick, onEditContainerClick, components, userId, cloudId, filterContainerId, isDisplayedOnProfileCard, isReadOnly, onError, maxNumberOfContainersToShow, elemBeforeCards, hideSubTextIcon, }: TeamContainerProps) => React.JSX.Element;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { type ComponentType } from 'react';
|
|
2
2
|
import type { GridProps } from '@atlaskit/primitives/compiled';
|
|
3
3
|
import { type TeamContainersSkeletonProps } from '../../common/ui/team-containers-skeleton';
|
|
4
|
-
import { type OnRequestedContainerTimeout } from '../../controllers/hooks/use-requested-container';
|
|
5
4
|
import type { AddContainerCardProps } from './add-container-card';
|
|
6
5
|
import { type LinkedContainerCardProps } from './linked-container-card';
|
|
7
6
|
export type FlagType = FlagAppearance;
|
|
@@ -57,10 +56,6 @@ export interface TeamContainerProps {
|
|
|
57
56
|
* The maximum number of containers to show
|
|
58
57
|
*/
|
|
59
58
|
maxNumberOfContainersToShow?: number;
|
|
60
|
-
/**
|
|
61
|
-
* The function to call when the requested container times out
|
|
62
|
-
*/
|
|
63
|
-
onRequestedContainerTimeout?: OnRequestedContainerTimeout;
|
|
64
59
|
addFlag?: (flag: Flag) => void;
|
|
65
60
|
isReadOnly?: boolean;
|
|
66
61
|
onError?: (error: Error | boolean) => void;
|
package/package.json
CHANGED
|
@@ -26,14 +26,11 @@
|
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"@atlaskit/afm-i18n-platform-people-and-teams-teams-public": "2.39.0",
|
|
28
28
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
29
|
-
"@atlaskit/atlassian-context": "^0.6.0",
|
|
30
29
|
"@atlaskit/avatar": "^25.8.0",
|
|
31
30
|
"@atlaskit/button": "^23.10.0",
|
|
32
31
|
"@atlaskit/css": "^0.19.0",
|
|
33
32
|
"@atlaskit/dropdown-menu": "^16.5.0",
|
|
34
33
|
"@atlaskit/feature-gate-js-client": "^5.5.0",
|
|
35
|
-
"@atlaskit/flag": "^17.8.0",
|
|
36
|
-
"@atlaskit/frontend-utilities": "^3.2.0",
|
|
37
34
|
"@atlaskit/heading": "^5.3.0",
|
|
38
35
|
"@atlaskit/icon": "^32.0.0",
|
|
39
36
|
"@atlaskit/image": "^3.0.0",
|
|
@@ -111,7 +108,7 @@
|
|
|
111
108
|
}
|
|
112
109
|
},
|
|
113
110
|
"name": "@atlaskit/teams-public",
|
|
114
|
-
"version": "0.70.
|
|
111
|
+
"version": "0.70.7",
|
|
115
112
|
"description": "Public components related to teams",
|
|
116
113
|
"author": "Atlassian Pty Ltd",
|
|
117
114
|
"license": "Apache-2.0",
|
|
@@ -143,9 +140,6 @@
|
|
|
143
140
|
},
|
|
144
141
|
"ptc-missed-analytics-migration-events": {
|
|
145
142
|
"type": "boolean"
|
|
146
|
-
},
|
|
147
|
-
"new_team_profile_fedramp": {
|
|
148
|
-
"type": "boolean"
|
|
149
143
|
}
|
|
150
144
|
}
|
|
151
145
|
}
|