@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
|
@@ -14,7 +14,11 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
14
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
15
|
var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
|
|
16
16
|
var _add = _interopRequireDefault(require("@atlaskit/icon/core/add"));
|
|
17
|
-
var
|
|
17
|
+
var _box = require("@atlaskit/primitives/compiled/box");
|
|
18
|
+
var _flex = require("@atlaskit/primitives/compiled/flex");
|
|
19
|
+
var _inline = require("@atlaskit/primitives/compiled/inline");
|
|
20
|
+
var _stack = require("@atlaskit/primitives/compiled/stack");
|
|
21
|
+
var _text = require("@atlaskit/primitives/compiled/text");
|
|
18
22
|
var _linkedContainerCardSkeleton = require("../../../common/ui/team-containers-skeleton/linked-container-card-skeleton");
|
|
19
23
|
var _getContainerProperties = require("../../../common/utils/get-container-properties");
|
|
20
24
|
var _addContainerCardButton = require("./add-container-card-button");
|
|
@@ -37,7 +41,7 @@ var AddContainerCardWrapper = function AddContainerCardWrapper(_ref) {
|
|
|
37
41
|
var handleMouseLeave = function handleMouseLeave() {
|
|
38
42
|
return setHovered(false);
|
|
39
43
|
};
|
|
40
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
44
|
+
return /*#__PURE__*/_react.default.createElement(_box.Box, {
|
|
41
45
|
backgroundColor: hovered ? 'elevation.surface.hovered' : 'elevation.surface.sunken',
|
|
42
46
|
xcss: styles.container,
|
|
43
47
|
onMouseEnter: handleMouseEnter,
|
|
@@ -71,10 +75,10 @@ var AddContainerCard = exports.AddContainerCard = function AddContainerCard(_ref
|
|
|
71
75
|
}
|
|
72
76
|
return /*#__PURE__*/_react.default.createElement(AddContainerCardWrapper, {
|
|
73
77
|
onClick: onAddAContainerClick
|
|
74
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
78
|
+
}, /*#__PURE__*/_react.default.createElement(_inline.Inline, {
|
|
75
79
|
space: "space.100",
|
|
76
80
|
xcss: styles.card
|
|
77
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
81
|
+
}, /*#__PURE__*/_react.default.createElement(_box.Box, {
|
|
78
82
|
xcss: styles.iconWrapper
|
|
79
83
|
}, /*#__PURE__*/_react.default.createElement(_button.default, {
|
|
80
84
|
label: "Add a container",
|
|
@@ -91,16 +95,16 @@ var AddContainerCard = exports.AddContainerCard = function AddContainerCard(_ref
|
|
|
91
95
|
}
|
|
92
96
|
})), canCreateContainers ? /*#__PURE__*/_react.default.createElement(_addContainerCardButton.AddContainerCardButton, {
|
|
93
97
|
type: containerType
|
|
94
|
-
}) : /*#__PURE__*/_react.default.createElement(
|
|
98
|
+
}) : /*#__PURE__*/_react.default.createElement(_stack.Stack, {
|
|
95
99
|
space: "space.025"
|
|
96
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
100
|
+
}, /*#__PURE__*/_react.default.createElement(_text.Text, {
|
|
97
101
|
maxLines: 1,
|
|
98
102
|
weight: "medium",
|
|
99
103
|
color: "color.text"
|
|
100
|
-
}, title), /*#__PURE__*/_react.default.createElement(
|
|
104
|
+
}, title), /*#__PURE__*/_react.default.createElement(_flex.Flex, {
|
|
101
105
|
gap: "space.050",
|
|
102
106
|
alignItems: "center"
|
|
103
|
-
}, icon, /*#__PURE__*/_react.default.createElement(
|
|
107
|
+
}, icon, /*#__PURE__*/_react.default.createElement(_text.Text, {
|
|
104
108
|
size: "small",
|
|
105
109
|
color: "color.text.subtle"
|
|
106
110
|
}, description)))));
|
|
@@ -7,20 +7,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.AddContainerCardButton = AddContainerCardButton;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _reactIntl = require("react-intl");
|
|
10
|
-
var
|
|
10
|
+
var _flex = require("@atlaskit/primitives/compiled/flex");
|
|
11
|
+
var _stack = require("@atlaskit/primitives/compiled/stack");
|
|
12
|
+
var _text = require("@atlaskit/primitives/compiled/text");
|
|
11
13
|
function AddContainerCardButton(_ref) {
|
|
12
14
|
var type = _ref.type;
|
|
13
15
|
var _getContainerProperti = getContainerProperties(type),
|
|
14
16
|
title = _getContainerProperti.title,
|
|
15
17
|
description = _getContainerProperti.description;
|
|
16
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
18
|
+
return /*#__PURE__*/_react.default.createElement(_stack.Stack, null, /*#__PURE__*/_react.default.createElement(_text.Text, {
|
|
17
19
|
maxLines: 1,
|
|
18
20
|
weight: "medium",
|
|
19
21
|
color: "color.text"
|
|
20
|
-
}, title), /*#__PURE__*/_react.default.createElement(
|
|
22
|
+
}, title), /*#__PURE__*/_react.default.createElement(_flex.Flex, {
|
|
21
23
|
gap: "space.050",
|
|
22
24
|
alignItems: "center"
|
|
23
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
25
|
+
}, /*#__PURE__*/_react.default.createElement(_text.Text, {
|
|
24
26
|
size: "small",
|
|
25
27
|
color: "color.text.subtle"
|
|
26
28
|
}, description)));
|
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.getAddContainerCards = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var
|
|
9
|
+
var _box = require("@atlaskit/primitives/compiled/box");
|
|
10
10
|
var _AddContainerCard = require("./AddContainerCard");
|
|
11
11
|
var getAddContainerCards = exports.getAddContainerCards = function getAddContainerCards(_ref) {
|
|
12
12
|
var containers = _ref.containers,
|
|
@@ -15,7 +15,7 @@ var getAddContainerCards = exports.getAddContainerCards = function getAddContain
|
|
|
15
15
|
canCreateContainers = _ref.canCreateContainers;
|
|
16
16
|
var AddContainerCardComponent = CustomAddContainerCard !== null && CustomAddContainerCard !== void 0 ? CustomAddContainerCard : _AddContainerCard.AddContainerCard;
|
|
17
17
|
var renderCard = function renderCard(key, card) {
|
|
18
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
18
|
+
return /*#__PURE__*/_react.default.createElement(_box.Box, {
|
|
19
19
|
key: key,
|
|
20
20
|
role: "listitem"
|
|
21
21
|
}, card);
|
|
@@ -18,7 +18,9 @@ var _modalFooter = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-
|
|
|
18
18
|
var _modalHeader = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-header"));
|
|
19
19
|
var _modalTitle = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-title"));
|
|
20
20
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
21
|
-
var
|
|
21
|
+
var _box = require("@atlaskit/primitives/compiled/box");
|
|
22
|
+
var _stack = require("@atlaskit/primitives/compiled/stack");
|
|
23
|
+
var _text = require("@atlaskit/primitives/compiled/text");
|
|
22
24
|
var messages = exports.messages = (0, _reactIntl.defineMessages)({
|
|
23
25
|
disconnectDialogTitle: {
|
|
24
26
|
id: 'ptc-directory.team-profile-page.team-containers.disconnect-dialog.title',
|
|
@@ -95,11 +97,11 @@ var DisconnectDialog = exports.DisconnectDialog = function DisconnectDialog(_ref
|
|
|
95
97
|
hasCloseButton: true
|
|
96
98
|
}, /*#__PURE__*/_react.default.createElement(_modalTitle.default, {
|
|
97
99
|
appearance: "warning"
|
|
98
|
-
}, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.disconnectDialogTitle))), /*#__PURE__*/_react.default.createElement(_modalBody.default, null, /*#__PURE__*/_react.default.createElement(
|
|
100
|
+
}, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.disconnectDialogTitle))), /*#__PURE__*/_react.default.createElement(_modalBody.default, null, /*#__PURE__*/_react.default.createElement(_stack.Stack, {
|
|
99
101
|
space: "space.150"
|
|
100
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
102
|
+
}, /*#__PURE__*/_react.default.createElement(_box.Box, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, messages.disconnectDialogDescription, {
|
|
101
103
|
values: {
|
|
102
|
-
containerName: /*#__PURE__*/_react.default.createElement(
|
|
104
|
+
containerName: /*#__PURE__*/_react.default.createElement(_text.Text, {
|
|
103
105
|
weight: "semibold"
|
|
104
106
|
}, containerName),
|
|
105
107
|
containerType: containerType
|
|
@@ -17,7 +17,10 @@ var _reactIntl = require("react-intl");
|
|
|
17
17
|
var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
|
|
18
18
|
var _modalTransition = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-transition"));
|
|
19
19
|
var _fg = require("@atlaskit/platform-feature-flags/fg");
|
|
20
|
-
var
|
|
20
|
+
var _box = require("@atlaskit/primitives/compiled/box");
|
|
21
|
+
var _grid = require("@atlaskit/primitives/compiled/grid");
|
|
22
|
+
var _inline = require("@atlaskit/primitives/compiled/inline");
|
|
23
|
+
var _stack = require("@atlaskit/primitives/compiled/stack");
|
|
21
24
|
var _useAnalyticsEvents2 = require("@atlaskit/teams-app-internal-analytics/use-analytics-events");
|
|
22
25
|
var _main = require("@atlaskit/teams-app-internal-product-permissions/main");
|
|
23
26
|
var _utils = require("@atlaskit/teams-app-internal-product-permissions/utils");
|
|
@@ -305,10 +308,10 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
|
|
|
305
308
|
return /*#__PURE__*/_react.default.createElement(_noProductAccessEmptyState.NoProductAccessState, null);
|
|
306
309
|
}
|
|
307
310
|
}
|
|
308
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(
|
|
311
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_stack.Stack, {
|
|
309
312
|
space: "space.200"
|
|
310
313
|
}, function () {
|
|
311
|
-
var GridComponent = (components === null || components === void 0 ? void 0 : components.Grid) ||
|
|
314
|
+
var GridComponent = (components === null || components === void 0 ? void 0 : components.Grid) || _grid.Grid;
|
|
312
315
|
return /*#__PURE__*/_react.default.createElement(GridComponent, {
|
|
313
316
|
xcss: gridStyles.templateColumns,
|
|
314
317
|
gap: isDisplayedOnProfileCard ? 'space.0' : 'space.100',
|
|
@@ -338,7 +341,7 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
|
|
|
338
341
|
return handleEditContainerClick(container);
|
|
339
342
|
}
|
|
340
343
|
});
|
|
341
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
344
|
+
return /*#__PURE__*/_react.default.createElement(_box.Box, {
|
|
342
345
|
key: container.id,
|
|
343
346
|
role: "listitem"
|
|
344
347
|
}, card);
|
|
@@ -369,14 +372,14 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
|
|
|
369
372
|
return handleEditContainerClick(container);
|
|
370
373
|
}
|
|
371
374
|
});
|
|
372
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
375
|
+
return /*#__PURE__*/_react.default.createElement(_box.Box, {
|
|
373
376
|
key: container.id,
|
|
374
377
|
role: "listitem",
|
|
375
378
|
ref: index === 0 ? firstShowMoreItemRef : undefined,
|
|
376
379
|
tabIndex: index === 0 && (0, _fg.fg)('teams_a11y_20261005') ? -1 : undefined
|
|
377
380
|
}, card);
|
|
378
381
|
}));
|
|
379
|
-
}(), filteredTeamLinks.length > maxNumberOfContainersToShow && /*#__PURE__*/_react.default.createElement(
|
|
382
|
+
}(), filteredTeamLinks.length > maxNumberOfContainersToShow && /*#__PURE__*/_react.default.createElement(_inline.Inline, null, /*#__PURE__*/_react.default.createElement(_button.default, {
|
|
380
383
|
appearance: "subtle",
|
|
381
384
|
spacing: "compact",
|
|
382
385
|
onClick: handleShowMore
|
|
@@ -11,20 +11,22 @@ var _runtime = require("@compiled/react/runtime");
|
|
|
11
11
|
var _react = _interopRequireDefault(require("react"));
|
|
12
12
|
var _reactIntl = require("react-intl");
|
|
13
13
|
var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
|
|
14
|
-
var
|
|
14
|
+
var _box = require("@atlaskit/primitives/compiled/box");
|
|
15
|
+
var _inline = require("@atlaskit/primitives/compiled/inline");
|
|
16
|
+
var _stack = require("@atlaskit/primitives/compiled/stack");
|
|
15
17
|
var _noProductAccessIcon = require("./no-product-access-icon");
|
|
16
18
|
var styles = {
|
|
17
19
|
emptyStateContainer: "_2rko12b0 _189ee4h9 _1h6d1l7x _18zrpxbi _1rjcpxbi _12y3e4h9 _12ji1l7x _1qu2nqa1"
|
|
18
20
|
};
|
|
19
21
|
var NoProductAccessState = exports.NoProductAccessState = function NoProductAccessState() {
|
|
20
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
22
|
+
return /*#__PURE__*/_react.default.createElement(_stack.Stack, {
|
|
21
23
|
space: "space.100",
|
|
22
24
|
xcss: styles.emptyStateContainer,
|
|
23
25
|
testId: "team-containers-no-product-access-state"
|
|
24
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
26
|
+
}, /*#__PURE__*/_react.default.createElement(_inline.Inline, {
|
|
25
27
|
alignBlock: "center",
|
|
26
28
|
space: "space.200"
|
|
27
|
-
}, /*#__PURE__*/_react.default.createElement(_noProductAccessIcon.NoProductAccessIcon, null), /*#__PURE__*/_react.default.createElement(
|
|
29
|
+
}, /*#__PURE__*/_react.default.createElement(_noProductAccessIcon.NoProductAccessIcon, null), /*#__PURE__*/_react.default.createElement(_box.Box, null, /*#__PURE__*/_react.default.createElement(_stack.Stack, {
|
|
28
30
|
space: "space.200"
|
|
29
31
|
}, /*#__PURE__*/_react.default.createElement(_heading.default, {
|
|
30
32
|
size: "small"
|
package/dist/cjs/ui/team-containers/no-product-access-empty-state/no-product-access-icon/index.js
CHANGED
|
@@ -10,13 +10,13 @@ require("./index.compiled.css");
|
|
|
10
10
|
var _runtime = require("@compiled/react/runtime");
|
|
11
11
|
var _react = _interopRequireDefault(require("react"));
|
|
12
12
|
var _image = _interopRequireDefault(require("@atlaskit/image"));
|
|
13
|
-
var
|
|
13
|
+
var _box = require("@atlaskit/primitives/compiled/box");
|
|
14
14
|
var _NoProductAccess = _interopRequireDefault(require("../../../../common/assets/NoProductAccess.svg"));
|
|
15
15
|
var styles = {
|
|
16
16
|
icon: "_1ul9ys9h _p12fys9h"
|
|
17
17
|
};
|
|
18
18
|
function NoProductAccessIcon() {
|
|
19
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
19
|
+
return /*#__PURE__*/_react.default.createElement(_box.Box, {
|
|
20
20
|
xcss: styles.icon
|
|
21
21
|
}, /*#__PURE__*/_react.default.createElement(_image.default, {
|
|
22
22
|
src: _NoProductAccess.default,
|
|
@@ -15,7 +15,12 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
15
15
|
var _reactIntl = require("react-intl");
|
|
16
16
|
var _css = require("@atlaskit/css");
|
|
17
17
|
var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
|
|
18
|
-
var
|
|
18
|
+
var _anchor = require("@atlaskit/primitives/compiled/anchor");
|
|
19
|
+
var _box = require("@atlaskit/primitives/compiled/box");
|
|
20
|
+
var _flex = require("@atlaskit/primitives/compiled/flex");
|
|
21
|
+
var _inline = require("@atlaskit/primitives/compiled/inline");
|
|
22
|
+
var _stack = require("@atlaskit/primitives/compiled/stack");
|
|
23
|
+
var _text = require("@atlaskit/primitives/compiled/text");
|
|
19
24
|
var _useAnalyticsEvents2 = require("@atlaskit/teams-app-internal-analytics/use-analytics-events");
|
|
20
25
|
var _containerIcon = require("../../../common/ui/container-icon");
|
|
21
26
|
var _separator = require("../../../common/ui/separator");
|
|
@@ -35,10 +40,10 @@ var styles = {
|
|
|
35
40
|
externalLinkIconWrapper: "_1e0c1txw _4cvr1h6o _1bahesu3 _18u0u2gc"
|
|
36
41
|
};
|
|
37
42
|
var renderContainerTypeTextWithSeparator = function renderContainerTypeTextWithSeparator(containerTypeText, description) {
|
|
38
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, containerTypeText && /*#__PURE__*/_react.default.createElement(
|
|
43
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, containerTypeText && /*#__PURE__*/_react.default.createElement(_text.Text, {
|
|
39
44
|
size: "small",
|
|
40
45
|
color: "color.text.subtle"
|
|
41
|
-
}, containerTypeText), containerTypeText && description && /*#__PURE__*/_react.default.createElement(_separator.Separator, null), description && /*#__PURE__*/_react.default.createElement(
|
|
46
|
+
}, containerTypeText), containerTypeText && description && /*#__PURE__*/_react.default.createElement(_separator.Separator, null), description && /*#__PURE__*/_react.default.createElement(_text.Text, {
|
|
42
47
|
size: "small",
|
|
43
48
|
color: "color.text.subtle"
|
|
44
49
|
}, description));
|
|
@@ -129,7 +134,7 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
|
|
|
129
134
|
window.open(link || '#', '_blank', 'noopener, noreferrer');
|
|
130
135
|
}
|
|
131
136
|
};
|
|
132
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
137
|
+
return /*#__PURE__*/_react.default.createElement(_box.Box, {
|
|
133
138
|
xcss: styles.container,
|
|
134
139
|
onMouseEnter: handleMouseEnter,
|
|
135
140
|
onMouseLeave: handleMouseLeave,
|
|
@@ -137,7 +142,7 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
|
|
|
137
142
|
onBlur: handleBlur,
|
|
138
143
|
onKeyDown: handleKeyDown,
|
|
139
144
|
testId: "team-link-card-inner"
|
|
140
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
145
|
+
}, /*#__PURE__*/_react.default.createElement(_inline.Inline, {
|
|
141
146
|
space: "space.150",
|
|
142
147
|
xcss: styles.card
|
|
143
148
|
}, /*#__PURE__*/_react.default.createElement(_containerIcon.ContainerIcon, {
|
|
@@ -145,25 +150,25 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
|
|
|
145
150
|
title: title,
|
|
146
151
|
containerIcon: containerIcon,
|
|
147
152
|
size: "medium"
|
|
148
|
-
}), /*#__PURE__*/_react.default.createElement(
|
|
153
|
+
}), /*#__PURE__*/_react.default.createElement(_anchor.Anchor, {
|
|
149
154
|
xcss: (0, _css.cx)(styles.anchor, styles.anchorNoUnderline, isOpenWebLinkInNewTabEnabled && styles.anchorWithExternalLinkIcon),
|
|
150
155
|
href: link || '#',
|
|
151
156
|
onClick: handleLinkClick,
|
|
152
157
|
testId: "team-link-card-linkable-content",
|
|
153
158
|
target: isOpenWebLinkInNewTabEnabled ? '_blank' : '_self'
|
|
154
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
159
|
+
}, /*#__PURE__*/_react.default.createElement(_stack.Stack, null, /*#__PURE__*/_react.default.createElement(_teamLinkCardTitle.TeamLinkCardTitle, {
|
|
155
160
|
isTeamLensInHomeEnabled: true,
|
|
156
161
|
isOpenWebLinkInNewTabEnabled: isOpenWebLinkInNewTabEnabled,
|
|
157
162
|
link: link || '#',
|
|
158
163
|
handleLinkClick: handleLinkClick,
|
|
159
164
|
title: title
|
|
160
|
-
}), /*#__PURE__*/_react.default.createElement(
|
|
165
|
+
}), /*#__PURE__*/_react.default.createElement(_flex.Flex, {
|
|
161
166
|
gap: "space.050",
|
|
162
167
|
alignItems: "center"
|
|
163
|
-
}, !hideSubTextIcon ? icon : null, /*#__PURE__*/_react.default.createElement(
|
|
168
|
+
}, !hideSubTextIcon ? icon : null, /*#__PURE__*/_react.default.createElement(_inline.Inline, {
|
|
164
169
|
space: "space.050",
|
|
165
170
|
alignBlock: "center"
|
|
166
|
-
}, renderContainerTypeTextWithSeparator(containerTypeText, description)))), isOpenWebLinkInNewTabEnabled && /*#__PURE__*/_react.default.createElement(
|
|
171
|
+
}, renderContainerTypeTextWithSeparator(containerTypeText, description)))), isOpenWebLinkInNewTabEnabled && /*#__PURE__*/_react.default.createElement(_box.Box, {
|
|
167
172
|
xcss: styles.externalLinkIconWrapper
|
|
168
173
|
}, /*#__PURE__*/_react.default.createElement(_linkExternal.default, {
|
|
169
174
|
label: formatMessage(messages.linkExternalIconLabel),
|
|
@@ -9,7 +9,8 @@ exports.TeamLinkCardTitle = void 0;
|
|
|
9
9
|
require("./team-link-card-title.compiled.css");
|
|
10
10
|
var _runtime = require("@compiled/react/runtime");
|
|
11
11
|
var _react = _interopRequireDefault(require("react"));
|
|
12
|
-
var
|
|
12
|
+
var _anchor = require("@atlaskit/primitives/compiled/anchor");
|
|
13
|
+
var _text = require("@atlaskit/primitives/compiled/text");
|
|
13
14
|
var styles = {
|
|
14
15
|
anchorWithUnderline: "_4bfu1r31 _1hmsglyw _ajmmnqa1 _9oik1r31 _1bnx8stv _jf4cnqa1 _30l3i7uo"
|
|
15
16
|
};
|
|
@@ -20,17 +21,17 @@ var TeamLinkCardTitle = exports.TeamLinkCardTitle = function TeamLinkCardTitle(_
|
|
|
20
21
|
link = _ref$link === void 0 ? '#' : _ref$link,
|
|
21
22
|
handleLinkClick = _ref.handleLinkClick,
|
|
22
23
|
title = _ref.title;
|
|
23
|
-
return isTeamLensInHomeEnabled ? /*#__PURE__*/_react.default.createElement(
|
|
24
|
+
return isTeamLensInHomeEnabled ? /*#__PURE__*/_react.default.createElement(_anchor.Anchor, {
|
|
24
25
|
xcss: styles.anchorWithUnderline,
|
|
25
26
|
href: link,
|
|
26
27
|
onClick: handleLinkClick,
|
|
27
28
|
testId: "team-link-card-linkable-content",
|
|
28
29
|
target: isOpenWebLinkInNewTabEnabled ? '_blank' : '_self'
|
|
29
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
30
|
+
}, /*#__PURE__*/_react.default.createElement(_text.Text, {
|
|
30
31
|
maxLines: 1,
|
|
31
32
|
weight: "medium",
|
|
32
33
|
color: "color.text"
|
|
33
|
-
}, title)) : /*#__PURE__*/_react.default.createElement(
|
|
34
|
+
}, title)) : /*#__PURE__*/_react.default.createElement(_text.Text, {
|
|
34
35
|
maxLines: 1,
|
|
35
36
|
weight: "medium",
|
|
36
37
|
color: "color.text"
|
|
@@ -7,7 +7,7 @@ import IconButton from '@atlaskit/button/icon/button';
|
|
|
7
7
|
import { cx } from '@atlaskit/css';
|
|
8
8
|
import LinkIcon from '@atlaskit/icon/core/link';
|
|
9
9
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
10
|
-
import { Box } from '@atlaskit/primitives/compiled';
|
|
10
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
11
11
|
import Tile from '@atlaskit/tile/tile';
|
|
12
12
|
import { LoomSpaceAvatar } from '../loom-avatar/main';
|
|
13
13
|
const styles = {
|
|
@@ -4,7 +4,7 @@ import * as React from 'react';
|
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
5
|
import { cx } from '@atlaskit/css';
|
|
6
6
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
7
|
-
import { Box } from '@atlaskit/primitives/compiled';
|
|
7
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
8
8
|
import Tile from '@atlaskit/tile/tile';
|
|
9
9
|
import { getAvatarText } from './getAvatarText';
|
|
10
10
|
import { pickContainerColor } from './pickContainerColor';
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
import "./index.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React from 'react';
|
|
5
|
-
import { Inline
|
|
5
|
+
import { Inline } from '@atlaskit/primitives/compiled/inline';
|
|
6
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
6
7
|
const styles = {
|
|
7
8
|
separator: "_t9ec18p1"
|
|
8
9
|
};
|
|
@@ -2,7 +2,9 @@
|
|
|
2
2
|
import "./index.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React from 'react';
|
|
5
|
-
import { Box
|
|
5
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
6
|
+
import { Grid } from '@atlaskit/primitives/compiled/grid';
|
|
7
|
+
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
6
8
|
import { LinkedContainerCardSkeleton } from './linked-container-card-skeleton';
|
|
7
9
|
const styles = {
|
|
8
10
|
containers: "_yv0ewxkt",
|
package/dist/es2019/common/ui/team-containers-skeleton/linked-container-card-skeleton/index.js
CHANGED
|
@@ -2,7 +2,11 @@
|
|
|
2
2
|
import "./index.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React from 'react';
|
|
5
|
-
import { Box
|
|
5
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
6
|
+
import { Flex } from '@atlaskit/primitives/compiled/flex';
|
|
7
|
+
import { Inline } from '@atlaskit/primitives/compiled/inline';
|
|
8
|
+
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
9
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
6
10
|
import { getContainerProperties } from '../../../../common/utils/get-container-properties';
|
|
7
11
|
const styles = {
|
|
8
12
|
container: "_2rko12b0 _1h6d8yml _12y3e4h9 _12ji1l7x _1qu2nqa1 _syazi7uo _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi",
|
|
@@ -11,7 +11,8 @@ import DropdownItem from '@atlaskit/dropdown-menu/dropdown-menu-item';
|
|
|
11
11
|
import DropdownItemGroup from '@atlaskit/dropdown-menu/dropdown-menu-item-group';
|
|
12
12
|
import CrossIcon from '@atlaskit/icon/core/cross';
|
|
13
13
|
import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
|
|
14
|
-
import {
|
|
14
|
+
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
15
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
15
16
|
import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics/use-analytics-events';
|
|
16
17
|
import Tooltip from '@atlaskit/tooltip/Tooltip';
|
|
17
18
|
const styles = {
|
|
@@ -55,15 +56,21 @@ export const TeamLinkCardActions = ({
|
|
|
55
56
|
const {
|
|
56
57
|
fireEvent
|
|
57
58
|
} = useAnalyticsEvents();
|
|
59
|
+
const dropdownTriggerElementRef = React.useRef(null);
|
|
60
|
+
const returnFocusToDropdownTrigger = () => {
|
|
61
|
+
var _dropdownTriggerEleme;
|
|
62
|
+
(_dropdownTriggerEleme = dropdownTriggerElementRef.current) === null || _dropdownTriggerEleme === void 0 ? void 0 : _dropdownTriggerEleme.focus();
|
|
63
|
+
};
|
|
58
64
|
|
|
59
65
|
// Show icons when:
|
|
60
66
|
// 1. Hovering over the card
|
|
61
67
|
// 2. Dropdown is open
|
|
62
68
|
// 3. Focused via keyboard navigation (when showKeyboardFocus is true)
|
|
63
|
-
const shouldShowIcon = hovered || isDropdownOpen || focused && showKeyboardFocus;
|
|
69
|
+
const shouldShowIcon = fg('teams_a11y_20261005') || hovered || isDropdownOpen || focused && showKeyboardFocus;
|
|
64
70
|
const handleDisconnectClick = e => {
|
|
65
71
|
e.preventDefault();
|
|
66
72
|
e.stopPropagation();
|
|
73
|
+
returnFocusToDropdownTrigger();
|
|
67
74
|
onDisconnectButtonClick();
|
|
68
75
|
fireEvent('ui.button.clicked.containerUnlinkButton', {
|
|
69
76
|
containerSelected: {
|
|
@@ -75,6 +82,7 @@ export const TeamLinkCardActions = ({
|
|
|
75
82
|
const handleEditLinkClick = e => {
|
|
76
83
|
e.preventDefault();
|
|
77
84
|
e.stopPropagation();
|
|
85
|
+
returnFocusToDropdownTrigger();
|
|
78
86
|
onEditLinkClick === null || onEditLinkClick === void 0 ? void 0 : onEditLinkClick();
|
|
79
87
|
fireEvent('ui.button.clicked.containerEditLinkButton', {
|
|
80
88
|
containerSelected: {
|
|
@@ -93,6 +101,11 @@ export const TeamLinkCardActions = ({
|
|
|
93
101
|
}) => /*#__PURE__*/React.createElement(IconButton, _extends({
|
|
94
102
|
ref: triggerRef
|
|
95
103
|
}, triggerProps, {
|
|
104
|
+
onClick: e => {
|
|
105
|
+
var _triggerProps$onClick;
|
|
106
|
+
dropdownTriggerElementRef.current = e.currentTarget;
|
|
107
|
+
(_triggerProps$onClick = triggerProps.onClick) === null || _triggerProps$onClick === void 0 ? void 0 : _triggerProps$onClick.call(triggerProps, e);
|
|
108
|
+
},
|
|
96
109
|
label: `more options for ${title}`,
|
|
97
110
|
appearance: "subtle",
|
|
98
111
|
icon: iconProps => /*#__PURE__*/React.createElement(ShowMoreHorizontalIcon, _extends({}, iconProps, {
|
|
@@ -8,7 +8,9 @@ import LinkIcon from '@atlaskit/icon/core/link';
|
|
|
8
8
|
import LinkExternalIcon from '@atlaskit/icon/core/link-external';
|
|
9
9
|
import Image from '@atlaskit/image';
|
|
10
10
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
11
|
-
import { Box
|
|
11
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
12
|
+
import { Flex } from '@atlaskit/primitives/compiled/flex';
|
|
13
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
12
14
|
import Tile from '@atlaskit/tile/tile';
|
|
13
15
|
import ConfluenceIcon from '../assets/ConfluenceIcon.svg';
|
|
14
16
|
import JiraIcon from '../assets/JiraIcon.svg';
|
|
@@ -1,20 +1,4 @@
|
|
|
1
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
2
|
-
import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics/use-analytics-events';
|
|
3
1
|
import { useConnectedTeams as useConnectedTeamsMulti } from './use-connected-teams-2';
|
|
4
|
-
import { useTeamContainersHook } from './use-team-containers-hook';
|
|
5
2
|
export const useConnectedTeams = teamId => {
|
|
6
|
-
|
|
7
|
-
const useMultiTeam = fg('enable_multi_team_containers_state');
|
|
8
|
-
const multiTeamResult = useConnectedTeamsMulti(useMultiTeam ? teamId || '' : '');
|
|
9
|
-
const {
|
|
10
|
-
fireEvent
|
|
11
|
-
} = useAnalyticsEvents();
|
|
12
|
-
if (useMultiTeam) {
|
|
13
|
-
return multiTeamResult;
|
|
14
|
-
}
|
|
15
|
-
return {
|
|
16
|
-
...state.connectedTeams,
|
|
17
|
-
fetchNumberOfConnectedTeams: containerId => actions.fetchNumberOfConnectedTeams(containerId, fireEvent),
|
|
18
|
-
fetchConnectedTeams: containerId => actions.fetchConnectedTeams(containerId, fireEvent)
|
|
19
|
-
};
|
|
3
|
+
return useConnectedTeamsMulti(teamId || '');
|
|
20
4
|
};
|
|
@@ -1,28 +1,4 @@
|
|
|
1
|
-
import { useCallback, useEffect } from 'react';
|
|
2
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
3
|
-
import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics/use-analytics-events';
|
|
4
1
|
import { useTeamContainers as useTeamContainersMulti } from './use-team-containers-2';
|
|
5
|
-
import { useTeamContainersHook } from './use-team-containers-hook';
|
|
6
2
|
export const useTeamContainers = (teamId, enable = true) => {
|
|
7
|
-
|
|
8
|
-
const useMultiTeam = fg('enable_multi_team_containers_state');
|
|
9
|
-
const multiTeamResult = useTeamContainersMulti(teamId, useMultiTeam ? enable : false);
|
|
10
|
-
const {
|
|
11
|
-
fireEvent
|
|
12
|
-
} = useAnalyticsEvents();
|
|
13
|
-
useEffect(() => {
|
|
14
|
-
if (enable && !useMultiTeam) {
|
|
15
|
-
actions.fetchTeamContainers(teamId, fireEvent);
|
|
16
|
-
}
|
|
17
|
-
}, [teamId, actions, enable, fireEvent, useMultiTeam]);
|
|
18
|
-
const refetchTeamContainers = useCallback(async () => actions.refetchTeamContainers(fireEvent), [actions, fireEvent]);
|
|
19
|
-
if (useMultiTeam) {
|
|
20
|
-
return multiTeamResult;
|
|
21
|
-
}
|
|
22
|
-
return {
|
|
23
|
-
...state,
|
|
24
|
-
addTeamContainer: actions.addTeamContainer,
|
|
25
|
-
unlinkTeamContainers: containerId => actions.unlinkTeamContainers(teamId, containerId),
|
|
26
|
-
refetchTeamContainers
|
|
27
|
-
};
|
|
3
|
+
return useTeamContainersMulti(teamId, enable);
|
|
28
4
|
};
|
|
@@ -1,15 +1,4 @@
|
|
|
1
|
-
import { createHook } from 'react-sweet-state';
|
|
2
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
3
1
|
import { useTeamWebLinksActions as useTeamWebLinksActionsMulti } from './multi-team';
|
|
4
|
-
import { TeamWebLinksStore } from './store';
|
|
5
|
-
const useTeamWebLinksActionsOriginal = createHook(TeamWebLinksStore, {
|
|
6
|
-
selector: null
|
|
7
|
-
});
|
|
8
2
|
export const useTeamWebLinksActions = () => {
|
|
9
|
-
|
|
10
|
-
const multiResult = useTeamWebLinksActionsMulti();
|
|
11
|
-
if (fg('enable_multi_team_containers_state')) {
|
|
12
|
-
return multiResult;
|
|
13
|
-
}
|
|
14
|
-
return originalResult;
|
|
3
|
+
return useTeamWebLinksActionsMulti();
|
|
15
4
|
};
|
|
@@ -1,13 +1,4 @@
|
|
|
1
|
-
import { createHook } from 'react-sweet-state';
|
|
2
|
-
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
3
1
|
import { useTeamWebLinks as useTeamWebLinksMulti } from './multi-team';
|
|
4
|
-
import { TeamWebLinksStore } from './store';
|
|
5
|
-
const useTeamWebLinksOriginal = createHook(TeamWebLinksStore);
|
|
6
2
|
export const useTeamWebLinks = teamId => {
|
|
7
|
-
|
|
8
|
-
const multiResult = useTeamWebLinksMulti(teamId || '');
|
|
9
|
-
if (fg('enable_multi_team_containers_state')) {
|
|
10
|
-
return multiResult;
|
|
11
|
-
}
|
|
12
|
-
return originalResult;
|
|
3
|
+
return useTeamWebLinksMulti(teamId || '');
|
|
13
4
|
};
|
|
@@ -2,7 +2,10 @@
|
|
|
2
2
|
import "./index.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React from 'react';
|
|
5
|
-
import { Box
|
|
5
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
6
|
+
import { Grid } from '@atlaskit/primitives/compiled/grid';
|
|
7
|
+
import { Inline } from '@atlaskit/primitives/compiled/inline';
|
|
8
|
+
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
6
9
|
import Skeleton from '@atlaskit/skeleton';
|
|
7
10
|
const styles = {
|
|
8
11
|
containerSkeleton: "_ca0qu2gc _n3tdu2gc _4cvr1h6o",
|
|
@@ -2,7 +2,10 @@
|
|
|
2
2
|
import "./index.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React from 'react';
|
|
5
|
-
import { Box
|
|
5
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
6
|
+
import { Inline } from '@atlaskit/primitives/compiled/inline';
|
|
7
|
+
import { Pressable } from '@atlaskit/primitives/compiled/pressable';
|
|
8
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
6
9
|
import { getContainerProperties } from '../../../../common/utils/get-container-properties';
|
|
7
10
|
import { TeamContainerSkeleton } from '../../../common/ui/team-container-skeleton';
|
|
8
11
|
const styles = {
|
|
@@ -2,7 +2,11 @@
|
|
|
2
2
|
import "./index.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { useState } from 'react';
|
|
5
|
-
import { Box
|
|
5
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
6
|
+
import { Flex } from '@atlaskit/primitives/compiled/flex';
|
|
7
|
+
import { Inline } from '@atlaskit/primitives/compiled/inline';
|
|
8
|
+
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
9
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
6
10
|
import { useAnalyticsEvents } from '@atlaskit/teams-app-internal-analytics/use-analytics-events';
|
|
7
11
|
import { TeamsAnchor } from '@atlaskit/teams-app-internal-navigation/teams-anchor';
|
|
8
12
|
import { ContainerIcon } from '../../../../common/ui/container-icon';
|
|
@@ -5,7 +5,11 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
5
5
|
import React, { useState } from 'react';
|
|
6
6
|
import IconButton from '@atlaskit/button/icon/button';
|
|
7
7
|
import AddIcon from '@atlaskit/icon/core/add';
|
|
8
|
-
import { Box
|
|
8
|
+
import { Box } from '@atlaskit/primitives/compiled/box';
|
|
9
|
+
import { Flex } from '@atlaskit/primitives/compiled/flex';
|
|
10
|
+
import { Inline } from '@atlaskit/primitives/compiled/inline';
|
|
11
|
+
import { Stack } from '@atlaskit/primitives/compiled/stack';
|
|
12
|
+
import { Text } from '@atlaskit/primitives/compiled/text';
|
|
9
13
|
import { LinkedContainerCardSkeleton } from '../../../common/ui/team-containers-skeleton/linked-container-card-skeleton';
|
|
10
14
|
import { getContainerProperties } from '../../../common/utils/get-container-properties';
|
|
11
15
|
import { AddContainerCardButton } from './add-container-card-button';
|
package/dist/es2019/ui/team-containers/add-container-card/add-container-card-button/index.js
CHANGED
|
@@ -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({
|
|
5
7
|
type
|
|
6
8
|
}) {
|