@madie/madie-design-system 1.2.8 → 1.2.10

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 (167) hide show
  1. package/.ignore~ +1 -0
  2. package/components/DateField/DateField.jsx +27 -4
  3. package/components/DateTimeField/DateTimeField.jsx +2 -0
  4. package/components/TextArea/index.jsx +1 -1
  5. package/coverage/clover.xml +529 -34
  6. package/coverage/coverage-final.json +36 -5
  7. package/coverage/lcov-report/DateField/DateField.jsx.html +424 -0
  8. package/coverage/lcov-report/DateField/index.html +116 -0
  9. package/coverage/lcov-report/{MadieTooltip/index.scss.html → DateTimeField/DateTimeField.jsx.html} +141 -69
  10. package/coverage/lcov-report/DateTimeField/index.html +116 -0
  11. package/coverage/lcov-report/InputLabel/index.html +6 -6
  12. package/coverage/lcov-report/InputLabel/index.jsx.html +8 -8
  13. package/coverage/lcov-report/MadieTooltip/index.html +22 -37
  14. package/coverage/lcov-report/MadieTooltip/index.jsx.html +34 -34
  15. package/coverage/lcov-report/MadieTooltipIcon/index.html +22 -22
  16. package/coverage/lcov-report/MadieTooltipIcon/index.jsx.html +15 -15
  17. package/coverage/lcov-report/TextField/index.html +18 -18
  18. package/coverage/lcov-report/TextField/index.jsx.html +104 -20
  19. package/coverage/lcov-report/index.html +347 -17
  20. package/coverage/lcov-report/react/components/Accordion/index.html +2 -2
  21. package/coverage/lcov-report/react/components/Accordion/index.jsx.html +2 -2
  22. package/coverage/lcov-report/react/components/Button/index.html +2 -2
  23. package/coverage/lcov-report/react/components/Button/index.js.html +2 -2
  24. package/coverage/lcov-report/react/components/DateField/DateField.jsx.html +83 -14
  25. package/coverage/lcov-report/react/components/DateField/index.html +12 -12
  26. package/coverage/lcov-report/react/components/DateTimeField/DateTimeField.jsx.html +9 -3
  27. package/coverage/lcov-report/react/components/DateTimeField/index.html +2 -2
  28. package/coverage/lcov-report/react/components/Error/Collapsible.jsx.html +2 -2
  29. package/coverage/lcov-report/react/components/Error/ErrorUI.jsx.html +2 -2
  30. package/coverage/lcov-report/react/components/Error/error.js.html +2 -2
  31. package/coverage/lcov-report/react/components/Error/index.html +2 -2
  32. package/coverage/lcov-report/react/components/Footer/FooterUI.jsx.html +2 -2
  33. package/coverage/lcov-report/react/components/Footer/LegacyFooterUI.jsx.html +2 -2
  34. package/coverage/lcov-report/react/components/Footer/footer.js.html +2 -2
  35. package/coverage/lcov-report/react/components/Footer/index.html +2 -2
  36. package/coverage/lcov-report/react/components/Infotip/Infotip.jsx.html +2 -2
  37. package/coverage/lcov-report/react/components/Infotip/InfotipIcon.jsx.html +2 -2
  38. package/coverage/lcov-report/react/components/Infotip/index.html +2 -2
  39. package/coverage/lcov-report/react/components/Infotip/index.js.html +2 -2
  40. package/coverage/lcov-report/react/components/InputLabel/index.html +2 -2
  41. package/coverage/lcov-report/react/components/InputLabel/index.jsx.html +3 -3
  42. package/coverage/lcov-report/react/components/MadieAlert/index.html +2 -2
  43. package/coverage/lcov-report/react/components/MadieAlert/index.jsx.html +2 -2
  44. package/coverage/lcov-report/react/components/MadieDeleteDialog/index.html +2 -2
  45. package/coverage/lcov-report/react/components/MadieDeleteDialog/index.jsx.html +2 -2
  46. package/coverage/lcov-report/react/components/MadieDialog/index.html +2 -2
  47. package/coverage/lcov-report/react/components/MadieDialog/index.jsx.html +2 -2
  48. package/coverage/lcov-report/react/components/MadieDiscardDialog/index.html +2 -2
  49. package/coverage/lcov-report/react/components/MadieDiscardDialog/index.jsx.html +2 -2
  50. package/coverage/lcov-report/react/components/MadieSpinner/index.html +2 -2
  51. package/coverage/lcov-report/react/components/MadieSpinner/index.jsx.html +2 -2
  52. package/coverage/lcov-report/react/components/MadieTooltip/index.html +17 -32
  53. package/coverage/lcov-report/react/components/MadieTooltip/index.jsx.html +29 -35
  54. package/coverage/lcov-report/react/components/MadieTooltipIcon/index.html +2 -2
  55. package/coverage/lcov-report/react/components/MadieTooltipIcon/index.jsx.html +6 -6
  56. package/coverage/lcov-report/react/components/Pagination/index.html +2 -2
  57. package/coverage/lcov-report/react/components/Pagination/index.jsx.html +2 -2
  58. package/coverage/lcov-report/react/components/Popover/index.html +2 -2
  59. package/coverage/lcov-report/react/components/Popover/index.js.html +2 -2
  60. package/coverage/lcov-report/react/components/ReadOnlyTextField/index.html +2 -2
  61. package/coverage/lcov-report/react/components/ReadOnlyTextField/index.jsx.html +2 -2
  62. package/coverage/lcov-report/react/components/Select/index.html +2 -2
  63. package/coverage/lcov-report/react/components/Select/index.jsx.html +2 -2
  64. package/coverage/lcov-report/react/components/Tabs/Tab.js.html +2 -2
  65. package/coverage/lcov-report/react/components/Tabs/index.html +2 -2
  66. package/coverage/lcov-report/react/components/Tabs/index.js.html +2 -2
  67. package/coverage/lcov-report/react/components/TextArea/index.html +2 -2
  68. package/coverage/lcov-report/react/components/TextArea/index.jsx.html +3 -3
  69. package/coverage/lcov-report/react/components/TextField/index.html +10 -10
  70. package/coverage/lcov-report/react/components/TextField/index.jsx.html +94 -10
  71. package/coverage/lcov-report/react/components/Toast/index.html +2 -2
  72. package/coverage/lcov-report/react/components/Toast/index.jsx.html +2 -2
  73. package/coverage/lcov-report/react/components/Tooltip/Tooltip.jsx.html +2 -2
  74. package/coverage/lcov-report/react/components/Tooltip/index.html +2 -2
  75. package/coverage/lcov-report/react/components/Tooltip/index.js.html +2 -2
  76. package/coverage/lcov-report/react/components/Tooltip/position.js.html +2 -2
  77. package/coverage/lcov-report/react/index.html +2 -2
  78. package/coverage/lcov-report/react/index.js.html +2 -2
  79. package/coverage/lcov-report/react/lib/Chevron.jsx.html +2 -2
  80. package/coverage/lcov-report/react/lib/SvgComponents.jsx.html +2 -2
  81. package/coverage/lcov-report/react/lib/index.html +2 -2
  82. package/coverage/lcov.info +1101 -62
  83. package/dist/browser.js +1 -1
  84. package/dist/index.js +1 -1
  85. package/dist/react/index.js +21 -21
  86. package/dist/react/index.js.LICENSE.txt +5 -3
  87. package/dist/react/index.js.map +1 -1
  88. package/package.json +5 -5
  89. package/test/components/DateField.test.js +22 -0
  90. package/test/components/DateTimeField.test.js +1 -1
  91. package/coverage/lcov-report/react/components/MadieTooltip/index.scss.html +0 -274
  92. package/storybook-static/115.d30f56a6.iframe.bundle.js +0 -2
  93. package/storybook-static/115.d30f56a6.iframe.bundle.js.LICENSE.txt +0 -11
  94. package/storybook-static/229.39437e22abb0122d8468.manager.bundle.js +0 -1
  95. package/storybook-static/229.4bb41a80.iframe.bundle.js +0 -1
  96. package/storybook-static/295.2254430070adaf39d242.manager.bundle.js +0 -1
  97. package/storybook-static/468.c08904a03c7e948966c6.manager.bundle.js +0 -2
  98. package/storybook-static/468.c08904a03c7e948966c6.manager.bundle.js.LICENSE.txt +0 -94
  99. package/storybook-static/51.5c11732a.iframe.bundle.js +0 -2
  100. package/storybook-static/51.5c11732a.iframe.bundle.js.LICENSE.txt +0 -8
  101. package/storybook-static/51.760aa05a4333dd8a752e.manager.bundle.js +0 -2
  102. package/storybook-static/51.760aa05a4333dd8a752e.manager.bundle.js.LICENSE.txt +0 -8
  103. package/storybook-static/551.3428ed3c.iframe.bundle.js +0 -1
  104. package/storybook-static/551.8c8f45eb9d74974aa18a.manager.bundle.js +0 -1
  105. package/storybook-static/721.b2cb1bef.iframe.bundle.js +0 -2
  106. package/storybook-static/721.b2cb1bef.iframe.bundle.js.LICENSE.txt +0 -14
  107. package/storybook-static/768.a56f8dc5.iframe.bundle.js +0 -1
  108. package/storybook-static/807.ab5e54b0.iframe.bundle.js +0 -2
  109. package/storybook-static/807.ab5e54b0.iframe.bundle.js.LICENSE.txt +0 -31
  110. package/storybook-static/807.d9b6543fdd7c2d6a261f.manager.bundle.js +0 -2
  111. package/storybook-static/807.d9b6543fdd7c2d6a261f.manager.bundle.js.LICENSE.txt +0 -31
  112. package/storybook-static/875.f84e25ca.iframe.bundle.js +0 -103
  113. package/storybook-static/875.f84e25ca.iframe.bundle.js.LICENSE.txt +0 -140
  114. package/storybook-static/875.f84e25ca.iframe.bundle.js.map +0 -1
  115. package/storybook-static/897.28a9da99b07676500653.manager.bundle.js +0 -2
  116. package/storybook-static/897.28a9da99b07676500653.manager.bundle.js.LICENSE.txt +0 -12
  117. package/storybook-static/897.55fef906.iframe.bundle.js +0 -2
  118. package/storybook-static/897.55fef906.iframe.bundle.js.LICENSE.txt +0 -12
  119. package/storybook-static/935.21bb37c1.iframe.bundle.js +0 -1
  120. package/storybook-static/935.3dd376a177921dc3fe3b.manager.bundle.js +0 -1
  121. package/storybook-static/favicon.ico +0 -0
  122. package/storybook-static/iframe.html +0 -364
  123. package/storybook-static/index.html +0 -59
  124. package/storybook-static/main.e049ced5d8ce985fef37.manager.bundle.js +0 -1
  125. package/storybook-static/main.e57b4407.iframe.bundle.js +0 -1
  126. package/storybook-static/project.json +0 -1
  127. package/storybook-static/runtime~main.5389bf219a9b1108d544.manager.bundle.js +0 -1
  128. package/storybook-static/runtime~main.57b908d8.iframe.bundle.js +0 -1
  129. package/storybook-static/static/media/Bitter-Bold.091bd4b7.woff +0 -0
  130. package/storybook-static/static/media/Bitter-Bold.24bf01e4.woff2 +0 -0
  131. package/storybook-static/static/media/Bitter-Bold.46bc29e4.ttf +0 -0
  132. package/storybook-static/static/media/Bitter-Bold.790f4f2f.eot +0 -0
  133. package/storybook-static/static/media/Bitter-Italic.1fa5390c.eot +0 -0
  134. package/storybook-static/static/media/Bitter-Italic.25e5675f.woff +0 -0
  135. package/storybook-static/static/media/Bitter-Italic.2eb18f5a.ttf +0 -0
  136. package/storybook-static/static/media/Bitter-Italic.34644574.woff2 +0 -0
  137. package/storybook-static/static/media/Bitter-Regular.4b22b6e8.woff +0 -0
  138. package/storybook-static/static/media/Bitter-Regular.559e7075.eot +0 -0
  139. package/storybook-static/static/media/Bitter-Regular.8db0301b.ttf +0 -0
  140. package/storybook-static/static/media/Bitter-Regular.f4e2f1f1.woff2 +0 -0
  141. package/storybook-static/static/media/FontAwesome.91f80bba.otf +0 -0
  142. package/storybook-static/static/media/OpenSans-Bold-webfont.202d819d.eot +0 -0
  143. package/storybook-static/static/media/OpenSans-Bold-webfont.92e570c6.woff2 +0 -0
  144. package/storybook-static/static/media/OpenSans-Bold-webfont.da71e99a.ttf +0 -0
  145. package/storybook-static/static/media/OpenSans-Bold-webfont.e75949bb.woff +0 -0
  146. package/storybook-static/static/media/OpenSans-Italic-webfont.72daa33a.woff2 +0 -0
  147. package/storybook-static/static/media/OpenSans-Italic-webfont.74ead3a8.woff +0 -0
  148. package/storybook-static/static/media/OpenSans-Italic-webfont.ae19388f.eot +0 -0
  149. package/storybook-static/static/media/OpenSans-Italic-webfont.ec7a2746.ttf +0 -0
  150. package/storybook-static/static/media/OpenSans-Regular-webfont.63a5fa7d.woff +0 -0
  151. package/storybook-static/static/media/OpenSans-Regular-webfont.66451be4.ttf +0 -0
  152. package/storybook-static/static/media/OpenSans-Regular-webfont.7882d20f.eot +0 -0
  153. package/storybook-static/static/media/OpenSans-Regular-webfont.ca4dd835.woff2 +0 -0
  154. package/storybook-static/static/media/OpenSans-Semibold-webfont.17ded75f.woff2 +0 -0
  155. package/storybook-static/static/media/OpenSans-Semibold-webfont.2a5adf6c.woff +0 -0
  156. package/storybook-static/static/media/OpenSans-Semibold-webfont.6059fecb.ttf +0 -0
  157. package/storybook-static/static/media/OpenSans-Semibold-webfont.c9808185.eot +0 -0
  158. package/storybook-static/static/media/Rubik-Bold.31bbd4d2.ttf +0 -0
  159. package/storybook-static/static/media/Rubik-Light.c90e2014.ttf +0 -0
  160. package/storybook-static/static/media/Rubik-Medium.5daa89aa.ttf +0 -0
  161. package/storybook-static/static/media/Rubik-Regular.cdf97d58.ttf +0 -0
  162. package/storybook-static/static/media/arrow-both.a0959e13.svg +0 -3
  163. package/storybook-static/static/media/fontawesome-webfont.1e59d233.ttf +0 -0
  164. package/storybook-static/static/media/fontawesome-webfont.20fd1704.woff2 +0 -0
  165. package/storybook-static/static/media/fontawesome-webfont.8b43027f.eot +0 -0
  166. package/storybook-static/static/media/fontawesome-webfont.c1e38fd9.svg +0 -2671
  167. package/storybook-static/static/media/fontawesome-webfont.f691f37e.woff +0 -0
package/coverage/lcov-report/{MadieTooltip/index.scss.html → DateTimeField/DateTimeField.jsx.html} RENAMED
@@ -3,7 +3,7 @@
3
3
  <html lang="en">
4
4
 
5
5
  <head>
6
- <title>Code coverage report for MadieTooltip/index.scss</title>
6
+ <title>Code coverage report for DateTimeField/DateTimeField.jsx</title>
7
7
  <meta charset="utf-8" />
8
8
  <link rel="stylesheet" href="../prettify.css" />
9
9
  <link rel="stylesheet" href="../base.css" />
@@ -19,34 +19,34 @@
19
19
  <body>
20
20
  <div class='wrapper'>
21
21
  <div class='pad1'>
22
- <h1><a href="../index.html">All files</a> / <a href="index.html">MadieTooltip</a> index.scss</h1>
22
+ <h1><a href="../index.html">All files</a> / <a href="index.html">DateTimeField</a> DateTimeField.jsx</h1>
23
23
  <div class='clearfix'>
24
24
 
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'>1/1</span>
28
+ <span class='fraction'>6/6</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">100% </span>
33
+ <span class="strong">50% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>0/0</span>
35
+ <span class='fraction'>1/2</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'>0/0</span>
42
+ <span class='fraction'>1/1</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'>1/1</span>
49
+ <span class='fraction'>6/6</span>
50
50
  </div>
51
51
 
52
52
 
@@ -57,7 +57,7 @@
57
57
  <template id="filterTemplate">
58
58
  <div class="quiet">
59
59
  Filter:
60
- <input oninput="onInput()" type="search" id="fileSearch">
60
+ <input type="search" id="fileSearch">
61
61
  </div>
62
62
  </template>
63
63
  </div>
@@ -126,7 +126,31 @@
126
126
  <a name='L61'></a><a href='#L61'>61</a>
127
127
  <a name='L62'></a><a href='#L62'>62</a>
128
128
  <a name='L63'></a><a href='#L63'>63</a>
129
- <a name='L64'></a><a href='#L64'>64</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
129
+ <a name='L64'></a><a href='#L64'>64</a>
130
+ <a name='L65'></a><a href='#L65'>65</a>
131
+ <a name='L66'></a><a href='#L66'>66</a>
132
+ <a name='L67'></a><a href='#L67'>67</a>
133
+ <a name='L68'></a><a href='#L68'>68</a>
134
+ <a name='L69'></a><a href='#L69'>69</a>
135
+ <a name='L70'></a><a href='#L70'>70</a>
136
+ <a name='L71'></a><a href='#L71'>71</a>
137
+ <a name='L72'></a><a href='#L72'>72</a>
138
+ <a name='L73'></a><a href='#L73'>73</a>
139
+ <a name='L74'></a><a href='#L74'>74</a>
140
+ <a name='L75'></a><a href='#L75'>75</a>
141
+ <a name='L76'></a><a href='#L76'>76</a>
142
+ <a name='L77'></a><a href='#L77'>77</a>
143
+ <a name='L78'></a><a href='#L78'>78</a>
144
+ <a name='L79'></a><a href='#L79'>79</a>
145
+ <a name='L80'></a><a href='#L80'>80</a>
146
+ <a name='L81'></a><a href='#L81'>81</a>
147
+ <a name='L82'></a><a href='#L82'>82</a>
148
+ <a name='L83'></a><a href='#L83'>83</a>
149
+ <a name='L84'></a><a href='#L84'>84</a>
150
+ <a name='L85'></a><a href='#L85'>85</a>
151
+ <a name='L86'></a><a href='#L86'>86</a>
152
+ <a name='L87'></a><a href='#L87'>87</a>
153
+ <a name='L88'></a><a href='#L88'>88</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
130
154
  <span class="cline-any cline-neutral">&nbsp;</span>
131
155
  <span class="cline-any cline-neutral">&nbsp;</span>
132
156
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -139,6 +163,9 @@
139
163
  <span class="cline-any cline-neutral">&nbsp;</span>
140
164
  <span class="cline-any cline-neutral">&nbsp;</span>
141
165
  <span class="cline-any cline-neutral">&nbsp;</span>
166
+ <span class="cline-any cline-yes">1x</span>
167
+ <span class="cline-any cline-yes">1x</span>
168
+ <span class="cline-any cline-yes">1x</span>
142
169
  <span class="cline-any cline-neutral">&nbsp;</span>
143
170
  <span class="cline-any cline-neutral">&nbsp;</span>
144
171
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -170,11 +197,13 @@
170
197
  <span class="cline-any cline-neutral">&nbsp;</span>
171
198
  <span class="cline-any cline-neutral">&nbsp;</span>
172
199
  <span class="cline-any cline-neutral">&nbsp;</span>
200
+ <span class="cline-any cline-yes">1x</span>
173
201
  <span class="cline-any cline-neutral">&nbsp;</span>
174
202
  <span class="cline-any cline-neutral">&nbsp;</span>
175
203
  <span class="cline-any cline-neutral">&nbsp;</span>
176
204
  <span class="cline-any cline-neutral">&nbsp;</span>
177
205
  <span class="cline-any cline-neutral">&nbsp;</span>
206
+ <span class="cline-any cline-yes">1x</span>
178
207
  <span class="cline-any cline-neutral">&nbsp;</span>
179
208
  <span class="cline-any cline-neutral">&nbsp;</span>
180
209
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -189,69 +218,112 @@
189
218
  <span class="cline-any cline-neutral">&nbsp;</span>
190
219
  <span class="cline-any cline-neutral">&nbsp;</span>
191
220
  <span class="cline-any cline-neutral">&nbsp;</span>
192
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">@import '../../styles/qppds/settings/index';
193
- &nbsp;
194
- .madie-tooltip-button {
195
- padding: 0;
196
- background-color: transparent;
197
- border:none;
198
- display: flex;
199
- flex-direction: row;
200
- height: 14px;
201
- align-self: flex-end;
202
- margin-right: 1px;
203
- margin-left: 4px;
204
- margin-bottom: -1px;
205
- position: relative;
206
- overflow: visible;
207
-
208
- &amp;:focus {
209
- outline-color: $cyan-50
210
- }
211
- &nbsp;
212
- &gt; svg {
213
- display: flex;
214
- align-self: center;
215
- }
216
- &nbsp;
217
- &gt; .madie-tooltip {
218
- z-index: 1;
219
- border-radius: 4px;
220
- color: #fff;
221
- background: $grey-80;
222
- max-width: 250px;
223
- min-width: 250px;
224
- width: max-content;
225
- padding: 8px 16px;
226
- position: absolute;
227
- top: 24px;
228
- overflow: visible;
229
- left: -125px;
221
+ <span class="cline-any cline-neutral">&nbsp;</span>
222
+ <span class="cline-any cline-neutral">&nbsp;</span>
223
+ <span class="cline-any cline-neutral">&nbsp;</span>
224
+ <span class="cline-any cline-neutral">&nbsp;</span>
225
+ <span class="cline-any cline-neutral">&nbsp;</span>
226
+ <span class="cline-any cline-neutral">&nbsp;</span>
227
+ <span class="cline-any cline-neutral">&nbsp;</span>
228
+ <span class="cline-any cline-neutral">&nbsp;</span>
229
+ <span class="cline-any cline-neutral">&nbsp;</span>
230
+ <span class="cline-any cline-neutral">&nbsp;</span>
231
+ <span class="cline-any cline-neutral">&nbsp;</span>
232
+ <span class="cline-any cline-yes">1x</span>
233
+ <span class="cline-any cline-neutral">&nbsp;</span>
234
+ <span class="cline-any cline-neutral">&nbsp;</span>
235
+ <span class="cline-any cline-neutral">&nbsp;</span>
236
+ <span class="cline-any cline-neutral">&nbsp;</span>
237
+ <span class="cline-any cline-neutral">&nbsp;</span>
238
+ <span class="cline-any cline-neutral">&nbsp;</span>
239
+ <span class="cline-any cline-neutral">&nbsp;</span>
240
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
241
+ import PropTypes from "prop-types";
242
+ import InputLabel from "../InputLabel";
243
+ import TextField from "../TextField";
244
+ import { DateTimePicker } from "@mui/x-date-pickers/DateTimePicker";
245
+ import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
246
+ import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
247
+ import dayjs from "dayjs";
248
+ import utc from "dayjs/plugin/utc";
230
249
  &nbsp;
231
- &amp;.hidden {
232
- visibility: hidden;
233
- }
250
+ import { FormControl } from "@mui/material";
251
+ import { kebabCase } from "lodash";
234
252
  &nbsp;
235
- &gt; p {
236
- font-size: 14px;
237
- font-style: normal;
238
- font-weight: 400;
239
- margin: 0;
240
- }
253
+ dayjs.extend(utc);
254
+ dayjs.utc();
255
+ export const dateTimeTextFieldStyle = {
256
+ width: "240px",
257
+ height: 40,
258
+ marginTop: "8px",
259
+ "&amp; .MuiOutlinedInput-notchedOutline": {
260
+ border: "1px solid #8C8C8C",
261
+ borderRadius: "3px",
262
+ "&amp; legend": {
263
+ width: 0,
264
+ },
265
+ },
266
+ "&amp; .MuiOutlinedInput-root": {
267
+ "&amp;&amp;": {
268
+ borderRadius: "3px",
269
+ },
270
+ },
271
+ "&amp; .MuiInputBase-input": {
272
+ color: "#333333",
273
+ fontFamily: "Rubik",
274
+ fontSize: 14,
275
+ borderRadius: "3px",
276
+ padding: "9px",
277
+ Width: "240px",
278
+ "&amp;::placeholder": {
279
+ opacity: 1,
280
+ color: "#717171",
281
+ fontFamily: "Rubik",
282
+ fontSize: 14,
283
+ },
284
+ },
285
+ };
241
286
  &nbsp;
242
- &amp;:after {
243
- content: "";
244
- position: absolute;
245
- top: -8px;
246
- height: 16px;
247
- width: 16px;
248
- background-color: $grey-80;
249
- rotate: 45deg;
250
- left: calc(50% - 1px)
251
- }
252
- }
253
- }
287
+ const DateTimeField = ({
288
+ label,
289
+ dateTimeValue,
290
+ handleDateTimeChange,
291
+ disabled,
292
+ }) =&gt; {
293
+ return (
294
+ &lt;FormControl&gt;
295
+ &lt;LocalizationProvider dateAdapter={AdapterDayjs}&gt;
296
+ &lt;InputLabel
297
+ style={{ marginBottom: 0, height: 16 }}
298
+ data-testId={`${kebabCase(label)}`}
299
+ &gt;
300
+ {`${label}`}
301
+ &lt;/InputLabel&gt;
302
+ &lt;DateTimePicker
303
+ value={dateTimeValue ? dayjs.utc(dateTimeValue) : <span class="branch-1 cbranch-no" title="branch not covered" >null}</span>
304
+ onChange={handleDateTimeChange}
305
+ views={["year", "day", "hours", "minutes"]}
306
+ disabled={disabled}
307
+ slotProps={{
308
+ textField: {
309
+ id: "dateTime",
310
+ sx: dateTimeTextFieldStyle,
311
+ },
312
+ }}
313
+ slots={{ textField: TextField }}
314
+ /&gt;
315
+ &lt;/LocalizationProvider&gt;
316
+ &lt;/FormControl&gt;
317
+ );
318
+ };
319
+ DateTimeField.propTypes = {
320
+ dateTimeValue: PropTypes.object,
321
+ handleDateTimeChange: PropTypes.func.isRequired,
322
+ label: PropTypes.string.isRequired,
323
+ disabled: PropTypes.bool,
324
+ };
254
325
  &nbsp;
326
+ export default DateTimeField;
255
327
  &nbsp;</pre></td></tr></table></pre>
256
328
 
257
329
  <div class='push'></div><!-- for sticky footer -->
@@ -259,7 +331,7 @@
259
331
  <div class='footer quiet pad2 space-top1 center small'>
260
332
  Code coverage generated by
261
333
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
262
- at 2024-01-24T17:18:11.426Z
334
+ at 2024-03-20T15:29:03.681Z
263
335
  </div>
264
336
  <script src="../prettify.js"></script>
265
337
  <script>
package/coverage/lcov-report/DateTimeField/index.html ADDED
@@ -0,0 +1,116 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for DateTimeField</title>
7
+ <meta charset="utf-8" />
8
+ <link rel="stylesheet" href="../prettify.css" />
9
+ <link rel="stylesheet" href="../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
12
+ <style type='text/css'>
13
+ .coverage-summary .sorter {
14
+ background-image: url(../sort-arrow-sprite.png);
15
+ }
16
+ </style>
17
+ </head>
18
+
19
+ <body>
20
+ <div class='wrapper'>
21
+ <div class='pad1'>
22
+ <h1><a href="../index.html">All files</a> DateTimeField</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">100% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>6/6</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">50% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>1/2</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">100% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>1/1</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">100% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>6/6</span>
50
+ </div>
51
+
52
+
53
+ </div>
54
+ <p class="quiet">
55
+ Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
+ </p>
57
+ <template id="filterTemplate">
58
+ <div class="quiet">
59
+ Filter:
60
+ <input type="search" id="fileSearch">
61
+ </div>
62
+ </template>
63
+ </div>
64
+ <div class='status-line high'></div>
65
+ <div class="pad1">
66
+ <table class="coverage-summary">
67
+ <thead>
68
+ <tr>
69
+ <th data-col="file" data-fmt="html" data-html="true" class="file">File</th>
70
+ <th data-col="pic" data-type="number" data-fmt="html" data-html="true" class="pic"></th>
71
+ <th data-col="statements" data-type="number" data-fmt="pct" class="pct">Statements</th>
72
+ <th data-col="statements_raw" data-type="number" data-fmt="html" class="abs"></th>
73
+ <th data-col="branches" data-type="number" data-fmt="pct" class="pct">Branches</th>
74
+ <th data-col="branches_raw" data-type="number" data-fmt="html" class="abs"></th>
75
+ <th data-col="functions" data-type="number" data-fmt="pct" class="pct">Functions</th>
76
+ <th data-col="functions_raw" data-type="number" data-fmt="html" class="abs"></th>
77
+ <th data-col="lines" data-type="number" data-fmt="pct" class="pct">Lines</th>
78
+ <th data-col="lines_raw" data-type="number" data-fmt="html" class="abs"></th>
79
+ </tr>
80
+ </thead>
81
+ <tbody><tr>
82
+ <td class="file high" data-value="DateTimeField.jsx"><a href="DateTimeField.jsx.html">DateTimeField.jsx</a></td>
83
+ <td data-value="100" class="pic high">
84
+ <div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
85
+ </td>
86
+ <td data-value="100" class="pct high">100%</td>
87
+ <td data-value="6" class="abs high">6/6</td>
88
+ <td data-value="50" class="pct medium">50%</td>
89
+ <td data-value="2" class="abs medium">1/2</td>
90
+ <td data-value="100" class="pct high">100%</td>
91
+ <td data-value="1" class="abs high">1/1</td>
92
+ <td data-value="100" class="pct high">100%</td>
93
+ <td data-value="6" class="abs high">6/6</td>
94
+ </tr>
95
+
96
+ </tbody>
97
+ </table>
98
+ </div>
99
+ <div class='push'></div><!-- for sticky footer -->
100
+ </div><!-- /wrapper -->
101
+ <div class='footer quiet pad2 space-top1 center small'>
102
+ Code coverage generated by
103
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
+ at 2024-03-20T15:29:03.681Z
105
+ </div>
106
+ <script src="../prettify.js"></script>
107
+ <script>
108
+ window.onload = function () {
109
+ prettyPrint();
110
+ };
111
+ </script>
112
+ <script src="../sorter.js"></script>
113
+ <script src="../block-navigation.js"></script>
114
+ </body>
115
+ </html>
116
+
package/coverage/lcov-report/InputLabel/index.html CHANGED
@@ -30,9 +30,9 @@
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">100% </span>
33
+ <span class="strong">50% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>6/6</span>
35
+ <span class='fraction'>3/6</span>
36
36
  </div>
37
37
 
38
38
 
@@ -57,7 +57,7 @@
57
57
  <template id="filterTemplate">
58
58
  <div class="quiet">
59
59
  Filter:
60
- <input oninput="onInput()" type="search" id="fileSearch">
60
+ <input type="search" id="fileSearch">
61
61
  </div>
62
62
  </template>
63
63
  </div>
@@ -85,8 +85,8 @@
85
85
  </td>
86
86
  <td data-value="100" class="pct high">100%</td>
87
87
  <td data-value="3" class="abs high">3/3</td>
88
- <td data-value="100" class="pct high">100%</td>
89
- <td data-value="6" class="abs high">6/6</td>
88
+ <td data-value="50" class="pct medium">50%</td>
89
+ <td data-value="6" class="abs medium">3/6</td>
90
90
  <td data-value="100" class="pct high">100%</td>
91
91
  <td data-value="1" class="abs high">1/1</td>
92
92
  <td data-value="100" class="pct high">100%</td>
@@ -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-01-24T17:18:11.426Z
104
+ at 2024-03-20T15:56:48.583Z
105
105
  </div>
106
106
  <script src="../prettify.js"></script>
107
107
  <script>
package/coverage/lcov-report/InputLabel/index.jsx.html CHANGED
@@ -30,9 +30,9 @@
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">100% </span>
33
+ <span class="strong">50% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>6/6</span>
35
+ <span class='fraction'>3/6</span>
36
36
  </div>
37
37
 
38
38
 
@@ -57,7 +57,7 @@
57
57
  <template id="filterTemplate">
58
58
  <div class="quiet">
59
59
  Filter:
60
- <input oninput="onInput()" type="search" id="fileSearch">
60
+ <input type="search" id="fileSearch">
61
61
  </div>
62
62
  </template>
63
63
  </div>
@@ -121,7 +121,7 @@
121
121
  <span class="cline-any cline-neutral">&nbsp;</span>
122
122
  <span class="cline-any cline-neutral">&nbsp;</span>
123
123
  <span class="cline-any cline-yes">1x</span>
124
- <span class="cline-any cline-yes">5x</span>
124
+ <span class="cline-any cline-yes">6x</span>
125
125
  <span class="cline-any cline-neutral">&nbsp;</span>
126
126
  <span class="cline-any cline-neutral">&nbsp;</span>
127
127
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -198,17 +198,17 @@ const Label = ({ required, disabled, error, ...rest }) =&gt; {
198
198
  marginRight: "3px !important", //this was
199
199
  },
200
200
  },
201
- required &amp;&amp; {
201
+ required &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >{</span>
202
202
  transform: "translateX(-12px) translateY(0px)",
203
203
  "&amp; .MuiInputLabel-asterisk": {
204
204
  color: "#D92F2",
205
205
  marginRight: "3px !important", //this was
206
206
  },
207
207
  },
208
- disabled &amp;&amp; {
208
+ disabled &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >{</span>
209
209
  color: "#333333 !important",
210
210
  },
211
- error &amp;&amp; {
211
+ error &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >{</span>
212
212
  color: "#AE1C1C !important",
213
213
  },
214
214
  ]}
@@ -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-01-24T17:18:11.426Z
232
+ at 2024-03-20T15:56:48.583Z
233
233
  </div>
234
234
  <script src="../prettify.js"></script>
235
235
  <script>
package/coverage/lcov-report/MadieTooltip/index.html CHANGED
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">100% </span>
26
+ <span class="strong">20% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>11/11</span>
28
+ <span class='fraction'>2/10</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">60% </span>
33
+ <span class="strong">0% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>3/5</span>
35
+ <span class='fraction'>0/5</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">100% </span>
40
+ <span class="strong">0% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>6/6</span>
42
+ <span class='fraction'>0/6</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">100% </span>
47
+ <span class="strong">20% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>11/11</span>
49
+ <span class='fraction'>2/10</span>
50
50
  </div>
51
51
 
52
52
 
@@ -57,11 +57,11 @@
57
57
  <template id="filterTemplate">
58
58
  <div class="quiet">
59
59
  Filter:
60
- <input oninput="onInput()" type="search" id="fileSearch">
60
+ <input type="search" id="fileSearch">
61
61
  </div>
62
62
  </template>
63
63
  </div>
64
- <div class='status-line high'></div>
64
+ <div class='status-line low'></div>
65
65
  <div class="pad1">
66
66
  <table class="coverage-summary">
67
67
  <thead>
@@ -79,33 +79,18 @@
79
79
  </tr>
80
80
  </thead>
81
81
  <tbody><tr>
82
- <td class="file high" data-value="index.jsx"><a href="index.jsx.html">index.jsx</a></td>
83
- <td data-value="100" class="pic high">
84
- <div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
82
+ <td class="file low" data-value="index.jsx"><a href="index.jsx.html">index.jsx</a></td>
83
+ <td data-value="20" class="pic low">
84
+ <div class="chart"><div class="cover-fill" style="width: 20%"></div><div class="cover-empty" style="width: 80%"></div></div>
85
85
  </td>
86
- <td data-value="100" class="pct high">100%</td>
87
- <td data-value="10" class="abs high">10/10</td>
88
- <td data-value="60" class="pct medium">60%</td>
89
- <td data-value="5" class="abs medium">3/5</td>
90
- <td data-value="100" class="pct high">100%</td>
91
- <td data-value="6" class="abs high">6/6</td>
92
- <td data-value="100" class="pct high">100%</td>
93
- <td data-value="10" class="abs high">10/10</td>
94
- </tr>
95
-
96
- <tr>
97
- <td class="file high" data-value="index.scss"><a href="index.scss.html">index.scss</a></td>
98
- <td data-value="100" class="pic high">
99
- <div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
100
- </td>
101
- <td data-value="100" class="pct high">100%</td>
102
- <td data-value="1" class="abs high">1/1</td>
103
- <td data-value="100" class="pct high">100%</td>
104
- <td data-value="0" class="abs high">0/0</td>
105
- <td data-value="100" class="pct high">100%</td>
106
- <td data-value="0" class="abs high">0/0</td>
107
- <td data-value="100" class="pct high">100%</td>
108
- <td data-value="1" class="abs high">1/1</td>
86
+ <td data-value="20" class="pct low">20%</td>
87
+ <td data-value="10" class="abs low">2/10</td>
88
+ <td data-value="0" class="pct low">0%</td>
89
+ <td data-value="5" class="abs low">0/5</td>
90
+ <td data-value="0" class="pct low">0%</td>
91
+ <td data-value="6" class="abs low">0/6</td>
92
+ <td data-value="20" class="pct low">20%</td>
93
+ <td data-value="10" class="abs low">2/10</td>
109
94
  </tr>
110
95
 
111
96
  </tbody>
@@ -116,7 +101,7 @@
116
101
  <div class='footer quiet pad2 space-top1 center small'>
117
102
  Code coverage generated by
118
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
119
- at 2024-01-24T17:18:11.426Z
104
+ at 2024-03-20T15:56:48.583Z
120
105
  </div>
121
106
  <script src="../prettify.js"></script>
122
107
  <script>