@atlaskit/teams-public 2.9.2 → 2.9.3
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 +9 -0
- package/dist/cjs/ui/team-containers/add-container-card/getAddContainerCards.js +2 -5
- package/dist/cjs/ui/team-containers/main.js +9 -13
- package/dist/es2019/ui/team-containers/add-container-card/getAddContainerCards.js +2 -5
- package/dist/es2019/ui/team-containers/main.js +9 -13
- package/dist/esm/ui/team-containers/add-container-card/getAddContainerCards.js +2 -5
- package/dist/esm/ui/team-containers/main.js +9 -13
- package/dist/types/ui/team-containers/add-container-card/getAddContainerCards.d.ts +1 -2
- package/package.json +1 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
# @atlaskit/teams-public
|
|
2
2
|
|
|
3
|
+
## 2.9.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`9a59eac015bf9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9a59eac015bf9) -
|
|
8
|
+
Cleanup feature gate `teams-a11y-34974-34752-34709`. Semantic description list (`dl`/`dt`/`dd`)
|
|
9
|
+
markup for team details fields and list semantics (`role="list"`/`role="listitem"`) for team
|
|
10
|
+
containers are now permanently enabled.
|
|
11
|
+
|
|
3
12
|
## 2.9.2
|
|
4
13
|
|
|
5
14
|
### Patch Changes
|
|
@@ -12,15 +12,12 @@ var getAddContainerCards = exports.getAddContainerCards = function getAddContain
|
|
|
12
12
|
var containers = _ref.containers,
|
|
13
13
|
_onAddAContainerClick = _ref.onAddAContainerClick,
|
|
14
14
|
CustomAddContainerCard = _ref.CustomAddContainerCard,
|
|
15
|
-
canCreateContainers = _ref.canCreateContainers
|
|
16
|
-
isTeamsA11yGateEnabled = _ref.isTeamsA11yGateEnabled;
|
|
15
|
+
canCreateContainers = _ref.canCreateContainers;
|
|
17
16
|
var AddContainerCardComponent = CustomAddContainerCard !== null && CustomAddContainerCard !== void 0 ? CustomAddContainerCard : _AddContainerCard.AddContainerCard;
|
|
18
17
|
var renderCard = function renderCard(key, card) {
|
|
19
|
-
return
|
|
18
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
20
19
|
key: key,
|
|
21
20
|
role: "listitem"
|
|
22
|
-
}, card) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
|
|
23
|
-
key: key
|
|
24
21
|
}, card);
|
|
25
22
|
};
|
|
26
23
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, containers.Jira.canAdd && renderCard('jira-add-container', /*#__PURE__*/_react.default.createElement(AddContainerCardComponent, {
|
|
@@ -10,7 +10,6 @@ exports.TeamContainers = exports.MAX_NUMBER_OF_CONTAINERS_TO_SHOW = exports.ICON
|
|
|
10
10
|
require("./main.compiled.css");
|
|
11
11
|
var _runtime = require("@compiled/react/runtime");
|
|
12
12
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
13
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
14
13
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
15
14
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
16
15
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -302,13 +301,11 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
|
|
|
302
301
|
space: "space.200"
|
|
303
302
|
}, function () {
|
|
304
303
|
var GridComponent = (components === null || components === void 0 ? void 0 : components.Grid) || _compiled.Grid;
|
|
305
|
-
|
|
306
|
-
return /*#__PURE__*/_react.default.createElement(GridComponent, (0, _extends2.default)({
|
|
304
|
+
return /*#__PURE__*/_react.default.createElement(GridComponent, {
|
|
307
305
|
xcss: gridStyles.templateColumns,
|
|
308
|
-
gap: isDisplayedOnProfileCard ? 'space.0' : 'space.100'
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
}), elemBeforeCards && function () {
|
|
306
|
+
gap: isDisplayedOnProfileCard ? 'space.0' : 'space.100',
|
|
307
|
+
role: "list"
|
|
308
|
+
}, elemBeforeCards && function () {
|
|
312
309
|
var ElemBeforeCards = elemBeforeCards;
|
|
313
310
|
return /*#__PURE__*/_react.default.createElement(ElemBeforeCards, null);
|
|
314
311
|
}(), filteredTeamLinks.slice(0, maxNumberOfContainersToShow).map(function (container) {
|
|
@@ -333,16 +330,15 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
|
|
|
333
330
|
return handleEditContainerClick(container);
|
|
334
331
|
}
|
|
335
332
|
});
|
|
336
|
-
return
|
|
333
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
337
334
|
key: container.id,
|
|
338
335
|
role: "listitem"
|
|
339
|
-
}, card)
|
|
336
|
+
}, card);
|
|
340
337
|
}), (0, _getAddContainerCards.getAddContainerCards)({
|
|
341
338
|
containers: availableContainers,
|
|
342
339
|
onAddAContainerClick: onAddAContainerClick,
|
|
343
340
|
CustomAddContainerCard: components === null || components === void 0 ? void 0 : components.AddContainerCard,
|
|
344
|
-
canCreateContainers: hasPermissionToCreateContainer
|
|
345
|
-
isTeamsA11yGateEnabled: isTeamsA11yGateEnabled
|
|
341
|
+
canCreateContainers: hasPermissionToCreateContainer
|
|
346
342
|
}), showMore && filteredTeamLinks.slice(maxNumberOfContainersToShow).map(function (container) {
|
|
347
343
|
var card = /*#__PURE__*/_react.default.createElement(LinkedContainerCardComponent, {
|
|
348
344
|
key: container.id,
|
|
@@ -365,10 +361,10 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
|
|
|
365
361
|
return handleEditContainerClick(container);
|
|
366
362
|
}
|
|
367
363
|
});
|
|
368
|
-
return
|
|
364
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
369
365
|
key: container.id,
|
|
370
366
|
role: "listitem"
|
|
371
|
-
}, card)
|
|
367
|
+
}, card);
|
|
372
368
|
}));
|
|
373
369
|
}(), filteredTeamLinks.length > maxNumberOfContainersToShow && /*#__PURE__*/_react.default.createElement(_compiled.Inline, null, /*#__PURE__*/_react.default.createElement(_button.default, {
|
|
374
370
|
appearance: "subtle",
|
|
@@ -5,16 +5,13 @@ export const getAddContainerCards = ({
|
|
|
5
5
|
containers,
|
|
6
6
|
onAddAContainerClick,
|
|
7
7
|
CustomAddContainerCard,
|
|
8
|
-
canCreateContainers
|
|
9
|
-
isTeamsA11yGateEnabled
|
|
8
|
+
canCreateContainers
|
|
10
9
|
}) => {
|
|
11
10
|
const AddContainerCardComponent = CustomAddContainerCard !== null && CustomAddContainerCard !== void 0 ? CustomAddContainerCard : AddContainerCard;
|
|
12
11
|
const renderCard = (key, card) => {
|
|
13
|
-
return
|
|
12
|
+
return /*#__PURE__*/React.createElement(Box, {
|
|
14
13
|
key: key,
|
|
15
14
|
role: "listitem"
|
|
16
|
-
}, card) : /*#__PURE__*/React.createElement(React.Fragment, {
|
|
17
|
-
key: key
|
|
18
15
|
}, card);
|
|
19
16
|
};
|
|
20
17
|
return /*#__PURE__*/React.createElement(React.Fragment, null, containers.Jira.canAdd && renderCard('jira-add-container', /*#__PURE__*/React.createElement(AddContainerCardComponent, {
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
/* main.tsx generated by @compiled/babel-plugin v2.0.0 */
|
|
2
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
3
2
|
import "./main.compiled.css";
|
|
4
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
4
|
import React, { useCallback, useEffect, useMemo, useState } from 'react';
|
|
@@ -245,13 +244,11 @@ export const TeamContainers = ({
|
|
|
245
244
|
space: "space.200"
|
|
246
245
|
}, (() => {
|
|
247
246
|
const GridComponent = (components === null || components === void 0 ? void 0 : components.Grid) || Grid;
|
|
248
|
-
|
|
249
|
-
return /*#__PURE__*/React.createElement(GridComponent, _extends({
|
|
247
|
+
return /*#__PURE__*/React.createElement(GridComponent, {
|
|
250
248
|
xcss: gridStyles.templateColumns,
|
|
251
|
-
gap: isDisplayedOnProfileCard ? 'space.0' : 'space.100'
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
}), elemBeforeCards && (() => {
|
|
249
|
+
gap: isDisplayedOnProfileCard ? 'space.0' : 'space.100',
|
|
250
|
+
role: "list"
|
|
251
|
+
}, elemBeforeCards && (() => {
|
|
255
252
|
const ElemBeforeCards = elemBeforeCards;
|
|
256
253
|
return /*#__PURE__*/React.createElement(ElemBeforeCards, null);
|
|
257
254
|
})(), filteredTeamLinks.slice(0, maxNumberOfContainersToShow).map(container => {
|
|
@@ -272,16 +269,15 @@ export const TeamContainers = ({
|
|
|
272
269
|
}),
|
|
273
270
|
onEditLinkClick: () => handleEditContainerClick(container)
|
|
274
271
|
});
|
|
275
|
-
return
|
|
272
|
+
return /*#__PURE__*/React.createElement(Box, {
|
|
276
273
|
key: container.id,
|
|
277
274
|
role: "listitem"
|
|
278
|
-
}, card)
|
|
275
|
+
}, card);
|
|
279
276
|
}), getAddContainerCards({
|
|
280
277
|
containers: availableContainers,
|
|
281
278
|
onAddAContainerClick: onAddAContainerClick,
|
|
282
279
|
CustomAddContainerCard: components === null || components === void 0 ? void 0 : components.AddContainerCard,
|
|
283
|
-
canCreateContainers: hasPermissionToCreateContainer
|
|
284
|
-
isTeamsA11yGateEnabled
|
|
280
|
+
canCreateContainers: hasPermissionToCreateContainer
|
|
285
281
|
}), showMore && filteredTeamLinks.slice(maxNumberOfContainersToShow).map(container => {
|
|
286
282
|
const card = /*#__PURE__*/React.createElement(LinkedContainerCardComponent, {
|
|
287
283
|
key: container.id,
|
|
@@ -300,10 +296,10 @@ export const TeamContainers = ({
|
|
|
300
296
|
}),
|
|
301
297
|
onEditLinkClick: () => handleEditContainerClick(container)
|
|
302
298
|
});
|
|
303
|
-
return
|
|
299
|
+
return /*#__PURE__*/React.createElement(Box, {
|
|
304
300
|
key: container.id,
|
|
305
301
|
role: "listitem"
|
|
306
|
-
}, card)
|
|
302
|
+
}, card);
|
|
307
303
|
}));
|
|
308
304
|
})(), filteredTeamLinks.length > maxNumberOfContainersToShow && /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement(Button, {
|
|
309
305
|
appearance: "subtle",
|
|
@@ -5,15 +5,12 @@ export var getAddContainerCards = function getAddContainerCards(_ref) {
|
|
|
5
5
|
var containers = _ref.containers,
|
|
6
6
|
_onAddAContainerClick = _ref.onAddAContainerClick,
|
|
7
7
|
CustomAddContainerCard = _ref.CustomAddContainerCard,
|
|
8
|
-
canCreateContainers = _ref.canCreateContainers
|
|
9
|
-
isTeamsA11yGateEnabled = _ref.isTeamsA11yGateEnabled;
|
|
8
|
+
canCreateContainers = _ref.canCreateContainers;
|
|
10
9
|
var AddContainerCardComponent = CustomAddContainerCard !== null && CustomAddContainerCard !== void 0 ? CustomAddContainerCard : AddContainerCard;
|
|
11
10
|
var renderCard = function renderCard(key, card) {
|
|
12
|
-
return
|
|
11
|
+
return /*#__PURE__*/React.createElement(Box, {
|
|
13
12
|
key: key,
|
|
14
13
|
role: "listitem"
|
|
15
|
-
}, card) : /*#__PURE__*/React.createElement(React.Fragment, {
|
|
16
|
-
key: key
|
|
17
14
|
}, card);
|
|
18
15
|
};
|
|
19
16
|
return /*#__PURE__*/React.createElement(React.Fragment, null, containers.Jira.canAdd && renderCard('jira-add-container', /*#__PURE__*/React.createElement(AddContainerCardComponent, {
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
/* main.tsx generated by @compiled/babel-plugin v2.0.0 */
|
|
2
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
3
2
|
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
4
3
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
5
4
|
import "./main.compiled.css";
|
|
@@ -293,13 +292,11 @@ export var TeamContainers = function TeamContainers(_ref) {
|
|
|
293
292
|
space: "space.200"
|
|
294
293
|
}, function () {
|
|
295
294
|
var GridComponent = (components === null || components === void 0 ? void 0 : components.Grid) || Grid;
|
|
296
|
-
|
|
297
|
-
return /*#__PURE__*/React.createElement(GridComponent, _extends({
|
|
295
|
+
return /*#__PURE__*/React.createElement(GridComponent, {
|
|
298
296
|
xcss: gridStyles.templateColumns,
|
|
299
|
-
gap: isDisplayedOnProfileCard ? 'space.0' : 'space.100'
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
}), elemBeforeCards && function () {
|
|
297
|
+
gap: isDisplayedOnProfileCard ? 'space.0' : 'space.100',
|
|
298
|
+
role: "list"
|
|
299
|
+
}, elemBeforeCards && function () {
|
|
303
300
|
var ElemBeforeCards = elemBeforeCards;
|
|
304
301
|
return /*#__PURE__*/React.createElement(ElemBeforeCards, null);
|
|
305
302
|
}(), filteredTeamLinks.slice(0, maxNumberOfContainersToShow).map(function (container) {
|
|
@@ -324,16 +321,15 @@ export var TeamContainers = function TeamContainers(_ref) {
|
|
|
324
321
|
return handleEditContainerClick(container);
|
|
325
322
|
}
|
|
326
323
|
});
|
|
327
|
-
return
|
|
324
|
+
return /*#__PURE__*/React.createElement(Box, {
|
|
328
325
|
key: container.id,
|
|
329
326
|
role: "listitem"
|
|
330
|
-
}, card)
|
|
327
|
+
}, card);
|
|
331
328
|
}), getAddContainerCards({
|
|
332
329
|
containers: availableContainers,
|
|
333
330
|
onAddAContainerClick: onAddAContainerClick,
|
|
334
331
|
CustomAddContainerCard: components === null || components === void 0 ? void 0 : components.AddContainerCard,
|
|
335
|
-
canCreateContainers: hasPermissionToCreateContainer
|
|
336
|
-
isTeamsA11yGateEnabled: isTeamsA11yGateEnabled
|
|
332
|
+
canCreateContainers: hasPermissionToCreateContainer
|
|
337
333
|
}), showMore && filteredTeamLinks.slice(maxNumberOfContainersToShow).map(function (container) {
|
|
338
334
|
var card = /*#__PURE__*/React.createElement(LinkedContainerCardComponent, {
|
|
339
335
|
key: container.id,
|
|
@@ -356,10 +352,10 @@ export var TeamContainers = function TeamContainers(_ref) {
|
|
|
356
352
|
return handleEditContainerClick(container);
|
|
357
353
|
}
|
|
358
354
|
});
|
|
359
|
-
return
|
|
355
|
+
return /*#__PURE__*/React.createElement(Box, {
|
|
360
356
|
key: container.id,
|
|
361
357
|
role: "listitem"
|
|
362
|
-
}, card)
|
|
358
|
+
}, card);
|
|
363
359
|
}));
|
|
364
360
|
}(), filteredTeamLinks.length > maxNumberOfContainersToShow && /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement(Button, {
|
|
365
361
|
appearance: "subtle",
|
|
@@ -14,7 +14,6 @@ type GetAddContainerCardsProps = {
|
|
|
14
14
|
onAddAContainerClick: (e: React.MouseEvent<HTMLButtonElement>, containerType: 'Confluence' | 'Jira' | 'Loom' | 'WebLink') => void;
|
|
15
15
|
CustomAddContainerCard?: React.ComponentType<AddContainerCardProps>;
|
|
16
16
|
canCreateContainers?: boolean;
|
|
17
|
-
isTeamsA11yGateEnabled?: boolean;
|
|
18
17
|
};
|
|
19
|
-
export declare const getAddContainerCards: ({ containers, onAddAContainerClick, CustomAddContainerCard, canCreateContainers,
|
|
18
|
+
export declare const getAddContainerCards: ({ containers, onAddAContainerClick, CustomAddContainerCard, canCreateContainers, }: GetAddContainerCardsProps) => React.JSX.Element;
|
|
20
19
|
export {};
|
package/package.json
CHANGED
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"react-intl": "^7.0.0"
|
|
78
78
|
},
|
|
79
79
|
"name": "@atlaskit/teams-public",
|
|
80
|
-
"version": "2.9.
|
|
80
|
+
"version": "2.9.3",
|
|
81
81
|
"description": "Public components related to teams",
|
|
82
82
|
"author": "Atlassian Pty Ltd",
|
|
83
83
|
"license": "Apache-2.0",
|
|
@@ -109,9 +109,6 @@
|
|
|
109
109
|
},
|
|
110
110
|
"enable_teams_t26_design_drop_core_experiences": {
|
|
111
111
|
"type": "boolean"
|
|
112
|
-
},
|
|
113
|
-
"teams-a11y-34974-34752-34709": {
|
|
114
|
-
"type": "boolean"
|
|
115
112
|
}
|
|
116
113
|
}
|
|
117
114
|
}
|