@redsift/dashboard 8.0.1 → 8.0.2

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/useCategoricalChartAsListbox.ts.html DELETED
@@ -1,478 +0,0 @@
1
-
2
- <!doctype html>
3
- <html lang="en">
4
-
5
- <head>
6
- <title>Code coverage report for hooks/useCategoricalChartAsListbox.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> useCategoricalChartAsListbox.ts</h1>
23
- <div class='clearfix'>
24
-
25
- <div class='fl pad1y space-right2'>
26
- <span class="strong">0% </span>
27
- <span class="quiet">Statements</span>
28
- <span class='fraction'>0/61</span>
29
- </div>
30
-
31
-
32
- <div class='fl pad1y space-right2'>
33
- <span class="strong">0% </span>
34
- <span class="quiet">Branches</span>
35
- <span class='fraction'>0/30</span>
36
- </div>
37
-
38
-
39
- <div class='fl pad1y space-right2'>
40
- <span class="strong">0% </span>
41
- <span class="quiet">Functions</span>
42
- <span class='fraction'>0/10</span>
43
- </div>
44
-
45
-
46
- <div class='fl pad1y space-right2'>
47
- <span class="strong">0% </span>
48
- <span class="quiet">Lines</span>
49
- <span class='fraction'>0/55</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 low'></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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
198
- <span class="cline-any cline-no">&nbsp;</span>
199
- <span class="cline-any cline-neutral">&nbsp;</span>
200
- <span class="cline-any cline-neutral">&nbsp;</span>
201
- <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-no">&nbsp;</span>
213
- <span class="cline-any cline-no">&nbsp;</span>
214
- <span class="cline-any cline-no">&nbsp;</span>
215
- <span class="cline-any cline-neutral">&nbsp;</span>
216
- <span class="cline-any cline-no">&nbsp;</span>
217
- <span class="cline-any cline-no">&nbsp;</span>
218
- <span class="cline-any cline-neutral">&nbsp;</span>
219
- <span class="cline-any cline-no">&nbsp;</span>
220
- <span class="cline-any cline-no">&nbsp;</span>
221
- <span class="cline-any cline-no">&nbsp;</span>
222
- <span class="cline-any cline-no">&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-no">&nbsp;</span>
227
- <span class="cline-any cline-no">&nbsp;</span>
228
- <span class="cline-any cline-neutral">&nbsp;</span>
229
- <span class="cline-any cline-no">&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-no">&nbsp;</span>
233
- <span class="cline-any cline-no">&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-no">&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-no">&nbsp;</span>
241
- <span class="cline-any cline-no">&nbsp;</span>
242
- <span class="cline-any cline-neutral">&nbsp;</span>
243
- <span class="cline-any cline-no">&nbsp;</span>
244
- <span class="cline-any cline-neutral">&nbsp;</span>
245
- <span class="cline-any cline-neutral">&nbsp;</span>
246
- <span class="cline-any cline-no">&nbsp;</span>
247
- <span class="cline-any cline-no">&nbsp;</span>
248
- <span class="cline-any cline-neutral">&nbsp;</span>
249
- <span class="cline-any cline-neutral">&nbsp;</span>
250
- <span class="cline-any cline-neutral">&nbsp;</span>
251
- <span class="cline-any cline-no">&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-no">&nbsp;</span>
255
- <span class="cline-any cline-no">&nbsp;</span>
256
- <span class="cline-any cline-neutral">&nbsp;</span>
257
- <span class="cline-any cline-neutral">&nbsp;</span>
258
- <span class="cline-any cline-neutral">&nbsp;</span>
259
- <span class="cline-any cline-no">&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-no">&nbsp;</span>
263
- <span class="cline-any cline-no">&nbsp;</span>
264
- <span class="cline-any cline-no">&nbsp;</span>
265
- <span class="cline-any cline-no">&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-no">&nbsp;</span>
269
- <span class="cline-any cline-no">&nbsp;</span>
270
- <span class="cline-any cline-neutral">&nbsp;</span>
271
- <span class="cline-any cline-no">&nbsp;</span>
272
- <span class="cline-any cline-neutral">&nbsp;</span>
273
- <span class="cline-any cline-no">&nbsp;</span>
274
- <span class="cline-any cline-no">&nbsp;</span>
275
- <span class="cline-any cline-no">&nbsp;</span>
276
- <span class="cline-any cline-neutral">&nbsp;</span>
277
- <span class="cline-any cline-no">&nbsp;</span>
278
- <span class="cline-any cline-neutral">&nbsp;</span>
279
- <span class="cline-any cline-no">&nbsp;</span>
280
- <span class="cline-any cline-no">&nbsp;</span>
281
- <span class="cline-any cline-no">&nbsp;</span>
282
- <span class="cline-any cline-neutral">&nbsp;</span>
283
- <span class="cline-any cline-no">&nbsp;</span>
284
- <span class="cline-any cline-neutral">&nbsp;</span>
285
- <span class="cline-any cline-no">&nbsp;</span>
286
- <span class="cline-any cline-no">&nbsp;</span>
287
- <span class="cline-any cline-no">&nbsp;</span>
288
- <span class="cline-any cline-neutral">&nbsp;</span>
289
- <span class="cline-any cline-no">&nbsp;</span>
290
- <span class="cline-any cline-neutral">&nbsp;</span>
291
- <span class="cline-any cline-no">&nbsp;</span>
292
- <span class="cline-any cline-no">&nbsp;</span>
293
- <span class="cline-any cline-no">&nbsp;</span>
294
- <span class="cline-any cline-neutral">&nbsp;</span>
295
- <span class="cline-any cline-no">&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-no">&nbsp;</span>
299
- <span class="cline-any cline-no">&nbsp;</span>
300
- <span class="cline-any cline-no">&nbsp;</span>
301
- <span class="cline-any cline-neutral">&nbsp;</span>
302
- <span class="cline-any cline-no">&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-no">&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-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-no">&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-no">&nbsp;</span>
327
- <span class="cline-any cline-neutral">&nbsp;</span>
328
- <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { BaseMixin } from 'dc';
329
- <span class="cstat-no" title="statement not covered" >import { useRef, KeyboardEvent, useMemo, MutableRefObject } from 'react';</span>
330
- import { Group } from '../types';
331
- &nbsp;
332
- type UseCategoricalChartAsListboxProps = &lt;T extends BaseMixin&lt;T&gt;&gt;(props: {
333
- id: string;
334
- ref: MutableRefObject&lt;HTMLDivElement&gt;;
335
- type: 'bar' | 'slice';
336
- ndxGroup?: Group;
337
- orientation?: 'horizontal' | 'vertical';
338
- }) =&gt; void;
339
- &nbsp;
340
- /**
341
- * Hook to give to a chart the roles, events and attributes of a listbox.
342
- */
343
- export const <span class="cstat-no" title="statement not covered" >useCategoricalChartAsListbox: UseCategoricalChartAsListboxProps =</span>
344
- <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" > ({</span> id<span class="cstat-no" title="statement not covered" >, r</span>ef<span class="cstat-no" title="statement not covered" >, t</span>ype<span class="cstat-no" title="statement not covered" >, n</span>dxGroup<span class="cstat-no" title="statement not covered" >, <span class="cstat-no" title="statement not covered" >o</span>rientation<span class="cstat-no" title="statement not covered" > </span>= 'horizontal' })</span> =&gt; {</span>
345
- const currentIndexRef = <span class="cstat-no" title="statement not covered" >useRef(0);</span>
346
- &nbsp;
347
- const props = <span class="cstat-no" title="statement not covered" >useMemo(<span class="fstat-no" title="function not covered" >() =&gt; {</span></span>
348
- const numberOfGroups = <span class="cstat-no" title="statement not covered" >ndxGroup</span>
349
- ?.all()
350
- .filter(<span class="fstat-no" title="function not covered" >(d</span>atum) =&gt; <span class="cstat-no" title="statement not covered" >datum.value).l</span>ength;
351
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (ref &amp;&amp; numberOfGroups) {</span>
352
- const getCurrentOption = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >() =&gt;</span></span>
353
- <span class="cstat-no" title="statement not covered" > ref.current.querySelector(</span>
354
- `._${currentIndexRef.current}`
355
- ) as HTMLElement;
356
- &nbsp;
357
- const next = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >() =&gt; {</span></span>
358
- <span class="cstat-no" title="statement not covered" > getCurrentOption().classList.remove('focused');</span>
359
- const index =
360
- <span class="cstat-no" title="statement not covered" > currentIndexRef.current === numberOfGroups - 1</span>
361
- ? 0
362
- : currentIndexRef.current + 1;
363
- <span class="cstat-no" title="statement not covered" > currentIndexRef.current = index;</span>
364
- <span class="cstat-no" title="statement not covered" > ref.current.setAttribute(</span>
365
- 'aria-activedescendant',
366
- `id${id}__${type}-${currentIndexRef.current}`
367
- );
368
- <span class="cstat-no" title="statement not covered" > getCurrentOption().classList.add('focused');</span>
369
- };
370
- &nbsp;
371
- const previous = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >() =&gt; {</span></span>
372
- <span class="cstat-no" title="statement not covered" > getCurrentOption().classList.remove('focused');</span>
373
- const index =
374
- <span class="cstat-no" title="statement not covered" > currentIndexRef.current === 0</span>
375
- ? numberOfGroups - 1
376
- : currentIndexRef.current - 1;
377
- <span class="cstat-no" title="statement not covered" > currentIndexRef.current = index;</span>
378
- <span class="cstat-no" title="statement not covered" > ref.current.setAttribute(</span>
379
- 'aria-activedescendant',
380
- `id${id}__${type}-${currentIndexRef.current}`
381
- );
382
- <span class="cstat-no" title="statement not covered" > getCurrentOption().classList.add('focused');</span>
383
- };
384
- &nbsp;
385
- const focus = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >() =&gt; {</span></span>
386
- <span class="cstat-no" title="statement not covered" > ref.current.setAttribute(</span>
387
- 'aria-activedescendant',
388
- `id${id}__${type}-0`
389
- );
390
- <span class="cstat-no" title="statement not covered" > getCurrentOption().classList.add('focused');</span>
391
- };
392
- &nbsp;
393
- const blur = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >() =&gt; {</span></span>
394
- <span class="cstat-no" title="statement not covered" > getCurrentOption().classList.remove('focused');</span>
395
- <span class="cstat-no" title="statement not covered" > currentIndexRef.current = 0;</span>
396
- <span class="cstat-no" title="statement not covered" > ref.current.setAttribute('aria-activedescendant', '');</span>
397
- };
398
- &nbsp;
399
- const keydown = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(e</span>: Event) =&gt; {</span>
400
- <span class="cstat-no" title="statement not covered" > e.stopPropagation();</span>
401
- &nbsp;
402
- <span class="cstat-no" title="statement not covered" > switch ((e as unknown as KeyboardEvent).code) {</span>
403
- case 'ArrowRight':
404
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (orientation === 'horizontal') {</span>
405
- <span class="cstat-no" title="statement not covered" > e.preventDefault();</span>
406
- <span class="cstat-no" title="statement not covered" > next();</span>
407
- }
408
- <span class="cstat-no" title="statement not covered" > break;</span>
409
- case 'ArrowLeft':
410
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (orientation === 'horizontal') {</span>
411
- <span class="cstat-no" title="statement not covered" > e.preventDefault();</span>
412
- <span class="cstat-no" title="statement not covered" > previous();</span>
413
- }
414
- <span class="cstat-no" title="statement not covered" > break;</span>
415
- case 'ArrowDown':
416
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (orientation === 'vertical') {</span>
417
- <span class="cstat-no" title="statement not covered" > e.preventDefault();</span>
418
- <span class="cstat-no" title="statement not covered" > next();</span>
419
- }
420
- <span class="cstat-no" title="statement not covered" > break;</span>
421
- case 'ArrowUp':
422
- <span class="cstat-no" title="statement not covered" > <span class="missing-if-branch" title="if path not taken" >I</span>if (orientation === 'vertical') {</span>
423
- <span class="cstat-no" title="statement not covered" > e.preventDefault();</span>
424
- <span class="cstat-no" title="statement not covered" > previous();</span>
425
- }
426
- <span class="cstat-no" title="statement not covered" > break;</span>
427
- case 'Enter':
428
- case 'Space':
429
- <span class="cstat-no" title="statement not covered" > e.preventDefault();</span>
430
- <span class="cstat-no" title="statement not covered" > getCurrentOption().dispatchEvent(new Event('click'));</span>
431
- <span class="cstat-no" title="statement not covered" > break;</span>
432
- default:
433
- <span class="cstat-no" title="statement not covered" > break;</span>
434
- }
435
- };
436
- &nbsp;
437
- <span class="cstat-no" title="statement not covered" > return {</span>
438
- 'aria-activedescendant': '',
439
- 'aria-multiselectable': 'true',
440
- 'aria-orientation': orientation,
441
- role: 'listbox',
442
- tabIndex: 0,
443
- onFocus: focus,
444
- onBlur: blur,
445
- onMouseDown: <span class="fstat-no" title="function not covered" >(e</span>vent: MouseEvent) =&gt; <span class="cstat-no" title="statement not covered" >event.preventDefault(),</span>
446
- onMouseLeave: blur,
447
- onKeyDown: keydown,
448
- };
449
- }
450
- }, [
451
- ref,
452
- ref.current,
453
- ndxGroup,
454
- JSON.parse(JSON.stringify(ndxGroup?.all() || '')),
455
- ]);
456
- &nbsp;
457
- <span class="cstat-no" title="statement not covered" > return props;</span>
458
- };
459
- &nbsp;</pre></td></tr></table></pre>
460
-
461
- <div class='push'></div><!-- for sticky footer -->
462
- </div><!-- /wrapper -->
463
- <div class='footer quiet pad2 space-top1 center small'>
464
- Code coverage generated by
465
- <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
466
- at 2023-07-03T08:05:16.311Z
467
- </div>
468
- <script src="../prettify.js"></script>
469
- <script>
470
- window.onload = function () {
471
- prettyPrint();
472
- };
473
- </script>
474
- <script src="../sorter.js"></script>
475
- <script src="../block-navigation.js"></script>
476
- </body>
477
- </html>
478
-