@bioturing/components 0.13.3 → 0.14.0

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 (198) hide show
  1. package/dist/CodeBlock.js +277 -132
  2. package/dist/DSRoot.js +309 -149
  3. package/dist/DropdownMenu.js +6 -1
  4. package/dist/Modal.js +9 -6
  5. package/dist/PopupPanel.css +116 -0
  6. package/dist/PopupPanel.js +333 -0
  7. package/dist/ScrollArea.js +4 -1
  8. package/dist/Select.js +126 -11
  9. package/dist/Table.js +3 -2
  10. package/dist/ThemeProvider.js +273 -131
  11. package/dist/Toast.js +286 -138
  12. package/dist/Upload.js +43 -1
  13. package/dist/components/{src/components/DSRoot → DSRoot}/component.d.ts +1 -1
  14. package/dist/components/DSRoot/context.d.ts +7 -0
  15. package/dist/components/{src/components/DropdownMenu → DropdownMenu}/component.d.ts +6 -1
  16. package/dist/components/{src/components/Modal → Modal}/Modal.d.ts +16 -1
  17. package/dist/components/{src/components/Modal → Modal}/index.d.ts +1 -1
  18. package/dist/components/PopupPanel/component.d.ts +61 -0
  19. package/dist/components/PopupPanel/constants.d.ts +7 -0
  20. package/dist/components/{src/components/Select → Select}/component.d.ts +13 -1
  21. package/dist/components/{src/components/Table → Table}/component.d.ts +1 -1
  22. package/dist/components/VerticalCollapsiblePanel/index.d.ts +1 -0
  23. package/dist/components/{src/components/hooks → hooks}/base-ui.d.ts +2 -2
  24. package/dist/components/{src/components/hooks → hooks}/index.d.ts +1 -0
  25. package/dist/components/hooks/useCharts.d.ts +22 -0
  26. package/dist/components/{src/components/index.d.ts → index.d.ts} +1 -0
  27. package/dist/components/{src/components/utils → utils}/antdUtils.d.ts +5 -0
  28. package/dist/hooks.js +961 -0
  29. package/dist/index.css +116 -0
  30. package/dist/index.js +1193 -242
  31. package/dist/style.css +157 -7
  32. package/dist/tokens/and-theme/index.d.ts +1 -0
  33. package/dist/{components/src/tokens/index.d.ts → tokens/and-theme/tokens.d.ts} +2 -0
  34. package/dist/tokens/charts/index.d.ts +6 -0
  35. package/dist/tokens/charts/tokens.d.ts +455 -0
  36. package/dist/tokens/index.d.ts +2 -0
  37. package/dist/tokens/utils.d.ts +16 -0
  38. package/dist/utils.js +43 -1
  39. package/package.json +17 -6
  40. package/dist/assets/src/icons/custom/ANOVAAnalysis.d.ts +0 -7
  41. package/dist/assets/src/icons/custom/AUCell.d.ts +0 -7
  42. package/dist/assets/src/icons/custom/Alphabet.d.ts +0 -7
  43. package/dist/assets/src/icons/custom/BarChart.d.ts +0 -7
  44. package/dist/assets/src/icons/custom/BoxPlot.d.ts +0 -7
  45. package/dist/assets/src/icons/custom/BubbleHeatmap.d.ts +0 -7
  46. package/dist/assets/src/icons/custom/CDR3Spectratyping.d.ts +0 -7
  47. package/dist/assets/src/icons/custom/CancerPrediction.d.ts +0 -7
  48. package/dist/assets/src/icons/custom/Cell.d.ts +0 -7
  49. package/dist/assets/src/icons/custom/CellCellCommunication.d.ts +0 -7
  50. package/dist/assets/src/icons/custom/CellSearch.d.ts +0 -7
  51. package/dist/assets/src/icons/custom/CellTypeDeconvolution.d.ts +0 -7
  52. package/dist/assets/src/icons/custom/CellTypePrediction.d.ts +0 -7
  53. package/dist/assets/src/icons/custom/Cells.d.ts +0 -7
  54. package/dist/assets/src/icons/custom/Circos.d.ts +0 -7
  55. package/dist/assets/src/icons/custom/Clonotype.d.ts +0 -7
  56. package/dist/assets/src/icons/custom/CoexpressionPlot.d.ts +0 -7
  57. package/dist/assets/src/icons/custom/Composition.d.ts +0 -7
  58. package/dist/assets/src/icons/custom/DEG.d.ts +0 -7
  59. package/dist/assets/src/icons/custom/Digits.d.ts +0 -7
  60. package/dist/assets/src/icons/custom/DiversityAnalysis.d.ts +0 -7
  61. package/dist/assets/src/icons/custom/Embedding.d.ts +0 -7
  62. package/dist/assets/src/icons/custom/EnrichmentTest.d.ts +0 -7
  63. package/dist/assets/src/icons/custom/Eppendorf.d.ts +0 -7
  64. package/dist/assets/src/icons/custom/FileArrowRight.d.ts +0 -7
  65. package/dist/assets/src/icons/custom/FolderArrowRight.d.ts +0 -7
  66. package/dist/assets/src/icons/custom/Heatmap.d.ts +0 -7
  67. package/dist/assets/src/icons/custom/ImageSegmentation.d.ts +0 -7
  68. package/dist/assets/src/icons/custom/IntersectionPlot.d.ts +0 -7
  69. package/dist/assets/src/icons/custom/LouvainClustering.d.ts +0 -7
  70. package/dist/assets/src/icons/custom/MarkerGenes.d.ts +0 -7
  71. package/dist/assets/src/icons/custom/MixedView.d.ts +0 -7
  72. package/dist/assets/src/icons/custom/NeighborhoodAnalysis.d.ts +0 -7
  73. package/dist/assets/src/icons/custom/PenSize.d.ts +0 -7
  74. package/dist/assets/src/icons/custom/Pertubation.d.ts +0 -7
  75. package/dist/assets/src/icons/custom/Pseudotime.d.ts +0 -7
  76. package/dist/assets/src/icons/custom/RegionSegmentation.d.ts +0 -7
  77. package/dist/assets/src/icons/custom/ScatterPlotTissueImageView.d.ts +0 -7
  78. package/dist/assets/src/icons/custom/ScatterPlotView.d.ts +0 -7
  79. package/dist/assets/src/icons/custom/SegmentSelection.d.ts +0 -7
  80. package/dist/assets/src/icons/custom/SpatialCellProportion.d.ts +0 -7
  81. package/dist/assets/src/icons/custom/Species.d.ts +0 -7
  82. package/dist/assets/src/icons/custom/SubClustering.d.ts +0 -7
  83. package/dist/assets/src/icons/custom/TSNEUMAP.d.ts +0 -7
  84. package/dist/assets/src/icons/custom/TissueImageScatterPlotView.d.ts +0 -7
  85. package/dist/assets/src/icons/custom/TissueImageView.d.ts +0 -7
  86. package/dist/assets/src/icons/custom/TwoD.d.ts +0 -7
  87. package/dist/assets/src/icons/custom/VennDiagramAnalysis.d.ts +0 -7
  88. package/dist/assets/src/icons/custom/ViolinPlot.d.ts +0 -7
  89. package/dist/assets/src/icons/custom/index.d.ts +0 -49
  90. package/dist/assets/src/icons/index.d.ts +0 -2
  91. package/dist/assets/src/icons/phosphor.d.ts +0 -1
  92. package/dist/assets/src/index.d.ts +0 -2
  93. package/dist/assets/src/logos/BBrowserX.d.ts +0 -9
  94. package/dist/assets/src/logos/BioStudio.d.ts +0 -9
  95. package/dist/assets/src/logos/BioTuring.d.ts +0 -9
  96. package/dist/assets/src/logos/BioTuringAlpha.d.ts +0 -9
  97. package/dist/assets/src/logos/BioVinci.d.ts +0 -9
  98. package/dist/assets/src/logos/Lens.d.ts +0 -9
  99. package/dist/assets/src/logos/Pixel.d.ts +0 -9
  100. package/dist/assets/src/logos/SmartBulk.d.ts +0 -9
  101. package/dist/assets/src/logos/SpatialX.d.ts +0 -9
  102. package/dist/assets/src/logos/Talk2Data.d.ts +0 -9
  103. package/dist/assets/src/logos/Vinci.d.ts +0 -9
  104. package/dist/assets/src/logos/index.d.ts +0 -11
  105. package/dist/components/src/components/DropdownMenu/utils.d.ts +0 -5
  106. package/dist/components/{src/components/Badge → Badge}/component.d.ts +0 -0
  107. package/dist/components/{src/components/Badge → Badge}/index.d.ts +0 -0
  108. package/dist/components/{src/components/Breadcrumb → Breadcrumb}/component.d.ts +0 -0
  109. package/dist/components/{src/components/Breadcrumb → Breadcrumb}/index.d.ts +0 -0
  110. package/dist/components/{src/components/Breadcrumb → Breadcrumb}/types.d.ts +0 -0
  111. package/dist/components/{src/components/Breadcrumb → Breadcrumb}/useItemRender.d.ts +0 -0
  112. package/dist/components/{src/components/Button → Button}/component.d.ts +0 -0
  113. package/dist/components/{src/components/Button → Button}/index.d.ts +0 -0
  114. package/dist/components/{src/components/Checkbox → Checkbox}/component.d.ts +0 -0
  115. package/dist/components/{src/components/Checkbox → Checkbox}/index.d.ts +0 -0
  116. package/dist/components/{src/components/CodeBlock → CodeBlock}/component.d.ts +0 -0
  117. package/dist/components/{src/components/CodeBlock → CodeBlock}/index.d.ts +0 -0
  118. package/dist/components/{src/components/CodeBlock → CodeBlock}/types.d.ts +0 -0
  119. package/dist/components/{src/components/Collapse → Collapse}/component.d.ts +0 -0
  120. package/dist/components/{src/components/Collapse → Collapse}/index.d.ts +0 -0
  121. package/dist/components/{src/components/DSRoot → DSRoot}/index.d.ts +0 -0
  122. package/dist/components/{src/components/DropdownMenu → DropdownMenu}/index.d.ts +0 -0
  123. package/dist/components/{src/components/Empty → Empty}/component.d.ts +0 -0
  124. package/dist/components/{src/components/Empty → Empty}/index.d.ts +0 -0
  125. package/dist/components/{src/components/Field → Field}/component.d.ts +0 -0
  126. package/dist/components/{src/components/Field → Field}/index.d.ts +0 -0
  127. package/dist/components/{src/components/Form → Form}/component.d.ts +0 -0
  128. package/dist/components/{src/components/Form → Form}/index.d.ts +0 -0
  129. package/dist/components/{src/components/Form → Form}/item.d.ts +0 -0
  130. package/dist/components/{src/components/IconButton → IconButton}/component.d.ts +0 -0
  131. package/dist/components/{src/components/IconButton → IconButton}/index.d.ts +0 -0
  132. package/dist/components/{src/components/Input → Input}/component.d.ts +0 -0
  133. package/dist/components/{src/components/Input → Input}/index.d.ts +0 -0
  134. package/dist/components/{src/components/Modal → Modal}/ModalProvider.d.ts +0 -0
  135. package/dist/components/{src/components/Modal → Modal}/ModalService.d.ts +0 -0
  136. package/dist/components/{src/components/Modal → Modal}/constants.d.ts +0 -0
  137. package/dist/components/{src/components/Modal → Modal}/functions.d.ts +0 -0
  138. package/dist/components/{src/components/Popover → Popover}/component.d.ts +0 -0
  139. package/dist/components/{src/components/Popover → Popover}/index.d.ts +0 -0
  140. package/dist/components/{src/components/ScrollArea → PopupPanel}/index.d.ts +0 -0
  141. package/dist/components/{src/components/Radio → Radio}/component.d.ts +0 -0
  142. package/dist/components/{src/components/Radio → Radio}/index.d.ts +0 -0
  143. package/dist/components/{src/components/Radio → Radio}/interface.d.ts +0 -0
  144. package/dist/components/{src/components/ScrollArea → ScrollArea}/component.d.ts +0 -0
  145. package/dist/components/{src/components/Segmented → ScrollArea}/index.d.ts +0 -0
  146. package/dist/components/{src/components/Segmented → Segmented}/component.d.ts +0 -0
  147. package/dist/components/{src/components/Select → Segmented}/index.d.ts +0 -0
  148. package/dist/components/{src/components/Slider → Select}/index.d.ts +0 -0
  149. package/dist/components/{src/components/Slider → Slider}/component.d.ts +0 -0
  150. package/dist/components/{src/components/Spin → Slider}/index.d.ts +0 -0
  151. package/dist/components/{src/components/Spin → Spin}/component.d.ts +0 -0
  152. package/dist/components/{src/components/Splitter → Spin}/index.d.ts +0 -0
  153. package/dist/components/{src/components/Splitter → Splitter}/component.d.ts +0 -0
  154. package/dist/components/{src/components/Switch → Splitter}/index.d.ts +0 -0
  155. package/dist/components/{src/components/Switch → Switch}/component.d.ts +0 -0
  156. package/dist/components/{src/components/Table → Switch}/index.d.ts +0 -0
  157. package/dist/components/{src/components/Tag → Table}/index.d.ts +0 -0
  158. package/dist/components/{src/components/Tag → Tag}/component.d.ts +0 -0
  159. package/dist/components/{src/components/ThemeProvider → Tag}/index.d.ts +0 -0
  160. package/dist/components/{src/components/ThemeProvider → ThemeProvider}/component.d.ts +0 -0
  161. package/dist/components/{src/components/Tooltip → ThemeProvider}/index.d.ts +0 -0
  162. package/dist/components/{src/components/Toast → Toast}/component.d.ts +0 -0
  163. package/dist/components/{src/components/Toast → Toast}/function.d.ts +0 -0
  164. package/dist/components/{src/components/Toast → Toast}/index.d.ts +0 -0
  165. package/dist/components/{src/components/Toast → Toast}/types.d.ts +0 -0
  166. package/dist/components/{src/components/Tooltip → Tooltip}/component.d.ts +0 -0
  167. package/dist/components/{src/components/Tour → Tooltip}/index.d.ts +0 -0
  168. package/dist/components/{src/components/Tour → Tour}/component.d.ts +0 -0
  169. package/dist/components/{src/components/Transition → Tour}/index.d.ts +0 -0
  170. package/dist/components/{src/components/Transition → Transition}/component.d.ts +0 -0
  171. package/dist/components/{src/components/Truncate → Transition}/index.d.ts +0 -0
  172. package/dist/components/{src/components/Tree → Tree}/components.d.ts +0 -0
  173. package/dist/components/{src/components/Tree → Tree}/helpers.d.ts +0 -0
  174. package/dist/components/{src/components/Tree → Tree}/index.d.ts +0 -0
  175. package/dist/components/{src/components/Tree → Tree}/types.d.ts +0 -0
  176. package/dist/components/{src/components/Tree → Tree}/useTreeCommon.d.ts +44 -44
  177. /package/dist/components/{src/components/Tree → Tree}/useUniqueKeysTree.d.ts +0 -0
  178. /package/dist/components/{src/components/Truncate → Truncate}/component.d.ts +0 -0
  179. /package/dist/components/{src/components/Truncate → Truncate}/helpers.d.ts +0 -0
  180. /package/dist/components/{src/components/VerticalCollapsiblePanel → Truncate}/index.d.ts +0 -0
  181. /package/dist/components/{src/components/Upload → Upload}/component.d.ts +0 -0
  182. /package/dist/components/{src/components/Upload → Upload}/dragger.d.ts +0 -0
  183. /package/dist/components/{src/components/Upload → Upload}/hooks.d.ts +0 -0
  184. /package/dist/components/{src/components/Upload → Upload}/index.d.ts +0 -0
  185. /package/dist/components/{src/components/Upload → Upload}/item.d.ts +0 -0
  186. /package/dist/components/{src/components/Upload → Upload}/utils.d.ts +0 -0
  187. /package/dist/components/{src/components/VerticalCollapsiblePanel → VerticalCollapsiblePanel}/component.d.ts +0 -0
  188. /package/dist/components/{src/components/hooks → hooks}/antd.d.ts +0 -0
  189. /package/dist/components/{src/components/hooks → hooks}/useControlledState.d.ts +0 -0
  190. /package/dist/components/{src/components/utils → utils}/WithAntdTokens.d.ts +0 -0
  191. /package/dist/components/{src/components/utils → utils}/client.d.ts +0 -0
  192. /package/dist/components/{src/components/utils → utils}/cn.d.ts +0 -0
  193. /package/dist/components/{src/components/utils → utils}/index.d.ts +0 -0
  194. /package/dist/components/{src/components/utils → utils}/isTracebackError.d.ts +0 -0
  195. /package/dist/components/{src/components/utils → utils}/main.d.ts +0 -0
  196. /package/dist/components/{src/components/utils → utils}/reactToString.d.ts +0 -0
  197. /package/dist/components/{src/components/utils → utils}/types.d.ts +0 -0
  198. /package/dist/{components/src/index.d.ts → index.d.ts} +0 -0
@@ -0,0 +1,455 @@
1
+ export declare const rawChartColorTokens: {
2
+ colorChartsRed300: {
3
+ light: string;
4
+ dark: string;
5
+ };
6
+ colorChartsRed400: {
7
+ light: string;
8
+ dark: string;
9
+ };
10
+ colorChartsRed500: {
11
+ light: string;
12
+ dark: string;
13
+ };
14
+ colorChartsRed600: {
15
+ light: string;
16
+ dark: string;
17
+ };
18
+ colorChartsRed700: {
19
+ light: string;
20
+ dark: string;
21
+ };
22
+ colorChartsRed800: {
23
+ light: string;
24
+ dark: string;
25
+ };
26
+ colorChartsRed900: {
27
+ light: string;
28
+ dark: string;
29
+ };
30
+ colorChartsRed1000: {
31
+ light: string;
32
+ dark: string;
33
+ };
34
+ colorChartsRed1100: {
35
+ light: string;
36
+ dark: string;
37
+ };
38
+ colorChartsRed1200: {
39
+ light: string;
40
+ dark: string;
41
+ };
42
+ colorChartsOrange300: {
43
+ light: string;
44
+ dark: string;
45
+ };
46
+ colorChartsOrange400: {
47
+ light: string;
48
+ dark: string;
49
+ };
50
+ colorChartsOrange500: {
51
+ light: string;
52
+ dark: string;
53
+ };
54
+ colorChartsOrange600: {
55
+ light: string;
56
+ dark: string;
57
+ };
58
+ colorChartsOrange700: {
59
+ light: string;
60
+ dark: string;
61
+ };
62
+ colorChartsOrange800: {
63
+ light: string;
64
+ dark: string;
65
+ };
66
+ colorChartsOrange900: {
67
+ light: string;
68
+ dark: string;
69
+ };
70
+ colorChartsOrange1000: {
71
+ light: string;
72
+ dark: string;
73
+ };
74
+ colorChartsOrange1100: {
75
+ light: string;
76
+ dark: string;
77
+ };
78
+ colorChartsOrange1200: {
79
+ light: string;
80
+ dark: string;
81
+ };
82
+ colorChartsYellow300: {
83
+ light: string;
84
+ dark: string;
85
+ };
86
+ colorChartsYellow400: {
87
+ light: string;
88
+ dark: string;
89
+ };
90
+ colorChartsYellow500: {
91
+ light: string;
92
+ dark: string;
93
+ };
94
+ colorChartsYellow600: {
95
+ light: string;
96
+ dark: string;
97
+ };
98
+ colorChartsYellow700: {
99
+ light: string;
100
+ dark: string;
101
+ };
102
+ colorChartsYellow800: {
103
+ light: string;
104
+ dark: string;
105
+ };
106
+ colorChartsYellow900: {
107
+ light: string;
108
+ dark: string;
109
+ };
110
+ colorChartsYellow1000: {
111
+ light: string;
112
+ dark: string;
113
+ };
114
+ colorChartsYellow1100: {
115
+ light: string;
116
+ dark: string;
117
+ };
118
+ colorChartsYellow1200: {
119
+ light: string;
120
+ dark: string;
121
+ };
122
+ colorChartsGreen300: {
123
+ light: string;
124
+ dark: string;
125
+ };
126
+ colorChartsGreen400: {
127
+ light: string;
128
+ dark: string;
129
+ };
130
+ colorChartsGreen500: {
131
+ light: string;
132
+ dark: string;
133
+ };
134
+ colorChartsGreen600: {
135
+ light: string;
136
+ dark: string;
137
+ };
138
+ colorChartsGreen700: {
139
+ light: string;
140
+ dark: string;
141
+ };
142
+ colorChartsGreen800: {
143
+ light: string;
144
+ dark: string;
145
+ };
146
+ colorChartsGreen900: {
147
+ light: string;
148
+ dark: string;
149
+ };
150
+ colorChartsGreen1000: {
151
+ light: string;
152
+ dark: string;
153
+ };
154
+ colorChartsGreen1100: {
155
+ light: string;
156
+ dark: string;
157
+ };
158
+ colorChartsGreen1200: {
159
+ light: string;
160
+ dark: string;
161
+ };
162
+ colorChartsTeal300: {
163
+ light: string;
164
+ dark: string;
165
+ };
166
+ colorChartsTeal400: {
167
+ light: string;
168
+ dark: string;
169
+ };
170
+ colorChartsTeal500: {
171
+ light: string;
172
+ dark: string;
173
+ };
174
+ colorChartsTeal600: {
175
+ light: string;
176
+ dark: string;
177
+ };
178
+ colorChartsTeal700: {
179
+ light: string;
180
+ dark: string;
181
+ };
182
+ colorChartsTeal800: {
183
+ light: string;
184
+ dark: string;
185
+ };
186
+ colorChartsTeal900: {
187
+ light: string;
188
+ dark: string;
189
+ };
190
+ colorChartsTeal1000: {
191
+ light: string;
192
+ dark: string;
193
+ };
194
+ colorChartsTeal1100: {
195
+ light: string;
196
+ dark: string;
197
+ };
198
+ colorChartsTeal1200: {
199
+ light: string;
200
+ dark: string;
201
+ };
202
+ colorChartsBlue1300: {
203
+ light: string;
204
+ dark: string;
205
+ };
206
+ colorChartsBlue1400: {
207
+ light: string;
208
+ dark: string;
209
+ };
210
+ colorChartsBlue1500: {
211
+ light: string;
212
+ dark: string;
213
+ };
214
+ colorChartsBlue1600: {
215
+ light: string;
216
+ dark: string;
217
+ };
218
+ colorChartsBlue1700: {
219
+ light: string;
220
+ dark: string;
221
+ };
222
+ colorChartsBlue1800: {
223
+ light: string;
224
+ dark: string;
225
+ };
226
+ colorChartsBlue1900: {
227
+ light: string;
228
+ dark: string;
229
+ };
230
+ colorChartsBlue11000: {
231
+ light: string;
232
+ dark: string;
233
+ };
234
+ colorChartsBlue11100: {
235
+ light: string;
236
+ dark: string;
237
+ };
238
+ colorChartsBlue11200: {
239
+ light: string;
240
+ dark: string;
241
+ };
242
+ colorChartsBlue2300: {
243
+ light: string;
244
+ dark: string;
245
+ };
246
+ colorChartsBlue2400: {
247
+ light: string;
248
+ dark: string;
249
+ };
250
+ colorChartsBlue2500: {
251
+ light: string;
252
+ dark: string;
253
+ };
254
+ colorChartsBlue2600: {
255
+ light: string;
256
+ dark: string;
257
+ };
258
+ colorChartsBlue2700: {
259
+ light: string;
260
+ dark: string;
261
+ };
262
+ colorChartsBlue2800: {
263
+ light: string;
264
+ dark: string;
265
+ };
266
+ colorChartsBlue2900: {
267
+ light: string;
268
+ dark: string;
269
+ };
270
+ colorChartsBlue21000: {
271
+ light: string;
272
+ dark: string;
273
+ };
274
+ colorChartsBlue21100: {
275
+ light: string;
276
+ dark: string;
277
+ };
278
+ colorChartsBlue21200: {
279
+ light: string;
280
+ dark: string;
281
+ };
282
+ colorChartsPurple300: {
283
+ light: string;
284
+ dark: string;
285
+ };
286
+ colorChartsPurple400: {
287
+ light: string;
288
+ dark: string;
289
+ };
290
+ colorChartsPurple500: {
291
+ light: string;
292
+ dark: string;
293
+ };
294
+ colorChartsPurple600: {
295
+ light: string;
296
+ dark: string;
297
+ };
298
+ colorChartsPurple700: {
299
+ light: string;
300
+ dark: string;
301
+ };
302
+ colorChartsPurple800: {
303
+ light: string;
304
+ dark: string;
305
+ };
306
+ colorChartsPurple900: {
307
+ light: string;
308
+ dark: string;
309
+ };
310
+ colorChartsPurple1000: {
311
+ light: string;
312
+ dark: string;
313
+ };
314
+ colorChartsPurple1100: {
315
+ light: string;
316
+ dark: string;
317
+ };
318
+ colorChartsPurple1200: {
319
+ light: string;
320
+ dark: string;
321
+ };
322
+ colorChartsPink300: {
323
+ light: string;
324
+ dark: string;
325
+ };
326
+ colorChartsPink400: {
327
+ light: string;
328
+ dark: string;
329
+ };
330
+ colorChartsPink500: {
331
+ light: string;
332
+ dark: string;
333
+ };
334
+ colorChartsPink600: {
335
+ light: string;
336
+ dark: string;
337
+ };
338
+ colorChartsPink700: {
339
+ light: string;
340
+ dark: string;
341
+ };
342
+ colorChartsPink800: {
343
+ light: string;
344
+ dark: string;
345
+ };
346
+ colorChartsPink900: {
347
+ light: string;
348
+ dark: string;
349
+ };
350
+ colorChartsPink1000: {
351
+ light: string;
352
+ dark: string;
353
+ };
354
+ colorChartsPink1100: {
355
+ light: string;
356
+ dark: string;
357
+ };
358
+ colorChartsPink1200: {
359
+ light: string;
360
+ dark: string;
361
+ };
362
+ colorChartsStatusCritical: {
363
+ light: string;
364
+ dark: string;
365
+ };
366
+ colorChartsStatusHigh: {
367
+ light: string;
368
+ dark: string;
369
+ };
370
+ colorChartsStatusMedium: {
371
+ light: string;
372
+ dark: string;
373
+ };
374
+ colorChartsStatusLow: {
375
+ light: string;
376
+ dark: string;
377
+ };
378
+ colorChartsStatusPositive: {
379
+ light: string;
380
+ dark: string;
381
+ };
382
+ colorChartsStatusInfo: {
383
+ light: string;
384
+ dark: string;
385
+ };
386
+ colorChartsStatusNeutral: string | import("../utils").ColorTokenValue;
387
+ colorChartsThresholdNegative: string | import("../utils").ColorTokenValue;
388
+ colorChartsThresholdPositive: string | import("../utils").ColorTokenValue;
389
+ colorChartsThresholdInfo: string | import("../utils").ColorTokenValue;
390
+ colorChartsThresholdNeutral: string | import("../utils").ColorTokenValue;
391
+ colorChartsLineGrid: {
392
+ light: string;
393
+ dark: string;
394
+ };
395
+ colorChartsLineTick: string;
396
+ colorChartsLineAxis: {
397
+ light: string;
398
+ dark: string;
399
+ };
400
+ colorChartsLabelAxis: {
401
+ light: string;
402
+ dark: string;
403
+ };
404
+ colorChartsPaletteCategorical1: string;
405
+ colorChartsPaletteCategorical2: string;
406
+ colorChartsPaletteCategorical3: string;
407
+ colorChartsPaletteCategorical4: string;
408
+ colorChartsPaletteCategorical5: string;
409
+ colorChartsPaletteCategorical6: string;
410
+ colorChartsPaletteCategorical7: string;
411
+ colorChartsPaletteCategorical8: string;
412
+ colorChartsPaletteCategorical9: string;
413
+ colorChartsPaletteCategorical10: string;
414
+ colorChartsPaletteCategorical11: string;
415
+ colorChartsPaletteCategorical12: string;
416
+ colorChartsPaletteCategorical13: string;
417
+ colorChartsPaletteCategorical14: string;
418
+ colorChartsPaletteCategorical15: string;
419
+ colorChartsPaletteCategorical16: string;
420
+ colorChartsPaletteCategorical17: string;
421
+ colorChartsPaletteCategorical18: string;
422
+ colorChartsPaletteCategorical19: string;
423
+ colorChartsPaletteCategorical20: string;
424
+ colorChartsPaletteCategorical21: string;
425
+ colorChartsPaletteCategorical22: string;
426
+ colorChartsPaletteCategorical23: string;
427
+ colorChartsPaletteCategorical24: string;
428
+ colorChartsPaletteCategorical25: string;
429
+ colorChartsPaletteCategorical26: string;
430
+ colorChartsPaletteCategorical27: string;
431
+ colorChartsPaletteCategorical28: string;
432
+ colorChartsPaletteCategorical29: string;
433
+ colorChartsPaletteCategorical30: string;
434
+ colorChartsPaletteCategorical31: string;
435
+ colorChartsPaletteCategorical32: string;
436
+ colorChartsPaletteCategorical33: string;
437
+ colorChartsPaletteCategorical34: string;
438
+ colorChartsPaletteCategorical35: string;
439
+ colorChartsPaletteCategorical36: string;
440
+ colorChartsPaletteCategorical37: string;
441
+ colorChartsPaletteCategorical38: string;
442
+ colorChartsPaletteCategorical39: string;
443
+ colorChartsPaletteCategorical40: string;
444
+ colorChartsPaletteCategorical41: string;
445
+ colorChartsPaletteCategorical42: string;
446
+ colorChartsPaletteCategorical43: string;
447
+ colorChartsPaletteCategorical44: string;
448
+ colorChartsPaletteCategorical45: string;
449
+ colorChartsPaletteCategorical46: string;
450
+ colorChartsPaletteCategorical47: string;
451
+ colorChartsPaletteCategorical48: string;
452
+ colorChartsPaletteCategorical49: string;
453
+ colorChartsPaletteCategorical50: string;
454
+ };
455
+ export declare const chartColorTokens: Record<"colorChartsRed300" | "colorChartsRed400" | "colorChartsRed500" | "colorChartsRed600" | "colorChartsRed700" | "colorChartsRed800" | "colorChartsRed900" | "colorChartsRed1000" | "colorChartsRed1100" | "colorChartsRed1200" | "colorChartsOrange300" | "colorChartsOrange400" | "colorChartsOrange500" | "colorChartsOrange600" | "colorChartsOrange700" | "colorChartsOrange800" | "colorChartsOrange900" | "colorChartsOrange1000" | "colorChartsOrange1100" | "colorChartsOrange1200" | "colorChartsYellow300" | "colorChartsYellow400" | "colorChartsYellow500" | "colorChartsYellow600" | "colorChartsYellow700" | "colorChartsYellow800" | "colorChartsYellow900" | "colorChartsYellow1000" | "colorChartsYellow1100" | "colorChartsYellow1200" | "colorChartsGreen300" | "colorChartsGreen400" | "colorChartsGreen500" | "colorChartsGreen600" | "colorChartsGreen700" | "colorChartsGreen800" | "colorChartsGreen900" | "colorChartsGreen1000" | "colorChartsGreen1100" | "colorChartsGreen1200" | "colorChartsTeal300" | "colorChartsTeal400" | "colorChartsTeal500" | "colorChartsTeal600" | "colorChartsTeal700" | "colorChartsTeal800" | "colorChartsTeal900" | "colorChartsTeal1000" | "colorChartsTeal1100" | "colorChartsTeal1200" | "colorChartsBlue1300" | "colorChartsBlue1400" | "colorChartsBlue1500" | "colorChartsBlue1600" | "colorChartsBlue1700" | "colorChartsBlue1800" | "colorChartsBlue1900" | "colorChartsBlue11000" | "colorChartsBlue11100" | "colorChartsBlue11200" | "colorChartsBlue2300" | "colorChartsBlue2400" | "colorChartsBlue2500" | "colorChartsBlue2600" | "colorChartsBlue2700" | "colorChartsBlue2800" | "colorChartsBlue2900" | "colorChartsBlue21000" | "colorChartsBlue21100" | "colorChartsBlue21200" | "colorChartsPurple300" | "colorChartsPurple400" | "colorChartsPurple500" | "colorChartsPurple600" | "colorChartsPurple700" | "colorChartsPurple800" | "colorChartsPurple900" | "colorChartsPurple1000" | "colorChartsPurple1100" | "colorChartsPurple1200" | "colorChartsPink300" | "colorChartsPink400" | "colorChartsPink500" | "colorChartsPink600" | "colorChartsPink700" | "colorChartsPink800" | "colorChartsPink900" | "colorChartsPink1000" | "colorChartsPink1100" | "colorChartsPink1200" | "colorChartsStatusCritical" | "colorChartsStatusHigh" | "colorChartsStatusMedium" | "colorChartsStatusLow" | "colorChartsStatusPositive" | "colorChartsStatusInfo" | "colorChartsStatusNeutral" | "colorChartsThresholdNegative" | "colorChartsThresholdPositive" | "colorChartsThresholdInfo" | "colorChartsThresholdNeutral" | "colorChartsLineGrid" | "colorChartsLineTick" | "colorChartsLineAxis" | "colorChartsLabelAxis" | "colorChartsPaletteCategorical1" | "colorChartsPaletteCategorical2" | "colorChartsPaletteCategorical3" | "colorChartsPaletteCategorical4" | "colorChartsPaletteCategorical5" | "colorChartsPaletteCategorical6" | "colorChartsPaletteCategorical7" | "colorChartsPaletteCategorical8" | "colorChartsPaletteCategorical9" | "colorChartsPaletteCategorical10" | "colorChartsPaletteCategorical11" | "colorChartsPaletteCategorical12" | "colorChartsPaletteCategorical13" | "colorChartsPaletteCategorical14" | "colorChartsPaletteCategorical15" | "colorChartsPaletteCategorical16" | "colorChartsPaletteCategorical17" | "colorChartsPaletteCategorical18" | "colorChartsPaletteCategorical19" | "colorChartsPaletteCategorical20" | "colorChartsPaletteCategorical21" | "colorChartsPaletteCategorical22" | "colorChartsPaletteCategorical23" | "colorChartsPaletteCategorical24" | "colorChartsPaletteCategorical25" | "colorChartsPaletteCategorical26" | "colorChartsPaletteCategorical27" | "colorChartsPaletteCategorical28" | "colorChartsPaletteCategorical29" | "colorChartsPaletteCategorical30" | "colorChartsPaletteCategorical31" | "colorChartsPaletteCategorical32" | "colorChartsPaletteCategorical33" | "colorChartsPaletteCategorical34" | "colorChartsPaletteCategorical35" | "colorChartsPaletteCategorical36" | "colorChartsPaletteCategorical37" | "colorChartsPaletteCategorical38" | "colorChartsPaletteCategorical39" | "colorChartsPaletteCategorical40" | "colorChartsPaletteCategorical41" | "colorChartsPaletteCategorical42" | "colorChartsPaletteCategorical43" | "colorChartsPaletteCategorical44" | "colorChartsPaletteCategorical45" | "colorChartsPaletteCategorical46" | "colorChartsPaletteCategorical47" | "colorChartsPaletteCategorical48" | "colorChartsPaletteCategorical49" | "colorChartsPaletteCategorical50", import("../utils").ColorTokenValue>;
@@ -0,0 +1,2 @@
1
+ export * from "./and-theme/index";
2
+ export * from "./charts/index";
@@ -0,0 +1,16 @@
1
+ export type ColorTokenValue = {
2
+ light: string;
3
+ dark: string;
4
+ };
5
+ type RawColorTokenValue = string | ColorTokenValue;
6
+ export type ColorTokens = {
7
+ [key: string]: RawColorTokenValue;
8
+ };
9
+ export declare const getTokensByTheme: <T extends ColorTokens>(originTokens: T, theme: "light" | "dark") => Partial<Record<keyof T, string>>;
10
+ export declare const getColorsByTheme: <T extends ColorTokens>(colorsOrTokens: T | ColorTokenValue[], theme: "light" | "dark") => string[];
11
+ /**
12
+ * Resolves chart color tokens by replacing reference strings with actual values.
13
+ * @returns Record of token names to resolved light/dark color objects
14
+ */
15
+ export declare function resolveColorTokens<T extends ColorTokens>(colors: T): Record<keyof T, ColorTokenValue>;
16
+ export {};
package/dist/utils.js CHANGED
@@ -59,6 +59,48 @@ const useCls = ()=>{
59
59
  const { getPrefixCls } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE_antd_es_config_provider_6a57beb3__["default"].ConfigContext);
60
60
  return (...args)=>cx(...args).map((cls)=>getPrefixCls(cls)).join(" ");
61
61
  };
62
+ function splitCamelCase(text) {
63
+ const result = [];
64
+ let currentWord = "";
65
+ for (const char of text)if (char >= "A" && char <= "Z") {
66
+ if (currentWord) result.push(currentWord);
67
+ currentWord = char.toLowerCase();
68
+ } else currentWord += char;
69
+ if (currentWord) result.push(currentWord);
70
+ return result.length > 0 ? result : [
71
+ text
72
+ ];
73
+ }
74
+ const parseAntdPlacement = (placement = "bottomLeft")=>{
75
+ const [position1, position2] = splitCamelCase(placement);
76
+ let primaryPlacement;
77
+ let align = "center";
78
+ if ("top" === position1 || "bottom" === position1) {
79
+ primaryPlacement = position1;
80
+ if (position2) switch(position2){
81
+ case "left":
82
+ align = "start";
83
+ break;
84
+ case "right":
85
+ align = "end";
86
+ break;
87
+ }
88
+ } else if ("left" === position1 || "right" === position1) {
89
+ primaryPlacement = position1;
90
+ if (position2) switch(position2){
91
+ case "top":
92
+ align = "start";
93
+ break;
94
+ case "bottom":
95
+ align = "end";
96
+ break;
97
+ }
98
+ } else primaryPlacement = "bottom";
99
+ return {
100
+ placement: primaryPlacement,
101
+ align
102
+ };
103
+ };
62
104
  "use client";
63
105
  const WithAntdTokens = ({ as: Tag = "div", ref, className, ...rest })=>{
64
106
  const Component = Tag;
@@ -75,4 +117,4 @@ const WithAntdTokens = ({ as: Tag = "div", ref, className, ...rest })=>{
75
117
  });
76
118
  return renderElement();
77
119
  };
78
- export { WithAntdTokens, clsx, cn, cx, isTracebackError, reactNodeToString, useAntdCssVarClassname, useCls, useGetPrefixCls };
120
+ export { WithAntdTokens, clsx, cn, cx, isTracebackError, parseAntdPlacement, reactNodeToString, useAntdCssVarClassname, useCls, useGetPrefixCls };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bioturing/components",
3
- "version": "0.13.3",
3
+ "version": "0.14.0",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -94,10 +94,18 @@
94
94
  "import": "./dist/VerticalCollapsiblePanel.js",
95
95
  "types": "./dist/components/src/components/VerticalCollapsiblePanel/index.d.ts"
96
96
  },
97
+ "./PopupPanel": {
98
+ "import": "./dist/PopupPanel.js",
99
+ "types": "./dist/components/src/components/PopupPanel/index.d.ts"
100
+ },
97
101
  "./utils": {
98
102
  "import": "./dist/utils.js",
99
103
  "types": "./dist/components/src/components/utils/index.d.ts"
100
104
  },
105
+ "./hooks": {
106
+ "import": "./dist/hooks.js",
107
+ "types": "./dist/components/src/components/hooks/index.d.ts"
108
+ },
101
109
  "./style.css": "./dist/style.css",
102
110
  "./tailwind.css": "./dist/tailwind.css"
103
111
  },
@@ -105,17 +113,20 @@
105
113
  "dist"
106
114
  ],
107
115
  "dependencies": {
108
- "tailwind-merge": "^3.2.0",
109
- "@base-ui-components/react": "1.0.0-alpha.8",
110
116
  "@ant-design/cssinjs": "^1.23.0",
117
+ "@base-ui-components/react": "1.0.0-alpha.8",
118
+ "@floating-ui/react": "^0.27.8",
119
+ "es-toolkit": "^1.37.2",
120
+ "prism-react-renderer": "^2.4.1",
111
121
  "rc-select": "^14.16.7",
112
- "rc-tree": "^5.13.1",
113
122
  "rc-table": "^7.50.4",
114
- "prism-react-renderer": "^2.4.1",
123
+ "rc-tree": "^5.13.1",
124
+ "react-use-resizable": "^0.2.0",
125
+ "tailwind-merge": "^3.2.0",
115
126
  "@bioturing/assets": "0.14.0"
116
127
  },
117
128
  "peerDependencies": {
118
- "antd": "^5.24.9",
129
+ "antd": "^5.25.0",
119
130
  "react": "^18.0.0 || ^19.0.0",
120
131
  "react-dom": "^18.0.0 || ^19.0.0"
121
132
  },
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- interface ANOVAAnalysisProps extends React.SVGProps<SVGSVGElement> {
3
- weight?: 'regular' | 'fill' | 'duotone';
4
- size?: number | string;
5
- }
6
- declare const ANOVAAnalysis: React.ForwardRefExoticComponent<Omit<ANOVAAnalysisProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
7
- export default ANOVAAnalysis;
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- interface AUCellProps extends React.SVGProps<SVGSVGElement> {
3
- weight?: 'regular' | 'fill' | 'duotone';
4
- size?: number | string;
5
- }
6
- declare const AUCell: React.ForwardRefExoticComponent<Omit<AUCellProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
7
- export default AUCell;
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- interface AlphabetProps extends React.SVGProps<SVGSVGElement> {
3
- weight?: 'regular' | 'fill' | 'duotone';
4
- size?: number | string;
5
- }
6
- declare const Alphabet: React.ForwardRefExoticComponent<Omit<AlphabetProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
7
- export default Alphabet;
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- interface BarChartProps extends React.SVGProps<SVGSVGElement> {
3
- weight?: 'regular' | 'fill' | 'duotone';
4
- size?: number | string;
5
- }
6
- declare const BarChart: React.ForwardRefExoticComponent<Omit<BarChartProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
7
- export default BarChart;
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- interface BoxPlotProps extends React.SVGProps<SVGSVGElement> {
3
- weight?: 'regular' | 'fill' | 'duotone';
4
- size?: number | string;
5
- }
6
- declare const BoxPlot: React.ForwardRefExoticComponent<Omit<BoxPlotProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
7
- export default BoxPlot;
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- interface BubbleHeatmapProps extends React.SVGProps<SVGSVGElement> {
3
- weight?: 'regular' | 'fill' | 'duotone';
4
- size?: number | string;
5
- }
6
- declare const BubbleHeatmap: React.ForwardRefExoticComponent<Omit<BubbleHeatmapProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
7
- export default BubbleHeatmap;
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- interface CDR3SpectratypingProps extends React.SVGProps<SVGSVGElement> {
3
- weight?: 'regular' | 'fill' | 'duotone';
4
- size?: number | string;
5
- }
6
- declare const CDR3Spectratyping: React.ForwardRefExoticComponent<Omit<CDR3SpectratypingProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
7
- export default CDR3Spectratyping;
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- interface CancerPredictionProps extends React.SVGProps<SVGSVGElement> {
3
- weight?: 'regular' | 'fill' | 'duotone';
4
- size?: number | string;
5
- }
6
- declare const CancerPrediction: React.ForwardRefExoticComponent<Omit<CancerPredictionProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
7
- export default CancerPrediction;
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- interface CellProps extends React.SVGProps<SVGSVGElement> {
3
- weight?: 'regular' | 'fill' | 'duotone';
4
- size?: number | string;
5
- }
6
- declare const Cell: React.ForwardRefExoticComponent<Omit<CellProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
7
- export default Cell;
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- interface CellCellCommunicationProps extends React.SVGProps<SVGSVGElement> {
3
- weight?: 'regular' | 'fill' | 'duotone';
4
- size?: number | string;
5
- }
6
- declare const CellCellCommunication: React.ForwardRefExoticComponent<Omit<CellCellCommunicationProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
7
- export default CellCellCommunication;
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- interface CellSearchProps extends React.SVGProps<SVGSVGElement> {
3
- weight?: 'regular' | 'fill' | 'duotone';
4
- size?: number | string;
5
- }
6
- declare const CellSearch: React.ForwardRefExoticComponent<Omit<CellSearchProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
7
- export default CellSearch;