@seeqdev/qomponents 0.0.155-react-19-v10 → 0.0.155

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 (304) hide show
  1. package/README.md +135 -135
  2. package/dist/Accordion/Accordion.stories.d.ts +1 -2
  3. package/dist/Alert/Alert.stories.d.ts +1 -2
  4. package/dist/Alert/Alert.types.d.ts +0 -1
  5. package/dist/Button/Button.stories.d.ts +4 -5
  6. package/dist/Button/Button.types.d.ts +1 -1
  7. package/dist/ButtonGroup/ButtonGroup.stories.d.ts +1 -2
  8. package/dist/ButtonGroup/ButtonGroup.types.d.ts +0 -1
  9. package/dist/ButtonWithDropdown/ButtonWithDropdown.stories.d.ts +1 -2
  10. package/dist/ButtonWithDropdown/ButtonWithDropdown.types.d.ts +0 -1
  11. package/dist/ButtonWithPopover/ButtonWithPopover.stories.d.ts +1 -2
  12. package/dist/Carousel/Carousel.stories.d.ts +1 -2
  13. package/dist/Carousel/Carousel.types.d.ts +0 -1
  14. package/dist/Checkbox/Checkbox.stories.d.ts +1 -2
  15. package/dist/Checkbox/Checkbox.types.d.ts +0 -1
  16. package/dist/Collapse/Collapse.stories.d.ts +1 -2
  17. package/dist/Collapse/Collapse.types.d.ts +0 -1
  18. package/dist/Icon/Icon.stories.d.ts +1 -2
  19. package/dist/Icon/Icon.types.d.ts +0 -1
  20. package/dist/InputGroup/InputGroup.stories.d.ts +1 -2
  21. package/dist/InputGroup/InputGroup.types.d.ts +0 -1
  22. package/dist/ProgressBar/ProgressBar.stories.d.ts +3 -2
  23. package/dist/ProgressBar/ProgressBar.types.d.ts +10 -0
  24. package/dist/ProgressBar/index.d.ts +1 -0
  25. package/dist/SeeqActionDropdown/SeeqActionDropdown.stories.d.ts +1 -2
  26. package/dist/SeeqActionDropdown/SeeqActionDropdown.types.d.ts +0 -1
  27. package/dist/Select/Select.stories.d.ts +1 -2
  28. package/dist/Slider/Slider.stories.d.ts +1 -2
  29. package/dist/Slider/Slider.types.d.ts +0 -1
  30. package/dist/SvgIcon/SvgIcon.stories.d.ts +1 -2
  31. package/dist/SvgIcon/SvgIcon.types.d.ts +0 -1
  32. package/dist/Tabs/Tabs.stories.d.ts +1 -2
  33. package/dist/Tabs/Tabs.types.d.ts +1 -2
  34. package/dist/TextArea/TextArea.stories.d.ts +1 -2
  35. package/dist/TextArea/TextArea.types.d.ts +0 -1
  36. package/dist/TextField/TextField.stories.d.ts +1 -2
  37. package/dist/TextField/TextField.types.d.ts +0 -1
  38. package/dist/ToolbarButton/ToolbarButton.stories.d.ts +1 -2
  39. package/dist/Tooltip/QTip.stories.d.ts +1 -2
  40. package/dist/Tooltip/QTipPerformance.stories.d.ts +1 -2
  41. package/dist/Tooltip/Tooltip.stories.d.ts +1 -2
  42. package/dist/Tooltip/Tooltip.types.d.ts +2 -3
  43. package/dist/Tooltip/TooltipPerformance.stories.d.ts +1 -2
  44. package/dist/example/.eslintrc.cjs +14 -14
  45. package/dist/example/README.md +33 -33
  46. package/dist/example/index.html +13 -13
  47. package/dist/example/package.json +30 -30
  48. package/dist/example/src/ComplexSelectExample.tsx +81 -81
  49. package/dist/example/src/Example.tsx +408 -408
  50. package/dist/example/src/index.css +102 -102
  51. package/dist/example/src/main.tsx +10 -10
  52. package/dist/example/src/vite-env.d.ts +1 -1
  53. package/dist/example/tsconfig.json +33 -33
  54. package/dist/example/tsconfig.node.json +12 -12
  55. package/dist/example/vite.config.ts +12 -12
  56. package/dist/index.d.ts +1 -0
  57. package/dist/index.esm.js +7896 -14347
  58. package/dist/index.esm.js.map +1 -1
  59. package/dist/index.js +7889 -14340
  60. package/dist/index.js.map +1 -1
  61. package/dist/styles.css +4006 -3819
  62. package/package.json +88 -91
  63. package/dist/Accordion/Accordion.js +0 -9
  64. package/dist/Accordion/Accordion.js.map +0 -1
  65. package/dist/Accordion/Accordion.stories.js +0 -115
  66. package/dist/Accordion/Accordion.stories.js.map +0 -1
  67. package/dist/Accordion/Accordion.test.js +0 -55
  68. package/dist/Accordion/Accordion.test.js.map +0 -1
  69. package/dist/Accordion/Accordion.types.js +0 -2
  70. package/dist/Accordion/Accordion.types.js.map +0 -1
  71. package/dist/Accordion/index.js +0 -2
  72. package/dist/Accordion/index.js.map +0 -1
  73. package/dist/Alert/Alert.js +0 -34
  74. package/dist/Alert/Alert.js.map +0 -1
  75. package/dist/Alert/Alert.stories.js +0 -52
  76. package/dist/Alert/Alert.stories.js.map +0 -1
  77. package/dist/Alert/Alert.test.js +0 -51
  78. package/dist/Alert/Alert.test.js.map +0 -1
  79. package/dist/Alert/Alert.types.js +0 -2
  80. package/dist/Alert/Alert.types.js.map +0 -1
  81. package/dist/Alert/index.js +0 -2
  82. package/dist/Alert/index.js.map +0 -1
  83. package/dist/Button/Button.js +0 -92
  84. package/dist/Button/Button.js.map +0 -1
  85. package/dist/Button/Button.stories.js +0 -100
  86. package/dist/Button/Button.stories.js.map +0 -1
  87. package/dist/Button/Button.test.js +0 -49
  88. package/dist/Button/Button.test.js.map +0 -1
  89. package/dist/Button/Button.types.js +0 -5
  90. package/dist/Button/Button.types.js.map +0 -1
  91. package/dist/Button/index.js +0 -2
  92. package/dist/Button/index.js.map +0 -1
  93. package/dist/ButtonGroup/ButtonGroup.js +0 -35
  94. package/dist/ButtonGroup/ButtonGroup.js.map +0 -1
  95. package/dist/ButtonGroup/ButtonGroup.stories.js +0 -385
  96. package/dist/ButtonGroup/ButtonGroup.stories.js.map +0 -1
  97. package/dist/ButtonGroup/ButtonGroup.test.js +0 -67
  98. package/dist/ButtonGroup/ButtonGroup.test.js.map +0 -1
  99. package/dist/ButtonGroup/ButtonGroup.types.js +0 -2
  100. package/dist/ButtonGroup/ButtonGroup.types.js.map +0 -1
  101. package/dist/ButtonGroup/index.js +0 -2
  102. package/dist/ButtonGroup/index.js.map +0 -1
  103. package/dist/ButtonWithDropdown/ButtonWithDropdown.js +0 -60
  104. package/dist/ButtonWithDropdown/ButtonWithDropdown.js.map +0 -1
  105. package/dist/ButtonWithDropdown/ButtonWithDropdown.stories.js +0 -143
  106. package/dist/ButtonWithDropdown/ButtonWithDropdown.stories.js.map +0 -1
  107. package/dist/ButtonWithDropdown/ButtonWithDropdown.test.js +0 -93
  108. package/dist/ButtonWithDropdown/ButtonWithDropdown.test.js.map +0 -1
  109. package/dist/ButtonWithDropdown/ButtonWithDropdown.types.js +0 -2
  110. package/dist/ButtonWithDropdown/ButtonWithDropdown.types.js.map +0 -1
  111. package/dist/ButtonWithDropdown/index.js +0 -2
  112. package/dist/ButtonWithDropdown/index.js.map +0 -1
  113. package/dist/ButtonWithPopover/ButtonWithPopover.js +0 -62
  114. package/dist/ButtonWithPopover/ButtonWithPopover.js.map +0 -1
  115. package/dist/ButtonWithPopover/ButtonWithPopover.stories.js +0 -75
  116. package/dist/ButtonWithPopover/ButtonWithPopover.stories.js.map +0 -1
  117. package/dist/ButtonWithPopover/ButtonWithPopover.test.js +0 -82
  118. package/dist/ButtonWithPopover/ButtonWithPopover.test.js.map +0 -1
  119. package/dist/ButtonWithPopover/ButtonWithPopover.types.js +0 -2
  120. package/dist/ButtonWithPopover/ButtonWithPopover.types.js.map +0 -1
  121. package/dist/ButtonWithPopover/index.js +0 -2
  122. package/dist/ButtonWithPopover/index.js.map +0 -1
  123. package/dist/Carousel/Carousel.js +0 -70
  124. package/dist/Carousel/Carousel.js.map +0 -1
  125. package/dist/Carousel/Carousel.stories.js +0 -115
  126. package/dist/Carousel/Carousel.stories.js.map +0 -1
  127. package/dist/Carousel/Carousel.test.js +0 -48
  128. package/dist/Carousel/Carousel.test.js.map +0 -1
  129. package/dist/Carousel/Carousel.types.js +0 -2
  130. package/dist/Carousel/Carousel.types.js.map +0 -1
  131. package/dist/Carousel/index.js +0 -2
  132. package/dist/Carousel/index.js.map +0 -1
  133. package/dist/Checkbox/Checkbox.js +0 -26
  134. package/dist/Checkbox/Checkbox.js.map +0 -1
  135. package/dist/Checkbox/Checkbox.stories.js +0 -34
  136. package/dist/Checkbox/Checkbox.stories.js.map +0 -1
  137. package/dist/Checkbox/Checkbox.test.js +0 -94
  138. package/dist/Checkbox/Checkbox.test.js.map +0 -1
  139. package/dist/Checkbox/Checkbox.types.js +0 -2
  140. package/dist/Checkbox/Checkbox.types.js.map +0 -1
  141. package/dist/Checkbox/index.js +0 -2
  142. package/dist/Checkbox/index.js.map +0 -1
  143. package/dist/Collapse/Collapse.js +0 -15
  144. package/dist/Collapse/Collapse.js.map +0 -1
  145. package/dist/Collapse/Collapse.stories.js +0 -37
  146. package/dist/Collapse/Collapse.stories.js.map +0 -1
  147. package/dist/Collapse/Collapse.test.js +0 -19
  148. package/dist/Collapse/Collapse.test.js.map +0 -1
  149. package/dist/Collapse/Collapse.types.js +0 -2
  150. package/dist/Collapse/Collapse.types.js.map +0 -1
  151. package/dist/Collapse/index.js +0 -2
  152. package/dist/Collapse/index.js.map +0 -1
  153. package/dist/Icon/Icon.js +0 -55
  154. package/dist/Icon/Icon.js.map +0 -1
  155. package/dist/Icon/Icon.stories.js +0 -49
  156. package/dist/Icon/Icon.stories.js.map +0 -1
  157. package/dist/Icon/Icon.test.js +0 -55
  158. package/dist/Icon/Icon.test.js.map +0 -1
  159. package/dist/Icon/Icon.types.js +0 -16
  160. package/dist/Icon/Icon.types.js.map +0 -1
  161. package/dist/Icon/index.js +0 -2
  162. package/dist/Icon/index.js.map +0 -1
  163. package/dist/InputGroup/InputGroup.js +0 -35
  164. package/dist/InputGroup/InputGroup.js.map +0 -1
  165. package/dist/InputGroup/InputGroup.stories.js +0 -176
  166. package/dist/InputGroup/InputGroup.stories.js.map +0 -1
  167. package/dist/InputGroup/InputGroup.test.js +0 -43
  168. package/dist/InputGroup/InputGroup.test.js.map +0 -1
  169. package/dist/InputGroup/InputGroup.types.js +0 -2
  170. package/dist/InputGroup/InputGroup.types.js.map +0 -1
  171. package/dist/InputGroup/index.js +0 -2
  172. package/dist/InputGroup/index.js.map +0 -1
  173. package/dist/Modal/Modal.js +0 -102
  174. package/dist/Modal/Modal.js.map +0 -1
  175. package/dist/Modal/Modal.stories.js +0 -127
  176. package/dist/Modal/Modal.stories.js.map +0 -1
  177. package/dist/Modal/Modal.test.js +0 -108
  178. package/dist/Modal/Modal.test.js.map +0 -1
  179. package/dist/Modal/Modal.types.js +0 -2
  180. package/dist/Modal/Modal.types.js.map +0 -1
  181. package/dist/Modal/index.js +0 -2
  182. package/dist/Modal/index.js.map +0 -1
  183. package/dist/ProgressBar/ProgressBar.js +0 -70
  184. package/dist/ProgressBar/ProgressBar.js.map +0 -1
  185. package/dist/ProgressBar/ProgressBar.stories.js +0 -83
  186. package/dist/ProgressBar/ProgressBar.stories.js.map +0 -1
  187. package/dist/ProgressBar/ProgressBar.test.js +0 -44
  188. package/dist/ProgressBar/ProgressBar.test.js.map +0 -1
  189. package/dist/ProgressBar/ProgressBar.types.js +0 -2
  190. package/dist/ProgressBar/ProgressBar.types.js.map +0 -1
  191. package/dist/ProgressBar/index.js +0 -2
  192. package/dist/ProgressBar/index.js.map +0 -1
  193. package/dist/SeeqActionDropdown/SeeqActionDropdown.js +0 -48
  194. package/dist/SeeqActionDropdown/SeeqActionDropdown.js.map +0 -1
  195. package/dist/SeeqActionDropdown/SeeqActionDropdown.stories.js +0 -87
  196. package/dist/SeeqActionDropdown/SeeqActionDropdown.stories.js.map +0 -1
  197. package/dist/SeeqActionDropdown/SeeqActionDropdown.test.js +0 -73
  198. package/dist/SeeqActionDropdown/SeeqActionDropdown.test.js.map +0 -1
  199. package/dist/SeeqActionDropdown/SeeqActionDropdown.types.js +0 -2
  200. package/dist/SeeqActionDropdown/SeeqActionDropdown.types.js.map +0 -1
  201. package/dist/SeeqActionDropdown/index.js +0 -2
  202. package/dist/SeeqActionDropdown/index.js.map +0 -1
  203. package/dist/SeeqActionDropdown/variants.js +0 -38
  204. package/dist/SeeqActionDropdown/variants.js.map +0 -1
  205. package/dist/Select/Select.js +0 -177
  206. package/dist/Select/Select.js.map +0 -1
  207. package/dist/Select/Select.stories.js +0 -82
  208. package/dist/Select/Select.stories.js.map +0 -1
  209. package/dist/Select/Select.test.js +0 -182
  210. package/dist/Select/Select.test.js.map +0 -1
  211. package/dist/Select/Select.types.js +0 -2
  212. package/dist/Select/Select.types.js.map +0 -1
  213. package/dist/Select/index.js +0 -3
  214. package/dist/Select/index.js.map +0 -1
  215. package/dist/Slider/Slider.js +0 -13
  216. package/dist/Slider/Slider.js.map +0 -1
  217. package/dist/Slider/Slider.stories.js +0 -58
  218. package/dist/Slider/Slider.stories.js.map +0 -1
  219. package/dist/Slider/Slider.test.js +0 -33
  220. package/dist/Slider/Slider.test.js.map +0 -1
  221. package/dist/Slider/Slider.types.js +0 -2
  222. package/dist/Slider/Slider.types.js.map +0 -1
  223. package/dist/Slider/index.js +0 -2
  224. package/dist/Slider/index.js.map +0 -1
  225. package/dist/SvgIcon/SvgIcon.js +0 -30
  226. package/dist/SvgIcon/SvgIcon.js.map +0 -1
  227. package/dist/SvgIcon/SvgIcon.stories.js +0 -42
  228. package/dist/SvgIcon/SvgIcon.stories.js.map +0 -1
  229. package/dist/SvgIcon/SvgIcon.test.js +0 -41
  230. package/dist/SvgIcon/SvgIcon.test.js.map +0 -1
  231. package/dist/SvgIcon/SvgIcon.types.js +0 -6
  232. package/dist/SvgIcon/SvgIcon.types.js.map +0 -1
  233. package/dist/SvgIcon/index.js +0 -2
  234. package/dist/SvgIcon/index.js.map +0 -1
  235. package/dist/Tabs/Tabs.js +0 -22
  236. package/dist/Tabs/Tabs.js.map +0 -1
  237. package/dist/Tabs/Tabs.stories.js +0 -91
  238. package/dist/Tabs/Tabs.stories.js.map +0 -1
  239. package/dist/Tabs/Tabs.test.js +0 -91
  240. package/dist/Tabs/Tabs.test.js.map +0 -1
  241. package/dist/Tabs/Tabs.types.js +0 -2
  242. package/dist/Tabs/Tabs.types.js.map +0 -1
  243. package/dist/Tabs/index.js +0 -2
  244. package/dist/Tabs/index.js.map +0 -1
  245. package/dist/TextArea/TextArea.js +0 -25
  246. package/dist/TextArea/TextArea.js.map +0 -1
  247. package/dist/TextArea/TextArea.stories.js +0 -46
  248. package/dist/TextArea/TextArea.stories.js.map +0 -1
  249. package/dist/TextArea/TextArea.test.js +0 -68
  250. package/dist/TextArea/TextArea.test.js.map +0 -1
  251. package/dist/TextArea/TextArea.types.js +0 -2
  252. package/dist/TextArea/TextArea.types.js.map +0 -1
  253. package/dist/TextArea/index.js +0 -2
  254. package/dist/TextArea/index.js.map +0 -1
  255. package/dist/TextField/TextField.js +0 -86
  256. package/dist/TextField/TextField.js.map +0 -1
  257. package/dist/TextField/TextField.stories.js +0 -70
  258. package/dist/TextField/TextField.stories.js.map +0 -1
  259. package/dist/TextField/TextField.test.js +0 -41
  260. package/dist/TextField/TextField.test.js.map +0 -1
  261. package/dist/TextField/TextField.types.js +0 -2
  262. package/dist/TextField/TextField.types.js.map +0 -1
  263. package/dist/TextField/index.js +0 -2
  264. package/dist/TextField/index.js.map +0 -1
  265. package/dist/ToolbarButton/ToolbarButton.js +0 -69
  266. package/dist/ToolbarButton/ToolbarButton.js.map +0 -1
  267. package/dist/ToolbarButton/ToolbarButton.stories.js +0 -97
  268. package/dist/ToolbarButton/ToolbarButton.stories.js.map +0 -1
  269. package/dist/ToolbarButton/ToolbarButton.test.js +0 -93
  270. package/dist/ToolbarButton/ToolbarButton.test.js.map +0 -1
  271. package/dist/ToolbarButton/ToolbarButton.types.js +0 -2
  272. package/dist/ToolbarButton/ToolbarButton.types.js.map +0 -1
  273. package/dist/ToolbarButton/index.js +0 -2
  274. package/dist/ToolbarButton/index.js.map +0 -1
  275. package/dist/Tooltip/QTip.stories.js +0 -45
  276. package/dist/Tooltip/QTip.stories.js.map +0 -1
  277. package/dist/Tooltip/QTip.types.js +0 -2
  278. package/dist/Tooltip/QTip.types.js.map +0 -1
  279. package/dist/Tooltip/QTipPerformance.stories.js +0 -30
  280. package/dist/Tooltip/QTipPerformance.stories.js.map +0 -1
  281. package/dist/Tooltip/Qtip.js +0 -170
  282. package/dist/Tooltip/Qtip.js.map +0 -1
  283. package/dist/Tooltip/Tooltip.js +0 -36
  284. package/dist/Tooltip/Tooltip.js.map +0 -1
  285. package/dist/Tooltip/Tooltip.stories.js +0 -32
  286. package/dist/Tooltip/Tooltip.stories.js.map +0 -1
  287. package/dist/Tooltip/Tooltip.types.js +0 -3
  288. package/dist/Tooltip/Tooltip.types.js.map +0 -1
  289. package/dist/Tooltip/TooltipPerformance.stories.js +0 -30
  290. package/dist/Tooltip/TooltipPerformance.stories.js.map +0 -1
  291. package/dist/Tooltip/index.js +0 -3
  292. package/dist/Tooltip/index.js.map +0 -1
  293. package/dist/Tooltip/qTip.utilities.js +0 -11
  294. package/dist/Tooltip/qTip.utilities.js.map +0 -1
  295. package/dist/types.js +0 -2
  296. package/dist/types.js.map +0 -1
  297. package/dist/utils/browserId.js +0 -29
  298. package/dist/utils/browserId.js.map +0 -1
  299. package/dist/utils/svg.js +0 -20
  300. package/dist/utils/svg.js.map +0 -1
  301. package/dist/utils/validateStyleDimension.js +0 -14
  302. package/dist/utils/validateStyleDimension.js.map +0 -1
  303. package/dist/utils/validateStyleDimension.test.js +0 -20
  304. package/dist/utils/validateStyleDimension.test.js.map +0 -1
@@ -1,385 +0,0 @@
1
- import React from 'react';
2
- import { QTip } from '../Tooltip/Qtip';
3
- import { ButtonGroup } from './ButtonGroup';
4
- import ToolbarButton from '../ToolbarButton';
5
- export default {
6
- title: 'ButtonGroup',
7
- };
8
- export const AllButtonGroups = () => {
9
- const [value, setValue] = React.useState('provided-1');
10
- const renderAllVariations = () => (React.createElement(React.Fragment, null,
11
- React.createElement("div", { className: "light" },
12
- React.createElement("div", { className: "tw-p-4" },
13
- React.createElement(ButtonGroup, { onChange: () => { }, buttons: [
14
- {
15
- variant: 'button',
16
- buttonProps: {
17
- variant: 'outline',
18
- icon: 'fc-annotate',
19
- iconStyle: 'theme',
20
- value: 'provided-1',
21
- onClick: () => setValue('provided-1'),
22
- },
23
- },
24
- {
25
- variant: 'button',
26
- buttonProps: {
27
- variant: 'outline',
28
- icon: 'fc-trash',
29
- iconStyle: 'theme',
30
- value: 'provided-2',
31
- onClick: () => setValue('provided-2'),
32
- },
33
- },
34
- {
35
- variant: 'button',
36
- buttonProps: {
37
- variant: 'outline',
38
- icon: 'fc-formula-ai',
39
- iconStyle: 'theme',
40
- value: 'provided-3',
41
- onClick: () => setValue('provided-3'),
42
- },
43
- },
44
- ] })),
45
- React.createElement("div", { className: "tw-p-4" },
46
- React.createElement(ButtonGroup, { onChange: () => { }, buttons: [
47
- {
48
- variant: 'button',
49
- buttonProps: {
50
- variant: 'outline',
51
- icon: 'fc-annotate',
52
- extraClassNames: 'tw-border-none',
53
- iconStyle: 'theme',
54
- value: 'provided-1',
55
- onClick: () => setValue('provided-1'),
56
- },
57
- },
58
- {
59
- variant: 'button',
60
- buttonProps: {
61
- variant: 'outline',
62
- icon: 'fc-trash',
63
- extraClassNames: 'tw-border-none',
64
- iconStyle: 'theme',
65
- value: 'provided-2',
66
- onClick: () => setValue('provided-2'),
67
- },
68
- },
69
- {
70
- variant: 'button',
71
- buttonProps: {
72
- variant: 'outline',
73
- extraClassNames: 'tw-border-none',
74
- icon: 'fc-formula-ai',
75
- iconStyle: 'theme',
76
- value: 'provided-3',
77
- onClick: () => setValue('provided-3'),
78
- },
79
- },
80
- ] })),
81
- React.createElement("div", { className: "tw-p-4" },
82
- React.createElement(ButtonGroup, { onChange: () => { }, buttons: [
83
- {
84
- variant: 'button',
85
- buttonProps: {
86
- variant: 'theme',
87
- icon: 'fc-annotate',
88
- iconStyle: 'white',
89
- value: 'provided-1',
90
- onClick: () => setValue('provided-1'),
91
- },
92
- },
93
- {
94
- variant: 'button',
95
- buttonProps: {
96
- variant: 'theme',
97
- icon: 'fc-trash',
98
- iconStyle: 'white',
99
- value: 'provided-2',
100
- onClick: () => setValue('provided-2'),
101
- },
102
- },
103
- {
104
- variant: 'button',
105
- buttonProps: {
106
- variant: 'theme',
107
- icon: 'fc-formula-ai',
108
- iconStyle: 'white',
109
- value: 'provided-3',
110
- onClick: () => setValue('provided-3'),
111
- },
112
- },
113
- ] })),
114
- React.createElement("div", { className: "tw-p-4" },
115
- React.createElement(ButtonGroup, { onChange: () => { }, buttons: [
116
- {
117
- variant: 'button',
118
- buttonProps: {
119
- variant: 'theme',
120
- label: 'annotate',
121
- value: 'provided-1',
122
- onClick: () => setValue('provided-1'),
123
- },
124
- },
125
- {
126
- variant: 'button',
127
- buttonProps: {
128
- variant: 'theme',
129
- label: 'trash',
130
- value: 'provided-2',
131
- onClick: () => setValue('provided-2'),
132
- },
133
- },
134
- {
135
- variant: 'button',
136
- buttonProps: {
137
- variant: 'theme',
138
- label: 'formula-ai',
139
- value: 'provided-3',
140
- onClick: () => setValue('provided-3'),
141
- },
142
- },
143
- ] })),
144
- React.createElement("div", { className: "tw-p-4" },
145
- React.createElement(ButtonGroup, { onChange: () => { }, buttons: [
146
- {
147
- variant: 'element',
148
- element: (React.createElement(ToolbarButton, { icon: "fc-y-axis", label: "Popover", testId: "basic-popover1", tooltipText: "This is a small popover.", tooltipOptions: { position: 'top', delay: 0 }, isHtmlTooltip: false, popoverContent: React.createElement("div", { className: "tw-text-sm dark:tw-text-white" },
149
- React.createElement("p", { className: "tw-bg-gray-200 dark:tw-bg-gray-700 tw-p-2" }, "Flavors")) })),
150
- },
151
- {
152
- variant: 'element',
153
- element: (React.createElement(ToolbarButton, { icon: "fc-trash", label: "Trash", testId: "basic-popover1", tooltipText: "This is a small popover.", tooltipOptions: { position: 'top', delay: 0 }, isHtmlTooltip: false, popoverContent: React.createElement("div", { className: "tw-text-sm dark:tw-text-white" },
154
- React.createElement("p", { className: "tw-bg-gray-200 dark:tw-bg-gray-700 tw-p-2" }, "Flavors")) })),
155
- },
156
- {
157
- variant: 'element',
158
- element: (React.createElement(ToolbarButton, { icon: "fc-formula-ai", label: "Formula", testId: "basic-popover1", tooltipText: "This is a small popover.", tooltipOptions: { position: 'top', delay: 0 }, isHtmlTooltip: false, popoverContent: React.createElement("div", { className: "tw-text-sm dark:tw-text-white" },
159
- React.createElement("p", { className: "tw-bg-gray-200 dark:tw-bg-gray-700 tw-p-2" }, "Flavors")) })),
160
- },
161
- ] })),
162
- React.createElement("div", { className: "tw-p-4" },
163
- React.createElement(ButtonGroup, { buttons: [
164
- {
165
- variant: 'button',
166
- buttonProps: {
167
- size: 'sm',
168
- icon: 'fc-annotate',
169
- value: 'left',
170
- isActive: true,
171
- },
172
- },
173
- {
174
- variant: 'button',
175
- buttonProps: {
176
- size: 'sm',
177
- icon: 'fc-trash',
178
- value: 'center',
179
- isActive: false,
180
- },
181
- },
182
- {
183
- variant: 'button',
184
- buttonProps: {
185
- size: 'sm',
186
- icon: 'fc-formula-ai',
187
- value: 'right',
188
- isActive: false,
189
- },
190
- },
191
- ] }))),
192
- React.createElement("div", { className: "tw-dark tw-bg-sq-dark-background" },
193
- React.createElement("div", { className: "tw-p-4" },
194
- React.createElement(ButtonGroup, { onChange: () => { }, buttons: [
195
- {
196
- variant: 'button',
197
- buttonProps: {
198
- variant: 'outline',
199
- icon: 'fc-annotate',
200
- iconStyle: 'theme',
201
- value: 'provided-1',
202
- onClick: () => setValue('provided-1'),
203
- },
204
- },
205
- {
206
- variant: 'button',
207
- buttonProps: {
208
- variant: 'outline',
209
- icon: 'fc-trash',
210
- iconStyle: 'theme',
211
- value: 'provided-2',
212
- onClick: () => setValue('provided-2'),
213
- },
214
- },
215
- {
216
- variant: 'button',
217
- buttonProps: {
218
- variant: 'outline',
219
- icon: 'fc-formula-ai',
220
- iconStyle: 'theme',
221
- value: 'provided-3',
222
- onClick: () => setValue('provided-3'),
223
- },
224
- },
225
- ] })),
226
- React.createElement("div", { className: "tw-p-4" },
227
- React.createElement(ButtonGroup, { onChange: () => { }, buttons: [
228
- {
229
- variant: 'button',
230
- buttonProps: {
231
- variant: 'no-border',
232
- icon: 'fc-annotate',
233
- iconStyle: 'theme',
234
- value: 'provided-1',
235
- onClick: () => setValue('provided-1'),
236
- },
237
- },
238
- {
239
- variant: 'button',
240
- buttonProps: {
241
- variant: 'no-border',
242
- icon: 'fc-trash',
243
- iconStyle: 'theme',
244
- value: 'provided-2',
245
- onClick: () => setValue('provided-2'),
246
- },
247
- },
248
- {
249
- variant: 'button',
250
- buttonProps: {
251
- variant: 'no-border',
252
- icon: 'fc-formula-ai',
253
- iconStyle: 'theme',
254
- value: 'provided-3',
255
- onClick: () => setValue('provided-3'),
256
- },
257
- },
258
- ] })),
259
- React.createElement("div", { className: "tw-p-4" },
260
- React.createElement(ButtonGroup, { onChange: () => { }, buttons: [
261
- {
262
- variant: 'button',
263
- buttonProps: {
264
- variant: 'theme',
265
- icon: 'fc-annotate',
266
- iconStyle: 'white',
267
- value: 'provided-1',
268
- onClick: () => setValue('provided-1'),
269
- },
270
- },
271
- {
272
- variant: 'button',
273
- buttonProps: {
274
- variant: 'theme',
275
- icon: 'fc-trash',
276
- iconStyle: 'white',
277
- value: 'provided-2',
278
- onClick: () => setValue('provided-2'),
279
- },
280
- },
281
- {
282
- variant: 'button',
283
- buttonProps: {
284
- variant: 'theme',
285
- icon: 'fc-formula-ai',
286
- iconStyle: 'white',
287
- value: 'provided-3',
288
- onClick: () => setValue('provided-3'),
289
- },
290
- },
291
- ] })),
292
- React.createElement("div", { className: "tw-p-4" },
293
- React.createElement(ButtonGroup, { onChange: () => { }, buttons: [
294
- {
295
- variant: 'button',
296
- buttonProps: {
297
- variant: 'theme',
298
- label: 'annotate',
299
- value: 'provided-1',
300
- onClick: () => setValue('provided-1'),
301
- },
302
- },
303
- {
304
- variant: 'button',
305
- buttonProps: {
306
- variant: 'theme',
307
- label: 'trash',
308
- value: 'provided-2',
309
- onClick: () => setValue('provided-2'),
310
- },
311
- },
312
- {
313
- variant: 'button',
314
- buttonProps: {
315
- variant: 'theme',
316
- label: 'formula-ai',
317
- value: 'provided-3',
318
- onClick: () => setValue('provided-3'),
319
- },
320
- },
321
- ] })),
322
- React.createElement("div", { className: "tw-p-4" },
323
- React.createElement(ButtonGroup, { onChange: () => { }, buttons: [
324
- {
325
- variant: 'element',
326
- element: (React.createElement(ToolbarButton, { icon: "fc-y-axis", label: "Popover", testId: "basic-popover1", tooltipText: "This is a small popover.", tooltipOptions: { position: 'top', delay: 0 }, isHtmlTooltip: false, popoverContent: React.createElement("div", { className: "tw-text-sm dark:tw-text-white" },
327
- React.createElement("p", { className: "tw-bg-gray-200 dark:tw-bg-gray-700 tw-p-2" }, "Flavors")) })),
328
- },
329
- {
330
- variant: 'element',
331
- element: (React.createElement(ToolbarButton, { icon: "fc-trash", label: "Trash", testId: "basic-popover1", tooltipText: "This is a small popover.", tooltipOptions: { position: 'top', delay: 0 }, isHtmlTooltip: false, popoverContent: React.createElement("div", { className: "tw-text-sm dark:tw-text-white" },
332
- React.createElement("p", { className: "tw-bg-gray-200 dark:tw-bg-gray-700 tw-p-2" }, "Flavors")) })),
333
- },
334
- {
335
- variant: 'element',
336
- element: (React.createElement(ToolbarButton, { icon: "fc-formula-ai", label: "Formula", testId: "basic-popover1", tooltipText: "This is a small popover.", tooltipOptions: { position: 'top', delay: 0 }, isHtmlTooltip: false, popoverContent: React.createElement("div", { className: "tw-text-sm dark:tw-text-white" },
337
- React.createElement("p", { className: "tw-bg-gray-200 dark:tw-bg-gray-700 tw-p-2" }, "Flavors")) })),
338
- },
339
- ] })),
340
- React.createElement("div", { className: "tw-p-4" },
341
- React.createElement(ButtonGroup, { buttons: [
342
- {
343
- variant: 'button',
344
- buttonProps: {
345
- size: 'sm',
346
- icon: 'fc-annotate',
347
- value: 'left',
348
- isActive: true,
349
- },
350
- },
351
- {
352
- variant: 'button',
353
- buttonProps: {
354
- size: 'sm',
355
- icon: 'fc-trash',
356
- value: 'center',
357
- isActive: false,
358
- },
359
- },
360
- {
361
- variant: 'button',
362
- buttonProps: {
363
- size: 'sm',
364
- icon: 'fc-formula-ai',
365
- value: 'right',
366
- isActive: false,
367
- },
368
- },
369
- ] })))));
370
- return (React.createElement("div", { className: "tw-grid tw-grid-cols-4 tw-gap-4" },
371
- React.createElement(QTip, null),
372
- React.createElement("div", { className: "color_topic" },
373
- React.createElement("b", null, "Topic Colors"),
374
- renderAllVariations()),
375
- React.createElement("div", { className: "color_analysis" },
376
- React.createElement("b", null, "Analysis Colors"),
377
- renderAllVariations()),
378
- React.createElement("div", { className: "color_datalab" },
379
- React.createElement("b", null, "Datalab Colors"),
380
- renderAllVariations()),
381
- React.createElement("div", { className: "color_vantage" },
382
- React.createElement("b", null, "Vantage Colors"),
383
- renderAllVariations())));
384
- };
385
- //# sourceMappingURL=ButtonGroup.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ButtonGroup.stories.js","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroup.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,67 +0,0 @@
1
- import React from 'react';
2
- import { fireEvent, render } from '@testing-library/react';
3
- import '@testing-library/jest-dom/extend-expect';
4
- import { ButtonGroup } from './ButtonGroup';
5
- describe('ButtonGroup', () => {
6
- const mockOnChange = jest.fn();
7
- const defaultProps = {
8
- id: 'test-id',
9
- extraClassNames: 'extra-class',
10
- testId: 'button-group',
11
- onChange: mockOnChange,
12
- buttons: [
13
- {
14
- variant: 'button',
15
- buttonProps: {
16
- testId: 'button1',
17
- value: 'button1',
18
- variant: 'outline',
19
- extraClassNames: 'button-class',
20
- isActive: true,
21
- },
22
- },
23
- {
24
- variant: 'button',
25
- buttonProps: {
26
- testId: 'button2',
27
- value: 'button2',
28
- variant: 'theme',
29
- extraClassNames: 'button-class',
30
- },
31
- },
32
- {
33
- variant: 'element',
34
- element: React.createElement("span", null, "Custom Element"),
35
- },
36
- ],
37
- };
38
- it('renders ButtonGroup with buttons and custom elements', () => {
39
- const { getByTestId } = render(React.createElement(ButtonGroup, { ...defaultProps }));
40
- const buttonGroup = getByTestId('button-group');
41
- expect(buttonGroup).toBeInTheDocument();
42
- expect(buttonGroup).toHaveClass('tw-flex tw-outline-none tw-w-full tw-relative tw-flex-wrap extra-class');
43
- const button1 = getByTestId('button1');
44
- expect(button1).toBeInTheDocument();
45
- expect(button1).toHaveClass('button-class');
46
- const button2 = getByTestId('button2');
47
- expect(button2).toBeInTheDocument();
48
- expect(button2).toHaveClass('button-class');
49
- });
50
- it('calls onChange when a button is clicked', () => {
51
- const { getByTestId } = render(React.createElement(ButtonGroup, { ...defaultProps }));
52
- const button1 = getByTestId('button1');
53
- fireEvent.click(button1);
54
- expect(mockOnChange).toHaveBeenCalledWith('button1');
55
- const button2 = getByTestId('button2');
56
- fireEvent.click(button2);
57
- expect(mockOnChange).toHaveBeenCalledWith('button2');
58
- });
59
- it('applies active classes based on value and variant', () => {
60
- const { getByTestId } = render(React.createElement(ButtonGroup, { ...defaultProps }));
61
- const button1 = getByTestId('button1');
62
- expect(button1).toHaveClass('!tw-bg-sq-disabled-gray tw-border-sq-color-dark');
63
- const button2 = getByTestId('button2');
64
- expect(button2).not.toHaveClass('tw-bg-sq-color-highlight');
65
- });
66
- });
67
- //# sourceMappingURL=ButtonGroup.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ButtonGroup.test.js","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroup.test.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=ButtonGroup.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ButtonGroup.types.js","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroup.types.ts"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export { ButtonGroup as default } from './ButtonGroup';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ButtonGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC"}
@@ -1,60 +0,0 @@
1
- import * as React from 'react';
2
- import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
3
- import Icon from '../Icon';
4
- import { getQTipData } from '../Tooltip/qTip.utilities';
5
- const borderStyles = [
6
- 'tw-border-solid',
7
- 'tw-border',
8
- 'tw-rounded-popover',
9
- 'tw-border-sq-disabled-gray',
10
- 'dark:tw-border-gray-500',
11
- ].join(' ');
12
- const bgStyles = ['tw-bg-sq-white', 'dark:tw-bg-sq-dark-background'].join(' ');
13
- const disabledClasses = ['tw-opacity-50', 'tw-cursor-not-allowed'].join(' ');
14
- const ButtonWithDropdown = ({ dropdownItems, triggerIcon, id, extraClassNames = '', contentExtraClassNames = '', containerTestId, disabled = false, align = 'end', placement = 'bottom', placementOffset = 5, alignOffset = -35, hasArrow = false, onOpenChange, isOpen, setFocusOnTriggerOnClose = true, keepFocusInsideDropdown = true, onContainerClick, ...tooltipProps }) => {
15
- const tooltipData = getQTipData(tooltipProps);
16
- return (React.createElement(DropdownMenu.Root, { defaultOpen: false, open: isOpen, onOpenChange: onOpenChange, modal: keepFocusInsideDropdown },
17
- React.createElement(DropdownMenu.Trigger, { id: id, className: `tw-border-none focus-visible:tw-outline-none focus:tw-outline-none focus-within:tw-outline-none`, disabled: disabled },
18
- React.createElement("div", { ...tooltipData, className: `tw-bg-transparent tw-flex tw-flex-col tw-items-center focus-visible:tw-outline-none focus:tw-outline-none focus-within:tw-outline-none ${disabled ? disabledClasses : ''} ${extraClassNames}` }, triggerIcon)),
19
- React.createElement(DropdownMenu.Portal, null,
20
- React.createElement(DropdownMenu.Content, { onClick: onContainerClick, sideOffset: placementOffset, side: placement, align: align, alignOffset: alignOffset, asChild: true, onCloseAutoFocus: (e) => !setFocusOnTriggerOnClose && e.preventDefault(), className: "focus-visible:tw-outline-none tw-outline-none" },
21
- React.createElement("div", { "data-testid": containerTestId, className: `${bgStyles} tw-relative tw-z-[1200] tw-min-w-6 tw-py-2 focus-visible:tw-outline-none tw-outline-none data-[state=open]:tw-animate-in data-[state=closed]:tw-animate-out forceFont data-[side=top]:tw-animate-slideDownAndFade data-[side=right]:tw-animate-slideLeftAndFade data-[side=bottom]:tw-animate-slideUpAndFade data-[side=left]:tw-animate-slideRightAndFade ${borderStyles} ${contentExtraClassNames}` },
22
- hasArrow && (React.createElement(DropdownMenu.Arrow, { asChild: true },
23
- React.createElement("div", { className: " tw-fill-transparent tw-bg-white tw-w-[15px] tw-h-[15px] tw-rotate-45 dark:tw-bg-sq-dark-background tw-border-b tw-border-r tw-border-sq-disabled-gray dark:tw-border-gray-500 tw-mt-[-7px]" }))),
24
- dropdownItems.map((item, index) => {
25
- const tooltipData = getQTipData(item);
26
- if (item.isLabel) {
27
- return (React.createElement(DropdownMenu.Label, { key: (item.id || '') + index, className: item.itemExtraClassNames, ...tooltipData },
28
- item.icon && (React.createElement(Icon, { icon: item.icon, testId: item.iconTestId, type: "text", color: item.iconColor, extraClassNames: "tw-text-sq-text-color dark:tw-text-sq-white tw-w-[18px]" })),
29
- React.createElement("div", { "data-testid": item.labelTestId, className: `tw-text-[0.8125rem] tw-ml-1 ${item.disabled ? 'tw-text-sq-disabled-gray' : 'tw-text-sq-text-color dark:tw-text-sq-white'} tw-not-italic tw-font-normal ${item.labelClasses}` }, item.label)));
30
- }
31
- if (Array.isArray(item.subMenuItems) && item.subMenuItems.length > 0) {
32
- return (React.createElement(DropdownMenu.Sub, { key: (item.id || item.icon || '') + index },
33
- React.createElement(DropdownMenu.SubTrigger, { id: id, className: `tw-cursor-pointer tw-flex tw-justify-between dark:tw-text-sq-white hover:tw-bg-sq-gray-highlight dark:hover:tw-bg-sq-gray-highlight-dark tw-leading-none tw-items-center tw-h-[27px] tw-pl-[19px] tw-relative tw-select-none tw-outline-none data-[disabled]:tw-pointer-events-none ${item.itemExtraClassNames || ''}`, "data-testid": item.testId, disabled: item.disabled, ...tooltipData },
34
- React.createElement("div", { className: "tw-flex" },
35
- item.icon && (React.createElement(Icon, { icon: item.icon, extraClassNames: `tw-w-[18px] ${item.disabled
36
- ? '!tw-text-sq-disabled-gray'
37
- : 'tw-text-sq-text-color dark:tw-text-sq-white'} ${item.iconExtraClassNames || ''}` })),
38
- React.createElement("div", { "data-testid": item.labelTestId, "data-customid": item.labelCustomId, className: `tw-text-[0.8125rem] tw-ml-1 ${item.disabled && '!tw-opacity-30'} tw-not-italic tw-font-semibold ${item.labelClasses}` }, item.label)),
39
- React.createElement(Icon, { small: true, icon: "fc-arrow-dropdown -tw-rotate-90", extraClassNames: `${item.disabled ? 'tw-text-sq-disabled-gray' : 'tw-text-sq-text-color dark:tw-text-sq-white'} tw-w-[18px] tw-ml-4 tw-text-[0.5rem] tw-justify-center tw-flex` })),
40
- React.createElement(DropdownMenu.Portal, null,
41
- React.createElement(DropdownMenu.SubContent, { className: "focus-visible:tw-outline-none tw-outline-none" },
42
- React.createElement("div", { "data-testid": containerTestId, className: `${bgStyles} tw-relative tw-z-[1000] tw-min-w-6 tw-py-2 focus-visible:tw-outline-none tw-outline-none data-[state=open]:tw-animate-in data-[state=closed]:tw-animate-out forceFont data-[side=top]:tw-animate-slideDownAndFade data-[side=right]:tw-animate-slideLeftAndFade data-[side=bottom]:tw-animate-slideUpAndFade data-[side=left]:tw-animate-slideRightAndFade ${borderStyles}` }, item.subMenuItems.map((subItem, subIndex) => {
43
- return (React.createElement(DropdownMenu.Item, { key: subItem.label + subIndex, onSelect: subItem.onClick, "data-qtip-text": subItem.tooltip, className: "tw-cursor-pointer tw-flex dark:tw-text-sq-white hover:tw-bg-sq-gray-highlight dark:hover:tw-bg-sq-gray-highlight-dark tw-leading-none tw-items-center tw-h-[27px] tw-px-[19px] tw-relative tw-select-none tw-outline-none data-[disabled]:tw-pointer-events-none", disabled: subItem.disabled },
44
- subItem.iconClass && (React.createElement(Icon, { icon: subItem.iconClass, type: "text", extraClassNames: `tw-w-[18px] ${item.disabled && '!tw-opacity-30'}` })),
45
- React.createElement("div", { className: `tw-text-[0.8125rem] tw-ml-1 ${subItem.disabled
46
- ? 'tw-text-sq-disabled-gray'
47
- : 'tw-text-sq-text-color dark:tw-text-sq-white'} tw-not-italic tw-font-normal ${item.labelClasses}` }, subItem.label)));
48
- }))))));
49
- }
50
- return (React.createElement("div", { key: (item.id || '') + index, ...tooltipData },
51
- React.createElement(DropdownMenu.Item, { key: (item.id || item.icon || '') + index, "data-customid": item.itemCustomId, onSelect: (e) => {
52
- item.onClick(e);
53
- }, className: `tw-cursor-pointer tw-flex dark:tw-text-sq-white hover:tw-bg-sq-gray-highlight dark:hover:tw-bg-sq-gray-highlight-dark tw-leading-none tw-items-center tw-min-h-[27px] tw-px-[19px] tw-relative tw-select-none tw-outline-none data-[disabled]:tw-pointer-events-none ${item.itemExtraClassNames || ''}`, "data-testid": item.testId, disabled: item.disabled },
54
- item.icon && (React.createElement(Icon, { icon: item.icon, testId: item.iconTestId, type: (item.iconType || 'text'), color: item.iconColor, customId: item.iconCustomId, extraClassNames: `tw-w-[18px] ${item.disabled && '!tw-opacity-30'} ${item.iconExtraClassNames || ''}` })),
55
- React.createElement("div", { "data-testid": item.labelTestId, "data-customid": item.labelCustomId, className: `tw-text-[0.8125rem] tw-ml-1 ${item.disabled ? 'tw-text-sq-disabled-gray' : 'tw-text-sq-text-color dark:tw-text-sq-white'} tw-not-italic tw-font-normal ${item.labelClasses || ''}` }, item.label)),
56
- item.hasDivider && (React.createElement(DropdownMenu.Separator, { "data-testid": `dropdown-divider-${index}`, className: "tw-h-[1px] tw-bg-sq-disabled-gray dark:tw-bg-gray-500 tw-my-[8px]" }))));
57
- }))))));
58
- };
59
- export default ButtonWithDropdown;
60
- //# sourceMappingURL=ButtonWithDropdown.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ButtonWithDropdown.js","sourceRoot":"","sources":["../../src/ButtonWithDropdown/ButtonWithDropdown.tsx"],"names":[],"mappings":"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"}