@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,92 +0,0 @@
1
- import React from 'react';
2
- import '../styles.css';
3
- import { browserIsFirefox } from '../utils/browserId';
4
- import Icon from '../Icon';
5
- import { DEFAULT_TOOL_TIP_DELAY } from '../Tooltip/Tooltip.types';
6
- /**
7
- * All-in-one Button:
8
- * - use "variant" to achieve the desired style
9
- * - include tooltips and/or icons
10
- */
11
- const Button = ({ onClick, label, variant = 'outline', type = 'button', size = 'sm', disabled, extraClassNames, id, testId, stopPropagation = true, tooltip, tooltipOptions, iconStyle = 'text', icon, iconColor, iconPosition = 'left', iconPrefix = undefined, preventBlur = false, isHtmlTooltip = false, tooltipTestId, }) => {
12
- const baseClasses = 'tw-py-1 tw-px-2.5 tw-rounded-md focus:tw-ring-0 focus-visible:tw-outline-none disabled:tw-pointer-events-none';
13
- const baseClassesByVariant = {
14
- 'outline': 'disabled:tw-opacity-50 tw-border-solid tw-border',
15
- 'theme': 'disabled:tw-opacity-50 tw-border-solid tw-border',
16
- 'danger': 'tw-bg-sq-danger-color hover:tw-bg-sq-danger-color-hover disabled:tw-opacity-50 tw-border-solid tw-border ' +
17
- 'tw-border-sq-danger-color hover:tw-border-sq-danger-color-hover',
18
- 'theme-light': 'disabled:tw-opacity-50 tw-border-solid tw-border',
19
- 'no-border': 'disabled:tw-opacity-50',
20
- 'warning': 'tw-bg-sq-warning-color tw-border-solid tw-border tw-border-sq-warning-color',
21
- };
22
- const textClassesByVariantLightTheme = {
23
- 'outline': 'tw-text-sq-text-color',
24
- 'theme': 'tw-text-white',
25
- 'theme-light': 'tw-text-white',
26
- 'danger': 'tw-text-white',
27
- 'no-border': 'tw-text-sq-text-color',
28
- 'warning': 'tw-text-white',
29
- };
30
- const textClassesByVariantDarkTheme = {
31
- 'outline': 'dark:tw-text-sq-dark-text',
32
- 'theme': 'dark:tw-text-white',
33
- 'theme-light': 'dark:tw-text-white',
34
- 'danger': 'dark:tw-text-white',
35
- 'no-border': 'dark:tw-text-sq-dark-text',
36
- 'warning': 'dark:tw-text-white',
37
- };
38
- const classesByVariantLightTheme = {
39
- 'outline': 'tw-bg-white dark:tw-bg-sq-dark-background tw-border-sq-disabled-gray hover:tw-bg-sq-light-gray' +
40
- ' focus:tw-bg-sq-dark-gray active:tw-bg-sq-dark-gray focus:tw-border-sq-color-dark active:tw-border-sq-color-dark',
41
- 'theme': 'tw-bg-sq-color-dark hover:tw-bg-sq-color-highlight tw-border-sq-color-dark' +
42
- ' hover:tw-border-sq-color-highlight',
43
- 'danger': '',
44
- 'theme-light': 'tw-bg-sq-icon hover:tw-bg-sq-link tw-border-sq-icon hover:tw-border-sq-link',
45
- 'no-border': '',
46
- 'warning': '',
47
- };
48
- const classesByVariantDarkTheme = {
49
- 'outline': 'dark:tw-border-sq-dark-disabled-gray dark:hover:tw-bg-sq-highlight-color-dark' +
50
- ' dark:focus:tw-bg-sq-multi-gray-dark dark:active:tw-bg-sq-multi-gray-dark dark:focus:tw-border-sq-color-dark' +
51
- ' dark:active:tw-border-sq-color-dark',
52
- 'theme': 'dark:tw-bg-sq-color-dark dark:hover:tw-bg-sq-color-highlight dark:tw-border-sq-color-dark' +
53
- ' dark:hover:tw-border-sq-color-highlight',
54
- 'danger': '',
55
- 'theme-light': 'dark:tw-bg-sq-icon-dark dark:hover:tw-bg-sq-link-dark dark:tw-border-sq-icon-dark' +
56
- ' dark:hover:tw-border-sq-link-dark',
57
- 'no-border': '',
58
- 'warning': '',
59
- };
60
- const sizeClasses = {
61
- sm: 'tw-text-sm',
62
- lg: 'tw-text-xl',
63
- };
64
- const appliedClasses = `${baseClasses} ${baseClassesByVariant[variant]} ${sizeClasses[size]} ${classesByVariantLightTheme[variant]} ${classesByVariantDarkTheme[variant]} ${textClassesByVariantLightTheme[variant]} ${textClassesByVariantDarkTheme[variant]} ${extraClassNames}`;
65
- let tooltipData = undefined;
66
- if (tooltip) {
67
- tooltipData = {
68
- 'data-qtip-text': tooltip,
69
- 'data-qtip-placement': tooltipOptions?.position,
70
- 'data-qtip-is-html': isHtmlTooltip,
71
- 'data-qtip-testid': tooltipTestId,
72
- 'data-qtip-delay': tooltipOptions?.delay ?? DEFAULT_TOOL_TIP_DELAY,
73
- };
74
- }
75
- const iconClass = iconPosition === 'left' ? 'tw-mr-1' : 'tw-ml-1';
76
- const iconElement = icon && (React.createElement(Icon, { icon: icon, iconPrefix: iconPrefix, type: iconStyle, color: iconColor, extraClassNames: label
77
- ? `${iconClass} ${textClassesByVariantLightTheme[variant]} ${textClassesByVariantDarkTheme[variant]}`
78
- : '', testId: `${id}_spinner` }));
79
- return (React.createElement("button", { id: id, ...tooltipData, disabled: disabled, "data-testid": testId, type: type === 'link' || (type === 'submit' && browserIsFirefox) ? 'button' : type, onClick: (e) => {
80
- stopPropagation && e.stopPropagation();
81
- onClick && onClick(e);
82
- }, onMouseDown: (e) => {
83
- if (preventBlur) {
84
- e.preventDefault();
85
- }
86
- }, className: appliedClasses },
87
- iconPosition === 'left' && iconElement,
88
- label,
89
- iconPosition === 'right' && iconElement));
90
- };
91
- export default Button;
92
- //# sourceMappingURL=Button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"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"}
@@ -1,100 +0,0 @@
1
- import React from 'react';
2
- import Button from './Button';
3
- import { buttonVariants } from './Button.types';
4
- import { QTip } from '../Tooltip';
5
- export default {
6
- title: 'Button',
7
- };
8
- export const AllButtonVariants = () => {
9
- const renderAllVariations = () => (React.createElement(React.Fragment, null, buttonVariants.map((variant) => (React.createElement("div", { key: `{variant_${variant}`, className: "tw-grid tw-grid-cols-2 tw-gap-4" },
10
- React.createElement("div", { className: "tw-p-4" },
11
- React.createElement(Button, { label: `Variant: ${variant}`, onClick: () => { }, variant: variant })),
12
- React.createElement("div", { className: "tw-p-4 tw-dark tw-bg-sq-dark-background" },
13
- React.createElement(Button, { label: `Variant: ${variant}`, onClick: () => { }, variant: variant })))))));
14
- return (React.createElement("div", { className: "tw-grid tw-grid-cols-4 tw-gap-4" },
15
- React.createElement("div", { className: "color_topic" },
16
- React.createElement("b", null, "Topic Colors"),
17
- renderAllVariations()),
18
- React.createElement("div", { className: "color_analysis" },
19
- React.createElement("b", null, "Analysis Colors"),
20
- renderAllVariations()),
21
- React.createElement("div", { className: "color_datalab" },
22
- React.createElement("b", null, "Datalab Colors"),
23
- renderAllVariations()),
24
- React.createElement("div", { className: "color_vantage" },
25
- React.createElement("b", null, "Vantage Colors"),
26
- renderAllVariations())));
27
- };
28
- export const ButtonWithTooltip = () => {
29
- const renderButtonWithTooltip = () => (React.createElement(React.Fragment, null,
30
- React.createElement("div", { className: "tw-p-4" },
31
- React.createElement(Button, { tooltip: "Helpful tooltip", variant: "theme", label: "Hover me" })),
32
- React.createElement("div", { className: "tw-p-4 tw-dark tw-bg-sq-dark-background" },
33
- React.createElement(Button, { tooltip: "Helpful tooltip", variant: "theme", label: "Hover me" }))));
34
- return (React.createElement("div", { className: "tw-grid tw-grid-cols-4 tw-gap-4" },
35
- React.createElement(QTip, null),
36
- React.createElement("div", { className: "color_topic" },
37
- React.createElement("b", null, "Topic Colors"),
38
- renderButtonWithTooltip()),
39
- React.createElement("div", { className: "color_analysis" },
40
- React.createElement("b", null, "Analysis Colors"),
41
- renderButtonWithTooltip()),
42
- React.createElement("div", { className: "color_datalab" },
43
- React.createElement("b", null, "Datalab Colors"),
44
- renderButtonWithTooltip()),
45
- React.createElement("div", { className: "color_vantage" },
46
- React.createElement("b", null, "Vantage Colors"),
47
- renderButtonWithTooltip())));
48
- };
49
- export const ButtonWithIcon = () => {
50
- const renderButtonWithIcon = () => (React.createElement(React.Fragment, null,
51
- React.createElement("div", { className: "tw-p-4" },
52
- React.createElement(Button, { icon: "fc-search-power", variant: "theme", label: "With Icon" })),
53
- React.createElement("div", { className: "tw-p-4 tw-dark tw-bg-sq-dark-background" },
54
- React.createElement(Button, { icon: "fc-search-power", variant: "theme", label: "With Icon" }))));
55
- const renderButtonWithIconOnRight = () => (React.createElement(React.Fragment, null,
56
- React.createElement("div", { className: "tw-p-4" },
57
- React.createElement(Button, { icon: "fc-search-power", iconPosition: "right", variant: "theme", label: "With Icon On Right" })),
58
- React.createElement("div", { className: "tw-p-4 tw-dark tw-bg-sq-dark-background" },
59
- React.createElement(Button, { icon: "fc-search-power", iconPosition: "right", variant: "theme", label: "With Icon On Right" }))));
60
- return (React.createElement("div", { className: "tw-grid tw-grid-cols-4 tw-gap-4" },
61
- React.createElement("div", { className: "color_topic" },
62
- React.createElement("b", null, "Topic Colors"),
63
- renderButtonWithIcon()),
64
- React.createElement("div", { className: "color_analysis" },
65
- React.createElement("b", null, "Analysis Colors"),
66
- renderButtonWithIcon()),
67
- React.createElement("div", { className: "color_datalab" },
68
- React.createElement("b", null, "Datalab Colors"),
69
- renderButtonWithIcon()),
70
- React.createElement("div", { className: "color_vantage" },
71
- React.createElement("b", null, "Vantage Colors"),
72
- renderButtonWithIcon()),
73
- React.createElement("div", { className: "color_topic" }, renderButtonWithIconOnRight()),
74
- React.createElement("div", { className: "color_analysis" }, renderButtonWithIconOnRight()),
75
- React.createElement("div", { className: "color_datalab" }, renderButtonWithIconOnRight()),
76
- React.createElement("div", { className: "color_vantage" }, renderButtonWithIconOnRight())));
77
- };
78
- export const DisabledButton = () => {
79
- const renderDisabledButton = () => (React.createElement(React.Fragment, null,
80
- React.createElement("div", { className: "tw-p-4" },
81
- React.createElement(Button, { disabled: true, variant: "theme", label: "Disabled Button" }),
82
- React.createElement(Button, { extraClassNames: "tw-m-5", disabled: true, label: "Disabled Button" })),
83
- React.createElement("div", { className: "tw-p-4 tw-dark tw-bg-sq-dark-background" },
84
- React.createElement(Button, { disabled: true, variant: "theme", label: "Disabled Button" }),
85
- React.createElement(Button, { extraClassNames: "tw-m-5", disabled: true, label: "Disabled Button" }))));
86
- return (React.createElement("div", { className: "tw-grid tw-grid-cols-4 tw-gap-4" },
87
- React.createElement("div", { className: "color_topic" },
88
- React.createElement("b", null, "Topic Colors"),
89
- renderDisabledButton()),
90
- React.createElement("div", { className: "color_analysis" },
91
- React.createElement("b", null, "Analysis Colors"),
92
- renderDisabledButton()),
93
- React.createElement("div", { className: "color_datalab" },
94
- React.createElement("b", null, "Datalab Colors"),
95
- renderDisabledButton()),
96
- React.createElement("div", { className: "color_vantage" },
97
- React.createElement("b", null, "Vantage Colors"),
98
- renderDisabledButton())));
99
- };
100
- //# sourceMappingURL=Button.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../src/Button/Button.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,49 +0,0 @@
1
- import React from 'react';
2
- import '@testing-library/jest-dom';
3
- import { render, screen } from '@testing-library/react';
4
- import userEvent from '@testing-library/user-event';
5
- import Button from './Button';
6
- describe('Button', () => {
7
- class Context {
8
- testId = 'buttonTestId';
9
- label = 'button label';
10
- props = {
11
- label: this.label,
12
- onClick: jest.fn(),
13
- testId: this.testId,
14
- };
15
- }
16
- let tc;
17
- beforeEach(() => {
18
- tc = new Context();
19
- });
20
- const renderButton = (props) => render(React.createElement(Button, { ...props }));
21
- it('renders button label', () => {
22
- renderButton(tc.props);
23
- expect(screen.getByText(tc.label)).toBeInTheDocument();
24
- });
25
- it('calls on click', async () => {
26
- renderButton(tc.props);
27
- await userEvent.click(screen.getByTestId(tc.testId));
28
- expect(tc.props.onClick).toHaveBeenCalled();
29
- });
30
- it('renders disabled button', () => {
31
- renderButton({ ...tc.props, disabled: true });
32
- expect(screen.getByText(tc.label)).toBeDisabled();
33
- });
34
- it('respects stopPropagation default', async () => {
35
- const callOnPropagation = jest.fn();
36
- render(React.createElement("div", { onClick: callOnPropagation },
37
- React.createElement(Button, { ...tc.props })));
38
- await userEvent.click(screen.getByTestId(tc.testId));
39
- expect(callOnPropagation).not.toHaveBeenCalled();
40
- });
41
- it('propagates click event if not told not to', async () => {
42
- const callOnPropagation = jest.fn();
43
- render(React.createElement("div", { onClick: callOnPropagation },
44
- React.createElement(Button, { ...{ ...tc.props, stopPropagation: false } })));
45
- await userEvent.click(screen.getByTestId(tc.testId));
46
- expect(callOnPropagation).toHaveBeenCalled();
47
- });
48
- });
49
- //# sourceMappingURL=Button.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../src/Button/Button.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AAEpD,OAAO,MAAM,MAAM,UAAU,CAAC;AAG9B,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACtB,MAAM,OAAO;QACX,MAAM,GAAG,cAAc,CAAC;QACxB,KAAK,GAAG,cAAc,CAAC;QACvB,KAAK,GAAgB;YACnB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE;YAClB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC;KACH;IAED,IAAI,EAAW,CAAC;IAChB,UAAU,CAAC,GAAG,EAAE;QACd,EAAE,GAAG,IAAI,OAAO,EAAE,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,MAAM,CAAC,oBAAC,MAAM,OAAK,KAAK,GAAI,CAAC,CAAC;IAE3E,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAC9B,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QACvB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gBAAgB,EAAE,KAAK,IAAI,EAAE;QAC9B,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QACvB,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;QACrD,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,YAAY,CAAC,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QAC9C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,iBAAiB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACpC,MAAM,CACJ,6BAAK,OAAO,EAAE,iBAAiB;YAC7B,oBAAC,MAAM,OAAK,EAAE,CAAC,KAAK,GAAI,CACpB,CACP,CAAC;QACF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;QACrD,MAAM,CAAC,iBAAiB,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QACzD,MAAM,iBAAiB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACpC,MAAM,CACJ,6BAAK,OAAO,EAAE,iBAAiB;YAC7B,oBAAC,MAAM,OAAK,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,GAAI,CACnD,CACP,CAAC;QACF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;QACrD,MAAM,CAAC,iBAAiB,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC/C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
@@ -1,5 +0,0 @@
1
- export const buttonTypes = ['button', 'reset', 'submit', 'link'];
2
- export const buttonSizes = ['sm', 'lg'];
3
- export const buttonVariants = ['outline', 'theme', 'theme-light', 'warning', 'danger', 'no-border'];
4
- export const iconPositions = ['left', 'right'];
5
- //# sourceMappingURL=Button.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.types.js","sourceRoot":"","sources":["../../src/Button/Button.types.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAU,CAAC;AAC1E,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,IAAI,CAAU,CAAC;AACjD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,CAAU,CAAC;AAC7G,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC"}
@@ -1,2 +0,0 @@
1
- export { default } from "./Button";
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}
@@ -1,35 +0,0 @@
1
- import React from 'react';
2
- import '../styles.css';
3
- import { getQTipData } from '../Tooltip/qTip.utilities';
4
- import Button from '../Button';
5
- const baseClasses = 'tw-flex tw-outline-none tw-w-full tw-relative tw-flex-wrap';
6
- const activeClassesByVariantLightTheme = {
7
- 'outline': '!tw-bg-sq-disabled-gray tw-border-sq-color-dark',
8
- 'theme': 'tw-bg-sq-color-highlight',
9
- 'danger': '',
10
- 'theme-light': '',
11
- 'no-border': '!tw-bg-sq-disabled-gray',
12
- 'warning': '',
13
- };
14
- const activeClassesByVariantDarkTheme = {
15
- 'outline': 'dark:!tw-bg-sq-multi-gray-dark dark:tw-border-sq-color-dark',
16
- 'theme': 'dark:tw-bg-sq-color-highlight',
17
- 'danger': '',
18
- 'theme-light': '',
19
- 'no-border': 'dark:!tw-bg-sq-multi-gray-dark',
20
- 'warning': '',
21
- };
22
- /**
23
- * ButtonGroup.
24
- */
25
- export const ButtonGroup = (props) => {
26
- const { id, extraClassNames, testId, onChange, buttons = [], ...tooltipProps } = props;
27
- const tooltipData = getQTipData(tooltipProps);
28
- const appliedClasses = `${baseClasses} ${extraClassNames}`;
29
- return (React.createElement("div", { id: id ? `button-group-${id}` : undefined, "data-testid": testId, className: appliedClasses, ...tooltipData }, buttons
30
- .filter(Boolean)
31
- .map((item, index) => item?.variant === 'button' ? (React.createElement(Button, { key: index, ...item.buttonProps, extraClassNames: `tw-ml-[-1px] focus:tw-z-40 tw-outline-none focus:tw-border tw-rounded-none first:tw-rounded-l-md last:tw-rounded-r-md ${item.buttonProps?.isActive
32
- ? `${activeClassesByVariantLightTheme[item?.buttonProps?.variant ?? 'outline']} ${activeClassesByVariantDarkTheme[item?.buttonProps?.variant ?? 'outline']} `
33
- : ''} ${item.buttonProps.extraClassNames}`, onClick: () => onChange && onChange(item?.buttonProps?.value) })) : (item?.element))));
34
- };
35
- //# sourceMappingURL=ButtonGroup.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,MAAM,MAAM,WAAW,CAAC;AAG/B,MAAM,WAAW,GAAG,4DAA4D,CAAC;AAEjF,MAAM,gCAAgC,GAAG;IACvC,SAAS,EAAE,iDAAiD;IAC5D,OAAO,EAAE,0BAA0B;IACnC,QAAQ,EAAE,EAAE;IACZ,aAAa,EAAE,EAAE;IACjB,WAAW,EAAE,yBAAyB;IACtC,SAAS,EAAE,EAAE;CACd,CAAC;AAEF,MAAM,+BAA+B,GAAG;IACtC,SAAS,EAAE,6DAA6D;IACxE,OAAO,EAAE,+BAA+B;IACxC,QAAQ,EAAE,EAAE;IACZ,aAAa,EAAE,EAAE;IACjB,WAAW,EAAE,gCAAgC;IAC7C,SAAS,EAAE,EAAE;CACd,CAAC;AACF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAA8C,CAAC,KAAK,EAAE,EAAE;IAC9E,MAAM,EAAE,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,YAAY,EAAE,GAAG,KAAK,CAAC;IACvF,MAAM,WAAW,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;IAE9C,MAAM,cAAc,GAAG,GAAG,WAAW,IAAI,eAAe,EAAE,CAAC;IAE3D,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,iBAAe,MAAM,EAAE,SAAS,EAAE,cAAc,KAAM,WAAW,IAC5G,OAAO;SACL,MAAM,CAAC,OAAO,CAAC;SACf,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CACnB,IAAI,EAAE,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,oBAAC,MAAM,IACL,GAAG,EAAE,KAAK,KACN,IAAI,CAAC,WAAW,EACpB,eAAe,EAAE,yHACf,IAAI,CAAC,WAAW,EAAE,QAAQ;YACxB,CAAC,CAAC,GAAG,gCAAgC,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,IAAI,SAAS,CAAC,IAC1E,+BAA+B,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,IAAI,SAAS,CACzE,GAAG;YACL,CAAC,CAAC,EACN,IAAI,IAAI,CAAC,WAAW,CAAC,eAAe,EAAE,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,CAAC,GAC7D,CACH,CAAC,CAAC,CAAC,CACF,IAAI,EAAE,OAAO,CACd,CACF,CACC,CACP,CAAC;AACJ,CAAC,CAAC"}