@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 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), [teamContainer])
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)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
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: "_2rkoiti9 _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _d0altlke",
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
- onAddAContainerClick = _ref.onAddAContainerClick,
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-fit, minmax(300px, 1fr))",
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, {
@@ -81,7 +81,7 @@ const actions = {
81
81
  return;
82
82
  }
83
83
  setState({
84
- teamContainers: [...teamContainers, teamContainer]
84
+ teamContainers: [teamContainer, ...teamContainers]
85
85
  });
86
86
  }
87
87
  };
@@ -1,5 +1,6 @@
1
1
 
2
- ._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
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: "_2rkoiti9 _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _d0altlke",
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-fit, minmax(300px, 1fr))",
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), [teamContainer])
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)}._12jimuej{outline-color:var(--ds-border,#091e4224)}
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: "_2rkoiti9 _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _d0altlke",
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
- onAddAContainerClick = _ref.onAddAContainerClick,
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-fit, minmax(300px, 1fr))",
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>) => void;
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>) => void;
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.2.0",
41
+ "@atlaskit/modal-dialog": "^13.3.0",
42
42
  "@atlaskit/people-teams-ui-public": "^3.1.0",
43
- "@atlaskit/primitives": "^14.1.0",
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.14.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",