@atlaskit/feedback-collector 16.9.1 → 16.10.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,24 @@
1
1
  # @atlaskit/feedback-collector
2
2
 
3
+ ## 16.10.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`bd2c5b0112185`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bd2c5b0112185) -
8
+ Remove stale API report artifacts from published Platform packages.
9
+
10
+ ### Patch Changes
11
+
12
+ - Updated dependencies
13
+
14
+ ## 16.9.2
15
+
16
+ ### Patch Changes
17
+
18
+ - [`6f66af09bd361`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6f66af09bd361) -
19
+ Cleanup feature gate `ak_feedback_collector_select_escape`. The feedback type select now always
20
+ prevents Escape key propagation when its menu is open.
21
+
3
22
  ## 16.9.1
4
23
 
5
24
  ### Patch Changes
@@ -10,8 +10,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
10
10
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
11
  var _react = _interopRequireWildcard(require("react"));
12
12
  var _reactIntl = require("react-intl");
13
- var _new = _interopRequireDefault(require("@atlaskit/button/new"));
14
- var _flag = require("@atlaskit/flag");
13
+ var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
14
+ var _flagGroup = _interopRequireDefault(require("@atlaskit/flag/flag-group"));
15
15
  var _feedback = _interopRequireDefault(require("@atlaskit/icon/core/feedback"));
16
16
  var _messages = require("../messages");
17
17
  var _FeedbackCollector = _interopRequireDefault(require("./FeedbackCollector"));
@@ -36,7 +36,7 @@ var FeedbackButton = function FeedbackButton(props) {
36
36
  atlassianAccountId = props.atlassianAccountId,
37
37
  shouldGetEntitlementDetails = props.shouldGetEntitlementDetails,
38
38
  locale = props.locale;
39
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_new.default, {
39
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_button.default, {
40
40
  onClick: function onClick() {
41
41
  return setIsOpen(true);
42
42
  },
@@ -56,7 +56,7 @@ var FeedbackButton = function FeedbackButton(props) {
56
56
  atlassianAccountId: atlassianAccountId,
57
57
  entrypointId: entrypointId,
58
58
  shouldGetEntitlementDetails: shouldGetEntitlementDetails
59
- }), /*#__PURE__*/_react.default.createElement(_flag.FlagGroup, {
59
+ }), /*#__PURE__*/_react.default.createElement(_flagGroup.default, {
60
60
  onDismissed: function onDismissed() {
61
61
  return setDisplayFlag(false);
62
62
  }
@@ -18,7 +18,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
18
18
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
19
19
  var _buffer = require("buffer");
20
20
  var _react = _interopRequireWildcard(require("react"));
21
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
21
+ var _fg = require("@atlaskit/platform-feature-flags/fg");
22
22
  var _isApiGatewayUrl = require("../utils/is-api-gateway-url");
23
23
  var _Truncate = _interopRequireDefault(require("../utils/Truncate"));
24
24
  var _FeedbackForm = _interopRequireDefault(require("./FeedbackForm"));
@@ -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.9.0" || 'Unknown, at least 11.0.0';
167
+ return "16.9.2" || 'Unknown, at least 11.0.0';
168
168
  }
169
169
  }, {
170
170
  key: "getEntitlementInformation",
@@ -488,14 +488,14 @@ var FeedbackCollector = exports.default = /*#__PURE__*/function (_Component) {
488
488
  onClose: this.props.onClose,
489
489
  onCancel: this.props.onCancel,
490
490
  locale: this.props.locale,
491
- anonymousFeedback: (0, _platformFeatureFlags.fg)('platform.proforma-form-builder-feedback_hupaz') ? this.state.anonymousFeedback : anonymousFeedback,
491
+ anonymousFeedback: (0, _fg.fg)('platform.proforma-form-builder-feedback_hupaz') ? this.state.anonymousFeedback : anonymousFeedback,
492
492
  selectLabel: this.props.selectLabel,
493
493
  customTextAreaLabel: this.props.customTextAreaLabel,
494
494
  customFeedbackOptions: this.props.customFeedbackOptions,
495
495
  shouldReturnFocusRef: this.props.shouldReturnFocusRef,
496
496
  dialogRef: this.props.dialogRef,
497
497
  disableSubmitButton: this.props.disableSubmitButton
498
- }, (0, _platformFeatureFlags.fg)('jfp_a11y_team_feedback_collector_nested_elements') && {
498
+ }, (0, _fg.fg)('jfp_a11y_team_feedback_collector_nested_elements') && {
499
499
  enrolInResearchLink: this.props.enrolInResearchLink,
500
500
  canBeContactedLink: this.props.canBeContactedLink
501
501
  }, {
@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = void 0;
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _reactIntl = require("react-intl");
10
- var _flag = require("@atlaskit/flag");
10
+ var _autoDismissFlag = _interopRequireDefault(require("@atlaskit/flag/auto-dismiss-flag"));
11
11
  var _statusSuccess = _interopRequireDefault(require("@atlaskit/icon/core/status-success"));
12
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
12
+ var _fg = require("@atlaskit/platform-feature-flags/fg");
13
13
  var _messages = require("../messages");
14
14
  var _IntlProviderWithResolvedMessages = require("./IntlProviderWithResolvedMessages");
15
15
  var FeedbackFlag = function FeedbackFlag(_ref) {
@@ -17,14 +17,14 @@ var FeedbackFlag = function FeedbackFlag(_ref) {
17
17
  title = _ref.title;
18
18
  var _useIntl = (0, _reactIntl.useIntl)(),
19
19
  formatMessage = _useIntl.formatMessage;
20
- return /*#__PURE__*/_react.default.createElement(_flag.AutoDismissFlag, {
20
+ return /*#__PURE__*/_react.default.createElement(_autoDismissFlag.default, {
21
21
  icon: /*#__PURE__*/_react.default.createElement(_statusSuccess.default, {
22
22
  spacing: "spacious",
23
23
  color: "var(--ds-icon-success, #6A9A23)",
24
24
  label: "Success"
25
25
  }),
26
26
  id: "feedbackSent",
27
- description: description || formatMessage((0, _platformFeatureFlags.fg)('product-terminology-refresh') ? _messages.messages.feedbackSuccessFlagDescriptionAppify : _messages.messages.feedbackSuccessFlagDescription),
27
+ description: description || formatMessage((0, _fg.fg)('product-terminology-refresh') ? _messages.messages.feedbackSuccessFlagDescriptionAppify : _messages.messages.feedbackSuccessFlagDescription),
28
28
  title: title || formatMessage(_messages.messages.feedbackSuccessFlagTitle)
29
29
  });
30
30
  };
@@ -14,14 +14,23 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
14
14
  var _react = _interopRequireWildcard(require("react"));
15
15
  var _reactIntl = require("react-intl");
16
16
  var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
17
- var _checkbox = require("@atlaskit/checkbox");
18
- var _form = _interopRequireWildcard(require("@atlaskit/form"));
19
- var _link = _interopRequireDefault(require("@atlaskit/link"));
20
- var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
21
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
22
- var _sectionMessage = _interopRequireDefault(require("@atlaskit/section-message"));
23
- var _select = _interopRequireDefault(require("@atlaskit/select"));
24
- var _textarea = _interopRequireDefault(require("@atlaskit/textarea"));
17
+ var _checkbox = require("@atlaskit/checkbox/checkbox");
18
+ var _form = _interopRequireDefault(require("@atlaskit/form/form"));
19
+ var _errorMessage = require("@atlaskit/form/error-message");
20
+ var _field = _interopRequireDefault(require("@atlaskit/form/field"));
21
+ var _fieldset = require("@atlaskit/form/fieldset");
22
+ var _messageWrapper = require("@atlaskit/form/message-wrapper");
23
+ var _requiredAsterisk = require("@atlaskit/form/required-asterisk");
24
+ var _link = _interopRequireDefault(require("@atlaskit/link/link"));
25
+ var _modalDialog = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-dialog"));
26
+ var _modalBody = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-body"));
27
+ var _modalFooter = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-footer"));
28
+ var _modalHeader = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-header"));
29
+ var _modalTitle = _interopRequireDefault(require("@atlaskit/modal-dialog/modal-title"));
30
+ var _fg = require("@atlaskit/platform-feature-flags/fg");
31
+ var _message = _interopRequireDefault(require("@atlaskit/section-message/message"));
32
+ var _default2 = _interopRequireDefault(require("@atlaskit/select/default"));
33
+ var _textArea = _interopRequireDefault(require("@atlaskit/textarea/text-area"));
25
34
  var _messages = require("../messages");
26
35
  var _IntlProviderWithResolvedMessages = require("./IntlProviderWithResolvedMessages");
27
36
  var _excluded = ["id"],
@@ -154,13 +163,13 @@ var FeedbackForm = function FeedbackForm(_ref2) {
154
163
  var focusRef = (0, _react.useRef)();
155
164
  var selectOptions = customFeedbackOptions.length > 0 ? customFeedbackOptions : getSelectOptions(feedbackGroupLabels);
156
165
  var renderContactLabelAppify = function renderContactLabelAppify() {
157
- if ((0, _platformFeatureFlags.fg)('jfp_a11y_team_feedback_collector_nested_elements')) {
166
+ if ((0, _fg.fg)('jfp_a11y_team_feedback_collector_nested_elements')) {
158
167
  return _messages.messages.canBeContactedLabelAppifyWithResponseWithoutLink;
159
168
  }
160
169
  return _messages.messages.canBeContactedLabelAppifyWithResponse;
161
170
  };
162
171
  var renderContactLabel = function renderContactLabel() {
163
- if ((0, _platformFeatureFlags.fg)('jfp_a11y_team_feedback_collector_nested_elements')) {
172
+ if ((0, _fg.fg)('jfp_a11y_team_feedback_collector_nested_elements')) {
164
173
  return _messages.messages.canBeContactedLabelWithResponseWithoutLink;
165
174
  }
166
175
  return _messages.messages.canBeContactedLabelWithResponse;
@@ -175,7 +184,7 @@ var FeedbackForm = function FeedbackForm(_ref2) {
175
184
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
176
185
  marginBottom: "var(--ds-space-300, 24px)"
177
186
  }
178
- }, formatMessage(_messages.messages.requiredFieldsSummary), /*#__PURE__*/_react.default.createElement(_form.RequiredAsterisk, null));
187
+ }, formatMessage(_messages.messages.requiredFieldsSummary), /*#__PURE__*/_react.default.createElement(_requiredAsterisk.RequiredAsterisk, null));
179
188
  var feedbackIsAnonymous =
180
189
  /*#__PURE__*/
181
190
  // eslint-disable-next-line @atlaskit/design-system/use-primitives-text
@@ -187,7 +196,7 @@ var FeedbackForm = function FeedbackForm(_ref2) {
187
196
  testId: "feedbackCollectorModalDialog",
188
197
  shouldReturnFocus: shouldReturnFocusRef,
189
198
  shouldScrollInViewport: true
190
- }, (0, _platformFeatureFlags.fg)('platform-design_system_team-form_conversion') ? /*#__PURE__*/_react.default.createElement(_form.default, {
199
+ }, (0, _fg.fg)('platform-design_system_team-form_conversion') ? /*#__PURE__*/_react.default.createElement(_form.default, {
191
200
  onSubmit: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
192
201
  return _regenerator.default.wrap(function (_context) {
193
202
  while (1) switch (_context.prev = _context.next) {
@@ -211,9 +220,9 @@ var FeedbackForm = function FeedbackForm(_ref2) {
211
220
  }
212
221
  }, _callee, null, [[1,, 2, 3]]);
213
222
  }))
214
- }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, {
223
+ }, /*#__PURE__*/_react.default.createElement(_modalHeader.default, {
215
224
  hasCloseButton: true
216
- }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, null, feedbackTitle || /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.feedbackTitle))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, (0, _platformFeatureFlags.fg)('ak_feedback_collector_hide_required_summary') ? showRequiredFieldsSummary && requiredFieldsSummary : requiredFieldsSummary, feedbackTitleDetails, customContent, showTypeField ? /*#__PURE__*/_react.default.createElement(_form.Field, {
225
+ }, /*#__PURE__*/_react.default.createElement(_modalTitle.default, null, feedbackTitle || /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.feedbackTitle))), /*#__PURE__*/_react.default.createElement(_modalBody.default, null, (0, _fg.fg)('ak_feedback_collector_hide_required_summary') ? showRequiredFieldsSummary && requiredFieldsSummary : requiredFieldsSummary, feedbackTitleDetails, customContent, showTypeField ? /*#__PURE__*/_react.default.createElement(_field.default, {
217
226
  name: "topic",
218
227
  id: "topic",
219
228
  label: selectLabel || formatMessage(_messages.messages.selectionOptionDefaultLabel),
@@ -225,7 +234,7 @@ var FeedbackForm = function FeedbackForm(_ref2) {
225
234
  id = _ref4$fieldProps.id,
226
235
  restProps = (0, _objectWithoutProperties2.default)(_ref4$fieldProps, _excluded),
227
236
  error = _ref4.error;
228
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, restProps, {
237
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_default2.default, (0, _extends2.default)({}, restProps, {
229
238
  value: (_selectOptions$find = selectOptions.find(function (opt) {
230
239
  return opt.value === type;
231
240
  })) !== null && _selectOptions$find !== void 0 ? _selectOptions$find : null,
@@ -239,15 +248,15 @@ var FeedbackForm = function FeedbackForm(_ref2) {
239
248
  },
240
249
  menuPosition: "fixed",
241
250
  options: selectOptions,
242
- shouldPreventEscapePropagation: (0, _platformFeatureFlags.fg)('ak_feedback_collector_select_escape')
251
+ shouldPreventEscapePropagation: true
243
252
  // @ts-ignore
244
253
  ,
245
254
  ref: focusRef,
246
255
  placeholder: getDefaultPlaceholder(feedbackGroupLabels),
247
256
  inputId: id,
248
257
  isInvalid: !!error
249
- })), /*#__PURE__*/_react.default.createElement(_form.MessageWrapper, null, error && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, error)));
250
- }) : null, showDefaultTextFields && canShowTextField && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_form.Field, {
258
+ })), /*#__PURE__*/_react.default.createElement(_messageWrapper.MessageWrapper, null, error && /*#__PURE__*/_react.default.createElement(_errorMessage.ErrorMessage, null, error)));
259
+ }) : null, showDefaultTextFields && canShowTextField && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_field.default, {
251
260
  label: showTypeField ? getFieldLabels(feedbackGroupLabels)[type] : customTextAreaLabel || formatMessage(_messages.messages.defaultCustomTextAreaLabel),
252
261
  isRequired: true,
253
262
  name: "description",
@@ -256,7 +265,7 @@ var FeedbackForm = function FeedbackForm(_ref2) {
256
265
  }, function (_ref5) {
257
266
  var fieldProps = _ref5.fieldProps,
258
267
  error = _ref5.error;
259
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_textarea.default, (0, _extends2.default)({}, fieldProps, {
268
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_textArea.default, (0, _extends2.default)({}, fieldProps, {
260
269
  name: "foo",
261
270
  minimumRows: 6,
262
271
  placeholder: summaryPlaceholder || undefined,
@@ -265,15 +274,15 @@ var FeedbackForm = function FeedbackForm(_ref2) {
265
274
  fieldProps.onChange(e.target.value);
266
275
  },
267
276
  value: description
268
- })), /*#__PURE__*/_react.default.createElement(_form.MessageWrapper, null, error && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, error)));
269
- }), !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, {
277
+ })), /*#__PURE__*/_react.default.createElement(_messageWrapper.MessageWrapper, null, error && /*#__PURE__*/_react.default.createElement(_errorMessage.ErrorMessage, null, error)));
278
+ }), !anonymousFeedback && /*#__PURE__*/_react.default.createElement(_fieldset.Fieldset, null, /*#__PURE__*/_react.default.createElement("legend", null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.optInOptionsLegend)), /*#__PURE__*/_react.default.createElement(_field.default, {
270
279
  name: "can-be-contacted"
271
280
  }, function (_ref6) {
272
281
  var fieldProps = _ref6.fieldProps;
273
282
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, (0, _extends2.default)({}, fieldProps, {
274
283
  "aria-describedby": undefined // JCA11Y-1988
275
284
  ,
276
- label: canBeContactedLabel || /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('product-terminology-refresh') ? renderContactLabelAppify() : renderContactLabel(), !(0, _platformFeatureFlags.fg)('jfp_a11y_team_feedback_collector_nested_elements') && {
285
+ label: canBeContactedLabel || /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, (0, _fg.fg)('product-terminology-refresh') ? renderContactLabelAppify() : renderContactLabel(), !(0, _fg.fg)('jfp_a11y_team_feedback_collector_nested_elements') && {
277
286
  values: {
278
287
  a: function a(chunks) {
279
288
  return /*#__PURE__*/_react.default.createElement(_link.default, {
@@ -286,11 +295,11 @@ var FeedbackForm = function FeedbackForm(_ref2) {
286
295
  onChange: function onChange(event) {
287
296
  return setCanBeContacted(event.target.checked);
288
297
  }
289
- })), canBeContactedLabel && canBeContactedLink && (0, _platformFeatureFlags.fg)('jfp_a11y_team_feedback_collector_nested_elements') && /*#__PURE__*/_react.default.createElement(LinkWrapper, null, canBeContactedLink), !canBeContactedLabel && (0, _platformFeatureFlags.fg)('jfp_a11y_team_feedback_collector_nested_elements') && /*#__PURE__*/_react.default.createElement(LinkWrapper, null, /*#__PURE__*/_react.default.createElement(_link.default, {
298
+ })), canBeContactedLabel && canBeContactedLink && (0, _fg.fg)('jfp_a11y_team_feedback_collector_nested_elements') && /*#__PURE__*/_react.default.createElement(LinkWrapper, null, canBeContactedLink), !canBeContactedLabel && (0, _fg.fg)('jfp_a11y_team_feedback_collector_nested_elements') && /*#__PURE__*/_react.default.createElement(LinkWrapper, null, /*#__PURE__*/_react.default.createElement(_link.default, {
290
299
  href: "https://www.atlassian.com/legal/privacy-policy",
291
300
  target: "_blank"
292
301
  }, formatMessage(_messages.messages.privacyPolicy))));
293
- }), /*#__PURE__*/_react.default.createElement(_form.Field, {
302
+ }), /*#__PURE__*/_react.default.createElement(_field.default, {
294
303
  name: "enroll-in-research-group"
295
304
  }, function (_ref7) {
296
305
  var fieldProps = _ref7.fieldProps;
@@ -301,15 +310,15 @@ var FeedbackForm = function FeedbackForm(_ref2) {
301
310
  onChange: function onChange(event) {
302
311
  return setEnrollInResearchGroup(event.target.checked);
303
312
  }
304
- })), enrolInResearchLabel && enrolInResearchLink && (0, _platformFeatureFlags.fg)('jfp_a11y_team_feedback_collector_nested_elements') && /*#__PURE__*/_react.default.createElement(LinkWrapper, null, enrolInResearchLink));
305
- })) || /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_form.Field, {
313
+ })), enrolInResearchLabel && enrolInResearchLink && (0, _fg.fg)('jfp_a11y_team_feedback_collector_nested_elements') && /*#__PURE__*/_react.default.createElement(LinkWrapper, null, enrolInResearchLink));
314
+ })) || /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_field.default, {
306
315
  name: 'anonymousFeedback'
307
316
  }, function () {
308
- return /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
317
+ return /*#__PURE__*/_react.default.createElement(_message.default, {
309
318
  title: formatMessage(_messages.messages.feedbackIsAnonymousTitle),
310
319
  appearance: 'information'
311
320
  }, feedbackIsAnonymous);
312
- })))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_standardButton.default, {
321
+ })))), /*#__PURE__*/_react.default.createElement(_modalFooter.default, null, /*#__PURE__*/_react.default.createElement(_standardButton.default, {
313
322
  appearance: "subtle",
314
323
  onClick: handleCancel
315
324
  }, cancelButtonLabel || /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.cancelButtonLabel)), /*#__PURE__*/_react.default.createElement(_standardButton.default, {
@@ -343,9 +352,9 @@ var FeedbackForm = function FeedbackForm(_ref2) {
343
352
  }))
344
353
  }, function (_ref9) {
345
354
  var formProps = _ref9.formProps;
346
- return /*#__PURE__*/_react.default.createElement("form", formProps, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, {
355
+ return /*#__PURE__*/_react.default.createElement("form", formProps, /*#__PURE__*/_react.default.createElement(_modalHeader.default, {
347
356
  hasCloseButton: true
348
- }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, null, feedbackTitle || /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.feedbackTitle))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, (0, _platformFeatureFlags.fg)('ak_feedback_collector_hide_required_summary') ? showRequiredFieldsSummary && requiredFieldsSummary : requiredFieldsSummary, feedbackTitleDetails, customContent, showTypeField ? /*#__PURE__*/_react.default.createElement(_form.Field, {
357
+ }, /*#__PURE__*/_react.default.createElement(_modalTitle.default, null, feedbackTitle || /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.feedbackTitle))), /*#__PURE__*/_react.default.createElement(_modalBody.default, null, (0, _fg.fg)('ak_feedback_collector_hide_required_summary') ? showRequiredFieldsSummary && requiredFieldsSummary : requiredFieldsSummary, feedbackTitleDetails, customContent, showTypeField ? /*#__PURE__*/_react.default.createElement(_field.default, {
349
358
  name: "topic",
350
359
  id: "topic",
351
360
  label: selectLabel || formatMessage(_messages.messages.selectionOptionDefaultLabel),
@@ -357,7 +366,7 @@ var FeedbackForm = function FeedbackForm(_ref2) {
357
366
  id = _ref0$fieldProps.id,
358
367
  restProps = (0, _objectWithoutProperties2.default)(_ref0$fieldProps, _excluded2),
359
368
  error = _ref0.error;
360
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_select.default, (0, _extends2.default)({}, restProps, {
369
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_default2.default, (0, _extends2.default)({}, restProps, {
361
370
  value: (_selectOptions$find2 = selectOptions.find(function (opt) {
362
371
  return opt.value === type;
363
372
  })) !== null && _selectOptions$find2 !== void 0 ? _selectOptions$find2 : null,
@@ -371,15 +380,15 @@ var FeedbackForm = function FeedbackForm(_ref2) {
371
380
  },
372
381
  menuPosition: "fixed",
373
382
  options: selectOptions,
374
- shouldPreventEscapePropagation: (0, _platformFeatureFlags.fg)('ak_feedback_collector_select_escape')
383
+ shouldPreventEscapePropagation: true
375
384
  // @ts-ignore
376
385
  ,
377
386
  ref: focusRef,
378
387
  placeholder: getDefaultPlaceholder(feedbackGroupLabels),
379
388
  inputId: id,
380
389
  isInvalid: !!error
381
- })), /*#__PURE__*/_react.default.createElement(_form.MessageWrapper, null, error && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, error)));
382
- }) : null, showDefaultTextFields && canShowTextField && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_form.Field, {
390
+ })), /*#__PURE__*/_react.default.createElement(_messageWrapper.MessageWrapper, null, error && /*#__PURE__*/_react.default.createElement(_errorMessage.ErrorMessage, null, error)));
391
+ }) : null, showDefaultTextFields && canShowTextField && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_field.default, {
383
392
  label: showTypeField ? getFieldLabels(feedbackGroupLabels)[type] : customTextAreaLabel || formatMessage(_messages.messages.defaultCustomTextAreaLabel),
384
393
  isRequired: true,
385
394
  name: "description",
@@ -388,7 +397,7 @@ var FeedbackForm = function FeedbackForm(_ref2) {
388
397
  }, function (_ref1) {
389
398
  var fieldProps = _ref1.fieldProps,
390
399
  error = _ref1.error;
391
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_textarea.default, (0, _extends2.default)({}, fieldProps, {
400
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_textArea.default, (0, _extends2.default)({}, fieldProps, {
392
401
  name: "foo",
393
402
  minimumRows: 6,
394
403
  placeholder: summaryPlaceholder || undefined,
@@ -397,15 +406,15 @@ var FeedbackForm = function FeedbackForm(_ref2) {
397
406
  fieldProps.onChange(e.target.value);
398
407
  },
399
408
  value: description
400
- })), /*#__PURE__*/_react.default.createElement(_form.MessageWrapper, null, error && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, null, error)));
401
- }), !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, {
409
+ })), /*#__PURE__*/_react.default.createElement(_messageWrapper.MessageWrapper, null, error && /*#__PURE__*/_react.default.createElement(_errorMessage.ErrorMessage, null, error)));
410
+ }), !anonymousFeedback && /*#__PURE__*/_react.default.createElement(_fieldset.Fieldset, null, /*#__PURE__*/_react.default.createElement("legend", null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.optInOptionsLegend)), /*#__PURE__*/_react.default.createElement(_field.default, {
402
411
  name: "can-be-contacted"
403
412
  }, function (_ref10) {
404
413
  var fieldProps = _ref10.fieldProps;
405
414
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, (0, _extends2.default)({}, fieldProps, {
406
415
  "aria-describedby": undefined // JCA11Y-1988
407
416
  ,
408
- label: canBeContactedLabel || /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('product-terminology-refresh') ? renderContactLabelAppify() : renderContactLabel(), !(0, _platformFeatureFlags.fg)('jfp_a11y_team_feedback_collector_nested_elements') && {
417
+ label: canBeContactedLabel || /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, (0, _extends2.default)({}, (0, _fg.fg)('product-terminology-refresh') ? renderContactLabelAppify() : renderContactLabel(), !(0, _fg.fg)('jfp_a11y_team_feedback_collector_nested_elements') && {
409
418
  values: {
410
419
  a: function a(chunks) {
411
420
  return /*#__PURE__*/_react.default.createElement(_link.default, {
@@ -418,11 +427,11 @@ var FeedbackForm = function FeedbackForm(_ref2) {
418
427
  onChange: function onChange(event) {
419
428
  return setCanBeContacted(event.target.checked);
420
429
  }
421
- })), canBeContactedLabel && canBeContactedLink && (0, _platformFeatureFlags.fg)('jfp_a11y_team_feedback_collector_nested_elements') && /*#__PURE__*/_react.default.createElement(LinkWrapper, null, canBeContactedLink), !canBeContactedLabel && (0, _platformFeatureFlags.fg)('jfp_a11y_team_feedback_collector_nested_elements') && /*#__PURE__*/_react.default.createElement(LinkWrapper, null, /*#__PURE__*/_react.default.createElement(_link.default, {
430
+ })), canBeContactedLabel && canBeContactedLink && (0, _fg.fg)('jfp_a11y_team_feedback_collector_nested_elements') && /*#__PURE__*/_react.default.createElement(LinkWrapper, null, canBeContactedLink), !canBeContactedLabel && (0, _fg.fg)('jfp_a11y_team_feedback_collector_nested_elements') && /*#__PURE__*/_react.default.createElement(LinkWrapper, null, /*#__PURE__*/_react.default.createElement(_link.default, {
422
431
  href: "https://www.atlassian.com/legal/privacy-policy",
423
432
  target: "_blank"
424
433
  }, formatMessage(_messages.messages.privacyPolicy))));
425
- }), /*#__PURE__*/_react.default.createElement(_form.Field, {
434
+ }), /*#__PURE__*/_react.default.createElement(_field.default, {
426
435
  name: "enroll-in-research-group"
427
436
  }, function (_ref11) {
428
437
  var fieldProps = _ref11.fieldProps;
@@ -433,15 +442,15 @@ var FeedbackForm = function FeedbackForm(_ref2) {
433
442
  onChange: function onChange(event) {
434
443
  return setEnrollInResearchGroup(event.target.checked);
435
444
  }
436
- })), enrolInResearchLabel && enrolInResearchLink && (0, _platformFeatureFlags.fg)('jfp_a11y_team_feedback_collector_nested_elements') && /*#__PURE__*/_react.default.createElement(LinkWrapper, null, enrolInResearchLink));
437
- })) || /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_form.Field, {
445
+ })), enrolInResearchLabel && enrolInResearchLink && (0, _fg.fg)('jfp_a11y_team_feedback_collector_nested_elements') && /*#__PURE__*/_react.default.createElement(LinkWrapper, null, enrolInResearchLink));
446
+ })) || /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_field.default, {
438
447
  name: 'anonymousFeedback'
439
448
  }, function () {
440
- return /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
449
+ return /*#__PURE__*/_react.default.createElement(_message.default, {
441
450
  title: formatMessage(_messages.messages.feedbackIsAnonymousTitle),
442
451
  appearance: 'information'
443
452
  }, feedbackIsAnonymous);
444
- })))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_standardButton.default, {
453
+ })))), /*#__PURE__*/_react.default.createElement(_modalFooter.default, null, /*#__PURE__*/_react.default.createElement(_standardButton.default, {
445
454
  appearance: "subtle",
446
455
  onClick: handleCancel
447
456
  }, cancelButtonLabel || /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, _messages.messages.cancelButtonLabel)), /*#__PURE__*/_react.default.createElement(_standardButton.default, {
@@ -1,8 +1,8 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { useState } from 'react';
3
3
  import { useIntl } from 'react-intl';
4
- import Button from '@atlaskit/button/new';
5
- import { FlagGroup } from '@atlaskit/flag';
4
+ import Button from '@atlaskit/button/default/button';
5
+ import FlagGroup from '@atlaskit/flag/flag-group';
6
6
  import FeedbackIcon from '@atlaskit/icon/core/feedback';
7
7
  import { messages } from '../messages';
8
8
  import FeedbackCollector from './FeedbackCollector';
@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import { Buffer } from 'buffer';
4
4
  import React, { Component } from 'react';
5
- import { fg } from '@atlaskit/platform-feature-flags';
5
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
6
6
  import { isApiGatewayUrl } from '../utils/is-api-gateway-url';
7
7
  import truncate from '../utils/Truncate';
8
8
  import FeedbackForm from './FeedbackForm';
@@ -92,7 +92,7 @@ export default class FeedbackCollector extends Component {
92
92
  return FeedbackCollector.defaultProps.url;
93
93
  }
94
94
  getPackageVersion() {
95
- return "16.9.0" || 'Unknown, at least 11.0.0';
95
+ return "16.9.2" || 'Unknown, at least 11.0.0';
96
96
  }
97
97
  async getEntitlementInformation() {
98
98
  var _entitlementDetails, _entitlementDetails2, _productName, _entitlement, _productEntitlement;
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import { useIntl } from 'react-intl';
3
- import { AutoDismissFlag } from '@atlaskit/flag';
3
+ import AutoDismissFlag from '@atlaskit/flag/auto-dismiss-flag';
4
4
  import SuccessIcon from '@atlaskit/icon/core/status-success';
5
- import { fg } from '@atlaskit/platform-feature-flags';
5
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
6
6
  import { messages } from '../messages';
7
7
  import { IntlProviderWithResolvedMessages } from './IntlProviderWithResolvedMessages';
8
8
  const FeedbackFlag = ({
@@ -2,14 +2,23 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { useRef, useState } from 'react';
3
3
  import { FormattedMessage, useIntl } from 'react-intl';
4
4
  import Button from '@atlaskit/button/standard-button';
5
- import { Checkbox } from '@atlaskit/checkbox';
6
- import Form, { ErrorMessage, Field, Fieldset, MessageWrapper, RequiredAsterisk } from '@atlaskit/form';
7
- import Link from '@atlaskit/link';
8
- import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
9
- import { fg } from '@atlaskit/platform-feature-flags';
10
- import SectionMessage from '@atlaskit/section-message';
11
- import Select from '@atlaskit/select';
12
- import TextArea from '@atlaskit/textarea';
5
+ import { Checkbox } from '@atlaskit/checkbox/checkbox';
6
+ import Form from '@atlaskit/form/form';
7
+ import { ErrorMessage } from '@atlaskit/form/error-message';
8
+ import Field from '@atlaskit/form/field';
9
+ import { Fieldset } from '@atlaskit/form/fieldset';
10
+ import { MessageWrapper } from '@atlaskit/form/message-wrapper';
11
+ import { RequiredAsterisk } from '@atlaskit/form/required-asterisk';
12
+ import Link from '@atlaskit/link/link';
13
+ import Modal from '@atlaskit/modal-dialog/modal-dialog';
14
+ import ModalBody from '@atlaskit/modal-dialog/modal-body';
15
+ import ModalFooter from '@atlaskit/modal-dialog/modal-footer';
16
+ import ModalHeader from '@atlaskit/modal-dialog/modal-header';
17
+ import ModalTitle from '@atlaskit/modal-dialog/modal-title';
18
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
19
+ import SectionMessage from '@atlaskit/section-message/message';
20
+ import Select from '@atlaskit/select/default';
21
+ import TextArea from '@atlaskit/textarea/text-area';
13
22
  import { messages } from '../messages';
14
23
  import { IntlProviderWithResolvedMessages } from './IntlProviderWithResolvedMessages';
15
24
  const LinkWrapper = ({
@@ -190,7 +199,7 @@ const FeedbackForm = ({
190
199
  },
191
200
  menuPosition: "fixed",
192
201
  options: selectOptions,
193
- shouldPreventEscapePropagation: fg('ak_feedback_collector_select_escape')
202
+ shouldPreventEscapePropagation: true
194
203
  // @ts-ignore
195
204
  ,
196
205
  ref: focusRef,
@@ -301,7 +310,7 @@ const FeedbackForm = ({
301
310
  },
302
311
  menuPosition: "fixed",
303
312
  options: selectOptions,
304
- shouldPreventEscapePropagation: fg('ak_feedback_collector_select_escape')
313
+ shouldPreventEscapePropagation: true
305
314
  // @ts-ignore
306
315
  ,
307
316
  ref: focusRef,
@@ -2,8 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
3
  import React, { useState } from 'react';
4
4
  import { useIntl } from 'react-intl';
5
- import Button from '@atlaskit/button/new';
6
- import { FlagGroup } from '@atlaskit/flag';
5
+ import Button from '@atlaskit/button/default/button';
6
+ import FlagGroup from '@atlaskit/flag/flag-group';
7
7
  import FeedbackIcon from '@atlaskit/icon/core/feedback';
8
8
  import { messages } from '../messages';
9
9
  import FeedbackCollector from './FeedbackCollector';
@@ -14,7 +14,7 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
14
14
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
15
15
  import { Buffer } from 'buffer';
16
16
  import React, { Component } from 'react';
17
- import { fg } from '@atlaskit/platform-feature-flags';
17
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
18
18
  import { isApiGatewayUrl } from '../utils/is-api-gateway-url';
19
19
  import truncate from '../utils/Truncate';
20
20
  import FeedbackForm from './FeedbackForm';
@@ -155,7 +155,7 @@ var FeedbackCollector = /*#__PURE__*/function (_Component) {
155
155
  }, {
156
156
  key: "getPackageVersion",
157
157
  value: function getPackageVersion() {
158
- return "16.9.0" || 'Unknown, at least 11.0.0';
158
+ return "16.9.2" || 'Unknown, at least 11.0.0';
159
159
  }
160
160
  }, {
161
161
  key: "getEntitlementInformation",
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import { useIntl } from 'react-intl';
3
- import { AutoDismissFlag } from '@atlaskit/flag';
3
+ import AutoDismissFlag from '@atlaskit/flag/auto-dismiss-flag';
4
4
  import SuccessIcon from '@atlaskit/icon/core/status-success';
5
- import { fg } from '@atlaskit/platform-feature-flags';
5
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
6
6
  import { messages } from '../messages';
7
7
  import { IntlProviderWithResolvedMessages } from './IntlProviderWithResolvedMessages';
8
8
  var FeedbackFlag = function FeedbackFlag(_ref) {
@@ -9,14 +9,23 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
9
9
  import React, { useRef, useState } from 'react';
10
10
  import { FormattedMessage, useIntl } from 'react-intl';
11
11
  import Button from '@atlaskit/button/standard-button';
12
- import { Checkbox } from '@atlaskit/checkbox';
13
- import Form, { ErrorMessage, Field, Fieldset, MessageWrapper, RequiredAsterisk } from '@atlaskit/form';
14
- import Link from '@atlaskit/link';
15
- import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
16
- import { fg } from '@atlaskit/platform-feature-flags';
17
- import SectionMessage from '@atlaskit/section-message';
18
- import Select from '@atlaskit/select';
19
- import TextArea from '@atlaskit/textarea';
12
+ import { Checkbox } from '@atlaskit/checkbox/checkbox';
13
+ import Form from '@atlaskit/form/form';
14
+ import { ErrorMessage } from '@atlaskit/form/error-message';
15
+ import Field from '@atlaskit/form/field';
16
+ import { Fieldset } from '@atlaskit/form/fieldset';
17
+ import { MessageWrapper } from '@atlaskit/form/message-wrapper';
18
+ import { RequiredAsterisk } from '@atlaskit/form/required-asterisk';
19
+ import Link from '@atlaskit/link/link';
20
+ import Modal from '@atlaskit/modal-dialog/modal-dialog';
21
+ import ModalBody from '@atlaskit/modal-dialog/modal-body';
22
+ import ModalFooter from '@atlaskit/modal-dialog/modal-footer';
23
+ import ModalHeader from '@atlaskit/modal-dialog/modal-header';
24
+ import ModalTitle from '@atlaskit/modal-dialog/modal-title';
25
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
26
+ import SectionMessage from '@atlaskit/section-message/message';
27
+ import Select from '@atlaskit/select/default';
28
+ import TextArea from '@atlaskit/textarea/text-area';
20
29
  import { messages } from '../messages';
21
30
  import { IntlProviderWithResolvedMessages } from './IntlProviderWithResolvedMessages';
22
31
  var LinkWrapper = function LinkWrapper(_ref) {
@@ -230,7 +239,7 @@ var FeedbackForm = function FeedbackForm(_ref2) {
230
239
  },
231
240
  menuPosition: "fixed",
232
241
  options: selectOptions,
233
- shouldPreventEscapePropagation: fg('ak_feedback_collector_select_escape')
242
+ shouldPreventEscapePropagation: true
234
243
  // @ts-ignore
235
244
  ,
236
245
  ref: focusRef,
@@ -362,7 +371,7 @@ var FeedbackForm = function FeedbackForm(_ref2) {
362
371
  },
363
372
  menuPosition: "fixed",
364
373
  options: selectOptions,
365
- shouldPreventEscapePropagation: fg('ak_feedback_collector_select_escape')
374
+ shouldPreventEscapePropagation: true
366
375
  // @ts-ignore
367
376
  ,
368
377
  ref: focusRef,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/feedback-collector",
3
- "version": "16.9.1",
3
+ "version": "16.10.0",
4
4
  "description": "A component that collects feedback across Atlassian products.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -25,19 +25,19 @@
25
25
  },
26
26
  "dependencies": {
27
27
  "@atlaskit/afm-i18n-platform-web-platform-feedback-collector": "2.210.0",
28
- "@atlaskit/button": "^25.1.0",
29
- "@atlaskit/checkbox": "^19.0.0",
30
- "@atlaskit/flag": "^18.3.0",
31
- "@atlaskit/form": "^17.0.0",
32
- "@atlaskit/icon": "^37.4.0",
33
- "@atlaskit/link": "^5.0.0",
34
- "@atlaskit/modal-dialog": "^16.4.0",
35
- "@atlaskit/platform-feature-flags": "^2.1.0",
36
- "@atlaskit/section-message": "^10.0.0",
37
- "@atlaskit/select": "^22.7.0",
38
- "@atlaskit/textarea": "^10.0.0",
39
- "@atlaskit/tokens": "^16.7.0",
40
- "@atlaskit/visually-hidden": "^4.2.0",
28
+ "@atlaskit/button": "^25.3.0",
29
+ "@atlaskit/checkbox": "^19.2.0",
30
+ "@atlaskit/flag": "^18.5.0",
31
+ "@atlaskit/form": "^17.2.0",
32
+ "@atlaskit/icon": "^37.6.0",
33
+ "@atlaskit/link": "^5.1.0",
34
+ "@atlaskit/modal-dialog": "^16.6.0",
35
+ "@atlaskit/platform-feature-flags": "^2.2.0",
36
+ "@atlaskit/section-message": "^10.2.0",
37
+ "@atlaskit/select": "^22.11.0",
38
+ "@atlaskit/textarea": "^10.2.0",
39
+ "@atlaskit/tokens": "^16.10.0",
40
+ "@atlaskit/visually-hidden": "^4.4.0",
41
41
  "@babel/runtime": "^7.0.0"
42
42
  },
43
43
  "peerDependencies": {
@@ -47,8 +47,10 @@
47
47
  },
48
48
  "devDependencies": {
49
49
  "@af/visual-regression": "workspace:^",
50
+ "@atlaskit/primitives": "^22.5.0",
50
51
  "@atlaskit/ssr": "workspace:^",
51
- "@atlassian/feature-flags-test-utils": "^1.2.0",
52
+ "@atlaskit/textfield": "^10.2.0",
53
+ "@atlassian/feature-flags-test-utils": "^1.3.0",
52
54
  "@testing-library/react": "^16.3.0",
53
55
  "buffer": "^6.0.3",
54
56
  "react": "^18.2.0",
@@ -89,9 +91,6 @@
89
91
  },
90
92
  "ak_feedback_collector_hide_required_summary": {
91
93
  "type": "boolean"
92
- },
93
- "ak_feedback_collector_select_escape": {
94
- "type": "boolean"
95
94
  }
96
95
  }
97
96
  }
package/report.api.md DELETED
@@ -1,274 +0,0 @@
1
- <!-- API Report Version: 2.3 -->
2
-
3
- ## API Report File for "@atlaskit/feedback-collector"
4
-
5
- > Do not edit this file. This report is auto-generated using
6
- > [API Extractor](https://api-extractor.com/).
7
- > [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
8
-
9
- ### Table of contents
10
-
11
- - [Main Entry Types](#main-entry-types)
12
- - [Peer Dependencies](#peer-dependencies)
13
-
14
- ### Main Entry Types
15
-
16
- <!--SECTION START: Main Entry Types-->
17
-
18
- ```ts
19
- import { Component } from 'react';
20
- import { FunctionComponent } from 'react';
21
- import { default as React_2 } from 'react';
22
-
23
- // @public (undocumented)
24
- interface AkProps {
25
- // (undocumented)
26
- description?: React_2.ReactText;
27
- // (undocumented)
28
- isDismissAllowed?: boolean;
29
- // (undocumented)
30
- onDismissed?: (...args: Array<any>) => void;
31
- // (undocumented)
32
- title?: React_2.ReactText;
33
- }
34
-
35
- // @public (undocumented)
36
- export const FeedbackButton: React_2.FunctionComponent<Props_3>;
37
-
38
- // @public (undocumented)
39
- class FeedbackCollector extends Component<Props> {
40
- // (undocumented)
41
- addEmailToContext(): void;
42
- // (undocumented)
43
- componentDidMount(): Promise<void>;
44
- // (undocumented)
45
- static defaultProps: {
46
- url: string;
47
- shouldGetEntitlementDetails: boolean;
48
- canBeContactedFieldId: string;
49
- canBeContactedAgreeValue: {
50
- id: string;
51
- }[];
52
- canBeContactedDeclineValue: {
53
- id: string;
54
- }[];
55
- additionalFields: never[];
56
- customerNameFieldId: string;
57
- customerNameDefaultValue: string;
58
- descriptionFieldId: string;
59
- descriptionDefaultValue: string;
60
- enrollInResearchFieldId: string;
61
- enrollInResearchAgreeValue: {
62
- id: string;
63
- }[];
64
- enrollInResearchDeclineValue: {
65
- id: string;
66
- }[];
67
- summaryFieldId: string;
68
- summaryDefaultValue: string;
69
- summaryTruncateLength: number;
70
- timeoutOnSubmit: number;
71
- typeFieldId: string;
72
- typeBugDefaultValue: {
73
- id: string;
74
- };
75
- typeCommentDefaultValue: {
76
- id: string;
77
- };
78
- typeSuggestionDefaultValue: {
79
- id: string;
80
- };
81
- typeQuestionDefaultValue: {
82
- id: string;
83
- };
84
- typeEmptyDefaultValue: {
85
- id: string;
86
- };
87
- showTypeField: boolean;
88
- showDefaultTextFields: boolean;
89
- anonymousFeedback: boolean;
90
- onClose: () => void;
91
- onSubmit: () => void;
92
- };
93
- // (undocumented)
94
- getAtlassianID(): Promise<string | undefined>;
95
- // (undocumented)
96
- getCustomerName(): FieldValueType;
97
- // (undocumented)
98
- getDescription(formValues: FormFields): FieldValueType;
99
- // (undocumented)
100
- getEntitlementInformation(): Promise<FieldType[] | []>;
101
- // (undocumented)
102
- getFeedbackUrl(): string;
103
- // (undocumented)
104
- getGatewayUrl(): string;
105
- // (undocumented)
106
- getPackageVersion(): string;
107
- // (undocumented)
108
- getSummary(formValues: FormFields): FieldValueType;
109
- // (undocumented)
110
- getTypeFieldValue(dtype: SelectValue): FieldValueType;
111
- // (undocumented)
112
- mapFormToJSD(formValues: FormFields): Promise<FeedbackType>;
113
- // (undocumented)
114
- postFeedback: (formValues: FormFields) => Promise<void>;
115
- // (undocumented)
116
- render(): JSX.Element;
117
- // (undocumented)
118
- shouldShowOptInCheckboxes(): boolean;
119
- // (undocumented)
120
- shouldShowOptInCheckboxesNew(): Promise<boolean>;
121
- // (undocumented)
122
- state: {
123
- anonymousFeedback: boolean;
124
- };
125
- }
126
- export default FeedbackCollector;
127
-
128
- // @public (undocumented)
129
- export const FeedbackFlag: FunctionComponent<
130
- AkProps & {
131
- locale?: string;
132
- }
133
- >;
134
-
135
- // @public (undocumented)
136
- export const FeedbackForm: FunctionComponent<
137
- Props_2 & {
138
- locale?: string;
139
- }
140
- >;
141
-
142
- // @public (undocumented)
143
- type FeedbackType = {
144
- fields: FieldType[];
145
- };
146
-
147
- // @public (undocumented)
148
- type FieldType = {
149
- id: string;
150
- value: FieldValueType;
151
- };
152
-
153
- // @public (undocumented)
154
- type FieldValueType = Object | Object[] | string;
155
-
156
- // @public (undocumented)
157
- export interface FormFields {
158
- // (undocumented)
159
- canBeContacted: boolean;
160
- // (undocumented)
161
- description: string;
162
- // (undocumented)
163
- enrollInResearchGroup: boolean;
164
- // (undocumented)
165
- type: SelectValue;
166
- }
167
-
168
- // @public (undocumented)
169
- interface Props {
170
- additionalFields: FieldType[];
171
- anonymousFeedback?: boolean;
172
- atlassianAccountId?: string;
173
- canBeContactedAgreeValue: FieldValueType;
174
- canBeContactedDeclineValue: FieldValueType;
175
- canBeContactedFieldId: string;
176
- canBeContactedLabel?: React_2.ReactChild;
177
- cancelButtonLabel?: string;
178
- customContent?: React_2.ReactChild;
179
- customerNameDefaultValue: FieldValueType;
180
- customerNameFieldId: string;
181
- customFeedbackUrl?: string;
182
- customGatewayUrl?: string;
183
- descriptionDefaultValue: FieldValueType;
184
- descriptionFieldId: string;
185
- email?: string;
186
- enrolInResearchLabel?: React_2.ReactChild;
187
- enrollInResearchAgreeValue: FieldValueType;
188
- enrollInResearchDeclineValue: FieldValueType;
189
- enrollInResearchFieldId: string;
190
- entrypointId: string;
191
- feedbackGroupLabels?: Partial<Record<SelectValue, SelectOptionDetails>>;
192
- feedbackTitle?: React_2.ReactText;
193
- feedbackTitleDetails?: React_2.ReactChild;
194
- locale?: string;
195
- name?: string;
196
- onClose: () => void;
197
- onSubmit: (formFields: FormFields) => void;
198
- selectLabel?: string;
199
- shouldGetEntitlementDetails?: boolean;
200
- showDefaultTextFields?: boolean;
201
- showTypeField: boolean;
202
- submitButtonLabel?: string;
203
- summaryDefaultValue: FieldValueType;
204
- summaryFieldId: string;
205
- summaryPlaceholder?: string;
206
- summaryTruncateLength: number;
207
- timeoutOnSubmit: number;
208
- typeBugDefaultValue: FieldValueType;
209
- typeCommentDefaultValue: FieldValueType;
210
- typeEmptyDefaultValue: FieldValueType;
211
- typeFieldId: string;
212
- typeQuestionDefaultValue: FieldValueType;
213
- typeSuggestionDefaultValue: FieldValueType;
214
- url?: string;
215
- }
216
-
217
- // @public (undocumented)
218
- interface Props_2 {
219
- anonymousFeedback?: boolean;
220
- canBeContactedLabel?: React_2.ReactChild;
221
- cancelButtonLabel?: string;
222
- customContent?: React_2.ReactChild;
223
- enrolInResearchLabel?: React_2.ReactChild;
224
- feedbackGroupLabels?: Partial<Record<SelectValue, SelectOptionDetails>>;
225
- feedbackTitle?: React_2.ReactText;
226
- feedbackTitleDetails?: React_2.ReactChild;
227
- hasDescriptionDefaultValue?: boolean;
228
- locale?: string;
229
- onClose: () => void;
230
- onSubmit: (formValues: FormFields) => Promise<void>;
231
- selectLabel?: string;
232
- showDefaultTextFields?: boolean;
233
- showTypeField?: boolean;
234
- submitButtonLabel?: string;
235
- summaryPlaceholder?: string;
236
- }
237
-
238
- // @public (undocumented)
239
- interface Props_3 {
240
- // (undocumented)
241
- atlassianAccountId?: string;
242
- // (undocumented)
243
- entrypointId: string;
244
- // (undocumented)
245
- shouldGetEntitlementDetails?: boolean;
246
- }
247
-
248
- // @public (undocumented)
249
- interface SelectOptionDetails {
250
- // (undocumented)
251
- fieldLabel: string;
252
- // (undocumented)
253
- selectOptionLabel: string;
254
- }
255
-
256
- // @public (undocumented)
257
- type SelectValue = 'bug' | 'comment' | 'empty' | 'question' | 'suggestion';
258
-
259
- // (No @packageDocumentation comment for this package)
260
- ```
261
-
262
- <!--SECTION END: Main Entry Types-->
263
-
264
- ### Peer Dependencies
265
-
266
- <!--SECTION START: Peer Dependencies-->
267
-
268
- ```json
269
- {
270
- "react": "^16.8.0"
271
- }
272
- ```
273
-
274
- <!--SECTION END: Peer Dependencies-->