@zohodesk/dot 1.0.0-temp-210.1 → 1.0.0-temp-211

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.
Files changed (55) hide show
  1. package/.cli/propValidation_report.html +1 -1
  2. package/README.md +5 -0
  3. package/es/ActionButton/__tests__/ActionButton.spec.js +353 -2
  4. package/es/ActionButton/__tests__/__snapshots__/ActionButton.spec.js.snap +2633 -1
  5. package/es/Drawer/Drawer.js +2 -10
  6. package/es/Drawer/__tests__/Content.spec.js +24 -0
  7. package/es/Drawer/__tests__/Drawer.spec.js +130 -4
  8. package/es/Drawer/__tests__/Footer.spec.js +34 -0
  9. package/es/Drawer/__tests__/Header.spec.js +173 -0
  10. package/es/Drawer/__tests__/__snapshots__/Content.spec.js.snap +127 -0
  11. package/es/Drawer/__tests__/__snapshots__/Drawer.spec.js.snap +535 -2
  12. package/es/Drawer/__tests__/__snapshots__/Footer.spec.js.snap +1233 -0
  13. package/es/Drawer/__tests__/__snapshots__/Header.spec.js.snap +782 -0
  14. package/es/Drawer/props/defaultProps.js +1 -5
  15. package/es/Drawer/props/propTypes.js +1 -5
  16. package/es/FlipCard/__tests__/FlipCard.spec.js +606 -2
  17. package/es/FlipCard/__tests__/__snapshots__/FlipCard.spec.js.snap +6626 -1
  18. package/es/FreezeLayer/FreezeLayer.js +3 -11
  19. package/es/FreezeLayer/props/defaultProps.js +1 -5
  20. package/es/FreezeLayer/props/propTypes.js +1 -5
  21. package/es/Link/__tests__/Link.spec.js +123 -3
  22. package/es/Link/__tests__/__snapshots__/Link.spec.js.snap +142 -2
  23. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +8 -2
  24. package/es/list/ListStencils/ListStencils.js +7 -2
  25. package/es/list/ListStencils/__tests__/ListStencils.spec.js +9 -0
  26. package/es/list/ListStencils/__tests__/__snapshots__/ListStencils.spec.js.snap +46 -0
  27. package/es/list/ListStencils/props/propTypes.js +3 -1
  28. package/lib/ActionButton/__tests__/ActionButton.spec.js +354 -1
  29. package/lib/ActionButton/__tests__/__snapshots__/ActionButton.spec.js.snap +2633 -1
  30. package/lib/Drawer/Drawer.js +2 -10
  31. package/lib/Drawer/__tests__/Content.spec.js +35 -0
  32. package/lib/Drawer/__tests__/Drawer.spec.js +132 -5
  33. package/lib/Drawer/__tests__/Footer.spec.js +41 -0
  34. package/lib/Drawer/__tests__/Header.spec.js +192 -0
  35. package/lib/Drawer/__tests__/__snapshots__/Content.spec.js.snap +127 -0
  36. package/lib/Drawer/__tests__/__snapshots__/Drawer.spec.js.snap +535 -2
  37. package/lib/Drawer/__tests__/__snapshots__/Footer.spec.js.snap +1233 -0
  38. package/lib/Drawer/__tests__/__snapshots__/Header.spec.js.snap +782 -0
  39. package/lib/Drawer/props/defaultProps.js +1 -5
  40. package/lib/Drawer/props/propTypes.js +1 -5
  41. package/lib/FlipCard/__tests__/FlipCard.spec.js +613 -1
  42. package/lib/FlipCard/__tests__/__snapshots__/FlipCard.spec.js.snap +6626 -1
  43. package/lib/FreezeLayer/FreezeLayer.js +3 -11
  44. package/lib/FreezeLayer/props/defaultProps.js +1 -5
  45. package/lib/FreezeLayer/props/propTypes.js +1 -5
  46. package/lib/Link/__tests__/Link.spec.js +130 -4
  47. package/lib/Link/__tests__/__snapshots__/Link.spec.js.snap +142 -2
  48. package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +12 -6
  49. package/lib/list/ListStencils/ListStencils.js +8 -2
  50. package/lib/list/ListStencils/__tests__/ListStencils.spec.js +9 -0
  51. package/lib/list/ListStencils/__tests__/__snapshots__/ListStencils.spec.js.snap +46 -0
  52. package/lib/list/ListStencils/props/propTypes.js +3 -1
  53. package/package.json +6 -6
  54. package/result.json +1 -0
  55. package/unittest/index.html +45 -0
package/es/Drawer/__tests__/__snapshots__/Drawer.spec.js.snap CHANGED
@@ -1,8 +1,541 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
- exports[`Drawer rendering the defult props 1`] = `<DocumentFragment />`;
3
+ exports[`Drawer Component Snapshots renders Drawer with all options combined 1`] = `
4
+ <DocumentFragment>
5
+ <div
6
+ class="container combined-drawer index5 default"
7
+ data-drag-parent="true"
8
+ style="z-index: 5;"
9
+ >
10
+ <div
11
+ class="flex cover rowdir"
12
+ data-id="reactFreezeLayer"
13
+ data-selector-id="container"
14
+ data-test-id="reactFreezeLayer"
15
+ />
16
+ </div>
17
+ </DocumentFragment>
18
+ `;
19
+
20
+ exports[`Drawer Component Snapshots renders Drawer with flexible set to true 1`] = `<DocumentFragment />`;
21
+
22
+ exports[`Drawer Component Snapshots renders Drawer with isActive set to true 1`] = `
23
+ <DocumentFragment>
24
+ <div
25
+ class="isOverlay flex cover rowdir right scrollnone"
26
+ data-id="containerComponent"
27
+ data-selector-id="container"
28
+ data-test-id="containerComponent"
29
+ style="z-index: 4;"
30
+ >
31
+ <div
32
+ class="container columns drawerModal small shrinkOff"
33
+ data-a11y-need-focus-style="false"
34
+ data-id="boxComponent"
35
+ data-selector-id="box"
36
+ data-test-id="boxComponent"
37
+ tabindex="-1"
38
+ >
39
+ <div
40
+ class="flex cover coldir"
41
+ data-id="containerComponent"
42
+ data-selector-id="container"
43
+ data-test-id="containerComponent"
44
+ />
45
+ </div>
46
+ </div>
47
+ </DocumentFragment>
48
+ `;
49
+
50
+ exports[`Drawer Component Snapshots renders Drawer with isBoxIcon set to true 1`] = `<DocumentFragment />`;
51
+
52
+ exports[`Drawer Component Snapshots renders Drawer with isIconBold set to true 1`] = `<DocumentFragment />`;
53
+
54
+ exports[`Drawer Component Snapshots renders Drawer with needAutoZindex set to true 1`] = `<DocumentFragment />`;
55
+
56
+ exports[`Drawer Component Snapshots renders Drawer with needFocusScope set to true 1`] = `<DocumentFragment />`;
57
+
58
+ exports[`Drawer Component Snapshots renders Drawer with needFreeze set to true 1`] = `<DocumentFragment />`;
59
+
60
+ exports[`Drawer Component Snapshots renders Drawer with palette - dark 1`] = `
61
+ <DocumentFragment>
62
+ <div
63
+ class="isOverlay flex cover rowdir right scrollnone"
64
+ data-id="containerComponent"
65
+ data-selector-id="container"
66
+ data-test-id="containerComponent"
67
+ style="z-index: 4;"
68
+ >
69
+ <div
70
+ class="container columns drawerModal small shrinkOff"
71
+ data-a11y-need-focus-style="false"
72
+ data-id="boxComponent"
73
+ data-selector-id="box"
74
+ data-test-id="boxComponent"
75
+ tabindex="-1"
76
+ >
77
+ <div
78
+ class="flex cover coldir"
79
+ data-id="containerComponent"
80
+ data-selector-id="container"
81
+ data-test-id="containerComponent"
82
+ />
83
+ </div>
84
+ </div>
85
+ </DocumentFragment>
86
+ `;
87
+
88
+ exports[`Drawer Component Snapshots renders Drawer with palette - darkLight 1`] = `
89
+ <DocumentFragment>
90
+ <div
91
+ class="isOverlay flex cover rowdir right scrollnone"
92
+ data-id="containerComponent"
93
+ data-selector-id="container"
94
+ data-test-id="containerComponent"
95
+ style="z-index: 4;"
96
+ >
97
+ <div
98
+ class="container columns drawerModal small shrinkOff"
99
+ data-a11y-need-focus-style="false"
100
+ data-id="boxComponent"
101
+ data-selector-id="box"
102
+ data-test-id="boxComponent"
103
+ tabindex="-1"
104
+ >
105
+ <div
106
+ class="flex cover coldir"
107
+ data-id="containerComponent"
108
+ data-selector-id="container"
109
+ data-test-id="containerComponent"
110
+ />
111
+ </div>
112
+ </div>
113
+ </DocumentFragment>
114
+ `;
115
+
116
+ exports[`Drawer Component Snapshots renders Drawer with palette - default 1`] = `
117
+ <DocumentFragment>
118
+ <div
119
+ class="isOverlay flex cover rowdir right scrollnone"
120
+ data-id="containerComponent"
121
+ data-selector-id="container"
122
+ data-test-id="containerComponent"
123
+ style="z-index: 4;"
124
+ >
125
+ <div
126
+ class="container columns drawerModal small shrinkOff"
127
+ data-a11y-need-focus-style="false"
128
+ data-id="boxComponent"
129
+ data-selector-id="box"
130
+ data-test-id="boxComponent"
131
+ tabindex="-1"
132
+ >
133
+ <div
134
+ class="flex cover coldir"
135
+ data-id="containerComponent"
136
+ data-selector-id="container"
137
+ data-test-id="containerComponent"
138
+ />
139
+ </div>
140
+ </div>
141
+ </DocumentFragment>
142
+ `;
143
+
144
+ exports[`Drawer Component Snapshots renders Drawer with palette - plain 1`] = `
145
+ <DocumentFragment>
146
+ <div
147
+ class="isOverlay flex cover rowdir right scrollnone"
148
+ data-id="containerComponent"
149
+ data-selector-id="container"
150
+ data-test-id="containerComponent"
151
+ style="z-index: 4;"
152
+ >
153
+ <div
154
+ class="container columns drawerModal small shrinkOff"
155
+ data-a11y-need-focus-style="false"
156
+ data-id="boxComponent"
157
+ data-selector-id="box"
158
+ data-test-id="boxComponent"
159
+ tabindex="-1"
160
+ >
161
+ <div
162
+ class="flex cover coldir"
163
+ data-id="containerComponent"
164
+ data-selector-id="container"
165
+ data-test-id="containerComponent"
166
+ />
167
+ </div>
168
+ </div>
169
+ </DocumentFragment>
170
+ `;
171
+
172
+ exports[`Drawer Component Snapshots renders Drawer with size - default 1`] = `
173
+ <DocumentFragment>
174
+ <div
175
+ class="isOverlay flex cover rowdir right scrollnone"
176
+ data-id="containerComponent"
177
+ data-selector-id="container"
178
+ data-test-id="containerComponent"
179
+ style="z-index: 4;"
180
+ >
181
+ <div
182
+ class="container columns drawerModal default shrinkOff"
183
+ data-a11y-need-focus-style="false"
184
+ data-id="boxComponent"
185
+ data-selector-id="box"
186
+ data-test-id="boxComponent"
187
+ tabindex="-1"
188
+ >
189
+ <div
190
+ class="flex cover coldir"
191
+ data-id="containerComponent"
192
+ data-selector-id="container"
193
+ data-test-id="containerComponent"
194
+ />
195
+ </div>
196
+ </div>
197
+ </DocumentFragment>
198
+ `;
199
+
200
+ exports[`Drawer Component Snapshots renders Drawer with size - large 1`] = `
201
+ <DocumentFragment>
202
+ <div
203
+ class="isOverlay flex cover rowdir right scrollnone"
204
+ data-id="containerComponent"
205
+ data-selector-id="container"
206
+ data-test-id="containerComponent"
207
+ style="z-index: 4;"
208
+ >
209
+ <div
210
+ class="container columns drawerModal large shrinkOff"
211
+ data-a11y-need-focus-style="false"
212
+ data-id="boxComponent"
213
+ data-selector-id="box"
214
+ data-test-id="boxComponent"
215
+ tabindex="-1"
216
+ >
217
+ <div
218
+ class="flex cover coldir"
219
+ data-id="containerComponent"
220
+ data-selector-id="container"
221
+ data-test-id="containerComponent"
222
+ />
223
+ </div>
224
+ </div>
225
+ </DocumentFragment>
226
+ `;
227
+
228
+ exports[`Drawer Component Snapshots renders Drawer with size - medium 1`] = `
229
+ <DocumentFragment>
230
+ <div
231
+ class="isOverlay flex cover rowdir right scrollnone"
232
+ data-id="containerComponent"
233
+ data-selector-id="container"
234
+ data-test-id="containerComponent"
235
+ style="z-index: 4;"
236
+ >
237
+ <div
238
+ class="container columns drawerModal medium shrinkOff"
239
+ data-a11y-need-focus-style="false"
240
+ data-id="boxComponent"
241
+ data-selector-id="box"
242
+ data-test-id="boxComponent"
243
+ tabindex="-1"
244
+ >
245
+ <div
246
+ class="flex cover coldir"
247
+ data-id="containerComponent"
248
+ data-selector-id="container"
249
+ data-test-id="containerComponent"
250
+ />
251
+ </div>
252
+ </div>
253
+ </DocumentFragment>
254
+ `;
255
+
256
+ exports[`Drawer Component Snapshots renders Drawer with size - small 1`] = `
257
+ <DocumentFragment>
258
+ <div
259
+ class="isOverlay flex cover rowdir right scrollnone"
260
+ data-id="containerComponent"
261
+ data-selector-id="container"
262
+ data-test-id="containerComponent"
263
+ style="z-index: 4;"
264
+ >
265
+ <div
266
+ class="container columns drawerModal small shrinkOff"
267
+ data-a11y-need-focus-style="false"
268
+ data-id="boxComponent"
269
+ data-selector-id="box"
270
+ data-test-id="boxComponent"
271
+ tabindex="-1"
272
+ >
273
+ <div
274
+ class="flex cover coldir"
275
+ data-id="containerComponent"
276
+ data-selector-id="container"
277
+ data-test-id="containerComponent"
278
+ />
279
+ </div>
280
+ </div>
281
+ </DocumentFragment>
282
+ `;
283
+
284
+ exports[`Drawer Component Snapshots renders Drawer with size - xlarge 1`] = `
285
+ <DocumentFragment>
286
+ <div
287
+ class="isOverlay flex cover rowdir right scrollnone"
288
+ data-id="containerComponent"
289
+ data-selector-id="container"
290
+ data-test-id="containerComponent"
291
+ style="z-index: 4;"
292
+ >
293
+ <div
294
+ class="container columns drawerModal xlarge shrinkOff"
295
+ data-a11y-need-focus-style="false"
296
+ data-id="boxComponent"
297
+ data-selector-id="box"
298
+ data-test-id="boxComponent"
299
+ tabindex="-1"
300
+ >
301
+ <div
302
+ class="flex cover coldir"
303
+ data-id="containerComponent"
304
+ data-selector-id="container"
305
+ data-test-id="containerComponent"
306
+ />
307
+ </div>
308
+ </div>
309
+ </DocumentFragment>
310
+ `;
311
+
312
+ exports[`Drawer Component Snapshots renders Drawer with size - xmedium 1`] = `
313
+ <DocumentFragment>
314
+ <div
315
+ class="isOverlay flex cover rowdir right scrollnone"
316
+ data-id="containerComponent"
317
+ data-selector-id="container"
318
+ data-test-id="containerComponent"
319
+ style="z-index: 4;"
320
+ >
321
+ <div
322
+ class="container columns drawerModal xmedium shrinkOff"
323
+ data-a11y-need-focus-style="false"
324
+ data-id="boxComponent"
325
+ data-selector-id="box"
326
+ data-test-id="boxComponent"
327
+ tabindex="-1"
328
+ >
329
+ <div
330
+ class="flex cover coldir"
331
+ data-id="containerComponent"
332
+ data-selector-id="container"
333
+ data-test-id="containerComponent"
334
+ />
335
+ </div>
336
+ </div>
337
+ </DocumentFragment>
338
+ `;
339
+
340
+ exports[`Drawer Component Snapshots renders Drawer with size - xsmall 1`] = `
341
+ <DocumentFragment>
342
+ <div
343
+ class="isOverlay flex cover rowdir right scrollnone"
344
+ data-id="containerComponent"
345
+ data-selector-id="container"
346
+ data-test-id="containerComponent"
347
+ style="z-index: 4;"
348
+ >
349
+ <div
350
+ class="container columns drawerModal xsmall shrinkOff"
351
+ data-a11y-need-focus-style="false"
352
+ data-id="boxComponent"
353
+ data-selector-id="box"
354
+ data-test-id="boxComponent"
355
+ tabindex="-1"
356
+ >
357
+ <div
358
+ class="flex cover coldir"
359
+ data-id="containerComponent"
360
+ data-selector-id="container"
361
+ data-test-id="containerComponent"
362
+ />
363
+ </div>
364
+ </div>
365
+ </DocumentFragment>
366
+ `;
367
+
368
+ exports[`Drawer Component Snapshots renders Drawer with size - xxlarge 1`] = `
369
+ <DocumentFragment>
370
+ <div
371
+ class="isOverlay flex cover rowdir right scrollnone"
372
+ data-id="containerComponent"
373
+ data-selector-id="container"
374
+ data-test-id="containerComponent"
375
+ style="z-index: 4;"
376
+ >
377
+ <div
378
+ class="container columns drawerModal xxlarge shrinkOff"
379
+ data-a11y-need-focus-style="false"
380
+ data-id="boxComponent"
381
+ data-selector-id="box"
382
+ data-test-id="boxComponent"
383
+ tabindex="-1"
384
+ >
385
+ <div
386
+ class="flex cover coldir"
387
+ data-id="containerComponent"
388
+ data-selector-id="container"
389
+ data-test-id="containerComponent"
390
+ />
391
+ </div>
392
+ </div>
393
+ </DocumentFragment>
394
+ `;
395
+
396
+ exports[`Drawer Component Snapshots renders Drawer with subDrawerActive set to true 1`] = `<DocumentFragment />`;
397
+
398
+ exports[`Drawer Component Snapshots renders Drawer with subDrawerSize - medium 1`] = `
399
+ <DocumentFragment>
400
+ <div
401
+ class="isOverlay flex cover rowdir right scrollnone"
402
+ data-id="containerComponent"
403
+ data-selector-id="container"
404
+ data-test-id="containerComponent"
405
+ style="z-index: 4;"
406
+ >
407
+ <div
408
+ class="container columns drawerModal small shrinkOff"
409
+ data-a11y-need-focus-style="false"
410
+ data-id="boxComponent"
411
+ data-selector-id="box"
412
+ data-test-id="boxComponent"
413
+ tabindex="-1"
414
+ >
415
+ <div
416
+ class="flex cover coldir"
417
+ data-id="containerComponent"
418
+ data-selector-id="container"
419
+ data-test-id="containerComponent"
420
+ />
421
+ </div>
422
+ </div>
423
+ </DocumentFragment>
424
+ `;
425
+
426
+ exports[`Drawer Component Snapshots renders Drawer with subDrawerSize - small 1`] = `
427
+ <DocumentFragment>
428
+ <div
429
+ class="isOverlay flex cover rowdir right scrollnone"
430
+ data-id="containerComponent"
431
+ data-selector-id="container"
432
+ data-test-id="containerComponent"
433
+ style="z-index: 4;"
434
+ >
435
+ <div
436
+ class="container columns drawerModal small shrinkOff"
437
+ data-a11y-need-focus-style="false"
438
+ data-id="boxComponent"
439
+ data-selector-id="box"
440
+ data-test-id="boxComponent"
441
+ tabindex="-1"
442
+ >
443
+ <div
444
+ class="flex cover coldir"
445
+ data-id="containerComponent"
446
+ data-selector-id="container"
447
+ data-test-id="containerComponent"
448
+ />
449
+ </div>
450
+ </div>
451
+ </DocumentFragment>
452
+ `;
453
+
454
+ exports[`Drawer Component Snapshots renders Drawer with subDrawerSize - xsmall 1`] = `
455
+ <DocumentFragment>
456
+ <div
457
+ class="isOverlay flex cover rowdir right scrollnone"
458
+ data-id="containerComponent"
459
+ data-selector-id="container"
460
+ data-test-id="containerComponent"
461
+ style="z-index: 4;"
462
+ >
463
+ <div
464
+ class="container columns drawerModal small shrinkOff"
465
+ data-a11y-need-focus-style="false"
466
+ data-id="boxComponent"
467
+ data-selector-id="box"
468
+ data-test-id="boxComponent"
469
+ tabindex="-1"
470
+ >
471
+ <div
472
+ class="flex cover coldir"
473
+ data-id="containerComponent"
474
+ data-selector-id="container"
475
+ data-test-id="containerComponent"
476
+ />
477
+ </div>
478
+ </div>
479
+ </DocumentFragment>
480
+ `;
481
+
482
+ exports[`Drawer Component Snapshots renders with custom className 1`] = `
483
+ <DocumentFragment>
484
+ <div
485
+ class="isOverlay custom-drawer flex cover rowdir right scrollnone"
486
+ data-id="containerComponent"
487
+ data-selector-id="container"
488
+ data-test-id="containerComponent"
489
+ style="z-index: 4;"
490
+ >
491
+ <div
492
+ class="container columns drawerModal small shrinkOff"
493
+ data-a11y-need-focus-style="false"
494
+ data-id="boxComponent"
495
+ data-selector-id="box"
496
+ data-test-id="boxComponent"
497
+ tabindex="-1"
498
+ >
499
+ <div
500
+ class="flex cover coldir"
501
+ data-id="containerComponent"
502
+ data-selector-id="container"
503
+ data-test-id="containerComponent"
504
+ />
505
+ </div>
506
+ </div>
507
+ </DocumentFragment>
508
+ `;
509
+
510
+ exports[`Drawer Component Snapshots renders with customProps 1`] = `
511
+ <DocumentFragment>
512
+ <div
513
+ class="isOverlay flex cover rowdir right scrollnone"
514
+ data-id="containerComponent"
515
+ data-selector-id="container"
516
+ data-test-id="containerComponent"
517
+ style="z-index: 4;"
518
+ >
519
+ <div
520
+ class="container columns drawerModal small shrinkOff"
521
+ data-a11y-need-focus-style="false"
522
+ data-id="boxComponent"
523
+ data-selector-id="box"
524
+ data-test-id="boxComponent"
525
+ tabindex="-1"
526
+ >
527
+ <div
528
+ class="flex cover coldir"
529
+ data-id="containerComponent"
530
+ data-selector-id="container"
531
+ data-test-id="containerComponent"
532
+ />
533
+ </div>
534
+ </div>
535
+ </DocumentFragment>
536
+ `;
4
537
 
5
- exports[`Drawer rendering the isActive true 1`] = `
538
+ exports[`Drawer Component Snapshots renders with default props 1`] = `
6
539
  <DocumentFragment>
7
540
  <div
8
541
  class="isOverlay flex cover rowdir right scrollnone"