@atlaskit/teams-public 0.14.0 → 0.15.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 +12 -0
- package/dist/cjs/controllers/hooks/use-team-containers/index.js +1 -1
- package/dist/cjs/ui/team-containers/add-container-card/index.compiled.css +2 -1
- package/dist/cjs/ui/team-containers/add-container-card/index.js +1 -1
- package/dist/cjs/ui/team-containers/main.js +8 -4
- package/dist/es2019/controllers/hooks/use-team-containers/index.js +1 -1
- package/dist/es2019/ui/team-containers/add-container-card/index.compiled.css +2 -1
- package/dist/es2019/ui/team-containers/add-container-card/index.js +1 -1
- package/dist/es2019/ui/team-containers/main.js +3 -3
- package/dist/esm/controllers/hooks/use-team-containers/index.js +1 -1
- package/dist/esm/ui/team-containers/add-container-card/index.compiled.css +2 -1
- package/dist/esm/ui/team-containers/add-container-card/index.js +1 -1
- package/dist/esm/ui/team-containers/main.js +8 -4
- package/dist/types/ui/team-containers/types.d.ts +1 -1
- package/dist/types-ts4.5/ui/team-containers/types.d.ts +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/teams-public
|
|
2
2
|
|
|
3
|
+
## 0.15.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#129350](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/129350)
|
|
8
|
+
[`7dad66c8004d7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7dad66c8004d7) -
|
|
9
|
+
[ux] Select correct tab when user clicks on add container card
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
3
15
|
## 0.14.0
|
|
4
16
|
|
|
5
17
|
### Minor Changes
|
|
@@ -143,7 +143,7 @@ var actions = {
|
|
|
143
143
|
return _context3.abrupt("return");
|
|
144
144
|
case 5:
|
|
145
145
|
setState({
|
|
146
|
-
teamContainers: [].concat((0, _toConsumableArray2.default)(teamContainers)
|
|
146
|
+
teamContainers: [teamContainer].concat((0, _toConsumableArray2.default)(teamContainers))
|
|
147
147
|
});
|
|
148
148
|
case 6:
|
|
149
149
|
case "end":
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
|
|
2
|
-
._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
|
|
2
|
+
._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
|
|
3
|
+
._2rkoop52{border-radius:var(--ds-border-radius-100,8px)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
|
|
3
4
|
._12y3e4h9{outline-width:var(--ds-border-width,1px)}
|
|
4
5
|
._19bvutpp{padding-left:var(--ds-space-150,9pt)}
|
|
5
6
|
._1bsb1osq{width:100%}
|
|
@@ -19,7 +19,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
|
19
19
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
20
20
|
var styles = {
|
|
21
21
|
card: "_4cvr1h6o _1bsb1osq",
|
|
22
|
-
container: "
|
|
22
|
+
container: "_2rkoop52 _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _d0altlke",
|
|
23
23
|
iconWrapper: "_2rkoiti9 _12y3e4h9 _12jimuej _1qu2gq9o _syaz131l _4cvxmuej _ksodnqa1"
|
|
24
24
|
};
|
|
25
25
|
var AddContainerCardWrapper = function AddContainerCardWrapper(_ref) {
|
|
@@ -32,7 +32,7 @@ var ICON_COLOR = exports.ICON_COLOR = "var(--ds-icon-subtle, ".concat(_colors.N9
|
|
|
32
32
|
var MAX_NUMBER_OF_CONTAINERS_TO_SHOW = exports.MAX_NUMBER_OF_CONTAINERS_TO_SHOW = 4;
|
|
33
33
|
var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
|
|
34
34
|
var teamId = _ref.teamId,
|
|
35
|
-
|
|
35
|
+
_onAddAContainerClick = _ref.onAddAContainerClick,
|
|
36
36
|
components = _ref.components,
|
|
37
37
|
userId = _ref.userId,
|
|
38
38
|
cloudId = _ref.cloudId;
|
|
@@ -157,7 +157,7 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
|
|
|
157
157
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
|
|
158
158
|
space: "space.200"
|
|
159
159
|
}, /*#__PURE__*/_react.default.createElement(_primitives.Grid, {
|
|
160
|
-
templateColumns: "repeat(auto-
|
|
160
|
+
templateColumns: "repeat(auto-fill, minmax(300px, 1fr))",
|
|
161
161
|
gap: "space.100"
|
|
162
162
|
}, teamContainers.slice(0, MAX_NUMBER_OF_CONTAINERS_TO_SHOW).map(function (container) {
|
|
163
163
|
return /*#__PURE__*/_react.default.createElement(LinkedContainerCardComponent, {
|
|
@@ -175,10 +175,14 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
|
|
|
175
175
|
}
|
|
176
176
|
});
|
|
177
177
|
}), showAddJiraContainer && /*#__PURE__*/_react.default.createElement(_addContainerCard.AddContainerCard, {
|
|
178
|
-
onAddAContainerClick: onAddAContainerClick
|
|
178
|
+
onAddAContainerClick: function onAddAContainerClick(e) {
|
|
179
|
+
return _onAddAContainerClick(e, 'Jira');
|
|
180
|
+
},
|
|
179
181
|
containerType: "JiraProject"
|
|
180
182
|
}), showAddConfluenceContainer && /*#__PURE__*/_react.default.createElement(_addContainerCard.AddContainerCard, {
|
|
181
|
-
onAddAContainerClick: onAddAContainerClick
|
|
183
|
+
onAddAContainerClick: function onAddAContainerClick(e) {
|
|
184
|
+
return _onAddAContainerClick(e, 'Confluence');
|
|
185
|
+
},
|
|
182
186
|
containerType: "ConfluenceSpace"
|
|
183
187
|
}), showMore && teamContainers.slice(MAX_NUMBER_OF_CONTAINERS_TO_SHOW).map(function (container) {
|
|
184
188
|
return /*#__PURE__*/_react.default.createElement(LinkedContainerCardComponent, {
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
|
|
2
|
-
._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
|
|
2
|
+
._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
|
|
3
|
+
._2rkoop52{border-radius:var(--ds-border-radius-100,8px)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
|
|
3
4
|
._12y3e4h9{outline-width:var(--ds-border-width,1px)}
|
|
4
5
|
._19bvutpp{padding-left:var(--ds-space-150,9pt)}
|
|
5
6
|
._1bsb1osq{width:100%}
|
|
@@ -8,7 +8,7 @@ import { Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
|
|
|
8
8
|
import { getContainerProperties } from '../../../common/utils/get-container-properties';
|
|
9
9
|
const styles = {
|
|
10
10
|
card: "_4cvr1h6o _1bsb1osq",
|
|
11
|
-
container: "
|
|
11
|
+
container: "_2rkoop52 _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _d0altlke",
|
|
12
12
|
iconWrapper: "_2rkoiti9 _12y3e4h9 _12jimuej _1qu2gq9o _syaz131l _4cvxmuej _ksodnqa1"
|
|
13
13
|
};
|
|
14
14
|
const AddContainerCardWrapper = ({
|
|
@@ -109,7 +109,7 @@ export const TeamContainers = ({
|
|
|
109
109
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Stack, {
|
|
110
110
|
space: "space.200"
|
|
111
111
|
}, /*#__PURE__*/React.createElement(Grid, {
|
|
112
|
-
templateColumns: "repeat(auto-
|
|
112
|
+
templateColumns: "repeat(auto-fill, minmax(300px, 1fr))",
|
|
113
113
|
gap: "space.100"
|
|
114
114
|
}, teamContainers.slice(0, MAX_NUMBER_OF_CONTAINERS_TO_SHOW).map(container => {
|
|
115
115
|
return /*#__PURE__*/React.createElement(LinkedContainerCardComponent, {
|
|
@@ -125,10 +125,10 @@ export const TeamContainers = ({
|
|
|
125
125
|
})
|
|
126
126
|
});
|
|
127
127
|
}), showAddJiraContainer && /*#__PURE__*/React.createElement(AddContainerCard, {
|
|
128
|
-
onAddAContainerClick: onAddAContainerClick,
|
|
128
|
+
onAddAContainerClick: e => onAddAContainerClick(e, 'Jira'),
|
|
129
129
|
containerType: "JiraProject"
|
|
130
130
|
}), showAddConfluenceContainer && /*#__PURE__*/React.createElement(AddContainerCard, {
|
|
131
|
-
onAddAContainerClick: onAddAContainerClick,
|
|
131
|
+
onAddAContainerClick: e => onAddAContainerClick(e, 'Confluence'),
|
|
132
132
|
containerType: "ConfluenceSpace"
|
|
133
133
|
}), showMore && teamContainers.slice(MAX_NUMBER_OF_CONTAINERS_TO_SHOW).map(container => {
|
|
134
134
|
return /*#__PURE__*/React.createElement(LinkedContainerCardComponent, {
|
|
@@ -136,7 +136,7 @@ var actions = {
|
|
|
136
136
|
return _context3.abrupt("return");
|
|
137
137
|
case 5:
|
|
138
138
|
setState({
|
|
139
|
-
teamContainers: [].concat(_toConsumableArray(teamContainers)
|
|
139
|
+
teamContainers: [teamContainer].concat(_toConsumableArray(teamContainers))
|
|
140
140
|
});
|
|
141
141
|
case 6:
|
|
142
142
|
case "end":
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
|
|
2
|
-
._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
|
|
2
|
+
._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
|
|
3
|
+
._2rkoop52{border-radius:var(--ds-border-radius-100,8px)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
|
|
3
4
|
._12y3e4h9{outline-width:var(--ds-border-width,1px)}
|
|
4
5
|
._19bvutpp{padding-left:var(--ds-space-150,9pt)}
|
|
5
6
|
._1bsb1osq{width:100%}
|
|
@@ -9,7 +9,7 @@ import { Box, Flex, Inline, Stack, Text } from '@atlaskit/primitives/compiled';
|
|
|
9
9
|
import { getContainerProperties } from '../../../common/utils/get-container-properties';
|
|
10
10
|
var styles = {
|
|
11
11
|
card: "_4cvr1h6o _1bsb1osq",
|
|
12
|
-
container: "
|
|
12
|
+
container: "_2rkoop52 _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _d0altlke",
|
|
13
13
|
iconWrapper: "_2rkoiti9 _12y3e4h9 _12jimuej _1qu2gq9o _syaz131l _4cvxmuej _ksodnqa1"
|
|
14
14
|
};
|
|
15
15
|
var AddContainerCardWrapper = function AddContainerCardWrapper(_ref) {
|
|
@@ -22,7 +22,7 @@ export var ICON_COLOR = "var(--ds-icon-subtle, ".concat(N90, ")");
|
|
|
22
22
|
export var MAX_NUMBER_OF_CONTAINERS_TO_SHOW = 4;
|
|
23
23
|
export var TeamContainers = function TeamContainers(_ref) {
|
|
24
24
|
var teamId = _ref.teamId,
|
|
25
|
-
|
|
25
|
+
_onAddAContainerClick = _ref.onAddAContainerClick,
|
|
26
26
|
components = _ref.components,
|
|
27
27
|
userId = _ref.userId,
|
|
28
28
|
cloudId = _ref.cloudId;
|
|
@@ -147,7 +147,7 @@ export var TeamContainers = function TeamContainers(_ref) {
|
|
|
147
147
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Stack, {
|
|
148
148
|
space: "space.200"
|
|
149
149
|
}, /*#__PURE__*/React.createElement(Grid, {
|
|
150
|
-
templateColumns: "repeat(auto-
|
|
150
|
+
templateColumns: "repeat(auto-fill, minmax(300px, 1fr))",
|
|
151
151
|
gap: "space.100"
|
|
152
152
|
}, teamContainers.slice(0, MAX_NUMBER_OF_CONTAINERS_TO_SHOW).map(function (container) {
|
|
153
153
|
return /*#__PURE__*/React.createElement(LinkedContainerCardComponent, {
|
|
@@ -165,10 +165,14 @@ export var TeamContainers = function TeamContainers(_ref) {
|
|
|
165
165
|
}
|
|
166
166
|
});
|
|
167
167
|
}), showAddJiraContainer && /*#__PURE__*/React.createElement(AddContainerCard, {
|
|
168
|
-
onAddAContainerClick: onAddAContainerClick
|
|
168
|
+
onAddAContainerClick: function onAddAContainerClick(e) {
|
|
169
|
+
return _onAddAContainerClick(e, 'Jira');
|
|
170
|
+
},
|
|
169
171
|
containerType: "JiraProject"
|
|
170
172
|
}), showAddConfluenceContainer && /*#__PURE__*/React.createElement(AddContainerCard, {
|
|
171
|
-
onAddAContainerClick: onAddAContainerClick
|
|
173
|
+
onAddAContainerClick: function onAddAContainerClick(e) {
|
|
174
|
+
return _onAddAContainerClick(e, 'Confluence');
|
|
175
|
+
},
|
|
172
176
|
containerType: "ConfluenceSpace"
|
|
173
177
|
}), showMore && teamContainers.slice(MAX_NUMBER_OF_CONTAINERS_TO_SHOW).map(function (container) {
|
|
174
178
|
return /*#__PURE__*/React.createElement(LinkedContainerCardComponent, {
|
|
@@ -8,7 +8,7 @@ export interface TeamContainerProps {
|
|
|
8
8
|
/**
|
|
9
9
|
* The function to call when the add a container button is clicked
|
|
10
10
|
*/
|
|
11
|
-
onAddAContainerClick: (e: React.MouseEvent<HTMLButtonElement
|
|
11
|
+
onAddAContainerClick: (e: React.MouseEvent<HTMLButtonElement>, containerType: 'Confluence' | 'Jira') => void;
|
|
12
12
|
/**
|
|
13
13
|
* The component to replace current components
|
|
14
14
|
*/
|
|
@@ -8,7 +8,7 @@ export interface TeamContainerProps {
|
|
|
8
8
|
/**
|
|
9
9
|
* The function to call when the add a container button is clicked
|
|
10
10
|
*/
|
|
11
|
-
onAddAContainerClick: (e: React.MouseEvent<HTMLButtonElement
|
|
11
|
+
onAddAContainerClick: (e: React.MouseEvent<HTMLButtonElement>, containerType: 'Confluence' | 'Jira') => void;
|
|
12
12
|
/**
|
|
13
13
|
* The component to replace current components
|
|
14
14
|
*/
|
package/package.json
CHANGED
|
@@ -38,9 +38,9 @@
|
|
|
38
38
|
"@atlaskit/image": "^2.0.0",
|
|
39
39
|
"@atlaskit/link": "^3.0.0",
|
|
40
40
|
"@atlaskit/logo": "^16.0.0",
|
|
41
|
-
"@atlaskit/modal-dialog": "^13.
|
|
41
|
+
"@atlaskit/modal-dialog": "^13.3.0",
|
|
42
42
|
"@atlaskit/people-teams-ui-public": "^3.1.0",
|
|
43
|
-
"@atlaskit/primitives": "^14.
|
|
43
|
+
"@atlaskit/primitives": "^14.2.0",
|
|
44
44
|
"@atlaskit/theme": "^18.0.0",
|
|
45
45
|
"@atlaskit/tokens": "^4.5.0",
|
|
46
46
|
"@atlaskit/tooltip": "^20.0.0",
|
|
@@ -106,7 +106,7 @@
|
|
|
106
106
|
}
|
|
107
107
|
},
|
|
108
108
|
"name": "@atlaskit/teams-public",
|
|
109
|
-
"version": "0.
|
|
109
|
+
"version": "0.15.0",
|
|
110
110
|
"description": "Public components related to teams",
|
|
111
111
|
"author": "Atlassian Pty Ltd",
|
|
112
112
|
"license": "Apache-2.0",
|