@atlaskit/contextual-survey 2.2.15 → 2.2.16
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 +247 -148
- package/dist/cjs/components/FeedbackScoreButtons.js +34 -6
- package/dist/cjs/components/SuccessContainer.js +8 -4
- package/dist/cjs/components/SurveyContainer.js +12 -4
- package/dist/es2019/components/FeedbackScoreButtons.js +33 -36
- package/dist/es2019/components/SuccessContainer.js +8 -8
- package/dist/es2019/components/SurveyContainer.js +12 -12
- package/dist/esm/components/FeedbackScoreButtons.js +33 -6
- package/dist/esm/components/SuccessContainer.js +8 -4
- package/dist/esm/components/SurveyContainer.js +12 -4
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,442 +1,541 @@
|
|
|
1
1
|
# @atlaskit/contextual-survey
|
|
2
2
|
|
|
3
|
+
## 2.2.16
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
3
9
|
## 2.2.15
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
|
6
12
|
|
|
7
|
-
-
|
|
13
|
+
- [#84829](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/84829)
|
|
14
|
+
[`a6299ec57bc3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a6299ec57bc3) -
|
|
15
|
+
Internal change to replace hardcoded font fallback values with an exported constant. There is no
|
|
16
|
+
expected visual difference.
|
|
8
17
|
|
|
9
18
|
## 2.2.14
|
|
10
19
|
|
|
11
20
|
### Patch Changes
|
|
12
21
|
|
|
13
|
-
-
|
|
14
|
-
-
|
|
22
|
+
- [#83176](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83176)
|
|
23
|
+
[`5c64e4657ef3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5c64e4657ef3) -
|
|
24
|
+
[ux] Minor changes to replace deprecated font tokens with new tokens. There may be some very
|
|
25
|
+
slight differences in font size if the previous value was incorrectly applied, and slight
|
|
26
|
+
differences in line height to match the new typography system.
|
|
27
|
+
- Updated dependencies
|
|
15
28
|
|
|
16
29
|
## 2.2.13
|
|
17
30
|
|
|
18
31
|
### Patch Changes
|
|
19
32
|
|
|
20
|
-
-
|
|
33
|
+
- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116)
|
|
34
|
+
[`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) -
|
|
35
|
+
Upgrade Typescript from `4.9.5` to `5.4.2`
|
|
21
36
|
|
|
22
37
|
## 2.2.12
|
|
23
38
|
|
|
24
39
|
### Patch Changes
|
|
25
40
|
|
|
26
|
-
-
|
|
41
|
+
- [#69022](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/69022)
|
|
42
|
+
[`395c74147990`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/395c74147990) -
|
|
43
|
+
Migrate packages to use declarative entry points
|
|
27
44
|
|
|
28
45
|
## 2.2.11
|
|
29
46
|
|
|
30
47
|
### Patch Changes
|
|
31
48
|
|
|
32
|
-
-
|
|
49
|
+
- Updated dependencies
|
|
33
50
|
|
|
34
51
|
## 2.2.10
|
|
35
52
|
|
|
36
53
|
### Patch Changes
|
|
37
54
|
|
|
38
|
-
-
|
|
55
|
+
- [#60029](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/60029)
|
|
56
|
+
[`b9826ea49c47`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b9826ea49c47) -
|
|
57
|
+
Update dependencies that were impacted by HOT-106483 to latest.
|
|
39
58
|
|
|
40
59
|
## 2.2.9
|
|
41
60
|
|
|
42
61
|
### Patch Changes
|
|
43
62
|
|
|
44
|
-
-
|
|
63
|
+
- [#57124](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/57124)
|
|
64
|
+
[`7ee324f9de67`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7ee324f9de67) -
|
|
65
|
+
Upgrade Emotion v10 (@emotion/core) to Emotion v11 (@emotion/react). No behaviour change
|
|
66
|
+
expected.
|
|
45
67
|
|
|
46
68
|
## 2.2.8
|
|
47
69
|
|
|
48
70
|
### Patch Changes
|
|
49
71
|
|
|
50
|
-
-
|
|
72
|
+
- Updated dependencies
|
|
51
73
|
|
|
52
74
|
## 2.2.7
|
|
53
75
|
|
|
54
76
|
### Patch Changes
|
|
55
77
|
|
|
56
|
-
-
|
|
78
|
+
- Updated dependencies
|
|
57
79
|
|
|
58
80
|
## 2.2.6
|
|
59
81
|
|
|
60
82
|
### Patch Changes
|
|
61
83
|
|
|
62
|
-
-
|
|
84
|
+
- Updated dependencies
|
|
63
85
|
|
|
64
86
|
## 2.2.5
|
|
65
87
|
|
|
66
88
|
### Patch Changes
|
|
67
89
|
|
|
68
|
-
-
|
|
90
|
+
- Updated dependencies
|
|
69
91
|
|
|
70
92
|
## 2.2.4
|
|
71
93
|
|
|
72
94
|
### Patch Changes
|
|
73
95
|
|
|
74
|
-
-
|
|
96
|
+
- Updated dependencies
|
|
75
97
|
|
|
76
98
|
## 2.2.3
|
|
77
99
|
|
|
78
100
|
### Patch Changes
|
|
79
101
|
|
|
80
|
-
-
|
|
81
|
-
-
|
|
102
|
+
- [#38162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38162)
|
|
103
|
+
[`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete
|
|
104
|
+
version.json
|
|
105
|
+
- Updated dependencies
|
|
82
106
|
|
|
83
107
|
## 2.2.2
|
|
84
108
|
|
|
85
109
|
### Patch Changes
|
|
86
110
|
|
|
87
|
-
-
|
|
111
|
+
- [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793)
|
|
112
|
+
[`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure
|
|
113
|
+
legacy types are published for TS 4.5-4.8
|
|
88
114
|
|
|
89
115
|
## 2.2.1
|
|
90
116
|
|
|
91
117
|
### Patch Changes
|
|
92
118
|
|
|
93
|
-
-
|
|
119
|
+
- [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649)
|
|
120
|
+
[`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) -
|
|
121
|
+
Upgrade Typescript from `4.5.5` to `4.9.5`
|
|
94
122
|
|
|
95
123
|
## 2.2.0
|
|
96
124
|
|
|
97
125
|
### Minor Changes
|
|
98
126
|
|
|
99
|
-
-
|
|
127
|
+
- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258)
|
|
128
|
+
[`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip
|
|
129
|
+
minor dependency bump
|
|
100
130
|
|
|
101
131
|
### Patch Changes
|
|
102
132
|
|
|
103
|
-
-
|
|
133
|
+
- Updated dependencies
|
|
104
134
|
|
|
105
135
|
## 2.1.12
|
|
106
136
|
|
|
107
137
|
### Patch Changes
|
|
108
138
|
|
|
109
|
-
-
|
|
139
|
+
- [#33208](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33208)
|
|
140
|
+
[`f655e8ed2d2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f655e8ed2d2) -
|
|
141
|
+
Internal change to enforce token usage for spacing properties. There is no expected visual or
|
|
142
|
+
behaviour change.
|
|
110
143
|
|
|
111
144
|
## 2.1.11
|
|
112
145
|
|
|
113
146
|
### Patch Changes
|
|
114
147
|
|
|
115
|
-
-
|
|
148
|
+
- [#32162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32162)
|
|
149
|
+
[`edf6745b956`](https://bitbucket.org/atlassian/atlassian-frontend/commits/edf6745b956) -
|
|
150
|
+
Migrated use of `gridSize` to space tokens where possible. There is no expected visual or
|
|
151
|
+
behaviour change.
|
|
116
152
|
|
|
117
153
|
## 2.1.10
|
|
118
154
|
|
|
119
155
|
### Patch Changes
|
|
120
156
|
|
|
121
|
-
-
|
|
157
|
+
- Updated dependencies
|
|
122
158
|
|
|
123
159
|
## 2.1.9
|
|
124
160
|
|
|
125
161
|
### Patch Changes
|
|
126
162
|
|
|
127
|
-
-
|
|
163
|
+
- [#28324](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28324)
|
|
164
|
+
[`6455cf006b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6455cf006b3) - Builds
|
|
165
|
+
for this package now pass through a tokens babel plugin, removing runtime invocations of the
|
|
166
|
+
tokens() function and improving performance.
|
|
128
167
|
|
|
129
168
|
## 2.1.8
|
|
130
169
|
|
|
131
170
|
### Patch Changes
|
|
132
171
|
|
|
133
|
-
-
|
|
172
|
+
- Updated dependencies
|
|
134
173
|
|
|
135
174
|
## 2.1.7
|
|
136
175
|
|
|
137
176
|
### Patch Changes
|
|
138
177
|
|
|
139
|
-
-
|
|
178
|
+
- Updated dependencies
|
|
140
179
|
|
|
141
180
|
## 2.1.6
|
|
142
181
|
|
|
143
182
|
### Patch Changes
|
|
144
183
|
|
|
145
|
-
-
|
|
184
|
+
- Updated dependencies
|
|
146
185
|
|
|
147
186
|
## 2.1.5
|
|
148
187
|
|
|
149
188
|
### Patch Changes
|
|
150
189
|
|
|
151
|
-
-
|
|
190
|
+
- [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874)
|
|
191
|
+
[`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) -
|
|
192
|
+
Upgrade Typescript from `4.3.5` to `4.5.5`
|
|
152
193
|
|
|
153
194
|
## 2.1.4
|
|
154
195
|
|
|
155
196
|
### Patch Changes
|
|
156
197
|
|
|
157
|
-
-
|
|
198
|
+
- [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492)
|
|
199
|
+
[`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) -
|
|
200
|
+
Upgrade Typescript from `4.2.4` to `4.3.5`.
|
|
158
201
|
|
|
159
202
|
## 2.1.3
|
|
160
203
|
|
|
161
204
|
### Patch Changes
|
|
162
205
|
|
|
163
|
-
-
|
|
206
|
+
- Updated dependencies
|
|
164
207
|
|
|
165
208
|
## 2.1.2
|
|
166
209
|
|
|
167
210
|
### Patch Changes
|
|
168
211
|
|
|
169
|
-
-
|
|
170
|
-
-
|
|
212
|
+
- [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650)
|
|
213
|
+
[`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) -
|
|
214
|
+
Upgrade to TypeScript 4.2.4
|
|
215
|
+
- Updated dependencies
|
|
171
216
|
|
|
172
217
|
## 2.1.1
|
|
173
218
|
|
|
174
219
|
### Patch Changes
|
|
175
220
|
|
|
176
|
-
-
|
|
221
|
+
- Updated dependencies
|
|
177
222
|
|
|
178
223
|
## 2.1.0
|
|
179
224
|
|
|
180
225
|
### Minor Changes
|
|
181
226
|
|
|
182
|
-
-
|
|
227
|
+
- [#19924](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19924)
|
|
228
|
+
[`d943a822f6a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d943a822f6a) - [ux]
|
|
229
|
+
Instrumented `@atlaskit/contextual-survey` with the new theming package, `@atlaskit/tokens`.
|
|
183
230
|
|
|
184
|
-
|
|
185
|
-
|
|
231
|
+
New tokens will be visible only in applications configured to use the new Tokens API (currently
|
|
232
|
+
in alpha). These changes are intended to be interoperable with the legacy theme implementation.
|
|
233
|
+
Legacy dark mode users should expect no visual or breaking changes.
|
|
186
234
|
|
|
187
235
|
## 2.0.11
|
|
188
236
|
|
|
189
237
|
### Patch Changes
|
|
190
238
|
|
|
191
|
-
-
|
|
239
|
+
- Updated dependencies
|
|
192
240
|
|
|
193
241
|
## 2.0.10
|
|
194
242
|
|
|
195
243
|
### Patch Changes
|
|
196
244
|
|
|
197
|
-
-
|
|
245
|
+
- Updated dependencies
|
|
198
246
|
|
|
199
247
|
## 2.0.9
|
|
200
248
|
|
|
201
249
|
### Patch Changes
|
|
202
250
|
|
|
203
|
-
-
|
|
204
|
-
-
|
|
251
|
+
- [#9510](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/9510)
|
|
252
|
+
[`cad4332df17`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cad4332df17) - [ux]
|
|
253
|
+
Fixed flickering in context survey by removing theme overrides
|
|
254
|
+
- Updated dependencies
|
|
205
255
|
|
|
206
256
|
## 2.0.8
|
|
207
257
|
|
|
208
258
|
### Patch Changes
|
|
209
259
|
|
|
210
|
-
-
|
|
260
|
+
- Updated dependencies
|
|
211
261
|
|
|
212
262
|
## 2.0.7
|
|
213
263
|
|
|
214
264
|
### Patch Changes
|
|
215
265
|
|
|
216
|
-
-
|
|
266
|
+
- [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857)
|
|
267
|
+
[`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) -
|
|
268
|
+
Transpile packages using babel rather than tsc
|
|
217
269
|
|
|
218
270
|
## 2.0.6
|
|
219
271
|
|
|
220
272
|
### Patch Changes
|
|
221
273
|
|
|
222
|
-
-
|
|
274
|
+
- Updated dependencies
|
|
223
275
|
|
|
224
276
|
## 2.0.5
|
|
225
277
|
|
|
226
278
|
### Patch Changes
|
|
227
279
|
|
|
228
|
-
-
|
|
229
|
-
|
|
230
|
-
|
|
280
|
+
- [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497)
|
|
281
|
+
[`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export
|
|
282
|
+
types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules
|
|
283
|
+
compiler option. This requires version 3.8 of Typescript, read more about how we handle
|
|
284
|
+
Typescript versions here: https://atlaskit.atlassian.com/get-started Also add `typescript` to
|
|
285
|
+
`devDependencies` to denote version that the package was built with.
|
|
231
286
|
|
|
232
287
|
## 2.0.4
|
|
233
288
|
|
|
234
289
|
### Patch Changes
|
|
235
290
|
|
|
236
|
-
-
|
|
291
|
+
- Updated dependencies
|
|
237
292
|
|
|
238
293
|
## 2.0.3
|
|
239
294
|
|
|
240
295
|
### Patch Changes
|
|
241
296
|
|
|
242
|
-
-
|
|
297
|
+
- Updated dependencies
|
|
243
298
|
|
|
244
299
|
## 2.0.2
|
|
245
300
|
|
|
246
301
|
### Patch Changes
|
|
247
302
|
|
|
248
|
-
-
|
|
303
|
+
- Updated dependencies
|
|
249
304
|
|
|
250
305
|
## 2.0.1
|
|
251
306
|
|
|
252
307
|
### Patch Changes
|
|
253
308
|
|
|
254
|
-
-
|
|
309
|
+
- [#3885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3885)
|
|
310
|
+
[`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded
|
|
311
|
+
to TypeScript 3.9.6 and tslib to 2.0.0
|
|
255
312
|
|
|
256
|
-
|
|
257
|
-
|
|
313
|
+
Since tslib is a dependency for all our packages we recommend that products also follow this
|
|
314
|
+
tslib upgrade to prevent duplicates of tslib being bundled.
|
|
258
315
|
|
|
259
316
|
## 2.0.0
|
|
260
317
|
|
|
261
318
|
### Major Changes
|
|
262
319
|
|
|
263
|
-
-
|
|
264
|
-
|
|
320
|
+
- [#3335](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3335)
|
|
321
|
+
[`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) -
|
|
322
|
+
Officially dropping IE11 support, from this version onwards there are no warranties of the
|
|
323
|
+
package working in IE11. For more information see:
|
|
324
|
+
https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
|
|
265
325
|
|
|
266
326
|
### Patch Changes
|
|
267
327
|
|
|
268
|
-
-
|
|
328
|
+
- Updated dependencies
|
|
269
329
|
|
|
270
330
|
## 1.0.10
|
|
271
331
|
|
|
272
332
|
### Patch Changes
|
|
273
333
|
|
|
274
|
-
-
|
|
334
|
+
- [#2884](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2884)
|
|
335
|
+
[`3ba793cffa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3ba793cffa) - Update
|
|
336
|
+
all the theme imports in contextual-survey
|
|
275
337
|
|
|
276
338
|
## 1.0.9
|
|
277
339
|
|
|
278
340
|
### Patch Changes
|
|
279
341
|
|
|
280
|
-
-
|
|
342
|
+
- [#2677](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2677)
|
|
343
|
+
[`4560b65a4f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4560b65a4f) - upgrade
|
|
344
|
+
react-transition-group to latest
|
|
281
345
|
|
|
282
346
|
## 1.0.8
|
|
283
347
|
|
|
284
348
|
### Patch Changes
|
|
285
349
|
|
|
286
|
-
-
|
|
350
|
+
- [patch][dd7e8b4bc7](https://bitbucket.org/atlassian/atlassian-frontend/commits/dd7e8b4bc7):
|
|
287
351
|
|
|
288
|
-
|
|
352
|
+
Change imports to comply with Atlassian conventions
|
|
289
353
|
|
|
290
354
|
## 1.0.7
|
|
291
355
|
|
|
292
356
|
### Patch Changes
|
|
293
357
|
|
|
294
|
-
-
|
|
358
|
+
- [patch][6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
|
|
295
359
|
|
|
296
|
-
|
|
360
|
+
Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies
|
|
361
|
+
[6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
|
|
297
362
|
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
363
|
+
- @atlaskit/docs@8.3.2
|
|
364
|
+
- @atlaskit/button@13.3.7
|
|
365
|
+
- @atlaskit/checkbox@10.1.7
|
|
366
|
+
- @atlaskit/form@7.1.2
|
|
367
|
+
- @atlaskit/icon@20.0.1
|
|
368
|
+
- @atlaskit/textarea@2.2.4
|
|
369
|
+
- @atlaskit/theme@9.5.1
|
|
370
|
+
- @atlaskit/tooltip@15.2.3
|
|
306
371
|
|
|
307
372
|
## 1.0.6
|
|
308
373
|
|
|
309
374
|
### Patch Changes
|
|
310
375
|
|
|
311
|
-
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
376
|
+
- Updated dependencies
|
|
377
|
+
[c0102a3ea2](https://bitbucket.org/atlassian/atlassian-frontend/commits/c0102a3ea2):
|
|
378
|
+
- @atlaskit/icon@20.0.0
|
|
379
|
+
- @atlaskit/form@7.1.1
|
|
380
|
+
- @atlaskit/docs@8.3.1
|
|
381
|
+
- @atlaskit/button@13.3.6
|
|
382
|
+
- @atlaskit/checkbox@10.1.6
|
|
383
|
+
- @atlaskit/tooltip@15.2.2
|
|
318
384
|
|
|
319
385
|
## 1.0.5
|
|
320
386
|
|
|
321
387
|
### Patch Changes
|
|
322
388
|
|
|
323
|
-
-
|
|
389
|
+
- [patch][24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
|
|
324
390
|
|
|
325
|
-
|
|
391
|
+
Pull in update to form to fix a bug which could cause the internal fieldId to be incorrectly
|
|
392
|
+
set- [patch][24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
|
|
326
393
|
|
|
327
|
-
|
|
394
|
+
Form has been converted to Typescript. TypeScript consumers will now get static type safety.
|
|
395
|
+
Flow types are no longer provided. No API changes.- Updated dependencies
|
|
396
|
+
[24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
|
|
328
397
|
|
|
329
|
-
-
|
|
330
|
-
|
|
331
|
-
-
|
|
332
|
-
|
|
333
|
-
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
398
|
+
- Updated dependencies
|
|
399
|
+
[24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
|
|
400
|
+
- Updated dependencies
|
|
401
|
+
[24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
|
|
402
|
+
- Updated dependencies
|
|
403
|
+
[24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
|
|
404
|
+
- Updated dependencies
|
|
405
|
+
[24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
|
|
406
|
+
- Updated dependencies
|
|
407
|
+
[24865cfaff](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/24865cfaff):
|
|
408
|
+
- @atlaskit/tooltip@15.2.0
|
|
409
|
+
- @atlaskit/form@7.0.0
|
|
410
|
+
- @atlaskit/checkbox@10.1.4
|
|
411
|
+
- @atlaskit/textarea@2.2.3
|
|
338
412
|
|
|
339
413
|
## 1.0.4
|
|
340
414
|
|
|
341
415
|
### Patch Changes
|
|
342
416
|
|
|
343
|
-
-
|
|
417
|
+
- [patch][35d2229b2a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/35d2229b2a):
|
|
344
418
|
|
|
345
|
-
|
|
419
|
+
Adding missing license to packages and update to Copyright 2019 Atlassian Pty Ltd.
|
|
346
420
|
|
|
347
421
|
## 1.0.3
|
|
348
422
|
|
|
349
|
-
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
423
|
+
- Updated dependencies
|
|
424
|
+
[97bab7fd28](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/97bab7fd28):
|
|
425
|
+
- @atlaskit/button@13.3.1
|
|
426
|
+
- @atlaskit/form@6.2.3
|
|
427
|
+
- @atlaskit/checkbox@10.0.0
|
|
428
|
+
- @atlaskit/docs@8.1.7
|
|
354
429
|
|
|
355
430
|
## 1.0.2
|
|
356
431
|
|
|
357
432
|
### Patch Changes
|
|
358
433
|
|
|
359
|
-
-
|
|
434
|
+
- [patch][097b696613](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/097b696613):
|
|
360
435
|
|
|
361
|
-
|
|
436
|
+
Components now depend on TS 3.6 internally, in order to fix an issue with TS resolving
|
|
437
|
+
non-relative imports as relative imports
|
|
362
438
|
|
|
363
439
|
## 1.0.1
|
|
364
440
|
|
|
365
441
|
### Patch Changes
|
|
366
442
|
|
|
367
|
-
-
|
|
443
|
+
- [patch][f34776be97](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/f34776be97):
|
|
368
444
|
|
|
369
|
-
|
|
445
|
+
Type definition files are now referenced in package.json
|
|
370
446
|
|
|
371
447
|
## 1.0.0
|
|
372
448
|
|
|
373
449
|
### Major Changes
|
|
374
450
|
|
|
375
|
-
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
451
|
+
- [major][271b7db35b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/271b7db35b):
|
|
452
|
+
|
|
453
|
+
_💥 Most of the changes listed are breaking changes from the 0.x release_
|
|
454
|
+
|
|
455
|
+
### New component for placement: `<SurveyMarshal />`
|
|
456
|
+
|
|
457
|
+
We no longer require consumers to know anything about `react-transition-group` to use this
|
|
458
|
+
package. The `<SurveyMarshal />` takes care of the placement and mounting / unmounting animation
|
|
459
|
+
of the component. It accepts a _function as a child_ which needs to return the
|
|
460
|
+
`<ContextualSurvey />`. This pattern also allows the `<ContextualSurvey />` to not be evaluated
|
|
461
|
+
when it is not mounted
|
|
462
|
+
|
|
463
|
+
```js
|
|
464
|
+
import { SurveyMarshal, ContextualSurvey } from '@atlaskit/contextual-survey';
|
|
465
|
+
|
|
466
|
+
<SurveyMarshal shouldShow={showSurvey}>{() => <ContextualSurvey />}</SurveyMarshal>;
|
|
467
|
+
```
|
|
468
|
+
|
|
469
|
+
### Other
|
|
470
|
+
|
|
471
|
+
- `getUserHasAnsweredMailingList: () => boolean | () => Promise<boolean>` has been streamlined
|
|
472
|
+
to just be `() => Promise<boolean>`.
|
|
473
|
+
- ~~`onSignUp() => Promise<void>`~~ has become `onMailingListAnswer(answer) => Promise<void>`.
|
|
474
|
+
Previously `onSignUp` was only called if the user selected they wanted to sign up.
|
|
475
|
+
`onMailingListAnswer` will be called when the user selects they want to sign up, as well as
|
|
476
|
+
if they select that they do not want to sign up.
|
|
477
|
+
- 💄 `<ContextualSurvey />` now animates in as well as out
|
|
478
|
+
- 💄 No more scrollbars during closing animation
|
|
479
|
+
- 💄 Fixing spacing for `FeedbackAcknowledgement` screen
|
|
480
|
+
- 💄 Audit dismiss button alignment
|
|
481
|
+
- 🛠Preventing double calls to `onDismiss()`
|
|
482
|
+
- 🛠`onDismiss()` now provided with a `enum:DismissTrigger` to give more information about the
|
|
483
|
+
reason for the dismiss
|
|
484
|
+
- 🛠If `<ContextualSurvey />` is dismissed while `onSubmit` is resolving, then
|
|
485
|
+
`getUserHasAnsweredMailingList()` is not called. We do this as we won't be showing the email
|
|
486
|
+
sign up
|
|
487
|
+
- 🛠If the user marks that they do not want to be contacted, then
|
|
488
|
+
`getUserHasAnsweredMailingList()` is not called. Previously
|
|
489
|
+
`getUserHasAnsweredMailingList()` was always called _regardless_ of whether the user wanted
|
|
490
|
+
to be contacted. The email sign up is only showed if the user states that they want to be
|
|
491
|
+
contacted and if `getUserHasAnsweredMailingList` returns `false`. We now don't call
|
|
492
|
+
`getUserHasAnsweredMailingList` if the user has stated they don't want to be contacted as it
|
|
493
|
+
is a precondition.
|
|
494
|
+
- 🚀 The user is able to dismiss the form at any time using the `escape` key
|
|
495
|
+
- 🕵️ After clicking a score the response `textarea` is given browser focus.
|
|
496
|
+
- ✅ New behaviour for the _can contact_ checkbox. It is now not selected by default. When a
|
|
497
|
+
user types into the response text area for the first time we swap it to checked. From that
|
|
498
|
+
point the user is welcome to change it's value and we do not automatically swap it to
|
|
499
|
+
checked again. This allows people to select a score but not be contacted for it. It also
|
|
500
|
+
recognises that the engagement platform would like to be able to respond to people who
|
|
501
|
+
provide feedback.
|
|
502
|
+
- ♿️ Added `aria-pressed` to currently selected score
|
|
503
|
+
- 📖 Documentation explaining application flow
|
|
504
|
+
- 👩🔬 Added automated test for happy path
|
|
505
|
+
- ❌ No longer exporting `surveyWidth` and `surveyMargin`. All placement is handled by
|
|
506
|
+
`<SurveyMarshal />`
|
|
410
507
|
|
|
411
508
|
## 0.1.3
|
|
412
509
|
|
|
413
|
-
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
510
|
+
- Updated dependencies
|
|
511
|
+
[87a2638655](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/87a2638655):
|
|
512
|
+
- @atlaskit/button@13.0.10
|
|
513
|
+
- @atlaskit/form@6.1.2
|
|
514
|
+
- @atlaskit/checkbox@9.0.0
|
|
417
515
|
|
|
418
516
|
## 0.1.2
|
|
419
517
|
|
|
420
|
-
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
518
|
+
- Updated dependencies
|
|
519
|
+
[06326ef3f7](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/06326ef3f7):
|
|
520
|
+
- @atlaskit/docs@8.1.3
|
|
521
|
+
- @atlaskit/button@13.0.9
|
|
522
|
+
- @atlaskit/checkbox@8.0.5
|
|
523
|
+
- @atlaskit/form@6.1.1
|
|
524
|
+
- @atlaskit/tooltip@15.0.2
|
|
525
|
+
- @atlaskit/icon@19.0.0
|
|
427
526
|
|
|
428
527
|
## 0.1.1
|
|
429
528
|
|
|
430
529
|
### Patch Changes
|
|
431
530
|
|
|
432
|
-
-
|
|
531
|
+
- [patch][0fc1ac28e8](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/0fc1ac28e8):
|
|
433
532
|
|
|
434
|
-
|
|
533
|
+
Fixed missing background colour.
|
|
435
534
|
|
|
436
535
|
## 0.1.0
|
|
437
536
|
|
|
438
537
|
### Minor Changes
|
|
439
538
|
|
|
440
|
-
-
|
|
539
|
+
- [minor][25f45f87f4](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/25f45f87f4):
|
|
441
540
|
|
|
442
|
-
|
|
541
|
+
Create contextual survey component
|
|
@@ -5,19 +5,33 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
9
8
|
var _react = require("@emotion/react");
|
|
10
9
|
var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
|
|
11
10
|
var _colors = require("@atlaskit/theme/colors");
|
|
12
11
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
13
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
14
12
|
/** @jsx jsx */
|
|
13
|
+
|
|
14
|
+
var styles = (0, _react.css)({
|
|
15
|
+
textAlign: 'right'
|
|
16
|
+
});
|
|
15
17
|
var tooltipMessage = ['Strongly disagree', 'Disagree', 'Slightly disagree', 'Neutral', 'Slightly agree', 'Agree', 'Strongly agree'];
|
|
16
18
|
var _default = exports.default = function _default(_ref) {
|
|
17
19
|
var onChange = _ref.onChange,
|
|
18
20
|
value = _ref.value;
|
|
19
21
|
return (0, _react.jsx)("div", null, (0, _react.jsx)("div", {
|
|
20
|
-
css: (0, _react.css)(
|
|
22
|
+
css: (0, _react.css)({
|
|
23
|
+
display: 'flex',
|
|
24
|
+
justifyContent: 'space-between',
|
|
25
|
+
'& > * + *': {
|
|
26
|
+
marginLeft: "var(--ds-space-100, 8px)"
|
|
27
|
+
},
|
|
28
|
+
'& > *': {
|
|
29
|
+
flex: 1,
|
|
30
|
+
'& > button': {
|
|
31
|
+
justifyContent: 'center'
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
})
|
|
21
35
|
}, Array.from({
|
|
22
36
|
length: 7
|
|
23
37
|
}, function (_, i) {
|
|
@@ -38,11 +52,25 @@ var _default = exports.default = function _default(_ref) {
|
|
|
38
52
|
shouldFitContainer: true
|
|
39
53
|
}, score));
|
|
40
54
|
})), (0, _react.jsx)("div", {
|
|
41
|
-
css: (0, _react.css)(
|
|
55
|
+
css: (0, _react.css)({
|
|
56
|
+
fontSize: '12px',
|
|
57
|
+
fontWeight: 600,
|
|
58
|
+
color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
|
|
59
|
+
display: 'flex',
|
|
60
|
+
marginTop: "var(--ds-space-100, 8px)",
|
|
61
|
+
marginBottom: "var(--ds-space-300, 24px)",
|
|
62
|
+
'& > span': {
|
|
63
|
+
width: "var(--ds-space-1000, 80px)"
|
|
64
|
+
}
|
|
65
|
+
}),
|
|
42
66
|
"aria-hidden": true
|
|
43
67
|
}, (0, _react.jsx)("span", null, "Strongly disagree"), (0, _react.jsx)("span", {
|
|
44
|
-
css: (0, _react.css)(
|
|
68
|
+
css: (0, _react.css)({
|
|
69
|
+
textAlign: 'center',
|
|
70
|
+
margin: '0 auto',
|
|
71
|
+
padding: "0 ".concat("var(--ds-space-600, 48px)")
|
|
72
|
+
})
|
|
45
73
|
}, "Neutral"), (0, _react.jsx)("span", {
|
|
46
|
-
css:
|
|
74
|
+
css: styles
|
|
47
75
|
}, "Strongly agree")));
|
|
48
76
|
};
|
|
@@ -5,18 +5,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
9
8
|
var _react = require("@emotion/react");
|
|
10
9
|
var _checkCircle = _interopRequireDefault(require("@atlaskit/icon/glyph/check-circle"));
|
|
11
10
|
var _colors = require("@atlaskit/theme/colors");
|
|
12
|
-
var _templateObject, _templateObject2;
|
|
13
11
|
/** @jsx jsx */
|
|
14
12
|
var _default = exports.default = function _default(_ref) {
|
|
15
13
|
var children = _ref.children;
|
|
16
14
|
return (0, _react.jsx)("section", {
|
|
17
|
-
css: (0, _react.css)(
|
|
15
|
+
css: (0, _react.css)({
|
|
16
|
+
marginLeft: "var(--ds-space-500, 40px)"
|
|
17
|
+
})
|
|
18
18
|
}, (0, _react.jsx)("div", {
|
|
19
|
-
css: (0, _react.css)(
|
|
19
|
+
css: (0, _react.css)({
|
|
20
|
+
position: 'absolute',
|
|
21
|
+
top: "var(--ds-space-300, 24px)",
|
|
22
|
+
left: "var(--ds-space-300, 24px)"
|
|
23
|
+
})
|
|
20
24
|
}, (0, _react.jsx)(_checkCircle.default, {
|
|
21
25
|
label: "",
|
|
22
26
|
"aria-hidden": true,
|
|
@@ -5,22 +5,30 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.default = void 0;
|
|
8
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
9
8
|
var _react = require("@emotion/react");
|
|
10
9
|
var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
|
|
11
10
|
var _cross = _interopRequireDefault(require("@atlaskit/icon/glyph/cross"));
|
|
12
11
|
var _colors = require("@atlaskit/theme/colors");
|
|
13
12
|
var _constants = require("@atlaskit/theme/constants");
|
|
14
13
|
var _constants2 = require("../constants");
|
|
15
|
-
var _templateObject, _templateObject2;
|
|
16
14
|
/** @jsx jsx */
|
|
17
15
|
var _default = exports.default = function _default(_ref) {
|
|
18
16
|
var children = _ref.children,
|
|
19
17
|
onDismiss = _ref.onDismiss;
|
|
20
18
|
return (0, _react.jsx)("div", {
|
|
21
|
-
css: (0, _react.css)(
|
|
19
|
+
css: (0, _react.css)({
|
|
20
|
+
backgroundColor: "var(--ds-surface-overlay, ".concat(_colors.N0, ")"),
|
|
21
|
+
borderRadius: "".concat((0, _constants.borderRadius)(), "px"),
|
|
22
|
+
padding: "var(--ds-space-300, 24px)",
|
|
23
|
+
boxShadow: "var(--ds-shadow-overlay, ".concat("0 20px 32px -8px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"),
|
|
24
|
+
width: "".concat(_constants2.surveyInnerWidth, "px")
|
|
25
|
+
})
|
|
22
26
|
}, (0, _react.jsx)("div", {
|
|
23
|
-
css: (0, _react.css)(
|
|
27
|
+
css: (0, _react.css)({
|
|
28
|
+
position: 'absolute',
|
|
29
|
+
top: "var(--ds-space-200, 16px)",
|
|
30
|
+
right: "var(--ds-space-200, 16px)"
|
|
31
|
+
})
|
|
24
32
|
}, (0, _react.jsx)(_customThemeButton.default, {
|
|
25
33
|
iconBefore: (0, _react.jsx)(_cross.default, {
|
|
26
34
|
label: "",
|
|
@@ -3,27 +3,27 @@ import { css, jsx } from '@emotion/react';
|
|
|
3
3
|
import Button from '@atlaskit/button/custom-theme-button';
|
|
4
4
|
import { N200 } from '@atlaskit/theme/colors';
|
|
5
5
|
import Tooltip from '@atlaskit/tooltip';
|
|
6
|
+
const styles = css({
|
|
7
|
+
textAlign: 'right'
|
|
8
|
+
});
|
|
6
9
|
const tooltipMessage = ['Strongly disagree', 'Disagree', 'Slightly disagree', 'Neutral', 'Slightly agree', 'Agree', 'Strongly agree'];
|
|
7
10
|
export default (({
|
|
8
11
|
onChange,
|
|
9
12
|
value
|
|
10
13
|
}) => jsx("div", null, jsx("div", {
|
|
11
|
-
css: css
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
`
|
|
14
|
+
css: css({
|
|
15
|
+
display: 'flex',
|
|
16
|
+
justifyContent: 'space-between',
|
|
17
|
+
'& > * + *': {
|
|
18
|
+
marginLeft: "var(--ds-space-100, 8px)"
|
|
19
|
+
},
|
|
20
|
+
'& > *': {
|
|
21
|
+
flex: 1,
|
|
22
|
+
'& > button': {
|
|
23
|
+
justifyContent: 'center'
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
})
|
|
27
27
|
}, Array.from({
|
|
28
28
|
length: 7
|
|
29
29
|
}, (_, i) => {
|
|
@@ -42,27 +42,24 @@ export default (({
|
|
|
42
42
|
shouldFitContainer: true
|
|
43
43
|
}, score));
|
|
44
44
|
})), jsx("div", {
|
|
45
|
-
css: css
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
`,
|
|
45
|
+
css: css({
|
|
46
|
+
fontSize: '12px',
|
|
47
|
+
fontWeight: 600,
|
|
48
|
+
color: `var(--ds-text-subtlest, ${N200})`,
|
|
49
|
+
display: 'flex',
|
|
50
|
+
marginTop: "var(--ds-space-100, 8px)",
|
|
51
|
+
marginBottom: "var(--ds-space-300, 24px)",
|
|
52
|
+
'& > span': {
|
|
53
|
+
width: "var(--ds-space-1000, 80px)"
|
|
54
|
+
}
|
|
55
|
+
}),
|
|
57
56
|
"aria-hidden": true
|
|
58
57
|
}, jsx("span", null, "Strongly disagree"), jsx("span", {
|
|
59
|
-
css: css
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
58
|
+
css: css({
|
|
59
|
+
textAlign: 'center',
|
|
60
|
+
margin: '0 auto',
|
|
61
|
+
padding: `0 ${"var(--ds-space-600, 48px)"}`
|
|
62
|
+
})
|
|
64
63
|
}, "Neutral"), jsx("span", {
|
|
65
|
-
css:
|
|
66
|
-
text-align: right;
|
|
67
|
-
`
|
|
64
|
+
css: styles
|
|
68
65
|
}, "Strongly agree"))));
|
|
@@ -5,15 +5,15 @@ import { G300 } from '@atlaskit/theme/colors';
|
|
|
5
5
|
export default (({
|
|
6
6
|
children
|
|
7
7
|
}) => jsx("section", {
|
|
8
|
-
css: css
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
css: css({
|
|
9
|
+
marginLeft: "var(--ds-space-500, 40px)"
|
|
10
|
+
})
|
|
11
11
|
}, jsx("div", {
|
|
12
|
-
css: css
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
12
|
+
css: css({
|
|
13
|
+
position: 'absolute',
|
|
14
|
+
top: "var(--ds-space-300, 24px)",
|
|
15
|
+
left: "var(--ds-space-300, 24px)"
|
|
16
|
+
})
|
|
17
17
|
}, jsx(CheckCircleIcon, {
|
|
18
18
|
label: "",
|
|
19
19
|
"aria-hidden": true,
|
|
@@ -10,19 +10,19 @@ export default (({
|
|
|
10
10
|
onDismiss
|
|
11
11
|
}) => {
|
|
12
12
|
return jsx("div", {
|
|
13
|
-
css: css
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
13
|
+
css: css({
|
|
14
|
+
backgroundColor: `var(--ds-surface-overlay, ${N0})`,
|
|
15
|
+
borderRadius: `${borderRadius()}px`,
|
|
16
|
+
padding: "var(--ds-space-300, 24px)",
|
|
17
|
+
boxShadow: `var(--ds-shadow-overlay, ${`0 20px 32px -8px ${N50A}, 0 0 1px ${N60A}`})`,
|
|
18
|
+
width: `${surveyInnerWidth}px`
|
|
19
|
+
})
|
|
20
20
|
}, jsx("div", {
|
|
21
|
-
css: css
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
21
|
+
css: css({
|
|
22
|
+
position: 'absolute',
|
|
23
|
+
top: "var(--ds-space-200, 16px)",
|
|
24
|
+
right: "var(--ds-space-200, 16px)"
|
|
25
|
+
})
|
|
26
26
|
}, jsx(Button, {
|
|
27
27
|
iconBefore: jsx(CrossIcon, {
|
|
28
28
|
label: "",
|
|
@@ -1,16 +1,29 @@
|
|
|
1
|
-
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
3
1
|
/** @jsx jsx */
|
|
4
2
|
import { css, jsx } from '@emotion/react';
|
|
5
3
|
import Button from '@atlaskit/button/custom-theme-button';
|
|
6
4
|
import { N200 } from '@atlaskit/theme/colors';
|
|
7
5
|
import Tooltip from '@atlaskit/tooltip';
|
|
6
|
+
var styles = css({
|
|
7
|
+
textAlign: 'right'
|
|
8
|
+
});
|
|
8
9
|
var tooltipMessage = ['Strongly disagree', 'Disagree', 'Slightly disagree', 'Neutral', 'Slightly agree', 'Agree', 'Strongly agree'];
|
|
9
10
|
export default (function (_ref) {
|
|
10
11
|
var onChange = _ref.onChange,
|
|
11
12
|
value = _ref.value;
|
|
12
13
|
return jsx("div", null, jsx("div", {
|
|
13
|
-
css: css(
|
|
14
|
+
css: css({
|
|
15
|
+
display: 'flex',
|
|
16
|
+
justifyContent: 'space-between',
|
|
17
|
+
'& > * + *': {
|
|
18
|
+
marginLeft: "var(--ds-space-100, 8px)"
|
|
19
|
+
},
|
|
20
|
+
'& > *': {
|
|
21
|
+
flex: 1,
|
|
22
|
+
'& > button': {
|
|
23
|
+
justifyContent: 'center'
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
})
|
|
14
27
|
}, Array.from({
|
|
15
28
|
length: 7
|
|
16
29
|
}, function (_, i) {
|
|
@@ -31,11 +44,25 @@ export default (function (_ref) {
|
|
|
31
44
|
shouldFitContainer: true
|
|
32
45
|
}, score));
|
|
33
46
|
})), jsx("div", {
|
|
34
|
-
css: css(
|
|
47
|
+
css: css({
|
|
48
|
+
fontSize: '12px',
|
|
49
|
+
fontWeight: 600,
|
|
50
|
+
color: "var(--ds-text-subtlest, ".concat(N200, ")"),
|
|
51
|
+
display: 'flex',
|
|
52
|
+
marginTop: "var(--ds-space-100, 8px)",
|
|
53
|
+
marginBottom: "var(--ds-space-300, 24px)",
|
|
54
|
+
'& > span': {
|
|
55
|
+
width: "var(--ds-space-1000, 80px)"
|
|
56
|
+
}
|
|
57
|
+
}),
|
|
35
58
|
"aria-hidden": true
|
|
36
59
|
}, jsx("span", null, "Strongly disagree"), jsx("span", {
|
|
37
|
-
css: css(
|
|
60
|
+
css: css({
|
|
61
|
+
textAlign: 'center',
|
|
62
|
+
margin: '0 auto',
|
|
63
|
+
padding: "0 ".concat("var(--ds-space-600, 48px)")
|
|
64
|
+
})
|
|
38
65
|
}, "Neutral"), jsx("span", {
|
|
39
|
-
css:
|
|
66
|
+
css: styles
|
|
40
67
|
}, "Strongly agree")));
|
|
41
68
|
});
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
|
-
var _templateObject, _templateObject2;
|
|
3
1
|
/** @jsx jsx */
|
|
4
2
|
import { css, jsx } from '@emotion/react';
|
|
5
3
|
import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
|
|
@@ -7,9 +5,15 @@ import { G300 } from '@atlaskit/theme/colors';
|
|
|
7
5
|
export default (function (_ref) {
|
|
8
6
|
var children = _ref.children;
|
|
9
7
|
return jsx("section", {
|
|
10
|
-
css: css(
|
|
8
|
+
css: css({
|
|
9
|
+
marginLeft: "var(--ds-space-500, 40px)"
|
|
10
|
+
})
|
|
11
11
|
}, jsx("div", {
|
|
12
|
-
css: css(
|
|
12
|
+
css: css({
|
|
13
|
+
position: 'absolute',
|
|
14
|
+
top: "var(--ds-space-300, 24px)",
|
|
15
|
+
left: "var(--ds-space-300, 24px)"
|
|
16
|
+
})
|
|
13
17
|
}, jsx(CheckCircleIcon, {
|
|
14
18
|
label: "",
|
|
15
19
|
"aria-hidden": true,
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
|
-
var _templateObject, _templateObject2;
|
|
3
1
|
/** @jsx jsx */
|
|
4
2
|
import { css, jsx } from '@emotion/react';
|
|
5
3
|
import Button from '@atlaskit/button/custom-theme-button';
|
|
@@ -11,9 +9,19 @@ export default (function (_ref) {
|
|
|
11
9
|
var children = _ref.children,
|
|
12
10
|
onDismiss = _ref.onDismiss;
|
|
13
11
|
return jsx("div", {
|
|
14
|
-
css: css(
|
|
12
|
+
css: css({
|
|
13
|
+
backgroundColor: "var(--ds-surface-overlay, ".concat(N0, ")"),
|
|
14
|
+
borderRadius: "".concat(borderRadius(), "px"),
|
|
15
|
+
padding: "var(--ds-space-300, 24px)",
|
|
16
|
+
boxShadow: "var(--ds-shadow-overlay, ".concat("0 20px 32px -8px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"),
|
|
17
|
+
width: "".concat(surveyInnerWidth, "px")
|
|
18
|
+
})
|
|
15
19
|
}, jsx("div", {
|
|
16
|
-
css: css(
|
|
20
|
+
css: css({
|
|
21
|
+
position: 'absolute',
|
|
22
|
+
top: "var(--ds-space-200, 16px)",
|
|
23
|
+
right: "var(--ds-space-200, 16px)"
|
|
24
|
+
})
|
|
17
25
|
}, jsx(Button, {
|
|
18
26
|
iconBefore: jsx(CrossIcon, {
|
|
19
27
|
label: "",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/contextual-survey",
|
|
3
|
-
"version": "2.2.
|
|
3
|
+
"version": "2.2.16",
|
|
4
4
|
"description": "A React component used to ask the user for feedback",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -35,14 +35,14 @@
|
|
|
35
35
|
}
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@atlaskit/button": "^17.
|
|
39
|
-
"@atlaskit/checkbox": "^13.
|
|
40
|
-
"@atlaskit/form": "^
|
|
38
|
+
"@atlaskit/button": "^17.14.0",
|
|
39
|
+
"@atlaskit/checkbox": "^13.3.0",
|
|
40
|
+
"@atlaskit/form": "^10.0.0",
|
|
41
41
|
"@atlaskit/icon": "^22.1.0",
|
|
42
|
-
"@atlaskit/textarea": "^5.
|
|
43
|
-
"@atlaskit/theme": "^12.
|
|
44
|
-
"@atlaskit/tokens": "^1.
|
|
45
|
-
"@atlaskit/tooltip": "^18.
|
|
42
|
+
"@atlaskit/textarea": "^5.4.0",
|
|
43
|
+
"@atlaskit/theme": "^12.8.0",
|
|
44
|
+
"@atlaskit/tokens": "^1.47.0",
|
|
45
|
+
"@atlaskit/tooltip": "^18.3.0",
|
|
46
46
|
"@babel/runtime": "^7.0.0",
|
|
47
47
|
"@emotion/react": "^11.7.1",
|
|
48
48
|
"react-transition-group": "^4.4.1"
|