@seeqdev/qomponents 0.0.171 → 0.0.172

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 (387) hide show
  1. package/README.md +135 -135
  2. package/dist/example/.eslintrc.cjs +14 -14
  3. package/dist/example/README.md +33 -33
  4. package/dist/example/index.html +13 -13
  5. package/dist/example/package.json +32 -32
  6. package/dist/example/src/ComplexSelectExample.tsx +81 -81
  7. package/dist/example/src/Example.tsx +638 -638
  8. package/dist/example/src/index.css +103 -103
  9. package/dist/example/src/main.tsx +10 -10
  10. package/dist/example/src/vite-env.d.ts +1 -1
  11. package/dist/example/tsconfig.json +33 -33
  12. package/dist/example/tsconfig.node.json +12 -12
  13. package/dist/example/vite.config.ts +13 -13
  14. package/dist/index.esm.js +14 -14
  15. package/dist/index.esm.js.map +1 -1
  16. package/dist/index.js +14 -14
  17. package/dist/index.js.map +1 -1
  18. package/dist/src/Tabs/Tabs.types.d.ts +5 -0
  19. package/dist/styles.css +3868 -3868
  20. package/package.json +89 -89
  21. package/dist/Accordion/Accordion.d.ts +0 -4
  22. package/dist/Accordion/Accordion.js +0 -7
  23. package/dist/Accordion/Accordion.js.map +0 -1
  24. package/dist/Accordion/Accordion.stories.d.ts +0 -5
  25. package/dist/Accordion/Accordion.stories.js +0 -75
  26. package/dist/Accordion/Accordion.stories.js.map +0 -1
  27. package/dist/Accordion/Accordion.test.d.ts +0 -1
  28. package/dist/Accordion/Accordion.test.js +0 -55
  29. package/dist/Accordion/Accordion.test.js.map +0 -1
  30. package/dist/Accordion/Accordion.types.d.ts +0 -86
  31. package/dist/Accordion/Accordion.types.js +0 -2
  32. package/dist/Accordion/Accordion.types.js.map +0 -1
  33. package/dist/Accordion/index.d.ts +0 -1
  34. package/dist/Accordion/index.js +0 -2
  35. package/dist/Accordion/index.js.map +0 -1
  36. package/dist/Alert/Alert.d.ts +0 -7
  37. package/dist/Alert/Alert.js +0 -32
  38. package/dist/Alert/Alert.js.map +0 -1
  39. package/dist/Alert/Alert.stories.d.ts +0 -5
  40. package/dist/Alert/Alert.stories.js +0 -57
  41. package/dist/Alert/Alert.stories.js.map +0 -1
  42. package/dist/Alert/Alert.test.d.ts +0 -1
  43. package/dist/Alert/Alert.test.js +0 -50
  44. package/dist/Alert/Alert.test.js.map +0 -1
  45. package/dist/Alert/Alert.types.d.ts +0 -63
  46. package/dist/Alert/Alert.types.js +0 -2
  47. package/dist/Alert/Alert.types.js.map +0 -1
  48. package/dist/Alert/index.d.ts +0 -1
  49. package/dist/Alert/index.js +0 -2
  50. package/dist/Alert/index.js.map +0 -1
  51. package/dist/Button/Button.d.ts +0 -10
  52. package/dist/Button/Button.js +0 -90
  53. package/dist/Button/Button.js.map +0 -1
  54. package/dist/Button/Button.stories.d.ts +0 -9
  55. package/dist/Button/Button.stories.js +0 -29
  56. package/dist/Button/Button.stories.js.map +0 -1
  57. package/dist/Button/Button.test.d.ts +0 -1
  58. package/dist/Button/Button.test.js +0 -47
  59. package/dist/Button/Button.test.js.map +0 -1
  60. package/dist/Button/Button.types.d.ts +0 -148
  61. package/dist/Button/Button.types.js +0 -5
  62. package/dist/Button/Button.types.js.map +0 -1
  63. package/dist/Button/index.d.ts +0 -1
  64. package/dist/Button/index.js +0 -2
  65. package/dist/Button/index.js.map +0 -1
  66. package/dist/ButtonGroup/ButtonGroup.d.ts +0 -7
  67. package/dist/ButtonGroup/ButtonGroup.js +0 -35
  68. package/dist/ButtonGroup/ButtonGroup.js.map +0 -1
  69. package/dist/ButtonGroup/ButtonGroup.stories.d.ts +0 -5
  70. package/dist/ButtonGroup/ButtonGroup.stories.js +0 -317
  71. package/dist/ButtonGroup/ButtonGroup.stories.js.map +0 -1
  72. package/dist/ButtonGroup/ButtonGroup.test.d.ts +0 -1
  73. package/dist/ButtonGroup/ButtonGroup.test.js +0 -66
  74. package/dist/ButtonGroup/ButtonGroup.test.js.map +0 -1
  75. package/dist/ButtonGroup/ButtonGroup.types.d.ts +0 -81
  76. package/dist/ButtonGroup/ButtonGroup.types.js +0 -2
  77. package/dist/ButtonGroup/ButtonGroup.types.js.map +0 -1
  78. package/dist/ButtonGroup/index.d.ts +0 -1
  79. package/dist/ButtonGroup/index.js +0 -2
  80. package/dist/ButtonGroup/index.js.map +0 -1
  81. package/dist/ButtonWithDropdown/ButtonWithDropdown.d.ts +0 -4
  82. package/dist/ButtonWithDropdown/ButtonWithDropdown.js +0 -36
  83. package/dist/ButtonWithDropdown/ButtonWithDropdown.js.map +0 -1
  84. package/dist/ButtonWithDropdown/ButtonWithDropdown.stories.d.ts +0 -5
  85. package/dist/ButtonWithDropdown/ButtonWithDropdown.stories.js +0 -104
  86. package/dist/ButtonWithDropdown/ButtonWithDropdown.stories.js.map +0 -1
  87. package/dist/ButtonWithDropdown/ButtonWithDropdown.test.d.ts +0 -1
  88. package/dist/ButtonWithDropdown/ButtonWithDropdown.test.js +0 -93
  89. package/dist/ButtonWithDropdown/ButtonWithDropdown.test.js.map +0 -1
  90. package/dist/ButtonWithDropdown/ButtonWithDropdown.types.d.ts +0 -233
  91. package/dist/ButtonWithDropdown/ButtonWithDropdown.types.js +0 -2
  92. package/dist/ButtonWithDropdown/ButtonWithDropdown.types.js.map +0 -1
  93. package/dist/ButtonWithDropdown/index.d.ts +0 -1
  94. package/dist/ButtonWithDropdown/index.js +0 -2
  95. package/dist/ButtonWithDropdown/index.js.map +0 -1
  96. package/dist/ButtonWithPopover/ButtonWithPopover.d.ts +0 -4
  97. package/dist/ButtonWithPopover/ButtonWithPopover.js +0 -55
  98. package/dist/ButtonWithPopover/ButtonWithPopover.js.map +0 -1
  99. package/dist/ButtonWithPopover/ButtonWithPopover.stories.d.ts +0 -5
  100. package/dist/ButtonWithPopover/ButtonWithPopover.stories.js +0 -25
  101. package/dist/ButtonWithPopover/ButtonWithPopover.stories.js.map +0 -1
  102. package/dist/ButtonWithPopover/ButtonWithPopover.test.d.ts +0 -1
  103. package/dist/ButtonWithPopover/ButtonWithPopover.test.js +0 -81
  104. package/dist/ButtonWithPopover/ButtonWithPopover.test.js.map +0 -1
  105. package/dist/ButtonWithPopover/ButtonWithPopover.types.d.ts +0 -134
  106. package/dist/ButtonWithPopover/ButtonWithPopover.types.js +0 -2
  107. package/dist/ButtonWithPopover/ButtonWithPopover.types.js.map +0 -1
  108. package/dist/ButtonWithPopover/index.d.ts +0 -1
  109. package/dist/ButtonWithPopover/index.js +0 -2
  110. package/dist/ButtonWithPopover/index.js.map +0 -1
  111. package/dist/Carousel/Carousel.d.ts +0 -9
  112. package/dist/Carousel/Carousel.js +0 -75
  113. package/dist/Carousel/Carousel.js.map +0 -1
  114. package/dist/Carousel/Carousel.stories.d.ts +0 -5
  115. package/dist/Carousel/Carousel.stories.js +0 -63
  116. package/dist/Carousel/Carousel.stories.js.map +0 -1
  117. package/dist/Carousel/Carousel.test.d.ts +0 -1
  118. package/dist/Carousel/Carousel.test.js +0 -48
  119. package/dist/Carousel/Carousel.test.js.map +0 -1
  120. package/dist/Carousel/Carousel.types.d.ts +0 -86
  121. package/dist/Carousel/Carousel.types.js +0 -2
  122. package/dist/Carousel/Carousel.types.js.map +0 -1
  123. package/dist/Carousel/index.d.ts +0 -1
  124. package/dist/Carousel/index.js +0 -2
  125. package/dist/Carousel/index.js.map +0 -1
  126. package/dist/Checkbox/Checkbox.d.ts +0 -7
  127. package/dist/Checkbox/Checkbox.js +0 -25
  128. package/dist/Checkbox/Checkbox.js.map +0 -1
  129. package/dist/Checkbox/Checkbox.stories.d.ts +0 -5
  130. package/dist/Checkbox/Checkbox.stories.js +0 -12
  131. package/dist/Checkbox/Checkbox.stories.js.map +0 -1
  132. package/dist/Checkbox/Checkbox.test.d.ts +0 -1
  133. package/dist/Checkbox/Checkbox.test.js +0 -94
  134. package/dist/Checkbox/Checkbox.test.js.map +0 -1
  135. package/dist/Checkbox/Checkbox.types.d.ts +0 -92
  136. package/dist/Checkbox/Checkbox.types.js +0 -2
  137. package/dist/Checkbox/Checkbox.types.js.map +0 -1
  138. package/dist/Checkbox/index.d.ts +0 -1
  139. package/dist/Checkbox/index.js +0 -2
  140. package/dist/Checkbox/index.js.map +0 -1
  141. package/dist/Collapse/Collapse.d.ts +0 -4
  142. package/dist/Collapse/Collapse.js +0 -17
  143. package/dist/Collapse/Collapse.js.map +0 -1
  144. package/dist/Collapse/Collapse.stories.d.ts +0 -5
  145. package/dist/Collapse/Collapse.stories.js +0 -15
  146. package/dist/Collapse/Collapse.stories.js.map +0 -1
  147. package/dist/Collapse/Collapse.test.d.ts +0 -1
  148. package/dist/Collapse/Collapse.test.js +0 -17
  149. package/dist/Collapse/Collapse.test.js.map +0 -1
  150. package/dist/Collapse/Collapse.types.d.ts +0 -19
  151. package/dist/Collapse/Collapse.types.js +0 -2
  152. package/dist/Collapse/Collapse.types.js.map +0 -1
  153. package/dist/Collapse/index.d.ts +0 -1
  154. package/dist/Collapse/index.js +0 -2
  155. package/dist/Collapse/index.js.map +0 -1
  156. package/dist/Icon/Icon.d.ts +0 -10
  157. package/dist/Icon/Icon.js +0 -56
  158. package/dist/Icon/Icon.js.map +0 -1
  159. package/dist/Icon/Icon.stories.d.ts +0 -5
  160. package/dist/Icon/Icon.stories.js +0 -15
  161. package/dist/Icon/Icon.stories.js.map +0 -1
  162. package/dist/Icon/Icon.test.d.ts +0 -1
  163. package/dist/Icon/Icon.test.js +0 -55
  164. package/dist/Icon/Icon.test.js.map +0 -1
  165. package/dist/Icon/Icon.types.d.ts +0 -91
  166. package/dist/Icon/Icon.types.js +0 -16
  167. package/dist/Icon/Icon.types.js.map +0 -1
  168. package/dist/Icon/index.d.ts +0 -1
  169. package/dist/Icon/index.js +0 -2
  170. package/dist/Icon/index.js.map +0 -1
  171. package/dist/InputGroup/InputGroup.d.ts +0 -7
  172. package/dist/InputGroup/InputGroup.js +0 -34
  173. package/dist/InputGroup/InputGroup.js.map +0 -1
  174. package/dist/InputGroup/InputGroup.stories.d.ts +0 -5
  175. package/dist/InputGroup/InputGroup.stories.js +0 -129
  176. package/dist/InputGroup/InputGroup.stories.js.map +0 -1
  177. package/dist/InputGroup/InputGroup.test.d.ts +0 -1
  178. package/dist/InputGroup/InputGroup.test.js +0 -42
  179. package/dist/InputGroup/InputGroup.test.js.map +0 -1
  180. package/dist/InputGroup/InputGroup.types.d.ts +0 -62
  181. package/dist/InputGroup/InputGroup.types.js +0 -2
  182. package/dist/InputGroup/InputGroup.types.js.map +0 -1
  183. package/dist/InputGroup/index.d.ts +0 -2
  184. package/dist/InputGroup/index.js +0 -2
  185. package/dist/InputGroup/index.js.map +0 -1
  186. package/dist/Modal/Modal.d.ts +0 -5
  187. package/dist/Modal/Modal.js +0 -76
  188. package/dist/Modal/Modal.js.map +0 -1
  189. package/dist/Modal/Modal.stories.d.ts +0 -10
  190. package/dist/Modal/Modal.stories.js +0 -44
  191. package/dist/Modal/Modal.stories.js.map +0 -1
  192. package/dist/Modal/Modal.test.d.ts +0 -1
  193. package/dist/Modal/Modal.test.js +0 -108
  194. package/dist/Modal/Modal.test.js.map +0 -1
  195. package/dist/Modal/Modal.types.d.ts +0 -244
  196. package/dist/Modal/Modal.types.js +0 -2
  197. package/dist/Modal/Modal.types.js.map +0 -1
  198. package/dist/Modal/index.d.ts +0 -1
  199. package/dist/Modal/index.js +0 -2
  200. package/dist/Modal/index.js.map +0 -1
  201. package/dist/ProgressBar/ProgressBar.d.ts +0 -4
  202. package/dist/ProgressBar/ProgressBar.js +0 -72
  203. package/dist/ProgressBar/ProgressBar.js.map +0 -1
  204. package/dist/ProgressBar/ProgressBar.stories.d.ts +0 -5
  205. package/dist/ProgressBar/ProgressBar.stories.js +0 -35
  206. package/dist/ProgressBar/ProgressBar.stories.js.map +0 -1
  207. package/dist/ProgressBar/ProgressBar.test.d.ts +0 -1
  208. package/dist/ProgressBar/ProgressBar.test.js +0 -43
  209. package/dist/ProgressBar/ProgressBar.test.js.map +0 -1
  210. package/dist/ProgressBar/ProgressBar.types.d.ts +0 -77
  211. package/dist/ProgressBar/ProgressBar.types.js +0 -2
  212. package/dist/ProgressBar/ProgressBar.types.js.map +0 -1
  213. package/dist/ProgressBar/index.d.ts +0 -1
  214. package/dist/ProgressBar/index.js +0 -2
  215. package/dist/ProgressBar/index.js.map +0 -1
  216. package/dist/SeeqActionDropdown/SeeqActionDropdown.d.ts +0 -4
  217. package/dist/SeeqActionDropdown/SeeqActionDropdown.js +0 -39
  218. package/dist/SeeqActionDropdown/SeeqActionDropdown.js.map +0 -1
  219. package/dist/SeeqActionDropdown/SeeqActionDropdown.stories.d.ts +0 -5
  220. package/dist/SeeqActionDropdown/SeeqActionDropdown.stories.js +0 -56
  221. package/dist/SeeqActionDropdown/SeeqActionDropdown.stories.js.map +0 -1
  222. package/dist/SeeqActionDropdown/SeeqActionDropdown.test.d.ts +0 -1
  223. package/dist/SeeqActionDropdown/SeeqActionDropdown.test.js +0 -73
  224. package/dist/SeeqActionDropdown/SeeqActionDropdown.test.js.map +0 -1
  225. package/dist/SeeqActionDropdown/SeeqActionDropdown.types.d.ts +0 -160
  226. package/dist/SeeqActionDropdown/SeeqActionDropdown.types.js +0 -2
  227. package/dist/SeeqActionDropdown/SeeqActionDropdown.types.js.map +0 -1
  228. package/dist/SeeqActionDropdown/index.d.ts +0 -1
  229. package/dist/SeeqActionDropdown/index.js +0 -2
  230. package/dist/SeeqActionDropdown/index.js.map +0 -1
  231. package/dist/SeeqActionDropdown/variants.d.ts +0 -5
  232. package/dist/SeeqActionDropdown/variants.js +0 -29
  233. package/dist/SeeqActionDropdown/variants.js.map +0 -1
  234. package/dist/Select/Select.d.ts +0 -15
  235. package/dist/Select/Select.js +0 -177
  236. package/dist/Select/Select.js.map +0 -1
  237. package/dist/Select/Select.stories.d.ts +0 -5
  238. package/dist/Select/Select.stories.js +0 -40
  239. package/dist/Select/Select.stories.js.map +0 -1
  240. package/dist/Select/Select.test.d.ts +0 -1
  241. package/dist/Select/Select.test.js +0 -175
  242. package/dist/Select/Select.test.js.map +0 -1
  243. package/dist/Select/Select.types.d.ts +0 -220
  244. package/dist/Select/Select.types.js +0 -2
  245. package/dist/Select/Select.types.js.map +0 -1
  246. package/dist/Select/index.d.ts +0 -2
  247. package/dist/Select/index.js +0 -3
  248. package/dist/Select/index.js.map +0 -1
  249. package/dist/Slider/Slider.d.ts +0 -6
  250. package/dist/Slider/Slider.js +0 -10
  251. package/dist/Slider/Slider.js.map +0 -1
  252. package/dist/Slider/Slider.stories.d.ts +0 -5
  253. package/dist/Slider/Slider.stories.js +0 -14
  254. package/dist/Slider/Slider.stories.js.map +0 -1
  255. package/dist/Slider/Slider.test.d.ts +0 -1
  256. package/dist/Slider/Slider.test.js +0 -32
  257. package/dist/Slider/Slider.test.js.map +0 -1
  258. package/dist/Slider/Slider.types.d.ts +0 -85
  259. package/dist/Slider/Slider.types.js +0 -2
  260. package/dist/Slider/Slider.types.js.map +0 -1
  261. package/dist/Slider/index.d.ts +0 -1
  262. package/dist/Slider/index.js +0 -2
  263. package/dist/Slider/index.js.map +0 -1
  264. package/dist/SvgIcon/SvgIcon.d.ts +0 -20
  265. package/dist/SvgIcon/SvgIcon.js +0 -28
  266. package/dist/SvgIcon/SvgIcon.js.map +0 -1
  267. package/dist/SvgIcon/SvgIcon.stories.d.ts +0 -5
  268. package/dist/SvgIcon/SvgIcon.stories.js +0 -18
  269. package/dist/SvgIcon/SvgIcon.stories.js.map +0 -1
  270. package/dist/SvgIcon/SvgIcon.test.d.ts +0 -1
  271. package/dist/SvgIcon/SvgIcon.test.js +0 -41
  272. package/dist/SvgIcon/SvgIcon.test.js.map +0 -1
  273. package/dist/SvgIcon/SvgIcon.types.d.ts +0 -76
  274. package/dist/SvgIcon/SvgIcon.types.js +0 -3
  275. package/dist/SvgIcon/SvgIcon.types.js.map +0 -1
  276. package/dist/SvgIcon/index.d.ts +0 -1
  277. package/dist/SvgIcon/index.js +0 -2
  278. package/dist/SvgIcon/index.js.map +0 -1
  279. package/dist/Tabs/Tabs.d.ts +0 -4
  280. package/dist/Tabs/Tabs.js +0 -17
  281. package/dist/Tabs/Tabs.js.map +0 -1
  282. package/dist/Tabs/Tabs.stories.d.ts +0 -5
  283. package/dist/Tabs/Tabs.stories.js +0 -73
  284. package/dist/Tabs/Tabs.stories.js.map +0 -1
  285. package/dist/Tabs/Tabs.test.d.ts +0 -1
  286. package/dist/Tabs/Tabs.test.js +0 -86
  287. package/dist/Tabs/Tabs.test.js.map +0 -1
  288. package/dist/Tabs/Tabs.types.d.ts +0 -95
  289. package/dist/Tabs/Tabs.types.js +0 -2
  290. package/dist/Tabs/Tabs.types.js.map +0 -1
  291. package/dist/Tabs/index.d.ts +0 -1
  292. package/dist/Tabs/index.js +0 -2
  293. package/dist/Tabs/index.js.map +0 -1
  294. package/dist/TextArea/TextArea.d.ts +0 -7
  295. package/dist/TextArea/TextArea.js +0 -55
  296. package/dist/TextArea/TextArea.js.map +0 -1
  297. package/dist/TextArea/TextArea.stories.d.ts +0 -5
  298. package/dist/TextArea/TextArea.stories.js +0 -10
  299. package/dist/TextArea/TextArea.stories.js.map +0 -1
  300. package/dist/TextArea/TextArea.test.d.ts +0 -1
  301. package/dist/TextArea/TextArea.test.js +0 -130
  302. package/dist/TextArea/TextArea.test.js.map +0 -1
  303. package/dist/TextArea/TextArea.types.d.ts +0 -116
  304. package/dist/TextArea/TextArea.types.js +0 -2
  305. package/dist/TextArea/TextArea.types.js.map +0 -1
  306. package/dist/TextArea/index.d.ts +0 -1
  307. package/dist/TextArea/index.js +0 -2
  308. package/dist/TextArea/index.js.map +0 -1
  309. package/dist/TextField/TextField.d.ts +0 -7
  310. package/dist/TextField/TextField.js +0 -85
  311. package/dist/TextField/TextField.js.map +0 -1
  312. package/dist/TextField/TextField.stories.d.ts +0 -5
  313. package/dist/TextField/TextField.stories.js +0 -11
  314. package/dist/TextField/TextField.stories.js.map +0 -1
  315. package/dist/TextField/TextField.test.d.ts +0 -1
  316. package/dist/TextField/TextField.test.js +0 -41
  317. package/dist/TextField/TextField.test.js.map +0 -1
  318. package/dist/TextField/TextField.types.d.ts +0 -199
  319. package/dist/TextField/TextField.types.js +0 -2
  320. package/dist/TextField/TextField.types.js.map +0 -1
  321. package/dist/TextField/index.d.ts +0 -1
  322. package/dist/TextField/index.js +0 -2
  323. package/dist/TextField/index.js.map +0 -1
  324. package/dist/ToolbarButton/ToolbarButton.d.ts +0 -3
  325. package/dist/ToolbarButton/ToolbarButton.js +0 -57
  326. package/dist/ToolbarButton/ToolbarButton.js.map +0 -1
  327. package/dist/ToolbarButton/ToolbarButton.stories.d.ts +0 -5
  328. package/dist/ToolbarButton/ToolbarButton.stories.js +0 -28
  329. package/dist/ToolbarButton/ToolbarButton.stories.js.map +0 -1
  330. package/dist/ToolbarButton/ToolbarButton.test.d.ts +0 -1
  331. package/dist/ToolbarButton/ToolbarButton.test.js +0 -85
  332. package/dist/ToolbarButton/ToolbarButton.test.js.map +0 -1
  333. package/dist/ToolbarButton/ToolbarButton.types.d.ts +0 -122
  334. package/dist/ToolbarButton/ToolbarButton.types.js +0 -2
  335. package/dist/ToolbarButton/ToolbarButton.types.js.map +0 -1
  336. package/dist/ToolbarButton/index.d.ts +0 -1
  337. package/dist/ToolbarButton/index.js +0 -2
  338. package/dist/ToolbarButton/index.js.map +0 -1
  339. package/dist/Tooltip/QTip.stories.d.ts +0 -5
  340. package/dist/Tooltip/QTip.stories.js +0 -19
  341. package/dist/Tooltip/QTip.stories.js.map +0 -1
  342. package/dist/Tooltip/QTip.types.d.ts +0 -13
  343. package/dist/Tooltip/QTip.types.js +0 -2
  344. package/dist/Tooltip/QTip.types.js.map +0 -1
  345. package/dist/Tooltip/QTipPerformance.stories.d.ts +0 -5
  346. package/dist/Tooltip/QTipPerformance.stories.js +0 -26
  347. package/dist/Tooltip/QTipPerformance.stories.js.map +0 -1
  348. package/dist/Tooltip/Qtip.d.ts +0 -26
  349. package/dist/Tooltip/Qtip.js +0 -168
  350. package/dist/Tooltip/Qtip.js.map +0 -1
  351. package/dist/Tooltip/Tooltip.d.ts +0 -13
  352. package/dist/Tooltip/Tooltip.js +0 -34
  353. package/dist/Tooltip/Tooltip.js.map +0 -1
  354. package/dist/Tooltip/Tooltip.stories.d.ts +0 -5
  355. package/dist/Tooltip/Tooltip.stories.js +0 -15
  356. package/dist/Tooltip/Tooltip.stories.js.map +0 -1
  357. package/dist/Tooltip/Tooltip.types.d.ts +0 -22
  358. package/dist/Tooltip/Tooltip.types.js +0 -3
  359. package/dist/Tooltip/Tooltip.types.js.map +0 -1
  360. package/dist/Tooltip/TooltipPerformance.stories.d.ts +0 -5
  361. package/dist/Tooltip/TooltipPerformance.stories.js +0 -26
  362. package/dist/Tooltip/TooltipPerformance.stories.js.map +0 -1
  363. package/dist/Tooltip/index.d.ts +0 -2
  364. package/dist/Tooltip/index.js +0 -3
  365. package/dist/Tooltip/index.js.map +0 -1
  366. package/dist/Tooltip/qTip.utilities.d.ts +0 -3
  367. package/dist/Tooltip/qTip.utilities.js +0 -11
  368. package/dist/Tooltip/qTip.utilities.js.map +0 -1
  369. package/dist/index.d.ts +0 -46
  370. package/dist/setupTests.d.ts +0 -1
  371. package/dist/setupTests.js +0 -6
  372. package/dist/setupTests.js.map +0 -1
  373. package/dist/types.d.ts +0 -27
  374. package/dist/types.js +0 -26
  375. package/dist/types.js.map +0 -1
  376. package/dist/utils/browserId.d.ts +0 -9
  377. package/dist/utils/browserId.js +0 -29
  378. package/dist/utils/browserId.js.map +0 -1
  379. package/dist/utils/svg.d.ts +0 -15
  380. package/dist/utils/svg.js +0 -20
  381. package/dist/utils/svg.js.map +0 -1
  382. package/dist/utils/validateStyleDimension.d.ts +0 -2
  383. package/dist/utils/validateStyleDimension.js +0 -14
  384. package/dist/utils/validateStyleDimension.js.map +0 -1
  385. package/dist/utils/validateStyleDimension.test.d.ts +0 -1
  386. package/dist/utils/validateStyleDimension.test.js +0 -20
  387. package/dist/utils/validateStyleDimension.test.js.map +0 -1
@@ -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":";AAAA,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,EAAa,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAC1F,OAAO,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,MAAM,aAAa,GAAG,CACpB,QAAgB,EAChB,CAAqB,EACrB,UAAkB,EAClB,aAAqB,EACrB,YAAoB,EACpB,EAAE;IACF,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,QAAQ;YACX,OAAO;gBACL,IAAI,EAAE,GAAG,CAAC,IAAI;gBACd,GAAG,EAAE,GAAG,CAAC,UAAU,IAAI;aACxB,CAAC;QAEJ,KAAK,MAAM;YACT,OAAO;gBACL,IAAI,EAAE,GAAG,YAAY,GAAG,UAAU,IAAI;gBACtC,GAAG,EAAE,GAAG,aAAa,GAAG,CAAC,GAAG,UAAU,IAAI;aAC3C,CAAC;QACJ,KAAK,OAAO;YACV,OAAO;gBACL,IAAI,EAAE,GAAG,CAAC,UAAU,IAAI;gBACxB,GAAG,EAAE,GAAG,aAAa,GAAG,CAAC,GAAG,UAAU,IAAI;aAC3C,CAAC;QACJ,SAAS,SAAS;YAChB,OAAO;gBACL,IAAI,EAAE,GAAG,CAAC,IAAI;gBACd,GAAG,EAAE,GAAG,aAAa,GAAG,EAAE,GAAG,UAAU,IAAI;aAC5C,CAAC;IACN,CAAC;AACH,CAAC,CAAC;AAMF,MAAM,OAAO,GAA0C,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAClE,OAAO,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE;QAChC,uBAAuB,EAAE,EAAE,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;KAC9D,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,mGAAmG;AACnG,MAAM,eAAe,GAAG,GAAG,EAAE;IAC3B,OAAO,MAAM,CAAC,SAAS,CAAC,SAAS,KAAK,YAAY,IAAI,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;AAC1G,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,MAAM,IAAI,GAAiC,GAAG,EAAE;IACrD,MAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACvD,MAAM,aAAa,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC1D,MAAM,eAAe,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAErD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,6BAA6B,EAAE,gCAAgC,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAC;IACzG,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAqB,EAAE,CAAC,CAAC;IAC3E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEtD,qGAAqG;IACrG,eAAe,CACb,GAAG,EAAE;QACH,MAAM,eAAe,GAAG,aAAa,EAAE,OAAO,EAAE,qBAAqB,EAAE,CAAC;QAExE,IAAI,WAAW,EAAE,CAAC;YAChB,OAAO;QACT,CAAC;QAED,IACE,6BAA6B,EAAE,CAAC,KAAK,eAAe,EAAE,CAAC;YACvD,6BAA6B,EAAE,CAAC,KAAK,eAAe,EAAE,CAAC,EACvD,CAAC;YACD,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,EACD,GAAG,EACH,IAAI,CACL,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,CAAC,eAAe,EAAE,IAAI,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QAC/E,OAAO,GAAG,EAAE;YACV,CAAC,eAAe,EAAE,IAAI,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QAC/E,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE/C,MAAM,eAAe,GAAG,CAAC,OAA2B,EAAuB,EAAE;QAC3E,mDAAmD;QACnD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC;YACtC,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,OAAO,IAAI,CAAC;YACd,CAAC;YACD,IAAI,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;gBAC/B,OAAO,OAAO,CAAC,OAAO,CAAC;YACzB,CAAC;YACD,OAAO,GAAG,OAAO,EAAE,aAAa,CAAC;QACnC,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,CAAa,EAAQ,EAAE;QAC1C,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,YAAY,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QAClC,CAAC;QAED,sDAAsD;QACtD,MAAM,MAAM,GAAG,CAAC,CAAC,MAA+B,CAAC;QACjD,MAAM,OAAO,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC;QAExC,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,wBAAwB;YACxB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;YAC7B,OAAO;QACT,CAAC;QAED,aAAa,CAAC,OAAO,GAAG,MAAM,CAAC;QAC/B,MAAM,IAAI,GAAG,OAAO,CAAC,QAAQ,CAAC;QAE9B,IAAI,IAAI,EAAE,CAAC;YACT,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,SAAS,IAAI,GAAG,sBAAsB,EAAE,EAAE,EAAE,CAAC,CAAC;YAC7E,MAAM,SAAS,GAAG,OAAO,CAAC,aAAa,IAAI,KAAK,CAAC;YACjD,MAAM,MAAM,GAAG,OAAO,CAAC,UAAU,KAAK,MAAM,CAAC;YAC7C,MAAM,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC;YAElC,4BAA4B;YAC5B,SAAS,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAClC,WAAW,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;YACtD,CAAC,EAAE,KAAK,CAAC,CAAC;QACZ,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAClB,WAA+B,EAC/B,WAAmB,KAAK,EACxB,MAAe,EACf,UAA8B,EAC9B,KAAa,EACb,EAAE;QACF,IAAI,WAAW,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;YACzC,OAAO,CAAC,MAAM,CAAC,CAAC;YAChB,cAAc,CAAC,WAAW,CAAC,CAAC;YAC5B,gBAAgB,CAAC,UAAU,CAAC,CAAC;YAC7B,gCAAgC,CAAC,aAAa,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,CAAC;YAEhF,MAAM,eAAe,GAAG,GAAG,EAAE;gBAC3B,IAAI,UAAU,CAAC,OAAO,IAAI,aAAa,CAAC,OAAO,EAAE,CAAC;oBAChD,eAAe,CAAC,aAAa,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,EAAE;wBACzD,SAAS,EAAE,QAAqB;wBAChC,UAAU,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,eAAe,CAAC,OAAQ,EAAE,CAAC,CAAC;qBACtG,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,EAAE;wBAC9D,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,EAAE,KAAM,EAAE;4BACxC,IAAI,EAAE,GAAG,CAAC,IAAI;4BACd,GAAG,EAAE,GAAG,CAAC,IAAI;yBACd,CAAC,CAAC;wBACH,IAAI,cAAc,CAAC,KAAK,EAAE,CAAC;4BACzB,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,KAAK,CAAC;4BACtC,MAAM,UAAU,GAAG,eAAe,CAAC,OAAO,EAAE,YAAa,GAAG,CAAC,CAAC;4BAC9D,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,EAAE,YAAa,CAAC;4BACxD,MAAM,YAAY,GAAG,UAAU,CAAC,OAAO,EAAE,WAAY,CAAC;4BACtD,MAAM,KAAK,GAAG,aAAa,CAAC,cAAc,EAAE,CAAC,IAAI,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC;4BAC7F,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,OAAQ,CAAC,KAAM,EAAE,KAAK,CAAC,CAAC;wBACxD,CAAC;wBACD,OAAO,CAAC,IAAI,CAAC,CAAC;oBAChB,CAAC,CAAC,CAAC;gBACL,CAAC;YACH,CAAC,CAAC;YAEF,KAAK,GAAG,CAAC;gBACP,CAAC,CAAC,qBAAqB,CAAC,GAAG,EAAE;oBACzB,eAAe,EAAE,CAAC;gBACpB,CAAC,CAAC;gBACJ,CAAC,CAAC,eAAe,EAAE,CAAC;QACxB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,4BACE,eACE,YAAY,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,EACxC,YAAY,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,iBAC5B,aAAa,EAC1B,GAAG,EAAE,UAAU,EACf,SAAS,EACP,qGAAqG;gBACrG,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,qCAAqC,CAAC,aAE9D,IAAI,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,IAAI,EAAE,WAAW,GAAI,CAAC,CAAC,CAAC,WAAW,EACpD,cAAK,SAAS,EAAC,8DAA8D,EAAC,GAAG,EAAE,eAAe,GAAQ,IACtG,GACL,CACJ,CAAC;AACJ,CAAC,CAAC"}
@@ -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>;
@@ -1,34 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import '../styles.css';
3
- import { DEFAULT_TOOL_TIP_DELAY } 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 const Tooltip = ({ position = 'bottom', children, text, delay = DEFAULT_TOOL_TIP_DELAY, }) => {
14
- const arrowBaseClasses = 'before:tw-content-[\'\'] before:tw-absolute before:tw-border-8';
15
- const centerArrowVertically = 'before:tw-top-1/2 before:-tw-translate-y-1/2';
16
- const centerArrowHorizontally = 'before:tw-left-1/2 before:-tw-translate-x-1/2';
17
- const arrowRight = `${arrowBaseClasses} ${centerArrowVertically} before:tw-right-[100%] before:tw-border-y-transparent
18
- before:tw-border-l-transparent before:tw-border-r-black`;
19
- const arrowLeft = `${arrowBaseClasses} ${centerArrowVertically} before:tw-left-[100%] before:tw-border-y-transparent
20
- before:tw-border-l-black before:tw-border-r-transparent`;
21
- const arrowBottom = `${arrowBaseClasses} ${centerArrowHorizontally} before:-tw-top-4 before:tw-border-b-black
22
- before:tw-border-r-transparent before:tw-border-l-transparent before:tw-border-t-transparent`;
23
- const arrowTop = `${arrowBaseClasses} ${centerArrowHorizontally} before:-tw-bottom-4 before:tw-border-b-transparent
24
- before:tw-border-t-black before:tw-border-l-transparent before:tw-border-r-transparent`;
25
- const placements = {
26
- top: `-tw-top-2 -tw-translate-y-full tw-left-1/2 -tw-translate-x-1/2 ${arrowTop}`,
27
- left: `-tw-translate-x-full -tw-left-3 -tw-translate-y-1/2 tw-top-1/2 ${arrowLeft}`,
28
- right: `tw-translate-x-full -tw-right-3 -tw-translate-y-1/2 tw-top-1/2 ${arrowRight}`,
29
- bottom: `-tw-bottom-2 tw-translate-y-full tw-left-1/2 -tw-translate-x-1/2 ${arrowBottom}`,
30
- };
31
- return (_jsxs("div", { className: "tw-group tw-relative tw-inline-block", children: [children, _jsx("div", { className: `tw-z-50 tw-whitespace-nowrap tw-hidden group-hover:tw-inline-block group-hover:tw-delay-[${delay}ms]
32
- tw-absolute tw-opacity-0 group-hover:tw-opacity-100 tw-rounded tw-bg-black tw-p-2 tw-text-xs tw-text-white ${placements[position]}`, children: text })] }));
33
- };
34
- //# sourceMappingURL=Tooltip.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AACA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,sBAAsB,EAAgB,MAAM,iBAAiB,CAAC;AAEvE;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,OAAO,GAA0C,CAAC,EAC7D,QAAQ,GAAG,QAAQ,EACnB,QAAQ,EACR,IAAI,EACJ,KAAK,GAAG,sBAAsB,GAC/B,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,gEAAgE,CAAC;IAC1F,MAAM,qBAAqB,GAAG,8CAA8C,CAAC;IAC7E,MAAM,uBAAuB,GAAG,+CAA+C,CAAC;IAChF,MAAM,UAAU,GAAG,GAAG,gBAAgB,IAAI,qBAAqB;0DACP,CAAC;IAEzD,MAAM,SAAS,GAAG,GAAG,gBAAgB,IAAI,qBAAqB;2DACL,CAAC;IAE1D,MAAM,WAAW,GAAG,GAAG,gBAAgB,IAAI,uBAAuB;+FAC2B,CAAC;IAC9F,MAAM,QAAQ,GAAG,GAAG,gBAAgB,IAAI,uBAAuB;yFACwB,CAAC;IAExF,MAAM,UAAU,GAAG;QACjB,GAAG,EAAE,kEAAkE,QAAQ,EAAE;QACjF,IAAI,EAAE,kEAAkE,SAAS,EAAE;QACnF,KAAK,EAAE,kEAAkE,UAAU,EAAE;QACrF,MAAM,EAAE,oEAAoE,WAAW,EAAE;KAC1F,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,sCAAsC,aAClD,QAAQ,EACT,cACE,SAAS,EAAE,4FAA4F,KAAK;qHACC,UAAU,CAAC,QAAQ,CAAC,EAAE,YAClI,IAAI,GACD,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}
@@ -1,5 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- };
4
- export default _default;
5
- export declare const AllTooltips: () => import("react/jsx-runtime").JSX.Element;
@@ -1,15 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Tooltip } from './Tooltip';
3
- import Icon from '../Icon';
4
- import Button from '../Button';
5
- import { tooltipPositions } from './Tooltip.types';
6
- export default {
7
- title: 'Tooltip',
8
- };
9
- export const AllTooltips = () => {
10
- const renderButtonsWithTooltip = () => tooltipPositions.map((position) => (_jsx("div", { children: _jsx(Tooltip, { text: `Tooltip on the ${position}`, position: position, children: _jsx(Button, { label: position }) }) }, `${position}_button`)));
11
- const renderIconsWithHtmlTooltip = () => tooltipPositions.map((position) => (_jsx("div", { children: _jsx(Tooltip, { text: _jsxs("div", { children: [_jsx("h2", { children: "Fancy Tooltip" }), " This is a special tooltip. Why?", _jsx("br", {}), "Because it supports ", _jsx("b", { children: "HTML!" })] }), position: position, children: _jsx(Icon, { icon: "fc-sun" }) }) }, `${position}_icon`)));
12
- const renderTextTooltipOnText = () => tooltipPositions.map((position) => (_jsx("div", { children: _jsx(Tooltip, { text: "Helpful information provided here", position: position, children: _jsxs("span", { children: ["Hover for Tooltip (on the ", position, ")"] }) }) }, `${position}_text`)));
13
- return (_jsxs("div", { className: "tw-grid tw-grid-cols-4 tw-gap-4 tw-text-center", children: [renderButtonsWithTooltip(), renderIconsWithHtmlTooltip(), renderTextTooltipOnText()] }));
14
- };
15
- //# sourceMappingURL=Tooltip.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tooltip.stories.js","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEnD,eAAe;IACb,KAAK,EAAE,SAAS;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,wBAAwB,GAAG,GAAG,EAAE,CACpC,gBAAgB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACjC,wBACE,KAAC,OAAO,IAAC,IAAI,EAAE,kBAAkB,QAAQ,EAAE,EAAE,QAAQ,EAAE,QAAQ,YAC7D,KAAC,MAAM,IAAC,KAAK,EAAE,QAAQ,GAAI,GACnB,IAHF,GAAG,QAAQ,SAAS,CAIxB,CACP,CAAC,CAAC;IAEL,MAAM,0BAA0B,GAAG,GAAG,EAAE,CACtC,gBAAgB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACjC,wBACE,KAAC,OAAO,IACN,IAAI,EACF,0BACE,yCAAsB,sCACtB,cAAM,0BACc,gCAAY,IAC5B,EAER,QAAQ,EAAE,QAAQ,YAClB,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,GACd,IAXF,GAAG,QAAQ,OAAO,CAYtB,CACP,CAAC,CAAC;IAEL,MAAM,uBAAuB,GAAG,GAAG,EAAE,CACnC,gBAAgB,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACjC,wBACE,KAAC,OAAO,IAAC,IAAI,EAAC,mCAAmC,EAAC,QAAQ,EAAE,QAAQ,YAClE,yDAAiC,QAAQ,SAAS,GAC1C,IAHF,GAAG,QAAQ,OAAO,CAItB,CACP,CAAC,CAAC;IAEL,OAAO,CACL,eAAK,SAAS,EAAC,gDAAgD,aAC5D,wBAAwB,EAAE,EAC1B,0BAA0B,EAAE,EAC5B,uBAAuB,EAAE,IACtB,CACP,CAAC;AACJ,CAAC,CAAC"}
@@ -1,22 +0,0 @@
1
- export declare const DEFAULT_TOOL_TIP_DELAY = 500;
2
- export declare const tooltipPositions: readonly ["top", "left", "right", "bottom"];
3
- import React from 'react';
4
- export type TooltipPosition = (typeof tooltipPositions)[number];
5
- export interface TooltipProps {
6
- position?: TooltipPosition;
7
- children?: React.JSX.Element | string;
8
- text: React.JSX.Element | string;
9
- delay?: number;
10
- }
11
- export interface TooltipComponentProps {
12
- /** text to display on tooltip */
13
- tooltip?: string;
14
- /** number of milliseconds to wait before showing a tooltip on-hover */
15
- tooltipDelay?: number;
16
- /** one of four possible tooltip positions */
17
- tooltipPlacement?: TooltipPosition;
18
- /** true if the provided tooltip text should be rendered as HTML */
19
- isHtmlTooltip?: boolean;
20
- /** optional testId applied to the tooltip - useful for testing */
21
- tooltipTestId?: string;
22
- }
@@ -1,3 +0,0 @@
1
- export const DEFAULT_TOOL_TIP_DELAY = 500;
2
- export const tooltipPositions = ['top', 'left', 'right', 'bottom'];
3
- //# sourceMappingURL=Tooltip.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tooltip.types.js","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAC;AAC1C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAU,CAAC"}
@@ -1,5 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- };
4
- export default _default;
5
- export declare const TooltipPerformance: () => 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 { Tooltip } from './Tooltip';
3
- import Icon from '../Icon';
4
- export default {
5
- title: 'Tooltip',
6
- };
7
- const renderManyTooltips = () => {
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(Tooltip, { text: `hello there ${i}`, children: _jsx(Icon, { icon: "fc-sun" }) }) }, '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 TooltipPerformance = () => {
24
- return (_jsx(_Fragment, { children: _jsx("div", { className: "tw-grid tw-grid-cols-4 tw-gap-4 tw-text-center", children: renderManyTooltips() }) }));
25
- };
26
- //# sourceMappingURL=TooltipPerformance.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TooltipPerformance.stories.js","sourceRoot":"","sources":["../../src/Tooltip/TooltipPerformance.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,eAAe;IACb,KAAK,EAAE,SAAS;CACjB,CAAC;AAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,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,OAAO,IAAC,IAAI,EAAE,eAAe,CAAC,EAAE,YAC/B,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,GACd,IAHH,MAAM,GAAG,CAAC,GAAG,OAAO,GAAG,KAAK,CAIhC,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,kBAAkB,GAAG,GAAG,EAAE;IACrC,OAAO,CACL,4BACE,cAAK,SAAS,EAAC,gDAAgD,YAAE,kBAAkB,EAAE,GAAO,GAC3F,CACJ,CAAC;AACJ,CAAC,CAAC"}
@@ -1,2 +0,0 @@
1
- export { Tooltip } from './Tooltip';
2
- export { QTip } from './Qtip';
@@ -1,3 +0,0 @@
1
- export { Tooltip } from './Tooltip';
2
- export { QTip } from './Qtip';
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
@@ -1,3 +0,0 @@
1
- import { QTipDataAttributes } from './QTip.types';
2
- import { TooltipComponentProps } from './Tooltip.types';
3
- export declare const getQTipData: ({ tooltip, tooltipPlacement, isHtmlTooltip, tooltipTestId, tooltipDelay, }: TooltipComponentProps) => QTipDataAttributes | undefined;
@@ -1,11 +0,0 @@
1
- import { DEFAULT_TOOL_TIP_DELAY } from './Tooltip.types';
2
- export const getQTipData = ({ tooltip, tooltipPlacement, isHtmlTooltip, tooltipTestId, tooltipDelay = DEFAULT_TOOL_TIP_DELAY, }) => tooltip
3
- ? {
4
- 'data-qtip-text': tooltip,
5
- 'data-qtip-placement': tooltipPlacement,
6
- 'data-qtip-is-html': isHtmlTooltip,
7
- 'data-qtip-testid': tooltipTestId,
8
- 'data-qtip-delay': tooltipDelay,
9
- }
10
- : undefined;
11
- //# sourceMappingURL=qTip.utilities.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"qTip.utilities.js","sourceRoot":"","sources":["../../src/Tooltip/qTip.utilities.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAyB,MAAM,iBAAiB,CAAC;AAEhF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,OAAO,EACP,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,YAAY,GAAG,sBAAsB,GACf,EAAkC,EAAE,CAC1D,OAAO;IACL,CAAC,CAAC;QACE,gBAAgB,EAAE,OAAO;QACzB,qBAAqB,EAAE,gBAAgB;QACvC,mBAAmB,EAAE,aAAa;QAClC,kBAAkB,EAAE,aAAa;QACjC,iBAAiB,EAAE,YAAY;KAChC;IACH,CAAC,CAAC,SAAS,CAAC"}
package/dist/index.d.ts DELETED
@@ -1,46 +0,0 @@
1
- import Button from './Button';
2
- import ToolbarButton from './ToolbarButton';
3
- import TextField from './TextField';
4
- import Checkbox from './Checkbox';
5
- import TextArea from './TextArea';
6
- import { QTip, Tooltip } from './Tooltip';
7
- import Icon from './Icon';
8
- import Select from './Select';
9
- import { SelectCompoents } from './Select';
10
- import Modal from './Modal';
11
- import Tabs from './Tabs';
12
- import Accordion from './Accordion';
13
- import ButtonWithPopover from './ButtonWithPopover';
14
- import ButtonWithDropdown from './ButtonWithDropdown';
15
- import Alert from './Alert';
16
- import SeeqActionDropdown from './SeeqActionDropdown';
17
- import InputGroup from './InputGroup';
18
- import Collapse from './Collapse';
19
- import Slider from './Slider';
20
- import ProgressBar from './ProgressBar';
21
- import ButtonGroup from './ButtonGroup';
22
- import Carousel from './Carousel';
23
- export { Tabs };
24
- export { Button };
25
- export { ToolbarButton };
26
- export { TextField };
27
- export { TextArea };
28
- export { Tooltip };
29
- export { Checkbox };
30
- export { Icon };
31
- export { Select };
32
- export { SelectCompoents };
33
- export { QTip };
34
- export { Modal };
35
- export { Accordion };
36
- export { ButtonWithPopover };
37
- export { ButtonWithDropdown };
38
- export { Alert };
39
- export { SeeqActionDropdown };
40
- export { InputGroup };
41
- export { Collapse };
42
- export { Slider };
43
- export { ProgressBar };
44
- export { ButtonGroup };
45
- export { Carousel };
46
- export * from './types';
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,6 +0,0 @@
1
- // jest-dom adds custom jest matchers for asserting on DOM nodes.
2
- // allows you to do things like:
3
- // expect(element).toHaveTextContent(/react/i)
4
- // learn more: https://github.com/testing-library/jest-dom
5
- import '@testing-library/jest-dom';
6
- //# sourceMappingURL=setupTests.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"setupTests.js","sourceRoot":"","sources":["../src/setupTests.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,gCAAgC;AAChC,8CAA8C;AAC9C,0DAA0D;AAC1D,OAAO,2BAA2B,CAAC"}
package/dist/types.d.ts DELETED
@@ -1,27 +0,0 @@
1
- export type InputGroupPlacement = 'left' | 'right' | undefined;
2
- export type FormControlElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
3
- export * from './Accordion/Accordion.types';
4
- export * from './Alert/Alert.types';
5
- export * from './Button/Button.types';
6
- export * from './ButtonGroup/ButtonGroup.types';
7
- export * from './ButtonWithDropdown/ButtonWithDropdown.types';
8
- export * from './ButtonWithPopover/ButtonWithPopover.types';
9
- export * from './Carousel/Carousel.types';
10
- export * from './Checkbox/Checkbox.types';
11
- export * from './Collapse/Collapse.types';
12
- export * from './Icon/Icon.types';
13
- export * from './InputGroup/InputGroup.types';
14
- export * from './Modal/Modal.types';
15
- export * from './ProgressBar/ProgressBar.types';
16
- export * from './SeeqActionDropdown/SeeqActionDropdown.types';
17
- export * from './Select/Select.types';
18
- export * from './Slider/Slider.types';
19
- export * from './SvgIcon/SvgIcon.types';
20
- export * from './Tabs/Tabs.types';
21
- export * from './TextArea/TextArea.types';
22
- export * from './TextField/TextField.types';
23
- export * from './ToolbarButton/ToolbarButton.types';
24
- export * from './Tooltip/QTip.types';
25
- export * from './Tooltip/Tooltip.types';
26
- export type { ToolbarButtonVariant, ToolbarButtonProps } from './ToolbarButton/ToolbarButton.types';
27
- export { toolbarButtonVariants } from './ToolbarButton/ToolbarButton.types';
package/dist/types.js DELETED
@@ -1,26 +0,0 @@
1
- // Export all component types
2
- export * from './Accordion/Accordion.types';
3
- export * from './Alert/Alert.types';
4
- export * from './Button/Button.types';
5
- export * from './ButtonGroup/ButtonGroup.types';
6
- export * from './ButtonWithDropdown/ButtonWithDropdown.types';
7
- export * from './ButtonWithPopover/ButtonWithPopover.types';
8
- export * from './Carousel/Carousel.types';
9
- export * from './Checkbox/Checkbox.types';
10
- export * from './Collapse/Collapse.types';
11
- export * from './Icon/Icon.types';
12
- export * from './InputGroup/InputGroup.types';
13
- export * from './Modal/Modal.types';
14
- export * from './ProgressBar/ProgressBar.types';
15
- export * from './SeeqActionDropdown/SeeqActionDropdown.types';
16
- export * from './Select/Select.types';
17
- export * from './Slider/Slider.types';
18
- export * from './SvgIcon/SvgIcon.types';
19
- export * from './Tabs/Tabs.types';
20
- export * from './TextArea/TextArea.types';
21
- export * from './TextField/TextField.types';
22
- export * from './ToolbarButton/ToolbarButton.types';
23
- export * from './Tooltip/QTip.types';
24
- export * from './Tooltip/Tooltip.types';
25
- export { toolbarButtonVariants } from './ToolbarButton/ToolbarButton.types';
26
- //# sourceMappingURL=types.js.map
package/dist/types.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAGA,6BAA6B;AAC7B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,iCAAiC,CAAC;AAChD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qCAAqC,CAAC;AACpD,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AAIxC,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC"}
@@ -1,9 +0,0 @@
1
- /**
2
- * @exports the browser id (i.e., 'IE 11' 'Chrome 90')
3
- * @see http://stackoverflow.com/questions/2400935/browser-detection-in-javascript
4
- */
5
- export declare const browserId: string;
6
- export declare const browserName: string;
7
- export declare const browserVersion: number;
8
- export declare const browserIsFirefox: boolean;
9
- export declare const browserIsEdgeBeforeChromium: boolean;