@availity/feedback 0.0.0-t325224b2 → 1.0.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 +2005 -0
- package/README.md +13 -64
- package/index.d.ts +3 -6
- package/index.js +3 -6
- package/jest.config.js +7 -0
- package/package.json +40 -25
- package/project.json +39 -0
- package/src/Feedback.d.ts +25 -0
- package/src/Feedback.js +107 -0
- package/{FeedbackButton.d.ts → src/FeedbackButton.d.ts} +1 -1
- package/src/FeedbackButton.js +33 -0
- package/{Feedback.d.ts → src/FeedbackDropdown.d.ts} +2 -2
- package/src/FeedbackDropdown.js +69 -0
- package/src/FeedbackForm.d.ts +31 -0
- package/src/FeedbackForm.js +306 -0
- package/src/FeedbackModal.d.ts +9 -0
- package/src/FeedbackModal.js +49 -0
- package/src/SmileField.js +76 -0
- package/src/SupportDropdown.js +37 -0
- package/src/SupportForm.js +149 -0
- package/src/SupportModal.js +40 -0
- package/tsconfig.json +5 -0
- package/tsconfig.spec.json +10 -0
- package/Feedback.js +0 -48
- package/FeedbackButton.js +0 -36
- package/FeedbackForm.d.ts +0 -21
- package/FeedbackForm.js +0 -137
- package/LICENSE +0 -20
- package/tests/Feedback.test.js +0 -59
- package/tests/FeedbackForm.test.js +0 -99
- package/tests/__snapshots__/Feedback.test.js.snap +0 -610
- package/tests/__snapshots__/FeedbackForm.test.js.snap +0 -435
|
@@ -1,435 +0,0 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
-
|
|
3
|
-
exports[`Feedback should indicate active smiley 1`] = `
|
|
4
|
-
<div>
|
|
5
|
-
<div
|
|
6
|
-
class="text-center"
|
|
7
|
-
>
|
|
8
|
-
<p>
|
|
9
|
-
Tell us what you think about Payer Space.
|
|
10
|
-
</p>
|
|
11
|
-
<div
|
|
12
|
-
class="btn-group"
|
|
13
|
-
role="group"
|
|
14
|
-
>
|
|
15
|
-
<button
|
|
16
|
-
class="btn btn-light"
|
|
17
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
18
|
-
type="button"
|
|
19
|
-
>
|
|
20
|
-
<span
|
|
21
|
-
class="icon icon-smile"
|
|
22
|
-
/>
|
|
23
|
-
<span
|
|
24
|
-
class="sr-only"
|
|
25
|
-
>
|
|
26
|
-
Smiley face
|
|
27
|
-
</span>
|
|
28
|
-
</button>
|
|
29
|
-
<button
|
|
30
|
-
class="btn btn-light"
|
|
31
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
32
|
-
type="button"
|
|
33
|
-
>
|
|
34
|
-
<span
|
|
35
|
-
class="icon icon-meh"
|
|
36
|
-
/>
|
|
37
|
-
<span
|
|
38
|
-
class="sr-only"
|
|
39
|
-
>
|
|
40
|
-
Meh face
|
|
41
|
-
</span>
|
|
42
|
-
</button>
|
|
43
|
-
<button
|
|
44
|
-
class="btn btn-light"
|
|
45
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
46
|
-
type="button"
|
|
47
|
-
>
|
|
48
|
-
<span
|
|
49
|
-
class="icon icon-frown"
|
|
50
|
-
/>
|
|
51
|
-
<span
|
|
52
|
-
class="sr-only"
|
|
53
|
-
>
|
|
54
|
-
Frowny face
|
|
55
|
-
</span>
|
|
56
|
-
</button>
|
|
57
|
-
</div>
|
|
58
|
-
<div
|
|
59
|
-
class="invalid-feedback"
|
|
60
|
-
>
|
|
61
|
-
Please select one of the faces above
|
|
62
|
-
</div>
|
|
63
|
-
<textarea
|
|
64
|
-
aria-label="Please provide any feedback, requests, and/or defects."
|
|
65
|
-
class="mt-3 form-control"
|
|
66
|
-
placeholder="Feedback? Requests? Defects? (optional)"
|
|
67
|
-
/>
|
|
68
|
-
<div
|
|
69
|
-
class="mt-3 text-right"
|
|
70
|
-
>
|
|
71
|
-
<button
|
|
72
|
-
class="btn btn-primary"
|
|
73
|
-
type="button"
|
|
74
|
-
>
|
|
75
|
-
Send
|
|
76
|
-
</button>
|
|
77
|
-
</div>
|
|
78
|
-
</div>
|
|
79
|
-
</div>
|
|
80
|
-
`;
|
|
81
|
-
|
|
82
|
-
exports[`Feedback should render 1`] = `
|
|
83
|
-
<div>
|
|
84
|
-
<div
|
|
85
|
-
class="text-center"
|
|
86
|
-
>
|
|
87
|
-
<p>
|
|
88
|
-
Tell us what you think about Payer Space.
|
|
89
|
-
</p>
|
|
90
|
-
<div
|
|
91
|
-
class="btn-group"
|
|
92
|
-
role="group"
|
|
93
|
-
>
|
|
94
|
-
<button
|
|
95
|
-
class="btn btn-light"
|
|
96
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
97
|
-
type="button"
|
|
98
|
-
>
|
|
99
|
-
<span
|
|
100
|
-
class="icon icon-smile"
|
|
101
|
-
/>
|
|
102
|
-
<span
|
|
103
|
-
class="sr-only"
|
|
104
|
-
>
|
|
105
|
-
Smiley face
|
|
106
|
-
</span>
|
|
107
|
-
</button>
|
|
108
|
-
<button
|
|
109
|
-
class="btn btn-light"
|
|
110
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
111
|
-
type="button"
|
|
112
|
-
>
|
|
113
|
-
<span
|
|
114
|
-
class="icon icon-meh"
|
|
115
|
-
/>
|
|
116
|
-
<span
|
|
117
|
-
class="sr-only"
|
|
118
|
-
>
|
|
119
|
-
Meh face
|
|
120
|
-
</span>
|
|
121
|
-
</button>
|
|
122
|
-
<button
|
|
123
|
-
class="btn btn-light"
|
|
124
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
125
|
-
type="button"
|
|
126
|
-
>
|
|
127
|
-
<span
|
|
128
|
-
class="icon icon-frown"
|
|
129
|
-
/>
|
|
130
|
-
<span
|
|
131
|
-
class="sr-only"
|
|
132
|
-
>
|
|
133
|
-
Frowny face
|
|
134
|
-
</span>
|
|
135
|
-
</button>
|
|
136
|
-
</div>
|
|
137
|
-
<div
|
|
138
|
-
class="invalid-feedback"
|
|
139
|
-
>
|
|
140
|
-
Please select one of the faces above
|
|
141
|
-
</div>
|
|
142
|
-
<textarea
|
|
143
|
-
aria-label="Please provide any feedback, requests, and/or defects."
|
|
144
|
-
class="mt-3 form-control"
|
|
145
|
-
placeholder="Feedback? Requests? Defects? (optional)"
|
|
146
|
-
/>
|
|
147
|
-
<div
|
|
148
|
-
class="mt-3 text-right"
|
|
149
|
-
>
|
|
150
|
-
<button
|
|
151
|
-
class="btn btn-primary"
|
|
152
|
-
type="button"
|
|
153
|
-
>
|
|
154
|
-
Send
|
|
155
|
-
</button>
|
|
156
|
-
</div>
|
|
157
|
-
</div>
|
|
158
|
-
</div>
|
|
159
|
-
`;
|
|
160
|
-
|
|
161
|
-
exports[`Feedback should render custom button color 1`] = `
|
|
162
|
-
<div>
|
|
163
|
-
<div
|
|
164
|
-
class="text-center"
|
|
165
|
-
>
|
|
166
|
-
<p>
|
|
167
|
-
Tell us what you think about Payer Space.
|
|
168
|
-
</p>
|
|
169
|
-
<div
|
|
170
|
-
class="btn-group"
|
|
171
|
-
role="group"
|
|
172
|
-
>
|
|
173
|
-
<button
|
|
174
|
-
class="btn btn-light"
|
|
175
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
176
|
-
type="button"
|
|
177
|
-
>
|
|
178
|
-
<span
|
|
179
|
-
class="icon icon-smile"
|
|
180
|
-
/>
|
|
181
|
-
<span
|
|
182
|
-
class="sr-only"
|
|
183
|
-
>
|
|
184
|
-
Smiley face
|
|
185
|
-
</span>
|
|
186
|
-
</button>
|
|
187
|
-
<button
|
|
188
|
-
class="btn btn-light"
|
|
189
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
190
|
-
type="button"
|
|
191
|
-
>
|
|
192
|
-
<span
|
|
193
|
-
class="icon icon-meh"
|
|
194
|
-
/>
|
|
195
|
-
<span
|
|
196
|
-
class="sr-only"
|
|
197
|
-
>
|
|
198
|
-
Meh face
|
|
199
|
-
</span>
|
|
200
|
-
</button>
|
|
201
|
-
<button
|
|
202
|
-
class="btn btn-light"
|
|
203
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
204
|
-
type="button"
|
|
205
|
-
>
|
|
206
|
-
<span
|
|
207
|
-
class="icon icon-frown"
|
|
208
|
-
/>
|
|
209
|
-
<span
|
|
210
|
-
class="sr-only"
|
|
211
|
-
>
|
|
212
|
-
Frowny face
|
|
213
|
-
</span>
|
|
214
|
-
</button>
|
|
215
|
-
</div>
|
|
216
|
-
<div
|
|
217
|
-
class="invalid-feedback"
|
|
218
|
-
>
|
|
219
|
-
Please select one of the faces above
|
|
220
|
-
</div>
|
|
221
|
-
<select
|
|
222
|
-
class="custom-select"
|
|
223
|
-
type="select"
|
|
224
|
-
>
|
|
225
|
-
<option
|
|
226
|
-
value="this space"
|
|
227
|
-
>
|
|
228
|
-
This Payer Space
|
|
229
|
-
</option>
|
|
230
|
-
<option
|
|
231
|
-
value="that space"
|
|
232
|
-
>
|
|
233
|
-
That Payer Space
|
|
234
|
-
</option>
|
|
235
|
-
<option
|
|
236
|
-
value="portal"
|
|
237
|
-
>
|
|
238
|
-
Portal as a whole
|
|
239
|
-
</option>
|
|
240
|
-
<option
|
|
241
|
-
value="availity"
|
|
242
|
-
>
|
|
243
|
-
Availity as a whole
|
|
244
|
-
</option>
|
|
245
|
-
</select>
|
|
246
|
-
<textarea
|
|
247
|
-
aria-label="Please provide any feedback, requests, and/or defects."
|
|
248
|
-
class="mt-3 form-control"
|
|
249
|
-
placeholder="Feedback? Requests? Defects? (optional)"
|
|
250
|
-
/>
|
|
251
|
-
<div
|
|
252
|
-
class="mt-3 text-right"
|
|
253
|
-
>
|
|
254
|
-
<button
|
|
255
|
-
class="btn btn-primary"
|
|
256
|
-
type="button"
|
|
257
|
-
>
|
|
258
|
-
Send
|
|
259
|
-
</button>
|
|
260
|
-
</div>
|
|
261
|
-
</div>
|
|
262
|
-
</div>
|
|
263
|
-
`;
|
|
264
|
-
|
|
265
|
-
exports[`Feedback should render custom face icons 1`] = `
|
|
266
|
-
<div>
|
|
267
|
-
<div
|
|
268
|
-
class="text-center"
|
|
269
|
-
>
|
|
270
|
-
<p>
|
|
271
|
-
Tell us what you think about Payer Space.
|
|
272
|
-
</p>
|
|
273
|
-
<div
|
|
274
|
-
class="btn-group"
|
|
275
|
-
role="group"
|
|
276
|
-
>
|
|
277
|
-
<button
|
|
278
|
-
class="btn btn-light"
|
|
279
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
280
|
-
type="button"
|
|
281
|
-
>
|
|
282
|
-
<span
|
|
283
|
-
class="icon icon-happy"
|
|
284
|
-
/>
|
|
285
|
-
<span
|
|
286
|
-
class="sr-only"
|
|
287
|
-
>
|
|
288
|
-
Happy face
|
|
289
|
-
</span>
|
|
290
|
-
</button>
|
|
291
|
-
<button
|
|
292
|
-
class="btn btn-light"
|
|
293
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
294
|
-
type="button"
|
|
295
|
-
>
|
|
296
|
-
<span
|
|
297
|
-
class="icon icon-okay"
|
|
298
|
-
/>
|
|
299
|
-
<span
|
|
300
|
-
class="sr-only"
|
|
301
|
-
>
|
|
302
|
-
Okay face
|
|
303
|
-
</span>
|
|
304
|
-
</button>
|
|
305
|
-
<button
|
|
306
|
-
class="btn btn-light"
|
|
307
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
308
|
-
type="button"
|
|
309
|
-
>
|
|
310
|
-
<span
|
|
311
|
-
class="icon icon-sad"
|
|
312
|
-
/>
|
|
313
|
-
<span
|
|
314
|
-
class="sr-only"
|
|
315
|
-
>
|
|
316
|
-
Sad face
|
|
317
|
-
</span>
|
|
318
|
-
</button>
|
|
319
|
-
<button
|
|
320
|
-
class="btn btn-light"
|
|
321
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
322
|
-
type="button"
|
|
323
|
-
>
|
|
324
|
-
<span
|
|
325
|
-
class="icon icon-confused"
|
|
326
|
-
/>
|
|
327
|
-
<span
|
|
328
|
-
class="sr-only"
|
|
329
|
-
>
|
|
330
|
-
Confused face
|
|
331
|
-
</span>
|
|
332
|
-
</button>
|
|
333
|
-
</div>
|
|
334
|
-
<div
|
|
335
|
-
class="invalid-feedback"
|
|
336
|
-
>
|
|
337
|
-
Please select one of the faces above
|
|
338
|
-
</div>
|
|
339
|
-
<textarea
|
|
340
|
-
aria-label="Please provide any feedback, requests, and/or defects."
|
|
341
|
-
class="mt-3 form-control"
|
|
342
|
-
placeholder="Feedback? Requests? Defects? (optional)"
|
|
343
|
-
/>
|
|
344
|
-
<div
|
|
345
|
-
class="mt-3 text-right"
|
|
346
|
-
>
|
|
347
|
-
<button
|
|
348
|
-
class="btn btn-primary"
|
|
349
|
-
type="button"
|
|
350
|
-
>
|
|
351
|
-
Send
|
|
352
|
-
</button>
|
|
353
|
-
</div>
|
|
354
|
-
</div>
|
|
355
|
-
</div>
|
|
356
|
-
`;
|
|
357
|
-
|
|
358
|
-
exports[`Feedback should set the feedback text value 1`] = `
|
|
359
|
-
<div>
|
|
360
|
-
<div
|
|
361
|
-
class="text-center"
|
|
362
|
-
>
|
|
363
|
-
<p>
|
|
364
|
-
Tell us what you think about Payer Space.
|
|
365
|
-
</p>
|
|
366
|
-
<div
|
|
367
|
-
class="btn-group"
|
|
368
|
-
role="group"
|
|
369
|
-
>
|
|
370
|
-
<button
|
|
371
|
-
class="btn btn-light"
|
|
372
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
373
|
-
type="button"
|
|
374
|
-
>
|
|
375
|
-
<span
|
|
376
|
-
class="icon icon-smile"
|
|
377
|
-
/>
|
|
378
|
-
<span
|
|
379
|
-
class="sr-only"
|
|
380
|
-
>
|
|
381
|
-
Smiley face
|
|
382
|
-
</span>
|
|
383
|
-
</button>
|
|
384
|
-
<button
|
|
385
|
-
class="btn btn-light"
|
|
386
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
387
|
-
type="button"
|
|
388
|
-
>
|
|
389
|
-
<span
|
|
390
|
-
class="icon icon-meh"
|
|
391
|
-
/>
|
|
392
|
-
<span
|
|
393
|
-
class="sr-only"
|
|
394
|
-
>
|
|
395
|
-
Meh face
|
|
396
|
-
</span>
|
|
397
|
-
</button>
|
|
398
|
-
<button
|
|
399
|
-
class="btn btn-light"
|
|
400
|
-
style="font-size: 1.4em; padding: .2em .4em;"
|
|
401
|
-
type="button"
|
|
402
|
-
>
|
|
403
|
-
<span
|
|
404
|
-
class="icon icon-frown"
|
|
405
|
-
/>
|
|
406
|
-
<span
|
|
407
|
-
class="sr-only"
|
|
408
|
-
>
|
|
409
|
-
Frowny face
|
|
410
|
-
</span>
|
|
411
|
-
</button>
|
|
412
|
-
</div>
|
|
413
|
-
<div
|
|
414
|
-
class="invalid-feedback"
|
|
415
|
-
>
|
|
416
|
-
Please select one of the faces above
|
|
417
|
-
</div>
|
|
418
|
-
<textarea
|
|
419
|
-
aria-label="Please provide any feedback, requests, and/or defects."
|
|
420
|
-
class="mt-3 form-control"
|
|
421
|
-
placeholder="Feedback? Requests? Defects? (optional)"
|
|
422
|
-
/>
|
|
423
|
-
<div
|
|
424
|
-
class="mt-3 text-right"
|
|
425
|
-
>
|
|
426
|
-
<button
|
|
427
|
-
class="btn btn-primary"
|
|
428
|
-
type="button"
|
|
429
|
-
>
|
|
430
|
-
Send
|
|
431
|
-
</button>
|
|
432
|
-
</div>
|
|
433
|
-
</div>
|
|
434
|
-
</div>
|
|
435
|
-
`;
|