@atlaskit/feedback-collector 16.2.0 → 16.3.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.
Files changed (8) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/components/FeedbackCollector.js +1 -1
  3. package/dist/cjs/components/FeedbackForm.js +4 -4
  4. package/dist/es2019/components/FeedbackCollector.js +1 -1
  5. package/dist/es2019/components/FeedbackForm.js +5 -5
  6. package/dist/esm/components/FeedbackCollector.js +1 -1
  7. package/dist/esm/components/FeedbackForm.js +5 -5
  8. package/package.json +5 -13
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/feedback-collector
2
2
 
3
+ ## 16.3.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`c01a4725bff2a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c01a4725bff2a) -
8
+ Wrap atlaskit form ErrorMessage components with MessageWrapper so validation messages are
9
+ accessible to assistive technology (ENGHEALTH-58254)
10
+
3
11
  ## 16.2.0
4
12
 
5
13
  ### Minor Changes
package/dist/cjs/components/FeedbackCollector.js CHANGED
@@ -164,7 +164,7 @@ var FeedbackCollector = exports.default = /*#__PURE__*/function (_Component) {
164
164
  }, {
165
165
  key: "getPackageVersion",
166
166
  value: function getPackageVersion() {
167
- return "16.1.2" || 'Unknown, at least 11.0.0';
167
+ return "16.3.0" || 'Unknown, at least 11.0.0';
168
168
  }
169
169
  }, {
170
170
  key: "getEntitlementInformation",
package/dist/cjs/components/FeedbackForm.js CHANGED
@@ -245,7 +245,7 @@ var FeedbackForm = function FeedbackForm(_ref2) {
245
245
  placeholder: getDefaultPlaceholder(feedbackGroupLabels),
246
246
  inputId: id,
247
247
  isInvalid: !!error
248
- })), error && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, error));
248
+ })), /*#__PURE__*/_react.default.createElement(_form.MessageWrapper, null, error && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, error)));
249
249
  }) : null, showDefaultTextFields && canShowTextField && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_form.Field, {
250
250
  label: showTypeField ? getFieldLabels(feedbackGroupLabels)[type] : customTextAreaLabel || formatMessage(_messages.messages.defaultCustomTextAreaLabel),
251
251
  isRequired: true,
@@ -264,7 +264,7 @@ var FeedbackForm = function FeedbackForm(_ref2) {
264
264
  fieldProps.onChange(e.target.value);
265
265
  },
266
266
  value: description
267
- })), error && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, error));
267
+ })), /*#__PURE__*/_react.default.createElement(_form.MessageWrapper, null, error && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, error)));
268
268
  }), !anonymousFeedback && /*#__PURE__*/_react.default.createElement(_form.Fieldset, null, /*#__PURE__*/_react.default.createElement("legend", null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.optInOptionsLegend)), /*#__PURE__*/_react.default.createElement(_form.Field, {
269
269
  name: "can-be-contacted"
270
270
  }, function (_ref6) {
@@ -376,7 +376,7 @@ var FeedbackForm = function FeedbackForm(_ref2) {
376
376
  placeholder: getDefaultPlaceholder(feedbackGroupLabels),
377
377
  inputId: id,
378
378
  isInvalid: !!error
379
- })), error && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, error));
379
+ })), /*#__PURE__*/_react.default.createElement(_form.MessageWrapper, null, error && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, error)));
380
380
  }) : null, showDefaultTextFields && canShowTextField && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_form.Field, {
381
381
  label: showTypeField ? getFieldLabels(feedbackGroupLabels)[type] : customTextAreaLabel || formatMessage(_messages.messages.defaultCustomTextAreaLabel),
382
382
  isRequired: true,
@@ -395,7 +395,7 @@ var FeedbackForm = function FeedbackForm(_ref2) {
395
395
  fieldProps.onChange(e.target.value);
396
396
  },
397
397
  value: description
398
- })), error && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, error));
398
+ })), /*#__PURE__*/_react.default.createElement(_form.MessageWrapper, null, error && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, error)));
399
399
  }), !anonymousFeedback && /*#__PURE__*/_react.default.createElement(_form.Fieldset, null, /*#__PURE__*/_react.default.createElement("legend", null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.optInOptionsLegend)), /*#__PURE__*/_react.default.createElement(_form.Field, {
400
400
  name: "can-be-contacted"
401
401
  }, function (_ref10) {
package/dist/es2019/components/FeedbackCollector.js CHANGED
@@ -92,7 +92,7 @@ export default class FeedbackCollector extends Component {
92
92
  return FeedbackCollector.defaultProps.url;
93
93
  }
94
94
  getPackageVersion() {
95
- return "16.1.2" || 'Unknown, at least 11.0.0';
95
+ return "16.3.0" || 'Unknown, at least 11.0.0';
96
96
  }
97
97
  async getEntitlementInformation() {
98
98
  var _entitlementDetails, _entitlementDetails2, _productName, _entitlement, _productEntitlement;
package/dist/es2019/components/FeedbackForm.js CHANGED
@@ -3,7 +3,7 @@ import React, { useRef, useState } from 'react';
3
3
  import { FormattedMessage, useIntl } from 'react-intl';
4
4
  import Button from '@atlaskit/button/standard-button';
5
5
  import { Checkbox } from '@atlaskit/checkbox';
6
- import Form, { ErrorMessage, Field, Fieldset, RequiredAsterisk } from '@atlaskit/form';
6
+ import Form, { ErrorMessage, Field, Fieldset, MessageWrapper, RequiredAsterisk } from '@atlaskit/form';
7
7
  import Link from '@atlaskit/link';
8
8
  import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
9
9
  import { fg } from '@atlaskit/platform-feature-flags';
@@ -196,7 +196,7 @@ const FeedbackForm = ({
196
196
  placeholder: getDefaultPlaceholder(feedbackGroupLabels),
197
197
  inputId: id,
198
198
  isInvalid: !!error
199
- })), error && /*#__PURE__*/React.createElement(ErrorMessage, null, error));
199
+ })), /*#__PURE__*/React.createElement(MessageWrapper, null, error && /*#__PURE__*/React.createElement(ErrorMessage, null, error)));
200
200
  }) : null, showDefaultTextFields && canShowTextField && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Field, {
201
201
  label: showTypeField ? getFieldLabels(feedbackGroupLabels)[type] : customTextAreaLabel || formatMessage(messages.defaultCustomTextAreaLabel),
202
202
  isRequired: true,
@@ -215,7 +215,7 @@ const FeedbackForm = ({
215
215
  fieldProps.onChange(e.target.value);
216
216
  },
217
217
  value: description
218
- })), error && /*#__PURE__*/React.createElement(ErrorMessage, null, error))), !anonymousFeedback && /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement("legend", null, /*#__PURE__*/React.createElement(FormattedMessage, messages.optInOptionsLegend)), /*#__PURE__*/React.createElement(Field, {
218
+ })), /*#__PURE__*/React.createElement(MessageWrapper, null, error && /*#__PURE__*/React.createElement(ErrorMessage, null, error)))), !anonymousFeedback && /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement("legend", null, /*#__PURE__*/React.createElement(FormattedMessage, messages.optInOptionsLegend)), /*#__PURE__*/React.createElement(Field, {
219
219
  name: "can-be-contacted"
220
220
  }, ({
221
221
  fieldProps
@@ -306,7 +306,7 @@ const FeedbackForm = ({
306
306
  placeholder: getDefaultPlaceholder(feedbackGroupLabels),
307
307
  inputId: id,
308
308
  isInvalid: !!error
309
- })), error && /*#__PURE__*/React.createElement(ErrorMessage, null, error));
309
+ })), /*#__PURE__*/React.createElement(MessageWrapper, null, error && /*#__PURE__*/React.createElement(ErrorMessage, null, error)));
310
310
  }) : null, showDefaultTextFields && canShowTextField && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Field, {
311
311
  label: showTypeField ? getFieldLabels(feedbackGroupLabels)[type] : customTextAreaLabel || formatMessage(messages.defaultCustomTextAreaLabel),
312
312
  isRequired: true,
@@ -325,7 +325,7 @@ const FeedbackForm = ({
325
325
  fieldProps.onChange(e.target.value);
326
326
  },
327
327
  value: description
328
- })), error && /*#__PURE__*/React.createElement(ErrorMessage, null, error))), !anonymousFeedback && /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement("legend", null, /*#__PURE__*/React.createElement(FormattedMessage, messages.optInOptionsLegend)), /*#__PURE__*/React.createElement(Field, {
328
+ })), /*#__PURE__*/React.createElement(MessageWrapper, null, error && /*#__PURE__*/React.createElement(ErrorMessage, null, error)))), !anonymousFeedback && /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement("legend", null, /*#__PURE__*/React.createElement(FormattedMessage, messages.optInOptionsLegend)), /*#__PURE__*/React.createElement(Field, {
329
329
  name: "can-be-contacted"
330
330
  }, ({
331
331
  fieldProps
package/dist/esm/components/FeedbackCollector.js CHANGED
@@ -155,7 +155,7 @@ var FeedbackCollector = /*#__PURE__*/function (_Component) {
155
155
  }, {
156
156
  key: "getPackageVersion",
157
157
  value: function getPackageVersion() {
158
- return "16.1.2" || 'Unknown, at least 11.0.0';
158
+ return "16.3.0" || 'Unknown, at least 11.0.0';
159
159
  }
160
160
  }, {
161
161
  key: "getEntitlementInformation",
package/dist/esm/components/FeedbackForm.js CHANGED
@@ -10,7 +10,7 @@ import React, { useRef, useState } from 'react';
10
10
  import { FormattedMessage, useIntl } from 'react-intl';
11
11
  import Button from '@atlaskit/button/standard-button';
12
12
  import { Checkbox } from '@atlaskit/checkbox';
13
- import Form, { ErrorMessage, Field, Fieldset, RequiredAsterisk } from '@atlaskit/form';
13
+ import Form, { ErrorMessage, Field, Fieldset, MessageWrapper, RequiredAsterisk } from '@atlaskit/form';
14
14
  import Link from '@atlaskit/link';
15
15
  import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
16
16
  import { fg } from '@atlaskit/platform-feature-flags';
@@ -236,7 +236,7 @@ var FeedbackForm = function FeedbackForm(_ref2) {
236
236
  placeholder: getDefaultPlaceholder(feedbackGroupLabels),
237
237
  inputId: id,
238
238
  isInvalid: !!error
239
- })), error && /*#__PURE__*/React.createElement(ErrorMessage, null, error));
239
+ })), /*#__PURE__*/React.createElement(MessageWrapper, null, error && /*#__PURE__*/React.createElement(ErrorMessage, null, error)));
240
240
  }) : null, showDefaultTextFields && canShowTextField && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Field, {
241
241
  label: showTypeField ? getFieldLabels(feedbackGroupLabels)[type] : customTextAreaLabel || formatMessage(messages.defaultCustomTextAreaLabel),
242
242
  isRequired: true,
@@ -255,7 +255,7 @@ var FeedbackForm = function FeedbackForm(_ref2) {
255
255
  fieldProps.onChange(e.target.value);
256
256
  },
257
257
  value: description
258
- })), error && /*#__PURE__*/React.createElement(ErrorMessage, null, error));
258
+ })), /*#__PURE__*/React.createElement(MessageWrapper, null, error && /*#__PURE__*/React.createElement(ErrorMessage, null, error)));
259
259
  }), !anonymousFeedback && /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement("legend", null, /*#__PURE__*/React.createElement(FormattedMessage, messages.optInOptionsLegend)), /*#__PURE__*/React.createElement(Field, {
260
260
  name: "can-be-contacted"
261
261
  }, function (_ref6) {
@@ -367,7 +367,7 @@ var FeedbackForm = function FeedbackForm(_ref2) {
367
367
  placeholder: getDefaultPlaceholder(feedbackGroupLabels),
368
368
  inputId: id,
369
369
  isInvalid: !!error
370
- })), error && /*#__PURE__*/React.createElement(ErrorMessage, null, error));
370
+ })), /*#__PURE__*/React.createElement(MessageWrapper, null, error && /*#__PURE__*/React.createElement(ErrorMessage, null, error)));
371
371
  }) : null, showDefaultTextFields && canShowTextField && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Field, {
372
372
  label: showTypeField ? getFieldLabels(feedbackGroupLabels)[type] : customTextAreaLabel || formatMessage(messages.defaultCustomTextAreaLabel),
373
373
  isRequired: true,
@@ -386,7 +386,7 @@ var FeedbackForm = function FeedbackForm(_ref2) {
386
386
  fieldProps.onChange(e.target.value);
387
387
  },
388
388
  value: description
389
- })), error && /*#__PURE__*/React.createElement(ErrorMessage, null, error));
389
+ })), /*#__PURE__*/React.createElement(MessageWrapper, null, error && /*#__PURE__*/React.createElement(ErrorMessage, null, error)));
390
390
  }), !anonymousFeedback && /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement("legend", null, /*#__PURE__*/React.createElement(FormattedMessage, messages.optInOptionsLegend)), /*#__PURE__*/React.createElement(Field, {
391
391
  name: "can-be-contacted"
392
392
  }, function (_ref10) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/feedback-collector",
3
- "version": "16.2.0",
3
+ "version": "16.3.0",
4
4
  "description": "A component that collects feedback across Atlassian products.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -34,7 +34,7 @@
34
34
  "@atlaskit/modal-dialog": "^16.1.0",
35
35
  "@atlaskit/platform-feature-flags": "^2.0.0",
36
36
  "@atlaskit/section-message": "^9.2.0",
37
- "@atlaskit/select": "^22.3.0",
37
+ "@atlaskit/select": "^22.4.0",
38
38
  "@atlaskit/textarea": "^9.1.0",
39
39
  "@atlaskit/tokens": "^15.4.0",
40
40
  "@atlaskit/visually-hidden": "^4.1.0",
@@ -55,23 +55,15 @@
55
55
  "react-dom": "^18.2.0",
56
56
  "react-intl": "^7.0.0"
57
57
  },
58
- "keywords": [
59
- "atlaskit",
60
- "react",
61
- "ui"
62
- ],
58
+ "keywords": ["atlaskit", "react", "ui"],
63
59
  "techstack": {
64
60
  "@atlassian/frontend": {
65
61
  "import-structure": "atlassian-conventions"
66
62
  },
67
63
  "@repo/internal": {
68
- "design-tokens": [
69
- "color"
70
- ],
64
+ "design-tokens": ["color"],
71
65
  "deprecation": "no-deprecated-imports",
72
- "styling": [
73
- "emotion"
74
- ]
66
+ "styling": ["emotion"]
75
67
  }
76
68
  },
77
69
  "platform-feature-flags": {