@seeqdev/qomponents 0.0.177 → 0.0.179

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 (374) hide show
  1. package/dist/example/src/Example.tsx +7 -7
  2. package/dist/index.esm.js +34 -30
  3. package/dist/index.esm.js.map +1 -1
  4. package/dist/index.js +34 -30
  5. package/dist/index.js.map +1 -1
  6. package/dist/styles.css +114 -1
  7. package/package.json +2 -2
  8. package/dist/Accordion/Accordion.d.ts +0 -4
  9. package/dist/Accordion/Accordion.js +0 -7
  10. package/dist/Accordion/Accordion.js.map +0 -1
  11. package/dist/Accordion/Accordion.stories.d.ts +0 -5
  12. package/dist/Accordion/Accordion.stories.js +0 -75
  13. package/dist/Accordion/Accordion.stories.js.map +0 -1
  14. package/dist/Accordion/Accordion.test.d.ts +0 -1
  15. package/dist/Accordion/Accordion.test.js +0 -55
  16. package/dist/Accordion/Accordion.test.js.map +0 -1
  17. package/dist/Accordion/Accordion.types.d.ts +0 -86
  18. package/dist/Accordion/Accordion.types.js +0 -2
  19. package/dist/Accordion/Accordion.types.js.map +0 -1
  20. package/dist/Accordion/index.d.ts +0 -1
  21. package/dist/Accordion/index.js +0 -2
  22. package/dist/Accordion/index.js.map +0 -1
  23. package/dist/Alert/Alert.d.ts +0 -7
  24. package/dist/Alert/Alert.js +0 -34
  25. package/dist/Alert/Alert.js.map +0 -1
  26. package/dist/Alert/Alert.stories.d.ts +0 -6
  27. package/dist/Alert/Alert.stories.js +0 -65
  28. package/dist/Alert/Alert.stories.js.map +0 -1
  29. package/dist/Alert/Alert.test.d.ts +0 -1
  30. package/dist/Alert/Alert.test.js +0 -50
  31. package/dist/Alert/Alert.test.js.map +0 -1
  32. package/dist/Alert/Alert.types.d.ts +0 -62
  33. package/dist/Alert/Alert.types.js +0 -2
  34. package/dist/Alert/Alert.types.js.map +0 -1
  35. package/dist/Alert/index.d.ts +0 -1
  36. package/dist/Alert/index.js +0 -2
  37. package/dist/Alert/index.js.map +0 -1
  38. package/dist/Button/Button.d.ts +0 -10
  39. package/dist/Button/Button.js +0 -90
  40. package/dist/Button/Button.js.map +0 -1
  41. package/dist/Button/Button.stories.d.ts +0 -9
  42. package/dist/Button/Button.stories.js +0 -29
  43. package/dist/Button/Button.stories.js.map +0 -1
  44. package/dist/Button/Button.test.d.ts +0 -1
  45. package/dist/Button/Button.test.js +0 -47
  46. package/dist/Button/Button.test.js.map +0 -1
  47. package/dist/Button/Button.types.d.ts +0 -148
  48. package/dist/Button/Button.types.js +0 -5
  49. package/dist/Button/Button.types.js.map +0 -1
  50. package/dist/Button/index.d.ts +0 -1
  51. package/dist/Button/index.js +0 -2
  52. package/dist/Button/index.js.map +0 -1
  53. package/dist/ButtonGroup/ButtonGroup.d.ts +0 -7
  54. package/dist/ButtonGroup/ButtonGroup.js +0 -35
  55. package/dist/ButtonGroup/ButtonGroup.js.map +0 -1
  56. package/dist/ButtonGroup/ButtonGroup.stories.d.ts +0 -5
  57. package/dist/ButtonGroup/ButtonGroup.stories.js +0 -317
  58. package/dist/ButtonGroup/ButtonGroup.stories.js.map +0 -1
  59. package/dist/ButtonGroup/ButtonGroup.test.d.ts +0 -1
  60. package/dist/ButtonGroup/ButtonGroup.test.js +0 -66
  61. package/dist/ButtonGroup/ButtonGroup.test.js.map +0 -1
  62. package/dist/ButtonGroup/ButtonGroup.types.d.ts +0 -80
  63. package/dist/ButtonGroup/ButtonGroup.types.js +0 -2
  64. package/dist/ButtonGroup/ButtonGroup.types.js.map +0 -1
  65. package/dist/ButtonGroup/index.d.ts +0 -1
  66. package/dist/ButtonGroup/index.js +0 -2
  67. package/dist/ButtonGroup/index.js.map +0 -1
  68. package/dist/ButtonWithDropdown/ButtonWithDropdown.d.ts +0 -4
  69. package/dist/ButtonWithDropdown/ButtonWithDropdown.js +0 -36
  70. package/dist/ButtonWithDropdown/ButtonWithDropdown.js.map +0 -1
  71. package/dist/ButtonWithDropdown/ButtonWithDropdown.stories.d.ts +0 -5
  72. package/dist/ButtonWithDropdown/ButtonWithDropdown.stories.js +0 -104
  73. package/dist/ButtonWithDropdown/ButtonWithDropdown.stories.js.map +0 -1
  74. package/dist/ButtonWithDropdown/ButtonWithDropdown.test.d.ts +0 -1
  75. package/dist/ButtonWithDropdown/ButtonWithDropdown.test.js +0 -93
  76. package/dist/ButtonWithDropdown/ButtonWithDropdown.test.js.map +0 -1
  77. package/dist/ButtonWithDropdown/ButtonWithDropdown.types.d.ts +0 -232
  78. package/dist/ButtonWithDropdown/ButtonWithDropdown.types.js +0 -2
  79. package/dist/ButtonWithDropdown/ButtonWithDropdown.types.js.map +0 -1
  80. package/dist/ButtonWithDropdown/index.d.ts +0 -1
  81. package/dist/ButtonWithDropdown/index.js +0 -2
  82. package/dist/ButtonWithDropdown/index.js.map +0 -1
  83. package/dist/ButtonWithPopover/ButtonWithPopover.d.ts +0 -4
  84. package/dist/ButtonWithPopover/ButtonWithPopover.js +0 -55
  85. package/dist/ButtonWithPopover/ButtonWithPopover.js.map +0 -1
  86. package/dist/ButtonWithPopover/ButtonWithPopover.stories.d.ts +0 -5
  87. package/dist/ButtonWithPopover/ButtonWithPopover.stories.js +0 -25
  88. package/dist/ButtonWithPopover/ButtonWithPopover.stories.js.map +0 -1
  89. package/dist/ButtonWithPopover/ButtonWithPopover.test.d.ts +0 -1
  90. package/dist/ButtonWithPopover/ButtonWithPopover.test.js +0 -81
  91. package/dist/ButtonWithPopover/ButtonWithPopover.test.js.map +0 -1
  92. package/dist/ButtonWithPopover/ButtonWithPopover.types.d.ts +0 -134
  93. package/dist/ButtonWithPopover/ButtonWithPopover.types.js +0 -2
  94. package/dist/ButtonWithPopover/ButtonWithPopover.types.js.map +0 -1
  95. package/dist/ButtonWithPopover/index.d.ts +0 -1
  96. package/dist/ButtonWithPopover/index.js +0 -2
  97. package/dist/ButtonWithPopover/index.js.map +0 -1
  98. package/dist/Carousel/Carousel.d.ts +0 -9
  99. package/dist/Carousel/Carousel.js +0 -76
  100. package/dist/Carousel/Carousel.js.map +0 -1
  101. package/dist/Carousel/Carousel.stories.d.ts +0 -5
  102. package/dist/Carousel/Carousel.stories.js +0 -63
  103. package/dist/Carousel/Carousel.stories.js.map +0 -1
  104. package/dist/Carousel/Carousel.test.d.ts +0 -1
  105. package/dist/Carousel/Carousel.test.js +0 -48
  106. package/dist/Carousel/Carousel.test.js.map +0 -1
  107. package/dist/Carousel/Carousel.types.d.ts +0 -85
  108. package/dist/Carousel/Carousel.types.js +0 -2
  109. package/dist/Carousel/Carousel.types.js.map +0 -1
  110. package/dist/Carousel/index.d.ts +0 -1
  111. package/dist/Carousel/index.js +0 -2
  112. package/dist/Carousel/index.js.map +0 -1
  113. package/dist/Checkbox/Checkbox.d.ts +0 -7
  114. package/dist/Checkbox/Checkbox.js +0 -24
  115. package/dist/Checkbox/Checkbox.js.map +0 -1
  116. package/dist/Checkbox/Checkbox.stories.d.ts +0 -5
  117. package/dist/Checkbox/Checkbox.stories.js +0 -12
  118. package/dist/Checkbox/Checkbox.stories.js.map +0 -1
  119. package/dist/Checkbox/Checkbox.test.d.ts +0 -1
  120. package/dist/Checkbox/Checkbox.test.js +0 -94
  121. package/dist/Checkbox/Checkbox.test.js.map +0 -1
  122. package/dist/Checkbox/Checkbox.types.d.ts +0 -91
  123. package/dist/Checkbox/Checkbox.types.js +0 -2
  124. package/dist/Checkbox/Checkbox.types.js.map +0 -1
  125. package/dist/Checkbox/index.d.ts +0 -1
  126. package/dist/Checkbox/index.js +0 -2
  127. package/dist/Checkbox/index.js.map +0 -1
  128. package/dist/Collapse/Collapse.d.ts +0 -4
  129. package/dist/Collapse/Collapse.js +0 -17
  130. package/dist/Collapse/Collapse.js.map +0 -1
  131. package/dist/Collapse/Collapse.stories.d.ts +0 -5
  132. package/dist/Collapse/Collapse.stories.js +0 -15
  133. package/dist/Collapse/Collapse.stories.js.map +0 -1
  134. package/dist/Collapse/Collapse.test.d.ts +0 -1
  135. package/dist/Collapse/Collapse.test.js +0 -17
  136. package/dist/Collapse/Collapse.test.js.map +0 -1
  137. package/dist/Collapse/Collapse.types.d.ts +0 -18
  138. package/dist/Collapse/Collapse.types.js +0 -2
  139. package/dist/Collapse/Collapse.types.js.map +0 -1
  140. package/dist/Collapse/index.d.ts +0 -1
  141. package/dist/Collapse/index.js +0 -2
  142. package/dist/Collapse/index.js.map +0 -1
  143. package/dist/Icon/Icon.d.ts +0 -10
  144. package/dist/Icon/Icon.js +0 -56
  145. package/dist/Icon/Icon.js.map +0 -1
  146. package/dist/Icon/Icon.stories.d.ts +0 -5
  147. package/dist/Icon/Icon.stories.js +0 -15
  148. package/dist/Icon/Icon.stories.js.map +0 -1
  149. package/dist/Icon/Icon.test.d.ts +0 -1
  150. package/dist/Icon/Icon.test.js +0 -55
  151. package/dist/Icon/Icon.test.js.map +0 -1
  152. package/dist/Icon/Icon.types.d.ts +0 -90
  153. package/dist/Icon/Icon.types.js +0 -16
  154. package/dist/Icon/Icon.types.js.map +0 -1
  155. package/dist/Icon/index.d.ts +0 -1
  156. package/dist/Icon/index.js +0 -2
  157. package/dist/Icon/index.js.map +0 -1
  158. package/dist/InputGroup/InputGroup.d.ts +0 -7
  159. package/dist/InputGroup/InputGroup.js +0 -36
  160. package/dist/InputGroup/InputGroup.js.map +0 -1
  161. package/dist/InputGroup/InputGroup.stories.d.ts +0 -5
  162. package/dist/InputGroup/InputGroup.stories.js +0 -129
  163. package/dist/InputGroup/InputGroup.stories.js.map +0 -1
  164. package/dist/InputGroup/InputGroup.test.d.ts +0 -1
  165. package/dist/InputGroup/InputGroup.test.js +0 -42
  166. package/dist/InputGroup/InputGroup.test.js.map +0 -1
  167. package/dist/InputGroup/InputGroup.types.d.ts +0 -61
  168. package/dist/InputGroup/InputGroup.types.js +0 -2
  169. package/dist/InputGroup/InputGroup.types.js.map +0 -1
  170. package/dist/InputGroup/index.d.ts +0 -2
  171. package/dist/InputGroup/index.js +0 -2
  172. package/dist/InputGroup/index.js.map +0 -1
  173. package/dist/Modal/Modal.d.ts +0 -5
  174. package/dist/Modal/Modal.js +0 -76
  175. package/dist/Modal/Modal.js.map +0 -1
  176. package/dist/Modal/Modal.stories.d.ts +0 -10
  177. package/dist/Modal/Modal.stories.js +0 -44
  178. package/dist/Modal/Modal.stories.js.map +0 -1
  179. package/dist/Modal/Modal.test.d.ts +0 -1
  180. package/dist/Modal/Modal.test.js +0 -108
  181. package/dist/Modal/Modal.test.js.map +0 -1
  182. package/dist/Modal/Modal.types.d.ts +0 -244
  183. package/dist/Modal/Modal.types.js +0 -2
  184. package/dist/Modal/Modal.types.js.map +0 -1
  185. package/dist/Modal/index.d.ts +0 -1
  186. package/dist/Modal/index.js +0 -2
  187. package/dist/Modal/index.js.map +0 -1
  188. package/dist/ProgressBar/ProgressBar.d.ts +0 -4
  189. package/dist/ProgressBar/ProgressBar.js +0 -72
  190. package/dist/ProgressBar/ProgressBar.js.map +0 -1
  191. package/dist/ProgressBar/ProgressBar.stories.d.ts +0 -5
  192. package/dist/ProgressBar/ProgressBar.stories.js +0 -35
  193. package/dist/ProgressBar/ProgressBar.stories.js.map +0 -1
  194. package/dist/ProgressBar/ProgressBar.test.d.ts +0 -1
  195. package/dist/ProgressBar/ProgressBar.test.js +0 -43
  196. package/dist/ProgressBar/ProgressBar.test.js.map +0 -1
  197. package/dist/ProgressBar/ProgressBar.types.d.ts +0 -77
  198. package/dist/ProgressBar/ProgressBar.types.js +0 -2
  199. package/dist/ProgressBar/ProgressBar.types.js.map +0 -1
  200. package/dist/ProgressBar/index.d.ts +0 -1
  201. package/dist/ProgressBar/index.js +0 -2
  202. package/dist/ProgressBar/index.js.map +0 -1
  203. package/dist/SeeqActionDropdown/SeeqActionDropdown.d.ts +0 -4
  204. package/dist/SeeqActionDropdown/SeeqActionDropdown.js +0 -39
  205. package/dist/SeeqActionDropdown/SeeqActionDropdown.js.map +0 -1
  206. package/dist/SeeqActionDropdown/SeeqActionDropdown.stories.d.ts +0 -5
  207. package/dist/SeeqActionDropdown/SeeqActionDropdown.stories.js +0 -58
  208. package/dist/SeeqActionDropdown/SeeqActionDropdown.stories.js.map +0 -1
  209. package/dist/SeeqActionDropdown/SeeqActionDropdown.test.d.ts +0 -1
  210. package/dist/SeeqActionDropdown/SeeqActionDropdown.test.js +0 -73
  211. package/dist/SeeqActionDropdown/SeeqActionDropdown.test.js.map +0 -1
  212. package/dist/SeeqActionDropdown/SeeqActionDropdown.types.d.ts +0 -164
  213. package/dist/SeeqActionDropdown/SeeqActionDropdown.types.js +0 -2
  214. package/dist/SeeqActionDropdown/SeeqActionDropdown.types.js.map +0 -1
  215. package/dist/SeeqActionDropdown/index.d.ts +0 -1
  216. package/dist/SeeqActionDropdown/index.js +0 -2
  217. package/dist/SeeqActionDropdown/index.js.map +0 -1
  218. package/dist/SeeqActionDropdown/variants.d.ts +0 -5
  219. package/dist/SeeqActionDropdown/variants.js +0 -23
  220. package/dist/SeeqActionDropdown/variants.js.map +0 -1
  221. package/dist/Select/Select.d.ts +0 -15
  222. package/dist/Select/Select.js +0 -179
  223. package/dist/Select/Select.js.map +0 -1
  224. package/dist/Select/Select.stories.d.ts +0 -5
  225. package/dist/Select/Select.stories.js +0 -40
  226. package/dist/Select/Select.stories.js.map +0 -1
  227. package/dist/Select/Select.test.d.ts +0 -1
  228. package/dist/Select/Select.test.js +0 -175
  229. package/dist/Select/Select.test.js.map +0 -1
  230. package/dist/Select/Select.types.d.ts +0 -220
  231. package/dist/Select/Select.types.js +0 -2
  232. package/dist/Select/Select.types.js.map +0 -1
  233. package/dist/Select/index.d.ts +0 -2
  234. package/dist/Select/index.js +0 -3
  235. package/dist/Select/index.js.map +0 -1
  236. package/dist/Slider/Slider.d.ts +0 -6
  237. package/dist/Slider/Slider.js +0 -10
  238. package/dist/Slider/Slider.js.map +0 -1
  239. package/dist/Slider/Slider.stories.d.ts +0 -5
  240. package/dist/Slider/Slider.stories.js +0 -14
  241. package/dist/Slider/Slider.stories.js.map +0 -1
  242. package/dist/Slider/Slider.test.d.ts +0 -1
  243. package/dist/Slider/Slider.test.js +0 -32
  244. package/dist/Slider/Slider.test.js.map +0 -1
  245. package/dist/Slider/Slider.types.d.ts +0 -84
  246. package/dist/Slider/Slider.types.js +0 -2
  247. package/dist/Slider/Slider.types.js.map +0 -1
  248. package/dist/Slider/index.d.ts +0 -1
  249. package/dist/Slider/index.js +0 -2
  250. package/dist/Slider/index.js.map +0 -1
  251. package/dist/SvgIcon/SvgIcon.d.ts +0 -20
  252. package/dist/SvgIcon/SvgIcon.js +0 -28
  253. package/dist/SvgIcon/SvgIcon.js.map +0 -1
  254. package/dist/SvgIcon/SvgIcon.stories.d.ts +0 -5
  255. package/dist/SvgIcon/SvgIcon.stories.js +0 -18
  256. package/dist/SvgIcon/SvgIcon.stories.js.map +0 -1
  257. package/dist/SvgIcon/SvgIcon.test.d.ts +0 -1
  258. package/dist/SvgIcon/SvgIcon.test.js +0 -41
  259. package/dist/SvgIcon/SvgIcon.test.js.map +0 -1
  260. package/dist/SvgIcon/SvgIcon.types.d.ts +0 -75
  261. package/dist/SvgIcon/SvgIcon.types.js +0 -3
  262. package/dist/SvgIcon/SvgIcon.types.js.map +0 -1
  263. package/dist/SvgIcon/index.d.ts +0 -1
  264. package/dist/SvgIcon/index.js +0 -2
  265. package/dist/SvgIcon/index.js.map +0 -1
  266. package/dist/Tabs/Tabs.d.ts +0 -4
  267. package/dist/Tabs/Tabs.js +0 -17
  268. package/dist/Tabs/Tabs.js.map +0 -1
  269. package/dist/Tabs/Tabs.stories.d.ts +0 -5
  270. package/dist/Tabs/Tabs.stories.js +0 -73
  271. package/dist/Tabs/Tabs.stories.js.map +0 -1
  272. package/dist/Tabs/Tabs.test.d.ts +0 -1
  273. package/dist/Tabs/Tabs.test.js +0 -86
  274. package/dist/Tabs/Tabs.test.js.map +0 -1
  275. package/dist/Tabs/Tabs.types.d.ts +0 -100
  276. package/dist/Tabs/Tabs.types.js +0 -2
  277. package/dist/Tabs/Tabs.types.js.map +0 -1
  278. package/dist/Tabs/index.d.ts +0 -1
  279. package/dist/Tabs/index.js +0 -2
  280. package/dist/Tabs/index.js.map +0 -1
  281. package/dist/TextArea/TextArea.d.ts +0 -7
  282. package/dist/TextArea/TextArea.js +0 -55
  283. package/dist/TextArea/TextArea.js.map +0 -1
  284. package/dist/TextArea/TextArea.stories.d.ts +0 -5
  285. package/dist/TextArea/TextArea.stories.js +0 -10
  286. package/dist/TextArea/TextArea.stories.js.map +0 -1
  287. package/dist/TextArea/TextArea.test.d.ts +0 -1
  288. package/dist/TextArea/TextArea.test.js +0 -130
  289. package/dist/TextArea/TextArea.test.js.map +0 -1
  290. package/dist/TextArea/TextArea.types.d.ts +0 -115
  291. package/dist/TextArea/TextArea.types.js +0 -2
  292. package/dist/TextArea/TextArea.types.js.map +0 -1
  293. package/dist/TextArea/index.d.ts +0 -1
  294. package/dist/TextArea/index.js +0 -2
  295. package/dist/TextArea/index.js.map +0 -1
  296. package/dist/TextField/TextField.d.ts +0 -7
  297. package/dist/TextField/TextField.js +0 -85
  298. package/dist/TextField/TextField.js.map +0 -1
  299. package/dist/TextField/TextField.stories.d.ts +0 -5
  300. package/dist/TextField/TextField.stories.js +0 -11
  301. package/dist/TextField/TextField.stories.js.map +0 -1
  302. package/dist/TextField/TextField.test.d.ts +0 -1
  303. package/dist/TextField/TextField.test.js +0 -41
  304. package/dist/TextField/TextField.test.js.map +0 -1
  305. package/dist/TextField/TextField.types.d.ts +0 -198
  306. package/dist/TextField/TextField.types.js +0 -2
  307. package/dist/TextField/TextField.types.js.map +0 -1
  308. package/dist/TextField/index.d.ts +0 -1
  309. package/dist/TextField/index.js +0 -2
  310. package/dist/TextField/index.js.map +0 -1
  311. package/dist/ToolbarButton/ToolbarButton.d.ts +0 -3
  312. package/dist/ToolbarButton/ToolbarButton.js +0 -56
  313. package/dist/ToolbarButton/ToolbarButton.js.map +0 -1
  314. package/dist/ToolbarButton/ToolbarButton.stories.d.ts +0 -5
  315. package/dist/ToolbarButton/ToolbarButton.stories.js +0 -28
  316. package/dist/ToolbarButton/ToolbarButton.stories.js.map +0 -1
  317. package/dist/ToolbarButton/ToolbarButton.test.d.ts +0 -1
  318. package/dist/ToolbarButton/ToolbarButton.test.js +0 -85
  319. package/dist/ToolbarButton/ToolbarButton.test.js.map +0 -1
  320. package/dist/ToolbarButton/ToolbarButton.types.d.ts +0 -122
  321. package/dist/ToolbarButton/ToolbarButton.types.js +0 -2
  322. package/dist/ToolbarButton/ToolbarButton.types.js.map +0 -1
  323. package/dist/ToolbarButton/index.d.ts +0 -1
  324. package/dist/ToolbarButton/index.js +0 -2
  325. package/dist/ToolbarButton/index.js.map +0 -1
  326. package/dist/Tooltip/QTip.stories.d.ts +0 -5
  327. package/dist/Tooltip/QTip.stories.js +0 -19
  328. package/dist/Tooltip/QTip.stories.js.map +0 -1
  329. package/dist/Tooltip/QTip.types.d.ts +0 -13
  330. package/dist/Tooltip/QTip.types.js +0 -2
  331. package/dist/Tooltip/QTip.types.js.map +0 -1
  332. package/dist/Tooltip/QTipPerformance.stories.d.ts +0 -5
  333. package/dist/Tooltip/QTipPerformance.stories.js +0 -26
  334. package/dist/Tooltip/QTipPerformance.stories.js.map +0 -1
  335. package/dist/Tooltip/Qtip.d.ts +0 -26
  336. package/dist/Tooltip/Qtip.js +0 -168
  337. package/dist/Tooltip/Qtip.js.map +0 -1
  338. package/dist/Tooltip/Tooltip.d.ts +0 -13
  339. package/dist/Tooltip/Tooltip.js +0 -34
  340. package/dist/Tooltip/Tooltip.js.map +0 -1
  341. package/dist/Tooltip/Tooltip.stories.d.ts +0 -5
  342. package/dist/Tooltip/Tooltip.stories.js +0 -15
  343. package/dist/Tooltip/Tooltip.stories.js.map +0 -1
  344. package/dist/Tooltip/Tooltip.types.d.ts +0 -22
  345. package/dist/Tooltip/Tooltip.types.js +0 -3
  346. package/dist/Tooltip/Tooltip.types.js.map +0 -1
  347. package/dist/Tooltip/TooltipPerformance.stories.d.ts +0 -5
  348. package/dist/Tooltip/TooltipPerformance.stories.js +0 -26
  349. package/dist/Tooltip/TooltipPerformance.stories.js.map +0 -1
  350. package/dist/Tooltip/index.d.ts +0 -2
  351. package/dist/Tooltip/index.js +0 -3
  352. package/dist/Tooltip/index.js.map +0 -1
  353. package/dist/Tooltip/qTip.utilities.d.ts +0 -3
  354. package/dist/Tooltip/qTip.utilities.js +0 -11
  355. package/dist/Tooltip/qTip.utilities.js.map +0 -1
  356. package/dist/index.d.ts +0 -46
  357. package/dist/setupTests.d.ts +0 -1
  358. package/dist/setupTests.js +0 -6
  359. package/dist/setupTests.js.map +0 -1
  360. package/dist/types.d.ts +0 -27
  361. package/dist/types.js +0 -26
  362. package/dist/types.js.map +0 -1
  363. package/dist/utils/browserId.d.ts +0 -9
  364. package/dist/utils/browserId.js +0 -29
  365. package/dist/utils/browserId.js.map +0 -1
  366. package/dist/utils/svg.d.ts +0 -15
  367. package/dist/utils/svg.js +0 -20
  368. package/dist/utils/svg.js.map +0 -1
  369. package/dist/utils/validateStyleDimension.d.ts +0 -2
  370. package/dist/utils/validateStyleDimension.js +0 -14
  371. package/dist/utils/validateStyleDimension.js.map +0 -1
  372. package/dist/utils/validateStyleDimension.test.d.ts +0 -1
  373. package/dist/utils/validateStyleDimension.test.js +0 -20
  374. package/dist/utils/validateStyleDimension.test.js.map +0 -1
@@ -1,43 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { render, screen, waitFor } from '@testing-library/react';
3
- import ProgressBar from './ProgressBar';
4
- import userEvent from '@testing-library/user-event';
5
- describe('ProgressBar', () => {
6
- it('renders without crashing', () => {
7
- render(_jsx(ProgressBar, { values: [{ value: 50 }] }));
8
- const progressBar = screen.getByRole('progressbar');
9
- expect(progressBar).toBeInTheDocument();
10
- });
11
- it('displays the correct progress value', () => {
12
- render(_jsx(ProgressBar, { values: [{ value: 75 }] }));
13
- const progressBarIndicator = screen.getByRole('progressbar').firstChild;
14
- waitFor(() => {
15
- expect(progressBarIndicator).toHaveStyle('transform: translateX(-25%)');
16
- });
17
- });
18
- it('applies the correct max value', () => {
19
- render(_jsx(ProgressBar, { values: [{ value: 50 }], max: 200 }));
20
- const progressBar = screen.getByRole('progressbar');
21
- expect(progressBar).toHaveAttribute('data-max', '200');
22
- });
23
- it('displays the tooltip with the correct label', () => {
24
- render(_jsx(ProgressBar, { values: [{ value: 50, tooltip: 'Progress' }] }));
25
- userEvent.hover(screen.getByTestId('progress-bar-indicator-50'));
26
- waitFor(() => {
27
- expect(screen.getByText('Progress')).toBeInTheDocument();
28
- });
29
- });
30
- it('displays the no progress level for zero value', () => {
31
- render(_jsx(ProgressBar, { values: [{ value: 0, tooltip: '0%' }], zeroValueLabel: "No progress" }));
32
- waitFor(() => {
33
- expect(screen.getByText('No progress')).toBeInTheDocument();
34
- });
35
- });
36
- it('applies the multiple values of the Progress bar', () => {
37
- render(_jsx(ProgressBar, { values: [{ value: 20 }, { value: 15 }, { value: 40 }], max: 200 }));
38
- for (const val of [20, 15, 40]) {
39
- expect(screen.getByTestId(`progress-bar-indicator-${val}`)).toBeInTheDocument();
40
- }
41
- });
42
- });
43
- //# sourceMappingURL=ProgressBar.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProgressBar.test.js","sourceRoot":"","sources":["../../src/ProgressBar/ProgressBar.test.tsx"],"names":[],"mappings":"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"}
@@ -1,77 +0,0 @@
1
- import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
2
- /**
3
- * Props for individual progress indicators within a ProgressBar.
4
- * Each indicator represents a segment of the overall progress with its own value and styling.
5
- * Extends TooltipComponentProps to support tooltip functionality on individual indicators.
6
- */
7
- export interface ProgressIndicatorProps extends TooltipComponentProps {
8
- /**
9
- * Additional CSS classes to apply to this specific progress indicator.
10
- * Use this to customize the appearance of individual indicators within the progress bar.
11
- */
12
- extraClasses?: string;
13
- /**
14
- * Test ID attribute for this progress indicator used in automated testing.
15
- * Helps identify and interact with specific indicators in test suites.
16
- */
17
- testId?: string;
18
- /**
19
- * Current value of this progress indicator.
20
- * Should be between 0 and the progress bar's max value. The indicator's width
21
- * will be calculated as a percentage based on this value relative to the max.
22
- */
23
- value: number;
24
- /**
25
- * Custom color for this progress indicator.
26
- * Can be any valid CSS color value (hex, rgb, color names, etc.).
27
- * If not provided, uses the default theme color for progress indicators.
28
- */
29
- color?: string;
30
- /**
31
- * Text label to display on or next to this progress indicator.
32
- * Useful for showing the indicator's name, category, or current value.
33
- * Can be positioned and styled using labelClasses.
34
- */
35
- label?: string;
36
- /**
37
- * Additional CSS classes to apply specifically to the indicator's label.
38
- * Use this to customize the label's typography, positioning, or styling
39
- * independently from the indicator itself.
40
- */
41
- labelClasses?: string;
42
- }
43
- /**
44
- * Props for the ProgressBar component that displays one or more progress indicators.
45
- * Supports multiple indicators for showing different categories or segments of progress.
46
- */
47
- export interface ProgressBarProps {
48
- /**
49
- * Array of progress indicators to display within the progress bar.
50
- * Each indicator can have its own value, color, label, and styling.
51
- * Indicators are rendered in the order they appear in the array.
52
- */
53
- values: ProgressIndicatorProps[];
54
- /**
55
- * Maximum value for the progress bar scale.
56
- * All indicator values are calculated as percentages relative to this maximum.
57
- * Determines the full width (100%) of the progress bar.
58
- * @default 100
59
- */
60
- max?: number;
61
- /**
62
- * Additional CSS classes to apply to the progress bar container.
63
- * Use this to customize the overall appearance, spacing, or layout of the entire progress bar.
64
- */
65
- containerExtraClasses?: string;
66
- /**
67
- * Test ID attribute for the progress bar container used in automated testing.
68
- * Applied to the main container element for test targeting and interaction.
69
- */
70
- testId?: string;
71
- /**
72
- * Text label to display when all progress indicators have a value of zero.
73
- * Useful for providing context or instructions when no progress has been made.
74
- * Only shown when the total progress is zero.
75
- */
76
- zeroValueLabel?: string;
77
- }
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=ProgressBar.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProgressBar.types.js","sourceRoot":"","sources":["../../src/ProgressBar/ProgressBar.types.ts"],"names":[],"mappings":""}
@@ -1 +0,0 @@
1
- export { default } from './ProgressBar';
@@ -1,2 +0,0 @@
1
- export { default } from './ProgressBar';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ProgressBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}
@@ -1,4 +0,0 @@
1
- import * as React from 'react';
2
- import { SeeqActionDropdownProps } from './SeeqActionDropdown.types';
3
- declare const SeeqActionDropdown: React.FunctionComponent<SeeqActionDropdownProps>;
4
- export default SeeqActionDropdown;
@@ -1,39 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
3
- import { getQTipData } from '../Tooltip/qTip.utilities';
4
- import { InsertSeeqContent, SeeqActionDropdownItem, ViewWorkbench } from './variants';
5
- const borderStyles = [
6
- 'tw:border-solid',
7
- 'tw:border',
8
- 'tw:rounded-md',
9
- 'tw:border-sq-disabled-gray',
10
- 'tw:dark:border-gray-500',
11
- ].join(' ');
12
- const bgStyles = ['tw:bg-sq-white', 'tw:dark:bg-sq-dark-background'].join(' ');
13
- const disabledClasses = ['tw:opacity-50', 'tw:cursor-not-allowed'].join(' ');
14
- const renderItem = (variant, item) => {
15
- switch (variant) {
16
- case 'create-workbench':
17
- return _jsx(SeeqActionDropdownItem, { ...item });
18
- case 'view-workbench':
19
- return _jsx(ViewWorkbench, { ...item });
20
- case 'insert-seeq-content':
21
- return _jsx(InsertSeeqContent, { ...item });
22
- default:
23
- return _jsx(SeeqActionDropdownItem, { ...item });
24
- }
25
- };
26
- const SeeqActionDropdown = ({ seeqActionDropdownItems, trigger, id, extraClassNames, containerTestId, disabled = false, align = 'end', placement = 'bottom', placementOffset = 5, alignOffset = -35, hasArrow = false, onOpenChange, isOpen, setFocusOnTriggerOnClose = true, keepFocusInsideDropdown = true, variant, ...tooltipProps }) => {
27
- const tooltipData = getQTipData(tooltipProps);
28
- return (_jsxs(DropdownMenu.Root, { defaultOpen: false, open: isOpen, onOpenChange: onOpenChange, modal: keepFocusInsideDropdown, children: [_jsx(DropdownMenu.Trigger, { id: id, "data-testid": id, className: `tw:border-none tw:focus-visible:outline-none tw:focus:outline-none tw:focus-within:outline-none`, asChild: true, disabled: disabled, children: _jsx("div", { ...tooltipData, className: `tw:bg-transparent tw:flex tw:flex-col tw:items-center tw:focus-visible:outline-none tw:focus:outline-none tw:focus-within:outline-none ${disabled ? disabledClasses : ''} ${extraClassNames || ''}`, children: trigger }) }), _jsx(DropdownMenu.Content, { sideOffset: placementOffset, side: placement, align: align, alignOffset: alignOffset, asChild: true, onCloseAutoFocus: (e) => !setFocusOnTriggerOnClose && e.preventDefault(), className: "tw:focus-visible:outline-none tw:outline-none", children: _jsxs("div", { "data-testid": containerTestId, className: bgStyles +
29
- ' tw:relative tw:z-[1200] tw:min-w-6 tw:py-2 tw:focus-visible:outline-none tw:outline-none' +
30
- ' tw:data-[state=open]:animate-in tw:data-[state=closed]:animate-out' +
31
- ' forceFont tw:data-[side=top]:animate-slideDownAndFade tw:data-[side=right]:animate-slideLeftAndFade tw:data-[side=bottom]:animate-slideUpAndFade tw:data-[side=left]:animate-slideRightAndFade ' +
32
- borderStyles, children: [hasArrow && (_jsx(DropdownMenu.Arrow, { asChild: true, children: _jsx("div", { className: " tw:fill-transparent tw:bg-sq-white tw:w-sq-15 tw:h-sq-15 tw:rotate-45 tw:dark:bg-sq-dark-background tw:border-b tw:border-r tw:border-sq-disabled-gray tw:dark:border-gray-500 tw:-mt-sq-7" }) })), seeqActionDropdownItems.map((item, index) => {
33
- return (_jsxs("div", { children: [_jsx(DropdownMenu.Item, { onSelect: (e) => {
34
- item.action(e);
35
- }, className: `tw:cursor-pointer tw:flex tw:dark:text-sq-white tw:hover:bg-sq-gray-highlight tw:dark:hover:bg-sq-gray-highlight-dark tw:relative tw:select-none tw:outline-none tw:data-[disabled]:text-sq-disabled-gray tw:data-[disabled]:pointer-events-none`, "data-testid": item.testId, disabled: !item.enabled, children: renderItem(variant, item) }), item.divider && (_jsx(DropdownMenu.Separator, { "data-testid": `dropdown-divider-${index}`, className: "tw:h-px tw:bg-sq-disabled-gray tw:dark:bg-gray-500 tw:my-2" }))] }, item.display + index));
36
- })] }) })] }));
37
- };
38
- export default SeeqActionDropdown;
39
- //# sourceMappingURL=SeeqActionDropdown.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SeeqActionDropdown.js","sourceRoot":"","sources":["../../src/SeeqActionDropdown/SeeqActionDropdown.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- };
4
- export default _default;
5
- export declare const AllSeeqActionDropdownVariants: () => import("react/jsx-runtime").JSX.Element;
@@ -1,58 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import React from 'react';
3
- import { QTip } from '../Tooltip/Qtip';
4
- import Button from '../Button/Button';
5
- import SeeqActionDropdown from './SeeqActionDropdown';
6
- export default {
7
- title: 'Seeq Action Dropdown',
8
- };
9
- const options = [
10
- {
11
- display: 'New Workbook',
12
- text: 'This is a workbook to show details about your data. You can make changes to your account',
13
- icon: 'fc-analysis',
14
- id: 'newWorkbook',
15
- enabled: true,
16
- iconExtraClassNames: 'workbenchDisplay',
17
- iconContainerExtraClassNames: 'tw:!bg-sq-success',
18
- action: () => { },
19
- },
20
- {
21
- display: 'New Report Binder',
22
- text: 'This is a data tab to show details about your data. You can make changes to your account',
23
- icon: 'fc-report',
24
- enabled: true,
25
- action: () => { },
26
- iconContainerExtraClassNames: 'tw:!bg-red-500',
27
- id: 'newReportBinder',
28
- },
29
- {
30
- display: 'New Datalab',
31
- text: 'This is a data tab to show details about your data. You can make changes to your account',
32
- icon: 'fc-seeq-datalab',
33
- id: 'newDataLab',
34
- enabled: false,
35
- action: () => { },
36
- divider: true,
37
- },
38
- {
39
- display: 'Folder',
40
- icon: 'fc-folder',
41
- action: () => { },
42
- id: 'newFolder',
43
- },
44
- {
45
- display: 'SvgIcon',
46
- icon: 'svgpath:M0 8.8153a8.8153 8.8153 90 1117.6306 0A8.8153 8.8153 90 110 8.8153zM9.9172 3.3057a1.1019 1.1019' +
47
- ' 90 10-2.2038 0 1.1019 1.1019 90 102.2038 0zM8.8153 14.3249c1.2155 0 2.2038-.9883 2.2038-2.2038 0-.5992-.2376-1.1398-.6233-1.5358L12.6031 5.5681c.1825-.4167-.0069-.9056-.4235-1.0881s-.9056.0069-1.0881.4235L8.8807 9.9172c-.0207 0-.0448 0-.0654 0-1.2155 0-2.2038.9883-2.2038 2.2038s.9883 2.2038 2.2038 2.2038zM6.0605 4.9586a1.1019 1.1019 90 10-2.2038 0 1.1019 1.1019 90 102.2038 0zM3.3057 9.9172a1.1019 1.1019 90 100-2.2038 1.1019 1.1019 90 100 2.2038zm12.121-1.1019a1.1019 1.1019 90 10-2.2038 0 1.1019 1.1019 90 102.2038 0z',
48
- action: () => { },
49
- id: 'svgIcon',
50
- },
51
- ];
52
- export const AllSeeqActionDropdownVariants = () => {
53
- const [openDropdown, setOpenDropdown] = React.useState('');
54
- const allSeeqActionDropdowns = (color, isDark) => (_jsxs("div", { className: isDark ? 'tw-dark tw:bg-sq-dark-background' : '', children: [_jsx("div", { className: "tw:p-5 ", children: _jsx(SeeqActionDropdown, { trigger: _jsx(Button, { label: "New", icon: "fa-plus", variant: "theme" }), "data-testid": "homeScreenNewButton", id: "seeqActionDropdownItem", align: "start", alignOffset: 0, placementOffset: 0, variant: "create-workbench", seeqActionDropdownItems: options }, "seeqActionDropdownItem") }), _jsxs("div", { className: "tw:p-5 ", children: [_jsx("div", { className: "tw:dark:text-sq-white tw:text-xs", children: "New workbench with arrow" }), _jsx(SeeqActionDropdown, { trigger: _jsx(Button, { label: "New", icon: "fa-plus", variant: "theme" }), "data-testid": "homeScreenNewButton", id: "seeqActionDropdownItem", align: "start", alignOffset: 0, hasArrow: true, variant: "create-workbench", placementOffset: 0, seeqActionDropdownItems: options }, "seeqActionDropdownItem")] }), _jsxs("div", { className: "tw:p-5 ", children: [_jsx("div", { className: "tw:dark:text-sq-white tw:text-xs", children: "New workbench with center align" }), _jsx(SeeqActionDropdown, { trigger: _jsx(Button, { label: "New", icon: "fa-plus", variant: "theme" }), "data-testid": "homeScreenNewButton", id: "seeqActionDropdownItem", align: "center", alignOffset: 0, hasArrow: true, variant: "create-workbench", placementOffset: 0, seeqActionDropdownItems: options }, "seeqActionDropdownItem")] }), _jsxs("div", { className: "tw:p-5 ", children: [_jsx("div", { className: "tw:dark:text-sq-white tw:text-xs", children: "New workbench with disabled button" }), _jsx(SeeqActionDropdown, { trigger: _jsx(Button, { label: "New", icon: "fa-plus", variant: "theme" }), "data-testid": "homeScreenNewButton", id: "seeqActionDropdownItem", align: "center", disabled: true, variant: "create-workbench", alignOffset: 0, hasArrow: true, placementOffset: 0, seeqActionDropdownItems: options }, "seeqActionDropdownItem")] }), _jsxs("div", { className: "tw:p-5 ", children: [_jsx("div", { className: "tw:dark:text-sq-white tw:text-xs", children: "View workbench" }), _jsx(SeeqActionDropdown, { trigger: _jsx(Button, { label: "View", icon: "fa-plus", variant: "theme" }), "data-testid": "homeScreenNewButton", id: "seeqActionDropdownItem", align: "center", variant: "view-workbench", alignOffset: 0, placementOffset: 0, seeqActionDropdownItems: options }, "seeqActionDropdownItem")] }), _jsxs("div", { className: "tw:p-5 ", children: [_jsx("div", { className: "tw:dark:text-sq-white tw:text-xs", children: "Insert seeq content" }), _jsx(SeeqActionDropdown, { trigger: _jsx(Button, { label: "Insert", icon: "fc-plus", variant: "theme" }), "data-testid": "homeScreenNewButton", id: "seeqActionDropdownItem", align: "center", variant: "insert-seeq-content", alignOffset: 0, placementOffset: 0, seeqActionDropdownItems: options }, "seeqActionDropdownItem")] })] }));
55
- const renderAllVariations = (color) => (_jsxs("div", { className: "tw:grid tw:grid-cols-2 tw:gap-4 tw:p-4", children: [allSeeqActionDropdowns(color), allSeeqActionDropdowns(color, true)] }));
56
- return (_jsxs("div", { className: "tw:grid tw:grid-cols-4 tw:gap-4", children: [_jsx(QTip, {}), _jsxs("div", { className: "color_topic", children: [_jsx("b", { children: "Topic Colors" }), renderAllVariations('topic')] }), _jsxs("div", { className: "color_analysis", children: [_jsx("b", { children: "Analysis Colors" }), renderAllVariations('analysis')] }), _jsxs("div", { className: "color_datalab", children: [_jsx("b", { children: "Datalab Colors" }), renderAllVariations('datalab')] }), _jsxs("div", { className: "color_vantage", children: [_jsx("b", { children: "Vantage Colors" }), renderAllVariations('vantage')] })] }));
57
- };
58
- //# sourceMappingURL=SeeqActionDropdown.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SeeqActionDropdown.stories.js","sourceRoot":"","sources":["../../src/SeeqActionDropdown/SeeqActionDropdown.stories.tsx"],"names":[],"mappings":"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"}
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom';
@@ -1,73 +0,0 @@
1
- import { jsx as _jsx } 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 Icon from '../Icon';
6
- import SeeqActionDropdown from './SeeqActionDropdown';
7
- describe('SeeqActionDropdown', () => {
8
- const mockOnClick = jest.fn();
9
- const testId = 'trigger-icon';
10
- class Context {
11
- props = {
12
- trigger: (_jsx(Icon, { icon: "fc-more", type: "text", testId: testId, extraClassNames: "tw:text-sq-text-color tw:dark:text-sq-white tw:w-4.5" })),
13
- containerTestId: 'basic-dropdown1',
14
- tooltip: 'This is a small dropdown.',
15
- tooltipDelay: 0,
16
- tooltipPlacement: 'top',
17
- variant: 'create-workbench',
18
- isHtmlTooltip: false,
19
- seeqActionDropdownItems: [
20
- { display: 'Orange', icon: 'fc-data-file', action: mockOnClick, enabled: true },
21
- { display: 'Mango', icon: 'fc-user-community', action: mockOnClick, enabled: true },
22
- { display: 'Guava', icon: 'fc-user-community', action: mockOnClick },
23
- { display: 'Banana', icon: 'fc-user-community', action: mockOnClick },
24
- ],
25
- };
26
- }
27
- let tc;
28
- beforeEach(() => {
29
- tc = new Context();
30
- jest.clearAllMocks();
31
- });
32
- const renderSeeqActionDropdown = (props) => render(_jsx(SeeqActionDropdown, { ...props }));
33
- const openDropdown = async () => {
34
- const popover = screen.getByTestId(testId);
35
- await userEvent.click(popover);
36
- };
37
- test('renders trigger and opens dropdown content on trigger click', async () => {
38
- renderSeeqActionDropdown(tc.props);
39
- expect(screen.getByTestId('trigger-icon')).toBeInTheDocument();
40
- await openDropdown();
41
- expect(screen.getByText('Orange')).toBeInTheDocument();
42
- });
43
- test('renders dividers correctly', async () => {
44
- tc.props.seeqActionDropdownItems[1].divider = true;
45
- renderSeeqActionDropdown(tc.props);
46
- expect(screen.getByTestId('trigger-icon')).toBeInTheDocument();
47
- await openDropdown();
48
- expect(screen.getByText('Orange')).toBeInTheDocument();
49
- expect(screen.getByTestId('dropdown-divider-1')).toBeInTheDocument();
50
- });
51
- test('calls onClick handler when dropdown item is selected', async () => {
52
- renderSeeqActionDropdown(tc.props);
53
- await openDropdown();
54
- const item1 = screen.getByText('Orange');
55
- await userEvent.click(item1);
56
- expect(mockOnClick).toHaveBeenCalledTimes(1);
57
- });
58
- test('closes dropdown when item is clicked', async () => {
59
- renderSeeqActionDropdown(tc.props);
60
- await openDropdown();
61
- const item1 = screen.getByText('Orange');
62
- await userEvent.click(item1);
63
- expect(mockOnClick).toHaveBeenCalledTimes(1);
64
- expect(screen.queryByText('Orange')).not.toBeInTheDocument();
65
- });
66
- test('does not open when disabled', async () => {
67
- tc.props.disabled = true;
68
- renderSeeqActionDropdown(tc.props);
69
- await openDropdown();
70
- expect(screen.queryByText('Orange')).not.toBeInTheDocument();
71
- });
72
- });
73
- //# sourceMappingURL=SeeqActionDropdown.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SeeqActionDropdown.test.js","sourceRoot":"","sources":["../../src/SeeqActionDropdown/SeeqActionDropdown.test.tsx"],"names":[],"mappings":"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"}
@@ -1,164 +0,0 @@
1
- import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
2
- /**
3
- * Interface for individual action items within a SeeqActionDropdown.
4
- * Each item represents a clickable action with optional icon, text, and divider.
5
- */
6
- export interface SeeqActionDropdownItems {
7
- /**
8
- * HTML ID attribute for the dropdown item element.
9
- * Should be unique for proper HTML semantics and accessibility.
10
- */
11
- id?: string;
12
- /**
13
- * Icon class name to display next to the item label.
14
- * Typically uses FontAwesome classes (e.g., 'fc-zoom', 'fc-delete').
15
- * Provides visual context for the action.
16
- */
17
- icon?: string;
18
- /**
19
- * Additional CSS classes to apply to the icon element.
20
- * Use this to customize icon appearance beyond standard styling.
21
- */
22
- iconExtraClassNames?: string;
23
- /**
24
- * Additional CSS classes to apply to the dropdown icon container.
25
- * Use this to customize the icon's appearance beyond default Seeq styling.
26
- */
27
- iconContainerExtraClassNames?: string;
28
- /**
29
- * Main display text for the dropdown item.
30
- * This is the primary text that users see and click on to trigger the action.
31
- */
32
- display: string;
33
- /**
34
- * Callback function triggered when the dropdown item is clicked.
35
- * Use this to define the specific action that should occur when users select this item.
36
- */
37
- action: (e?: Event) => void;
38
- /**
39
- * When true, the item is clickable and interactive.
40
- * When false, the item appears disabled and doesn't respond to clicks.
41
- * @default true
42
- */
43
- enabled?: boolean;
44
- /**
45
- * When true, displays a visual divider line below this dropdown item.
46
- * Useful for grouping related items or separating different sections of actions.
47
- */
48
- divider?: boolean;
49
- /**
50
- * Test ID attribute for the dropdown item used in automated testing.
51
- * Helps identify and interact with specific action items in test suites.
52
- */
53
- testId?: string;
54
- /**
55
- * Secondary descriptive text displayed below the main display text.
56
- * Provides additional context or explanation about what the action does.
57
- */
58
- text?: string;
59
- }
60
- /**
61
- * Props for the SeeqActionDropdown component that creates specialized Seeq-branded action menus.
62
- * Extends TooltipComponentProps to support tooltip functionality on the trigger.
63
- */
64
- export interface SeeqActionDropdownProps extends TooltipComponentProps {
65
- /**
66
- * Array of action items to display in the dropdown menu.
67
- * Each item represents a specific action users can perform, with icons and descriptions.
68
- */
69
- seeqActionDropdownItems: SeeqActionDropdownItems[];
70
- /**
71
- * React element to use as the clickable trigger for the dropdown.
72
- * Typically a button, icon, or text element that users click to open the action menu.
73
- */
74
- trigger: React.ReactNode;
75
- /**
76
- * HTML ID attribute for the dropdown trigger element.
77
- * Should be unique across the page for proper HTML semantics and accessibility.
78
- */
79
- id?: string;
80
- /**
81
- * Additional CSS classes to apply to the dropdown container.
82
- * Use this to customize the dropdown's appearance beyond default Seeq styling.
83
- */
84
- extraClassNames?: string;
85
- /**
86
- * Test ID attribute for the dropdown container element used in automated testing.
87
- * Applied to the main container that wraps both trigger and dropdown content.
88
- */
89
- containerTestId?: string;
90
- /**
91
- * When true, disables the dropdown trigger preventing user interaction.
92
- * Disabled triggers appear visually dimmed and don't open the dropdown when clicked.
93
- */
94
- disabled?: boolean;
95
- /**
96
- * Callback function triggered when the trigger is clicked.
97
- * Primarily used for tracking or analytics purposes. Note: this doesn't control
98
- * dropdown opening, which is handled separately.
99
- */
100
- onClick?: (e: MouseEvent) => void;
101
- /**
102
- * Horizontal alignment of the dropdown content relative to the trigger:
103
- * - `start`: Aligns to the left edge of the trigger
104
- * - `center`: Centers the dropdown on the trigger
105
- * - `end`: Aligns to the right edge of the trigger
106
- */
107
- align?: 'start' | 'center' | 'end';
108
- /**
109
- * Numeric offset in pixels from the aligned position.
110
- * Positive values move the dropdown further from the trigger in the align direction.
111
- */
112
- alignOffset?: number;
113
- /**
114
- * Position of the dropdown relative to the trigger element:
115
- * - `top`: Dropdown appears above the trigger
116
- * - `bottom`: Dropdown appears below the trigger
117
- * - `left`: Dropdown appears to the left of the trigger
118
- * - `right`: Dropdown appears to the right of the trigger
119
- */
120
- placement?: 'top' | 'bottom' | 'left' | 'right';
121
- /**
122
- * Numeric offset in pixels from the placement position.
123
- * Positive values move the dropdown further away from the trigger.
124
- */
125
- placementOffset?: number;
126
- /**
127
- * When true, displays a visual arrow pointing from the dropdown to the trigger.
128
- * Helps users understand the relationship between trigger and dropdown content.
129
- */
130
- hasArrow?: boolean;
131
- /**
132
- * Controls whether the dropdown is currently open and visible.
133
- * Use this for controlled dropdown behavior where you manage open state externally.
134
- */
135
- isOpen?: boolean;
136
- /**
137
- * Callback function triggered when the dropdown open state changes.
138
- * Receives the new open state as a boolean parameter. Use this to sync with external state.
139
- */
140
- onOpenChange?: (isOpen: boolean) => void;
141
- /**
142
- * When true, automatically focuses the trigger button when the dropdown closes.
143
- * Improves keyboard navigation and accessibility by returning focus to the trigger.
144
- */
145
- setFocusOnTriggerOnClose?: boolean;
146
- /**
147
- * When true, automatically closes the dropdown when any content inside it is clicked.
148
- * Useful for action dropdowns where selecting an option should close the dropdown.
149
- */
150
- isCloseOnContentClick?: boolean;
151
- /**
152
- * When true, traps keyboard focus within the dropdown when it's open.
153
- * Prevents users from tabbing outside the dropdown, improving accessibility.
154
- */
155
- keepFocusInsideDropdown?: boolean;
156
- /**
157
- * Predefined variant that determines the dropdown's styling and behavior:
158
- * - `create-workbench`: For workbench creation actions
159
- * - `view-workbench`: For workbench viewing and management actions
160
- * - `insert-seeq-content`: For inserting Seeq-specific content and objects
161
- * Each variant has specific styling and may filter available actions.
162
- */
163
- variant: 'create-workbench' | 'view-workbench' | 'insert-seeq-content';
164
- }
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=SeeqActionDropdown.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SeeqActionDropdown.types.js","sourceRoot":"","sources":["../../src/SeeqActionDropdown/SeeqActionDropdown.types.ts"],"names":[],"mappings":""}
@@ -1 +0,0 @@
1
- export { default } from './SeeqActionDropdown';
@@ -1,2 +0,0 @@
1
- export { default } from './SeeqActionDropdown';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/SeeqActionDropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC"}
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import { SeeqActionDropdownItems } from './SeeqActionDropdown.types';
3
- export declare const SeeqActionDropdownItem: React.FC<SeeqActionDropdownItems>;
4
- export declare const ViewWorkbench: React.FC<SeeqActionDropdownItems>;
5
- export declare const InsertSeeqContent: React.FC<SeeqActionDropdownItems>;
@@ -1,23 +0,0 @@
1
- import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import Icon from '../Icon/Icon';
3
- import { isSvgIcon } from '../utils/svg';
4
- import SvgIcon from '../SvgIcon/SvgIcon';
5
- import classNames from 'classnames';
6
- export const SeeqActionDropdownItem = (item) => {
7
- let renderIcon = _jsx(_Fragment, {});
8
- if (item.icon) {
9
- renderIcon = isSvgIcon(item.icon) ? (_jsx(SvgIcon, { icon: item.icon, extraClassNames: item.iconExtraClassNames + 'tw:p-1 tw:h-8 tw:w-8 tw:dark:text-sq-white tw:!text-5.5 tw:text-sq-white', ...item })) : (_jsx(Icon, { icon: item.icon, type: "text", extraClassNames: 'tw:dark:text-sq-white tw:!text-5.5 tw:text-sq-white ' + item.iconExtraClassNames }));
10
- }
11
- return (_jsxs("div", { className: "tw:flex-col tw:flex tw:p-2.5 tw:pl-5 tw:w-150", children: [_jsxs("div", { className: "tw:flex tw:flex-row tw:gap-2 tw:items-end", children: [_jsx("div", { className: classNames('tw:rounded-[0.1875rem] tw:h-8 tw:w-8 tw:bg-sq-theme-dark tw:flex tw:justify-center tw:items-center ', item.iconContainerExtraClassNames), children: renderIcon }), _jsx("h4", { className: "tw:text-base tw:font-[600] tw:leading-5 mb-0", children: item.display })] }), _jsx("div", { className: "tw:text-sq-13 tw:font-normal", children: item.text })] }));
12
- };
13
- export const ViewWorkbench = (item) => {
14
- let renderIcon = _jsx(_Fragment, {});
15
- if (item.icon) {
16
- renderIcon = isSvgIcon(item.icon) ? (_jsx(SvgIcon, { icon: item.icon, extraClassNames: 'tw:w-4 tw:text-5 tw:dark:text-sq-white' + ' tw:text-sq-text-color ' + item.iconExtraClassNames, type: "default", ...item })) : (_jsx(Icon, { icon: item.icon, type: "text", extraClassNames: 'tw:text-5 tw:dark:text-sq-white tw:text-sq-text-color ' + item.iconExtraClassNames }));
17
- }
18
- return (_jsx("div", { className: "tw:flex-col tw:flex tw:p-2.5", children: _jsxs("div", { className: "tw:flex tw:flex-row tw:gap-2 tw:items-end", children: [_jsx("div", { className: "tw:rounded-[0.1875rem] tw:h-5 tw:w-5 tw:flex tw:justify-center tw:items-center ", children: renderIcon }), _jsx("div", { className: "tw:text-sq-13", children: item.display })] }) }));
19
- };
20
- export const InsertSeeqContent = (item) => {
21
- return (_jsxs("div", { className: "tw:flex-col tw:flex tw:justify-start tw:p-2.5 tw:font-normal tw:text-left tw:text-sq-text-color tw:dark:text-sq-dark-text", children: [_jsx("h5", { className: "tw:text-4 tw:font-medium tw:text-sq-theme-dark tw:leading-4.5", children: item.display }), _jsx("div", { className: "tw:text-sq-13 tw:text-sq-text-color tw:dark:text-sq-dark-text tw:!mt-1", children: item.text })] }));
22
- };
23
- //# sourceMappingURL=variants.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"variants.js","sourceRoot":"","sources":["../../src/SeeqActionDropdown/variants.tsx"],"names":[],"mappings":";AAEA,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,CAAC,MAAM,sBAAsB,GAAsC,CAAC,IAAI,EAAE,EAAE;IAChF,IAAI,UAAU,GAAG,mBAAK,CAAC;IACvB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QACd,UAAU,GAAG,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAClC,KAAC,OAAO,IACN,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,eAAe,EACb,IAAI,CAAC,mBAAmB,GAAG,0EAA0E,KAEnG,IAAI,GACR,CACH,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,MAAM,EACX,eAAe,EAAE,sDAAsD,GAAG,IAAI,CAAC,mBAAmB,GAClG,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,+CAA+C,aAC5D,eAAK,SAAS,EAAC,2CAA2C,aACxD,cACE,SAAS,EAAE,UAAU,CACnB,qGAAqG,EACrG,IAAI,CAAC,4BAA4B,CAClC,YACA,UAAU,GACP,EACN,aAAI,SAAS,EAAC,8CAA8C,YAAE,IAAI,CAAC,OAAO,GAAM,IAC5E,EACN,cAAK,SAAS,EAAC,8BAA8B,YAAE,IAAI,CAAC,IAAI,GAAO,IAC3D,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAsC,CAAC,IAAI,EAAE,EAAE;IACvE,IAAI,UAAU,GAAG,mBAAK,CAAC;IACvB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QACd,UAAU,GAAG,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAClC,KAAC,OAAO,IACN,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,eAAe,EACb,wCAAwC,GAAG,yBAAyB,GAAG,IAAI,CAAC,mBAAmB,EAEjG,IAAI,EAAC,SAAS,KACV,IAAI,GACR,CACH,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,MAAM,EACX,eAAe,EAAE,wDAAwD,GAAG,IAAI,CAAC,mBAAmB,GACpG,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAC,8BAA8B,YAC3C,eAAK,SAAS,EAAC,2CAA2C,aACxD,cAAK,SAAS,EAAC,iFAAiF,YAC7F,UAAU,GACP,EACN,cAAK,SAAS,EAAC,eAAe,YAAE,IAAI,CAAC,OAAO,GAAO,IAC/C,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAsC,CAAC,IAAI,EAAE,EAAE;IAC3E,OAAO,CACL,eAAK,SAAS,EAAC,2HAA2H,aACxI,aAAI,SAAS,EAAC,+DAA+D,YAAE,IAAI,CAAC,OAAO,GAAM,EACjG,cAAK,SAAS,EAAC,wEAAwE,YAAE,IAAI,CAAC,IAAI,GAAO,IACrG,CACP,CAAC;AACJ,CAAC,CAAC"}
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- import { SelectProps } from './Select.types';
3
- import '../styles.css';
4
- import { MultiValue as MV, SingleValue as SV } from 'react-select';
5
- export type MultiValue<T> = MV<T>;
6
- export type SingleValue<T> = SV<T>;
7
- /**
8
- * Select Component
9
- * - based on react-select (https://react-select.com/)
10
- *
11
- * For ease of testing most of the elements of this select can be identified by classNames prefixed with "spec".
12
- *
13
- */
14
- declare const Select: React.FunctionComponent<SelectProps>;
15
- export default Select;