@atlaskit/teams-public 3.6.2 → 3.6.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.
Files changed (5) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/cjs/ui/team-containers/main.js +17 -2
  3. package/dist/es2019/ui/team-containers/main.js +18 -3
  4. package/dist/esm/ui/team-containers/main.js +18 -3
  5. package/package.json +5 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/teams-public
2
2
 
3
+ ## 3.6.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`bec63ed72168c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bec63ed72168c) -
8
+ [A11Y-34675] Add descriptive aria-label to Show more/less team links button behind feature gate
9
+ teams_a11y_20261019
10
+ - Updated dependencies
11
+
3
12
  ## 3.6.2
4
13
 
5
14
  ### Patch Changes
package/dist/cjs/ui/team-containers/main.js CHANGED
@@ -10,6 +10,7 @@ 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"));
13
14
  var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
14
15
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
15
16
  var _react = _interopRequireWildcard(require("react"));
@@ -59,6 +60,7 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
59
60
  maxNumberOfContainersToShow = _ref$maxNumberOfConta === void 0 ? MAX_NUMBER_OF_CONTAINERS_TO_SHOW : _ref$maxNumberOfConta,
60
61
  elemBeforeCards = _ref.elemBeforeCards,
61
62
  hideSubTextIcon = _ref.hideSubTextIcon;
63
+ var intl = (0, _reactIntl.useIntl)();
62
64
  var _useTeamContainers = (0, _useTeamContainers2.useTeamContainers)(teamId),
63
65
  unlinkError = _useTeamContainers.unlinkError;
64
66
  var _useTeamLinksAndConta = (0, _useTeamLinksAndContainers.useTeamLinksAndContainers)(teamId, true),
@@ -377,11 +379,14 @@ var TeamContainers = exports.TeamContainers = function TeamContainers(_ref) {
377
379
  tabIndex: index === 0 ? -1 : undefined
378
380
  }, card);
379
381
  }));
380
- }(), filteredTeamLinks.length > maxNumberOfContainersToShow && /*#__PURE__*/_react.default.createElement(_inline.Inline, null, /*#__PURE__*/_react.default.createElement(_button.default, {
382
+ }(), filteredTeamLinks.length > maxNumberOfContainersToShow && /*#__PURE__*/_react.default.createElement(_inline.Inline, null, /*#__PURE__*/_react.default.createElement(_button.default, (0, _extends2.default)({
381
383
  appearance: "subtle",
382
384
  spacing: "compact",
383
385
  onClick: handleShowMore
384
- }, showMore ? /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.showLess) : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.showMore)))), /*#__PURE__*/_react.default.createElement(_modalTransition.default, null, isDisconnectDialogOpen && selectedContainerDetails && /*#__PURE__*/_react.default.createElement(_async.DisconnectDialogLazy, {
386
+ }, (0, _fg.fg)('teams_a11y_20261019') && {
387
+ // Provide descriptive accessible name for screen readers
388
+ 'aria-label': showMore ? intl.formatMessage(messages.showLessAriaLabel) : intl.formatMessage(messages.showMoreAriaLabel)
389
+ }), showMore ? /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.showLess) : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.showMore)))), /*#__PURE__*/_react.default.createElement(_modalTransition.default, null, isDisconnectDialogOpen && selectedContainerDetails && /*#__PURE__*/_react.default.createElement(_async.DisconnectDialogLazy, {
385
390
  containerName: selectedContainerDetails.containerName,
386
391
  containerType: selectedContainerDetails.containerType,
387
392
  onClose: function onClose() {
@@ -402,5 +407,15 @@ var messages = (0, _reactIntl.defineMessages)({
402
407
  id: 'ptc-directory.team-profile-page.team-containers.show-less',
403
408
  defaultMessage: 'Show less',
404
409
  description: 'Button to show less containers'
410
+ },
411
+ showMoreAriaLabel: {
412
+ id: 'ptc-directory.team-profile-page.team-containers.show-more-aria-label',
413
+ defaultMessage: 'Show more team links',
414
+ description: 'Accessible label for the button to show more team links'
415
+ },
416
+ showLessAriaLabel: {
417
+ id: 'ptc-directory.team-profile-page.team-containers.show-less-aria-label',
418
+ defaultMessage: 'Show less team links',
419
+ description: 'Accessible label for the button to show less team links'
405
420
  }
406
421
  });
package/dist/es2019/ui/team-containers/main.js CHANGED
@@ -1,8 +1,9 @@
1
1
  /* main.tsx generated by @compiled/babel-plugin v3.0.2 */
2
+ import _extends from "@babel/runtime/helpers/extends";
2
3
  import "./main.compiled.css";
3
4
  import { ax, ix } from "@compiled/react/runtime";
4
5
  import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
5
- import { defineMessages, FormattedMessage } from 'react-intl';
6
+ import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
6
7
  import Button from '@atlaskit/button/default/button';
7
8
  import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
8
9
  import { fg } from '@atlaskit/platform-feature-flags/fg';
@@ -47,6 +48,7 @@ export const TeamContainers = ({
47
48
  elemBeforeCards,
48
49
  hideSubTextIcon
49
50
  }) => {
51
+ const intl = useIntl();
50
52
  const {
51
53
  unlinkError
52
54
  } = useTeamContainers(teamId);
@@ -312,11 +314,14 @@ export const TeamContainers = ({
312
314
  tabIndex: index === 0 ? -1 : undefined
313
315
  }, card);
314
316
  }));
315
- })(), filteredTeamLinks.length > maxNumberOfContainersToShow && /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement(Button, {
317
+ })(), filteredTeamLinks.length > maxNumberOfContainersToShow && /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement(Button, _extends({
316
318
  appearance: "subtle",
317
319
  spacing: "compact",
318
320
  onClick: handleShowMore
319
- }, showMore ? /*#__PURE__*/React.createElement(FormattedMessage, messages.showLess) : /*#__PURE__*/React.createElement(FormattedMessage, messages.showMore)))), /*#__PURE__*/React.createElement(ModalTransition, null, isDisconnectDialogOpen && selectedContainerDetails && /*#__PURE__*/React.createElement(DisconnectDialogLazy, {
321
+ }, fg('teams_a11y_20261019') && {
322
+ // Provide descriptive accessible name for screen readers
323
+ 'aria-label': showMore ? intl.formatMessage(messages.showLessAriaLabel) : intl.formatMessage(messages.showMoreAriaLabel)
324
+ }), showMore ? /*#__PURE__*/React.createElement(FormattedMessage, messages.showLess) : /*#__PURE__*/React.createElement(FormattedMessage, messages.showMore)))), /*#__PURE__*/React.createElement(ModalTransition, null, isDisconnectDialogOpen && selectedContainerDetails && /*#__PURE__*/React.createElement(DisconnectDialogLazy, {
320
325
  containerName: selectedContainerDetails.containerName,
321
326
  containerType: selectedContainerDetails.containerType,
322
327
  onClose: () => setIsDisconnectDialogOpen(false),
@@ -333,5 +338,15 @@ const messages = defineMessages({
333
338
  id: 'ptc-directory.team-profile-page.team-containers.show-less',
334
339
  defaultMessage: 'Show less',
335
340
  description: 'Button to show less containers'
341
+ },
342
+ showMoreAriaLabel: {
343
+ id: 'ptc-directory.team-profile-page.team-containers.show-more-aria-label',
344
+ defaultMessage: 'Show more team links',
345
+ description: 'Accessible label for the button to show more team links'
346
+ },
347
+ showLessAriaLabel: {
348
+ id: 'ptc-directory.team-profile-page.team-containers.show-less-aria-label',
349
+ defaultMessage: 'Show less team links',
350
+ description: 'Accessible label for the button to show less team links'
336
351
  }
337
352
  });
package/dist/esm/ui/team-containers/main.js CHANGED
@@ -1,11 +1,12 @@
1
1
  /* main.tsx generated by @compiled/babel-plugin v3.0.2 */
2
+ import _extends from "@babel/runtime/helpers/extends";
2
3
  import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
3
4
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
4
5
  import "./main.compiled.css";
5
6
  import { ax, ix } from "@compiled/react/runtime";
6
7
  import _regeneratorRuntime from "@babel/runtime/regenerator";
7
8
  import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
8
- import { defineMessages, FormattedMessage } from 'react-intl';
9
+ import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
9
10
  import Button from '@atlaskit/button/default/button';
10
11
  import ModalTransition from '@atlaskit/modal-dialog/modal-transition';
11
12
  import { fg } from '@atlaskit/platform-feature-flags/fg';
@@ -50,6 +51,7 @@ export var TeamContainers = function TeamContainers(_ref) {
50
51
  maxNumberOfContainersToShow = _ref$maxNumberOfConta === void 0 ? MAX_NUMBER_OF_CONTAINERS_TO_SHOW : _ref$maxNumberOfConta,
51
52
  elemBeforeCards = _ref.elemBeforeCards,
52
53
  hideSubTextIcon = _ref.hideSubTextIcon;
54
+ var intl = useIntl();
53
55
  var _useTeamContainers = useTeamContainers(teamId),
54
56
  unlinkError = _useTeamContainers.unlinkError;
55
57
  var _useTeamLinksAndConta = useTeamLinksAndContainers(teamId, true),
@@ -368,11 +370,14 @@ export var TeamContainers = function TeamContainers(_ref) {
368
370
  tabIndex: index === 0 ? -1 : undefined
369
371
  }, card);
370
372
  }));
371
- }(), filteredTeamLinks.length > maxNumberOfContainersToShow && /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement(Button, {
373
+ }(), filteredTeamLinks.length > maxNumberOfContainersToShow && /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement(Button, _extends({
372
374
  appearance: "subtle",
373
375
  spacing: "compact",
374
376
  onClick: handleShowMore
375
- }, showMore ? /*#__PURE__*/React.createElement(FormattedMessage, messages.showLess) : /*#__PURE__*/React.createElement(FormattedMessage, messages.showMore)))), /*#__PURE__*/React.createElement(ModalTransition, null, isDisconnectDialogOpen && selectedContainerDetails && /*#__PURE__*/React.createElement(DisconnectDialogLazy, {
377
+ }, fg('teams_a11y_20261019') && {
378
+ // Provide descriptive accessible name for screen readers
379
+ 'aria-label': showMore ? intl.formatMessage(messages.showLessAriaLabel) : intl.formatMessage(messages.showMoreAriaLabel)
380
+ }), showMore ? /*#__PURE__*/React.createElement(FormattedMessage, messages.showLess) : /*#__PURE__*/React.createElement(FormattedMessage, messages.showMore)))), /*#__PURE__*/React.createElement(ModalTransition, null, isDisconnectDialogOpen && selectedContainerDetails && /*#__PURE__*/React.createElement(DisconnectDialogLazy, {
376
381
  containerName: selectedContainerDetails.containerName,
377
382
  containerType: selectedContainerDetails.containerType,
378
383
  onClose: function onClose() {
@@ -393,5 +398,15 @@ var messages = defineMessages({
393
398
  id: 'ptc-directory.team-profile-page.team-containers.show-less',
394
399
  defaultMessage: 'Show less',
395
400
  description: 'Button to show less containers'
401
+ },
402
+ showMoreAriaLabel: {
403
+ id: 'ptc-directory.team-profile-page.team-containers.show-more-aria-label',
404
+ defaultMessage: 'Show more team links',
405
+ description: 'Accessible label for the button to show more team links'
406
+ },
407
+ showLessAriaLabel: {
408
+ id: 'ptc-directory.team-profile-page.team-containers.show-less-aria-label',
409
+ defaultMessage: 'Show less team links',
410
+ description: 'Accessible label for the button to show less team links'
396
411
  }
397
412
  });
package/package.json CHANGED
@@ -45,7 +45,7 @@
45
45
  "@atlaskit/teams-app-internal-product-permissions": "^2.2.0",
46
46
  "@atlaskit/teams-client": "^6.2.0",
47
47
  "@atlaskit/tile": "^5.0.0",
48
- "@atlaskit/tokens": "^20.7.0",
48
+ "@atlaskit/tokens": "^20.8.0",
49
49
  "@atlaskit/tooltip": "^24.4.0",
50
50
  "@babel/runtime": "^7.0.0",
51
51
  "@compiled/react": "^1.0.2",
@@ -77,7 +77,7 @@
77
77
  "react-intl": "^7.0.0"
78
78
  },
79
79
  "name": "@atlaskit/teams-public",
80
- "version": "3.6.2",
80
+ "version": "3.6.3",
81
81
  "description": "Public components related to teams",
82
82
  "author": "Atlassian Pty Ltd",
83
83
  "license": "Apache-2.0",
@@ -94,6 +94,9 @@
94
94
  },
95
95
  "workforce_optimization_team_modal_update": {
96
96
  "type": "boolean"
97
+ },
98
+ "teams_a11y_20261019": {
99
+ "type": "boolean"
97
100
  }
98
101
  }
99
102
  }