@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 +12 -0
- package/dist/cjs/components/FeedbackForm.js +49 -24
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/components/FeedbackForm.js +14 -6
- package/dist/es2019/version.json +1 -1
- package/dist/esm/components/FeedbackForm.js +49 -24
- package/dist/esm/version.json +1 -1
- package/dist/types/components/FeedbackForm.d.ts +1 -1
- package/package.json +6 -4
- package/report.api.md +1 -1
- package/tmp/api-report-tmp.d.ts +1 -1
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
|
|
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
|
-
|
|
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
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
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
|
-
|
|
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 (
|
|
143
|
-
var 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 (
|
|
156
|
-
var 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 (
|
|
166
|
-
var 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(
|
|
185
|
-
var locale =
|
|
186
|
-
props = (0, _objectWithoutProperties2.default)(
|
|
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));
|
package/dist/cjs/version.json
CHANGED
|
@@ -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
|
|
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
|
-
|
|
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
|
-
|
|
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
|
};
|
package/dist/es2019/version.json
CHANGED
|
@@ -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
|
|
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
|
-
|
|
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
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
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
|
-
|
|
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 (
|
|
133
|
-
var 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 (
|
|
146
|
-
var 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 (
|
|
156
|
-
var 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(
|
|
175
|
-
var locale =
|
|
176
|
-
props = _objectWithoutProperties(
|
|
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));
|
package/dist/esm/version.json
CHANGED
|
@@ -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.
|
|
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.
|
|
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.
|
|
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
|
-
"
|
|
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;
|
package/tmp/api-report-tmp.d.ts
CHANGED
|
@@ -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;
|