@dhasdk/simple-ui 1.0.8 → 1.0.9

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 (227) hide show
  1. package/index.css +1 -0
  2. package/{src/index.ts → index.d.ts} +8 -15
  3. package/index.js +34 -0
  4. package/index.mjs +5473 -0
  5. package/lib/Accordion.d.ts +36 -0
  6. package/lib/AppointmentPicker.d.ts +21 -0
  7. package/lib/Badge.d.ts +11 -0
  8. package/lib/Breadcrumbs.d.ts +13 -0
  9. package/lib/Button.d.ts +15 -0
  10. package/lib/ButtonGroup.d.ts +8 -0
  11. package/lib/Card.d.ts +11 -0
  12. package/lib/CharacterCounter.d.ts +11 -0
  13. package/lib/CheckBox.d.ts +30 -0
  14. package/lib/DatePicker.d.ts +7 -0
  15. package/lib/Input.d.ts +16 -0
  16. package/lib/List.d.ts +22 -0
  17. package/lib/Modal.d.ts +18 -0
  18. package/lib/Pill.d.ts +13 -0
  19. package/lib/ProgressBar.d.ts +19 -0
  20. package/lib/RadioGroup.d.ts +16 -0
  21. package/lib/RadioIcon.d.ts +3 -0
  22. package/lib/Search.d.ts +26 -0
  23. package/lib/SearchContent.d.ts +6 -0
  24. package/lib/SectionHeader.d.ts +18 -0
  25. package/lib/Select.d.ts +19 -0
  26. package/lib/Shield.d.ts +12 -0
  27. package/lib/SideBarNav.d.ts +21 -0
  28. package/lib/Skeleton.d.ts +15 -0
  29. package/lib/SkipLink.d.ts +23 -0
  30. package/lib/Slider.d.ts +14 -0
  31. package/lib/Status.d.ts +10 -0
  32. package/lib/Tabs.d.ts +26 -0
  33. package/lib/Toggle.d.ts +11 -0
  34. package/lib/Tooltip.d.ts +14 -0
  35. package/package.json +1 -1
  36. package/.babelrc +0 -12
  37. package/.storybook/main.ts +0 -35
  38. package/.storybook/preview.ts +0 -4
  39. package/BAKpostcss.config.jsBAK +0 -15
  40. package/BAKtailwind.config.mjsBAK +0 -99
  41. package/coverage/storybook/coverage-storybook.json +0 -32411
  42. package/coverage/storybook/lcov-report/Accordion.tsx.html +0 -805
  43. package/coverage/storybook/lcov-report/Badge.tsx.html +0 -346
  44. package/coverage/storybook/lcov-report/Breadcrumbs.tsx.html +0 -742
  45. package/coverage/storybook/lcov-report/Button.tsx.html +0 -448
  46. package/coverage/storybook/lcov-report/ButtonGroup.tsx.html +0 -403
  47. package/coverage/storybook/lcov-report/Card.tsx.html +0 -292
  48. package/coverage/storybook/lcov-report/CharacterCounter.tsx.html +0 -253
  49. package/coverage/storybook/lcov-report/CheckBox.tsx.html +0 -1555
  50. package/coverage/storybook/lcov-report/DatePicker.tsx.html +0 -826
  51. package/coverage/storybook/lcov-report/Input.tsx.html +0 -1012
  52. package/coverage/storybook/lcov-report/List.tsx.html +0 -364
  53. package/coverage/storybook/lcov-report/Modal.tsx.html +0 -745
  54. package/coverage/storybook/lcov-report/Pill.tsx.html +0 -358
  55. package/coverage/storybook/lcov-report/Search.tsx.html +0 -997
  56. package/coverage/storybook/lcov-report/SearchContent.tsx.html +0 -235
  57. package/coverage/storybook/lcov-report/SectionHeader.tsx.html +0 -358
  58. package/coverage/storybook/lcov-report/Select.tsx.html +0 -1012
  59. package/coverage/storybook/lcov-report/Shield.tsx.html +0 -802
  60. package/coverage/storybook/lcov-report/SideBarNav.tsx.html +0 -490
  61. package/coverage/storybook/lcov-report/Skeleton.tsx.html +0 -394
  62. package/coverage/storybook/lcov-report/Slider.tsx.html +0 -385
  63. package/coverage/storybook/lcov-report/Status.tsx.html +0 -322
  64. package/coverage/storybook/lcov-report/Tabs.tsx.html +0 -610
  65. package/coverage/storybook/lcov-report/Toggle.tsx.html +0 -373
  66. package/coverage/storybook/lcov-report/Tooltip.tsx.html +0 -496
  67. package/coverage/storybook/lcov-report/base.css +0 -224
  68. package/coverage/storybook/lcov-report/block-navigation.js +0 -87
  69. package/coverage/storybook/lcov-report/favicon.png +0 -0
  70. package/coverage/storybook/lcov-report/index.html +0 -476
  71. package/coverage/storybook/lcov-report/prettify.css +0 -1
  72. package/coverage/storybook/lcov-report/prettify.js +0 -2
  73. package/coverage/storybook/lcov-report/sort-arrow-sprite.png +0 -0
  74. package/coverage/storybook/lcov-report/sorter.js +0 -196
  75. package/coverage/storybook/lcov.info +0 -2312
  76. package/dist/README.md +0 -1815
  77. package/eslint.config.mjs +0 -13
  78. package/project.json +0 -11
  79. package/src/assets/img/Frame.svg +0 -5
  80. package/src/assets/img/backArrowRight.svg +0 -10
  81. package/src/assets/img/bc-separator.png +0 -0
  82. package/src/assets/img/calendar.png +0 -0
  83. package/src/assets/img/calendar.svg +0 -4
  84. package/src/assets/img/check.svg +0 -5
  85. package/src/assets/img/check_box.svg +0 -10
  86. package/src/assets/img/check_box_empty.svg +0 -10
  87. package/src/assets/img/check_box_fill.svg +0 -10
  88. package/src/assets/img/check_box_fill_empty.svg +0 -10
  89. package/src/assets/img/chevron-down-white.svg +0 -2
  90. package/src/assets/img/chevron-down.svg +0 -2
  91. package/src/assets/img/chevron-left.svg +0 -1
  92. package/src/assets/img/chevron-right-light.svg +0 -4
  93. package/src/assets/img/chevron-right.svg +0 -3
  94. package/src/assets/img/chevron-up-white.svg +0 -1
  95. package/src/assets/img/chevron-up.svg +0 -1
  96. package/src/assets/img/clock.svg +0 -6
  97. package/src/assets/img/close.svg +0 -1
  98. package/src/assets/img/close2.svg +0 -6
  99. package/src/assets/img/closeModal.svg +0 -10
  100. package/src/assets/img/close_icon_dark.svg +0 -10
  101. package/src/assets/img/close_small.svg +0 -3
  102. package/src/assets/img/emergency_home.svg +0 -10
  103. package/src/assets/img/first-aid-kit.svg +0 -7
  104. package/src/assets/img/heartbeat.svg +0 -4
  105. package/src/assets/img/home-gray.svg +0 -3
  106. package/src/assets/img/home.svg +0 -3
  107. package/src/assets/img/hospital.jpg +0 -0
  108. package/src/assets/img/indeterminate_check_box.svg +0 -10
  109. package/src/assets/img/indeterminate_check_box_fill.svg +0 -10
  110. package/src/assets/img/info_24_ 1d4ed8.svg +0 -3
  111. package/src/assets/img/info_24_ 2c6441.svg +0 -3
  112. package/src/assets/img/marker_check_by_default.svg +0 -10
  113. package/src/assets/img/marker_check_by_default_fill.svg +0 -10
  114. package/src/assets/img/minus-accordion.svg +0 -5
  115. package/src/assets/img/minus.svg +0 -3
  116. package/src/assets/img/open.svg +0 -1
  117. package/src/assets/img/pill-white.svg +0 -7
  118. package/src/assets/img/pill.svg +0 -5
  119. package/src/assets/img/plus-accordion.svg +0 -5
  120. package/src/assets/img/plus.svg +0 -4
  121. package/src/assets/img/prescription.svg +0 -6
  122. package/src/assets/img/search.svg +0 -10
  123. package/src/assets/img/search_icon_light.svg +0 -10
  124. package/src/assets/img/separator.svg +0 -3
  125. package/src/assets/img/stethoscope-white.svg +0 -8
  126. package/src/assets/img/stethoscope.svg +0 -8
  127. package/src/assets/img/thumb_up.svg +0 -10
  128. package/src/assets/img/vector.svg +0 -3
  129. package/src/assets/img/warning-badge-disabled.svg +0 -11
  130. package/src/assets/img/warning-badge-green.svg +0 -11
  131. package/src/assets/img/warning-badge-red.svg +0 -11
  132. package/src/assets/img/warning-badge-yellow.svg +0 -11
  133. package/src/assets/img/warning.svg +0 -10
  134. package/src/global.d.ts +0 -13
  135. package/src/lib/Accordian--Accordian.stories.tsx +0 -312
  136. package/src/lib/Accordion.spec.tsx +0 -384
  137. package/src/lib/Accordion.tsx +0 -240
  138. package/src/lib/AppointmentPicker.spec.tsx +0 -138
  139. package/src/lib/AppointmentPicker.tsx +0 -97
  140. package/src/lib/Badge--Badge.stories.tsx +0 -60
  141. package/src/lib/Badge.spec.tsx +0 -70
  142. package/src/lib/Badge.tsx +0 -87
  143. package/src/lib/Breadcrumbs-Breadcrumbs.stories.tsx +0 -114
  144. package/src/lib/Breadcrumbs.spec.tsx +0 -218
  145. package/src/lib/Breadcrumbs.tsx +0 -219
  146. package/src/lib/Button--Button.stories.tsx +0 -220
  147. package/src/lib/Button.spec.tsx +0 -241
  148. package/src/lib/Button.tsx +0 -121
  149. package/src/lib/ButtonGroup--ButtonGroup.stories.tsx +0 -129
  150. package/src/lib/ButtonGroup.spec.tsx +0 -89
  151. package/src/lib/ButtonGroup.tsx +0 -107
  152. package/src/lib/Card--Card.stories.tsx +0 -113
  153. package/src/lib/Card.spec.tsx +0 -112
  154. package/src/lib/Card.tsx +0 -69
  155. package/src/lib/CharacterCounter--CharacterCounter.stories.tsx +0 -169
  156. package/src/lib/CharacterCounter.spec.tsx +0 -123
  157. package/src/lib/CharacterCounter.tsx +0 -56
  158. package/src/lib/CheckBox--CheckBox.stories.tsx +0 -107
  159. package/src/lib/CheckBox.spec.tsx +0 -412
  160. package/src/lib/CheckBox.tsx +0 -491
  161. package/src/lib/DatePicker--DatePicker.stories.tsx +0 -228
  162. package/src/lib/DatePicker.spec.tsx +0 -424
  163. package/src/lib/DatePicker.tsx +0 -247
  164. package/src/lib/Input--Input.stories.tsx +0 -449
  165. package/src/lib/Input.spec.tsx +0 -281
  166. package/src/lib/Input.tsx +0 -309
  167. package/src/lib/List--List.stories.tsx +0 -157
  168. package/src/lib/List.spec.tsx +0 -211
  169. package/src/lib/List.tsx +0 -93
  170. package/src/lib/Modal--Modal.stories.tsx +0 -454
  171. package/src/lib/Modal.spec.tsx +0 -202
  172. package/src/lib/Modal.tsx +0 -220
  173. package/src/lib/Pill--Pill.stories.tsx +0 -98
  174. package/src/lib/Pill.spec.tsx +0 -103
  175. package/src/lib/Pill.tsx +0 -91
  176. package/src/lib/ProgressBar.spec.tsx +0 -106
  177. package/src/lib/ProgressBar.tsx +0 -112
  178. package/src/lib/RadioGroup.spec.tsx +0 -84
  179. package/src/lib/RadioGroup.tsx +0 -74
  180. package/src/lib/RadioIcon.tsx +0 -13
  181. package/src/lib/Search--Search.stories.tsx +0 -67
  182. package/src/lib/Search.spec.tsx +0 -182
  183. package/src/lib/Search.tsx +0 -304
  184. package/src/lib/SearchContent.tsx +0 -51
  185. package/src/lib/SectionHeader--SectionHeader.stories.tsx +0 -98
  186. package/src/lib/SectionHeader.spec.tsx +0 -60
  187. package/src/lib/SectionHeader.tsx +0 -91
  188. package/src/lib/Select--Select.stories.tsx +0 -387
  189. package/src/lib/Select.spec.tsx +0 -493
  190. package/src/lib/Select.tsx +0 -311
  191. package/src/lib/Shield--Shield.stories.tsx +0 -196
  192. package/src/lib/Shield.spec.tsx +0 -275
  193. package/src/lib/Shield.tsx +0 -239
  194. package/src/lib/SideBarNav--SideBarNav.stories.tsx +0 -136
  195. package/src/lib/SideBarNav.spec.tsx +0 -178
  196. package/src/lib/SideBarNav.tsx +0 -135
  197. package/src/lib/Skeleton--Skeleton.stories.tsx +0 -77
  198. package/src/lib/Skeleton.module.css +0 -16
  199. package/src/lib/Skeleton.spec.tsx +0 -83
  200. package/src/lib/Skeleton.tsx +0 -103
  201. package/src/lib/SkipLink.spec.tsx +0 -76
  202. package/src/lib/SkipLink.tsx +0 -48
  203. package/src/lib/Slider--Slider.stories.tsx +0 -108
  204. package/src/lib/Slider.module.css +0 -109
  205. package/src/lib/Slider.spec.tsx +0 -67
  206. package/src/lib/Slider.tsx +0 -101
  207. package/src/lib/Status--Status.stories.tsx +0 -93
  208. package/src/lib/Status.spec.tsx +0 -118
  209. package/src/lib/Status.tsx +0 -79
  210. package/src/lib/Tabs--Tabs.stories.tsx +0 -294
  211. package/src/lib/Tabs.spec.tsx +0 -249
  212. package/src/lib/Tabs.tsx +0 -188
  213. package/src/lib/Tester.spec.tsx +0 -17
  214. package/src/lib/Toggle--Toggle.stories.tsx +0 -162
  215. package/src/lib/Toggle.spec.tsx +0 -122
  216. package/src/lib/Toggle.tsx +0 -96
  217. package/src/lib/Tooltip--Tooltip.stories.tsx +0 -315
  218. package/src/lib/Tooltip.spec.tsx +0 -307
  219. package/src/lib/Tooltip.tsx +0 -137
  220. package/src/lib/bak-simple-ui.stories.tsx-bak +0 -24
  221. package/src/styles.css +0 -190
  222. package/tsconfig.json +0 -25
  223. package/tsconfig.lib.json +0 -42
  224. package/tsconfig.spec.json +0 -29
  225. package/tsconfig.storybook.json +0 -36
  226. package/vite.config.mts +0 -87
  227. package/vitest.setup.ts +0 -12
package/coverage/storybook/lcov-report/SideBarNav.tsx.html DELETED
@@ -1,490 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for SideBarNav.tsx</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> SideBarNav.tsx</h1>
23
- <div class='clearfix'>
24
-
25
- <div class='fl pad1y space-right2'>
26
- <span class="strong">92.3% </span>
27
- <span class="quiet">Statements</span>
28
- <span class='fraction'>24/26</span>
29
- </div>
30
-
31
-
32
- <div class='fl pad1y space-right2'>
33
- <span class="strong">86.95% </span>
34
- <span class="quiet">Branches</span>
35
- <span class='fraction'>20/23</span>
36
- </div>
37
-
38
-
39
- <div class='fl pad1y space-right2'>
40
- <span class="strong">88.88% </span>
41
- <span class="quiet">Functions</span>
42
- <span class='fraction'>8/9</span>
43
- </div>
44
-
45
-
46
- <div class='fl pad1y space-right2'>
47
- <span class="strong">92.3% </span>
48
- <span class="quiet">Lines</span>
49
- <span class='fraction'>24/26</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
- <pre><table class="coverage">
66
- <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
- <a name='L2'></a><a href='#L2'>2</a>
68
- <a name='L3'></a><a href='#L3'>3</a>
69
- <a name='L4'></a><a href='#L4'>4</a>
70
- <a name='L5'></a><a href='#L5'>5</a>
71
- <a name='L6'></a><a href='#L6'>6</a>
72
- <a name='L7'></a><a href='#L7'>7</a>
73
- <a name='L8'></a><a href='#L8'>8</a>
74
- <a name='L9'></a><a href='#L9'>9</a>
75
- <a name='L10'></a><a href='#L10'>10</a>
76
- <a name='L11'></a><a href='#L11'>11</a>
77
- <a name='L12'></a><a href='#L12'>12</a>
78
- <a name='L13'></a><a href='#L13'>13</a>
79
- <a name='L14'></a><a href='#L14'>14</a>
80
- <a name='L15'></a><a href='#L15'>15</a>
81
- <a name='L16'></a><a href='#L16'>16</a>
82
- <a name='L17'></a><a href='#L17'>17</a>
83
- <a name='L18'></a><a href='#L18'>18</a>
84
- <a name='L19'></a><a href='#L19'>19</a>
85
- <a name='L20'></a><a href='#L20'>20</a>
86
- <a name='L21'></a><a href='#L21'>21</a>
87
- <a name='L22'></a><a href='#L22'>22</a>
88
- <a name='L23'></a><a href='#L23'>23</a>
89
- <a name='L24'></a><a href='#L24'>24</a>
90
- <a name='L25'></a><a href='#L25'>25</a>
91
- <a name='L26'></a><a href='#L26'>26</a>
92
- <a name='L27'></a><a href='#L27'>27</a>
93
- <a name='L28'></a><a href='#L28'>28</a>
94
- <a name='L29'></a><a href='#L29'>29</a>
95
- <a name='L30'></a><a href='#L30'>30</a>
96
- <a name='L31'></a><a href='#L31'>31</a>
97
- <a name='L32'></a><a href='#L32'>32</a>
98
- <a name='L33'></a><a href='#L33'>33</a>
99
- <a name='L34'></a><a href='#L34'>34</a>
100
- <a name='L35'></a><a href='#L35'>35</a>
101
- <a name='L36'></a><a href='#L36'>36</a>
102
- <a name='L37'></a><a href='#L37'>37</a>
103
- <a name='L38'></a><a href='#L38'>38</a>
104
- <a name='L39'></a><a href='#L39'>39</a>
105
- <a name='L40'></a><a href='#L40'>40</a>
106
- <a name='L41'></a><a href='#L41'>41</a>
107
- <a name='L42'></a><a href='#L42'>42</a>
108
- <a name='L43'></a><a href='#L43'>43</a>
109
- <a name='L44'></a><a href='#L44'>44</a>
110
- <a name='L45'></a><a href='#L45'>45</a>
111
- <a name='L46'></a><a href='#L46'>46</a>
112
- <a name='L47'></a><a href='#L47'>47</a>
113
- <a name='L48'></a><a href='#L48'>48</a>
114
- <a name='L49'></a><a href='#L49'>49</a>
115
- <a name='L50'></a><a href='#L50'>50</a>
116
- <a name='L51'></a><a href='#L51'>51</a>
117
- <a name='L52'></a><a href='#L52'>52</a>
118
- <a name='L53'></a><a href='#L53'>53</a>
119
- <a name='L54'></a><a href='#L54'>54</a>
120
- <a name='L55'></a><a href='#L55'>55</a>
121
- <a name='L56'></a><a href='#L56'>56</a>
122
- <a name='L57'></a><a href='#L57'>57</a>
123
- <a name='L58'></a><a href='#L58'>58</a>
124
- <a name='L59'></a><a href='#L59'>59</a>
125
- <a name='L60'></a><a href='#L60'>60</a>
126
- <a name='L61'></a><a href='#L61'>61</a>
127
- <a name='L62'></a><a href='#L62'>62</a>
128
- <a name='L63'></a><a href='#L63'>63</a>
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>
154
- <a name='L89'></a><a href='#L89'>89</a>
155
- <a name='L90'></a><a href='#L90'>90</a>
156
- <a name='L91'></a><a href='#L91'>91</a>
157
- <a name='L92'></a><a href='#L92'>92</a>
158
- <a name='L93'></a><a href='#L93'>93</a>
159
- <a name='L94'></a><a href='#L94'>94</a>
160
- <a name='L95'></a><a href='#L95'>95</a>
161
- <a name='L96'></a><a href='#L96'>96</a>
162
- <a name='L97'></a><a href='#L97'>97</a>
163
- <a name='L98'></a><a href='#L98'>98</a>
164
- <a name='L99'></a><a href='#L99'>99</a>
165
- <a name='L100'></a><a href='#L100'>100</a>
166
- <a name='L101'></a><a href='#L101'>101</a>
167
- <a name='L102'></a><a href='#L102'>102</a>
168
- <a name='L103'></a><a href='#L103'>103</a>
169
- <a name='L104'></a><a href='#L104'>104</a>
170
- <a name='L105'></a><a href='#L105'>105</a>
171
- <a name='L106'></a><a href='#L106'>106</a>
172
- <a name='L107'></a><a href='#L107'>107</a>
173
- <a name='L108'></a><a href='#L108'>108</a>
174
- <a name='L109'></a><a href='#L109'>109</a>
175
- <a name='L110'></a><a href='#L110'>110</a>
176
- <a name='L111'></a><a href='#L111'>111</a>
177
- <a name='L112'></a><a href='#L112'>112</a>
178
- <a name='L113'></a><a href='#L113'>113</a>
179
- <a name='L114'></a><a href='#L114'>114</a>
180
- <a name='L115'></a><a href='#L115'>115</a>
181
- <a name='L116'></a><a href='#L116'>116</a>
182
- <a name='L117'></a><a href='#L117'>117</a>
183
- <a name='L118'></a><a href='#L118'>118</a>
184
- <a name='L119'></a><a href='#L119'>119</a>
185
- <a name='L120'></a><a href='#L120'>120</a>
186
- <a name='L121'></a><a href='#L121'>121</a>
187
- <a name='L122'></a><a href='#L122'>122</a>
188
- <a name='L123'></a><a href='#L123'>123</a>
189
- <a name='L124'></a><a href='#L124'>124</a>
190
- <a name='L125'></a><a href='#L125'>125</a>
191
- <a name='L126'></a><a href='#L126'>126</a>
192
- <a name='L127'></a><a href='#L127'>127</a>
193
- <a name='L128'></a><a href='#L128'>128</a>
194
- <a name='L129'></a><a href='#L129'>129</a>
195
- <a name='L130'></a><a href='#L130'>130</a>
196
- <a name='L131'></a><a href='#L131'>131</a>
197
- <a name='L132'></a><a href='#L132'>132</a>
198
- <a name='L133'></a><a href='#L133'>133</a>
199
- <a name='L134'></a><a href='#L134'>134</a>
200
- <a name='L135'></a><a href='#L135'>135</a>
201
- <a name='L136'></a><a href='#L136'>136</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
202
- <span class="cline-any cline-neutral">&nbsp;</span>
203
- <span class="cline-any cline-neutral">&nbsp;</span>
204
- <span class="cline-any cline-neutral">&nbsp;</span>
205
- <span class="cline-any cline-neutral">&nbsp;</span>
206
- <span class="cline-any cline-neutral">&nbsp;</span>
207
- <span class="cline-any cline-neutral">&nbsp;</span>
208
- <span class="cline-any cline-neutral">&nbsp;</span>
209
- <span class="cline-any cline-neutral">&nbsp;</span>
210
- <span class="cline-any cline-neutral">&nbsp;</span>
211
- <span class="cline-any cline-neutral">&nbsp;</span>
212
- <span class="cline-any cline-neutral">&nbsp;</span>
213
- <span class="cline-any cline-neutral">&nbsp;</span>
214
- <span class="cline-any cline-neutral">&nbsp;</span>
215
- <span class="cline-any cline-neutral">&nbsp;</span>
216
- <span class="cline-any cline-neutral">&nbsp;</span>
217
- <span class="cline-any cline-neutral">&nbsp;</span>
218
- <span class="cline-any cline-neutral">&nbsp;</span>
219
- <span class="cline-any cline-neutral">&nbsp;</span>
220
- <span class="cline-any cline-neutral">&nbsp;</span>
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-yes">3x</span>
225
- <span class="cline-any cline-neutral">&nbsp;</span>
226
- <span class="cline-any cline-yes">3x</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-yes">15x</span>
232
- <span class="cline-any cline-yes">15x</span>
233
- <span class="cline-any cline-neutral">&nbsp;</span>
234
- <span class="cline-any cline-yes">15x</span>
235
- <span class="cline-any cline-yes">15x</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-yes">15x</span>
239
- <span class="cline-any cline-yes">6x</span>
240
- <span class="cline-any cline-no">&nbsp;</span>
241
- <span class="cline-any cline-neutral">&nbsp;</span>
242
- <span class="cline-any cline-yes">6x</span>
243
- <span class="cline-any cline-neutral">&nbsp;</span>
244
- <span class="cline-any cline-neutral">&nbsp;</span>
245
- <span class="cline-any cline-yes">15x</span>
246
- <span class="cline-any cline-yes">6x</span>
247
- <span class="cline-any cline-yes">3x</span>
248
- <span class="cline-any cline-yes">6x</span>
249
- <span class="cline-any cline-yes">6x</span>
250
- <span class="cline-any cline-neutral">&nbsp;</span>
251
- <span class="cline-any cline-neutral">&nbsp;</span>
252
- <span class="cline-any cline-neutral">&nbsp;</span>
253
- <span class="cline-any cline-neutral">&nbsp;</span>
254
- <span class="cline-any cline-yes">3x</span>
255
- <span class="cline-any cline-neutral">&nbsp;</span>
256
- <span class="cline-any cline-yes">3x</span>
257
- <span class="cline-any cline-neutral">&nbsp;</span>
258
- <span class="cline-any cline-yes">2x</span>
259
- <span class="cline-any cline-neutral">&nbsp;</span>
260
- <span class="cline-any cline-neutral">&nbsp;</span>
261
- <span class="cline-any cline-neutral">&nbsp;</span>
262
- <span class="cline-any cline-neutral">&nbsp;</span>
263
- <span class="cline-any cline-neutral">&nbsp;</span>
264
- <span class="cline-any cline-neutral">&nbsp;</span>
265
- <span class="cline-any cline-neutral">&nbsp;</span>
266
- <span class="cline-any cline-neutral">&nbsp;</span>
267
- <span class="cline-any cline-yes">15x</span>
268
- <span class="cline-any cline-neutral">&nbsp;</span>
269
- <span class="cline-any cline-neutral">&nbsp;</span>
270
- <span class="cline-any cline-neutral">&nbsp;</span>
271
- <span class="cline-any cline-neutral">&nbsp;</span>
272
- <span class="cline-any cline-yes">3x</span>
273
- <span class="cline-any cline-neutral">&nbsp;</span>
274
- <span class="cline-any cline-neutral">&nbsp;</span>
275
- <span class="cline-any cline-neutral">&nbsp;</span>
276
- <span class="cline-any cline-neutral">&nbsp;</span>
277
- <span class="cline-any cline-neutral">&nbsp;</span>
278
- <span class="cline-any cline-neutral">&nbsp;</span>
279
- <span class="cline-any cline-neutral">&nbsp;</span>
280
- <span class="cline-any cline-neutral">&nbsp;</span>
281
- <span class="cline-any cline-neutral">&nbsp;</span>
282
- <span class="cline-any cline-neutral">&nbsp;</span>
283
- <span class="cline-any cline-neutral">&nbsp;</span>
284
- <span class="cline-any cline-neutral">&nbsp;</span>
285
- <span class="cline-any cline-neutral">&nbsp;</span>
286
- <span class="cline-any cline-no">&nbsp;</span>
287
- <span class="cline-any cline-neutral">&nbsp;</span>
288
- <span class="cline-any cline-neutral">&nbsp;</span>
289
- <span class="cline-any cline-neutral">&nbsp;</span>
290
- <span class="cline-any cline-neutral">&nbsp;</span>
291
- <span class="cline-any cline-neutral">&nbsp;</span>
292
- <span class="cline-any cline-neutral">&nbsp;</span>
293
- <span class="cline-any cline-neutral">&nbsp;</span>
294
- <span class="cline-any cline-neutral">&nbsp;</span>
295
- <span class="cline-any cline-neutral">&nbsp;</span>
296
- <span class="cline-any cline-neutral">&nbsp;</span>
297
- <span class="cline-any cline-neutral">&nbsp;</span>
298
- <span class="cline-any cline-neutral">&nbsp;</span>
299
- <span class="cline-any cline-neutral">&nbsp;</span>
300
- <span class="cline-any cline-neutral">&nbsp;</span>
301
- <span class="cline-any cline-neutral">&nbsp;</span>
302
- <span class="cline-any cline-neutral">&nbsp;</span>
303
- <span class="cline-any cline-neutral">&nbsp;</span>
304
- <span class="cline-any cline-neutral">&nbsp;</span>
305
- <span class="cline-any cline-neutral">&nbsp;</span>
306
- <span class="cline-any cline-neutral">&nbsp;</span>
307
- <span class="cline-any cline-yes">45x</span>
308
- <span class="cline-any cline-neutral">&nbsp;</span>
309
- <span class="cline-any cline-neutral">&nbsp;</span>
310
- <span class="cline-any cline-neutral">&nbsp;</span>
311
- <span class="cline-any cline-neutral">&nbsp;</span>
312
- <span class="cline-any cline-neutral">&nbsp;</span>
313
- <span class="cline-any cline-neutral">&nbsp;</span>
314
- <span class="cline-any cline-neutral">&nbsp;</span>
315
- <span class="cline-any cline-neutral">&nbsp;</span>
316
- <span class="cline-any cline-neutral">&nbsp;</span>
317
- <span class="cline-any cline-neutral">&nbsp;</span>
318
- <span class="cline-any cline-neutral">&nbsp;</span>
319
- <span class="cline-any cline-neutral">&nbsp;</span>
320
- <span class="cline-any cline-neutral">&nbsp;</span>
321
- <span class="cline-any cline-neutral">&nbsp;</span>
322
- <span class="cline-any cline-neutral">&nbsp;</span>
323
- <span class="cline-any cline-neutral">&nbsp;</span>
324
- <span class="cline-any cline-neutral">&nbsp;</span>
325
- <span class="cline-any cline-neutral">&nbsp;</span>
326
- <span class="cline-any cline-yes">3x</span>
327
- <span class="cline-any cline-neutral">&nbsp;</span>
328
- <span class="cline-any cline-neutral">&nbsp;</span>
329
- <span class="cline-any cline-yes">3x</span>
330
- <span class="cline-any cline-yes">9x</span>
331
- <span class="cline-any cline-neutral">&nbsp;</span>
332
- <span class="cline-any cline-neutral">&nbsp;</span>
333
- <span class="cline-any cline-neutral">&nbsp;</span>
334
- <span class="cline-any cline-yes">3x</span>
335
- <span class="cline-any cline-neutral">&nbsp;</span>
336
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import * as React from 'react';
337
- import { forwardRef, useState, useEffect, useRef } from 'react';
338
- import { NavLink } from 'react-router-dom';
339
- import { List, ListItemProps, ListItem } from './List';
340
- import { twMerge } from 'tailwind-merge';
341
- import backArrowRight from '../assets/img/backArrowRight.svg';
342
- &nbsp;
343
- export interface SideBarNavProps extends React.HTMLAttributes&lt;HTMLDivElement&gt; {
344
- className?: string;
345
- image: string;
346
- classNameImage?: string;
347
- classNameImageContainer?: string;
348
- clickOutsideCloses?: boolean
349
- menu?: boolean; // true - use integrated hamburger menu, false - react to customer event
350
- classNameMenu?: string;
351
- classNameMenuContainer?: string;
352
- classNameMenuItem?: string;
353
- version: string;
354
- appName: string;
355
- menuItems: ListItemProps[];
356
- right?: boolean;
357
- }
358
- &nbsp;
359
- const defaultItemClass = 'pb-4';
360
- &nbsp;
361
- export const SideBarNav = forwardRef&lt;HTMLDivElement, SideBarNavProps&gt;(
362
- ({ className, appName, image, classNameImage = '', clickOutsideCloses,
363
- classNameImageContainer = '', menu = false, classNameMenu = '',
364
- classNameMenuItem = '',
365
- classNameMenuContainer = '', version, menuItems, right=false,
366
- children, ...props }, ref) =&gt; {
367
- const sidebarRef = useRef&lt;HTMLDivElement&gt;(null);
368
- &nbsp;
369
- const [showMenu, setShowMenu] = useState&lt;boolean&gt;(false);
370
- const [itemClass, setItemClass] = useState&lt;string&gt;(defaultItemClass);
371
- &nbsp;
372
- // build css class list for individual menu items (list items)
373
- useEffect(() =&gt; {
374
- <span class="missing-if-branch" title="if path not taken" >I</span>if (right)
375
- <span class="cstat-no" title="statement not covered" > setItemClass(twMerge(defaultItemClass + ' text-right pe-2', classNameMenuItem));</span>
376
- else
377
- setItemClass(twMerge(defaultItemClass, classNameMenuItem));
378
- }, [right, itemClass, classNameMenuItem]);
379
- &nbsp;
380
- useEffect(() =&gt; {
381
- if (clickOutsideCloses) {
382
- const handleClickOutside = (event: MouseEvent) =&gt; {
383
- if (sidebarRef.current &amp;&amp; !sidebarRef.current.contains(event.target as Node)) {
384
- setShowMenu(false);
385
- }
386
- }
387
- &nbsp;
388
- // attach event listener
389
- document.addEventListener('mousedown', handleClickOutside);
390
- &nbsp;
391
- return () =&gt; {
392
- // cleanup listener on unmount
393
- document.removeEventListener('mousedown', handleClickOutside);
394
- }
395
- }
396
- &nbsp;
397
- }, [setShowMenu]);
398
- &nbsp;
399
- // console.log('menu: ', menu);
400
- // console.log('showMenu: ', showMenu);
401
- &nbsp;
402
- return (
403
- // eslint-disable-next-line react/jsx-no-useless-fragment
404
- &lt;&gt;
405
- {/* Hamburger Menu - display? */}
406
- { menu &amp;&amp;
407
- &lt;button aria-label='navigation' data-testid="hamburgerMenu" className={twMerge('size-8 mb-4', classNameMenuContainer)} onClick={() =&gt; setShowMenu(!showMenu)}&gt;
408
- &lt;Menu classes={twMerge('fill-slate-500 hover:fill-black size-8', classNameMenu)} /&gt;
409
- &lt;/button&gt;
410
- }
411
- &nbsp;
412
- {/* SideBarNav - display? */}
413
- &lt;div ref={sidebarRef}
414
- className={twMerge("relative w-56 md:w-[328px] lg:w-[432px] h-screen flex flex-col px-4 pb-4 pt-10 bg-white overflow-y-auto",
415
- // menu is used but hidden off screen
416
- menu &amp;&amp; 'fixed z-20 right-0 top-0 translate-x-full transition-transform duration-300',
417
- // menu used and displayed
418
- menu &amp;&amp; showMenu &amp;&amp; 'translate-x-0',
419
- className
420
- )}&gt;
421
- &lt;button className={twMerge('-mt-8 w-full flex justify-end')} onClick={<span class="fstat-no" title="function not covered" >() =&gt; <span class="cstat-no" title="statement not covered" >s</span>etShowMenu(!showMenu)}&gt;</span>
422
- &lt;img className={twMerge('fill-slate-500 hover:fill-black')} src={backArrowRight} alt='back arrow' /&gt;
423
- &lt;/button&gt;
424
- &lt;p className='w-full flex justify-end pr-0.5 -mb-8'&gt;Back&lt;/p&gt;
425
- &nbsp;
426
- {/* Image */}
427
- &nbsp;
428
- {/* Logo */}
429
- &lt;div className={twMerge("w-16 h-16 mx-auto", classNameImageContainer)}&gt;
430
- &lt;img src={image} className={twMerge('border border-[#bbbabc] w-16 h-16 bg-[#eeeeef] ring-1', classNameImage)} alt="application icon" /&gt;
431
- &lt;/div&gt;
432
- &nbsp;
433
- &lt;div className="text-center text-xl mt-2"&gt;{appName}&lt;/div&gt;
434
- &nbsp;
435
- {/* Separator */}
436
- &lt;div className="[204px] mt-3 h-[2px] border-[0.5px] border-[#D9D9D9] bg-[#D9D9D9]"&gt;&lt;/div&gt;
437
- &nbsp;
438
- {/* Menu List */}
439
- {/* &lt;div className="mt-6 border-2 border-red-500"&gt; */}
440
- &lt;List className="pl-4 lg:pl-6 mt-6"&gt;
441
- {menuItems.map((item, index) =&gt; (
442
- &lt;ListItem
443
- key={index}
444
- className={itemClass}
445
- &gt;
446
- {item.target &amp;&amp; (
447
- <span class="branch-1 cbranch-no" title="branch not covered" > &lt;NavLink to={item.target}&gt;{item.children}&lt;/NavLink&gt;</span>
448
- )}
449
- &lt;/ListItem&gt;
450
- ))}
451
- &lt;/List&gt;
452
- &nbsp;
453
- {/* Version # - parent div must be 'relative' */}
454
- &lt;div className='align-bottom mt-auto text-right right-2 bottom-1'&gt;Version {version}&lt;/div&gt;
455
- &nbsp;
456
- &lt;/div&gt;
457
- &nbsp;
458
- &lt;/&gt;
459
- );
460
- }
461
- );
462
- &nbsp;
463
- &nbsp;
464
- export const Menu = ({ classes=<span class="branch-0 cbranch-no" title="branch not covered" >'fill-green-600'}</span>, ) =&gt; (
465
- &lt;svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" className={classes} &gt;
466
- &lt;path d="M0 0h24v24H0z" fill="none"/&gt;
467
- &lt;path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/&gt;
468
- &lt;/svg&gt;
469
- );
470
- &nbsp;
471
- &nbsp;</pre></td></tr></table></pre>
472
-
473
- <div class='push'></div><!-- for sticky footer -->
474
- </div><!-- /wrapper -->
475
- <div class='footer quiet pad2 space-top1 center small'>
476
- Code coverage generated by
477
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
478
- at 2025-05-29T21:55:20.662Z
479
- </div>
480
- <script src="prettify.js"></script>
481
- <script>
482
- window.onload = function () {
483
- prettyPrint();
484
- };
485
- </script>
486
- <script src="sorter.js"></script>
487
- <script src="block-navigation.js"></script>
488
- </body>
489
- </html>
490
-