@atlaskit/focused-task-close-account 4.0.2 → 4.0.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 (10) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/components/DeleteUserOverviewScreen/DeleteUserOverviewScreen.js +3 -0
  3. package/dist/cjs/components/StatefulInlineDialog/StatefulInlineDialog.js +3 -1
  4. package/dist/es2019/components/DeleteUserOverviewScreen/DeleteUserOverviewScreen.js +3 -0
  5. package/dist/es2019/components/StatefulInlineDialog/StatefulInlineDialog.js +3 -1
  6. package/dist/esm/components/DeleteUserOverviewScreen/DeleteUserOverviewScreen.js +3 -0
  7. package/dist/esm/components/StatefulInlineDialog/StatefulInlineDialog.js +3 -1
  8. package/dist/types/components/StatefulInlineDialog/StatefulInlineDialog.d.ts +1 -0
  9. package/dist/types-ts4.5/components/StatefulInlineDialog/StatefulInlineDialog.d.ts +1 -0
  10. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/focused-task-close-account
2
2
 
3
+ ## 4.0.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`35359015f4b76`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/35359015f4b76) -
8
+ Fix accessibility violation: add aria-label to StatefulInlineDialog trigger button to ensure it
9
+ has a discernible name for screen readers
10
+
3
11
  ## 4.0.2
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/components/DeleteUserOverviewScreen/DeleteUserOverviewScreen.js CHANGED
@@ -77,6 +77,7 @@ var DeleteUserOverviewScreen = exports.DeleteUserOverviewScreen = /*#__PURE__*/f
77
77
  }
78
78
  })), /*#__PURE__*/_react.default.createElement(Styled.IconHoverWrapper, null, /*#__PURE__*/_react.default.createElement(_StatefulInlineDialog.default, {
79
79
  placement: "auto-start",
80
+ label: "More information",
80
81
  content: /*#__PURE__*/_react.default.createElement(Styled.InlineDialogContent, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _this.selectAdminOrSelfCopy(_messages.overviewMessages.inlineDialogDataWillBeDeletedP1Admin, _messages.overviewMessages.inlineDialogDataWillBeDeletedP1Self), {
81
82
  tagName: "p"
82
83
  })), /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, _this.selectAdminOrSelfCopy(_messages.overviewMessages.inlineDialogDataWillBeDeletedLi1Admin, _messages.overviewMessages.inlineDialogDataWillBeDeletedLi1Self), {
@@ -98,6 +99,7 @@ var DeleteUserOverviewScreen = exports.DeleteUserOverviewScreen = /*#__PURE__*/f
98
99
  (0, _defineProperty2.default)(_this, "displayThirdListElement", function () {
99
100
  return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _this.selectAdminOrSelfCopy((0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.overviewMessages.paragraphListOfAppsWithPersonalDataAdminAppify : _messages.overviewMessages.paragraphListOfAppsWithPersonalDataAdmin, (0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.overviewMessages.paragraphListOfAppsWithPersonalDataSelfAppify : _messages.overviewMessages.paragraphListOfAppsWithPersonalDataSelf)), /*#__PURE__*/_react.default.createElement(Styled.IconHoverWrapper, null, /*#__PURE__*/_react.default.createElement(_StatefulInlineDialog.default, {
100
101
  placement: "auto-start",
102
+ label: "More information",
101
103
  content: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _this.selectAdminOrSelfCopy((0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.overviewMessages.inlineDialogDataAppsAdminAppify : _messages.overviewMessages.inlineDialogDataAppsAdmin, (0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.overviewMessages.inlineDialogDataAppsSelfAppify : _messages.overviewMessages.inlineDialogDataAppsSelf))
102
104
  }, /*#__PURE__*/_react.default.createElement(_statusInformation.default, {
103
105
  color: "currentColor",
@@ -107,6 +109,7 @@ var DeleteUserOverviewScreen = exports.DeleteUserOverviewScreen = /*#__PURE__*/f
107
109
  (0, _defineProperty2.default)(_this, "displayFourthListElement", function () {
108
110
  return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _this.selectAdminOrSelfCopy(_messages.overviewMessages.paragraphContentCreatedAdmin, _messages.overviewMessages.paragraphContentCreatedSelf)), /*#__PURE__*/_react.default.createElement(Styled.IconHoverWrapper, null, /*#__PURE__*/_react.default.createElement(_StatefulInlineDialog.default, {
109
111
  placement: "auto-start",
112
+ label: "More information",
110
113
  content: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _this.selectAdminOrSelfCopy((0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.overviewMessages.inlineDialogContentCreatedAdminissuetermrefreshAppify : _messages.overviewMessages.inlineDialogContentCreatedAdminissuetermrefresh, (0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.overviewMessages.inlineDialogContentCreatedSelfAppify : _messages.overviewMessages.inlineDialogContentCreatedSelf))
111
114
  }, /*#__PURE__*/_react.default.createElement(_statusInformation.default, {
112
115
  color: "currentColor",
package/dist/cjs/components/StatefulInlineDialog/StatefulInlineDialog.js CHANGED
@@ -52,12 +52,14 @@ var StatefulInlineDialog = exports.StatefulInlineDialog = /*#__PURE__*/function
52
52
  var _this$props = this.props,
53
53
  children = _this$props.children,
54
54
  content = _this$props.content,
55
- placement = _this$props.placement;
55
+ placement = _this$props.placement,
56
+ label = _this$props.label;
56
57
  return /*#__PURE__*/_react.default.createElement(_inlineDialog.default, {
57
58
  content: content,
58
59
  placement: placement,
59
60
  isOpen: this.state.isOpen
60
61
  }, /*#__PURE__*/_react.default.createElement(_styled.TriggerButton, {
62
+ "aria-label": label,
61
63
  onMouseOver: this.handleMouseOver,
62
64
  onMouseOut: this.handleMouseOut,
63
65
  onFocus: this.openDialog,
package/dist/es2019/components/DeleteUserOverviewScreen/DeleteUserOverviewScreen.js CHANGED
@@ -52,6 +52,7 @@ export class DeleteUserOverviewScreen extends React.Component {
52
52
  }
53
53
  })), /*#__PURE__*/React.createElement(Styled.IconHoverWrapper, null, /*#__PURE__*/React.createElement(StatefulInlineDialog, {
54
54
  placement: "auto-start",
55
+ label: "More information",
55
56
  content: /*#__PURE__*/React.createElement(Styled.InlineDialogContent, null, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, this.selectAdminOrSelfCopy(overviewMessages.inlineDialogDataWillBeDeletedP1Admin, overviewMessages.inlineDialogDataWillBeDeletedP1Self), {
56
57
  tagName: "p"
57
58
  })), /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, this.selectAdminOrSelfCopy(overviewMessages.inlineDialogDataWillBeDeletedLi1Admin, overviewMessages.inlineDialogDataWillBeDeletedLi1Self), {
@@ -73,6 +74,7 @@ export class DeleteUserOverviewScreen extends React.Component {
73
74
  _defineProperty(this, "displayThirdListElement", () => {
74
75
  return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(FormattedMessage, this.selectAdminOrSelfCopy(fg('product-terminology-refresh') ? overviewMessages.paragraphListOfAppsWithPersonalDataAdminAppify : overviewMessages.paragraphListOfAppsWithPersonalDataAdmin, fg('product-terminology-refresh') ? overviewMessages.paragraphListOfAppsWithPersonalDataSelfAppify : overviewMessages.paragraphListOfAppsWithPersonalDataSelf)), /*#__PURE__*/React.createElement(Styled.IconHoverWrapper, null, /*#__PURE__*/React.createElement(StatefulInlineDialog, {
75
76
  placement: "auto-start",
77
+ label: "More information",
76
78
  content: /*#__PURE__*/React.createElement(FormattedMessage, this.selectAdminOrSelfCopy(fg('product-terminology-refresh') ? overviewMessages.inlineDialogDataAppsAdminAppify : overviewMessages.inlineDialogDataAppsAdmin, fg('product-terminology-refresh') ? overviewMessages.inlineDialogDataAppsSelfAppify : overviewMessages.inlineDialogDataAppsSelf))
77
79
  }, /*#__PURE__*/React.createElement(InfoIcon, {
78
80
  color: "currentColor",
@@ -82,6 +84,7 @@ export class DeleteUserOverviewScreen extends React.Component {
82
84
  _defineProperty(this, "displayFourthListElement", () => {
83
85
  return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(FormattedMessage, this.selectAdminOrSelfCopy(overviewMessages.paragraphContentCreatedAdmin, overviewMessages.paragraphContentCreatedSelf)), /*#__PURE__*/React.createElement(Styled.IconHoverWrapper, null, /*#__PURE__*/React.createElement(StatefulInlineDialog, {
84
86
  placement: "auto-start",
87
+ label: "More information",
85
88
  content: /*#__PURE__*/React.createElement(FormattedMessage, this.selectAdminOrSelfCopy(fg('product-terminology-refresh') ? overviewMessages.inlineDialogContentCreatedAdminissuetermrefreshAppify : overviewMessages.inlineDialogContentCreatedAdminissuetermrefresh, fg('product-terminology-refresh') ? overviewMessages.inlineDialogContentCreatedSelfAppify : overviewMessages.inlineDialogContentCreatedSelf))
86
89
  }, /*#__PURE__*/React.createElement(InfoIcon, {
87
90
  color: "currentColor",
package/dist/es2019/components/StatefulInlineDialog/StatefulInlineDialog.js CHANGED
@@ -29,13 +29,15 @@ export class StatefulInlineDialog extends React.Component {
29
29
  const {
30
30
  children,
31
31
  content,
32
- placement
32
+ placement,
33
+ label
33
34
  } = this.props;
34
35
  return /*#__PURE__*/React.createElement(InlineDialog, {
35
36
  content: content,
36
37
  placement: placement,
37
38
  isOpen: this.state.isOpen
38
39
  }, /*#__PURE__*/React.createElement(TriggerButton, {
40
+ "aria-label": label,
39
41
  onMouseOver: this.handleMouseOver,
40
42
  onMouseOut: this.handleMouseOut,
41
43
  onFocus: this.openDialog,
package/dist/esm/components/DeleteUserOverviewScreen/DeleteUserOverviewScreen.js CHANGED
@@ -69,6 +69,7 @@ export var DeleteUserOverviewScreen = /*#__PURE__*/function (_React$Component) {
69
69
  }
70
70
  })), /*#__PURE__*/React.createElement(Styled.IconHoverWrapper, null, /*#__PURE__*/React.createElement(StatefulInlineDialog, {
71
71
  placement: "auto-start",
72
+ label: "More information",
72
73
  content: /*#__PURE__*/React.createElement(Styled.InlineDialogContent, null, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, _this.selectAdminOrSelfCopy(overviewMessages.inlineDialogDataWillBeDeletedP1Admin, overviewMessages.inlineDialogDataWillBeDeletedP1Self), {
73
74
  tagName: "p"
74
75
  })), /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, _this.selectAdminOrSelfCopy(overviewMessages.inlineDialogDataWillBeDeletedLi1Admin, overviewMessages.inlineDialogDataWillBeDeletedLi1Self), {
@@ -90,6 +91,7 @@ export var DeleteUserOverviewScreen = /*#__PURE__*/function (_React$Component) {
90
91
  _defineProperty(_this, "displayThirdListElement", function () {
91
92
  return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(FormattedMessage, _this.selectAdminOrSelfCopy(fg('product-terminology-refresh') ? overviewMessages.paragraphListOfAppsWithPersonalDataAdminAppify : overviewMessages.paragraphListOfAppsWithPersonalDataAdmin, fg('product-terminology-refresh') ? overviewMessages.paragraphListOfAppsWithPersonalDataSelfAppify : overviewMessages.paragraphListOfAppsWithPersonalDataSelf)), /*#__PURE__*/React.createElement(Styled.IconHoverWrapper, null, /*#__PURE__*/React.createElement(StatefulInlineDialog, {
92
93
  placement: "auto-start",
94
+ label: "More information",
93
95
  content: /*#__PURE__*/React.createElement(FormattedMessage, _this.selectAdminOrSelfCopy(fg('product-terminology-refresh') ? overviewMessages.inlineDialogDataAppsAdminAppify : overviewMessages.inlineDialogDataAppsAdmin, fg('product-terminology-refresh') ? overviewMessages.inlineDialogDataAppsSelfAppify : overviewMessages.inlineDialogDataAppsSelf))
94
96
  }, /*#__PURE__*/React.createElement(InfoIcon, {
95
97
  color: "currentColor",
@@ -99,6 +101,7 @@ export var DeleteUserOverviewScreen = /*#__PURE__*/function (_React$Component) {
99
101
  _defineProperty(_this, "displayFourthListElement", function () {
100
102
  return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(FormattedMessage, _this.selectAdminOrSelfCopy(overviewMessages.paragraphContentCreatedAdmin, overviewMessages.paragraphContentCreatedSelf)), /*#__PURE__*/React.createElement(Styled.IconHoverWrapper, null, /*#__PURE__*/React.createElement(StatefulInlineDialog, {
101
103
  placement: "auto-start",
104
+ label: "More information",
102
105
  content: /*#__PURE__*/React.createElement(FormattedMessage, _this.selectAdminOrSelfCopy(fg('product-terminology-refresh') ? overviewMessages.inlineDialogContentCreatedAdminissuetermrefreshAppify : overviewMessages.inlineDialogContentCreatedAdminissuetermrefresh, fg('product-terminology-refresh') ? overviewMessages.inlineDialogContentCreatedSelfAppify : overviewMessages.inlineDialogContentCreatedSelf))
103
106
  }, /*#__PURE__*/React.createElement(InfoIcon, {
104
107
  color: "currentColor",
package/dist/esm/components/StatefulInlineDialog/StatefulInlineDialog.js CHANGED
@@ -45,12 +45,14 @@ export var StatefulInlineDialog = /*#__PURE__*/function (_React$Component) {
45
45
  var _this$props = this.props,
46
46
  children = _this$props.children,
47
47
  content = _this$props.content,
48
- placement = _this$props.placement;
48
+ placement = _this$props.placement,
49
+ label = _this$props.label;
49
50
  return /*#__PURE__*/React.createElement(InlineDialog, {
50
51
  content: content,
51
52
  placement: placement,
52
53
  isOpen: this.state.isOpen
53
54
  }, /*#__PURE__*/React.createElement(TriggerButton, {
55
+ "aria-label": label,
54
56
  onMouseOver: this.handleMouseOver,
55
57
  onMouseOut: this.handleMouseOut,
56
58
  onFocus: this.openDialog,
package/dist/types/components/StatefulInlineDialog/StatefulInlineDialog.d.ts CHANGED
@@ -4,6 +4,7 @@ interface Props {
4
4
  children: React.ReactNode;
5
5
  content: React.ReactNode;
6
6
  placement?: Placement;
7
+ label: string;
7
8
  }
8
9
  interface State {
9
10
  isOpen: boolean;
package/dist/types-ts4.5/components/StatefulInlineDialog/StatefulInlineDialog.d.ts CHANGED
@@ -4,6 +4,7 @@ interface Props {
4
4
  children: React.ReactNode;
5
5
  content: React.ReactNode;
6
6
  placement?: Placement;
7
+ label: string;
7
8
  }
8
9
  interface State {
9
10
  isOpen: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/focused-task-close-account",
3
- "version": "4.0.2",
3
+ "version": "4.0.3",
4
4
  "description": "This package contains all of the UI components needed to assemble the focused tasks for deactivating and deleting users' accounts in accordance with the GDPR \"Right to be forgotten\".",
5
5
  "deprecated": "⚠️ DEPRECATED: This package is marked for removal. Please avoid new usage.",
6
6
  "publishConfig": {