@atlaskit/feedback-collector 10.8.3 → 10.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,17 @@
1
1
  # @atlaskit/feedback-collector
2
2
 
3
+ ## 10.10.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`854cc74fad4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/854cc74fad4) - [ux] Fix padding around modal close icon
8
+
9
+ ## 10.9.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [`add53eec671`](https://bitbucket.org/atlassian/atlassian-frontend/commits/add53eec671) - [ux] Disabling the submit button while feedback is being submitted
14
+
3
15
  ## 10.8.3
4
16
 
5
17
  ### Patch Changes
@@ -7,15 +7,17 @@ Object.defineProperty(exports, "__esModule", {
7
7
  });
8
8
  exports.default = void 0;
9
9
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
10
+ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
10
11
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
12
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
+ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
12
14
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
15
  var _react = _interopRequireWildcard(require("react"));
14
16
  var _reactIntlNext = require("react-intl-next");
15
17
  var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
16
18
  var _checkbox = require("@atlaskit/checkbox");
17
19
  var _form = _interopRequireWildcard(require("@atlaskit/form"));
18
- var _cross = _interopRequireDefault(require("@atlaskit/icon/glyph/cross"));
20
+ var _close = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/close"));
19
21
  var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
20
22
  var _select = _interopRequireDefault(require("@atlaskit/select"));
21
23
  var _textarea = _interopRequireDefault(require("@atlaskit/textarea"));
@@ -34,7 +36,7 @@ var FeedbackForm = function FeedbackForm(_ref) {
34
36
  showDefaultTextFields = _ref$showDefaultTextF === void 0 ? true : _ref$showDefaultTextF,
35
37
  customContent = _ref.customContent,
36
38
  onClose = _ref.onClose,
37
- _onSubmit = _ref.onSubmit,
39
+ onSubmit = _ref.onSubmit,
38
40
  feedbackTitle = _ref.feedbackTitle,
39
41
  feedbackTitleDetails = _ref.feedbackTitleDetails,
40
42
  feedbackGroupLabels = _ref.feedbackGroupLabels,
@@ -59,6 +61,10 @@ var FeedbackForm = function FeedbackForm(_ref) {
59
61
  _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
60
62
  type = _useState8[0],
61
63
  setType = _useState8[1];
64
+ var _useState9 = (0, _react.useState)(false),
65
+ _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
66
+ isSubmitting = _useState10[0],
67
+ setIsSubmitting = _useState10[1];
62
68
  var _useIntl = (0, _reactIntlNext.useIntl)(),
63
69
  formatMessage = _useIntl.formatMessage;
64
70
  var isTypeSelected = function isTypeSelected() {
@@ -102,20 +108,39 @@ var FeedbackForm = function FeedbackForm(_ref) {
102
108
  onClose: onClose,
103
109
  testId: "feedbackCollectorModalDialog"
104
110
  }, /*#__PURE__*/_react.default.createElement(_form.default, {
105
- onSubmit: function onSubmit() {
106
- _onSubmit({
107
- canBeContacted: canBeContacted,
108
- description: description,
109
- enrollInResearchGroup: enrollInResearchGroup,
110
- type: type
111
- });
112
- }
113
- }, function (_ref2) {
114
- var formProps = _ref2.formProps;
111
+ onSubmit: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
112
+ return _regenerator.default.wrap(function _callee$(_context) {
113
+ while (1) {
114
+ switch (_context.prev = _context.next) {
115
+ case 0:
116
+ setIsSubmitting(true);
117
+ _context.next = 3;
118
+ return onSubmit({
119
+ canBeContacted: canBeContacted,
120
+ description: description,
121
+ enrollInResearchGroup: enrollInResearchGroup,
122
+ type: type
123
+ });
124
+ case 3:
125
+ setIsSubmitting(false);
126
+ case 4:
127
+ case "end":
128
+ return _context.stop();
129
+ }
130
+ }
131
+ }, _callee);
132
+ }))
133
+ }, function (_ref3) {
134
+ var formProps = _ref3.formProps;
115
135
  return /*#__PURE__*/_react.default.createElement("form", formProps, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, null, feedbackTitle || /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.feedbackTitle)), /*#__PURE__*/_react.default.createElement(_standardButton.default, {
136
+ style: {
137
+ lineHeight: 'normal'
138
+ },
139
+ spacing: 'none',
116
140
  tabIndex: -1,
117
- onClick: onClose
118
- }, /*#__PURE__*/_react.default.createElement(_cross.default, {
141
+ onClick: onClose,
142
+ appearance: 'subtle'
143
+ }, /*#__PURE__*/_react.default.createElement(_close.default, {
119
144
  label: "Close Modal",
120
145
  primaryColor: "var(--ds-text-subtle, ".concat(_colors.N500, ")")
121
146
  }))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, feedbackTitleDetails, customContent, showTypeField ? /*#__PURE__*/_react.default.createElement(_select.default, {
@@ -139,8 +164,8 @@ var FeedbackForm = function FeedbackForm(_ref) {
139
164
  label: showTypeField ? getFieldLabels(feedbackGroupLabels)[type] : null,
140
165
  isRequired: true,
141
166
  name: "description"
142
- }, function (_ref3) {
143
- var fieldProps = _ref3.fieldProps;
167
+ }, function (_ref4) {
168
+ var fieldProps = _ref4.fieldProps;
144
169
  return /*#__PURE__*/_react.default.createElement(_textarea.default, (0, _extends2.default)({}, fieldProps, {
145
170
  name: "foo",
146
171
  minimumRows: 6,
@@ -152,8 +177,8 @@ var FeedbackForm = function FeedbackForm(_ref) {
152
177
  }));
153
178
  }), /*#__PURE__*/_react.default.createElement(_form.Field, {
154
179
  name: "can-be-contacted"
155
- }, function (_ref4) {
156
- var fieldProps = _ref4.fieldProps;
180
+ }, function (_ref5) {
181
+ var fieldProps = _ref5.fieldProps;
157
182
  return /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, (0, _extends2.default)({}, fieldProps, {
158
183
  label: canBeContactedLabel || formatMessage(_messages.messages.canBeContactedLabel),
159
184
  onChange: function onChange(event) {
@@ -162,8 +187,8 @@ var FeedbackForm = function FeedbackForm(_ref) {
162
187
  }));
163
188
  }), /*#__PURE__*/_react.default.createElement(_form.Field, {
164
189
  name: "enroll-in-research-group"
165
- }, function (_ref5) {
166
- var fieldProps = _ref5.fieldProps;
190
+ }, function (_ref6) {
191
+ var fieldProps = _ref6.fieldProps;
167
192
  return /*#__PURE__*/_react.default.createElement(_checkbox.Checkbox, (0, _extends2.default)({}, fieldProps, {
168
193
  label: enrolInResearchLabel || formatMessage(_messages.messages.enrolInResearchLabel),
169
194
  onChange: function onChange(event) {
@@ -176,14 +201,14 @@ var FeedbackForm = function FeedbackForm(_ref) {
176
201
  }, cancelButtonLabel || /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.cancelButtonLabel)), /*#__PURE__*/_react.default.createElement(_standardButton.default, {
177
202
  appearance: "primary",
178
203
  type: "submit",
179
- isDisabled: isDisabled,
204
+ isDisabled: isSubmitting || isDisabled,
180
205
  testId: "feedbackCollectorSubmitBtn"
181
206
  }, submitButtonLabel || /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.submitButtonLabel))));
182
207
  }));
183
208
  };
184
- var FeedbackFormWithIntl = function FeedbackFormWithIntl(_ref6) {
185
- var locale = _ref6.locale,
186
- props = (0, _objectWithoutProperties2.default)(_ref6, _excluded);
209
+ var FeedbackFormWithIntl = function FeedbackFormWithIntl(_ref7) {
210
+ var locale = _ref7.locale,
211
+ props = (0, _objectWithoutProperties2.default)(_ref7, _excluded);
187
212
  return /*#__PURE__*/_react.default.createElement(_IntlProviderWithResolvedMessages.IntlProviderWithResolvedMessages, {
188
213
  locale: locale
189
214
  }, /*#__PURE__*/_react.default.createElement(FeedbackForm, props));
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/feedback-collector",
3
- "version": "10.8.3",
3
+ "version": "10.10.0",
4
4
  "sideEffects": false
5
5
  }
@@ -4,7 +4,7 @@ import { FormattedMessage, useIntl } from 'react-intl-next';
4
4
  import Button from '@atlaskit/button/standard-button';
5
5
  import { Checkbox } from '@atlaskit/checkbox';
6
6
  import Form, { Field } from '@atlaskit/form';
7
- import CrossIcon from '@atlaskit/icon/glyph/cross';
7
+ import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
8
8
  import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
9
9
  import Select from '@atlaskit/select';
10
10
  import TextArea from '@atlaskit/textarea';
@@ -30,6 +30,7 @@ const FeedbackForm = ({
30
30
  const [description, setDescription] = useState('');
31
31
  const [enrollInResearchGroup, setEnrollInResearchGroup] = useState(false);
32
32
  const [type, setType] = useState('empty');
33
+ const [isSubmitting, setIsSubmitting] = useState(false);
33
34
  const {
34
35
  formatMessage
35
36
  } = useIntl();
@@ -66,20 +67,27 @@ const FeedbackForm = ({
66
67
  onClose: onClose,
67
68
  testId: "feedbackCollectorModalDialog"
68
69
  }, /*#__PURE__*/React.createElement(Form, {
69
- onSubmit: () => {
70
- onSubmit({
70
+ onSubmit: async () => {
71
+ setIsSubmitting(true);
72
+ await onSubmit({
71
73
  canBeContacted,
72
74
  description,
73
75
  enrollInResearchGroup,
74
76
  type
75
77
  });
78
+ setIsSubmitting(false);
76
79
  }
77
80
  }, ({
78
81
  formProps
79
82
  }) => /*#__PURE__*/React.createElement("form", formProps, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, feedbackTitle || /*#__PURE__*/React.createElement(FormattedMessage, messages.feedbackTitle)), /*#__PURE__*/React.createElement(Button, {
83
+ style: {
84
+ lineHeight: 'normal'
85
+ },
86
+ spacing: 'none',
80
87
  tabIndex: -1,
81
- onClick: onClose
82
- }, /*#__PURE__*/React.createElement(CrossIcon, {
88
+ onClick: onClose,
89
+ appearance: 'subtle'
90
+ }, /*#__PURE__*/React.createElement(EditorCloseIcon, {
83
91
  label: "Close Modal",
84
92
  primaryColor: `var(--ds-text-subtle, ${N500})`
85
93
  }))), /*#__PURE__*/React.createElement(ModalBody, null, feedbackTitleDetails, customContent, showTypeField ? /*#__PURE__*/React.createElement(Select, {
@@ -130,7 +138,7 @@ const FeedbackForm = ({
130
138
  }, cancelButtonLabel || /*#__PURE__*/React.createElement(FormattedMessage, messages.cancelButtonLabel)), /*#__PURE__*/React.createElement(Button, {
131
139
  appearance: "primary",
132
140
  type: "submit",
133
- isDisabled: isDisabled,
141
+ isDisabled: isSubmitting || isDisabled,
134
142
  testId: "feedbackCollectorSubmitBtn"
135
143
  }, submitButtonLabel || /*#__PURE__*/React.createElement(FormattedMessage, messages.submitButtonLabel))))));
136
144
  };
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/feedback-collector",
3
- "version": "10.8.3",
3
+ "version": "10.10.0",
4
4
  "sideEffects": false
5
5
  }
@@ -1,16 +1,18 @@
1
1
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
+ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
4
5
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
5
6
  var _excluded = ["locale"];
6
7
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
7
8
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
9
+ import _regeneratorRuntime from "@babel/runtime/regenerator";
8
10
  import React, { useState } from 'react';
9
11
  import { FormattedMessage, useIntl } from 'react-intl-next';
10
12
  import Button from '@atlaskit/button/standard-button';
11
13
  import { Checkbox } from '@atlaskit/checkbox';
12
14
  import Form, { Field } from '@atlaskit/form';
13
- import CrossIcon from '@atlaskit/icon/glyph/cross';
15
+ import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
14
16
  import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
15
17
  import Select from '@atlaskit/select';
16
18
  import TextArea from '@atlaskit/textarea';
@@ -24,7 +26,7 @@ var FeedbackForm = function FeedbackForm(_ref) {
24
26
  showDefaultTextFields = _ref$showDefaultTextF === void 0 ? true : _ref$showDefaultTextF,
25
27
  customContent = _ref.customContent,
26
28
  onClose = _ref.onClose,
27
- _onSubmit = _ref.onSubmit,
29
+ onSubmit = _ref.onSubmit,
28
30
  feedbackTitle = _ref.feedbackTitle,
29
31
  feedbackTitleDetails = _ref.feedbackTitleDetails,
30
32
  feedbackGroupLabels = _ref.feedbackGroupLabels,
@@ -49,6 +51,10 @@ var FeedbackForm = function FeedbackForm(_ref) {
49
51
  _useState8 = _slicedToArray(_useState7, 2),
50
52
  type = _useState8[0],
51
53
  setType = _useState8[1];
54
+ var _useState9 = useState(false),
55
+ _useState10 = _slicedToArray(_useState9, 2),
56
+ isSubmitting = _useState10[0],
57
+ setIsSubmitting = _useState10[1];
52
58
  var _useIntl = useIntl(),
53
59
  formatMessage = _useIntl.formatMessage;
54
60
  var isTypeSelected = function isTypeSelected() {
@@ -92,20 +98,39 @@ var FeedbackForm = function FeedbackForm(_ref) {
92
98
  onClose: onClose,
93
99
  testId: "feedbackCollectorModalDialog"
94
100
  }, /*#__PURE__*/React.createElement(Form, {
95
- onSubmit: function onSubmit() {
96
- _onSubmit({
97
- canBeContacted: canBeContacted,
98
- description: description,
99
- enrollInResearchGroup: enrollInResearchGroup,
100
- type: type
101
- });
102
- }
103
- }, function (_ref2) {
104
- var formProps = _ref2.formProps;
101
+ onSubmit: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
102
+ return _regeneratorRuntime.wrap(function _callee$(_context) {
103
+ while (1) {
104
+ switch (_context.prev = _context.next) {
105
+ case 0:
106
+ setIsSubmitting(true);
107
+ _context.next = 3;
108
+ return onSubmit({
109
+ canBeContacted: canBeContacted,
110
+ description: description,
111
+ enrollInResearchGroup: enrollInResearchGroup,
112
+ type: type
113
+ });
114
+ case 3:
115
+ setIsSubmitting(false);
116
+ case 4:
117
+ case "end":
118
+ return _context.stop();
119
+ }
120
+ }
121
+ }, _callee);
122
+ }))
123
+ }, function (_ref3) {
124
+ var formProps = _ref3.formProps;
105
125
  return /*#__PURE__*/React.createElement("form", formProps, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, feedbackTitle || /*#__PURE__*/React.createElement(FormattedMessage, messages.feedbackTitle)), /*#__PURE__*/React.createElement(Button, {
126
+ style: {
127
+ lineHeight: 'normal'
128
+ },
129
+ spacing: 'none',
106
130
  tabIndex: -1,
107
- onClick: onClose
108
- }, /*#__PURE__*/React.createElement(CrossIcon, {
131
+ onClick: onClose,
132
+ appearance: 'subtle'
133
+ }, /*#__PURE__*/React.createElement(EditorCloseIcon, {
109
134
  label: "Close Modal",
110
135
  primaryColor: "var(--ds-text-subtle, ".concat(N500, ")")
111
136
  }))), /*#__PURE__*/React.createElement(ModalBody, null, feedbackTitleDetails, customContent, showTypeField ? /*#__PURE__*/React.createElement(Select, {
@@ -129,8 +154,8 @@ var FeedbackForm = function FeedbackForm(_ref) {
129
154
  label: showTypeField ? getFieldLabels(feedbackGroupLabels)[type] : null,
130
155
  isRequired: true,
131
156
  name: "description"
132
- }, function (_ref3) {
133
- var fieldProps = _ref3.fieldProps;
157
+ }, function (_ref4) {
158
+ var fieldProps = _ref4.fieldProps;
134
159
  return /*#__PURE__*/React.createElement(TextArea, _extends({}, fieldProps, {
135
160
  name: "foo",
136
161
  minimumRows: 6,
@@ -142,8 +167,8 @@ var FeedbackForm = function FeedbackForm(_ref) {
142
167
  }));
143
168
  }), /*#__PURE__*/React.createElement(Field, {
144
169
  name: "can-be-contacted"
145
- }, function (_ref4) {
146
- var fieldProps = _ref4.fieldProps;
170
+ }, function (_ref5) {
171
+ var fieldProps = _ref5.fieldProps;
147
172
  return /*#__PURE__*/React.createElement(Checkbox, _extends({}, fieldProps, {
148
173
  label: canBeContactedLabel || formatMessage(messages.canBeContactedLabel),
149
174
  onChange: function onChange(event) {
@@ -152,8 +177,8 @@ var FeedbackForm = function FeedbackForm(_ref) {
152
177
  }));
153
178
  }), /*#__PURE__*/React.createElement(Field, {
154
179
  name: "enroll-in-research-group"
155
- }, function (_ref5) {
156
- var fieldProps = _ref5.fieldProps;
180
+ }, function (_ref6) {
181
+ var fieldProps = _ref6.fieldProps;
157
182
  return /*#__PURE__*/React.createElement(Checkbox, _extends({}, fieldProps, {
158
183
  label: enrolInResearchLabel || formatMessage(messages.enrolInResearchLabel),
159
184
  onChange: function onChange(event) {
@@ -166,14 +191,14 @@ var FeedbackForm = function FeedbackForm(_ref) {
166
191
  }, cancelButtonLabel || /*#__PURE__*/React.createElement(FormattedMessage, messages.cancelButtonLabel)), /*#__PURE__*/React.createElement(Button, {
167
192
  appearance: "primary",
168
193
  type: "submit",
169
- isDisabled: isDisabled,
194
+ isDisabled: isSubmitting || isDisabled,
170
195
  testId: "feedbackCollectorSubmitBtn"
171
196
  }, submitButtonLabel || /*#__PURE__*/React.createElement(FormattedMessage, messages.submitButtonLabel))));
172
197
  }));
173
198
  };
174
- var FeedbackFormWithIntl = function FeedbackFormWithIntl(_ref6) {
175
- var locale = _ref6.locale,
176
- props = _objectWithoutProperties(_ref6, _excluded);
199
+ var FeedbackFormWithIntl = function FeedbackFormWithIntl(_ref7) {
200
+ var locale = _ref7.locale,
201
+ props = _objectWithoutProperties(_ref7, _excluded);
177
202
  return /*#__PURE__*/React.createElement(IntlProviderWithResolvedMessages, {
178
203
  locale: locale
179
204
  }, /*#__PURE__*/React.createElement(FeedbackForm, props));
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/feedback-collector",
3
- "version": "10.8.3",
3
+ "version": "10.10.0",
4
4
  "sideEffects": false
5
5
  }
@@ -24,7 +24,7 @@ interface Props {
24
24
  /** Function that will be called to initiate the exit transition. */
25
25
  onClose: () => void;
26
26
  /** Function that will be called immediately after the submit action */
27
- onSubmit: (formValues: FormFields) => void;
27
+ onSubmit: (formValues: FormFields) => Promise<void>;
28
28
  /** Optional locale for i18n **/
29
29
  locale?: string;
30
30
  /** Optional custom content */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/feedback-collector",
3
- "version": "10.8.3",
3
+ "version": "10.10.0",
4
4
  "description": "A component that collects feedback across Atlassian products.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -35,7 +35,7 @@
35
35
  "@atlaskit/select": "^16.1.0",
36
36
  "@atlaskit/textarea": "^4.5.0",
37
37
  "@atlaskit/theme": "^12.2.0",
38
- "@atlaskit/tokens": "^1.0.0",
38
+ "@atlaskit/tokens": "^1.1.0",
39
39
  "@babel/runtime": "^7.0.0",
40
40
  "react-intl-next": "npm:react-intl@^5.18.1"
41
41
  },
@@ -44,7 +44,7 @@
44
44
  },
45
45
  "devDependencies": {
46
46
  "@atlaskit/docs": "*",
47
- "@atlaskit/logo": "^13.10.0",
47
+ "@atlaskit/logo": "^13.11.0",
48
48
  "@atlaskit/section-message": "^6.3.8",
49
49
  "@atlaskit/ssr": "*",
50
50
  "@atlaskit/textfield": "^5.3.4",
@@ -66,7 +66,9 @@
66
66
  "import-structure": "atlassian-conventions"
67
67
  },
68
68
  "@repo/internal": {
69
- "theming": "tokens",
69
+ "design-tokens": [
70
+ "color"
71
+ ],
70
72
  "deprecation": "no-deprecated-imports",
71
73
  "styling": [
72
74
  "emotion"
package/report.api.md CHANGED
@@ -206,7 +206,7 @@ interface Props_2 {
206
206
  feedbackTitleDetails?: React_2.ReactChild;
207
207
  locale?: string;
208
208
  onClose: () => void;
209
- onSubmit: (formValues: FormFields) => void;
209
+ onSubmit: (formValues: FormFields) => Promise<void>;
210
210
  showDefaultTextFields?: boolean;
211
211
  showTypeField?: boolean;
212
212
  submitButtonLabel?: string;
@@ -191,7 +191,7 @@ interface Props_2 {
191
191
  feedbackTitleDetails?: React_2.ReactChild;
192
192
  locale?: string;
193
193
  onClose: () => void;
194
- onSubmit: (formValues: FormFields) => void;
194
+ onSubmit: (formValues: FormFields) => Promise<void>;
195
195
  showDefaultTextFields?: boolean;
196
196
  showTypeField?: boolean;
197
197
  submitButtonLabel?: string;