@madie/madie-design-system 1.2.30 → 1.2.31

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 (75) hide show
  1. package/components/MadieDialog/MadieDialog.stories.js +29 -8
  2. package/components/MadieDialog/index.jsx +65 -66
  3. package/coverage/clover.xml +20 -17
  4. package/coverage/coverage-final.json +2 -2
  5. package/coverage/lcov-report/index.html +14 -14
  6. package/coverage/lcov-report/react/components/Accordion/index.html +1 -1
  7. package/coverage/lcov-report/react/components/Accordion/index.jsx.html +1 -1
  8. package/coverage/lcov-report/react/components/Button/index.html +1 -1
  9. package/coverage/lcov-report/react/components/Button/index.js.html +3 -3
  10. package/coverage/lcov-report/react/components/DateField/DateField.jsx.html +1 -1
  11. package/coverage/lcov-report/react/components/DateField/index.html +1 -1
  12. package/coverage/lcov-report/react/components/DateTimeField/DateTimeField.jsx.html +1 -1
  13. package/coverage/lcov-report/react/components/DateTimeField/index.html +1 -1
  14. package/coverage/lcov-report/react/components/Error/Collapsible.jsx.html +1 -1
  15. package/coverage/lcov-report/react/components/Error/ErrorUI.jsx.html +1 -1
  16. package/coverage/lcov-report/react/components/Error/error.js.html +1 -1
  17. package/coverage/lcov-report/react/components/Error/index.html +1 -1
  18. package/coverage/lcov-report/react/components/Footer/FooterUI.jsx.html +1 -1
  19. package/coverage/lcov-report/react/components/Footer/LegacyFooterUI.jsx.html +1 -1
  20. package/coverage/lcov-report/react/components/Footer/footer.js.html +1 -1
  21. package/coverage/lcov-report/react/components/Footer/index.html +1 -1
  22. package/coverage/lcov-report/react/components/Infotip/Infotip.jsx.html +1 -1
  23. package/coverage/lcov-report/react/components/Infotip/InfotipIcon.jsx.html +1 -1
  24. package/coverage/lcov-report/react/components/Infotip/index.html +1 -1
  25. package/coverage/lcov-report/react/components/Infotip/index.js.html +1 -1
  26. package/coverage/lcov-report/react/components/InputLabel/index.html +1 -1
  27. package/coverage/lcov-report/react/components/InputLabel/index.jsx.html +1 -1
  28. package/coverage/lcov-report/react/components/MadieAlert/index.html +1 -1
  29. package/coverage/lcov-report/react/components/MadieAlert/index.jsx.html +1 -1
  30. package/coverage/lcov-report/react/components/MadieDeleteDialog/index.html +1 -1
  31. package/coverage/lcov-report/react/components/MadieDeleteDialog/index.jsx.html +1 -1
  32. package/coverage/lcov-report/react/components/MadieDialog/index.html +11 -11
  33. package/coverage/lcov-report/react/components/MadieDialog/index.jsx.html +85 -88
  34. package/coverage/lcov-report/react/components/MadieDiscardDialog/index.html +1 -1
  35. package/coverage/lcov-report/react/components/MadieDiscardDialog/index.jsx.html +1 -1
  36. package/coverage/lcov-report/react/components/MadieSpinner/index.html +1 -1
  37. package/coverage/lcov-report/react/components/MadieSpinner/index.jsx.html +1 -1
  38. package/coverage/lcov-report/react/components/MadieTooltip/index.html +1 -1
  39. package/coverage/lcov-report/react/components/MadieTooltip/index.jsx.html +1 -1
  40. package/coverage/lcov-report/react/components/MadieTooltipIcon/index.html +1 -1
  41. package/coverage/lcov-report/react/components/MadieTooltipIcon/index.jsx.html +1 -1
  42. package/coverage/lcov-report/react/components/Pagination/index.html +1 -1
  43. package/coverage/lcov-report/react/components/Pagination/index.jsx.html +1 -1
  44. package/coverage/lcov-report/react/components/Popover/index.html +1 -1
  45. package/coverage/lcov-report/react/components/Popover/index.js.html +1 -1
  46. package/coverage/lcov-report/react/components/ReadOnlyTextField/index.html +1 -1
  47. package/coverage/lcov-report/react/components/ReadOnlyTextField/index.jsx.html +1 -1
  48. package/coverage/lcov-report/react/components/Select/index.html +1 -1
  49. package/coverage/lcov-report/react/components/Select/index.jsx.html +1 -1
  50. package/coverage/lcov-report/react/components/Tabs/Tab.js.html +1 -1
  51. package/coverage/lcov-report/react/components/Tabs/index.html +1 -1
  52. package/coverage/lcov-report/react/components/Tabs/index.js.html +1 -1
  53. package/coverage/lcov-report/react/components/TextArea/index.html +1 -1
  54. package/coverage/lcov-report/react/components/TextArea/index.jsx.html +1 -1
  55. package/coverage/lcov-report/react/components/TextField/index.html +1 -1
  56. package/coverage/lcov-report/react/components/TextField/index.jsx.html +1 -1
  57. package/coverage/lcov-report/react/components/Toast/index.html +1 -1
  58. package/coverage/lcov-report/react/components/Toast/index.jsx.html +1 -1
  59. package/coverage/lcov-report/react/components/Tooltip/Tooltip.jsx.html +1 -1
  60. package/coverage/lcov-report/react/components/Tooltip/index.html +1 -1
  61. package/coverage/lcov-report/react/components/Tooltip/index.js.html +1 -1
  62. package/coverage/lcov-report/react/components/Tooltip/position.js.html +1 -1
  63. package/coverage/lcov-report/react/index.html +1 -1
  64. package/coverage/lcov-report/react/index.js.html +1 -1
  65. package/coverage/lcov-report/react/lib/Chevron.jsx.html +1 -1
  66. package/coverage/lcov-report/react/lib/SvgComponents.jsx.html +1 -1
  67. package/coverage/lcov-report/react/lib/index.html +1 -1
  68. package/coverage/lcov.info +47 -32
  69. package/dist/browser.js +1 -1
  70. package/dist/index.js +1 -1
  71. package/dist/react/index.js +1 -1
  72. package/dist/react/index.js.map +1 -1
  73. package/package-lock.json +164 -67
  74. package/package.json +1 -1
  75. package/test/components/MadieDialog.test.js +44 -0
package/coverage/lcov-report/react/components/Button/index.js.html CHANGED
@@ -193,13 +193,13 @@
193
193
  <span class="cline-any cline-yes">28x</span>
194
194
  <span class="cline-any cline-neutral">&nbsp;</span>
195
195
  <span class="cline-any cline-yes">28x</span>
196
- <span class="cline-any cline-yes">19x</span>
196
+ <span class="cline-any cline-yes">18x</span>
197
197
  <span class="cline-any cline-neutral">&nbsp;</span>
198
198
  <span class="cline-any cline-yes">28x</span>
199
199
  <span class="cline-any cline-yes">1x</span>
200
200
  <span class="cline-any cline-neutral">&nbsp;</span>
201
201
  <span class="cline-any cline-yes">28x</span>
202
- <span class="cline-any cline-yes">2x</span>
202
+ <span class="cline-any cline-yes">13x</span>
203
203
  <span class="cline-any cline-neutral">&nbsp;</span>
204
204
  <span class="cline-any cline-neutral">&nbsp;</span>
205
205
  <span class="cline-any cline-yes">28x</span>
@@ -370,7 +370,7 @@ export default Button;
370
370
  <div class='footer quiet pad2 space-top1 center small'>
371
371
  Code coverage generated by
372
372
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
373
- at 2024-09-06T14:03:16.658Z
373
+ at 2024-09-11T13:03:56.661Z
374
374
  </div>
375
375
  <script src="../../../prettify.js"></script>
376
376
  <script>
package/coverage/lcov-report/react/components/DateField/DateField.jsx.html CHANGED
@@ -541,7 +541,7 @@ export default DateField;
541
541
  <div class='footer quiet pad2 space-top1 center small'>
542
542
  Code coverage generated by
543
543
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
544
- at 2024-09-06T14:03:16.658Z
544
+ at 2024-09-11T13:03:56.661Z
545
545
  </div>
546
546
  <script src="../../../prettify.js"></script>
547
547
  <script>
package/coverage/lcov-report/react/components/DateField/index.html CHANGED
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at 2024-09-06T14:03:16.658Z
104
+ at 2024-09-11T13:03:56.661Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
package/coverage/lcov-report/react/components/DateTimeField/DateTimeField.jsx.html CHANGED
@@ -337,7 +337,7 @@ export default DateTimeField;
337
337
  <div class='footer quiet pad2 space-top1 center small'>
338
338
  Code coverage generated by
339
339
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
340
- at 2024-09-06T14:03:16.658Z
340
+ at 2024-09-11T13:03:56.661Z
341
341
  </div>
342
342
  <script src="../../../prettify.js"></script>
343
343
  <script>
package/coverage/lcov-report/react/components/DateTimeField/index.html CHANGED
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at 2024-09-06T14:03:16.658Z
104
+ at 2024-09-11T13:03:56.661Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
package/coverage/lcov-report/react/components/Error/Collapsible.jsx.html CHANGED
@@ -349,7 +349,7 @@ export default Collapsible;
349
349
  <div class='footer quiet pad2 space-top1 center small'>
350
350
  Code coverage generated by
351
351
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
352
- at 2024-09-06T14:03:16.658Z
352
+ at 2024-09-11T13:03:56.661Z
353
353
  </div>
354
354
  <script src="../../../prettify.js"></script>
355
355
  <script>
package/coverage/lcov-report/react/components/Error/ErrorUI.jsx.html CHANGED
@@ -163,7 +163,7 @@ export default ErrorUI;
163
163
  <div class='footer quiet pad2 space-top1 center small'>
164
164
  Code coverage generated by
165
165
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
166
- at 2024-09-06T14:03:16.658Z
166
+ at 2024-09-11T13:03:56.661Z
167
167
  </div>
168
168
  <script src="../../../prettify.js"></script>
169
169
  <script>
package/coverage/lcov-report/react/components/Error/error.js.html CHANGED
@@ -148,7 +148,7 @@ export default class ErrorPage {
148
148
  <div class='footer quiet pad2 space-top1 center small'>
149
149
  Code coverage generated by
150
150
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
151
- at 2024-09-06T14:03:16.658Z
151
+ at 2024-09-11T13:03:56.661Z
152
152
  </div>
153
153
  <script src="../../../prettify.js"></script>
154
154
  <script>
package/coverage/lcov-report/react/components/Error/index.html CHANGED
@@ -131,7 +131,7 @@
131
131
  <div class='footer quiet pad2 space-top1 center small'>
132
132
  Code coverage generated by
133
133
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
134
- at 2024-09-06T14:03:16.658Z
134
+ at 2024-09-11T13:03:56.661Z
135
135
  </div>
136
136
  <script src="../../../prettify.js"></script>
137
137
  <script>
package/coverage/lcov-report/react/components/Footer/FooterUI.jsx.html CHANGED
@@ -481,7 +481,7 @@ export default FooterUI;
481
481
  <div class='footer quiet pad2 space-top1 center small'>
482
482
  Code coverage generated by
483
483
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
484
- at 2024-09-06T14:03:16.658Z
484
+ at 2024-09-11T13:03:56.661Z
485
485
  </div>
486
486
  <script src="../../../prettify.js"></script>
487
487
  <script>
package/coverage/lcov-report/react/components/Footer/LegacyFooterUI.jsx.html CHANGED
@@ -682,7 +682,7 @@ export default LegacyFooterUI;
682
682
  <div class='footer quiet pad2 space-top1 center small'>
683
683
  Code coverage generated by
684
684
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
685
- at 2024-09-06T14:03:16.658Z
685
+ at 2024-09-11T13:03:56.661Z
686
686
  </div>
687
687
  <script src="../../../prettify.js"></script>
688
688
  <script>
package/coverage/lcov-report/react/components/Footer/footer.js.html CHANGED
@@ -160,7 +160,7 @@ export default class Footer {
160
160
  <div class='footer quiet pad2 space-top1 center small'>
161
161
  Code coverage generated by
162
162
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
163
- at 2024-09-06T14:03:16.658Z
163
+ at 2024-09-11T13:03:56.661Z
164
164
  </div>
165
165
  <script src="../../../prettify.js"></script>
166
166
  <script>
package/coverage/lcov-report/react/components/Footer/index.html CHANGED
@@ -131,7 +131,7 @@
131
131
  <div class='footer quiet pad2 space-top1 center small'>
132
132
  Code coverage generated by
133
133
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
134
- at 2024-09-06T14:03:16.658Z
134
+ at 2024-09-11T13:03:56.661Z
135
135
  </div>
136
136
  <script src="../../../prettify.js"></script>
137
137
  <script>
package/coverage/lcov-report/react/components/Infotip/Infotip.jsx.html CHANGED
@@ -295,7 +295,7 @@ export default Infotip;
295
295
  <div class='footer quiet pad2 space-top1 center small'>
296
296
  Code coverage generated by
297
297
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
298
- at 2024-09-06T14:03:16.658Z
298
+ at 2024-09-11T13:03:56.661Z
299
299
  </div>
300
300
  <script src="../../../prettify.js"></script>
301
301
  <script>
package/coverage/lcov-report/react/components/Infotip/InfotipIcon.jsx.html CHANGED
@@ -193,7 +193,7 @@ InfotipIcon.defaultProps = {
193
193
  <div class='footer quiet pad2 space-top1 center small'>
194
194
  Code coverage generated by
195
195
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
196
- at 2024-09-06T14:03:16.658Z
196
+ at 2024-09-11T13:03:56.661Z
197
197
  </div>
198
198
  <script src="../../../prettify.js"></script>
199
199
  <script>
package/coverage/lcov-report/react/components/Infotip/index.html CHANGED
@@ -131,7 +131,7 @@
131
131
  <div class='footer quiet pad2 space-top1 center small'>
132
132
  Code coverage generated by
133
133
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
134
- at 2024-09-06T14:03:16.658Z
134
+ at 2024-09-11T13:03:56.661Z
135
135
  </div>
136
136
  <script src="../../../prettify.js"></script>
137
137
  <script>
package/coverage/lcov-report/react/components/Infotip/index.js.html CHANGED
@@ -79,7 +79,7 @@ export default Infotip;
79
79
  <div class='footer quiet pad2 space-top1 center small'>
80
80
  Code coverage generated by
81
81
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
82
- at 2024-09-06T14:03:16.658Z
82
+ at 2024-09-11T13:03:56.661Z
83
83
  </div>
84
84
  <script src="../../../prettify.js"></script>
85
85
  <script>
package/coverage/lcov-report/react/components/InputLabel/index.html CHANGED
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at 2024-09-06T14:03:16.658Z
104
+ at 2024-09-11T13:03:56.661Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
package/coverage/lcov-report/react/components/InputLabel/index.jsx.html CHANGED
@@ -229,7 +229,7 @@ export default Label;
229
229
  <div class='footer quiet pad2 space-top1 center small'>
230
230
  Code coverage generated by
231
231
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
232
- at 2024-09-06T14:03:16.658Z
232
+ at 2024-09-11T13:03:56.661Z
233
233
  </div>
234
234
  <script src="../../../prettify.js"></script>
235
235
  <script>
package/coverage/lcov-report/react/components/MadieAlert/index.html CHANGED
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at 2024-09-06T14:03:16.658Z
104
+ at 2024-09-11T13:03:56.661Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
package/coverage/lcov-report/react/components/MadieAlert/index.jsx.html CHANGED
@@ -550,7 +550,7 @@ export default MadieAlert;
550
550
  <div class='footer quiet pad2 space-top1 center small'>
551
551
  Code coverage generated by
552
552
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
553
- at 2024-09-06T14:03:16.658Z
553
+ at 2024-09-11T13:03:56.661Z
554
554
  </div>
555
555
  <script src="../../../prettify.js"></script>
556
556
  <script>
package/coverage/lcov-report/react/components/MadieDeleteDialog/index.html CHANGED
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at 2024-09-06T14:03:16.658Z
104
+ at 2024-09-11T13:03:56.661Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
package/coverage/lcov-report/react/components/MadieDeleteDialog/index.jsx.html CHANGED
@@ -232,7 +232,7 @@ export default MadieDeleteDialog;
232
232
  <div class='footer quiet pad2 space-top1 center small'>
233
233
  Code coverage generated by
234
234
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
235
- at 2024-09-06T14:03:16.658Z
235
+ at 2024-09-11T13:03:56.661Z
236
236
  </div>
237
237
  <script src="../../../prettify.js"></script>
238
238
  <script>
package/coverage/lcov-report/react/components/MadieDialog/index.html CHANGED
@@ -25,28 +25,28 @@
25
25
  <div class='fl pad1y space-right2'>
26
26
  <span class="strong">100% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>12/12</span>
28
+ <span class='fraction'>15/15</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">83.33% </span>
33
+ <span class="strong">93.75% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>5/6</span>
35
+ <span class='fraction'>15/16</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
40
  <span class="strong">100% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>3/3</span>
42
+ <span class='fraction'>4/4</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
47
  <span class="strong">100% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>12/12</span>
49
+ <span class='fraction'>15/15</span>
50
50
  </div>
51
51
 
52
52
 
@@ -84,13 +84,13 @@
84
84
  <div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
85
85
  </td>
86
86
  <td data-value="100" class="pct high">100%</td>
87
- <td data-value="12" class="abs high">12/12</td>
88
- <td data-value="83.33" class="pct high">83.33%</td>
89
- <td data-value="6" class="abs high">5/6</td>
87
+ <td data-value="15" class="abs high">15/15</td>
88
+ <td data-value="93.75" class="pct high">93.75%</td>
89
+ <td data-value="16" class="abs high">15/16</td>
90
90
  <td data-value="100" class="pct high">100%</td>
91
- <td data-value="3" class="abs high">3/3</td>
91
+ <td data-value="4" class="abs high">4/4</td>
92
92
  <td data-value="100" class="pct high">100%</td>
93
- <td data-value="12" class="abs high">12/12</td>
93
+ <td data-value="15" class="abs high">15/15</td>
94
94
  </tr>
95
95
 
96
96
  </tbody>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at 2024-09-06T14:03:16.658Z
104
+ at 2024-09-11T13:03:56.661Z
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
package/coverage/lcov-report/react/components/MadieDialog/index.jsx.html CHANGED
@@ -25,28 +25,28 @@
25
25
  <div class='fl pad1y space-right2'>
26
26
  <span class="strong">100% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>12/12</span>
28
+ <span class='fraction'>15/15</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">83.33% </span>
33
+ <span class="strong">93.75% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>5/6</span>
35
+ <span class='fraction'>15/16</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
40
  <span class="strong">100% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>3/3</span>
42
+ <span class='fraction'>4/4</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
47
  <span class="strong">100% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>12/12</span>
49
+ <span class='fraction'>15/15</span>
50
50
  </div>
51
51
 
52
52
 
@@ -375,8 +375,7 @@
375
375
  <a name='L310'></a><a href='#L310'>310</a>
376
376
  <a name='L311'></a><a href='#L311'>311</a>
377
377
  <a name='L312'></a><a href='#L312'>312</a>
378
- <a name='L313'></a><a href='#L313'>313</a>
379
- <a name='L314'></a><a href='#L314'>314</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
378
+ <a name='L313'></a><a href='#L313'>313</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
380
379
  <span class="cline-any cline-neutral">&nbsp;</span>
381
380
  <span class="cline-any cline-neutral">&nbsp;</span>
382
381
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -393,9 +392,9 @@
393
392
  <span class="cline-any cline-neutral">&nbsp;</span>
394
393
  <span class="cline-any cline-neutral">&nbsp;</span>
395
394
  <span class="cline-any cline-yes">3x</span>
396
- <span class="cline-any cline-yes">12x</span>
395
+ <span class="cline-any cline-yes">15x</span>
397
396
  <span class="cline-any cline-neutral">&nbsp;</span>
398
- <span class="cline-any cline-yes">12x</span>
397
+ <span class="cline-any cline-yes">14x</span>
399
398
  <span class="cline-any cline-neutral">&nbsp;</span>
400
399
  <span class="cline-any cline-neutral">&nbsp;</span>
401
400
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -409,7 +408,10 @@
409
408
  <span class="cline-any cline-neutral">&nbsp;</span>
410
409
  <span class="cline-any cline-yes">3x</span>
411
410
  <span class="cline-any cline-neutral">&nbsp;</span>
411
+ <span class="cline-any cline-yes">12x</span>
412
412
  <span class="cline-any cline-neutral">&nbsp;</span>
413
+ <span class="cline-any cline-yes">12x</span>
414
+ <span class="cline-any cline-yes">12x</span>
413
415
  <span class="cline-any cline-neutral">&nbsp;</span>
414
416
  <span class="cline-any cline-neutral">&nbsp;</span>
415
417
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -443,14 +445,6 @@
443
445
  <span class="cline-any cline-neutral">&nbsp;</span>
444
446
  <span class="cline-any cline-neutral">&nbsp;</span>
445
447
  <span class="cline-any cline-neutral">&nbsp;</span>
446
- <span class="cline-any cline-yes">18x</span>
447
- <span class="cline-any cline-neutral">&nbsp;</span>
448
- <span class="cline-any cline-yes">18x</span>
449
- <span class="cline-any cline-neutral">&nbsp;</span>
450
- <span class="cline-any cline-yes">18x</span>
451
- <span class="cline-any cline-neutral">&nbsp;</span>
452
- <span class="cline-any cline-yes">18x</span>
453
- <span class="cline-any cline-neutral">&nbsp;</span>
454
448
  <span class="cline-any cline-neutral">&nbsp;</span>
455
449
  <span class="cline-any cline-neutral">&nbsp;</span>
456
450
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -458,6 +452,7 @@
458
452
  <span class="cline-any cline-neutral">&nbsp;</span>
459
453
  <span class="cline-any cline-neutral">&nbsp;</span>
460
454
  <span class="cline-any cline-neutral">&nbsp;</span>
455
+ <span class="cline-any cline-yes">3x</span>
461
456
  <span class="cline-any cline-neutral">&nbsp;</span>
462
457
  <span class="cline-any cline-neutral">&nbsp;</span>
463
458
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -469,9 +464,6 @@
469
464
  <span class="cline-any cline-neutral">&nbsp;</span>
470
465
  <span class="cline-any cline-neutral">&nbsp;</span>
471
466
  <span class="cline-any cline-neutral">&nbsp;</span>
472
- <span class="cline-any cline-yes">1x</span>
473
- <span class="cline-any cline-yes">1x</span>
474
- <span class="cline-any cline-neutral">&nbsp;</span>
475
467
  <span class="cline-any cline-neutral">&nbsp;</span>
476
468
  <span class="cline-any cline-neutral">&nbsp;</span>
477
469
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -496,7 +488,9 @@
496
488
  <span class="cline-any cline-neutral">&nbsp;</span>
497
489
  <span class="cline-any cline-neutral">&nbsp;</span>
498
490
  <span class="cline-any cline-neutral">&nbsp;</span>
491
+ <span class="cline-any cline-yes">20x</span>
499
492
  <span class="cline-any cline-neutral">&nbsp;</span>
493
+ <span class="cline-any cline-yes">20x</span>
500
494
  <span class="cline-any cline-neutral">&nbsp;</span>
501
495
  <span class="cline-any cline-neutral">&nbsp;</span>
502
496
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -516,6 +510,8 @@
516
510
  <span class="cline-any cline-neutral">&nbsp;</span>
517
511
  <span class="cline-any cline-neutral">&nbsp;</span>
518
512
  <span class="cline-any cline-neutral">&nbsp;</span>
513
+ <span class="cline-any cline-yes">1x</span>
514
+ <span class="cline-any cline-yes">1x</span>
519
515
  <span class="cline-any cline-neutral">&nbsp;</span>
520
516
  <span class="cline-any cline-neutral">&nbsp;</span>
521
517
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -671,16 +667,17 @@
671
667
  <span class="cline-any cline-neutral">&nbsp;</span>
672
668
  <span class="cline-any cline-neutral">&nbsp;</span>
673
669
  <span class="cline-any cline-neutral">&nbsp;</span>
670
+ <span class="cline-any cline-yes">3x</span>
674
671
  <span class="cline-any cline-neutral">&nbsp;</span>
675
672
  <span class="cline-any cline-neutral">&nbsp;</span>
676
673
  <span class="cline-any cline-neutral">&nbsp;</span>
677
- <span class="cline-any cline-yes">3x</span>
678
674
  <span class="cline-any cline-neutral">&nbsp;</span>
679
675
  <span class="cline-any cline-neutral">&nbsp;</span>
680
676
  <span class="cline-any cline-neutral">&nbsp;</span>
681
677
  <span class="cline-any cline-neutral">&nbsp;</span>
682
678
  <span class="cline-any cline-neutral">&nbsp;</span>
683
679
  <span class="cline-any cline-neutral">&nbsp;</span>
680
+ <span class="cline-any cline-yes">3x</span>
684
681
  <span class="cline-any cline-neutral">&nbsp;</span>
685
682
  <span class="cline-any cline-neutral">&nbsp;</span>
686
683
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -689,6 +686,7 @@
689
686
  <span class="cline-any cline-neutral">&nbsp;</span>
690
687
  <span class="cline-any cline-neutral">&nbsp;</span>
691
688
  <span class="cline-any cline-neutral">&nbsp;</span>
689
+ <span class="cline-any cline-neutral">&nbsp;</span>
692
690
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
693
691
  import PropTypes from "prop-types";
694
692
  import Draggable from "react-draggable";
@@ -720,6 +718,52 @@ const DraggablePaper = (props) =&gt; {
720
718
  );
721
719
  };
722
720
  &nbsp;
721
+ const Actions = ({ onClose, cancelButtonProps, continueButtonProps }) =&gt; {
722
+ const { cancelText, cancelIcon, ...otherCancelButtonProps } =
723
+ cancelButtonProps;
724
+ const { continueText, continueIcon, ...otherContinueButtonProps } =
725
+ continueButtonProps;
726
+ return (
727
+ &lt;&gt;
728
+ &lt;Divider sx={{ borderColor: "#8c8c8c" }} /&gt;
729
+ &lt;DialogActions
730
+ sx={{
731
+ padding: "16px",
732
+ "&amp; &gt;:not(:first-of-type)": {
733
+ marginLeft: "16px",
734
+ },
735
+ }}
736
+ &gt;
737
+ {cancelButtonProps &amp;&amp; (
738
+ &lt;Button
739
+ variant="secondary"
740
+ onClick={onClose}
741
+ {...otherCancelButtonProps}
742
+ &gt;
743
+ &lt;span&gt;
744
+ {cancelText}
745
+ {cancelIcon}
746
+ &lt;/span&gt;
747
+ &lt;/Button&gt;
748
+ )}
749
+ {continueButtonProps &amp;&amp; (
750
+ &lt;Button
751
+ className="qpp-c-button--cyan"
752
+ type="submit"
753
+ style={{ marginTop: 0 }}
754
+ {...otherContinueButtonProps}
755
+ &gt;
756
+ &lt;span&gt;
757
+ {continueText}
758
+ {continueIcon}
759
+ &lt;/span&gt;
760
+ &lt;/Button&gt;
761
+ )}
762
+ &lt;/DialogActions&gt;
763
+ &lt;/&gt;
764
+ );
765
+ };
766
+ &nbsp;
723
767
  const MadieDialog = ({
724
768
  /*
725
769
  Lets make a reusable component
@@ -757,10 +801,6 @@ const MadieDialog = ({
757
801
  showRequiredFieldMessage,
758
802
  ...otherDialogProps
759
803
  } = dialogProps;
760
- const { cancelText, cancelIcon, ...otherCancelButtonProps } =
761
- cancelButtonProps;
762
- const { continueText, continueIcon, ...otherContinueButonProps } =
763
- continueButtonProps;
764
804
  &nbsp;
765
805
  return (
766
806
  &lt;Dialog
@@ -883,37 +923,13 @@ const MadieDialog = ({
883
923
  &nbsp;
884
924
  {children}
885
925
  &lt;/DialogContent&gt;
886
- &lt;Divider sx={{ borderColor: "#8c8c8c" }} /&gt;
887
- &lt;DialogActions
888
- sx={{
889
- padding: "16px",
890
- "&amp; &gt;:not(:first-of-type)": {
891
- marginLeft: "16px",
892
- },
893
- }}
894
- &gt;
895
- &lt;Button
896
- variant="secondary"
897
- onClick={onClose}
898
- {...otherCancelButtonProps}
899
- &gt;
900
- &lt;span&gt;
901
- {cancelText}
902
- {cancelIcon}
903
- &lt;/span&gt;
904
- &lt;/Button&gt;
905
- &lt;Button
906
- className="qpp-c-button--cyan"
907
- type="submit"
908
- style={{ marginTop: 0 }}
909
- {...otherContinueButonProps}
910
- &gt;
911
- &lt;span&gt;
912
- {continueText}
913
- {continueIcon}
914
- &lt;/span&gt;
915
- &lt;/Button&gt;
916
- &lt;/DialogActions&gt;
926
+ {(cancelButtonProps || continueButtonProps) &amp;&amp; (
927
+ &lt;Actions
928
+ onClose={onClose}
929
+ continueButtonProps={continueButtonProps}
930
+ cancelButtonProps={cancelButtonProps}
931
+ /&gt;
932
+ )}
917
933
  &lt;/form&gt;
918
934
  ) : (
919
935
  &lt;&gt;
@@ -950,37 +966,13 @@ const MadieDialog = ({
950
966
  &lt;DialogContent sx={{ padding: "32px" }}&gt;
951
967
  {children}
952
968
  &lt;/DialogContent&gt;
953
- &lt;Divider sx={{ borderColor: "#8c8c8c" }} /&gt;
954
- &lt;DialogActions
955
- sx={{
956
- padding: "16px",
957
- "&amp; &gt;:not(:first-of-type)": {
958
- marginLeft: "16px",
959
- },
960
- }}
961
- &gt;
962
- &lt;Button
963
- variant="secondary"
964
- onClick={onClose}
965
- {...otherCancelButtonProps}
966
- &gt;
967
- &lt;span&gt;
968
- {cancelText}
969
- {cancelIcon}
970
- &lt;/span&gt;
971
- &lt;/Button&gt;
972
- &lt;Button
973
- variant="cyan"
974
- type="submit"
975
- style={{ marginTop: 0 }}
976
- {...otherContinueButonProps}
977
- &gt;
978
- &lt;span&gt;
979
- {continueText}
980
- {continueIcon}
981
- &lt;/span&gt;
982
- &lt;/Button&gt;
983
- &lt;/DialogActions&gt;
969
+ {(cancelButtonProps || continueButtonProps) &amp;&amp; (
970
+ &lt;Actions
971
+ onClose={onClose}
972
+ continueButtonProps={continueButtonProps}
973
+ cancelButtonProps={cancelButtonProps}
974
+ /&gt;
975
+ )}
984
976
  &lt;/&gt;
985
977
  )}
986
978
  &lt;/Dialog&gt;
@@ -1001,6 +993,11 @@ DraggablePaper.propTypes = {
1001
993
  children: PropTypes.object,
1002
994
  };
1003
995
  &nbsp;
996
+ Actions.propTypes = {
997
+ onClose: PropTypes.any,
998
+ cancelButtonProps: PropTypes.object,
999
+ continueButtonProps: PropTypes.object,
1000
+ };
1004
1001
  export default MadieDialog;
1005
1002
  &nbsp;</pre></td></tr></table></pre>
1006
1003
 
@@ -1009,7 +1006,7 @@ export default MadieDialog;
1009
1006
  <div class='footer quiet pad2 space-top1 center small'>
1010
1007
  Code coverage generated by
1011
1008
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
1012
- at 2024-09-06T14:03:16.658Z
1009
+ at 2024-09-11T13:03:56.661Z
1013
1010
  </div>
1014
1011
  <script src="../../../prettify.js"></script>
1015
1012
  <script>