@atlaskit/teams-public 1.1.1 → 1.2.0
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 +7 -0
- package/dist/cjs/controllers/hooks/use-team-web-links/index.js +2 -2
- package/dist/cjs/controllers/hooks/use-team-web-links/multi-team.js +4 -4
- package/dist/cjs/next/ui/team-containers/team-link-card/index.compiled.css +0 -6
- package/dist/cjs/next/ui/team-containers/team-link-card/index.js +2 -9
- package/dist/cjs/ui/team-containers/main.js +0 -6
- package/dist/cjs/ui/team-containers/team-link-card/index.compiled.css +0 -4
- package/dist/cjs/ui/team-containers/team-link-card/index.js +1 -6
- package/dist/es2019/controllers/hooks/use-team-web-links/index.js +1 -1
- package/dist/es2019/controllers/hooks/use-team-web-links/multi-team.js +3 -3
- package/dist/es2019/next/ui/team-containers/team-link-card/index.compiled.css +0 -6
- package/dist/es2019/next/ui/team-containers/team-link-card/index.js +2 -9
- package/dist/es2019/ui/team-containers/main.js +0 -6
- package/dist/es2019/ui/team-containers/team-link-card/index.compiled.css +0 -4
- package/dist/es2019/ui/team-containers/team-link-card/index.js +1 -6
- package/dist/esm/controllers/hooks/use-team-web-links/index.js +2 -2
- package/dist/esm/controllers/hooks/use-team-web-links/multi-team.js +4 -4
- package/dist/esm/next/ui/team-containers/team-link-card/index.compiled.css +0 -6
- package/dist/esm/next/ui/team-containers/team-link-card/index.js +2 -9
- package/dist/esm/ui/team-containers/main.js +0 -6
- package/dist/esm/ui/team-containers/team-link-card/index.compiled.css +0 -4
- package/dist/esm/ui/team-containers/team-link-card/index.js +1 -6
- package/dist/types/common/ui/container-icon/index.d.ts +0 -2
- package/dist/types/controllers/hooks/use-team-web-links/index.d.ts +44 -42
- package/dist/types/controllers/hooks/use-team-web-links/multi-team.d.ts +10 -16
- package/dist/types/index.d.ts +1 -1
- package/dist/types/next/ui/team-containers/team-link-card/index.d.ts +1 -3
- package/dist/types/ui/team-containers/index.d.ts +1 -1
- package/dist/types/ui/team-containers/main.d.ts +2 -2
- package/dist/types/ui/team-containers/team-link-card/index.d.ts +1 -3
- package/dist/types/ui/team-containers/types.d.ts +2 -2
- package/dist/types-ts4.5/common/ui/container-icon/index.d.ts +0 -2
- package/dist/types-ts4.5/controllers/hooks/use-team-web-links/index.d.ts +44 -42
- package/dist/types-ts4.5/controllers/hooks/use-team-web-links/multi-team.d.ts +10 -16
- package/dist/types-ts4.5/index.d.ts +1 -1
- package/dist/types-ts4.5/next/ui/team-containers/team-link-card/index.d.ts +1 -3
- package/dist/types-ts4.5/ui/team-containers/index.d.ts +1 -1
- package/dist/types-ts4.5/ui/team-containers/main.d.ts +2 -2
- package/dist/types-ts4.5/ui/team-containers/team-link-card/index.d.ts +1 -3
- package/dist/types-ts4.5/ui/team-containers/types.d.ts +2 -2
- package/package.json +8 -8
- package/dist/cjs/ui/team-containers/linked-container-card/index.compiled.css +0 -23
- package/dist/cjs/ui/team-containers/linked-container-card/index.js +0 -173
- package/dist/es2019/ui/team-containers/linked-container-card/index.compiled.css +0 -23
- package/dist/es2019/ui/team-containers/linked-container-card/index.js +0 -157
- package/dist/esm/ui/team-containers/linked-container-card/index.compiled.css +0 -23
- package/dist/esm/ui/team-containers/linked-container-card/index.js +0 -164
- package/dist/types/ui/team-containers/linked-container-card/index.d.ts +0 -15
- package/dist/types-ts4.5/ui/team-containers/linked-container-card/index.d.ts +0 -15
package/CHANGELOG.md
CHANGED
|
@@ -302,11 +302,11 @@ var actions = exports.actions = {
|
|
|
302
302
|
fetchWebLinkTitle: function fetchWebLinkTitle(url) {
|
|
303
303
|
return /*#__PURE__*/function () {
|
|
304
304
|
var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6(_ref1) {
|
|
305
|
-
var
|
|
305
|
+
var setState, title;
|
|
306
306
|
return _regenerator.default.wrap(function _callee6$(_context6) {
|
|
307
307
|
while (1) switch (_context6.prev = _context6.next) {
|
|
308
308
|
case 0:
|
|
309
|
-
|
|
309
|
+
setState = _ref1.setState;
|
|
310
310
|
if (url) {
|
|
311
311
|
_context6.next = 3;
|
|
312
312
|
break;
|
|
@@ -372,11 +372,11 @@ var actions = exports.actions = {
|
|
|
372
372
|
fetchWebLinkTitle: function fetchWebLinkTitle(url) {
|
|
373
373
|
return /*#__PURE__*/function () {
|
|
374
374
|
var _ref10 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6(_ref1) {
|
|
375
|
-
var
|
|
375
|
+
var setState, title;
|
|
376
376
|
return _regenerator.default.wrap(function _callee6$(_context6) {
|
|
377
377
|
while (1) switch (_context6.prev = _context6.next) {
|
|
378
378
|
case 0:
|
|
379
|
-
|
|
379
|
+
setState = _ref1.setState;
|
|
380
380
|
if (url) {
|
|
381
381
|
_context6.next = 3;
|
|
382
382
|
break;
|
|
@@ -424,10 +424,10 @@ var useTeamWebLinks = exports.useTeamWebLinks = function useTeamWebLinks(teamId)
|
|
|
424
424
|
var _useTeamWebLinksHook = useTeamWebLinksHook(),
|
|
425
425
|
_useTeamWebLinksHook2 = (0, _slicedToArray2.default)(_useTeamWebLinksHook, 2),
|
|
426
426
|
state = _useTeamWebLinksHook2[0],
|
|
427
|
-
|
|
427
|
+
boundActions = _useTeamWebLinksHook2[1];
|
|
428
428
|
var teamState = state.teams[teamId] || getInitialTeamState();
|
|
429
429
|
return [_objectSpread({
|
|
430
430
|
teamId: teamId
|
|
431
|
-
}, teamState),
|
|
431
|
+
}, teamState), boundActions];
|
|
432
432
|
};
|
|
433
433
|
var useTeamWebLinksActions = exports.useTeamWebLinksActions = useTeamWebLinksHook;
|
|
@@ -1,20 +1,14 @@
|
|
|
1
1
|
|
|
2
2
|
._2rko12b0{border-radius:var(--ds-radius-small,4px)}
|
|
3
3
|
._2rkoy0do{border-radius:var(--ds-radius-small,8px)}
|
|
4
|
-
._16jlkb7n{flex-grow:1}
|
|
5
|
-
._18u01wug{margin-left:auto}
|
|
6
4
|
._19bv12x7{padding-left:var(--ds-space-075,6px)}
|
|
7
|
-
._1bahesu3{justify-content:flex-end}
|
|
8
5
|
._1bsb1osq{width:100%}
|
|
9
|
-
._1e0c1txw{display:flex}
|
|
10
6
|
._1hmsglyw{text-decoration-line:none}
|
|
11
|
-
._1o9zkb7n{flex-shrink:1}
|
|
12
7
|
._4bfu1r31{text-decoration-color:currentColor}
|
|
13
8
|
._4cvr1h6o{align-items:center}
|
|
14
9
|
._4t3i14no{height:36px}
|
|
15
10
|
._ajmmnqa1{text-decoration-style:solid}
|
|
16
11
|
._ca0q1b66{padding-top:var(--ds-space-050,4px)}
|
|
17
|
-
._i0dlf1ug{flex-basis:0%}
|
|
18
12
|
._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
|
|
19
13
|
._syazi7uo{color:var(--ds-text,#292a2e)}
|
|
20
14
|
._u5f312x7{padding-right:var(--ds-space-075,6px)}._1053i7uo:visited{color:var(--ds-text,#292a2e)}
|
|
@@ -27,10 +27,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
27
27
|
var styles = {
|
|
28
28
|
container: "_2rko12b0 _ca0q1b66 _u5f312x7 _n3td1b66 _19bv12x7 _syazi7uo",
|
|
29
29
|
card: "_4cvr1h6o _1bsb1osq _4t3i14no",
|
|
30
|
-
anchor: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _2rkoy0do _1bsb1osq _syazi7uo _1053i7uo _1hvwdkaa _nt751v1w _49pcnqa1 _1bg4v77o _9oik1r31 _1bnxglyw _jf4cnqa1 _30l3i7uo"
|
|
31
|
-
crossIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u01wug",
|
|
32
|
-
showMoreIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u01wug",
|
|
33
|
-
linkableContent: "_16jlkb7n _1o9zkb7n _i0dlf1ug"
|
|
30
|
+
anchor: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _2rkoy0do _1bsb1osq _syazi7uo _1053i7uo _1hvwdkaa _nt751v1w _49pcnqa1 _1bg4v77o _9oik1r31 _1bnxglyw _jf4cnqa1 _30l3i7uo"
|
|
34
31
|
};
|
|
35
32
|
var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
|
|
36
33
|
var containerType = _ref.containerType,
|
|
@@ -41,8 +38,6 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
|
|
|
41
38
|
containerTypeProperties = _ref.containerTypeProperties,
|
|
42
39
|
_onDisconnectButtonClick = _ref.onDisconnectButtonClick,
|
|
43
40
|
_onEditLinkClick = _ref.onEditLinkClick,
|
|
44
|
-
iconsLoading = _ref.iconsLoading,
|
|
45
|
-
iconHasLoaded = _ref.iconHasLoaded,
|
|
46
41
|
openInNewTab = _ref.openInNewTab,
|
|
47
42
|
isReadOnly = _ref.isReadOnly;
|
|
48
43
|
var _getContainerProperti = (0, _getContainerProperties.getContainerProperties)({
|
|
@@ -124,9 +119,7 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
|
|
|
124
119
|
containerType: containerType,
|
|
125
120
|
title: title,
|
|
126
121
|
containerIcon: containerIcon,
|
|
127
|
-
size: "small"
|
|
128
|
-
iconsLoading: iconsLoading,
|
|
129
|
-
iconHasLoaded: iconHasLoaded
|
|
122
|
+
size: "small"
|
|
130
123
|
}), (0, _platformFeatureFlags.fg)('ptc-links-migrate-atlaskit-anchor-to-teams-anchor') ? /*#__PURE__*/_react.default.createElement(_teamsAppInternalNavigation.TeamsAnchor, {
|
|
131
124
|
xcss: styles.anchor,
|
|
132
125
|
href: link || '#',
|
|
@@ -56,8 +56,6 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
|
|
|
56
56
|
var _useTeamLinksAndConta = (0, _useTeamLinksAndContainers.useTeamLinksAndContainers)(teamId, true),
|
|
57
57
|
teamLinks = _useTeamLinksAndConta.teamLinks,
|
|
58
58
|
removeTeamLink = _useTeamLinksAndConta.removeTeamLink,
|
|
59
|
-
iconsLoading = _useTeamLinksAndConta.iconsLoading,
|
|
60
|
-
iconHasLoaded = _useTeamLinksAndConta.iconHasLoaded,
|
|
61
59
|
hasError = _useTeamLinksAndConta.hasError,
|
|
62
60
|
linksLoading = _useTeamLinksAndConta.isLoading;
|
|
63
61
|
var _useTeamContainersHoo = (0, _useTeamContainers2.useTeamContainersHook)(),
|
|
@@ -313,8 +311,6 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
|
|
|
313
311
|
containerIcon: container.icon || undefined,
|
|
314
312
|
link: container.link || undefined,
|
|
315
313
|
containerId: container.id,
|
|
316
|
-
iconsLoading: iconsLoading,
|
|
317
|
-
iconHasLoaded: iconHasLoaded,
|
|
318
314
|
isReadOnly: isReadOnly,
|
|
319
315
|
hideSubTextIcon: hideSubTextIcon,
|
|
320
316
|
onDisconnectButtonClick: function onDisconnectButtonClick() {
|
|
@@ -342,8 +338,6 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
|
|
|
342
338
|
containerId: container.id,
|
|
343
339
|
containerIcon: container.icon || undefined,
|
|
344
340
|
link: container.link || undefined,
|
|
345
|
-
iconsLoading: iconsLoading,
|
|
346
|
-
iconHasLoaded: iconHasLoaded,
|
|
347
341
|
isReadOnly: isReadOnly,
|
|
348
342
|
hideSubTextIcon: hideSubTextIcon,
|
|
349
343
|
onDisconnectButtonClick: function onDisconnectButtonClick() {
|
|
@@ -10,16 +10,12 @@
|
|
|
10
10
|
._1bah1yb4{justify-content:space-between}
|
|
11
11
|
._1bahesu3{justify-content:flex-end}
|
|
12
12
|
._1bsb1osq{width:100%}
|
|
13
|
-
._1bsbzwfg{width:2pc}
|
|
14
13
|
._1e0c1txw{display:flex}
|
|
15
14
|
._1hmsglyw{text-decoration-line:none}
|
|
16
15
|
._1o9zkb7n{flex-shrink:1}
|
|
17
16
|
._1qu2nqa1{outline-style:solid}
|
|
18
|
-
._1tkezwfg{min-height:2pc}
|
|
19
|
-
._1ul9zwfg{min-width:2pc}
|
|
20
17
|
._4bfu1r31{text-decoration-color:currentColor}
|
|
21
18
|
._4cvr1h6o{align-items:center}
|
|
22
|
-
._4t3izwfg{height:2pc}
|
|
23
19
|
._ajmmnqa1{text-decoration-style:solid}
|
|
24
20
|
._bfhkhp5a{background-color:var(--ds-surface-raised,#fff)}
|
|
25
21
|
._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
|
|
@@ -42,7 +42,6 @@ var styles = {
|
|
|
42
42
|
anchor: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _2rkoy0do _1bsb1osq _syazi7uo _1053i7uo _1hvwdkaa _nt751v1w _49pcnqa1 _1bg4v77o _30l3i7uo",
|
|
43
43
|
anchorNoUnderline: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _30l3i7uo",
|
|
44
44
|
anchorWithExternalLinkIcon: "_1e0c1txw _4cvr1h6o _1bah1yb4",
|
|
45
|
-
iconWrapper: "_1bsbzwfg _4t3izwfg _1ul9zwfg _1tkezwfg",
|
|
46
45
|
crossIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u01wug",
|
|
47
46
|
showMoreIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u01wug",
|
|
48
47
|
linkableContent: "_16jlkb7n _1o9zkb7n _i0dlf1ug",
|
|
@@ -66,8 +65,6 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
|
|
|
66
65
|
containerTypeProperties = _ref.containerTypeProperties,
|
|
67
66
|
_onDisconnectButtonClick = _ref.onDisconnectButtonClick,
|
|
68
67
|
_onEditLinkClick = _ref.onEditLinkClick,
|
|
69
|
-
iconsLoading = _ref.iconsLoading,
|
|
70
|
-
iconHasLoaded = _ref.iconHasLoaded,
|
|
71
68
|
openInNewTab = _ref.openInNewTab,
|
|
72
69
|
isReadOnly = _ref.isReadOnly,
|
|
73
70
|
hideSubTextIcon = _ref.hideSubTextIcon;
|
|
@@ -178,9 +175,7 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
|
|
|
178
175
|
containerType: containerType,
|
|
179
176
|
title: title,
|
|
180
177
|
containerIcon: containerIcon,
|
|
181
|
-
size: "medium"
|
|
182
|
-
iconsLoading: iconsLoading,
|
|
183
|
-
iconHasLoaded: iconHasLoaded
|
|
178
|
+
size: "medium"
|
|
184
179
|
}), (0, _platformFeatureFlags.fg)('fix_team_link_card_a11y') ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_compiled.Anchor, {
|
|
185
180
|
xcss: (0, _css.cx)(styles.anchor, styles.anchorNoUnderline, isOpenWebLinkInNewTabEnabled && styles.anchorWithExternalLinkIcon),
|
|
186
181
|
href: link || '#',
|
|
@@ -275,7 +275,7 @@ export const actions = {
|
|
|
275
275
|
});
|
|
276
276
|
},
|
|
277
277
|
fetchWebLinkTitle: url => async ({
|
|
278
|
-
setState
|
|
278
|
+
setState
|
|
279
279
|
}) => {
|
|
280
280
|
if (!url) {
|
|
281
281
|
return undefined;
|
|
@@ -303,11 +303,11 @@ const TeamWebLinksStore = createStore({
|
|
|
303
303
|
});
|
|
304
304
|
const useTeamWebLinksHook = createHook(TeamWebLinksStore);
|
|
305
305
|
export const useTeamWebLinks = teamId => {
|
|
306
|
-
const [state,
|
|
306
|
+
const [state, boundActions] = useTeamWebLinksHook();
|
|
307
307
|
const teamState = state.teams[teamId] || getInitialTeamState();
|
|
308
308
|
return [{
|
|
309
309
|
teamId,
|
|
310
310
|
...teamState
|
|
311
|
-
},
|
|
311
|
+
}, boundActions];
|
|
312
312
|
};
|
|
313
313
|
export const useTeamWebLinksActions = useTeamWebLinksHook;
|
|
@@ -1,20 +1,14 @@
|
|
|
1
1
|
|
|
2
2
|
._2rko12b0{border-radius:var(--ds-radius-small,4px)}
|
|
3
3
|
._2rkoy0do{border-radius:var(--ds-radius-small,8px)}
|
|
4
|
-
._16jlkb7n{flex-grow:1}
|
|
5
|
-
._18u01wug{margin-left:auto}
|
|
6
4
|
._19bv12x7{padding-left:var(--ds-space-075,6px)}
|
|
7
|
-
._1bahesu3{justify-content:flex-end}
|
|
8
5
|
._1bsb1osq{width:100%}
|
|
9
|
-
._1e0c1txw{display:flex}
|
|
10
6
|
._1hmsglyw{text-decoration-line:none}
|
|
11
|
-
._1o9zkb7n{flex-shrink:1}
|
|
12
7
|
._4bfu1r31{text-decoration-color:currentColor}
|
|
13
8
|
._4cvr1h6o{align-items:center}
|
|
14
9
|
._4t3i14no{height:36px}
|
|
15
10
|
._ajmmnqa1{text-decoration-style:solid}
|
|
16
11
|
._ca0q1b66{padding-top:var(--ds-space-050,4px)}
|
|
17
|
-
._i0dlf1ug{flex-basis:0%}
|
|
18
12
|
._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
|
|
19
13
|
._syazi7uo{color:var(--ds-text,#292a2e)}
|
|
20
14
|
._u5f312x7{padding-right:var(--ds-space-075,6px)}._1053i7uo:visited{color:var(--ds-text,#292a2e)}
|
|
@@ -14,10 +14,7 @@ import { getDomainFromLinkUri } from '../../../../common/utils/get-link-domain';
|
|
|
14
14
|
const styles = {
|
|
15
15
|
container: "_2rko12b0 _ca0q1b66 _u5f312x7 _n3td1b66 _19bv12x7 _syazi7uo",
|
|
16
16
|
card: "_4cvr1h6o _1bsb1osq _4t3i14no",
|
|
17
|
-
anchor: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _2rkoy0do _1bsb1osq _syazi7uo _1053i7uo _1hvwdkaa _nt751v1w _49pcnqa1 _1bg4v77o _9oik1r31 _1bnxglyw _jf4cnqa1 _30l3i7uo"
|
|
18
|
-
crossIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u01wug",
|
|
19
|
-
showMoreIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u01wug",
|
|
20
|
-
linkableContent: "_16jlkb7n _1o9zkb7n _i0dlf1ug"
|
|
17
|
+
anchor: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _2rkoy0do _1bsb1osq _syazi7uo _1053i7uo _1hvwdkaa _nt751v1w _49pcnqa1 _1bg4v77o _9oik1r31 _1bnxglyw _jf4cnqa1 _30l3i7uo"
|
|
21
18
|
};
|
|
22
19
|
export const TeamLinkCard = ({
|
|
23
20
|
containerType,
|
|
@@ -28,8 +25,6 @@ export const TeamLinkCard = ({
|
|
|
28
25
|
containerTypeProperties,
|
|
29
26
|
onDisconnectButtonClick,
|
|
30
27
|
onEditLinkClick,
|
|
31
|
-
iconsLoading,
|
|
32
|
-
iconHasLoaded,
|
|
33
28
|
openInNewTab,
|
|
34
29
|
isReadOnly
|
|
35
30
|
}) => {
|
|
@@ -103,9 +98,7 @@ export const TeamLinkCard = ({
|
|
|
103
98
|
containerType: containerType,
|
|
104
99
|
title: title,
|
|
105
100
|
containerIcon: containerIcon,
|
|
106
|
-
size: "small"
|
|
107
|
-
iconsLoading: iconsLoading,
|
|
108
|
-
iconHasLoaded: iconHasLoaded
|
|
101
|
+
size: "small"
|
|
109
102
|
}), fg('ptc-links-migrate-atlaskit-anchor-to-teams-anchor') ? /*#__PURE__*/React.createElement(TeamsAnchor, {
|
|
110
103
|
xcss: styles.anchor,
|
|
111
104
|
href: link || '#',
|
|
@@ -44,8 +44,6 @@ export const TeamContainers = ({
|
|
|
44
44
|
const {
|
|
45
45
|
teamLinks,
|
|
46
46
|
removeTeamLink,
|
|
47
|
-
iconsLoading,
|
|
48
|
-
iconHasLoaded,
|
|
49
47
|
hasError,
|
|
50
48
|
isLoading: linksLoading
|
|
51
49
|
} = useTeamLinksAndContainers(teamId, true);
|
|
@@ -255,8 +253,6 @@ export const TeamContainers = ({
|
|
|
255
253
|
containerIcon: container.icon || undefined,
|
|
256
254
|
link: container.link || undefined,
|
|
257
255
|
containerId: container.id,
|
|
258
|
-
iconsLoading: iconsLoading,
|
|
259
|
-
iconHasLoaded: iconHasLoaded,
|
|
260
256
|
isReadOnly: isReadOnly,
|
|
261
257
|
hideSubTextIcon: hideSubTextIcon,
|
|
262
258
|
onDisconnectButtonClick: () => handleOpenDisconnectDialog({
|
|
@@ -280,8 +276,6 @@ export const TeamContainers = ({
|
|
|
280
276
|
containerId: container.id,
|
|
281
277
|
containerIcon: container.icon || undefined,
|
|
282
278
|
link: container.link || undefined,
|
|
283
|
-
iconsLoading: iconsLoading,
|
|
284
|
-
iconHasLoaded: iconHasLoaded,
|
|
285
279
|
isReadOnly: isReadOnly,
|
|
286
280
|
hideSubTextIcon: hideSubTextIcon,
|
|
287
281
|
onDisconnectButtonClick: () => handleOpenDisconnectDialog({
|
|
@@ -10,16 +10,12 @@
|
|
|
10
10
|
._1bah1yb4{justify-content:space-between}
|
|
11
11
|
._1bahesu3{justify-content:flex-end}
|
|
12
12
|
._1bsb1osq{width:100%}
|
|
13
|
-
._1bsbzwfg{width:2pc}
|
|
14
13
|
._1e0c1txw{display:flex}
|
|
15
14
|
._1hmsglyw{text-decoration-line:none}
|
|
16
15
|
._1o9zkb7n{flex-shrink:1}
|
|
17
16
|
._1qu2nqa1{outline-style:solid}
|
|
18
|
-
._1tkezwfg{min-height:2pc}
|
|
19
|
-
._1ul9zwfg{min-width:2pc}
|
|
20
17
|
._4bfu1r31{text-decoration-color:currentColor}
|
|
21
18
|
._4cvr1h6o{align-items:center}
|
|
22
|
-
._4t3izwfg{height:2pc}
|
|
23
19
|
._ajmmnqa1{text-decoration-style:solid}
|
|
24
20
|
._bfhkhp5a{background-color:var(--ds-surface-raised,#fff)}
|
|
25
21
|
._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
|
|
@@ -27,7 +27,6 @@ const styles = {
|
|
|
27
27
|
anchor: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _2rkoy0do _1bsb1osq _syazi7uo _1053i7uo _1hvwdkaa _nt751v1w _49pcnqa1 _1bg4v77o _30l3i7uo",
|
|
28
28
|
anchorNoUnderline: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _30l3i7uo",
|
|
29
29
|
anchorWithExternalLinkIcon: "_1e0c1txw _4cvr1h6o _1bah1yb4",
|
|
30
|
-
iconWrapper: "_1bsbzwfg _4t3izwfg _1ul9zwfg _1tkezwfg",
|
|
31
30
|
crossIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u01wug",
|
|
32
31
|
showMoreIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u01wug",
|
|
33
32
|
linkableContent: "_16jlkb7n _1o9zkb7n _i0dlf1ug",
|
|
@@ -51,8 +50,6 @@ export const TeamLinkCard = ({
|
|
|
51
50
|
containerTypeProperties,
|
|
52
51
|
onDisconnectButtonClick,
|
|
53
52
|
onEditLinkClick,
|
|
54
|
-
iconsLoading,
|
|
55
|
-
iconHasLoaded,
|
|
56
53
|
openInNewTab,
|
|
57
54
|
isReadOnly,
|
|
58
55
|
hideSubTextIcon
|
|
@@ -153,9 +150,7 @@ export const TeamLinkCard = ({
|
|
|
153
150
|
containerType: containerType,
|
|
154
151
|
title: title,
|
|
155
152
|
containerIcon: containerIcon,
|
|
156
|
-
size: "medium"
|
|
157
|
-
iconsLoading: iconsLoading,
|
|
158
|
-
iconHasLoaded: iconHasLoaded
|
|
153
|
+
size: "medium"
|
|
159
154
|
}), fg('fix_team_link_card_a11y') ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Anchor, {
|
|
160
155
|
xcss: cx(styles.anchor, styles.anchorNoUnderline, isOpenWebLinkInNewTabEnabled && styles.anchorWithExternalLinkIcon),
|
|
161
156
|
href: link || '#',
|
|
@@ -295,11 +295,11 @@ export var actions = {
|
|
|
295
295
|
fetchWebLinkTitle: function fetchWebLinkTitle(url) {
|
|
296
296
|
return /*#__PURE__*/function () {
|
|
297
297
|
var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(_ref1) {
|
|
298
|
-
var
|
|
298
|
+
var setState, title;
|
|
299
299
|
return _regeneratorRuntime.wrap(function _callee6$(_context6) {
|
|
300
300
|
while (1) switch (_context6.prev = _context6.next) {
|
|
301
301
|
case 0:
|
|
302
|
-
|
|
302
|
+
setState = _ref1.setState;
|
|
303
303
|
if (url) {
|
|
304
304
|
_context6.next = 3;
|
|
305
305
|
break;
|
|
@@ -365,11 +365,11 @@ export var actions = {
|
|
|
365
365
|
fetchWebLinkTitle: function fetchWebLinkTitle(url) {
|
|
366
366
|
return /*#__PURE__*/function () {
|
|
367
367
|
var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6(_ref1) {
|
|
368
|
-
var
|
|
368
|
+
var setState, title;
|
|
369
369
|
return _regeneratorRuntime.wrap(function _callee6$(_context6) {
|
|
370
370
|
while (1) switch (_context6.prev = _context6.next) {
|
|
371
371
|
case 0:
|
|
372
|
-
|
|
372
|
+
setState = _ref1.setState;
|
|
373
373
|
if (url) {
|
|
374
374
|
_context6.next = 3;
|
|
375
375
|
break;
|
|
@@ -417,10 +417,10 @@ export var useTeamWebLinks = function useTeamWebLinks(teamId) {
|
|
|
417
417
|
var _useTeamWebLinksHook = useTeamWebLinksHook(),
|
|
418
418
|
_useTeamWebLinksHook2 = _slicedToArray(_useTeamWebLinksHook, 2),
|
|
419
419
|
state = _useTeamWebLinksHook2[0],
|
|
420
|
-
|
|
420
|
+
boundActions = _useTeamWebLinksHook2[1];
|
|
421
421
|
var teamState = state.teams[teamId] || getInitialTeamState();
|
|
422
422
|
return [_objectSpread({
|
|
423
423
|
teamId: teamId
|
|
424
|
-
}, teamState),
|
|
424
|
+
}, teamState), boundActions];
|
|
425
425
|
};
|
|
426
426
|
export var useTeamWebLinksActions = useTeamWebLinksHook;
|
|
@@ -1,20 +1,14 @@
|
|
|
1
1
|
|
|
2
2
|
._2rko12b0{border-radius:var(--ds-radius-small,4px)}
|
|
3
3
|
._2rkoy0do{border-radius:var(--ds-radius-small,8px)}
|
|
4
|
-
._16jlkb7n{flex-grow:1}
|
|
5
|
-
._18u01wug{margin-left:auto}
|
|
6
4
|
._19bv12x7{padding-left:var(--ds-space-075,6px)}
|
|
7
|
-
._1bahesu3{justify-content:flex-end}
|
|
8
5
|
._1bsb1osq{width:100%}
|
|
9
|
-
._1e0c1txw{display:flex}
|
|
10
6
|
._1hmsglyw{text-decoration-line:none}
|
|
11
|
-
._1o9zkb7n{flex-shrink:1}
|
|
12
7
|
._4bfu1r31{text-decoration-color:currentColor}
|
|
13
8
|
._4cvr1h6o{align-items:center}
|
|
14
9
|
._4t3i14no{height:36px}
|
|
15
10
|
._ajmmnqa1{text-decoration-style:solid}
|
|
16
11
|
._ca0q1b66{padding-top:var(--ds-space-050,4px)}
|
|
17
|
-
._i0dlf1ug{flex-basis:0%}
|
|
18
12
|
._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
|
|
19
13
|
._syazi7uo{color:var(--ds-text,#292a2e)}
|
|
20
14
|
._u5f312x7{padding-right:var(--ds-space-075,6px)}._1053i7uo:visited{color:var(--ds-text,#292a2e)}
|
|
@@ -18,10 +18,7 @@ import { getDomainFromLinkUri } from '../../../../common/utils/get-link-domain';
|
|
|
18
18
|
var styles = {
|
|
19
19
|
container: "_2rko12b0 _ca0q1b66 _u5f312x7 _n3td1b66 _19bv12x7 _syazi7uo",
|
|
20
20
|
card: "_4cvr1h6o _1bsb1osq _4t3i14no",
|
|
21
|
-
anchor: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _2rkoy0do _1bsb1osq _syazi7uo _1053i7uo _1hvwdkaa _nt751v1w _49pcnqa1 _1bg4v77o _9oik1r31 _1bnxglyw _jf4cnqa1 _30l3i7uo"
|
|
22
|
-
crossIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u01wug",
|
|
23
|
-
showMoreIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u01wug",
|
|
24
|
-
linkableContent: "_16jlkb7n _1o9zkb7n _i0dlf1ug"
|
|
21
|
+
anchor: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _2rkoy0do _1bsb1osq _syazi7uo _1053i7uo _1hvwdkaa _nt751v1w _49pcnqa1 _1bg4v77o _9oik1r31 _1bnxglyw _jf4cnqa1 _30l3i7uo"
|
|
25
22
|
};
|
|
26
23
|
export var TeamLinkCard = function TeamLinkCard(_ref) {
|
|
27
24
|
var containerType = _ref.containerType,
|
|
@@ -32,8 +29,6 @@ export var TeamLinkCard = function TeamLinkCard(_ref) {
|
|
|
32
29
|
containerTypeProperties = _ref.containerTypeProperties,
|
|
33
30
|
_onDisconnectButtonClick = _ref.onDisconnectButtonClick,
|
|
34
31
|
_onEditLinkClick = _ref.onEditLinkClick,
|
|
35
|
-
iconsLoading = _ref.iconsLoading,
|
|
36
|
-
iconHasLoaded = _ref.iconHasLoaded,
|
|
37
32
|
openInNewTab = _ref.openInNewTab,
|
|
38
33
|
isReadOnly = _ref.isReadOnly;
|
|
39
34
|
var _getContainerProperti = getContainerProperties({
|
|
@@ -115,9 +110,7 @@ export var TeamLinkCard = function TeamLinkCard(_ref) {
|
|
|
115
110
|
containerType: containerType,
|
|
116
111
|
title: title,
|
|
117
112
|
containerIcon: containerIcon,
|
|
118
|
-
size: "small"
|
|
119
|
-
iconsLoading: iconsLoading,
|
|
120
|
-
iconHasLoaded: iconHasLoaded
|
|
113
|
+
size: "small"
|
|
121
114
|
}), fg('ptc-links-migrate-atlaskit-anchor-to-teams-anchor') ? /*#__PURE__*/React.createElement(TeamsAnchor, {
|
|
122
115
|
xcss: styles.anchor,
|
|
123
116
|
href: link || '#',
|
|
@@ -46,8 +46,6 @@ export var TeamContainers = function TeamContainers(_ref) {
|
|
|
46
46
|
var _useTeamLinksAndConta = useTeamLinksAndContainers(teamId, true),
|
|
47
47
|
teamLinks = _useTeamLinksAndConta.teamLinks,
|
|
48
48
|
removeTeamLink = _useTeamLinksAndConta.removeTeamLink,
|
|
49
|
-
iconsLoading = _useTeamLinksAndConta.iconsLoading,
|
|
50
|
-
iconHasLoaded = _useTeamLinksAndConta.iconHasLoaded,
|
|
51
49
|
hasError = _useTeamLinksAndConta.hasError,
|
|
52
50
|
linksLoading = _useTeamLinksAndConta.isLoading;
|
|
53
51
|
var _useTeamContainersHoo = useTeamContainersHook(),
|
|
@@ -303,8 +301,6 @@ export var TeamContainers = function TeamContainers(_ref) {
|
|
|
303
301
|
containerIcon: container.icon || undefined,
|
|
304
302
|
link: container.link || undefined,
|
|
305
303
|
containerId: container.id,
|
|
306
|
-
iconsLoading: iconsLoading,
|
|
307
|
-
iconHasLoaded: iconHasLoaded,
|
|
308
304
|
isReadOnly: isReadOnly,
|
|
309
305
|
hideSubTextIcon: hideSubTextIcon,
|
|
310
306
|
onDisconnectButtonClick: function onDisconnectButtonClick() {
|
|
@@ -332,8 +328,6 @@ export var TeamContainers = function TeamContainers(_ref) {
|
|
|
332
328
|
containerId: container.id,
|
|
333
329
|
containerIcon: container.icon || undefined,
|
|
334
330
|
link: container.link || undefined,
|
|
335
|
-
iconsLoading: iconsLoading,
|
|
336
|
-
iconHasLoaded: iconHasLoaded,
|
|
337
331
|
isReadOnly: isReadOnly,
|
|
338
332
|
hideSubTextIcon: hideSubTextIcon,
|
|
339
333
|
onDisconnectButtonClick: function onDisconnectButtonClick() {
|
|
@@ -10,16 +10,12 @@
|
|
|
10
10
|
._1bah1yb4{justify-content:space-between}
|
|
11
11
|
._1bahesu3{justify-content:flex-end}
|
|
12
12
|
._1bsb1osq{width:100%}
|
|
13
|
-
._1bsbzwfg{width:2pc}
|
|
14
13
|
._1e0c1txw{display:flex}
|
|
15
14
|
._1hmsglyw{text-decoration-line:none}
|
|
16
15
|
._1o9zkb7n{flex-shrink:1}
|
|
17
16
|
._1qu2nqa1{outline-style:solid}
|
|
18
|
-
._1tkezwfg{min-height:2pc}
|
|
19
|
-
._1ul9zwfg{min-width:2pc}
|
|
20
17
|
._4bfu1r31{text-decoration-color:currentColor}
|
|
21
18
|
._4cvr1h6o{align-items:center}
|
|
22
|
-
._4t3izwfg{height:2pc}
|
|
23
19
|
._ajmmnqa1{text-decoration-style:solid}
|
|
24
20
|
._bfhkhp5a{background-color:var(--ds-surface-raised,#fff)}
|
|
25
21
|
._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
|
|
@@ -33,7 +33,6 @@ var styles = {
|
|
|
33
33
|
anchor: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _2rkoy0do _1bsb1osq _syazi7uo _1053i7uo _1hvwdkaa _nt751v1w _49pcnqa1 _1bg4v77o _30l3i7uo",
|
|
34
34
|
anchorNoUnderline: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _30l3i7uo",
|
|
35
35
|
anchorWithExternalLinkIcon: "_1e0c1txw _4cvr1h6o _1bah1yb4",
|
|
36
|
-
iconWrapper: "_1bsbzwfg _4t3izwfg _1ul9zwfg _1tkezwfg",
|
|
37
36
|
crossIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u01wug",
|
|
38
37
|
showMoreIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u01wug",
|
|
39
38
|
linkableContent: "_16jlkb7n _1o9zkb7n _i0dlf1ug",
|
|
@@ -57,8 +56,6 @@ export var TeamLinkCard = function TeamLinkCard(_ref) {
|
|
|
57
56
|
containerTypeProperties = _ref.containerTypeProperties,
|
|
58
57
|
_onDisconnectButtonClick = _ref.onDisconnectButtonClick,
|
|
59
58
|
_onEditLinkClick = _ref.onEditLinkClick,
|
|
60
|
-
iconsLoading = _ref.iconsLoading,
|
|
61
|
-
iconHasLoaded = _ref.iconHasLoaded,
|
|
62
59
|
openInNewTab = _ref.openInNewTab,
|
|
63
60
|
isReadOnly = _ref.isReadOnly,
|
|
64
61
|
hideSubTextIcon = _ref.hideSubTextIcon;
|
|
@@ -169,9 +166,7 @@ export var TeamLinkCard = function TeamLinkCard(_ref) {
|
|
|
169
166
|
containerType: containerType,
|
|
170
167
|
title: title,
|
|
171
168
|
containerIcon: containerIcon,
|
|
172
|
-
size: "medium"
|
|
173
|
-
iconsLoading: iconsLoading,
|
|
174
|
-
iconHasLoaded: iconHasLoaded
|
|
169
|
+
size: "medium"
|
|
175
170
|
}), fg('fix_team_link_card_a11y') ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Anchor, {
|
|
176
171
|
xcss: cx(styles.anchor, styles.anchorNoUnderline, isOpenWebLinkInNewTabEnabled && styles.anchorWithExternalLinkIcon),
|
|
177
172
|
href: link || '#',
|
|
@@ -6,7 +6,5 @@ export interface ContainerIconProps {
|
|
|
6
6
|
containerIcon?: string;
|
|
7
7
|
size?: 'small' | 'medium';
|
|
8
8
|
testId?: string;
|
|
9
|
-
iconsLoading?: boolean;
|
|
10
|
-
iconHasLoaded?: boolean;
|
|
11
9
|
}
|
|
12
10
|
export declare const ContainerIcon: ({ containerType, title, containerIcon, size, }: ContainerIconProps) => React.JSX.Element;
|