@redsift/dashboard 8.0.1 → 8.0.3

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 (155) hide show
  1. package/package.json +3 -2
  2. package/.env +0 -2
  3. package/coverage/clover.xml +0 -509
  4. package/coverage/coverage-final.json +0 -22
  5. package/coverage/lcov-report/ConnectedDataGrid/ConnectedDataGrid.tsx.html +0 -193
  6. package/coverage/lcov-report/ConnectedDataGrid/index.html +0 -131
  7. package/coverage/lcov-report/ConnectedDataGrid/index.ts.html +0 -85
  8. package/coverage/lcov-report/Dashboard/Dashboard.tsx.html +0 -229
  9. package/coverage/lcov-report/Dashboard/context.ts.html +0 -118
  10. package/coverage/lcov-report/Dashboard/index.html +0 -176
  11. package/coverage/lcov-report/Dashboard/index.ts.html +0 -97
  12. package/coverage/lcov-report/Dashboard/reducer.ts.html +0 -139
  13. package/coverage/lcov-report/Dashboard/types.ts.html +0 -190
  14. package/coverage/lcov-report/HorizontalBarChart/HorizontalBarChart.tsx.html +0 -430
  15. package/coverage/lcov-report/HorizontalBarChart/index.html +0 -161
  16. package/coverage/lcov-report/HorizontalBarChart/index.ts.html +0 -88
  17. package/coverage/lcov-report/HorizontalBarChart/styles.ts.html +0 -217
  18. package/coverage/lcov-report/HorizontalBarChart/types.ts.html +0 -184
  19. package/coverage/lcov-report/PieChart/PieChart.tsx.html +0 -736
  20. package/coverage/lcov-report/PieChart/index.html +0 -161
  21. package/coverage/lcov-report/PieChart/index.ts.html +0 -88
  22. package/coverage/lcov-report/PieChart/styles.ts.html +0 -244
  23. package/coverage/lcov-report/PieChart/types.ts.html +0 -184
  24. package/coverage/lcov-report/base.css +0 -224
  25. package/coverage/lcov-report/block-navigation.js +0 -87
  26. package/coverage/lcov-report/components/ChartEmptyState/ChartEmptyState.tsx.html +0 -679
  27. package/coverage/lcov-report/components/ChartEmptyState/index.html +0 -146
  28. package/coverage/lcov-report/components/ChartEmptyState/index.ts.html +0 -91
  29. package/coverage/lcov-report/components/ChartEmptyState/styles.ts.html +0 -184
  30. package/coverage/lcov-report/components/ConnectedDataGrid/ConnectedDataGrid.tsx.html +0 -181
  31. package/coverage/lcov-report/components/ConnectedDataGrid/index.html +0 -131
  32. package/coverage/lcov-report/components/ConnectedDataGrid/index.ts.html +0 -85
  33. package/coverage/lcov-report/components/CrossfilterRegistry/CrossfilterRegistry.ts.html +0 -163
  34. package/coverage/lcov-report/components/CrossfilterRegistry/index.html +0 -131
  35. package/coverage/lcov-report/components/CrossfilterRegistry/index.ts.html +0 -88
  36. package/coverage/lcov-report/components/Dashboard/Dashboard.tsx.html +0 -289
  37. package/coverage/lcov-report/components/Dashboard/context.ts.html +0 -115
  38. package/coverage/lcov-report/components/Dashboard/index.html +0 -176
  39. package/coverage/lcov-report/components/Dashboard/index.ts.html +0 -97
  40. package/coverage/lcov-report/components/Dashboard/reducer.ts.html +0 -382
  41. package/coverage/lcov-report/components/Dashboard/types.ts.html +0 -226
  42. package/coverage/lcov-report/components/DataGrid/DataGrid.tsx.html +0 -202
  43. package/coverage/lcov-report/components/DataGrid/index.html +0 -131
  44. package/coverage/lcov-report/components/DataGrid/index.ts.html +0 -91
  45. package/coverage/lcov-report/components/EmptyChart/EmptyChart.tsx.html +0 -244
  46. package/coverage/lcov-report/components/EmptyChart/index.html +0 -146
  47. package/coverage/lcov-report/components/EmptyChart/index.ts.html +0 -91
  48. package/coverage/lcov-report/components/EmptyChart/styles.ts.html +0 -241
  49. package/coverage/lcov-report/components/HorizontalBarChart/HorizontalBarChart.tsx.html +0 -1063
  50. package/coverage/lcov-report/components/HorizontalBarChart/index.html +0 -161
  51. package/coverage/lcov-report/components/HorizontalBarChart/index.ts.html +0 -91
  52. package/coverage/lcov-report/components/HorizontalBarChart/styles.ts.html +0 -385
  53. package/coverage/lcov-report/components/HorizontalBarChart/types.ts.html +0 -328
  54. package/coverage/lcov-report/components/PDFExportButton/PdfDocument.tsx.html +0 -688
  55. package/coverage/lcov-report/components/PDFExportButton/PdfExportButton.tsx.html +0 -583
  56. package/coverage/lcov-report/components/PDFExportButton/index.html +0 -161
  57. package/coverage/lcov-report/components/PDFExportButton/index.ts.html +0 -88
  58. package/coverage/lcov-report/components/PDFExportButton/styles.ts.html +0 -532
  59. package/coverage/lcov-report/components/PDFExportButton/utils.ts.html +0 -283
  60. package/coverage/lcov-report/components/PieChart/PieChart.tsx.html +0 -1363
  61. package/coverage/lcov-report/components/PieChart/index.html +0 -161
  62. package/coverage/lcov-report/components/PieChart/index.ts.html +0 -91
  63. package/coverage/lcov-report/components/PieChart/styles.ts.html +0 -388
  64. package/coverage/lcov-report/components/PieChart/types.ts.html +0 -325
  65. package/coverage/lcov-report/components/ResetButton/ResetButton.tsx.html +0 -160
  66. package/coverage/lcov-report/components/ResetButton/index.html +0 -131
  67. package/coverage/lcov-report/components/ResetButton/index.ts.html +0 -91
  68. package/coverage/lcov-report/components/ScatterPlot/ScatterPlot.tsx.html +0 -2881
  69. package/coverage/lcov-report/components/ScatterPlot/index.html +0 -176
  70. package/coverage/lcov-report/components/ScatterPlot/index.ts.html +0 -91
  71. package/coverage/lcov-report/components/ScatterPlot/styles.ts.html +0 -505
  72. package/coverage/lcov-report/components/ScatterPlot/types.ts.html +0 -370
  73. package/coverage/lcov-report/components/ScatterPlot/utils.ts.html +0 -136
  74. package/coverage/lcov-report/components/StaticPieChart/StaticPieChart.tsx.html +0 -286
  75. package/coverage/lcov-report/components/StaticPieChart/index.html +0 -131
  76. package/coverage/lcov-report/components/StaticPieChart/index.ts.html +0 -88
  77. package/coverage/lcov-report/components/TimeSeriesBarChart/TimeSeriesBarChart.tsx.html +0 -1744
  78. package/coverage/lcov-report/components/TimeSeriesBarChart/index.html +0 -161
  79. package/coverage/lcov-report/components/TimeSeriesBarChart/index.ts.html +0 -91
  80. package/coverage/lcov-report/components/TimeSeriesBarChart/styles.ts.html +0 -361
  81. package/coverage/lcov-report/components/TimeSeriesBarChart/types.ts.html +0 -319
  82. package/coverage/lcov-report/components/WithFilters/FilterableBarChart.tsx.html +0 -628
  83. package/coverage/lcov-report/components/WithFilters/FilterableDataGrid.tsx.html +0 -220
  84. package/coverage/lcov-report/components/WithFilters/FilterablePieChart.tsx.html +0 -622
  85. package/coverage/lcov-report/components/WithFilters/FilterableScatterPlot.tsx.html +0 -1090
  86. package/coverage/lcov-report/components/WithFilters/WithFilters.tsx.html +0 -172
  87. package/coverage/lcov-report/components/WithFilters/index.html +0 -191
  88. package/coverage/lcov-report/components/WithFilters/index.ts.html +0 -91
  89. package/coverage/lcov-report/components/index.html +0 -116
  90. package/coverage/lcov-report/components/index.ts.html +0 -97
  91. package/coverage/lcov-report/favicon.png +0 -0
  92. package/coverage/lcov-report/hooks/index.html +0 -116
  93. package/coverage/lcov-report/hooks/useCategoricalChartAsListbox.ts.html +0 -478
  94. package/coverage/lcov-report/hooks/useChartAsListbox.ts.html +0 -655
  95. package/coverage/lcov-report/index.html +0 -206
  96. package/coverage/lcov-report/prettify.css +0 -1
  97. package/coverage/lcov-report/prettify.js +0 -2
  98. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  99. package/coverage/lcov-report/sorter.js +0 -196
  100. package/coverage/lcov-report/utils/groupReduceCount.ts.html +0 -94
  101. package/coverage/lcov-report/utils/groupReduceSum.ts.html +0 -97
  102. package/coverage/lcov-report/utils/groupReducers/groupReduceCount.ts.html +0 -100
  103. package/coverage/lcov-report/utils/groupReducers/groupReduceSum.ts.html +0 -103
  104. package/coverage/lcov-report/utils/groupReducers/index.html +0 -146
  105. package/coverage/lcov-report/utils/groupReducers/index.ts.html +0 -91
  106. package/coverage/lcov-report/utils/index.html +0 -116
  107. package/coverage/lcov-report/utils/index.ts.html +0 -88
  108. package/coverage/lcov.info +0 -1070
  109. package/dist/package.json +0 -113
  110. package/index.ts +0 -1
  111. package/jest.config.js +0 -3
  112. package/rollup.config.js +0 -13
  113. package/src/components/ChartEmptyState/ChartEmptyState.stories.tsx +0 -23
  114. package/src/components/ChartEmptyState/ChartEmptyState.tsx +0 -198
  115. package/src/components/ChartEmptyState/index.ts +0 -2
  116. package/src/components/ChartEmptyState/styles.ts +0 -33
  117. package/src/components/ChartEmptyState/types.ts +0 -15
  118. package/src/components/CrossfilterRegistry/CrossfilterRegistry.ts +0 -26
  119. package/src/components/CrossfilterRegistry/index.ts +0 -1
  120. package/src/components/Dashboard/Dashboard.stories.tsx +0 -602
  121. package/src/components/Dashboard/Dashboard.test.tsx +0 -19
  122. package/src/components/Dashboard/Dashboard.tsx +0 -68
  123. package/src/components/Dashboard/__snapshots__/Dashboard.stories.storyshot +0 -24646
  124. package/src/components/Dashboard/context.ts +0 -10
  125. package/src/components/Dashboard/index.ts +0 -4
  126. package/src/components/Dashboard/reducer.ts +0 -99
  127. package/src/components/Dashboard/types.ts +0 -47
  128. package/src/components/PdfExportButton/PdfDocument.tsx +0 -203
  129. package/src/components/PdfExportButton/PdfExportButton.tsx +0 -168
  130. package/src/components/PdfExportButton/index.ts +0 -3
  131. package/src/components/PdfExportButton/styles.ts +0 -151
  132. package/src/components/PdfExportButton/types.ts +0 -59
  133. package/src/components/TimeSeriesBarChart/TimeSeriesBarChart.tsx +0 -565
  134. package/src/components/TimeSeriesBarChart/index.ts +0 -4
  135. package/src/components/TimeSeriesBarChart/styles.ts +0 -94
  136. package/src/components/TimeSeriesBarChart/types.ts +0 -82
  137. package/src/components/WithFilters/FilterableBarChart.tsx +0 -181
  138. package/src/components/WithFilters/FilterableDataGrid.tsx +0 -45
  139. package/src/components/WithFilters/FilterablePieChart.tsx +0 -179
  140. package/src/components/WithFilters/FilterableScatterPlot.tsx +0 -335
  141. package/src/components/WithFilters/WithFilters.tsx +0 -29
  142. package/src/components/WithFilters/index.ts +0 -2
  143. package/src/components/WithFilters/types.ts +0 -45
  144. package/src/hooks/useCategoricalChartAsListbox.ts +0 -131
  145. package/src/index.ts +0 -8
  146. package/src/types.ts +0 -39
  147. package/src/utils/groupReducers/groupReduceCount.ts +0 -5
  148. package/src/utils/groupReducers/groupReduceSum.ts +0 -6
  149. package/src/utils/groupReducers/index.ts +0 -2
  150. package/src/utils/index.ts +0 -1
  151. package/tsconfig.json +0 -3
  152. /package/{dist/CONTRIBUTING.md → CONTRIBUTING.md} +0 -0
  153. /package/{dist/index.d.ts → index.d.ts} +0 -0
  154. /package/{dist/index.js → index.js} +0 -0
  155. /package/{dist/index.js.map → index.js.map} +0 -0
package/coverage/lcov-report/hooks/useChartAsListbox.ts.html DELETED
@@ -1,655 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for hooks/useChartAsListbox.ts</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> / <a href="index.html">hooks</a> useChartAsListbox.ts</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'>95/95</span>
29
- </div>
30
-
31
-
32
- <div class='fl pad1y space-right2'>
33
- <span class="strong">100% </span>
34
- <span class="quiet">Branches</span>
35
- <span class='fraction'>35/35</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'>17/17</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'>93/93</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 oninput="onInput()" 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>
202
- <a name='L137'></a><a href='#L137'>137</a>
203
- <a name='L138'></a><a href='#L138'>138</a>
204
- <a name='L139'></a><a href='#L139'>139</a>
205
- <a name='L140'></a><a href='#L140'>140</a>
206
- <a name='L141'></a><a href='#L141'>141</a>
207
- <a name='L142'></a><a href='#L142'>142</a>
208
- <a name='L143'></a><a href='#L143'>143</a>
209
- <a name='L144'></a><a href='#L144'>144</a>
210
- <a name='L145'></a><a href='#L145'>145</a>
211
- <a name='L146'></a><a href='#L146'>146</a>
212
- <a name='L147'></a><a href='#L147'>147</a>
213
- <a name='L148'></a><a href='#L148'>148</a>
214
- <a name='L149'></a><a href='#L149'>149</a>
215
- <a name='L150'></a><a href='#L150'>150</a>
216
- <a name='L151'></a><a href='#L151'>151</a>
217
- <a name='L152'></a><a href='#L152'>152</a>
218
- <a name='L153'></a><a href='#L153'>153</a>
219
- <a name='L154'></a><a href='#L154'>154</a>
220
- <a name='L155'></a><a href='#L155'>155</a>
221
- <a name='L156'></a><a href='#L156'>156</a>
222
- <a name='L157'></a><a href='#L157'>157</a>
223
- <a name='L158'></a><a href='#L158'>158</a>
224
- <a name='L159'></a><a href='#L159'>159</a>
225
- <a name='L160'></a><a href='#L160'>160</a>
226
- <a name='L161'></a><a href='#L161'>161</a>
227
- <a name='L162'></a><a href='#L162'>162</a>
228
- <a name='L163'></a><a href='#L163'>163</a>
229
- <a name='L164'></a><a href='#L164'>164</a>
230
- <a name='L165'></a><a href='#L165'>165</a>
231
- <a name='L166'></a><a href='#L166'>166</a>
232
- <a name='L167'></a><a href='#L167'>167</a>
233
- <a name='L168'></a><a href='#L168'>168</a>
234
- <a name='L169'></a><a href='#L169'>169</a>
235
- <a name='L170'></a><a href='#L170'>170</a>
236
- <a name='L171'></a><a href='#L171'>171</a>
237
- <a name='L172'></a><a href='#L172'>172</a>
238
- <a name='L173'></a><a href='#L173'>173</a>
239
- <a name='L174'></a><a href='#L174'>174</a>
240
- <a name='L175'></a><a href='#L175'>175</a>
241
- <a name='L176'></a><a href='#L176'>176</a>
242
- <a name='L177'></a><a href='#L177'>177</a>
243
- <a name='L178'></a><a href='#L178'>178</a>
244
- <a name='L179'></a><a href='#L179'>179</a>
245
- <a name='L180'></a><a href='#L180'>180</a>
246
- <a name='L181'></a><a href='#L181'>181</a>
247
- <a name='L182'></a><a href='#L182'>182</a>
248
- <a name='L183'></a><a href='#L183'>183</a>
249
- <a name='L184'></a><a href='#L184'>184</a>
250
- <a name='L185'></a><a href='#L185'>185</a>
251
- <a name='L186'></a><a href='#L186'>186</a>
252
- <a name='L187'></a><a href='#L187'>187</a>
253
- <a name='L188'></a><a href='#L188'>188</a>
254
- <a name='L189'></a><a href='#L189'>189</a>
255
- <a name='L190'></a><a href='#L190'>190</a>
256
- <a name='L191'></a><a href='#L191'>191</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
257
- <span class="cline-any cline-yes">4x</span>
258
- <span class="cline-any cline-neutral">&nbsp;</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-neutral">&nbsp;</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-neutral">&nbsp;</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-yes">4x</span>
278
- <span class="cline-any cline-yes">248x</span>
279
- <span class="cline-any cline-yes">248x</span>
280
- <span class="cline-any cline-yes">248x</span>
281
- <span class="cline-any cline-yes">248x</span>
282
- <span class="cline-any cline-yes">248x</span>
283
- <span class="cline-any cline-yes">248x</span>
284
- <span class="cline-any cline-yes">248x</span>
285
- <span class="cline-any cline-neutral">&nbsp;</span>
286
- <span class="cline-any cline-yes">248x</span>
287
- <span class="cline-any cline-neutral">&nbsp;</span>
288
- <span class="cline-any cline-yes">248x</span>
289
- <span class="cline-any cline-yes">244x</span>
290
- <span class="cline-any cline-neutral">&nbsp;</span>
291
- <span class="cline-any cline-yes">118x</span>
292
- <span class="cline-any cline-yes">264x</span>
293
- <span class="cline-any cline-yes">118x</span>
294
- <span class="cline-any cline-yes">67x</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-yes">118x</span>
299
- <span class="cline-any cline-yes">18x</span>
300
- <span class="cline-any cline-neutral">&nbsp;</span>
301
- <span class="cline-any cline-yes">18x</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-yes">18x</span>
305
- <span class="cline-any cline-yes">18x</span>
306
- <span class="cline-any cline-neutral">&nbsp;</span>
307
- <span class="cline-any cline-neutral">&nbsp;</span>
308
- <span class="cline-any cline-neutral">&nbsp;</span>
309
- <span class="cline-any cline-yes">18x</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-yes">118x</span>
313
- <span class="cline-any cline-yes">6x</span>
314
- <span class="cline-any cline-neutral">&nbsp;</span>
315
- <span class="cline-any cline-yes">6x</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-yes">6x</span>
319
- <span class="cline-any cline-yes">6x</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-yes">6x</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">118x</span>
327
- <span class="cline-any cline-yes">17x</span>
328
- <span class="cline-any cline-yes">17x</span>
329
- <span class="cline-any cline-neutral">&nbsp;</span>
330
- <span class="cline-any cline-neutral">&nbsp;</span>
331
- <span class="cline-any cline-yes">118x</span>
332
- <span class="cline-any cline-yes">2x</span>
333
- <span class="cline-any cline-yes">2x</span>
334
- <span class="cline-any cline-yes">2x</span>
335
- <span class="cline-any cline-neutral">&nbsp;</span>
336
- <span class="cline-any cline-neutral">&nbsp;</span>
337
- <span class="cline-any cline-yes">118x</span>
338
- <span class="cline-any cline-yes">29x</span>
339
- <span class="cline-any cline-neutral">&nbsp;</span>
340
- <span class="cline-any cline-yes">29x</span>
341
- <span class="cline-any cline-neutral">&nbsp;</span>
342
- <span class="cline-any cline-yes">9x</span>
343
- <span class="cline-any cline-yes">9x</span>
344
- <span class="cline-any cline-yes">9x</span>
345
- <span class="cline-any cline-neutral">&nbsp;</span>
346
- <span class="cline-any cline-yes">9x</span>
347
- <span class="cline-any cline-neutral">&nbsp;</span>
348
- <span class="cline-any cline-yes">3x</span>
349
- <span class="cline-any cline-yes">3x</span>
350
- <span class="cline-any cline-yes">3x</span>
351
- <span class="cline-any cline-neutral">&nbsp;</span>
352
- <span class="cline-any cline-yes">3x</span>
353
- <span class="cline-any cline-neutral">&nbsp;</span>
354
- <span class="cline-any cline-yes">9x</span>
355
- <span class="cline-any cline-yes">9x</span>
356
- <span class="cline-any cline-yes">9x</span>
357
- <span class="cline-any cline-neutral">&nbsp;</span>
358
- <span class="cline-any cline-yes">9x</span>
359
- <span class="cline-any cline-neutral">&nbsp;</span>
360
- <span class="cline-any cline-yes">3x</span>
361
- <span class="cline-any cline-yes">3x</span>
362
- <span class="cline-any cline-yes">3x</span>
363
- <span class="cline-any cline-neutral">&nbsp;</span>
364
- <span class="cline-any cline-yes">3x</span>
365
- <span class="cline-any cline-neutral">&nbsp;</span>
366
- <span class="cline-any cline-neutral">&nbsp;</span>
367
- <span class="cline-any cline-yes">4x</span>
368
- <span class="cline-any cline-yes">4x</span>
369
- <span class="cline-any cline-neutral">&nbsp;</span>
370
- <span class="cline-any cline-neutral">&nbsp;</span>
371
- <span class="cline-any cline-yes">4x</span>
372
- <span class="cline-any cline-yes">2x</span>
373
- <span class="cline-any cline-yes">2x</span>
374
- <span class="cline-any cline-yes">2x</span>
375
- <span class="cline-any cline-neutral">&nbsp;</span>
376
- <span class="cline-any cline-neutral">&nbsp;</span>
377
- <span class="cline-any cline-yes">4x</span>
378
- <span class="cline-any cline-neutral">&nbsp;</span>
379
- <span class="cline-any cline-yes">1x</span>
380
- <span class="cline-any cline-neutral">&nbsp;</span>
381
- <span class="cline-any cline-neutral">&nbsp;</span>
382
- <span class="cline-any cline-neutral">&nbsp;</span>
383
- <span class="cline-any cline-yes">118x</span>
384
- <span class="cline-any cline-neutral">&nbsp;</span>
385
- <span class="cline-any cline-yes">118x</span>
386
- <span class="cline-any cline-neutral">&nbsp;</span>
387
- <span class="cline-any cline-yes">460x</span>
388
- <span class="cline-any cline-neutral">&nbsp;</span>
389
- <span class="cline-any cline-yes">118x</span>
390
- <span class="cline-any cline-neutral">&nbsp;</span>
391
- <span class="cline-any cline-yes">118x</span>
392
- <span class="cline-any cline-neutral">&nbsp;</span>
393
- <span class="cline-any cline-yes">460x</span>
394
- <span class="cline-any cline-neutral">&nbsp;</span>
395
- <span class="cline-any cline-neutral">&nbsp;</span>
396
- <span class="cline-any cline-neutral">&nbsp;</span>
397
- <span class="cline-any cline-yes">460x</span>
398
- <span class="cline-any cline-neutral">&nbsp;</span>
399
- <span class="cline-any cline-neutral">&nbsp;</span>
400
- <span class="cline-any cline-neutral">&nbsp;</span>
401
- <span class="cline-any cline-yes">118x</span>
402
- <span class="cline-any cline-yes">118x</span>
403
- <span class="cline-any cline-neutral">&nbsp;</span>
404
- <span class="cline-any cline-yes">118x</span>
405
- <span class="cline-any cline-yes">2x</span>
406
- <span class="cline-any cline-yes">116x</span>
407
- <span class="cline-any cline-yes">2x</span>
408
- <span class="cline-any cline-yes">114x</span>
409
- <span class="cline-any cline-yes">42x</span>
410
- <span class="cline-any cline-neutral">&nbsp;</span>
411
- <span class="cline-any cline-yes">72x</span>
412
- <span class="cline-any cline-neutral">&nbsp;</span>
413
- <span class="cline-any cline-neutral">&nbsp;</span>
414
- <span class="cline-any cline-yes">118x</span>
415
- <span class="cline-any cline-yes">118x</span>
416
- <span class="cline-any cline-yes">118x</span>
417
- <span class="cline-any cline-yes">118x</span>
418
- <span class="cline-any cline-yes">118x</span>
419
- <span class="cline-any cline-yes">118x</span>
420
- <span class="cline-any cline-yes">118x</span>
421
- <span class="cline-any cline-neutral">&nbsp;</span>
422
- <span class="cline-any cline-neutral">&nbsp;</span>
423
- <span class="cline-any cline-yes">118x</span>
424
- <span class="cline-any cline-neutral">&nbsp;</span>
425
- <span class="cline-any cline-yes">264x</span>
426
- <span class="cline-any cline-neutral">&nbsp;</span>
427
- <span class="cline-any cline-yes">1006x</span>
428
- <span class="cline-any cline-neutral">&nbsp;</span>
429
- <span class="cline-any cline-yes">264x</span>
430
- <span class="cline-any cline-neutral">&nbsp;</span>
431
- <span class="cline-any cline-neutral">&nbsp;</span>
432
- <span class="cline-any cline-yes">264x</span>
433
- <span class="cline-any cline-yes">1006x</span>
434
- <span class="cline-any cline-neutral">&nbsp;</span>
435
- <span class="cline-any cline-neutral">&nbsp;</span>
436
- <span class="cline-any cline-neutral">&nbsp;</span>
437
- <span class="cline-any cline-yes">40x</span>
438
- <span class="cline-any cline-neutral">&nbsp;</span>
439
- <span class="cline-any cline-yes">966x</span>
440
- <span class="cline-any cline-neutral">&nbsp;</span>
441
- <span class="cline-any cline-neutral">&nbsp;</span>
442
- <span class="cline-any cline-neutral">&nbsp;</span>
443
- <span class="cline-any cline-neutral">&nbsp;</span>
444
- <span class="cline-any cline-neutral">&nbsp;</span>
445
- <span class="cline-any cline-neutral">&nbsp;</span>
446
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { BaseMixin } from 'dc';
447
- import { useRef, KeyboardEvent, useEffect } from 'react';
448
- &nbsp;
449
- type UseChartAsListboxProps = &lt;T extends BaseMixin&lt;T&gt;&gt;(props: {
450
- id: string;
451
- querySelector: string;
452
- numberOfGroups: number;
453
- chartRef: HTMLDivElement;
454
- chart: T;
455
- labelling: {
456
- ariaLabel?: string;
457
- ariaLabelledby?: string;
458
- hasTitle?: boolean;
459
- fallbackAriaLabel: string;
460
- };
461
- orientation?: 'horizontal' | 'vertical';
462
- }) =&gt; void;
463
- &nbsp;
464
- /**
465
- * Hook to give to a chart the roles, events and attributes of a listbox.
466
- */
467
- export const useChartAsListbox: UseChartAsListboxProps = ({
468
- id,
469
- querySelector,
470
- numberOfGroups,
471
- chartRef,
472
- chart,
473
- labelling,
474
- orientation = 'horizontal',
475
- }) =&gt; {
476
- const currentIndexRef = useRef(0);
477
- &nbsp;
478
- useEffect(() =&gt; {
479
- if (numberOfGroups &amp;&amp; chartRef) {
480
- // Create utils to manipulate focus on options
481
- const getAllOptions = () =&gt;
482
- chartRef.querySelectorAll(querySelector) as NodeListOf&lt;Element&gt;;
483
- const getCurrentOption = () =&gt;
484
- chartRef.querySelector(
485
- `${querySelector}._${currentIndexRef.current}`
486
- ) as HTMLElement;
487
- &nbsp;
488
- const next = () =&gt; {
489
- getCurrentOption().classList.remove('focused');
490
- const index =
491
- currentIndexRef.current === numberOfGroups - 1
492
- ? 0
493
- : currentIndexRef.current + 1;
494
- currentIndexRef.current = index;
495
- chartRef.setAttribute(
496
- 'aria-activedescendant',
497
- `id${id}__option-${currentIndexRef.current}`
498
- );
499
- getCurrentOption().classList.add('focused');
500
- };
501
- &nbsp;
502
- const previous = () =&gt; {
503
- getCurrentOption().classList.remove('focused');
504
- const index =
505
- currentIndexRef.current === 0
506
- ? numberOfGroups - 1
507
- : currentIndexRef.current - 1;
508
- currentIndexRef.current = index;
509
- chartRef.setAttribute(
510
- 'aria-activedescendant',
511
- `id${id}__option-${currentIndexRef.current}`
512
- );
513
- getCurrentOption().classList.add('focused');
514
- };
515
- &nbsp;
516
- const focus = () =&gt; {
517
- chartRef.setAttribute('aria-activedescendant', `id${id}__option-0`);
518
- getCurrentOption().classList.add('focused');
519
- };
520
- &nbsp;
521
- const blur = () =&gt; {
522
- getCurrentOption().classList.remove('focused');
523
- currentIndexRef.current = 0;
524
- chartRef.setAttribute('aria-activedescendant', '');
525
- };
526
- &nbsp;
527
- const keydown = (e: Event) =&gt; {
528
- e.stopPropagation();
529
- &nbsp;
530
- switch ((e as unknown as KeyboardEvent).code) {
531
- case 'ArrowRight':
532
- if (orientation === 'horizontal') {
533
- e.preventDefault();
534
- next();
535
- }
536
- break;
537
- case 'ArrowLeft':
538
- if (orientation === 'horizontal') {
539
- e.preventDefault();
540
- previous();
541
- }
542
- break;
543
- case 'ArrowDown':
544
- if (orientation === 'vertical') {
545
- e.preventDefault();
546
- next();
547
- }
548
- break;
549
- case 'ArrowUp':
550
- if (orientation === 'vertical') {
551
- e.preventDefault();
552
- previous();
553
- }
554
- break;
555
- case 'Enter':
556
- case 'Space':
557
- e.preventDefault();
558
- chart
559
- .selectAll(`${querySelector}._${currentIndexRef.current}`)
560
- .each((d) =&gt; {
561
- if (d.data &amp;&amp; d.data.key) {
562
- chart.onClick(d.data);
563
- } else if (d.key) {
564
- chart.onClick(d);
565
- }
566
- });
567
- break;
568
- default:
569
- break;
570
- }
571
- };
572
- &nbsp;
573
- chart.on('postRender', (chart) =&gt; {
574
- // Add role and aria attributes to the each option.
575
- chart
576
- .selectAll(`${querySelector} &gt; title`)
577
- .attr('id', (d, index) =&gt; `id${id}__option-${index}-title`);
578
- &nbsp;
579
- chart.selectAll(`${querySelector} &gt; text`).attr('aria-hidden', 'true');
580
- &nbsp;
581
- chart
582
- .selectAll(querySelector)
583
- .attr('id', (_, index) =&gt; `id${id}__option-${index}`)
584
- .attr('role', 'option')
585
- .attr(
586
- 'aria-labelledby',
587
- (_, index) =&gt; `id${id}__option-${index}-title`
588
- );
589
- &nbsp;
590
- // Add role, aria attributes and keyboard events to the group of options.
591
- chartRef.setAttribute('tabIndex', '0');
592
- chartRef.setAttribute('role', 'listbox');
593
- &nbsp;
594
- if (labelling.ariaLabel) {
595
- chartRef.setAttribute('aria-label', labelling.ariaLabel);
596
- } else if (labelling.ariaLabelledby) {
597
- chartRef.setAttribute('aria-labelledby', labelling.ariaLabelledby);
598
- } else if (labelling.hasTitle) {
599
- chartRef.setAttribute('aria-labelledby', `id${id}__title`);
600
- } else {
601
- chartRef.setAttribute('aria-label', labelling.fallbackAriaLabel);
602
- }
603
- &nbsp;
604
- chartRef.setAttribute('aria-multiselectable', 'true');
605
- chartRef.setAttribute('aria-orientation', orientation);
606
- chartRef.setAttribute('aria-activedescendant', `id${id}__option-0`);
607
- chartRef.addEventListener('focus', focus);
608
- chartRef.addEventListener('blur', blur);
609
- chartRef.addEventListener('mouseout', blur);
610
- chartRef.addEventListener('keydown', keydown);
611
- });
612
- &nbsp;
613
- chart.on('renderlet', () =&gt; {
614
- // Add role and aria attributes to each option.
615
- chart
616
- .selectAll(`${querySelector} &gt; title`)
617
- .attr('id', (_, index) =&gt; `id${id}__option-${index}-title`);
618
- &nbsp;
619
- chart.selectAll(`${querySelector} &gt; text`).attr('aria-hidden', 'true');
620
- &nbsp;
621
- // Set aria-selected on each option based on the selection.
622
- getAllOptions().forEach((element) =&gt; {
623
- if (
624
- element.classList.contains('selected') ||
625
- element.getElementsByClassName('selected').length
626
- ) {
627
- element.setAttribute('aria-selected', 'true');
628
- } else {
629
- element.setAttribute('aria-selected', 'false');
630
- }
631
- });
632
- });
633
- }
634
- }, [chart]);
635
- };
636
- &nbsp;</pre></td></tr></table></pre>
637
-
638
- <div class='push'></div><!-- for sticky footer -->
639
- </div><!-- /wrapper -->
640
- <div class='footer quiet pad2 space-top1 center small'>
641
- Code coverage generated by
642
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
643
- at 2023-05-17T13:57:43.554Z
644
- </div>
645
- <script src="../prettify.js"></script>
646
- <script>
647
- window.onload = function () {
648
- prettyPrint();
649
- };
650
- </script>
651
- <script src="../sorter.js"></script>
652
- <script src="../block-navigation.js"></script>
653
- </body>
654
- </html>
655
-