@seeqdev/qomponents 0.0.147 → 0.0.149

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 (251) hide show
  1. package/dist/FontCustom.woff +0 -0
  2. package/dist/FontCustom.woff2 +0 -0
  3. package/dist/example/src/Example.tsx +5 -5
  4. package/dist/index.esm.js +17 -17
  5. package/dist/index.esm.js.map +1 -1
  6. package/dist/index.js +17 -17
  7. package/dist/index.js.map +1 -1
  8. package/dist/styles.css +41 -33
  9. package/package.json +1 -1
  10. package/dist/Accordion/Accordion.js +0 -9
  11. package/dist/Accordion/Accordion.js.map +0 -1
  12. package/dist/Accordion/Accordion.stories.js +0 -115
  13. package/dist/Accordion/Accordion.stories.js.map +0 -1
  14. package/dist/Accordion/Accordion.test.js +0 -55
  15. package/dist/Accordion/Accordion.test.js.map +0 -1
  16. package/dist/Accordion/Accordion.types.js +0 -2
  17. package/dist/Accordion/Accordion.types.js.map +0 -1
  18. package/dist/Accordion/index.js +0 -2
  19. package/dist/Accordion/index.js.map +0 -1
  20. package/dist/Alert/Alert.js +0 -34
  21. package/dist/Alert/Alert.js.map +0 -1
  22. package/dist/Alert/Alert.stories.js +0 -52
  23. package/dist/Alert/Alert.stories.js.map +0 -1
  24. package/dist/Alert/Alert.test.js +0 -51
  25. package/dist/Alert/Alert.test.js.map +0 -1
  26. package/dist/Alert/Alert.types.js +0 -2
  27. package/dist/Alert/Alert.types.js.map +0 -1
  28. package/dist/Alert/index.js +0 -2
  29. package/dist/Alert/index.js.map +0 -1
  30. package/dist/Button/Button.js +0 -92
  31. package/dist/Button/Button.js.map +0 -1
  32. package/dist/Button/Button.stories.js +0 -100
  33. package/dist/Button/Button.stories.js.map +0 -1
  34. package/dist/Button/Button.test.js +0 -49
  35. package/dist/Button/Button.test.js.map +0 -1
  36. package/dist/Button/Button.types.js +0 -5
  37. package/dist/Button/Button.types.js.map +0 -1
  38. package/dist/Button/index.js +0 -2
  39. package/dist/Button/index.js.map +0 -1
  40. package/dist/ButtonGroup/ButtonGroup.js +0 -35
  41. package/dist/ButtonGroup/ButtonGroup.js.map +0 -1
  42. package/dist/ButtonGroup/ButtonGroup.stories.js +0 -385
  43. package/dist/ButtonGroup/ButtonGroup.stories.js.map +0 -1
  44. package/dist/ButtonGroup/ButtonGroup.test.js +0 -67
  45. package/dist/ButtonGroup/ButtonGroup.test.js.map +0 -1
  46. package/dist/ButtonGroup/ButtonGroup.types.js +0 -2
  47. package/dist/ButtonGroup/ButtonGroup.types.js.map +0 -1
  48. package/dist/ButtonGroup/index.js +0 -2
  49. package/dist/ButtonGroup/index.js.map +0 -1
  50. package/dist/ButtonWithDropdown/ButtonWithDropdown.js +0 -60
  51. package/dist/ButtonWithDropdown/ButtonWithDropdown.js.map +0 -1
  52. package/dist/ButtonWithDropdown/ButtonWithDropdown.stories.js +0 -143
  53. package/dist/ButtonWithDropdown/ButtonWithDropdown.stories.js.map +0 -1
  54. package/dist/ButtonWithDropdown/ButtonWithDropdown.test.js +0 -93
  55. package/dist/ButtonWithDropdown/ButtonWithDropdown.test.js.map +0 -1
  56. package/dist/ButtonWithDropdown/ButtonWithDropdown.types.js +0 -2
  57. package/dist/ButtonWithDropdown/ButtonWithDropdown.types.js.map +0 -1
  58. package/dist/ButtonWithDropdown/index.js +0 -2
  59. package/dist/ButtonWithDropdown/index.js.map +0 -1
  60. package/dist/ButtonWithPopover/ButtonWithPopover.js +0 -62
  61. package/dist/ButtonWithPopover/ButtonWithPopover.js.map +0 -1
  62. package/dist/ButtonWithPopover/ButtonWithPopover.stories.js +0 -75
  63. package/dist/ButtonWithPopover/ButtonWithPopover.stories.js.map +0 -1
  64. package/dist/ButtonWithPopover/ButtonWithPopover.test.js +0 -82
  65. package/dist/ButtonWithPopover/ButtonWithPopover.test.js.map +0 -1
  66. package/dist/ButtonWithPopover/ButtonWithPopover.types.js +0 -2
  67. package/dist/ButtonWithPopover/ButtonWithPopover.types.js.map +0 -1
  68. package/dist/ButtonWithPopover/index.js +0 -2
  69. package/dist/ButtonWithPopover/index.js.map +0 -1
  70. package/dist/Carousel/Carousel.js +0 -67
  71. package/dist/Carousel/Carousel.js.map +0 -1
  72. package/dist/Carousel/Carousel.stories.js +0 -115
  73. package/dist/Carousel/Carousel.stories.js.map +0 -1
  74. package/dist/Carousel/Carousel.test.js +0 -48
  75. package/dist/Carousel/Carousel.test.js.map +0 -1
  76. package/dist/Carousel/Carousel.types.js +0 -2
  77. package/dist/Carousel/Carousel.types.js.map +0 -1
  78. package/dist/Carousel/index.js +0 -2
  79. package/dist/Carousel/index.js.map +0 -1
  80. package/dist/Checkbox/Checkbox.js +0 -26
  81. package/dist/Checkbox/Checkbox.js.map +0 -1
  82. package/dist/Checkbox/Checkbox.stories.js +0 -34
  83. package/dist/Checkbox/Checkbox.stories.js.map +0 -1
  84. package/dist/Checkbox/Checkbox.test.js +0 -94
  85. package/dist/Checkbox/Checkbox.test.js.map +0 -1
  86. package/dist/Checkbox/Checkbox.types.js +0 -2
  87. package/dist/Checkbox/Checkbox.types.js.map +0 -1
  88. package/dist/Checkbox/index.js +0 -2
  89. package/dist/Checkbox/index.js.map +0 -1
  90. package/dist/Collapse/Collapse.js +0 -18
  91. package/dist/Collapse/Collapse.js.map +0 -1
  92. package/dist/Collapse/Collapse.stories.js +0 -37
  93. package/dist/Collapse/Collapse.stories.js.map +0 -1
  94. package/dist/Collapse/Collapse.test.js +0 -19
  95. package/dist/Collapse/Collapse.test.js.map +0 -1
  96. package/dist/Collapse/Collapse.types.js +0 -2
  97. package/dist/Collapse/Collapse.types.js.map +0 -1
  98. package/dist/Collapse/index.js +0 -2
  99. package/dist/Collapse/index.js.map +0 -1
  100. package/dist/Icon/Icon.js +0 -55
  101. package/dist/Icon/Icon.js.map +0 -1
  102. package/dist/Icon/Icon.stories.js +0 -47
  103. package/dist/Icon/Icon.stories.js.map +0 -1
  104. package/dist/Icon/Icon.test.js +0 -55
  105. package/dist/Icon/Icon.test.js.map +0 -1
  106. package/dist/Icon/Icon.types.js +0 -16
  107. package/dist/Icon/Icon.types.js.map +0 -1
  108. package/dist/Icon/index.js +0 -2
  109. package/dist/Icon/index.js.map +0 -1
  110. package/dist/InputGroup/InputGroup.js +0 -35
  111. package/dist/InputGroup/InputGroup.js.map +0 -1
  112. package/dist/InputGroup/InputGroup.stories.js +0 -176
  113. package/dist/InputGroup/InputGroup.stories.js.map +0 -1
  114. package/dist/InputGroup/InputGroup.test.js +0 -43
  115. package/dist/InputGroup/InputGroup.test.js.map +0 -1
  116. package/dist/InputGroup/InputGroup.types.js +0 -2
  117. package/dist/InputGroup/InputGroup.types.js.map +0 -1
  118. package/dist/InputGroup/index.js +0 -2
  119. package/dist/InputGroup/index.js.map +0 -1
  120. package/dist/Modal/Modal.js +0 -100
  121. package/dist/Modal/Modal.js.map +0 -1
  122. package/dist/Modal/Modal.stories.js +0 -127
  123. package/dist/Modal/Modal.stories.js.map +0 -1
  124. package/dist/Modal/Modal.test.js +0 -108
  125. package/dist/Modal/Modal.test.js.map +0 -1
  126. package/dist/Modal/Modal.types.js +0 -2
  127. package/dist/Modal/Modal.types.js.map +0 -1
  128. package/dist/Modal/index.js +0 -2
  129. package/dist/Modal/index.js.map +0 -1
  130. package/dist/ProgressBar/ProgressBar.js +0 -70
  131. package/dist/ProgressBar/ProgressBar.js.map +0 -1
  132. package/dist/ProgressBar/ProgressBar.stories.js +0 -83
  133. package/dist/ProgressBar/ProgressBar.stories.js.map +0 -1
  134. package/dist/ProgressBar/ProgressBar.test.js +0 -44
  135. package/dist/ProgressBar/ProgressBar.test.js.map +0 -1
  136. package/dist/ProgressBar/ProgressBar.types.js +0 -2
  137. package/dist/ProgressBar/ProgressBar.types.js.map +0 -1
  138. package/dist/ProgressBar/index.js +0 -2
  139. package/dist/ProgressBar/index.js.map +0 -1
  140. package/dist/SeeqActionDropdown/SeeqActionDropdown.js +0 -48
  141. package/dist/SeeqActionDropdown/SeeqActionDropdown.js.map +0 -1
  142. package/dist/SeeqActionDropdown/SeeqActionDropdown.stories.js +0 -87
  143. package/dist/SeeqActionDropdown/SeeqActionDropdown.stories.js.map +0 -1
  144. package/dist/SeeqActionDropdown/SeeqActionDropdown.test.js +0 -73
  145. package/dist/SeeqActionDropdown/SeeqActionDropdown.test.js.map +0 -1
  146. package/dist/SeeqActionDropdown/SeeqActionDropdown.types.js +0 -2
  147. package/dist/SeeqActionDropdown/SeeqActionDropdown.types.js.map +0 -1
  148. package/dist/SeeqActionDropdown/index.js +0 -2
  149. package/dist/SeeqActionDropdown/index.js.map +0 -1
  150. package/dist/SeeqActionDropdown/variants.js +0 -38
  151. package/dist/SeeqActionDropdown/variants.js.map +0 -1
  152. package/dist/Select/Select.js +0 -177
  153. package/dist/Select/Select.js.map +0 -1
  154. package/dist/Select/Select.stories.js +0 -82
  155. package/dist/Select/Select.stories.js.map +0 -1
  156. package/dist/Select/Select.test.js +0 -182
  157. package/dist/Select/Select.test.js.map +0 -1
  158. package/dist/Select/Select.types.js +0 -2
  159. package/dist/Select/Select.types.js.map +0 -1
  160. package/dist/Select/index.js +0 -3
  161. package/dist/Select/index.js.map +0 -1
  162. package/dist/Slider/Slider.js +0 -13
  163. package/dist/Slider/Slider.js.map +0 -1
  164. package/dist/Slider/Slider.stories.js +0 -58
  165. package/dist/Slider/Slider.stories.js.map +0 -1
  166. package/dist/Slider/Slider.test.js +0 -33
  167. package/dist/Slider/Slider.test.js.map +0 -1
  168. package/dist/Slider/Slider.types.js +0 -2
  169. package/dist/Slider/Slider.types.js.map +0 -1
  170. package/dist/Slider/index.js +0 -2
  171. package/dist/Slider/index.js.map +0 -1
  172. package/dist/SvgIcon/SvgIcon.js +0 -30
  173. package/dist/SvgIcon/SvgIcon.js.map +0 -1
  174. package/dist/SvgIcon/SvgIcon.stories.js +0 -42
  175. package/dist/SvgIcon/SvgIcon.stories.js.map +0 -1
  176. package/dist/SvgIcon/SvgIcon.test.js +0 -41
  177. package/dist/SvgIcon/SvgIcon.test.js.map +0 -1
  178. package/dist/SvgIcon/SvgIcon.types.js +0 -6
  179. package/dist/SvgIcon/SvgIcon.types.js.map +0 -1
  180. package/dist/SvgIcon/index.js +0 -2
  181. package/dist/SvgIcon/index.js.map +0 -1
  182. package/dist/Tabs/Tabs.js +0 -22
  183. package/dist/Tabs/Tabs.js.map +0 -1
  184. package/dist/Tabs/Tabs.stories.js +0 -91
  185. package/dist/Tabs/Tabs.stories.js.map +0 -1
  186. package/dist/Tabs/Tabs.test.js +0 -91
  187. package/dist/Tabs/Tabs.test.js.map +0 -1
  188. package/dist/Tabs/Tabs.types.js +0 -2
  189. package/dist/Tabs/Tabs.types.js.map +0 -1
  190. package/dist/Tabs/index.js +0 -2
  191. package/dist/Tabs/index.js.map +0 -1
  192. package/dist/TextArea/TextArea.js +0 -25
  193. package/dist/TextArea/TextArea.js.map +0 -1
  194. package/dist/TextArea/TextArea.stories.js +0 -46
  195. package/dist/TextArea/TextArea.stories.js.map +0 -1
  196. package/dist/TextArea/TextArea.test.js +0 -68
  197. package/dist/TextArea/TextArea.test.js.map +0 -1
  198. package/dist/TextArea/TextArea.types.js +0 -2
  199. package/dist/TextArea/TextArea.types.js.map +0 -1
  200. package/dist/TextArea/index.js +0 -2
  201. package/dist/TextArea/index.js.map +0 -1
  202. package/dist/TextField/TextField.js +0 -79
  203. package/dist/TextField/TextField.js.map +0 -1
  204. package/dist/TextField/TextField.stories.js +0 -70
  205. package/dist/TextField/TextField.stories.js.map +0 -1
  206. package/dist/TextField/TextField.test.js +0 -39
  207. package/dist/TextField/TextField.test.js.map +0 -1
  208. package/dist/TextField/TextField.types.js +0 -2
  209. package/dist/TextField/TextField.types.js.map +0 -1
  210. package/dist/TextField/index.js +0 -2
  211. package/dist/TextField/index.js.map +0 -1
  212. package/dist/ToolbarButton/ToolbarButton.js +0 -69
  213. package/dist/ToolbarButton/ToolbarButton.js.map +0 -1
  214. package/dist/ToolbarButton/ToolbarButton.stories.js +0 -97
  215. package/dist/ToolbarButton/ToolbarButton.stories.js.map +0 -1
  216. package/dist/ToolbarButton/ToolbarButton.test.js +0 -93
  217. package/dist/ToolbarButton/ToolbarButton.test.js.map +0 -1
  218. package/dist/ToolbarButton/ToolbarButton.types.js +0 -2
  219. package/dist/ToolbarButton/ToolbarButton.types.js.map +0 -1
  220. package/dist/ToolbarButton/index.js +0 -2
  221. package/dist/ToolbarButton/index.js.map +0 -1
  222. package/dist/Tooltip/QTip.stories.js +0 -45
  223. package/dist/Tooltip/QTip.stories.js.map +0 -1
  224. package/dist/Tooltip/QTip.types.js +0 -2
  225. package/dist/Tooltip/QTip.types.js.map +0 -1
  226. package/dist/Tooltip/QTipPerformance.stories.js +0 -30
  227. package/dist/Tooltip/QTipPerformance.stories.js.map +0 -1
  228. package/dist/Tooltip/Qtip.js +0 -168
  229. package/dist/Tooltip/Qtip.js.map +0 -1
  230. package/dist/Tooltip/Tooltip.js +0 -36
  231. package/dist/Tooltip/Tooltip.js.map +0 -1
  232. package/dist/Tooltip/Tooltip.stories.js +0 -32
  233. package/dist/Tooltip/Tooltip.stories.js.map +0 -1
  234. package/dist/Tooltip/Tooltip.types.js +0 -3
  235. package/dist/Tooltip/Tooltip.types.js.map +0 -1
  236. package/dist/Tooltip/TooltipPerformance.stories.js +0 -30
  237. package/dist/Tooltip/TooltipPerformance.stories.js.map +0 -1
  238. package/dist/Tooltip/index.js +0 -3
  239. package/dist/Tooltip/index.js.map +0 -1
  240. package/dist/Tooltip/qTip.utilities.js +0 -11
  241. package/dist/Tooltip/qTip.utilities.js.map +0 -1
  242. package/dist/types.js +0 -2
  243. package/dist/types.js.map +0 -1
  244. package/dist/utils/browserId.js +0 -29
  245. package/dist/utils/browserId.js.map +0 -1
  246. package/dist/utils/svg.js +0 -20
  247. package/dist/utils/svg.js.map +0 -1
  248. package/dist/utils/validateStyleDimension.js +0 -14
  249. package/dist/utils/validateStyleDimension.js.map +0 -1
  250. package/dist/utils/validateStyleDimension.test.js +0 -20
  251. package/dist/utils/validateStyleDimension.test.js.map +0 -1
package/dist/styles.css CHANGED
@@ -100,6 +100,10 @@
100
100
  width: 1.25em;
101
101
  }
102
102
 
103
+ .fc-genai-agent-q:before {
104
+ content: "\e9bb" !important;
105
+ }
106
+
103
107
  .fc-vantage-lock::before {
104
108
  content: '\e9b9' !important;
105
109
  }
@@ -2488,7 +2492,7 @@ ol,
2488
2492
  }
2489
2493
 
2490
2494
  .tw-rounded-md {
2491
- border-radius: 15px;
2495
+ border-radius: 10px;
2492
2496
  }
2493
2497
 
2494
2498
  .tw-rounded-none {
@@ -2510,8 +2514,8 @@ ol,
2510
2514
  }
2511
2515
 
2512
2516
  .tw-rounded-l-md {
2513
- border-top-left-radius: 15px;
2514
- border-bottom-left-radius: 15px;
2517
+ border-top-left-radius: 10px;
2518
+ border-bottom-left-radius: 10px;
2515
2519
  }
2516
2520
 
2517
2521
  .tw-rounded-r-\[15px\] {
@@ -2520,8 +2524,8 @@ ol,
2520
2524
  }
2521
2525
 
2522
2526
  .tw-rounded-r-md {
2523
- border-top-right-radius: 15px;
2524
- border-bottom-right-radius: 15px;
2527
+ border-top-right-radius: 10px;
2528
+ border-bottom-right-radius: 10px;
2525
2529
  }
2526
2530
 
2527
2531
  .tw-rounded-r-none {
@@ -2530,16 +2534,16 @@ ol,
2530
2534
  }
2531
2535
 
2532
2536
  .tw-rounded-t-md {
2533
- border-top-left-radius: 15px;
2534
- border-top-right-radius: 15px;
2537
+ border-top-left-radius: 10px;
2538
+ border-top-right-radius: 10px;
2535
2539
  }
2536
2540
 
2537
2541
  .tw-rounded-tl-md {
2538
- border-top-left-radius: 15px;
2542
+ border-top-left-radius: 10px;
2539
2543
  }
2540
2544
 
2541
2545
  .tw-rounded-tr-md {
2542
- border-top-right-radius: 15px;
2546
+ border-top-right-radius: 10px;
2543
2547
  }
2544
2548
 
2545
2549
  .tw-border {
@@ -2918,44 +2922,48 @@ ol,
2918
2922
  text-align: center;
2919
2923
  }
2920
2924
 
2921
- .tw-text-\[10px\] {
2922
- font-size: 10px;
2925
+ .tw-text-\[0\.5rem\] {
2926
+ font-size: 0.5rem;
2923
2927
  }
2924
2928
 
2925
- .tw-text-\[11px\] {
2926
- font-size: 11px;
2929
+ .tw-text-\[0\.625rem\] {
2930
+ font-size: 0.625rem;
2927
2931
  }
2928
2932
 
2929
- .tw-text-\[12px\] {
2930
- font-size: 12px;
2933
+ .tw-text-\[0\.6875rem\] {
2934
+ font-size: 0.6875rem;
2931
2935
  }
2932
2936
 
2933
- .tw-text-\[13px\] {
2934
- font-size: 13px;
2937
+ .tw-text-\[0\.75rem\] {
2938
+ font-size: 0.75rem;
2935
2939
  }
2936
2940
 
2937
- .tw-text-\[14px\] {
2938
- font-size: 14px;
2941
+ .tw-text-\[0\.8125rem\] {
2942
+ font-size: 0.8125rem;
2939
2943
  }
2940
2944
 
2941
- .tw-text-\[15px\] {
2942
- font-size: 15px;
2945
+ .tw-text-\[0\.875rem\] {
2946
+ font-size: 0.875rem;
2943
2947
  }
2944
2948
 
2945
- .tw-text-\[16px\] {
2946
- font-size: 16px;
2949
+ .tw-text-\[0\.9375rem\] {
2950
+ font-size: 0.9375rem;
2947
2951
  }
2948
2952
 
2949
- .tw-text-\[20px\] {
2950
- font-size: 20px;
2953
+ .tw-text-\[1\.25rem\] {
2954
+ font-size: 1.25rem;
2951
2955
  }
2952
2956
 
2953
- .tw-text-\[22px\] {
2954
- font-size: 22px;
2957
+ .tw-text-\[1\.375rem\] {
2958
+ font-size: 1.375rem;
2959
+ }
2960
+
2961
+ .tw-text-\[1rem\] {
2962
+ font-size: 1rem;
2955
2963
  }
2956
2964
 
2957
- .tw-text-\[8px\] {
2958
- font-size: 8px;
2965
+ .tw-text-\[22px\] {
2966
+ font-size: 22px;
2959
2967
  }
2960
2968
 
2961
2969
  .tw-text-base {
@@ -3371,8 +3379,8 @@ ol,
3371
3379
  }
3372
3380
 
3373
3381
  .first\:tw-rounded-l-md:first-child {
3374
- border-top-left-radius: 15px;
3375
- border-bottom-left-radius: 15px;
3382
+ border-top-left-radius: 10px;
3383
+ border-bottom-left-radius: 10px;
3376
3384
  }
3377
3385
 
3378
3386
  .last\:tw-mr-0:last-child {
@@ -3380,8 +3388,8 @@ ol,
3380
3388
  }
3381
3389
 
3382
3390
  .last\:tw-rounded-r-md:last-child {
3383
- border-top-right-radius: 15px;
3384
- border-bottom-right-radius: 15px;
3391
+ border-top-right-radius: 10px;
3392
+ border-bottom-right-radius: 10px;
3385
3393
  }
3386
3394
 
3387
3395
  .last\:tw-border-r-0:last-child {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seeqdev/qomponents",
3
- "version": "0.0.147",
3
+ "version": "0.0.149",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.esm.js",
6
6
  "types": "dist/index.js",
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- import { Root, Item, Trigger, Content } from '@radix-ui/react-accordion';
3
- const Accordion = ({ accordionItems, defaultValue, value, onItemSelect, disabled, extraClassNames, testId, }) => {
4
- return (React.createElement(Root, { className: `tw-rounded-md tw-w-full focus-visible:tw-outline-none ${extraClassNames || ''}`, type: "single", defaultValue: defaultValue, value: value, collapsible: true, "data-testid": testId, onValueChange: (_value) => onItemSelect(_value) }, accordionItems.map((item) => (React.createElement(Item, { className: `tw-bg-transparent tw-p-0 tw-flex tw-flex-col tw-w-full`, key: item.value, disabled: disabled, value: item.value },
5
- React.createElement(Trigger, { disabled: disabled, className: `tw-w-full tw-cursor-default focus-visible:tw-outline-none` }, item.trigger),
6
- React.createElement(Content, { className: `data-[state=open]:tw-animate-slideDown data-[state=closed]:tw-animate-slideUp tw-overflow-hidden focus-visible:tw-outline-none ${item.contentClassNames || ''}` }, item.content))))));
7
- };
8
- export default Accordion;
9
- //# sourceMappingURL=Accordion.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAGzE,MAAM,SAAS,GAA4C,CAAC,EAC1D,cAAc,EACd,YAAY,EACZ,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,MAAM,GACP,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,IAAI,IACH,SAAS,EAAE,yDAAyD,eAAe,IAAI,EAAE,EAAE,EAC3F,IAAI,EAAC,QAAQ,EACb,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,EACZ,WAAW,uBACE,MAAM,EACnB,aAAa,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,IAC9C,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC5B,oBAAC,IAAI,IACH,SAAS,EAAE,wDAAwD,EACnE,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,IAAI,CAAC,KAAK;QACjB,oBAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,2DAA2D,IAChG,IAAI,CAAC,OAAO,CACL;QACV,oBAAC,OAAO,IACN,SAAS,EAAE,kIACT,IAAI,CAAC,iBAAiB,IAAI,EAC5B,EAAE,IACD,IAAI,CAAC,OAAO,CACL,CACL,CACR,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -1,115 +0,0 @@
1
- import React from 'react';
2
- import Accordion from './Accordion';
3
- import { QTip } from '../Tooltip/Qtip';
4
- import Icon from '../Icon';
5
- import Tabs from '../Tabs';
6
- import Button from '../Button';
7
- export default {
8
- title: 'Accordion',
9
- };
10
- const Trigger = ({ label }) => (React.createElement("div", { className: "tw-flex tw-justify-start tw-items-center tw-border-b tw-px-2 tw-text-sq-color-dark" },
11
- React.createElement(Icon, { icon: "fc-arrow-dropdown", extraClassNames: "tw-text-sq-color-dark tw-mr-[0.5rem] tw-text-[12px]", type: "text" }),
12
- label));
13
- const TriggerSecond = ({ label }) => (React.createElement("div", { className: "tw-flex tw-justify-between tw-items-center tw-border-b tw-px-2 tw-text-sq-color-dark tw-py-2" },
14
- label,
15
- React.createElement(Icon, { icon: "fc-arrow-dropdown", extraClassNames: "tw-text-sq-color-dark tw-mr-[0.5rem] tw-text-[12px]", type: "text" })));
16
- const renderData = () => (React.createElement("div", { className: "tw-text-sq-color-gray dark:tw-text-sq-white" },
17
- React.createElement("p", { className: "tw-mb-5 tw-text-[15px] tw-leading-normal" }, "This is a data tab to show details about your data. You can make changes to your account"),
18
- React.createElement(Button, { variant: "outline", label: "Save data" })));
19
- const renderTools = () => (React.createElement("div", { className: "tw-text-sq-color-gray dark:tw-text-sq-white" },
20
- React.createElement("p", { className: "tw-mb-5 tw-text-[15px] tw-leading-normal" }, "Make changes to your account here. Click save when you're done."),
21
- React.createElement(Button, { variant: "outline", label: "Save tools" })));
22
- const renderJournal = () => (React.createElement("div", { className: "tw-text-sq-color-gray dark:tw-text-sq-white" },
23
- React.createElement("p", { className: "tw-mb-5 tw-text-[15px] tw-leading-normal" }, "Make changes to your account here. Click save when you're done."),
24
- React.createElement(Button, { variant: "outline", label: "Save journal" })));
25
- const tabsList = [
26
- {
27
- id: 'data',
28
- label: 'Data',
29
- icon: 'fc-data',
30
- content: renderData(),
31
- },
32
- {
33
- id: 'tools',
34
- label: 'Tools',
35
- icon: 'fc-gears-2',
36
- content: renderTools(),
37
- },
38
- {
39
- id: 'journal',
40
- label: 'Journal',
41
- icon: 'fc-workbook-lock',
42
- content: renderJournal(),
43
- },
44
- ];
45
- export const AllAccordionVariants = () => {
46
- const [activeTab, setActiveTab] = React.useState('data');
47
- const [value, setValue] = React.useState('oranges');
48
- const accordionItems = [
49
- {
50
- value: 'oranges',
51
- id: 'oranges',
52
- itemTestId: 'oranges',
53
- trigger: React.createElement(Trigger, { label: "Oranges" }),
54
- content: (React.createElement("div", { className: "tw-p-2 tw-text-[13px] dark:tw-text-sq-white" }, "Oranges are the fruit of the citrus species Citrus \u00D7 sinensis in the family Rutaceae. They are also called sweet oranges to distinguish them from the related Citrus \u00D7 aurantium, referred to as bitter oranges. They are round and orange, and usually have a sour or bitter taste. Oranges are a good source of vitamin C.")),
55
- },
56
- {
57
- value: 'apples',
58
- id: 'apples',
59
- itemTestId: 'apples',
60
- trigger: React.createElement(Trigger, { label: "Apples" }),
61
- content: (React.createElement("div", null,
62
- React.createElement("div", { className: "tw-p-4" },
63
- React.createElement(Tabs, { stretchTabs: true, activeTab: activeTab, onTabSelect: setActiveTab, defaultActiveTab: "data", tabs: tabsList })))),
64
- },
65
- {
66
- value: 'bananas',
67
- id: 'bananas',
68
- trigger: React.createElement(Trigger, { label: "Bananas" }),
69
- itemTestId: 'bananas',
70
- content: (React.createElement("div", null, "A banana is an elongated, edible fruit \u2013 botanically a berry \u2013 produced by several kinds of large herbaceous flowering plants in the genus Musa. In some countries, bananas used for cooking may be called \"plantains\", distinguishing them from dessert bananas. The fruit is variable in size, color, and firmness, but is usually elongated and curved, with soft flesh rich in starch covered with a rind, which may be green, yellow, red, purple, or brown when ripe.")),
71
- },
72
- {
73
- value: 'pineapples',
74
- id: 'pineapples',
75
- trigger: React.createElement(Trigger, { label: "Pineapples" }),
76
- itemTestId: 'pineapples',
77
- content: (React.createElement("div", null, "The pineapple is a tropical plant with an edible fruit and the most economically significant plant in the family Bromeliaceae. The pineapple is indigenous to South America, where it has been cultivated for many centuries. The introduction of the pineapple to Europe in the 17th century made it a significant cultural icon of luxury. Since the 1820s, pineapple has been commercially grown in greenhouses and many tropical plantations.")),
78
- },
79
- ];
80
- const allAccordions = (isDark) => (React.createElement("div", { className: isDark ? 'tw-dark tw-bg-sq-dark-background' : '' },
81
- React.createElement("div", { className: "tw-p-5 " },
82
- React.createElement(Accordion, { accordionItems: isDark
83
- ? accordionItems
84
- : accordionItems.map((item) => ({ ...item, trigger: React.createElement(TriggerSecond, { label: item.value.toUpperCase() }) })), value: value, testId: "basic-accordion1", onItemSelect: (value) => setValue(value) }))));
85
- const renderAllVariations = (isDark) => React.createElement("div", { className: "tw-p-4" }, allAccordions(isDark));
86
- return (React.createElement(React.Fragment, null,
87
- React.createElement("div", { className: "tw-grid tw-grid-cols-4 tw-gap-4" },
88
- React.createElement(QTip, null),
89
- React.createElement("div", { className: "color_topic" },
90
- React.createElement("b", null, "Topic Colors"),
91
- renderAllVariations()),
92
- React.createElement("div", { className: "color_analysis" },
93
- React.createElement("b", null, "Analysis Colors"),
94
- renderAllVariations()),
95
- React.createElement("div", { className: "color_datalab" },
96
- React.createElement("b", null, "Datalab Colors"),
97
- renderAllVariations()),
98
- React.createElement("div", { className: "color_vantage" },
99
- React.createElement("b", null, "Vantage Colors"),
100
- renderAllVariations())),
101
- React.createElement("div", { className: "tw-dark tw-bg-sq-dark-background tw-grid tw-grid-cols-4 tw-gap-4 tw-py-4" },
102
- React.createElement("div", { className: "color_topic dark:tw-text-sq-white tw-text-center" },
103
- React.createElement("b", null, "Topic Colors"),
104
- renderAllVariations(true)),
105
- React.createElement("div", { className: "color_analysis dark:tw-text-sq-white tw-text-center" },
106
- React.createElement("b", null, "Analysis Colors"),
107
- renderAllVariations(true)),
108
- React.createElement("div", { className: "color_datalab dark:tw-text-sq-white tw-text-center" },
109
- React.createElement("b", null, "Datalab Colors"),
110
- renderAllVariations(true)),
111
- React.createElement("div", { className: "color_vantage dark:tw-text-sq-white tw-text-center" },
112
- React.createElement("b", null, "Vantage Colors"),
113
- renderAllVariations(true)))));
114
- };
115
- //# sourceMappingURL=Accordion.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Accordion.stories.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,55 +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 Accordion from './Accordion';
6
- describe('Accordion', () => {
7
- const mockOnItemSelect = jest.fn();
8
- class Context {
9
- testId = 'buttonTestId';
10
- label = 'button label';
11
- props = {
12
- accordionItems: [
13
- {
14
- id: 'item1',
15
- value: 'item1',
16
- trigger: 'Item 1',
17
- content: 'Content 1',
18
- },
19
- {
20
- id: 'item2',
21
- value: 'item2',
22
- trigger: 'Item 2',
23
- content: 'Content 2',
24
- },
25
- ],
26
- defaultValue: 'item1',
27
- value: 'item1',
28
- onItemSelect: (key) => mockOnItemSelect(key),
29
- disabled: false,
30
- extraClassNames: 'extra-class',
31
- testId: this.testId,
32
- };
33
- }
34
- let tc;
35
- beforeEach(() => {
36
- tc = new Context();
37
- });
38
- const renderAccordion = (props) => render(React.createElement(Accordion, { ...props }));
39
- it('renders accordion items', () => {
40
- renderAccordion(tc.props);
41
- expect(screen.getByText('Item 1')).toBeInTheDocument();
42
- expect(screen.getByText('Item 2')).toBeInTheDocument();
43
- });
44
- it('renders accordion content', () => {
45
- renderAccordion(tc.props);
46
- expect(screen.getByText('Content 1')).toBeInTheDocument();
47
- expect(screen.queryByText('Content 2')).not.toBeInTheDocument();
48
- });
49
- it('calls onItemSelect when an item is selected', async () => {
50
- renderAccordion(tc.props);
51
- await userEvent.click(screen.getByText('Item 2'));
52
- expect(mockOnItemSelect).toHaveBeenCalledWith('item2');
53
- });
54
- });
55
- //# sourceMappingURL=Accordion.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Accordion.test.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.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,SAAS,MAAM,aAAa,CAAC;AAGpC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,MAAM,gBAAgB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;IACnC,MAAM,OAAO;QACX,MAAM,GAAG,cAAc,CAAC;QACxB,KAAK,GAAG,cAAc,CAAC;QACvB,KAAK,GAAmB;YACtB,cAAc,EAAE;gBACd;oBACE,EAAE,EAAE,OAAO;oBACX,KAAK,EAAE,OAAO;oBACd,OAAO,EAAE,QAAQ;oBACjB,OAAO,EAAE,WAAW;iBACrB;gBACD;oBACE,EAAE,EAAE,OAAO;oBACX,KAAK,EAAE,OAAO;oBACd,OAAO,EAAE,QAAQ;oBACjB,OAAO,EAAE,WAAW;iBACrB;aACF;YACD,YAAY,EAAE,OAAO;YACrB,KAAK,EAAE,OAAO;YACd,YAAY,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC;YAC5C,QAAQ,EAAE,KAAK;YACf,eAAe,EAAE,aAAa;YAC9B,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,eAAe,GAAG,CAAC,KAAqB,EAAE,EAAE,CAAC,MAAM,CAAC,oBAAC,SAAS,OAAK,KAAK,GAAI,CAAC,CAAC;IAEpF,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,eAAe,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QAC1B,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACvD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACnC,eAAe,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QAC1B,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC1D,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;QAC3D,eAAe,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QAC1B,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAClD,MAAM,CAAC,gBAAgB,CAAC,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=Accordion.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Accordion.types.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.types.ts"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export { default } from './Accordion';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}
@@ -1,34 +0,0 @@
1
- import React from 'react';
2
- import '../styles.css';
3
- import Icon from '../Icon';
4
- const baseClasses = 'tw-mx-auto tw-p-4 tw-leading-normal tw-outline-none tw-py-2 tw-px-3 tw-rounded-[15px] tw-w-full tw-relative' +
5
- ' tw-border-solid tw-border tw-text-sm tw-flex tw-flex-col tw-justify-center tw-items-center';
6
- const darkTheme = 'dark:tw-bg-sq-colored-hover-dark dark:tw-text-sq-dark-text';
7
- const lightTheme = 'tw-text-sq-text-color tw-bg-sq-colored-hover';
8
- const errorClasses = 'tw-border-sq-danger-color';
9
- const borderColorClasses = 'tw-border-sq-color-dark';
10
- /**
11
- * Alert.
12
- */
13
- export const Alert = ({ children, dismissible = true, onClose, show = true, variant, testId = 'alert-id', id, extraClassNames, ...tooltipProps }) => {
14
- const appliedTheme = {
15
- theme: `${lightTheme} ${darkTheme}`,
16
- danger: 'tw-text-sq-text-color tw-bg-sq-danger-color',
17
- warning: 'tw-bg-sq-bg-warning-color tw-text-sq-text-color',
18
- gray: 'tw-bg-sq-light-gray tw-text-sq-text-color dark:tw-bg-sq-dark-disabled-gray dark:tw-text-sq-dark-text',
19
- };
20
- const appliedBorderTheme = {
21
- theme: borderColorClasses,
22
- danger: errorClasses,
23
- warning: 'tw-border-none',
24
- gray: 'tw-border-sq-darkish-gray',
25
- };
26
- const appliedClasses = `${baseClasses} ${appliedTheme[variant]} ${extraClassNames} ${appliedBorderTheme[variant]}`;
27
- if (!show) {
28
- return React.createElement("div", null);
29
- }
30
- return (React.createElement("div", { "data-testid": testId, id: id, className: appliedClasses },
31
- children,
32
- dismissible && (React.createElement(Icon, { icon: "fc-delete", type: variant.match(/danger|warning/) ? 'color' : 'theme', color: variant.match(/danger|warning/) ? 'inherit' : undefined, extraClassNames: `tw-self-end tw-text-[11px] tw-cursor-pointer tw-absolute tw-right-[10px] tw-top-[10px] ${variant.match(/danger|warning|gray/) ? 'tw-text-sq-text-color dark:tw-text-sq-dark-text' : ''}`, testId: `${testId}-close-btn`, onClick: onClose, ...tooltipProps }))));
33
- };
34
- //# sourceMappingURL=Alert.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../src/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,CAAC;AACvB,OAAO,IAAI,MAAM,SAAS,CAAC;AAI3B,MAAM,WAAW,GACf,6GAA6G;IAC7G,6FAA6F,CAAC;AAEhG,MAAM,SAAS,GAAG,4DAA4D,CAAC;AAC/E,MAAM,UAAU,GAAG,8CAA8C,CAAC;AAElE,MAAM,YAAY,GAAG,2BAA2B,CAAC;AAEjD,MAAM,kBAAkB,GAAG,yBAAyB,CAAC;AAErD;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAwC,CAAC,EACzD,QAAQ,EACR,WAAW,GAAG,IAAI,EAClB,OAAO,EACP,IAAI,GAAG,IAAI,EACX,OAAO,EACP,MAAM,GAAG,UAAU,EACnB,EAAE,EACF,eAAe,EACf,GAAG,YAAY,EAChB,EAAE,EAAE;IACH,MAAM,YAAY,GAA0C;QAC1D,KAAK,EAAE,GAAG,UAAU,IAAI,SAAS,EAAE;QACnC,MAAM,EAAE,6CAA6C;QACrD,OAAO,EAAE,iDAAiD;QAC1D,IAAI,EAAE,sGAAsG;KAC7G,CAAC;IACF,MAAM,kBAAkB,GAA0C;QAChE,KAAK,EAAE,kBAAkB;QACzB,MAAM,EAAE,YAAY;QACpB,OAAO,EAAE,gBAAgB;QACzB,IAAI,EAAE,2BAA2B;KAClC,CAAC;IACF,MAAM,cAAc,GAAG,GAAG,WAAW,IAAI,YAAY,CAAC,OAAO,CAAC,IAAI,eAAe,IAAI,kBAAkB,CAAC,OAAO,CAAC,EAAE,CAAC;IAEnH,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,gCAAO,CAAC;KAChB;IACD,OAAO,CACL,4CAAkB,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,cAAc;QACxD,QAAQ;QACR,WAAW,IAAI,CACd,oBAAC,IAAI,IACH,IAAI,EAAC,WAAW,EAChB,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EACzD,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC9D,eAAe,EAAE,0FACf,OAAO,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,iDAAiD,CAAC,CAAC,CAAC,EAC7F,EAAE,EACF,MAAM,EAAE,GAAG,MAAM,YAAY,EAC7B,OAAO,EAAE,OAAO,KACZ,YAAY,GAChB,CACH,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}
@@ -1,52 +0,0 @@
1
- import React from 'react';
2
- import { Alert } from './Alert';
3
- import { QTip } from '../Tooltip';
4
- export default {
5
- title: 'Alert',
6
- };
7
- const colors = ['topic', 'analysis', 'datalab', 'vantage'];
8
- const renderAlert = ({ text, dismissable, variant, }) => (React.createElement("div", { className: "tw-text-sq-color-gray dark:tw-text-sq-white" },
9
- React.createElement("p", { className: "tw-mb-5 tw-text-[15px] tw-leading-normal" }),
10
- React.createElement(Alert, { variant: variant, dismissible: dismissable, show: true, extraClassNames: "tw-h-[200px]", tooltip: "This is a small close alert icon", tooltipDelay: 0, tooltipPlacement: "top", isHtmlTooltip: false }, text)));
11
- export const AllAlertsVariants = () => {
12
- const renderAllVariations = (color) => (React.createElement("div", { key: color + '_wrapper' },
13
- React.createElement("div", { className: "tw-p-4" }, renderAlert({
14
- text: 'This is a dismissible alert, it looks very pleasing and is very useful for showing alerts to the user',
15
- dismissable: true,
16
- variant: 'theme',
17
- })),
18
- React.createElement("div", { className: "tw-p-4" }, renderAlert({
19
- text: 'This is a non dismissable alert, it looks very pleasing and is very useful for showing alerts to the user',
20
- dismissable: false,
21
- variant: 'theme',
22
- })),
23
- React.createElement("div", { className: "tw-p-4" }, renderAlert({
24
- text: 'This is a warning alert, it is used to display a warning',
25
- dismissable: false,
26
- variant: 'warning',
27
- })),
28
- React.createElement("div", { className: "tw-p-4" }, renderAlert({
29
- text: 'This is an error alert, it is used to display an error',
30
- dismissable: false,
31
- variant: 'danger',
32
- })),
33
- React.createElement("div", { className: "tw-p-4" }, renderAlert({
34
- text: 'This is a gray alert, it is used to display a neutral alert',
35
- dismissable: true,
36
- variant: 'gray',
37
- })),
38
- React.createElement("div", { className: "tw-p-4" }, renderAlert({
39
- text: 'This is an error alert that is dismissible, it is used to display an error',
40
- dismissable: true,
41
- variant: 'danger',
42
- }))));
43
- return (React.createElement("div", null,
44
- React.createElement(QTip, null),
45
- React.createElement("div", { className: "tw-grid tw-grid-cols-4 tw-gap-4" }, colors.map((color) => {
46
- return React.createElement("div", { className: `color_${color}` }, renderAllVariations(color));
47
- })),
48
- React.createElement("div", { className: "tw-dark tw-bg-sq-dark-background tw-grid tw-grid-cols-4 tw-gap-4" }, colors.map((color) => {
49
- return React.createElement("div", { className: `color_${color}` }, renderAllVariations(color));
50
- }))));
51
- };
52
- //# sourceMappingURL=Alert.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Alert.stories.js","sourceRoot":"","sources":["../../src/Alert/Alert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,eAAe;IACb,KAAK,EAAE,OAAO;CACf,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAE3D,MAAM,WAAW,GAAG,CAAC,EACnB,IAAI,EACJ,WAAW,EACX,OAAO,GAKR,EAAE,EAAE,CAAC,CACJ,6BAAK,SAAS,EAAC,6CAA6C;IAC1D,2BAAG,SAAS,EAAC,0CAA0C,GAAK;IAC5D,oBAAC,KAAK,IACJ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,IAAI,QACJ,eAAe,EAAC,cAAc,EAC9B,OAAO,EAAC,kCAAkC,EAC1C,YAAY,EAAE,CAAC,EACf,gBAAgB,EAAC,KAAK,EACtB,aAAa,EAAE,KAAK,IACnB,IAAI,CACC,CACJ,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,mBAAmB,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAC7C,6BAAK,GAAG,EAAE,KAAK,GAAG,UAAU;QAC1B,6BAAK,SAAS,EAAC,QAAQ,IACpB,WAAW,CAAC;YACX,IAAI,EAAE,uGAAuG;YAC7G,WAAW,EAAE,IAAI;YACjB,OAAO,EAAE,OAAO;SACjB,CAAC,CACE;QACN,6BAAK,SAAS,EAAC,QAAQ,IACpB,WAAW,CAAC;YACX,IAAI,EAAE,2GAA2G;YACjH,WAAW,EAAE,KAAK;YAClB,OAAO,EAAE,OAAO;SACjB,CAAC,CACE;QACN,6BAAK,SAAS,EAAC,QAAQ,IACpB,WAAW,CAAC;YACX,IAAI,EAAE,0DAA0D;YAChE,WAAW,EAAE,KAAK;YAClB,OAAO,EAAE,SAAS;SACnB,CAAC,CACE;QACN,6BAAK,SAAS,EAAC,QAAQ,IACpB,WAAW,CAAC;YACX,IAAI,EAAE,wDAAwD;YAC9D,WAAW,EAAE,KAAK;YAClB,OAAO,EAAE,QAAQ;SAClB,CAAC,CACE;QACN,6BAAK,SAAS,EAAC,QAAQ,IACpB,WAAW,CAAC;YACX,IAAI,EAAE,6DAA6D;YACnE,WAAW,EAAE,IAAI;YACjB,OAAO,EAAE,MAAM;SAChB,CAAC,CACE;QACN,6BAAK,SAAS,EAAC,QAAQ,IACpB,WAAW,CAAC;YACX,IAAI,EAAE,4EAA4E;YAClF,WAAW,EAAE,IAAI;YACjB,OAAO,EAAE,QAAQ;SAClB,CAAC,CACE,CACF,CACP,CAAC;IACF,OAAO,CACL;QACE,oBAAC,IAAI,OAAG;QACR,6BAAK,SAAS,EAAC,iCAAiC,IAC7C,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YACpB,OAAO,6BAAK,SAAS,EAAE,SAAS,KAAK,EAAE,IAAG,mBAAmB,CAAC,KAAK,CAAC,CAAO,CAAC;QAC9E,CAAC,CAAC,CACE;QACN,6BAAK,SAAS,EAAC,kEAAkE,IAC9E,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YACpB,OAAO,6BAAK,SAAS,EAAE,SAAS,KAAK,EAAE,IAAG,mBAAmB,CAAC,KAAK,CAAC,CAAO,CAAC;QAC9E,CAAC,CAAC,CACE,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}
@@ -1,51 +0,0 @@
1
- import React from 'react';
2
- import { fireEvent, render, screen } from '@testing-library/react';
3
- import '@testing-library/jest-dom/extend-expect';
4
- import { Alert } from './Alert';
5
- describe('Alert Component', () => {
6
- const defaultProps = {
7
- children: 'Test Alert',
8
- dismissible: true,
9
- onClose: jest.fn(),
10
- show: true,
11
- variant: 'theme',
12
- testId: 'alert-test-id',
13
- id: 'alert-id',
14
- extraClassNames: '',
15
- };
16
- it('should render the Alert component', () => {
17
- render(React.createElement(Alert, { ...defaultProps }));
18
- const alertElement = screen.getByTestId('alert-test-id');
19
- expect(alertElement).toBeInTheDocument();
20
- });
21
- it('should render children correctly', () => {
22
- render(React.createElement(Alert, { ...defaultProps }));
23
- const alertElement = screen.getByTestId('alert-test-id');
24
- expect(alertElement).toHaveTextContent('Test Alert');
25
- });
26
- it('should apply the correct classes based on variant', () => {
27
- const { rerender } = render(React.createElement(Alert, { ...defaultProps, variant: "danger" }));
28
- let alertElement = screen.getByTestId('alert-test-id');
29
- expect(alertElement).toHaveClass('tw-text-sq-text-color tw-bg-sq-danger-color');
30
- rerender(React.createElement(Alert, { ...defaultProps, variant: "warning" }));
31
- alertElement = screen.getByTestId('alert-test-id');
32
- expect(alertElement).toHaveClass('tw-bg-sq-bg-warning-color tw-text-sq-text-color');
33
- });
34
- it('should call onClose when dismissible icon is clicked', () => {
35
- render(React.createElement(Alert, { ...defaultProps }));
36
- const closeButton = screen.getByTestId('alert-test-id-close-btn');
37
- fireEvent.click(closeButton);
38
- expect(defaultProps.onClose).toHaveBeenCalled();
39
- });
40
- it('should not render when show is false', () => {
41
- render(React.createElement(Alert, { ...defaultProps, show: false }));
42
- const alertElement = screen.queryByTestId('alert-test-id');
43
- expect(alertElement).not.toBeInTheDocument();
44
- });
45
- it('should apply extra class names', () => {
46
- render(React.createElement(Alert, { ...defaultProps, extraClassNames: "extra-class" }));
47
- const alertElement = screen.getByTestId('alert-test-id');
48
- expect(alertElement).toHaveClass('extra-class');
49
- });
50
- });
51
- //# sourceMappingURL=Alert.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Alert.test.js","sourceRoot":"","sources":["../../src/Alert/Alert.test.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=Alert.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Alert.types.js","sourceRoot":"","sources":["../../src/Alert/Alert.types.ts"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export { Alert as default } from './Alert';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,SAAS,CAAC"}