@atlaskit/teams-public 3.3.0 → 3.4.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 +17 -0
- 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 +9 -6
- 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/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 +4 -1
- 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/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 +4 -1
- 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 +3 -6
|
@@ -8,7 +8,9 @@ import ModalFooter from '@atlaskit/modal-dialog/modal-footer';
|
|
|
8
8
|
import ModalHeader from '@atlaskit/modal-dialog/modal-header';
|
|
9
9
|
import ModalTitle from '@atlaskit/modal-dialog/modal-title';
|
|
10
10
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
11
|
-
import { Box
|
|
11
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
12
|
+
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
13
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
12
14
|
export const messages = defineMessages({
|
|
13
15
|
disconnectDialogTitle: {
|
|
14
16
|
id: 'ptc-directory.team-profile-page.team-containers.disconnect-dialog.title',
|
|
@@ -6,7 +6,10 @@ import { defineMessages, FormattedMessage } from 'react-intl';
|
|
|
6
6
|
import Button from '@atlaskit/button/default/button';
|
|
7
7
|
import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
|
|
8
8
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
9
|
-
import { Box
|
|
9
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
10
|
+
import { Grid } from '@atlaskit/primitives/compiled/grid';
|
|
11
|
+
import { Inline } from '@atlaskit/primitives/compiled/inline';
|
|
12
|
+
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
10
13
|
import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics/use-analytics-events';
|
|
11
14
|
import { useProductPermissions } from '@atlaskit/teams-app-internal-product-permissions/main';
|
|
12
15
|
import { hasProductPermission } from '@atlaskit/teams-app-internal-product-permissions/utils';
|
|
@@ -4,7 +4,9 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { defineMessages, FormattedMessage } from 'react-intl';
|
|
6
6
|
import Heading from '@atlaskit/heading/heading';
|
|
7
|
-
import { Box
|
|
7
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
8
|
+
import { Inline } from '@atlaskit/primitives/compiled/inline';
|
|
9
|
+
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
8
10
|
import { NoProductAccessIcon } from './no-product-access-icon';
|
|
9
11
|
const styles = {
|
|
10
12
|
emptyStateContainer: "_2rko12b0 _189ee4h9 _1h6d1l7x _18zrpxbi _1rjcpxbi _12y3e4h9 _12ji1l7x _1qu2nqa1"
|
package/dist/es2019/ui/team-containers/no-product-access-empty-state/no-product-access-icon/index.js
CHANGED
|
@@ -3,7 +3,7 @@ import "./index.compiled.css";
|
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import Image from '@atlaskit/image';
|
|
6
|
-
import { Box } from '@atlaskit/primitives/compiled';
|
|
6
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
7
7
|
import NoProductAccessSVG from '../../../../common/assets/NoProductAccess.svg';
|
|
8
8
|
const styles = {
|
|
9
9
|
icon: "_1ul9ys9h _p12fys9h"
|
|
@@ -5,7 +5,12 @@ import React, { useState } from 'react';
|
|
|
5
5
|
import { defineMessages, useIntl } from 'react-intl';
|
|
6
6
|
import { cx } from '@atlaskit/css';
|
|
7
7
|
import LinkExternalIcon from '@atlaskit/icon/core/link-external';
|
|
8
|
-
import { Anchor
|
|
8
|
+
import { Anchor } from '@atlaskit/primitives/compiled/anchor';
|
|
9
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
10
|
+
import { Flex } from '@atlaskit/primitives/compiled/flex';
|
|
11
|
+
import { Inline } from '@atlaskit/primitives/compiled/inline';
|
|
12
|
+
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
13
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
9
14
|
import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics/use-analytics-events';
|
|
10
15
|
import { ContainerIcon } from '../../../common/ui/container-icon';
|
|
11
16
|
import { Separator } from '../../../common/ui/separator';
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
import "./team-link-card-title.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React from 'react';
|
|
5
|
-
import { Anchor
|
|
5
|
+
import { Anchor } from '@atlaskit/primitives/compiled/anchor';
|
|
6
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
6
7
|
const styles = {
|
|
7
8
|
anchorWithUnderline: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _9oik1r31 _1bnx8stv _jf4cnqa1 _30l3i7uo"
|
|
8
9
|
};
|
|
@@ -8,7 +8,7 @@ import IconButton from '@atlaskit/button/icon/button';
|
|
|
8
8
|
import { cx } from '@atlaskit/css';
|
|
9
9
|
import LinkIcon from '@atlaskit/icon/core/link';
|
|
10
10
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
11
|
-
import { Box } from '@atlaskit/primitives/compiled';
|
|
11
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
12
12
|
import Tile from '@atlaskit/tile/tile';
|
|
13
13
|
import { LoomSpaceAvatar } from '../loom-avatar/main';
|
|
14
14
|
var 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
|
var styles = {
|
|
7
8
|
separator: "_t9ec18p1"
|
|
8
9
|
};
|
|
@@ -3,7 +3,9 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
|
3
3
|
import "./index.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import React from 'react';
|
|
6
|
-
import { Box
|
|
6
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
7
|
+
import { Grid } from '@atlaskit/primitives/compiled/grid';
|
|
8
|
+
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
7
9
|
import { LinkedContainerCardSkeleton } from './linked-container-card-skeleton';
|
|
8
10
|
var styles = {
|
|
9
11
|
containers: "_yv0ewxkt",
|
|
@@ -2,7 +2,11 @@
|
|
|
2
2
|
import "./index.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React from 'react';
|
|
5
|
-
import { Box
|
|
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
|
var styles = {
|
|
8
12
|
container: "_2rko12b0 _1h6d8yml _12y3e4h9 _12ji1l7x _1qu2nqa1 _syazi7uo _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi",
|
|
@@ -13,7 +13,8 @@ import DropdownItem from '@atlaskit/dropdown-menu/dropdown-menu-item';
|
|
|
13
13
|
import DropdownItemGroup from '@atlaskit/dropdown-menu/dropdown-menu-item-group';
|
|
14
14
|
import CrossIcon from '@atlaskit/icon/core/cross';
|
|
15
15
|
import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
|
|
16
|
-
import {
|
|
16
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
17
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
17
18
|
import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics/use-analytics-events';
|
|
18
19
|
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
19
20
|
var styles = {
|
|
@@ -54,15 +55,21 @@ export var TeamLinkCardActions = function TeamLinkCardActions(_ref) {
|
|
|
54
55
|
formatMessage = _useIntl.formatMessage;
|
|
55
56
|
var _useAnalyticsEvents = useAnalyticsEvents(),
|
|
56
57
|
fireEvent = _useAnalyticsEvents.fireEvent;
|
|
58
|
+
var dropdownTriggerElementRef = React.useRef(null);
|
|
59
|
+
var returnFocusToDropdownTrigger = function returnFocusToDropdownTrigger() {
|
|
60
|
+
var _dropdownTriggerEleme;
|
|
61
|
+
(_dropdownTriggerEleme = dropdownTriggerElementRef.current) === null || _dropdownTriggerEleme === void 0 || _dropdownTriggerEleme.focus();
|
|
62
|
+
};
|
|
57
63
|
|
|
58
64
|
// Show icons when:
|
|
59
65
|
// 1. Hovering over the card
|
|
60
66
|
// 2. Dropdown is open
|
|
61
67
|
// 3. Focused via keyboard navigation (when showKeyboardFocus is true)
|
|
62
|
-
var shouldShowIcon = hovered || isDropdownOpen || focused && showKeyboardFocus;
|
|
68
|
+
var shouldShowIcon = fg('teams_a11y_20261005') || hovered || isDropdownOpen || focused && showKeyboardFocus;
|
|
63
69
|
var handleDisconnectClick = function handleDisconnectClick(e) {
|
|
64
70
|
e.preventDefault();
|
|
65
71
|
e.stopPropagation();
|
|
72
|
+
returnFocusToDropdownTrigger();
|
|
66
73
|
onDisconnectButtonClick();
|
|
67
74
|
fireEvent('ui.button.clicked.containerUnlinkButton', {
|
|
68
75
|
containerSelected: {
|
|
@@ -74,6 +81,7 @@ export var TeamLinkCardActions = function TeamLinkCardActions(_ref) {
|
|
|
74
81
|
var handleEditLinkClick = function handleEditLinkClick(e) {
|
|
75
82
|
e.preventDefault();
|
|
76
83
|
e.stopPropagation();
|
|
84
|
+
returnFocusToDropdownTrigger();
|
|
77
85
|
onEditLinkClick === null || onEditLinkClick === void 0 || onEditLinkClick();
|
|
78
86
|
fireEvent('ui.button.clicked.containerEditLinkButton', {
|
|
79
87
|
containerSelected: {
|
|
@@ -92,6 +100,11 @@ export var TeamLinkCardActions = function TeamLinkCardActions(_ref) {
|
|
|
92
100
|
return /*#__PURE__*/React.createElement(IconButton, _extends({
|
|
93
101
|
ref: triggerRef
|
|
94
102
|
}, triggerProps, {
|
|
103
|
+
onClick: function onClick(e) {
|
|
104
|
+
var _triggerProps$onClick;
|
|
105
|
+
dropdownTriggerElementRef.current = e.currentTarget;
|
|
106
|
+
(_triggerProps$onClick = triggerProps.onClick) === null || _triggerProps$onClick === void 0 || _triggerProps$onClick.call(triggerProps, e);
|
|
107
|
+
},
|
|
95
108
|
label: "more options for ".concat(title),
|
|
96
109
|
appearance: "subtle",
|
|
97
110
|
icon: function icon(iconProps) {
|
|
@@ -11,7 +11,9 @@ import LinkIcon from '@atlaskit/icon/core/link';
|
|
|
11
11
|
import LinkExternalIcon from '@atlaskit/icon/core/link-external';
|
|
12
12
|
import Image from '@atlaskit/image';
|
|
13
13
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
14
|
-
import { Box
|
|
14
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
15
|
+
import { Flex } from '@atlaskit/primitives/compiled/flex';
|
|
16
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
15
17
|
import Tile from '@atlaskit/tile/tile';
|
|
16
18
|
import ConfluenceIcon from '../assets/ConfluenceIcon.svg';
|
|
17
19
|
import JiraIcon from '../assets/JiraIcon.svg';
|
|
@@ -1,29 +1,4 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
|
-
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; }
|
|
5
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
6
|
-
import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics/use-analytics-events';
|
|
7
1
|
import { useConnectedTeams as useConnectedTeamsMulti } from './use-connected-teams-2';
|
|
8
|
-
import { useTeamContainersHook } from './use-team-containers-hook';
|
|
9
2
|
export var useConnectedTeams = function useConnectedTeams(teamId) {
|
|
10
|
-
|
|
11
|
-
_useTeamContainersHoo2 = _slicedToArray(_useTeamContainersHoo, 2),
|
|
12
|
-
state = _useTeamContainersHoo2[0],
|
|
13
|
-
actions = _useTeamContainersHoo2[1];
|
|
14
|
-
var useMultiTeam = fg('enable_multi_team_containers_state');
|
|
15
|
-
var multiTeamResult = useConnectedTeamsMulti(useMultiTeam ? teamId || '' : '');
|
|
16
|
-
var _useAnalyticsEvents = useAnalyticsEvents(),
|
|
17
|
-
fireEvent = _useAnalyticsEvents.fireEvent;
|
|
18
|
-
if (useMultiTeam) {
|
|
19
|
-
return multiTeamResult;
|
|
20
|
-
}
|
|
21
|
-
return _objectSpread(_objectSpread({}, state.connectedTeams), {}, {
|
|
22
|
-
fetchNumberOfConnectedTeams: function fetchNumberOfConnectedTeams(containerId) {
|
|
23
|
-
return actions.fetchNumberOfConnectedTeams(containerId, fireEvent);
|
|
24
|
-
},
|
|
25
|
-
fetchConnectedTeams: function fetchConnectedTeams(containerId) {
|
|
26
|
-
return actions.fetchConnectedTeams(containerId, fireEvent);
|
|
27
|
-
}
|
|
28
|
-
});
|
|
3
|
+
return useConnectedTeamsMulti(teamId || '');
|
|
29
4
|
};
|
|
@@ -1,48 +1,5 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
3
|
-
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
4
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5
|
-
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; }
|
|
6
|
-
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
7
|
-
import { useCallback, useEffect } from 'react';
|
|
8
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
9
|
-
import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics/use-analytics-events';
|
|
10
1
|
import { useTeamContainers as useTeamContainersMulti } from './use-team-containers-2';
|
|
11
|
-
import { useTeamContainersHook } from './use-team-containers-hook';
|
|
12
2
|
export var useTeamContainers = function useTeamContainers(teamId) {
|
|
13
3
|
var enable = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
14
|
-
|
|
15
|
-
_useTeamContainersHoo2 = _slicedToArray(_useTeamContainersHoo, 2),
|
|
16
|
-
state = _useTeamContainersHoo2[0],
|
|
17
|
-
actions = _useTeamContainersHoo2[1];
|
|
18
|
-
var useMultiTeam = fg('enable_multi_team_containers_state');
|
|
19
|
-
var multiTeamResult = useTeamContainersMulti(teamId, useMultiTeam ? enable : false);
|
|
20
|
-
var _useAnalyticsEvents = useAnalyticsEvents(),
|
|
21
|
-
fireEvent = _useAnalyticsEvents.fireEvent;
|
|
22
|
-
useEffect(function () {
|
|
23
|
-
if (enable && !useMultiTeam) {
|
|
24
|
-
actions.fetchTeamContainers(teamId, fireEvent);
|
|
25
|
-
}
|
|
26
|
-
}, [teamId, actions, enable, fireEvent, useMultiTeam]);
|
|
27
|
-
var refetchTeamContainers = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
28
|
-
return _regeneratorRuntime.wrap(function (_context) {
|
|
29
|
-
while (1) switch (_context.prev = _context.next) {
|
|
30
|
-
case 0:
|
|
31
|
-
return _context.abrupt("return", actions.refetchTeamContainers(fireEvent));
|
|
32
|
-
case 1:
|
|
33
|
-
case "end":
|
|
34
|
-
return _context.stop();
|
|
35
|
-
}
|
|
36
|
-
}, _callee);
|
|
37
|
-
})), [actions, fireEvent]);
|
|
38
|
-
if (useMultiTeam) {
|
|
39
|
-
return multiTeamResult;
|
|
40
|
-
}
|
|
41
|
-
return _objectSpread(_objectSpread({}, state), {}, {
|
|
42
|
-
addTeamContainer: actions.addTeamContainer,
|
|
43
|
-
unlinkTeamContainers: function unlinkTeamContainers(containerId) {
|
|
44
|
-
return actions.unlinkTeamContainers(teamId, containerId);
|
|
45
|
-
},
|
|
46
|
-
refetchTeamContainers: refetchTeamContainers
|
|
47
|
-
});
|
|
4
|
+
return useTeamContainersMulti(teamId, enable);
|
|
48
5
|
};
|
|
@@ -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
|
-
var useTeamWebLinksActionsOriginal = createHook(TeamWebLinksStore, {
|
|
6
|
-
selector: null
|
|
7
|
-
});
|
|
8
2
|
export var useTeamWebLinksActions = function useTeamWebLinksActions() {
|
|
9
|
-
|
|
10
|
-
var 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
|
-
var useTeamWebLinksOriginal = createHook(TeamWebLinksStore);
|
|
6
2
|
export var useTeamWebLinks = function useTeamWebLinks(teamId) {
|
|
7
|
-
|
|
8
|
-
var multiResult = useTeamWebLinksMulti(teamId || '');
|
|
9
|
-
if (fg('enable_multi_team_containers_state')) {
|
|
10
|
-
return multiResult;
|
|
11
|
-
}
|
|
12
|
-
return originalResult;
|
|
3
|
+
return useTeamWebLinksMulti(teamId || '');
|
|
13
4
|
};
|
|
@@ -3,7 +3,10 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
|
3
3
|
import "./index.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import React from 'react';
|
|
6
|
-
import { Box
|
|
6
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
7
|
+
import { Grid } from '@atlaskit/primitives/compiled/grid';
|
|
8
|
+
import { Inline } from '@atlaskit/primitives/compiled/inline';
|
|
9
|
+
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
7
10
|
import Skeleton from '@atlaskit/skeleton';
|
|
8
11
|
var styles = {
|
|
9
12
|
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
|
var styles = {
|
|
@@ -6,7 +6,11 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
6
6
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
7
7
|
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; }
|
|
8
8
|
import React, { useState } from 'react';
|
|
9
|
-
import { Box
|
|
9
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
10
|
+
import { Flex } from '@atlaskit/primitives/compiled/flex';
|
|
11
|
+
import { Inline } from '@atlaskit/primitives/compiled/inline';
|
|
12
|
+
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
13
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
10
14
|
import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics/use-analytics-events';
|
|
11
15
|
import { TeamsAnchor } from '@atlaskit/teams-app-internal-navigation/teams-anchor';
|
|
12
16
|
import { ContainerIcon } from '../../../../common/ui/container-icon';
|
|
@@ -6,7 +6,11 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
6
6
|
import React, { useState } from 'react';
|
|
7
7
|
import IconButton from '@atlaskit/button/icon/button';
|
|
8
8
|
import AddIcon from '@atlaskit/icon/core/add';
|
|
9
|
-
import { Box
|
|
9
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
10
|
+
import { Flex } from '@atlaskit/primitives/compiled/flex';
|
|
11
|
+
import { Inline } from '@atlaskit/primitives/compiled/inline';
|
|
12
|
+
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
13
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
10
14
|
import { LinkedContainerCardSkeleton } from '../../../common/ui/team-containers-skeleton/linked-container-card-skeleton';
|
|
11
15
|
import { getContainerProperties } from '../../../common/utils/get-container-properties';
|
|
12
16
|
import { AddContainerCardButton } from './add-container-card-button';
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { defineMessages, FormattedMessage } from 'react-intl';
|
|
3
|
-
import { Flex
|
|
3
|
+
import { Flex } from '@atlaskit/primitives/compiled/flex';
|
|
4
|
+
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
5
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
4
6
|
function AddContainerCardButton(_ref) {
|
|
5
7
|
var type = _ref.type;
|
|
6
8
|
var _getContainerProperti = getContainerProperties(type),
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Box } from '@atlaskit/primitives/compiled';
|
|
2
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
3
3
|
import { AddContainerCard } from './AddContainerCard';
|
|
4
4
|
export var getAddContainerCards = function getAddContainerCards(_ref) {
|
|
5
5
|
var containers = _ref.containers,
|
|
@@ -11,7 +11,9 @@ import ModalFooter from '@atlaskit/modal-dialog/modal-footer';
|
|
|
11
11
|
import ModalHeader from '@atlaskit/modal-dialog/modal-header';
|
|
12
12
|
import ModalTitle from '@atlaskit/modal-dialog/modal-title';
|
|
13
13
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
14
|
-
import { Box
|
|
14
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
15
|
+
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
16
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
15
17
|
export var messages = defineMessages({
|
|
16
18
|
disconnectDialogTitle: {
|
|
17
19
|
id: 'ptc-directory.team-profile-page.team-containers.disconnect-dialog.title',
|
|
@@ -9,7 +9,10 @@ import { defineMessages, FormattedMessage } from 'react-intl';
|
|
|
9
9
|
import Button from '@atlaskit/button/default/button';
|
|
10
10
|
import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
|
|
11
11
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
12
|
-
import { Box
|
|
12
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
13
|
+
import { Grid } from '@atlaskit/primitives/compiled/grid';
|
|
14
|
+
import { Inline } from '@atlaskit/primitives/compiled/inline';
|
|
15
|
+
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
13
16
|
import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics/use-analytics-events';
|
|
14
17
|
import { useProductPermissions } from '@atlaskit/teams-app-internal-product-permissions/main';
|
|
15
18
|
import { hasProductPermission } from '@atlaskit/teams-app-internal-product-permissions/utils';
|
|
@@ -4,7 +4,9 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { defineMessages, FormattedMessage } from 'react-intl';
|
|
6
6
|
import Heading from '@atlaskit/heading/heading';
|
|
7
|
-
import { Box
|
|
7
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
8
|
+
import { Inline } from '@atlaskit/primitives/compiled/inline';
|
|
9
|
+
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
8
10
|
import { NoProductAccessIcon } from './no-product-access-icon';
|
|
9
11
|
var styles = {
|
|
10
12
|
emptyStateContainer: "_2rko12b0 _189ee4h9 _1h6d1l7x _18zrpxbi _1rjcpxbi _12y3e4h9 _12ji1l7x _1qu2nqa1"
|
package/dist/esm/ui/team-containers/no-product-access-empty-state/no-product-access-icon/index.js
CHANGED
|
@@ -3,7 +3,7 @@ import "./index.compiled.css";
|
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import Image from '@atlaskit/image';
|
|
6
|
-
import { Box } from '@atlaskit/primitives/compiled';
|
|
6
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
7
7
|
import NoProductAccessSVG from '../../../../common/assets/NoProductAccess.svg';
|
|
8
8
|
var styles = {
|
|
9
9
|
icon: "_1ul9ys9h _p12fys9h"
|
|
@@ -9,7 +9,12 @@ import React, { useState } from 'react';
|
|
|
9
9
|
import { defineMessages, useIntl } from 'react-intl';
|
|
10
10
|
import { cx } from '@atlaskit/css';
|
|
11
11
|
import LinkExternalIcon from '@atlaskit/icon/core/link-external';
|
|
12
|
-
import { Anchor
|
|
12
|
+
import { Anchor } from '@atlaskit/primitives/compiled/anchor';
|
|
13
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
14
|
+
import { Flex } from '@atlaskit/primitives/compiled/flex';
|
|
15
|
+
import { Inline } from '@atlaskit/primitives/compiled/inline';
|
|
16
|
+
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
17
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
13
18
|
import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics/use-analytics-events';
|
|
14
19
|
import { ContainerIcon } from '../../../common/ui/container-icon';
|
|
15
20
|
import { Separator } from '../../../common/ui/separator';
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
import "./team-link-card-title.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React from 'react';
|
|
5
|
-
import { Anchor
|
|
5
|
+
import { Anchor } from '@atlaskit/primitives/compiled/anchor';
|
|
6
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
6
7
|
var styles = {
|
|
7
8
|
anchorWithUnderline: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _9oik1r31 _1bnx8stv _jf4cnqa1 _30l3i7uo"
|
|
8
9
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type BoundActions, type HookReturnValue } from 'react-sweet-state';
|
|
2
2
|
import type { TeamLink } from '@atlaskit/teams-client/links';
|
|
3
3
|
import { type NewTeamWebLink, type TeamWebLink } from '../../../common/types';
|
|
4
|
-
import { type StoreApi, type TeamLinkIconData
|
|
4
|
+
import { type StoreApi, type TeamLinkIconData } from './types';
|
|
5
5
|
export declare const useTeamWebLinksActions: () => HookReturnValue<{
|
|
6
6
|
teams: Record<string, {
|
|
7
7
|
isLoading: boolean;
|
|
@@ -136,12 +136,4 @@ export declare const useTeamWebLinksActions: () => HookReturnValue<{
|
|
|
136
136
|
}>;
|
|
137
137
|
currentTeamId: string;
|
|
138
138
|
}>) => void;
|
|
139
|
-
}>> | HookReturnValue<TeamWebLinksState, BoundActions<TeamWebLinksState, {
|
|
140
|
-
getTeamWebLinks: (teamId: string) => ({ getState, setState, dispatch }: StoreApi) => Promise<void>;
|
|
141
|
-
getTeamWebLinkIcons: (teamId: string) => ({ getState, setState }: StoreApi) => Promise<void>;
|
|
142
|
-
createTeamWebLink: (teamId: string, newLink: NewTeamWebLink) => ({ getState, setState, dispatch }: StoreApi) => Promise<TeamLink>;
|
|
143
|
-
updateTeamWebLink: (teamId: string, linkId: string, newLink: NewTeamWebLink) => ({ getState, setState, dispatch }: StoreApi) => Promise<TeamLink>;
|
|
144
|
-
removeWebLink: (teamId: string, linkId: string) => ({ getState, setState }: StoreApi) => Promise<void>;
|
|
145
|
-
fetchWebLinkTitle: (url: string) => ({ setState }: StoreApi) => Promise<string | undefined>;
|
|
146
|
-
initialState: (state: Partial<TeamWebLinksState>) => ({ setState }: StoreApi) => void;
|
|
147
139
|
}>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type ComponentType } from 'react';
|
|
2
|
-
import type { GridProps } from '@atlaskit/primitives/compiled';
|
|
2
|
+
import type { GridProps } from '@atlaskit/primitives/compiled/grid';
|
|
3
3
|
import { type TeamContainersSkeletonProps } from '../../common/ui/team-containers-skeleton';
|
|
4
4
|
import type { AddContainerCardProps } from './add-container-card/AddContainerCard';
|
|
5
5
|
import { type TeamLinkCardProps } from './team-link-card';
|
package/package.json
CHANGED
|
@@ -41,9 +41,9 @@
|
|
|
41
41
|
"@atlaskit/react-compiler-gating": "^0.2.0",
|
|
42
42
|
"@atlaskit/skeleton": "^4.4.0",
|
|
43
43
|
"@atlaskit/teams-app-internal-analytics": "^2.4.0",
|
|
44
|
-
"@atlaskit/teams-app-internal-navigation": "^3.
|
|
44
|
+
"@atlaskit/teams-app-internal-navigation": "^3.1.0",
|
|
45
45
|
"@atlaskit/teams-app-internal-product-permissions": "^2.2.0",
|
|
46
|
-
"@atlaskit/teams-client": "^6.
|
|
46
|
+
"@atlaskit/teams-client": "^6.2.0",
|
|
47
47
|
"@atlaskit/tile": "^5.0.0",
|
|
48
48
|
"@atlaskit/tokens": "^20.4.0",
|
|
49
49
|
"@atlaskit/tooltip": "^24.4.0",
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"react-intl": "^7.0.0"
|
|
78
78
|
},
|
|
79
79
|
"name": "@atlaskit/teams-public",
|
|
80
|
-
"version": "3.
|
|
80
|
+
"version": "3.4.0",
|
|
81
81
|
"description": "Public components related to teams",
|
|
82
82
|
"author": "Atlassian Pty Ltd",
|
|
83
83
|
"license": "Apache-2.0",
|
|
@@ -92,9 +92,6 @@
|
|
|
92
92
|
"migrate-product-permissions": {
|
|
93
93
|
"type": "boolean"
|
|
94
94
|
},
|
|
95
|
-
"enable_multi_team_containers_state": {
|
|
96
|
-
"type": "boolean"
|
|
97
|
-
},
|
|
98
95
|
"space-team_linking_invites_fg": {
|
|
99
96
|
"type": "boolean"
|
|
100
97
|
},
|