@seeqdev/qomponents 0.0.161 → 0.0.162

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 (373) hide show
  1. package/dist/index.esm.js +4 -3
  2. package/dist/index.esm.js.map +1 -1
  3. package/dist/index.js +4 -3
  4. package/dist/index.js.map +1 -1
  5. package/dist/styles.css +1 -1
  6. package/package.json +1 -1
  7. package/dist/Accordion/Accordion.d.ts +0 -4
  8. package/dist/Accordion/Accordion.js +0 -7
  9. package/dist/Accordion/Accordion.js.map +0 -1
  10. package/dist/Accordion/Accordion.stories.d.ts +0 -5
  11. package/dist/Accordion/Accordion.stories.js +0 -75
  12. package/dist/Accordion/Accordion.stories.js.map +0 -1
  13. package/dist/Accordion/Accordion.test.d.ts +0 -1
  14. package/dist/Accordion/Accordion.test.js +0 -55
  15. package/dist/Accordion/Accordion.test.js.map +0 -1
  16. package/dist/Accordion/Accordion.types.d.ts +0 -86
  17. package/dist/Accordion/Accordion.types.js +0 -2
  18. package/dist/Accordion/Accordion.types.js.map +0 -1
  19. package/dist/Accordion/index.d.ts +0 -1
  20. package/dist/Accordion/index.js +0 -2
  21. package/dist/Accordion/index.js.map +0 -1
  22. package/dist/Alert/Alert.d.ts +0 -7
  23. package/dist/Alert/Alert.js +0 -32
  24. package/dist/Alert/Alert.js.map +0 -1
  25. package/dist/Alert/Alert.stories.d.ts +0 -5
  26. package/dist/Alert/Alert.stories.js +0 -57
  27. package/dist/Alert/Alert.stories.js.map +0 -1
  28. package/dist/Alert/Alert.test.d.ts +0 -1
  29. package/dist/Alert/Alert.test.js +0 -50
  30. package/dist/Alert/Alert.test.js.map +0 -1
  31. package/dist/Alert/Alert.types.d.ts +0 -63
  32. package/dist/Alert/Alert.types.js +0 -2
  33. package/dist/Alert/Alert.types.js.map +0 -1
  34. package/dist/Alert/index.d.ts +0 -1
  35. package/dist/Alert/index.js +0 -2
  36. package/dist/Alert/index.js.map +0 -1
  37. package/dist/Button/Button.d.ts +0 -10
  38. package/dist/Button/Button.js +0 -89
  39. package/dist/Button/Button.js.map +0 -1
  40. package/dist/Button/Button.stories.d.ts +0 -8
  41. package/dist/Button/Button.stories.js +0 -25
  42. package/dist/Button/Button.stories.js.map +0 -1
  43. package/dist/Button/Button.test.d.ts +0 -1
  44. package/dist/Button/Button.test.js +0 -47
  45. package/dist/Button/Button.test.js.map +0 -1
  46. package/dist/Button/Button.types.d.ts +0 -148
  47. package/dist/Button/Button.types.js +0 -5
  48. package/dist/Button/Button.types.js.map +0 -1
  49. package/dist/Button/index.d.ts +0 -1
  50. package/dist/Button/index.js +0 -2
  51. package/dist/Button/index.js.map +0 -1
  52. package/dist/ButtonGroup/ButtonGroup.d.ts +0 -7
  53. package/dist/ButtonGroup/ButtonGroup.js +0 -35
  54. package/dist/ButtonGroup/ButtonGroup.js.map +0 -1
  55. package/dist/ButtonGroup/ButtonGroup.stories.d.ts +0 -5
  56. package/dist/ButtonGroup/ButtonGroup.stories.js +0 -317
  57. package/dist/ButtonGroup/ButtonGroup.stories.js.map +0 -1
  58. package/dist/ButtonGroup/ButtonGroup.test.d.ts +0 -1
  59. package/dist/ButtonGroup/ButtonGroup.test.js +0 -66
  60. package/dist/ButtonGroup/ButtonGroup.test.js.map +0 -1
  61. package/dist/ButtonGroup/ButtonGroup.types.d.ts +0 -81
  62. package/dist/ButtonGroup/ButtonGroup.types.js +0 -2
  63. package/dist/ButtonGroup/ButtonGroup.types.js.map +0 -1
  64. package/dist/ButtonGroup/index.d.ts +0 -1
  65. package/dist/ButtonGroup/index.js +0 -2
  66. package/dist/ButtonGroup/index.js.map +0 -1
  67. package/dist/ButtonWithDropdown/ButtonWithDropdown.d.ts +0 -4
  68. package/dist/ButtonWithDropdown/ButtonWithDropdown.js +0 -36
  69. package/dist/ButtonWithDropdown/ButtonWithDropdown.js.map +0 -1
  70. package/dist/ButtonWithDropdown/ButtonWithDropdown.stories.d.ts +0 -5
  71. package/dist/ButtonWithDropdown/ButtonWithDropdown.stories.js +0 -104
  72. package/dist/ButtonWithDropdown/ButtonWithDropdown.stories.js.map +0 -1
  73. package/dist/ButtonWithDropdown/ButtonWithDropdown.test.d.ts +0 -1
  74. package/dist/ButtonWithDropdown/ButtonWithDropdown.test.js +0 -93
  75. package/dist/ButtonWithDropdown/ButtonWithDropdown.test.js.map +0 -1
  76. package/dist/ButtonWithDropdown/ButtonWithDropdown.types.d.ts +0 -233
  77. package/dist/ButtonWithDropdown/ButtonWithDropdown.types.js +0 -2
  78. package/dist/ButtonWithDropdown/ButtonWithDropdown.types.js.map +0 -1
  79. package/dist/ButtonWithDropdown/index.d.ts +0 -1
  80. package/dist/ButtonWithDropdown/index.js +0 -2
  81. package/dist/ButtonWithDropdown/index.js.map +0 -1
  82. package/dist/ButtonWithPopover/ButtonWithPopover.d.ts +0 -4
  83. package/dist/ButtonWithPopover/ButtonWithPopover.js +0 -55
  84. package/dist/ButtonWithPopover/ButtonWithPopover.js.map +0 -1
  85. package/dist/ButtonWithPopover/ButtonWithPopover.stories.d.ts +0 -5
  86. package/dist/ButtonWithPopover/ButtonWithPopover.stories.js +0 -25
  87. package/dist/ButtonWithPopover/ButtonWithPopover.stories.js.map +0 -1
  88. package/dist/ButtonWithPopover/ButtonWithPopover.test.d.ts +0 -1
  89. package/dist/ButtonWithPopover/ButtonWithPopover.test.js +0 -81
  90. package/dist/ButtonWithPopover/ButtonWithPopover.test.js.map +0 -1
  91. package/dist/ButtonWithPopover/ButtonWithPopover.types.d.ts +0 -134
  92. package/dist/ButtonWithPopover/ButtonWithPopover.types.js +0 -2
  93. package/dist/ButtonWithPopover/ButtonWithPopover.types.js.map +0 -1
  94. package/dist/ButtonWithPopover/index.d.ts +0 -1
  95. package/dist/ButtonWithPopover/index.js +0 -2
  96. package/dist/ButtonWithPopover/index.js.map +0 -1
  97. package/dist/Carousel/Carousel.d.ts +0 -9
  98. package/dist/Carousel/Carousel.js +0 -75
  99. package/dist/Carousel/Carousel.js.map +0 -1
  100. package/dist/Carousel/Carousel.stories.d.ts +0 -5
  101. package/dist/Carousel/Carousel.stories.js +0 -63
  102. package/dist/Carousel/Carousel.stories.js.map +0 -1
  103. package/dist/Carousel/Carousel.test.d.ts +0 -1
  104. package/dist/Carousel/Carousel.test.js +0 -48
  105. package/dist/Carousel/Carousel.test.js.map +0 -1
  106. package/dist/Carousel/Carousel.types.d.ts +0 -86
  107. package/dist/Carousel/Carousel.types.js +0 -2
  108. package/dist/Carousel/Carousel.types.js.map +0 -1
  109. package/dist/Carousel/index.d.ts +0 -1
  110. package/dist/Carousel/index.js +0 -2
  111. package/dist/Carousel/index.js.map +0 -1
  112. package/dist/Checkbox/Checkbox.d.ts +0 -7
  113. package/dist/Checkbox/Checkbox.js +0 -24
  114. package/dist/Checkbox/Checkbox.js.map +0 -1
  115. package/dist/Checkbox/Checkbox.stories.d.ts +0 -5
  116. package/dist/Checkbox/Checkbox.stories.js +0 -12
  117. package/dist/Checkbox/Checkbox.stories.js.map +0 -1
  118. package/dist/Checkbox/Checkbox.test.d.ts +0 -1
  119. package/dist/Checkbox/Checkbox.test.js +0 -94
  120. package/dist/Checkbox/Checkbox.test.js.map +0 -1
  121. package/dist/Checkbox/Checkbox.types.d.ts +0 -92
  122. package/dist/Checkbox/Checkbox.types.js +0 -2
  123. package/dist/Checkbox/Checkbox.types.js.map +0 -1
  124. package/dist/Checkbox/index.d.ts +0 -1
  125. package/dist/Checkbox/index.js +0 -2
  126. package/dist/Checkbox/index.js.map +0 -1
  127. package/dist/Collapse/Collapse.d.ts +0 -4
  128. package/dist/Collapse/Collapse.js +0 -17
  129. package/dist/Collapse/Collapse.js.map +0 -1
  130. package/dist/Collapse/Collapse.stories.d.ts +0 -5
  131. package/dist/Collapse/Collapse.stories.js +0 -15
  132. package/dist/Collapse/Collapse.stories.js.map +0 -1
  133. package/dist/Collapse/Collapse.test.d.ts +0 -1
  134. package/dist/Collapse/Collapse.test.js +0 -17
  135. package/dist/Collapse/Collapse.test.js.map +0 -1
  136. package/dist/Collapse/Collapse.types.d.ts +0 -19
  137. package/dist/Collapse/Collapse.types.js +0 -2
  138. package/dist/Collapse/Collapse.types.js.map +0 -1
  139. package/dist/Collapse/index.d.ts +0 -1
  140. package/dist/Collapse/index.js +0 -2
  141. package/dist/Collapse/index.js.map +0 -1
  142. package/dist/Icon/Icon.d.ts +0 -10
  143. package/dist/Icon/Icon.js +0 -55
  144. package/dist/Icon/Icon.js.map +0 -1
  145. package/dist/Icon/Icon.stories.d.ts +0 -5
  146. package/dist/Icon/Icon.stories.js +0 -15
  147. package/dist/Icon/Icon.stories.js.map +0 -1
  148. package/dist/Icon/Icon.test.d.ts +0 -1
  149. package/dist/Icon/Icon.test.js +0 -55
  150. package/dist/Icon/Icon.test.js.map +0 -1
  151. package/dist/Icon/Icon.types.d.ts +0 -87
  152. package/dist/Icon/Icon.types.js +0 -16
  153. package/dist/Icon/Icon.types.js.map +0 -1
  154. package/dist/Icon/index.d.ts +0 -1
  155. package/dist/Icon/index.js +0 -2
  156. package/dist/Icon/index.js.map +0 -1
  157. package/dist/InputGroup/InputGroup.d.ts +0 -7
  158. package/dist/InputGroup/InputGroup.js +0 -34
  159. package/dist/InputGroup/InputGroup.js.map +0 -1
  160. package/dist/InputGroup/InputGroup.stories.d.ts +0 -5
  161. package/dist/InputGroup/InputGroup.stories.js +0 -129
  162. package/dist/InputGroup/InputGroup.stories.js.map +0 -1
  163. package/dist/InputGroup/InputGroup.test.d.ts +0 -1
  164. package/dist/InputGroup/InputGroup.test.js +0 -42
  165. package/dist/InputGroup/InputGroup.test.js.map +0 -1
  166. package/dist/InputGroup/InputGroup.types.d.ts +0 -62
  167. package/dist/InputGroup/InputGroup.types.js +0 -2
  168. package/dist/InputGroup/InputGroup.types.js.map +0 -1
  169. package/dist/InputGroup/index.d.ts +0 -2
  170. package/dist/InputGroup/index.js +0 -2
  171. package/dist/InputGroup/index.js.map +0 -1
  172. package/dist/Modal/Modal.d.ts +0 -5
  173. package/dist/Modal/Modal.js +0 -76
  174. package/dist/Modal/Modal.js.map +0 -1
  175. package/dist/Modal/Modal.stories.d.ts +0 -10
  176. package/dist/Modal/Modal.stories.js +0 -44
  177. package/dist/Modal/Modal.stories.js.map +0 -1
  178. package/dist/Modal/Modal.test.d.ts +0 -1
  179. package/dist/Modal/Modal.test.js +0 -108
  180. package/dist/Modal/Modal.test.js.map +0 -1
  181. package/dist/Modal/Modal.types.d.ts +0 -244
  182. package/dist/Modal/Modal.types.js +0 -2
  183. package/dist/Modal/Modal.types.js.map +0 -1
  184. package/dist/Modal/index.d.ts +0 -1
  185. package/dist/Modal/index.js +0 -2
  186. package/dist/Modal/index.js.map +0 -1
  187. package/dist/ProgressBar/ProgressBar.d.ts +0 -4
  188. package/dist/ProgressBar/ProgressBar.js +0 -72
  189. package/dist/ProgressBar/ProgressBar.js.map +0 -1
  190. package/dist/ProgressBar/ProgressBar.stories.d.ts +0 -5
  191. package/dist/ProgressBar/ProgressBar.stories.js +0 -35
  192. package/dist/ProgressBar/ProgressBar.stories.js.map +0 -1
  193. package/dist/ProgressBar/ProgressBar.test.d.ts +0 -1
  194. package/dist/ProgressBar/ProgressBar.test.js +0 -43
  195. package/dist/ProgressBar/ProgressBar.test.js.map +0 -1
  196. package/dist/ProgressBar/ProgressBar.types.d.ts +0 -77
  197. package/dist/ProgressBar/ProgressBar.types.js +0 -2
  198. package/dist/ProgressBar/ProgressBar.types.js.map +0 -1
  199. package/dist/ProgressBar/index.d.ts +0 -1
  200. package/dist/ProgressBar/index.js +0 -2
  201. package/dist/ProgressBar/index.js.map +0 -1
  202. package/dist/SeeqActionDropdown/SeeqActionDropdown.d.ts +0 -4
  203. package/dist/SeeqActionDropdown/SeeqActionDropdown.js +0 -39
  204. package/dist/SeeqActionDropdown/SeeqActionDropdown.js.map +0 -1
  205. package/dist/SeeqActionDropdown/SeeqActionDropdown.stories.d.ts +0 -5
  206. package/dist/SeeqActionDropdown/SeeqActionDropdown.stories.js +0 -56
  207. package/dist/SeeqActionDropdown/SeeqActionDropdown.stories.js.map +0 -1
  208. package/dist/SeeqActionDropdown/SeeqActionDropdown.test.d.ts +0 -1
  209. package/dist/SeeqActionDropdown/SeeqActionDropdown.test.js +0 -73
  210. package/dist/SeeqActionDropdown/SeeqActionDropdown.test.js.map +0 -1
  211. package/dist/SeeqActionDropdown/SeeqActionDropdown.types.d.ts +0 -160
  212. package/dist/SeeqActionDropdown/SeeqActionDropdown.types.js +0 -2
  213. package/dist/SeeqActionDropdown/SeeqActionDropdown.types.js.map +0 -1
  214. package/dist/SeeqActionDropdown/index.d.ts +0 -1
  215. package/dist/SeeqActionDropdown/index.js +0 -2
  216. package/dist/SeeqActionDropdown/index.js.map +0 -1
  217. package/dist/SeeqActionDropdown/variants.d.ts +0 -5
  218. package/dist/SeeqActionDropdown/variants.js +0 -29
  219. package/dist/SeeqActionDropdown/variants.js.map +0 -1
  220. package/dist/Select/Select.d.ts +0 -15
  221. package/dist/Select/Select.js +0 -177
  222. package/dist/Select/Select.js.map +0 -1
  223. package/dist/Select/Select.stories.d.ts +0 -5
  224. package/dist/Select/Select.stories.js +0 -40
  225. package/dist/Select/Select.stories.js.map +0 -1
  226. package/dist/Select/Select.test.d.ts +0 -1
  227. package/dist/Select/Select.test.js +0 -175
  228. package/dist/Select/Select.test.js.map +0 -1
  229. package/dist/Select/Select.types.d.ts +0 -220
  230. package/dist/Select/Select.types.js +0 -2
  231. package/dist/Select/Select.types.js.map +0 -1
  232. package/dist/Select/index.d.ts +0 -2
  233. package/dist/Select/index.js +0 -3
  234. package/dist/Select/index.js.map +0 -1
  235. package/dist/Slider/Slider.d.ts +0 -6
  236. package/dist/Slider/Slider.js +0 -10
  237. package/dist/Slider/Slider.js.map +0 -1
  238. package/dist/Slider/Slider.stories.d.ts +0 -5
  239. package/dist/Slider/Slider.stories.js +0 -14
  240. package/dist/Slider/Slider.stories.js.map +0 -1
  241. package/dist/Slider/Slider.test.d.ts +0 -1
  242. package/dist/Slider/Slider.test.js +0 -32
  243. package/dist/Slider/Slider.test.js.map +0 -1
  244. package/dist/Slider/Slider.types.d.ts +0 -85
  245. package/dist/Slider/Slider.types.js +0 -2
  246. package/dist/Slider/Slider.types.js.map +0 -1
  247. package/dist/Slider/index.d.ts +0 -1
  248. package/dist/Slider/index.js +0 -2
  249. package/dist/Slider/index.js.map +0 -1
  250. package/dist/SvgIcon/SvgIcon.d.ts +0 -20
  251. package/dist/SvgIcon/SvgIcon.js +0 -28
  252. package/dist/SvgIcon/SvgIcon.js.map +0 -1
  253. package/dist/SvgIcon/SvgIcon.stories.d.ts +0 -5
  254. package/dist/SvgIcon/SvgIcon.stories.js +0 -18
  255. package/dist/SvgIcon/SvgIcon.stories.js.map +0 -1
  256. package/dist/SvgIcon/SvgIcon.test.d.ts +0 -1
  257. package/dist/SvgIcon/SvgIcon.test.js +0 -41
  258. package/dist/SvgIcon/SvgIcon.test.js.map +0 -1
  259. package/dist/SvgIcon/SvgIcon.types.d.ts +0 -76
  260. package/dist/SvgIcon/SvgIcon.types.js +0 -3
  261. package/dist/SvgIcon/SvgIcon.types.js.map +0 -1
  262. package/dist/SvgIcon/index.d.ts +0 -1
  263. package/dist/SvgIcon/index.js +0 -2
  264. package/dist/SvgIcon/index.js.map +0 -1
  265. package/dist/Tabs/Tabs.d.ts +0 -4
  266. package/dist/Tabs/Tabs.js +0 -17
  267. package/dist/Tabs/Tabs.js.map +0 -1
  268. package/dist/Tabs/Tabs.stories.d.ts +0 -5
  269. package/dist/Tabs/Tabs.stories.js +0 -73
  270. package/dist/Tabs/Tabs.stories.js.map +0 -1
  271. package/dist/Tabs/Tabs.test.d.ts +0 -1
  272. package/dist/Tabs/Tabs.test.js +0 -86
  273. package/dist/Tabs/Tabs.test.js.map +0 -1
  274. package/dist/Tabs/Tabs.types.d.ts +0 -95
  275. package/dist/Tabs/Tabs.types.js +0 -2
  276. package/dist/Tabs/Tabs.types.js.map +0 -1
  277. package/dist/Tabs/index.d.ts +0 -1
  278. package/dist/Tabs/index.js +0 -2
  279. package/dist/Tabs/index.js.map +0 -1
  280. package/dist/TextArea/TextArea.d.ts +0 -7
  281. package/dist/TextArea/TextArea.js +0 -25
  282. package/dist/TextArea/TextArea.js.map +0 -1
  283. package/dist/TextArea/TextArea.stories.d.ts +0 -5
  284. package/dist/TextArea/TextArea.stories.js +0 -10
  285. package/dist/TextArea/TextArea.stories.js.map +0 -1
  286. package/dist/TextArea/TextArea.test.d.ts +0 -1
  287. package/dist/TextArea/TextArea.test.js +0 -68
  288. package/dist/TextArea/TextArea.test.js.map +0 -1
  289. package/dist/TextArea/TextArea.types.d.ts +0 -105
  290. package/dist/TextArea/TextArea.types.js +0 -2
  291. package/dist/TextArea/TextArea.types.js.map +0 -1
  292. package/dist/TextArea/index.d.ts +0 -1
  293. package/dist/TextArea/index.js +0 -2
  294. package/dist/TextArea/index.js.map +0 -1
  295. package/dist/TextField/TextField.d.ts +0 -7
  296. package/dist/TextField/TextField.js +0 -85
  297. package/dist/TextField/TextField.js.map +0 -1
  298. package/dist/TextField/TextField.stories.d.ts +0 -5
  299. package/dist/TextField/TextField.stories.js +0 -11
  300. package/dist/TextField/TextField.stories.js.map +0 -1
  301. package/dist/TextField/TextField.test.d.ts +0 -1
  302. package/dist/TextField/TextField.test.js +0 -41
  303. package/dist/TextField/TextField.test.js.map +0 -1
  304. package/dist/TextField/TextField.types.d.ts +0 -199
  305. package/dist/TextField/TextField.types.js +0 -2
  306. package/dist/TextField/TextField.types.js.map +0 -1
  307. package/dist/TextField/index.d.ts +0 -1
  308. package/dist/TextField/index.js +0 -2
  309. package/dist/TextField/index.js.map +0 -1
  310. package/dist/ToolbarButton/ToolbarButton.d.ts +0 -3
  311. package/dist/ToolbarButton/ToolbarButton.js +0 -57
  312. package/dist/ToolbarButton/ToolbarButton.js.map +0 -1
  313. package/dist/ToolbarButton/ToolbarButton.stories.d.ts +0 -5
  314. package/dist/ToolbarButton/ToolbarButton.stories.js +0 -28
  315. package/dist/ToolbarButton/ToolbarButton.stories.js.map +0 -1
  316. package/dist/ToolbarButton/ToolbarButton.test.d.ts +0 -1
  317. package/dist/ToolbarButton/ToolbarButton.test.js +0 -85
  318. package/dist/ToolbarButton/ToolbarButton.test.js.map +0 -1
  319. package/dist/ToolbarButton/ToolbarButton.types.d.ts +0 -122
  320. package/dist/ToolbarButton/ToolbarButton.types.js +0 -2
  321. package/dist/ToolbarButton/ToolbarButton.types.js.map +0 -1
  322. package/dist/ToolbarButton/index.d.ts +0 -1
  323. package/dist/ToolbarButton/index.js +0 -2
  324. package/dist/ToolbarButton/index.js.map +0 -1
  325. package/dist/Tooltip/QTip.stories.d.ts +0 -5
  326. package/dist/Tooltip/QTip.stories.js +0 -19
  327. package/dist/Tooltip/QTip.stories.js.map +0 -1
  328. package/dist/Tooltip/QTip.types.d.ts +0 -13
  329. package/dist/Tooltip/QTip.types.js +0 -2
  330. package/dist/Tooltip/QTip.types.js.map +0 -1
  331. package/dist/Tooltip/QTipPerformance.stories.d.ts +0 -5
  332. package/dist/Tooltip/QTipPerformance.stories.js +0 -26
  333. package/dist/Tooltip/QTipPerformance.stories.js.map +0 -1
  334. package/dist/Tooltip/Qtip.d.ts +0 -26
  335. package/dist/Tooltip/Qtip.js +0 -168
  336. package/dist/Tooltip/Qtip.js.map +0 -1
  337. package/dist/Tooltip/Tooltip.d.ts +0 -13
  338. package/dist/Tooltip/Tooltip.js +0 -34
  339. package/dist/Tooltip/Tooltip.js.map +0 -1
  340. package/dist/Tooltip/Tooltip.stories.d.ts +0 -5
  341. package/dist/Tooltip/Tooltip.stories.js +0 -15
  342. package/dist/Tooltip/Tooltip.stories.js.map +0 -1
  343. package/dist/Tooltip/Tooltip.types.d.ts +0 -22
  344. package/dist/Tooltip/Tooltip.types.js +0 -3
  345. package/dist/Tooltip/Tooltip.types.js.map +0 -1
  346. package/dist/Tooltip/TooltipPerformance.stories.d.ts +0 -5
  347. package/dist/Tooltip/TooltipPerformance.stories.js +0 -26
  348. package/dist/Tooltip/TooltipPerformance.stories.js.map +0 -1
  349. package/dist/Tooltip/index.d.ts +0 -2
  350. package/dist/Tooltip/index.js +0 -3
  351. package/dist/Tooltip/index.js.map +0 -1
  352. package/dist/Tooltip/qTip.utilities.d.ts +0 -3
  353. package/dist/Tooltip/qTip.utilities.js +0 -11
  354. package/dist/Tooltip/qTip.utilities.js.map +0 -1
  355. package/dist/index.d.ts +0 -46
  356. package/dist/setupTests.d.ts +0 -1
  357. package/dist/setupTests.js +0 -6
  358. package/dist/setupTests.js.map +0 -1
  359. package/dist/types.d.ts +0 -27
  360. package/dist/types.js +0 -26
  361. package/dist/types.js.map +0 -1
  362. package/dist/utils/browserId.d.ts +0 -9
  363. package/dist/utils/browserId.js +0 -29
  364. package/dist/utils/browserId.js.map +0 -1
  365. package/dist/utils/svg.d.ts +0 -15
  366. package/dist/utils/svg.js +0 -20
  367. package/dist/utils/svg.js.map +0 -1
  368. package/dist/utils/validateStyleDimension.d.ts +0 -2
  369. package/dist/utils/validateStyleDimension.js +0 -14
  370. package/dist/utils/validateStyleDimension.js.map +0 -1
  371. package/dist/utils/validateStyleDimension.test.d.ts +0 -1
  372. package/dist/utils/validateStyleDimension.test.js +0 -20
  373. package/dist/utils/validateStyleDimension.test.js.map +0 -1
@@ -1,28 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { ToolbarButton } from './ToolbarButton';
3
- import Icon from '../Icon';
4
- import { QTip } from '../Tooltip/Qtip';
5
- export default {
6
- title: 'Toolbar Button',
7
- };
8
- export const AllToolbarButtonVariants = () => {
9
- const options = [
10
- { value: 'a', label: 'Chocolate' },
11
- { value: 'b', label: 'Strawberry' },
12
- { value: 'c', label: 'Vanilla' },
13
- { value: 'd', label: 'Rocky Road' },
14
- { value: 'e', label: 'Crazy Cow' },
15
- { value: 'f', label: 'Almond Joy' },
16
- { value: 'g', label: 'All of the above' },
17
- ];
18
- const colorOptions = [
19
- { value: 'h', label: 'pink' },
20
- { value: 'i', label: 'purple' },
21
- { value: 'j', label: 'green' },
22
- { value: 'k', label: 'red' },
23
- ];
24
- const allToolbarButtons = (isDark) => (_jsxs("div", { className: isDark ? 'tw-dark tw-bg-sq-dark-background' : '', children: [_jsx("div", { className: "tw-p-5 ", children: _jsx(ToolbarButton, { icon: "fc-y-axis", label: "Popover", testId: "basic-popover1", tooltipText: "This is a small popover.", tooltipOptions: { position: 'top', delay: 0 }, isHtmlTooltip: false, isSmall: true, popoverContent: _jsxs("div", { className: "tw-text-sm dark:tw-text-white", children: [_jsx("p", { className: "tw-bg-gray-200 dark:tw-bg-gray-700 tw-p-2", children: "Flavors" }), options.map((option) => (_jsxs("div", { className: "tw-flex tw-items-center tw-p-2 hover:tw-bg-green-500", children: [_jsx(Icon, { type: "color", color: "green", icon: "fc-check", extraClassNames: "tw-mr-2" }), _jsx("span", { children: option.label })] }, option.value))), _jsx("p", { className: "tw-bg-gray-200 dark:tw-bg-gray-700 tw-p-2", children: "Colors" }), colorOptions.map((option) => (_jsxs("div", { className: "tw-flex tw-items-center tw-p-2", children: [_jsx(Icon, { type: "color", color: "green", icon: "fc-check", extraClassNames: "tw-mr-2" }), _jsx("span", { children: option.label })] }, option.value)))] }) }) }), _jsx("div", { className: "tw-p-5 ", children: _jsx(ToolbarButton, { icon: "fc-y-axis", label: "Normal", testId: "basic-popover1", tooltipText: "This is a normal popover.", tooltipOptions: { position: 'top', delay: 0 }, isHtmlTooltip: false, popoverContent: _jsxs("div", { className: "tw-text-sm dark:tw-text-white", children: [_jsx("p", { className: "tw-bg-gray-200 dark:tw-bg-gray-700 tw-p-2", children: "Flavors" }), options.map((option) => (_jsxs("div", { className: "tw-flex tw-items-center tw-p-2 hover:tw-bg-green-500", children: [_jsx(Icon, { type: "color", color: "green", icon: "fc-check", extraClassNames: "tw-mr-2" }), _jsx("span", { children: option.label })] }, option.value))), _jsx("p", { className: "tw-bg-gray-200 dark:tw-bg-gray-700 tw-p-2", children: "Colors" }), colorOptions.map((option) => (_jsxs("div", { className: "tw-flex tw-items-center tw-p-2", children: [_jsx(Icon, { type: "color", color: "green", icon: "fc-check", extraClassNames: "tw-mr-2" }), _jsx("span", { children: option.label })] }, option.value)))] }) }) }), _jsxs("div", { className: "tw-p-5 tw-flex", children: [_jsx(ToolbarButton, { icon: "fc-y-axis", label: "With arrow", testId: "basic-popover1", tooltipText: "This is a normal popover.", tooltipOptions: { position: 'top', delay: 0 }, hasArrow: true, isHtmlTooltip: false, popoverContent: _jsxs("div", { className: "tw-text-sm dark:tw-text-white", children: [_jsx("p", { className: "tw-bg-gray-200 dark:tw-bg-gray-700 tw-p-2", children: "Flavors" }), options.map((option) => (_jsxs("div", { className: "tw-flex tw-items-center tw-p-2 hover:tw-bg-green-500", children: [_jsx(Icon, { type: "color", color: "green", icon: "fc-check", extraClassNames: "tw-mr-2" }), _jsx("span", { children: option.label })] }, option.value))), _jsx("p", { className: "tw-bg-gray-200 dark:tw-bg-gray-700 tw-p-2", children: "Colors" }), colorOptions.map((option) => (_jsxs("div", { className: "tw-flex tw-items-center tw-p-2", children: [_jsx(Icon, { type: "color", color: "green", icon: "fc-check", extraClassNames: "tw-mr-2" }), _jsx("span", { children: option.label })] }, option.value)))] }) }), _jsx(ToolbarButton, { icon: "fc-y-axis", tooltipText: "This is a large popover icon", tooltipOptions: { position: 'top', delay: 0 }, testId: "basic-popover4", isHtmlTooltip: false })] }), _jsxs("div", { className: "tw-p-5 ", children: [_jsx("p", { className: "tw-text-sq-color-dark tw-text-[0.625rem]", children: "Without popup" }), _jsx(ToolbarButton, { icon: "fc-y-axis", label: "Button", testId: "basic-popover3", isHtmlTooltip: false })] }), _jsx("div", { className: "tw-p-5 tw-flex", children: _jsx(ToolbarButton, { icon: "fc-y-axis", label: "Disabled", testId: "basic-popover2", tooltipText: "This is a popover.", tooltipOptions: { position: 'top' }, isHtmlTooltip: false, disabled: true, popoverContent: _jsxs("div", { className: "tw-border tw-border-gray-100 tw-p-2 tw-rounded-sm tw-text-sm dark:tw-bg-sq-dark-background", children: [_jsx("p", { className: "tw-bg-gray-200 dark:tw-bg-gray-700 tw-p-2", children: "Flavors" }), options.map((option) => (_jsxs("div", { className: "tw-flex tw-items-center tw-p-2 hover:tw-bg-green-500", children: [_jsx(Icon, { type: "color", color: "green", icon: "fc-check", extraClassNames: "tw-mr-2" }), _jsx("span", { children: option.label })] }, option.value))), _jsx("p", { className: "tw-bg-gray-200 dark:tw-bg-gray-700 tw-p-2", children: "Colors" }), colorOptions.map((option) => (_jsxs("div", { className: "tw-flex tw-items-center tw-p-2", children: [_jsx(Icon, { type: "color", color: "green", icon: "fc-check", extraClassNames: "tw-mr-2" }), _jsx("span", { children: option.label })] }, option.value)))] }) }) }), _jsx("div", { className: "tw-p-5 ", children: _jsx(ToolbarButton, { id: "scatterPlotFlipXY", isActive: false, disabled: true, testId: "scatterPlotFlipXY", label: "", icon: "fc-grab-window", tooltipText: "This is a large disabled popover.", tooltipOptions: { position: 'top' }, extraClassNames: "no-border ml5" }) }), _jsx("div", { className: "tw-p-5 ", children: _jsx(ToolbarButton, { icon: "fc-y-axis", tooltipText: "This is a large popover icon", tooltipOptions: { position: 'top', delay: 0 }, testId: "basic-popover4", isHtmlTooltip: false }) }), _jsx("div", { className: "tw-p-5 ", children: _jsx(ToolbarButton, { icon: "fc-y-axis", label: "Active", testId: "basic-popover5", tooltipText: "This is a button.", tooltipOptions: { position: 'top', delay: 0 }, isHtmlTooltip: false, isActive: true }) }), _jsx("div", { className: "tw-p-5 ", children: _jsx(ToolbarButton, { isPrimaryAnSvg: true, iconHeight: 13, iconWidth: 13, icon: "svgpath:M 19 2.76 L 18.016 4.066 L 7.678 17.765 L 6.745 19 L 5.812 17.765 L 0.984 11.373 L 0 10.067 L 1.867 7.307 L 2.851 8.613 L 6.745 13.771 L 16.149 1.306 L 17.133 0 L 19 2.76 Z", label: "Active", testId: "basic-popover5", tooltipText: "This is a button.", tooltipOptions: { position: 'top', delay: 0 }, isHtmlTooltip: false, isActive: true }) })] }));
25
- const renderAllVariations = () => (_jsxs("div", { className: "tw-grid tw-grid-cols-2 tw-gap-4 tw-p-4", children: [allToolbarButtons(), allToolbarButtons(true)] }));
26
- return (_jsxs("div", { children: [_jsxs("div", { className: "tw-grid tw-grid-cols-2 tw-gap-4", children: [_jsx(QTip, {}), _jsxs("div", { className: "color_topic", children: [_jsx("b", { children: "Topic Colors" }), renderAllVariations()] }), _jsxs("div", { className: "color_analysis", children: [_jsx("b", { children: "Analysis Colors" }), renderAllVariations()] })] }), _jsxs("div", { className: "tw-grid tw-grid-cols-2 tw-gap-4", children: [_jsxs("div", { className: "color_datalab", children: [_jsx("b", { children: "Datalab Colors" }), renderAllVariations()] }), _jsxs("div", { className: "color_vantage", children: [_jsx("b", { children: "Vantage Colors" }), renderAllVariations()] })] })] }));
27
- };
28
- //# sourceMappingURL=ToolbarButton.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ToolbarButton.stories.js","sourceRoot":"","sources":["../../src/ToolbarButton/ToolbarButton.stories.tsx"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,85 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import '@testing-library/jest-dom';
3
- import { render, screen } from '@testing-library/react';
4
- import userEvent from '@testing-library/user-event';
5
- import { ToolbarButton } from './ToolbarButton';
6
- import Icon from '../Icon';
7
- describe('ToolbarButton', () => {
8
- const options = [
9
- { value: 'a', label: 'Chocolate' },
10
- { value: 'b', label: 'Strawberry' },
11
- { value: 'c', label: 'Vanilla' },
12
- { value: 'd', label: 'Rocky Road' },
13
- { value: 'e', label: 'Crazy Cow' },
14
- { value: 'f', label: 'Almond Joy' },
15
- { value: 'g', label: 'All of the above' },
16
- ];
17
- const colorOptions = [
18
- { value: 'h', label: 'pink' },
19
- { value: 'i', label: 'purple' },
20
- { value: 'j', label: 'green' },
21
- { value: 'k', label: 'red' },
22
- ];
23
- const popoverContent = (_jsxs("div", { className: "tw-text-sm", children: [_jsx("p", { className: "tw-bg-gray-200 tw-p-2", children: "Flavors" }), options.map((option) => (_jsxs("div", { className: "tw-flex tw-items-center tw-p-2 hover:tw-bg-green-500", children: [_jsx(Icon, { type: "color", color: "green", icon: "fc-check", extraClassNames: "tw-mr-2" }), _jsx("span", { children: option.label })] }, option.value))), _jsx("p", { children: "Colors" }), colorOptions.map((option) => (_jsxs("div", { className: "tw-flex tw-items-center tw-p-2", children: [_jsx(Icon, { type: "color", color: "green", icon: "fc-check", extraClassNames: "tw-mr-2" }), _jsx("span", { children: option.label })] }, option.value)))] }));
24
- const mockOnClick = jest.fn();
25
- class Context {
26
- testId = 'popoverTestId';
27
- label = 'popover label';
28
- props = {
29
- label: this.label,
30
- onClick: mockOnClick,
31
- testId: this.testId,
32
- icon: 'fc-y-axis',
33
- tooltipText: 'This is a popover.',
34
- tooltipOptions: { position: 'top', delay: 0 },
35
- isHtmlTooltip: false,
36
- isSmall: false,
37
- popoverContent,
38
- };
39
- }
40
- let tc;
41
- beforeEach(() => {
42
- tc = new Context();
43
- jest.clearAllMocks();
44
- });
45
- const renderToolbarButton = (props) => render(_jsx(ToolbarButton, { ...props }));
46
- const openPopover = async () => {
47
- const popover = screen.getByTestId(tc.testId);
48
- await userEvent.click(popover);
49
- };
50
- it('renders popover icon without label when small', () => {
51
- tc.props.isSmall = true;
52
- renderToolbarButton(tc.props);
53
- const popoverLabel = screen.queryByText(tc.label);
54
- expect(popoverLabel).not.toBeInTheDocument();
55
- });
56
- it('renders popover trigger button', () => {
57
- renderToolbarButton(tc.props);
58
- expect(screen.getByText(tc.label)).toBeInTheDocument();
59
- });
60
- it('opens popover on click', async () => {
61
- renderToolbarButton(tc.props);
62
- await openPopover();
63
- expect(screen.getByText(options[2].label)).toBeVisible();
64
- });
65
- it('renders disabled popover trigger', async () => {
66
- renderToolbarButton({ ...tc.props, disabled: true });
67
- await openPopover();
68
- expect(mockOnClick).not.toHaveBeenCalled();
69
- });
70
- it('handles click events', async () => {
71
- const handleClick = jest.fn();
72
- tc.props.onClick = handleClick;
73
- const { getByTestId } = renderToolbarButton(tc.props);
74
- await userEvent.click(getByTestId(tc.testId));
75
- expect(handleClick).toHaveBeenCalled();
76
- });
77
- it('handles click events within popover and does not close the popover', async () => {
78
- renderToolbarButton(tc.props);
79
- expect(screen.queryByText(options[4].label)).not.toBeInTheDocument();
80
- await openPopover();
81
- await userEvent.click(screen.getByText(options[3].label));
82
- expect(screen.getByText(options[4].label)).toBeInTheDocument();
83
- });
84
- });
85
- //# sourceMappingURL=ToolbarButton.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ToolbarButton.test.js","sourceRoot":"","sources":["../../src/ToolbarButton/ToolbarButton.test.tsx"],"names":[],"mappings":"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"}
@@ -1,122 +0,0 @@
1
- import React, { MouseEvent } from 'react';
2
- import { TooltipProps } from '../Tooltip/Tooltip.types';
3
- export declare const toolbarButtonVariants: readonly ["outline", "theme", "theme-light", "warning", "danger", "no-border"];
4
- export type ToolbarButtonVariant = (typeof toolbarButtonVariants)[number];
5
- /**
6
- * Props for the ToolbarButton component that creates toolbar-style buttons with optional popovers.
7
- * Designed for use in toolbars, action bars, and similar UI contexts.
8
- */
9
- export interface ToolbarButtonProps {
10
- /**
11
- * Primary icon class name to display on the button.
12
- * Typically uses FontAwesome classes (e.g., 'fc-zoom', 'fc-delete').
13
- * This is the main visual identifier for the button's function.
14
- */
15
- icon: string;
16
- /**
17
- * Secondary icon class name to display alongside the primary icon.
18
- * Useful for showing state indicators, badges, or additional context.
19
- */
20
- secondIcon?: string;
21
- /**
22
- * When true, forces the primary icon to render in a smaller size.
23
- * Overrides automatic sizing based on button variant or layout.
24
- */
25
- forceSmallIcon?: boolean;
26
- /**
27
- * Text label for the toolbar button.
28
- * Typically shown when the toolbar has sufficient width or in expanded states.
29
- * Helps users understand the button's function when icons alone aren't clear.
30
- */
31
- label?: string;
32
- /**
33
- * React content to display in an attached popover when the button is clicked.
34
- * Can be any React elements including forms, menus, or complex layouts.
35
- * When provided, the button becomes a popover trigger.
36
- */
37
- popoverContent?: React.ReactNode;
38
- /**
39
- * When true, renders the button in a compact, icon-only mode.
40
- * Hides the label even if provided and uses minimal padding for space-constrained layouts.
41
- */
42
- isSmall?: boolean;
43
- /**
44
- * HTML ID attribute for the toolbar button element.
45
- * Should be unique across the page for proper HTML semantics and accessibility.
46
- */
47
- id?: string;
48
- /**
49
- * Additional CSS classes to apply to the toolbar button container.
50
- * Use this to customize the button's appearance beyond the built-in variants.
51
- */
52
- extraClassNames?: string;
53
- /**
54
- * Test ID attribute for the toolbar button element used in automated testing.
55
- * Applied to the button element for test targeting and interaction.
56
- */
57
- testId?: string;
58
- /**
59
- * Text to display in the button's tooltip when hovering.
60
- * Provides additional context or instructions about the button's function.
61
- */
62
- tooltipText?: string;
63
- /**
64
- * When true, the tooltip text is rendered as HTML allowing for rich content.
65
- * When false (default), the tooltip text is treated as plain text for security.
66
- * Only set to true if you trust the tooltip content source.
67
- */
68
- isHtmlTooltip?: boolean;
69
- /**
70
- * Test ID attribute specifically for the tooltip element used in automated testing.
71
- * Helps identify and interact with the tooltip separately from the button.
72
- */
73
- tooltipTestId?: string;
74
- /**
75
- * Configuration options for customizing tooltip behavior and appearance.
76
- * Omits the 'text' property since that's handled by the `tooltipText` prop.
77
- * Includes options like position, delay, and other tooltip-specific settings.
78
- */
79
- tooltipOptions?: Omit<TooltipProps, 'text'>;
80
- /**
81
- * When true, disables the toolbar button preventing user interaction.
82
- * Disabled buttons appear visually dimmed and don't respond to clicks or show popovers.
83
- */
84
- disabled?: boolean;
85
- /**
86
- * Callback function triggered when the toolbar button is clicked.
87
- * Primarily used for tracking, analytics, or additional click handling.
88
- * Note: this doesn't prevent popover opening if popoverContent is provided.
89
- */
90
- onClick?: (e: MouseEvent) => void;
91
- /**
92
- * When true, displays the button in an "active" or "pressed" visual state.
93
- * Useful for toggle buttons or indicating the current tool/mode in a toolbar.
94
- */
95
- isActive?: boolean;
96
- /**
97
- * Callback function triggered when an attached popover is hidden/closed.
98
- * Use this for cleanup, state management, or other hide-related side effects.
99
- */
100
- onHide?: () => void;
101
- /**
102
- * When true, displays a visual arrow on the button indicating it has a dropdown/popover.
103
- * Helps users understand that clicking will reveal additional options or content.
104
- */
105
- hasArrow?: boolean;
106
- /**
107
- * When true, treats the primary icon string as an SVG identifier instead of a font icon class.
108
- * Changes how the icon is rendered and styled within the component.
109
- */
110
- isPrimaryAnSvg?: boolean;
111
- /**
112
- * Additional CSS classes to apply specifically to the primary icon element.
113
- * Use this to customize the icon's appearance independently from the button container.
114
- */
115
- primaryIconExtraClassNames?: string;
116
- /** height for the icon */
117
- iconHeight?: number;
118
- /** width for the icon */
119
- iconWidth?: number;
120
- /** viewbox for the icon */
121
- primaryIconViewbox?: string;
122
- }
@@ -1,2 +0,0 @@
1
- export const toolbarButtonVariants = ['outline', 'theme', 'theme-light', 'warning', 'danger', 'no-border'];
2
- //# sourceMappingURL=ToolbarButton.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ToolbarButton.types.js","sourceRoot":"","sources":["../../src/ToolbarButton/ToolbarButton.types.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,CAAU,CAAC"}
@@ -1 +0,0 @@
1
- export { ToolbarButton as default } from './ToolbarButton';
@@ -1,2 +0,0 @@
1
- export { ToolbarButton as default } from './ToolbarButton';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ToolbarButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAC"}
@@ -1,5 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- };
4
- export default _default;
5
- export declare const AllQTips: () => import("react/jsx-runtime").JSX.Element;
@@ -1,19 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import Button from '../Button';
3
- import { tooltipPositions } from './Tooltip.types';
4
- import { QTip } from './Qtip';
5
- import Icon from '../Icon';
6
- export default {
7
- title: 'Tooltip',
8
- };
9
- export const AllQTips = () => {
10
- const renderSvgWithTooltip = () => tooltipPositions.map((position) => (_jsx("div", { className: "tw-w-full tw-flex tw-justify-center tw-items-center", children: _jsx("div", { "data-qtip-text": "this is a test tooltip", "data-qtip-placement": position, children: _jsx("svg", { viewBox: "0 0 19 19", xmlns: "http://www.w3.org/2000/svg", className: "seeq-icon p2", height: "19", width: "19", children: _jsx("path", { d: "M 2.714 1.188 L 2.714 0 L 0 0 L 0 1.188 L 0 2.375 L 0 13.656 L 0 17.813 L 0 19 L 2.714 19 L 2.714 17.813 L 2.714 13.063 L 5.441 12.465 C 7.184 12.083 9.029 12.261 10.637 12.962 C 12.511 13.782 14.687 13.883 16.646 13.237 L 19 12.469 L 19 0.594 L 16.693 1.603 C 14.729 2.464 12.418 2.464 10.454 1.603 C 8.966 0.95 7.256 0.787 5.641 1.139 L 2.714 1.781 L 2.714 1.188 Z", fill: "red" }) }) }, `${position}_svg`) })));
11
- const renderButtonsWithTooltip = () => tooltipPositions.map((position) => (_jsx("div", { children: _jsx(Button, { tooltip: `Tooltip on the ${position}`, label: position, tooltipOptions: { position } }) }, `${position}_button`)));
12
- const renderIconsWithHtmlTooltip = () => tooltipPositions.map((position) => (_jsx("div", { children: _jsx(Icon, { tooltip: "<div><h2>Fancy Tooltip</h2> This is a special tooltip. Why? <br />Because it supports <b>HTML!</b></div>", tooltipPlacement: position, icon: "fc-sun", isHtmlTooltip: true }) }, `${position}_icon`)));
13
- const renderTextTooltipOnText = () => tooltipPositions.map((position) => (_jsx("div", { children: _jsxs("span", { "data-qtip-text": "Helpful information provided here", "data-qtip-placement": position, children: ["Hover for Tooltip (on the ", position, ")"] }) }, `${position}_text`)));
14
- const renderTextTooltipOnTextWithDelay = () => tooltipPositions.map((position) => (_jsx("div", { children: _jsxs("span", { "data-qtip-text": "Helpful information provided here", "data-qtip-placement": position, "data-qtip-delay": 1500, children: ["Hover for Tooltip (on the ", position, ") - with delay (1500ms)"] }) }, `${position}_text`)));
15
- const renderTextTooltipOnOverflowHiddenText = () => tooltipPositions.map((position) => (_jsx("div", { className: "tw-overflow-hidden", children: _jsxs("span", { "data-qtip-text": "Helpful information provided here", "data-qtip-placement": position, children: ["Hover for Tooltip (on the ", position, ")", _jsx("br", {}), "(Overflow set to hidden)"] }) }, `${position}_text`)));
16
- const renderTextTooltipToRealignAtScreenEdge = () => tooltipPositions.map((position) => (_jsx("div", { className: "tw-overflow-hidden", children: _jsx("span", { "data-qtip-text": "This tooltip will realign its arrow and position if the data to be displayed within it goes beyond the screen edge. The text after this will be dummy text just to show a lot of text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.", "data-qtip-placement": position, children: "Hover for Tooltip (Should avoid screen edges)" }) }, `${position}_text`)));
17
- return (_jsxs(_Fragment, { children: [_jsx(QTip, {}), _jsxs("div", { className: "tw-grid tw-grid-cols-4 tw-gap-4 tw-text-center", children: [renderSvgWithTooltip(), renderButtonsWithTooltip(), renderIconsWithHtmlTooltip(), renderTextTooltipOnText(), renderTextTooltipOnTextWithDelay(), renderTextTooltipOnOverflowHiddenText(), renderTextTooltipToRealignAtScreenEdge()] })] }));
18
- };
19
- //# sourceMappingURL=QTip.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"QTip.stories.js","sourceRoot":"","sources":["../../src/Tooltip/QTip.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,13 +0,0 @@
1
- import { TooltipPosition } from './Tooltip.types';
2
- export interface QTipDataAttributes {
3
- /** text displayed by the tooltip */
4
- 'data-qtip-text': string;
5
- /** one of TooltipPosition */
6
- 'data-qtip-placement'?: TooltipPosition;
7
- /** set to true to render the provided text as html */
8
- 'data-qtip-is-html'?: boolean;
9
- /** number of milliseconds to wait before showing a tooltip on-hover */
10
- 'data-qtip-delay'?: number;
11
- /** useful for testing; sets the provided string as the data-testid attribute of the tooltip */
12
- 'data-qtip-testid'?: string;
13
- }
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=QTip.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"QTip.types.js","sourceRoot":"","sources":["../../src/Tooltip/QTip.types.ts"],"names":[],"mappings":""}
@@ -1,5 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- };
4
- export default _default;
5
- export declare const QtipPerformance: () => import("react/jsx-runtime").JSX.Element;
@@ -1,26 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import { QTip } from './Qtip';
3
- import Icon from '../Icon';
4
- export default {
5
- title: 'Tooltip',
6
- };
7
- const renderManyQTips = () => {
8
- const colsCount = 100;
9
- const rowCount = 100;
10
- const rows = [];
11
- const getCols = (rowId) => {
12
- const cols = [];
13
- for (let i = 0; i < colsCount; i++) {
14
- cols.push(_jsx("td", { children: _jsx(Icon, { icon: "fc-sun", tooltip: `hello there ${i}` }) }, 'col_' + i + '_row_' + rowId));
15
- }
16
- return cols;
17
- };
18
- for (let i = 0; i < rowCount; i++) {
19
- rows.push(_jsxs("tr", { children: [...getCols(i)] }, 'row_' + i));
20
- }
21
- return (_jsx("table", { children: _jsx("tbody", { children: rows.map((row) => row) }) }));
22
- };
23
- export const QtipPerformance = () => {
24
- return (_jsxs(_Fragment, { children: [_jsx(QTip, {}), _jsx("div", { className: "tw-grid tw-grid-cols-4 tw-gap-4 tw-text-center", children: renderManyQTips() })] }));
25
- };
26
- //# sourceMappingURL=QTipPerformance.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"QTipPerformance.stories.js","sourceRoot":"","sources":["../../src/Tooltip/QTipPerformance.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,eAAe;IACb,KAAK,EAAE,SAAS;CACjB,CAAC;AAEF,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,MAAM,SAAS,GAAG,GAAG,CAAC;IACtB,MAAM,QAAQ,GAAG,GAAG,CAAC;IACrB,MAAM,IAAI,GAAG,EAAE,CAAC;IAEhB,MAAM,OAAO,GAAG,CAAC,KAAa,EAAE,EAAE;QAChC,MAAM,IAAI,GAAG,EAAE,CAAC;QAChB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,EAAE,CAAC;YACnC,IAAI,CAAC,IAAI,CACP,uBACE,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,eAAe,CAAC,EAAE,GAAI,IAD5C,MAAM,GAAG,CAAC,GAAG,OAAO,GAAG,KAAK,CAEhC,CACN,CAAC;QACJ,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC;QAClC,IAAI,CAAC,IAAI,CAAC,4BAAyB,OAAO,CAAC,CAAC,CAAC,KAA1B,MAAM,GAAG,CAAC,CAAsB,CAAC,CAAC;IACvD,CAAC;IACD,OAAO,CACL,0BACE,0BAAQ,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,GAAS,GACjC,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,OAAO,CACL,8BACE,KAAC,IAAI,KAAG,EACR,cAAK,SAAS,EAAC,gDAAgD,YAAE,eAAe,EAAE,GAAO,IACxF,CACJ,CAAC;AACJ,CAAC,CAAC"}
@@ -1,26 +0,0 @@
1
- import React from 'react';
2
- /**
3
- * QTip
4
- *
5
- * QTip is a Singleton Tooltip component that guarantees high-performance and reduces component wrappers!
6
- *
7
- * QTip is used by all qomponents that support the display of tooltips.
8
- * If you want to add a Tooltip to your application you can do so by adding the following html data-attributes:
9
- *
10
- * 'data-qtip-text': the tooltip text to display; this can also be a string containing valid HTML
11
- * 'data-qtip-placement': one of TooltipPosition (top, bottom, right, or left)
12
- * 'data-qtip-is-html': set this to true if you provided a text that contains HTML,
13
- * 'data-qtip-delay': this can be used to delay the showing of the tooltip. this should be a number representing
14
- * the # of milliseconds you want to delay the tooltip for. If no delay is provided the DEFAULT_TOOL_TIP_DELAY is
15
- * applied!
16
- * 'data-qtip-testid': use this attribute to provide a value for a data-testid of your tooltip; this is useful
17
- * for tests
18
- *
19
- * In order for QTip to be able to display Tooltips you must add the QTip component to your top-most component
20
- * (often that's App or Application) - simply add:
21
- *
22
- * <QTip />
23
- *
24
- * and enjoy beautiful & performant tooltips!
25
- */
26
- export declare const QTip: React.FunctionComponent<any>;
@@ -1,168 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import DOMPurify from 'dompurify';
3
- import React, { useEffect, useRef, useState } from 'react';
4
- import { arrow, computePosition, offset, flip, shift } from '@floating-ui/dom';
5
- import { useIntervalWhen } from 'rooks';
6
- import { DEFAULT_TOOL_TIP_DELAY } from './Tooltip.types';
7
- const getArrowStyle = (position, x, arrowWidth, tooltipHeight, tooltipWidth) => {
8
- switch (position) {
9
- case 'bottom':
10
- return {
11
- left: `${x}px`,
12
- top: `${-arrowWidth}px`,
13
- };
14
- case 'left':
15
- return {
16
- left: `${tooltipWidth - arrowWidth}px`,
17
- top: `${tooltipHeight / 2 - arrowWidth}px`,
18
- };
19
- case 'right':
20
- return {
21
- left: `${-arrowWidth}px`,
22
- top: `${tooltipHeight / 2 - arrowWidth}px`,
23
- };
24
- default: // 'top':
25
- return {
26
- left: `${x}px`,
27
- top: `${tooltipHeight - 10 + arrowWidth}px`,
28
- };
29
- }
30
- };
31
- const HTMLTip = ({ text }) => {
32
- return React.createElement('div', {
33
- dangerouslySetInnerHTML: { __html: DOMPurify.sanitize(text) },
34
- });
35
- };
36
- /** Tooltips can cause SystemTests to be flaky, so we suppress them in Playwright and Protractor */
37
- const suppressTooltip = () => {
38
- return window.navigator.userAgent === 'Playwright' || window.navigator.userAgent.includes('Protractor');
39
- };
40
- /**
41
- * QTip
42
- *
43
- * QTip is a Singleton Tooltip component that guarantees high-performance and reduces component wrappers!
44
- *
45
- * QTip is used by all qomponents that support the display of tooltips.
46
- * If you want to add a Tooltip to your application you can do so by adding the following html data-attributes:
47
- *
48
- * 'data-qtip-text': the tooltip text to display; this can also be a string containing valid HTML
49
- * 'data-qtip-placement': one of TooltipPosition (top, bottom, right, or left)
50
- * 'data-qtip-is-html': set this to true if you provided a text that contains HTML,
51
- * 'data-qtip-delay': this can be used to delay the showing of the tooltip. this should be a number representing
52
- * the # of milliseconds you want to delay the tooltip for. If no delay is provided the DEFAULT_TOOL_TIP_DELAY is
53
- * applied!
54
- * 'data-qtip-testid': use this attribute to provide a value for a data-testid of your tooltip; this is useful
55
- * for tests
56
- *
57
- * In order for QTip to be able to display Tooltips you must add the QTip component to your top-most component
58
- * (often that's App or Application) - simply add:
59
- *
60
- * <QTip />
61
- *
62
- * and enjoy beautiful & performant tooltips!
63
- */
64
- export const QTip = () => {
65
- const tooltipRef = useRef(null);
66
- const tooltipTarget = useRef(null);
67
- const tooltipArrowRef = useRef(null);
68
- const [tooltipText, setTooltipText] = useState('');
69
- const [tooltipTargetOriginalPosition, setTooltipTargetOriginalPosition] = useState(null);
70
- const [show, setShow] = useState(false);
71
- const [html, setHtml] = useState(false);
72
- const [tooltipTestId, setTooltipTestId] = useState('');
73
- const [overTooltip, setOverTooltip] = useState(false);
74
- // Check every 300ms if the tooltip target position has changed and hide the tooltip if this happens.
75
- useIntervalWhen(() => {
76
- const currentPosition = tooltipTarget?.current?.getBoundingClientRect();
77
- if (overTooltip) {
78
- return;
79
- }
80
- if (tooltipTargetOriginalPosition?.y !== currentPosition?.y ||
81
- tooltipTargetOriginalPosition?.x !== currentPosition?.x) {
82
- setShow(false);
83
- }
84
- }, 300, show);
85
- useEffect(() => {
86
- !suppressTooltip() && document.body.addEventListener('mousemove', onMouseMove);
87
- return () => {
88
- !suppressTooltip() && document.removeEventListener('mousemove', onMouseMove);
89
- };
90
- }, []);
91
- const ttTimeout = useRef(null);
92
- const findTooltipData = (element) => {
93
- // Traverse up to 8 levels to find the tooltip data
94
- for (let i = 0; i < 8 && element; i++) {
95
- if (!element) {
96
- return null;
97
- }
98
- if (element?.dataset?.qtipText) {
99
- return element.dataset;
100
- }
101
- element = element?.parentElement;
102
- }
103
- return null;
104
- };
105
- const onMouseMove = (e) => {
106
- if (ttTimeout.current) {
107
- clearTimeout(ttTimeout.current);
108
- }
109
- // Find tooltip data on the current or parent elements
110
- const target = e.target;
111
- const dataset = findTooltipData(target);
112
- if (!dataset) {
113
- // No tooltip data found
114
- tooltipTarget.current = null;
115
- return;
116
- }
117
- tooltipTarget.current = target;
118
- const text = dataset.qtipText;
119
- if (text) {
120
- const delay = parseInt(dataset.qtipDelay || `${DEFAULT_TOOL_TIP_DELAY}`, 10);
121
- const placement = dataset.qtipPlacement || 'top';
122
- const isHtml = dataset.qtipIsHtml === 'true';
123
- const testId = dataset.qtipTestid;
124
- // Debounced tooltip display
125
- ttTimeout.current = setTimeout(() => {
126
- makeTooltip(text, placement, isHtml, testId, delay);
127
- }, delay);
128
- }
129
- };
130
- const makeTooltip = (tooltipText, position = 'top', isHtml, dataTestId, delay) => {
131
- if (tooltipText && tooltipTarget.current) {
132
- setHtml(isHtml);
133
- setTooltipText(tooltipText);
134
- setTooltipTestId(dataTestId);
135
- setTooltipTargetOriginalPosition(tooltipTarget.current.getBoundingClientRect());
136
- const positionTooltip = () => {
137
- if (tooltipRef.current && tooltipTarget.current) {
138
- computePosition(tooltipTarget.current, tooltipRef.current, {
139
- placement: position,
140
- middleware: [offset(10), flip(), shift({ padding: 8 }), arrow({ element: tooltipArrowRef.current })],
141
- }).then(({ x, y, middlewareData, placement: finalPlacement }) => {
142
- Object.assign(tooltipRef.current?.style, {
143
- left: `${x}px`,
144
- top: `${y}px`,
145
- });
146
- if (middlewareData.arrow) {
147
- const { x, y } = middlewareData.arrow;
148
- const arrowWidth = tooltipArrowRef.current?.offsetHeight / 2;
149
- const tooltipHeight = tooltipRef.current?.offsetHeight;
150
- const tooltipWidth = tooltipRef.current?.offsetWidth;
151
- const style = getArrowStyle(finalPlacement, x || y, arrowWidth, tooltipHeight, tooltipWidth);
152
- Object.assign(tooltipArrowRef.current.style, style);
153
- }
154
- setShow(true);
155
- });
156
- }
157
- };
158
- delay > 0
159
- ? requestAnimationFrame(() => {
160
- positionTooltip();
161
- })
162
- : positionTooltip();
163
- }
164
- };
165
- return (_jsx(_Fragment, { children: _jsxs("div", { onMouseEnter: () => setOverTooltip(true), onMouseLeave: () => setOverTooltip(false), "data-testid": tooltipTestId, ref: tooltipRef, className: 'tw-absolute tw-rounded tw-bg-black tw-max-w-96 tw-p-2 tw-text-xs tw-text-white tw-z-[9999] fade-in ' +
166
- (show ? 'tw-visible' : 'tw-invisible tw-pointer-events-none'), children: [html ? _jsx(HTMLTip, { text: tooltipText }) : tooltipText, _jsx("div", { className: "tw-absolute tw-w-[10px] tw-h-[10px] tw-rotate-45 tw-bg-black", ref: tooltipArrowRef })] }) }));
167
- };
168
- //# sourceMappingURL=Qtip.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Qtip.js","sourceRoot":"","sources":["../../src/Tooltip/Qtip.tsx"],"names":[],"mappings":"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"}
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- import '../styles.css';
3
- import { TooltipProps } from './Tooltip.types';
4
- /**
5
- * @deprecated
6
- * Note: Tooltip has been replaced by QTip - a singleton JS tooltip that behaves well even with overflow settings :)
7
- * See @QTip for more info!
8
- *
9
- * This component displays a Tooltip for the provided children. It is a CSS only tooltip that will not display
10
- * correctly if a parent element has an overflow CSS property assigned. Please use QTip to ensure your tooltips
11
- * display correctly.
12
- */
13
- export declare const Tooltip: React.FunctionComponent<TooltipProps>;