@seeqdev/qomponents 0.0.143 → 0.0.145

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 (244) hide show
  1. package/dist/styles.css +13 -13
  2. package/package.json +1 -1
  3. package/dist/Accordion/Accordion.js +0 -9
  4. package/dist/Accordion/Accordion.js.map +0 -1
  5. package/dist/Accordion/Accordion.stories.js +0 -115
  6. package/dist/Accordion/Accordion.stories.js.map +0 -1
  7. package/dist/Accordion/Accordion.test.js +0 -55
  8. package/dist/Accordion/Accordion.test.js.map +0 -1
  9. package/dist/Accordion/Accordion.types.js +0 -2
  10. package/dist/Accordion/Accordion.types.js.map +0 -1
  11. package/dist/Accordion/index.js +0 -2
  12. package/dist/Accordion/index.js.map +0 -1
  13. package/dist/Alert/Alert.js +0 -34
  14. package/dist/Alert/Alert.js.map +0 -1
  15. package/dist/Alert/Alert.stories.js +0 -52
  16. package/dist/Alert/Alert.stories.js.map +0 -1
  17. package/dist/Alert/Alert.test.js +0 -51
  18. package/dist/Alert/Alert.test.js.map +0 -1
  19. package/dist/Alert/Alert.types.js +0 -2
  20. package/dist/Alert/Alert.types.js.map +0 -1
  21. package/dist/Alert/index.js +0 -2
  22. package/dist/Alert/index.js.map +0 -1
  23. package/dist/Button/Button.js +0 -92
  24. package/dist/Button/Button.js.map +0 -1
  25. package/dist/Button/Button.stories.js +0 -100
  26. package/dist/Button/Button.stories.js.map +0 -1
  27. package/dist/Button/Button.test.js +0 -49
  28. package/dist/Button/Button.test.js.map +0 -1
  29. package/dist/Button/Button.types.js +0 -5
  30. package/dist/Button/Button.types.js.map +0 -1
  31. package/dist/Button/index.js +0 -2
  32. package/dist/Button/index.js.map +0 -1
  33. package/dist/ButtonGroup/ButtonGroup.js +0 -35
  34. package/dist/ButtonGroup/ButtonGroup.js.map +0 -1
  35. package/dist/ButtonGroup/ButtonGroup.stories.js +0 -385
  36. package/dist/ButtonGroup/ButtonGroup.stories.js.map +0 -1
  37. package/dist/ButtonGroup/ButtonGroup.test.js +0 -67
  38. package/dist/ButtonGroup/ButtonGroup.test.js.map +0 -1
  39. package/dist/ButtonGroup/ButtonGroup.types.js +0 -2
  40. package/dist/ButtonGroup/ButtonGroup.types.js.map +0 -1
  41. package/dist/ButtonGroup/index.js +0 -2
  42. package/dist/ButtonGroup/index.js.map +0 -1
  43. package/dist/ButtonWithDropdown/ButtonWithDropdown.js +0 -60
  44. package/dist/ButtonWithDropdown/ButtonWithDropdown.js.map +0 -1
  45. package/dist/ButtonWithDropdown/ButtonWithDropdown.stories.js +0 -143
  46. package/dist/ButtonWithDropdown/ButtonWithDropdown.stories.js.map +0 -1
  47. package/dist/ButtonWithDropdown/ButtonWithDropdown.test.js +0 -93
  48. package/dist/ButtonWithDropdown/ButtonWithDropdown.test.js.map +0 -1
  49. package/dist/ButtonWithDropdown/ButtonWithDropdown.types.js +0 -2
  50. package/dist/ButtonWithDropdown/ButtonWithDropdown.types.js.map +0 -1
  51. package/dist/ButtonWithDropdown/index.js +0 -2
  52. package/dist/ButtonWithDropdown/index.js.map +0 -1
  53. package/dist/ButtonWithPopover/ButtonWithPopover.js +0 -62
  54. package/dist/ButtonWithPopover/ButtonWithPopover.js.map +0 -1
  55. package/dist/ButtonWithPopover/ButtonWithPopover.stories.js +0 -75
  56. package/dist/ButtonWithPopover/ButtonWithPopover.stories.js.map +0 -1
  57. package/dist/ButtonWithPopover/ButtonWithPopover.test.js +0 -82
  58. package/dist/ButtonWithPopover/ButtonWithPopover.test.js.map +0 -1
  59. package/dist/ButtonWithPopover/ButtonWithPopover.types.js +0 -2
  60. package/dist/ButtonWithPopover/ButtonWithPopover.types.js.map +0 -1
  61. package/dist/ButtonWithPopover/index.js +0 -2
  62. package/dist/ButtonWithPopover/index.js.map +0 -1
  63. package/dist/Carousel/Carousel.js +0 -67
  64. package/dist/Carousel/Carousel.js.map +0 -1
  65. package/dist/Carousel/Carousel.stories.js +0 -115
  66. package/dist/Carousel/Carousel.stories.js.map +0 -1
  67. package/dist/Carousel/Carousel.test.js +0 -48
  68. package/dist/Carousel/Carousel.test.js.map +0 -1
  69. package/dist/Carousel/Carousel.types.js +0 -2
  70. package/dist/Carousel/Carousel.types.js.map +0 -1
  71. package/dist/Carousel/index.js +0 -2
  72. package/dist/Carousel/index.js.map +0 -1
  73. package/dist/Checkbox/Checkbox.js +0 -26
  74. package/dist/Checkbox/Checkbox.js.map +0 -1
  75. package/dist/Checkbox/Checkbox.stories.js +0 -34
  76. package/dist/Checkbox/Checkbox.stories.js.map +0 -1
  77. package/dist/Checkbox/Checkbox.test.js +0 -94
  78. package/dist/Checkbox/Checkbox.test.js.map +0 -1
  79. package/dist/Checkbox/Checkbox.types.js +0 -2
  80. package/dist/Checkbox/Checkbox.types.js.map +0 -1
  81. package/dist/Checkbox/index.js +0 -2
  82. package/dist/Checkbox/index.js.map +0 -1
  83. package/dist/Collapse/Collapse.js +0 -18
  84. package/dist/Collapse/Collapse.js.map +0 -1
  85. package/dist/Collapse/Collapse.stories.js +0 -37
  86. package/dist/Collapse/Collapse.stories.js.map +0 -1
  87. package/dist/Collapse/Collapse.test.js +0 -19
  88. package/dist/Collapse/Collapse.test.js.map +0 -1
  89. package/dist/Collapse/Collapse.types.js +0 -2
  90. package/dist/Collapse/Collapse.types.js.map +0 -1
  91. package/dist/Collapse/index.js +0 -2
  92. package/dist/Collapse/index.js.map +0 -1
  93. package/dist/Icon/Icon.js +0 -55
  94. package/dist/Icon/Icon.js.map +0 -1
  95. package/dist/Icon/Icon.stories.js +0 -47
  96. package/dist/Icon/Icon.stories.js.map +0 -1
  97. package/dist/Icon/Icon.test.js +0 -55
  98. package/dist/Icon/Icon.test.js.map +0 -1
  99. package/dist/Icon/Icon.types.js +0 -16
  100. package/dist/Icon/Icon.types.js.map +0 -1
  101. package/dist/Icon/index.js +0 -2
  102. package/dist/Icon/index.js.map +0 -1
  103. package/dist/InputGroup/InputGroup.js +0 -35
  104. package/dist/InputGroup/InputGroup.js.map +0 -1
  105. package/dist/InputGroup/InputGroup.stories.js +0 -176
  106. package/dist/InputGroup/InputGroup.stories.js.map +0 -1
  107. package/dist/InputGroup/InputGroup.test.js +0 -43
  108. package/dist/InputGroup/InputGroup.test.js.map +0 -1
  109. package/dist/InputGroup/InputGroup.types.js +0 -2
  110. package/dist/InputGroup/InputGroup.types.js.map +0 -1
  111. package/dist/InputGroup/index.js +0 -2
  112. package/dist/InputGroup/index.js.map +0 -1
  113. package/dist/Modal/Modal.js +0 -100
  114. package/dist/Modal/Modal.js.map +0 -1
  115. package/dist/Modal/Modal.stories.js +0 -127
  116. package/dist/Modal/Modal.stories.js.map +0 -1
  117. package/dist/Modal/Modal.test.js +0 -108
  118. package/dist/Modal/Modal.test.js.map +0 -1
  119. package/dist/Modal/Modal.types.js +0 -2
  120. package/dist/Modal/Modal.types.js.map +0 -1
  121. package/dist/Modal/index.js +0 -2
  122. package/dist/Modal/index.js.map +0 -1
  123. package/dist/ProgressBar/ProgressBar.js +0 -70
  124. package/dist/ProgressBar/ProgressBar.js.map +0 -1
  125. package/dist/ProgressBar/ProgressBar.stories.js +0 -83
  126. package/dist/ProgressBar/ProgressBar.stories.js.map +0 -1
  127. package/dist/ProgressBar/ProgressBar.test.js +0 -44
  128. package/dist/ProgressBar/ProgressBar.test.js.map +0 -1
  129. package/dist/ProgressBar/ProgressBar.types.js +0 -2
  130. package/dist/ProgressBar/ProgressBar.types.js.map +0 -1
  131. package/dist/ProgressBar/index.js +0 -2
  132. package/dist/ProgressBar/index.js.map +0 -1
  133. package/dist/SeeqActionDropdown/SeeqActionDropdown.js +0 -48
  134. package/dist/SeeqActionDropdown/SeeqActionDropdown.js.map +0 -1
  135. package/dist/SeeqActionDropdown/SeeqActionDropdown.stories.js +0 -87
  136. package/dist/SeeqActionDropdown/SeeqActionDropdown.stories.js.map +0 -1
  137. package/dist/SeeqActionDropdown/SeeqActionDropdown.test.js +0 -73
  138. package/dist/SeeqActionDropdown/SeeqActionDropdown.test.js.map +0 -1
  139. package/dist/SeeqActionDropdown/SeeqActionDropdown.types.js +0 -2
  140. package/dist/SeeqActionDropdown/SeeqActionDropdown.types.js.map +0 -1
  141. package/dist/SeeqActionDropdown/index.js +0 -2
  142. package/dist/SeeqActionDropdown/index.js.map +0 -1
  143. package/dist/SeeqActionDropdown/variants.js +0 -38
  144. package/dist/SeeqActionDropdown/variants.js.map +0 -1
  145. package/dist/Select/Select.js +0 -177
  146. package/dist/Select/Select.js.map +0 -1
  147. package/dist/Select/Select.stories.js +0 -80
  148. package/dist/Select/Select.stories.js.map +0 -1
  149. package/dist/Select/Select.test.js +0 -182
  150. package/dist/Select/Select.test.js.map +0 -1
  151. package/dist/Select/Select.types.js +0 -2
  152. package/dist/Select/Select.types.js.map +0 -1
  153. package/dist/Select/index.js +0 -3
  154. package/dist/Select/index.js.map +0 -1
  155. package/dist/Slider/Slider.js +0 -13
  156. package/dist/Slider/Slider.js.map +0 -1
  157. package/dist/Slider/Slider.stories.js +0 -58
  158. package/dist/Slider/Slider.stories.js.map +0 -1
  159. package/dist/Slider/Slider.test.js +0 -33
  160. package/dist/Slider/Slider.test.js.map +0 -1
  161. package/dist/Slider/Slider.types.js +0 -2
  162. package/dist/Slider/Slider.types.js.map +0 -1
  163. package/dist/Slider/index.js +0 -2
  164. package/dist/Slider/index.js.map +0 -1
  165. package/dist/SvgIcon/SvgIcon.js +0 -30
  166. package/dist/SvgIcon/SvgIcon.js.map +0 -1
  167. package/dist/SvgIcon/SvgIcon.stories.js +0 -42
  168. package/dist/SvgIcon/SvgIcon.stories.js.map +0 -1
  169. package/dist/SvgIcon/SvgIcon.test.js +0 -41
  170. package/dist/SvgIcon/SvgIcon.test.js.map +0 -1
  171. package/dist/SvgIcon/SvgIcon.types.js +0 -6
  172. package/dist/SvgIcon/SvgIcon.types.js.map +0 -1
  173. package/dist/SvgIcon/index.js +0 -2
  174. package/dist/SvgIcon/index.js.map +0 -1
  175. package/dist/Tabs/Tabs.js +0 -22
  176. package/dist/Tabs/Tabs.js.map +0 -1
  177. package/dist/Tabs/Tabs.stories.js +0 -91
  178. package/dist/Tabs/Tabs.stories.js.map +0 -1
  179. package/dist/Tabs/Tabs.test.js +0 -91
  180. package/dist/Tabs/Tabs.test.js.map +0 -1
  181. package/dist/Tabs/Tabs.types.js +0 -2
  182. package/dist/Tabs/Tabs.types.js.map +0 -1
  183. package/dist/Tabs/index.js +0 -2
  184. package/dist/Tabs/index.js.map +0 -1
  185. package/dist/TextArea/TextArea.js +0 -25
  186. package/dist/TextArea/TextArea.js.map +0 -1
  187. package/dist/TextArea/TextArea.stories.js +0 -46
  188. package/dist/TextArea/TextArea.stories.js.map +0 -1
  189. package/dist/TextArea/TextArea.test.js +0 -68
  190. package/dist/TextArea/TextArea.test.js.map +0 -1
  191. package/dist/TextArea/TextArea.types.js +0 -2
  192. package/dist/TextArea/TextArea.types.js.map +0 -1
  193. package/dist/TextArea/index.js +0 -2
  194. package/dist/TextArea/index.js.map +0 -1
  195. package/dist/TextField/TextField.js +0 -79
  196. package/dist/TextField/TextField.js.map +0 -1
  197. package/dist/TextField/TextField.stories.js +0 -70
  198. package/dist/TextField/TextField.stories.js.map +0 -1
  199. package/dist/TextField/TextField.test.js +0 -39
  200. package/dist/TextField/TextField.test.js.map +0 -1
  201. package/dist/TextField/TextField.types.js +0 -2
  202. package/dist/TextField/TextField.types.js.map +0 -1
  203. package/dist/TextField/index.js +0 -2
  204. package/dist/TextField/index.js.map +0 -1
  205. package/dist/ToolbarButton/ToolbarButton.js +0 -69
  206. package/dist/ToolbarButton/ToolbarButton.js.map +0 -1
  207. package/dist/ToolbarButton/ToolbarButton.stories.js +0 -97
  208. package/dist/ToolbarButton/ToolbarButton.stories.js.map +0 -1
  209. package/dist/ToolbarButton/ToolbarButton.test.js +0 -93
  210. package/dist/ToolbarButton/ToolbarButton.test.js.map +0 -1
  211. package/dist/ToolbarButton/ToolbarButton.types.js +0 -2
  212. package/dist/ToolbarButton/ToolbarButton.types.js.map +0 -1
  213. package/dist/ToolbarButton/index.js +0 -2
  214. package/dist/ToolbarButton/index.js.map +0 -1
  215. package/dist/Tooltip/QTip.stories.js +0 -45
  216. package/dist/Tooltip/QTip.stories.js.map +0 -1
  217. package/dist/Tooltip/QTip.types.js +0 -2
  218. package/dist/Tooltip/QTip.types.js.map +0 -1
  219. package/dist/Tooltip/QTipPerformance.stories.js +0 -30
  220. package/dist/Tooltip/QTipPerformance.stories.js.map +0 -1
  221. package/dist/Tooltip/Qtip.js +0 -168
  222. package/dist/Tooltip/Qtip.js.map +0 -1
  223. package/dist/Tooltip/Tooltip.js +0 -36
  224. package/dist/Tooltip/Tooltip.js.map +0 -1
  225. package/dist/Tooltip/Tooltip.stories.js +0 -32
  226. package/dist/Tooltip/Tooltip.stories.js.map +0 -1
  227. package/dist/Tooltip/Tooltip.types.js +0 -3
  228. package/dist/Tooltip/Tooltip.types.js.map +0 -1
  229. package/dist/Tooltip/TooltipPerformance.stories.js +0 -30
  230. package/dist/Tooltip/TooltipPerformance.stories.js.map +0 -1
  231. package/dist/Tooltip/index.js +0 -3
  232. package/dist/Tooltip/index.js.map +0 -1
  233. package/dist/Tooltip/qTip.utilities.js +0 -11
  234. package/dist/Tooltip/qTip.utilities.js.map +0 -1
  235. package/dist/types.js +0 -2
  236. package/dist/types.js.map +0 -1
  237. package/dist/utils/browserId.js +0 -29
  238. package/dist/utils/browserId.js.map +0 -1
  239. package/dist/utils/svg.js +0 -20
  240. package/dist/utils/svg.js.map +0 -1
  241. package/dist/utils/validateStyleDimension.js +0 -14
  242. package/dist/utils/validateStyleDimension.js.map +0 -1
  243. package/dist/utils/validateStyleDimension.test.js +0 -20
  244. package/dist/utils/validateStyleDimension.test.js.map +0 -1
@@ -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-sm',
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-[13px] 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-[13px] 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-[8px] 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-[13px] 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-[13px] 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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"}
@@ -1,143 +0,0 @@
1
- import React from 'react';
2
- import ButtonWithDropdown from './ButtonWithDropdown';
3
- import Icon from '../Icon';
4
- import { QTip } from '../Tooltip/Qtip';
5
- export default {
6
- title: 'Button with Dropdown',
7
- };
8
- export const AllButtonWithDropdownVariants = () => {
9
- const [openDropdown, setOpenDropdown] = React.useState('');
10
- const allButtonWithDropdowns = (color, isDark) => (React.createElement("div", { className: isDark ? 'tw-dark tw-bg-sq-dark-background' : '' },
11
- React.createElement("div", { className: "tw-p-5 " },
12
- React.createElement(ButtonWithDropdown, { onOpenChange: (isOpen) => setOpenDropdown(isOpen ? `dropdown-1-${color}-${isDark ? 'dark' : 'light'}` : ''), isOpen: openDropdown === `dropdown-1-${color}-${isDark ? 'dark' : 'light'}`, triggerIcon: React.createElement(Icon, { icon: "fc-more", type: "text", extraClassNames: "tw-text-sq-text-color dark:tw-text-sq-white tw-w-[18px]" }), containerTestId: "basic-dropdown1", tooltip: "This is a small dropdown.", tooltipDelay: 0, tooltipPlacement: "top", dropdownItems: [
13
- { label: 'Orange', icon: 'fc-data-file', onClick: () => setOpenDropdown('') },
14
- { label: 'Mango', icon: 'fc-user-community', onClick: () => setOpenDropdown('') },
15
- { label: 'Guava', icon: 'fc-user-community', onClick: () => setOpenDropdown('') },
16
- {
17
- label: 'Banana',
18
- icon: 'fc-user-community',
19
- onClick: () => setOpenDropdown(''),
20
- tooltipDelay: 0,
21
- tooltip: 'This is a banana',
22
- },
23
- ] })),
24
- React.createElement("div", { className: "tw-p-5 " },
25
- React.createElement(ButtonWithDropdown, { triggerIcon: React.createElement(Icon, { icon: "fc-more", type: "text", extraClassNames: "tw-text-sq-text-color dark:tw-text-sq-white tw-w-[18px]" }), onOpenChange: (isOpen) => setOpenDropdown(isOpen ? `dropdown-2-${color}-${isDark ? 'dark' : 'light'}` : ''), isOpen: openDropdown === `dropdown-2-${color}-${isDark ? 'dark' : 'light'}`, dropdownItems: [
26
- { label: 'Orange', icon: 'fc-data-file', onClick: () => setOpenDropdown(''), hasDivider: true },
27
- { label: 'Mango', icon: 'fc-user-community', onClick: () => setOpenDropdown('') },
28
- { label: 'Guava', icon: 'fc-user-community', onClick: () => setOpenDropdown(''), hasDivider: true },
29
- { label: 'Banana', icon: 'fc-user-community', onClick: () => setOpenDropdown('') },
30
- ], containerTestId: "basic-dropdown1", tooltip: "This is a normal dropdown.", tooltipDelay: 0, tooltipPlacement: "top" })),
31
- React.createElement("div", { className: "tw-p-5 " },
32
- React.createElement("div", { className: "dark:tw-text-white tw-text-xs" }, "Dropdown with arrow"),
33
- React.createElement(ButtonWithDropdown, { triggerIcon: React.createElement(Icon, { icon: "fc-more", type: "text", extraClassNames: "tw-text-sq-text-color dark:tw-text-sq-white tw-w-[18px]" }), onOpenChange: (isOpen) => setOpenDropdown(isOpen ? `dropdown-3-${color}-${isDark ? 'dark' : 'light'}` : ''), isOpen: openDropdown === `dropdown-3-${color}-${isDark ? 'dark' : 'light'}`, dropdownItems: [
34
- { label: 'Orange', icon: 'fc-data-file', onClick: () => setOpenDropdown(''), hasDivider: true },
35
- { label: 'Mango', icon: 'fc-user-community', onClick: () => setOpenDropdown('') },
36
- { label: 'Guava', icon: 'fc-user-community', onClick: () => setOpenDropdown(''), hasDivider: true },
37
- { label: 'Banana', icon: 'fc-user-community', onClick: () => setOpenDropdown('') },
38
- ], containerTestId: "basic-dropdown1", hasArrow: true, tooltip: "This is a normal dropdown aligned to the end", tooltipDelay: 0, tooltipPlacement: "top" })),
39
- React.createElement("div", { className: "tw-p-5 " },
40
- React.createElement("div", { className: "dark:tw-text-white tw-text-xs" }, "Dropdown aligned at center"),
41
- React.createElement(ButtonWithDropdown, { triggerIcon: React.createElement(Icon, { icon: "fc-more", type: "text", extraClassNames: "tw-text-sq-text-color dark:tw-text-sq-white tw-w-[18px]" }), onOpenChange: (isOpen) => setOpenDropdown(isOpen ? `dropdown-4-${color}-${isDark ? 'dark' : 'light'}` : ''), isOpen: openDropdown === `dropdown-4-${color}-${isDark ? 'dark' : 'light'}`, dropdownItems: [
42
- { label: 'Orange', icon: 'fc-data-file', onClick: () => setOpenDropdown(''), hasDivider: true },
43
- { label: 'Mango', icon: 'fc-user-community', onClick: () => setOpenDropdown('') },
44
- { label: 'Guava', icon: 'fc-user-community', onClick: () => setOpenDropdown(''), hasDivider: true },
45
- { label: 'Banana', icon: 'fc-user-community', onClick: () => setOpenDropdown('') },
46
- ], containerTestId: "basic-dropdown1", hasArrow: true, tooltip: "This is a normal dropdown aligned to the center", align: "center", tooltipDelay: 0, tooltipPlacement: "top" })),
47
- React.createElement("div", { className: "tw-p-5 " },
48
- React.createElement("div", { className: "dark:tw-text-white tw-text-xs" }, "Dropdown aligned at start"),
49
- React.createElement(ButtonWithDropdown, { triggerIcon: React.createElement(Icon, { icon: "fc-more", type: "text", extraClassNames: "tw-text-sq-text-color dark:tw-text-sq-white tw-w-[18px]" }), onOpenChange: (isOpen) => setOpenDropdown(isOpen ? `dropdown-5-${color}-${isDark ? 'dark' : 'light'}` : ''), isOpen: openDropdown === `dropdown-5-${color}-${isDark ? 'dark' : 'light'}`, dropdownItems: [
50
- { label: 'Orange', icon: 'fc-data-file', onClick: () => setOpenDropdown(''), hasDivider: true },
51
- { label: 'Mango', icon: 'fc-user-community', onClick: () => setOpenDropdown('') },
52
- { label: 'Guava', icon: 'fc-user-community', onClick: () => setOpenDropdown(''), hasDivider: true },
53
- { label: 'Banana', icon: 'fc-user-community', onClick: () => setOpenDropdown('') },
54
- ], containerTestId: "basic-dropdown1", hasArrow: true, tooltip: "This is a normal dropdown aligned to the center", align: "start", tooltipDelay: 0, tooltipPlacement: "top" })),
55
- React.createElement("div", { className: "tw-p-5 " },
56
- React.createElement(ButtonWithDropdown, { triggerIcon: React.createElement(Icon, { icon: "fc-gears-2", type: "text", extraClassNames: "tw-text-sq-text-color dark:tw-text-sq-white tw-w-[18px]" }), dropdownItems: [], onOpenChange: (isOpen) => setOpenDropdown(isOpen ? `dropdown-6-${color}-${isDark ? 'dark' : 'light'}` : ''), isOpen: openDropdown === `dropdown-6-${color}-${isDark ? 'dark' : 'light'}`, containerTestId: "basic-dropdown2", tooltip: "This is a disabled dropdown.", tooltipDelay: 0, tooltipPlacement: "top", disabled: true })),
57
- React.createElement("div", { className: "tw-p-5 " },
58
- React.createElement(ButtonWithDropdown, { onOpenChange: (isOpen) => setOpenDropdown(isOpen ? `dropdown-7-${color}-${isDark ? 'dark' : 'light'}` : ''), isOpen: openDropdown === `dropdown-7-${color}-${isDark ? 'dark' : 'light'}`, triggerIcon: React.createElement(Icon, { icon: "fc-more", type: "text", extraClassNames: "tw-text-sq-text-color dark:tw-text-sq-white tw-w-[18px]" }), containerTestId: "basic-dropdown7", tooltip: "This is a dropdown with submenu", tooltipDelay: 0, tooltipPlacement: "top", dropdownItems: [
59
- { label: 'Orange', icon: 'fc-data-file', onClick: () => setOpenDropdown('') },
60
- { label: 'Mango', icon: 'fc-user-community', onClick: () => setOpenDropdown('') },
61
- {
62
- label: 'Guava',
63
- icon: 'fc-user-community',
64
- onClick: () => setOpenDropdown(''),
65
- tooltipDelay: 0,
66
- tooltip: 'This is a guava',
67
- subMenuItems: [
68
- { label: 'Orange', iconClass: 'fc-data-file', onClick: () => setOpenDropdown('') },
69
- { label: 'Mango', iconClass: 'fc-user-community', onClick: () => setOpenDropdown('') },
70
- { label: 'Apple', iconClass: 'fc-user-community', onClick: () => setOpenDropdown(''), disabled: true },
71
- ],
72
- },
73
- { label: 'Banana', icon: 'fc-user-community', onClick: () => setOpenDropdown(''), disabled: true },
74
- {
75
- label: 'Cashew',
76
- icon: 'fc-user-community',
77
- disabled: true,
78
- onClick: () => setOpenDropdown(''),
79
- subMenuItems: [
80
- { label: 'Orange', iconClass: 'fc-data-file', onClick: () => setOpenDropdown('') },
81
- { label: 'Mango', iconClass: 'fc-user-community', onClick: () => setOpenDropdown('') },
82
- { label: 'Apple', iconClass: 'fc-user-community', onClick: () => setOpenDropdown(''), disabled: true },
83
- ],
84
- },
85
- ] })),
86
- React.createElement("div", { className: "tw-p-5 " },
87
- React.createElement(ButtonWithDropdown, { onOpenChange: (isOpen) => setOpenDropdown(isOpen ? `dropdown-8-${color}-${isDark ? 'dark' : 'light'}` : ''), isOpen: openDropdown === `dropdown-8-${color}-${isDark ? 'dark' : 'light'}`, triggerIcon: React.createElement(Icon, { icon: "fc-more", type: "text", extraClassNames: "tw-text-sq-text-color dark:tw-text-sq-white tw-w-[18px]" }), containerTestId: "basic-dropdown8", tooltip: "This is a dropdown with submenu", tooltipDelay: 0, tooltipPlacement: "top", dropdownItems: [
88
- {
89
- label: (React.createElement("div", null,
90
- React.createElement("h5", null, "Label heading"),
91
- React.createElement("p", null, "Label description"),
92
- React.createElement("p", null, "Dropdown is my work"),
93
- React.createElement("p", null, "I do it happily"),
94
- React.createElement("p", null, "Final remards"),
95
- React.createElement("p", null, "Thank you"))),
96
- icon: 'fc-data-file',
97
- onClick: () => setOpenDropdown(''),
98
- },
99
- { label: 'Mango', icon: 'fc-user-community', onClick: () => setOpenDropdown('') },
100
- {
101
- label: 'Guava',
102
- icon: 'fc-user-community',
103
- onClick: () => setOpenDropdown(''),
104
- tooltipDelay: 0,
105
- tooltip: 'This is a guava',
106
- subMenuItems: [
107
- { label: 'Orange', iconClass: 'fc-data-file', onClick: () => setOpenDropdown('') },
108
- { label: 'Mango', iconClass: 'fc-user-community', onClick: () => setOpenDropdown('') },
109
- { label: 'Apple', iconClass: 'fc-user-community', onClick: () => setOpenDropdown(''), disabled: true },
110
- ],
111
- },
112
- { label: 'Banana', icon: 'fc-user-community', onClick: () => setOpenDropdown(''), disabled: true },
113
- {
114
- label: 'Cashew',
115
- icon: 'fc-user-community',
116
- disabled: true,
117
- onClick: () => setOpenDropdown(''),
118
- subMenuItems: [
119
- { label: 'Orange', iconClass: 'fc-data-file', onClick: () => setOpenDropdown('') },
120
- { label: 'Mango', iconClass: 'fc-user-community', onClick: () => setOpenDropdown('') },
121
- { label: 'Apple', iconClass: 'fc-user-community', onClick: () => setOpenDropdown(''), disabled: true },
122
- ],
123
- },
124
- ] }))));
125
- const renderAllVariations = (color) => (React.createElement("div", { className: "tw-grid tw-grid-cols-2 tw-gap-4 tw-p-4" },
126
- allButtonWithDropdowns(color),
127
- allButtonWithDropdowns(color, true)));
128
- return (React.createElement("div", { className: "tw-grid tw-grid-cols-4 tw-gap-4" },
129
- React.createElement(QTip, null),
130
- React.createElement("div", { className: "color_topic" },
131
- React.createElement("b", null, "Topic Colors"),
132
- renderAllVariations('topic')),
133
- React.createElement("div", { className: "color_analysis" },
134
- React.createElement("b", null, "Analysis Colors"),
135
- renderAllVariations('analysis')),
136
- React.createElement("div", { className: "color_datalab" },
137
- React.createElement("b", null, "Datalab Colors"),
138
- renderAllVariations('datalab')),
139
- React.createElement("div", { className: "color_vantage" },
140
- React.createElement("b", null, "Vantage Colors"),
141
- renderAllVariations('vantage'))));
142
- };
143
- //# sourceMappingURL=ButtonWithDropdown.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ButtonWithDropdown.stories.js","sourceRoot":"","sources":["../../src/ButtonWithDropdown/ButtonWithDropdown.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,93 +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 ButtonWithDropdown from './ButtonWithDropdown';
6
- import Icon from '../Icon';
7
- describe('ButtonWithDropdown', () => {
8
- const mockOnClick = jest.fn();
9
- const testId = 'trigger-icon';
10
- const tooltip = 'This is a small dropdown.';
11
- const itemTooltip = 'This is an item from the dropdown.';
12
- class Context {
13
- props = {
14
- triggerIcon: (React.createElement(Icon, { icon: "fc-more", type: "text", testId: testId, extraClassNames: "tw-text-sq-text-color dark:tw-text-sq-white tw-w-[18px]" })),
15
- containerTestId: 'basic-dropdown1',
16
- tooltip,
17
- tooltipDelay: 0,
18
- tooltipPlacement: 'top',
19
- isHtmlTooltip: false,
20
- dropdownItems: [
21
- { label: 'Orange', icon: 'fc-data-file', onClick: mockOnClick },
22
- { label: 'Mango', icon: 'fc-user-community', onClick: mockOnClick },
23
- { label: 'Guava', icon: 'fc-user-community', onClick: mockOnClick },
24
- {
25
- label: 'Banana',
26
- icon: 'fc-user-community',
27
- onClick: mockOnClick,
28
- tooltip: itemTooltip,
29
- tooltipPlacement: 'top',
30
- tooltipDelay: 0,
31
- isHtmlTooltip: false,
32
- },
33
- ],
34
- };
35
- }
36
- let tc;
37
- beforeEach(() => {
38
- tc = new Context();
39
- jest.clearAllMocks();
40
- });
41
- const renderButtonWithDropdown = (props) => render(React.createElement(ButtonWithDropdown, { ...props }));
42
- const openDropdown = async () => {
43
- const popover = screen.getByTestId(testId);
44
- await userEvent.click(popover);
45
- };
46
- test('renders trigger and opens dropdown content on trigger click', async () => {
47
- renderButtonWithDropdown(tc.props);
48
- expect(screen.getByTestId('trigger-icon')).toBeInTheDocument();
49
- await openDropdown();
50
- expect(screen.getByText('Orange')).toBeInTheDocument();
51
- });
52
- test('renders dividers correctly', async () => {
53
- tc.props.dropdownItems[1].hasDivider = true;
54
- renderButtonWithDropdown(tc.props);
55
- expect(screen.getByTestId('trigger-icon')).toBeInTheDocument();
56
- await openDropdown();
57
- expect(screen.getByText('Orange')).toBeInTheDocument();
58
- expect(screen.getByTestId('dropdown-divider-1')).toBeInTheDocument();
59
- });
60
- test('calls onClick handler when dropdown item is selected', async () => {
61
- renderButtonWithDropdown(tc.props);
62
- await openDropdown();
63
- const item1 = screen.getByText('Orange');
64
- await userEvent.click(item1);
65
- expect(mockOnClick).toHaveBeenCalledTimes(1);
66
- });
67
- test('closes dropdown when item is clicked', async () => {
68
- renderButtonWithDropdown(tc.props);
69
- await openDropdown();
70
- const item1 = screen.getByText('Orange');
71
- await userEvent.click(item1);
72
- expect(mockOnClick).toHaveBeenCalledTimes(1);
73
- expect(screen.queryByText('Orange')).not.toBeInTheDocument();
74
- });
75
- test('does not open when disabled', async () => {
76
- tc.props.disabled = true;
77
- renderButtonWithDropdown(tc.props);
78
- await openDropdown();
79
- expect(screen.queryByText('Orange')).not.toBeInTheDocument();
80
- });
81
- test('renders button tooltip correctly', async () => {
82
- renderButtonWithDropdown(tc.props);
83
- const tooltipText = document.querySelector(`[data-qtip-text="${tooltip}"]`);
84
- expect(tooltipText).toBeInTheDocument();
85
- });
86
- test('renders dropdown item tooltip correctly', async () => {
87
- renderButtonWithDropdown(tc.props);
88
- await openDropdown();
89
- const tooltipText = document.querySelector(`[data-qtip-text="${itemTooltip}"]`);
90
- expect(tooltipText).toBeInTheDocument();
91
- });
92
- });
93
- //# sourceMappingURL=ButtonWithDropdown.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ButtonWithDropdown.test.js","sourceRoot":"","sources":["../../src/ButtonWithDropdown/ButtonWithDropdown.test.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=ButtonWithDropdown.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ButtonWithDropdown.types.js","sourceRoot":"","sources":["../../src/ButtonWithDropdown/ButtonWithDropdown.types.ts"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export { default } from './ButtonWithDropdown';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ButtonWithDropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC"}
@@ -1,62 +0,0 @@
1
- import * as React from 'react';
2
- import { useRef } from 'react';
3
- import * as PopoverPrimitive from '@radix-ui/react-popover';
4
- import { getQTipData } from '../Tooltip/qTip.utilities';
5
- const bgStyles = ['tw-bg-sq-white', 'dark:tw-bg-sq-dark-background'].join(' ');
6
- const borderStyles = [
7
- 'tw-border-solid',
8
- 'tw-border',
9
- 'tw-rounded-sm',
10
- 'tw-border-sq-disabled-gray',
11
- 'dark:tw-border-gray-500',
12
- ].join(' ');
13
- const disabledClasses = ['tw-opacity-50', 'tw-cursor-not-allowed'].join(' ');
14
- const ButtonWithPopover = ({ children, trigger, id, hasArrow, extraTriggerClassNames, extraPopoverClassNames, containerTestId, onInteractOutside, onPointerDownOutside, isTriggerAsChild = false, shouldTriggerFullWidth = false, disabled = false, align = 'end', alignOffset = -35, placement = 'bottom', placementOffset = 2, isHoverEnabled = false, hoverOpenDelay = 300, onOpenChange, isOpen, isCloseOnContentClick = false, isPortal = false, ...tooltipProps }) => {
15
- const tooltipData = getQTipData(tooltipProps);
16
- const timeout = useRef(null);
17
- const [isHoveredOpen, setIsHoveredOpen] = React.useState(false);
18
- const clearHoverTimeout = () => {
19
- if (timeout.current) {
20
- clearTimeout(timeout.current);
21
- timeout.current = null;
22
- }
23
- };
24
- const onHoverStart = () => {
25
- if (isHoverEnabled) {
26
- clearHoverTimeout();
27
- timeout.current = setTimeout(() => {
28
- setIsHoveredOpen(true);
29
- onOpenChange && onOpenChange(true);
30
- }, hoverOpenDelay);
31
- }
32
- };
33
- const onHoverEnd = () => {
34
- if (isHoverEnabled) {
35
- clearHoverTimeout();
36
- timeout.current = setTimeout(() => {
37
- setIsHoveredOpen(false);
38
- onOpenChange && onOpenChange(false);
39
- }, 200);
40
- }
41
- };
42
- React.useEffect(() => clearHoverTimeout, []);
43
- const renderContent = () => {
44
- return (React.createElement(PopoverPrimitive.Content, { sideOffset: placementOffset, align: align, side: placement, onInteractOutside: onInteractOutside, onPointerDownOutside: onPointerDownOutside, alignOffset: isHoverEnabled ? -10 : alignOffset, asChild: true, onClick: () => isCloseOnContentClick && onOpenChange && onOpenChange(false), className: "focus-visible:tw-outline-none tw-outline-none tw-w-full tw-h-full" },
45
- React.createElement("div", { "data-testid": containerTestId, className: `${bgStyles} ${borderStyles} tw-relative tw-z-[1200] tw-min-w-6 focus-visible:tw-outline-none tw-outline-none data-[state=open]:tw-animate-in data-[state=closed]:tw-animate-out
46
- data-[side=top]:tw-animate-slideDownAndFade data-[side=right]:tw-animate-slideLeftAndFade data-[side=bottom]:tw-animate-slideUpAndFade data-[side=left]:tw-animate-slideRightAndFade tw-text-sq-text-color
47
- ${extraPopoverClassNames || ''}` },
48
- hasArrow && (React.createElement(PopoverPrimitive.Arrow, { asChild: true },
49
- React.createElement("div", { className: "tw-fill-transparent tw-bg-white tw-w-[15px] tw-h-[15px] tw-mt-[-7px] 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" }))),
50
- children)));
51
- };
52
- const renderPopover = (popoverOpenState) => {
53
- return (React.createElement(PopoverPrimitive.Root, { open: popoverOpenState, defaultOpen: false, onOpenChange: onOpenChange },
54
- trigger ? (React.createElement(PopoverPrimitive.Trigger, { id: id, asChild: isTriggerAsChild, className: `focus-visible:tw-outline-none tw-outline-none ${shouldTriggerFullWidth ? 'tw-w-full tw-h-full' : ''}`, disabled: disabled },
55
- React.createElement("div", { ...tooltipData, onMouseOver: onHoverStart, onMouseOut: onHoverEnd, className: `tw-bg-transparent focus-visible:tw-outline-none tw-outline-none ${disabled ? disabledClasses : ''} ${shouldTriggerFullWidth ? 'tw-flex tw-flex-col tw-items-center tw-justify-center' : 'tw-inline'} ${extraTriggerClassNames || ''}` }, trigger))) : (React.createElement(PopoverPrimitive.Trigger, { asChild: true },
56
- React.createElement("div", null))),
57
- isPortal ? React.createElement(PopoverPrimitive.Portal, null, renderContent()) : renderContent()));
58
- };
59
- return isHoverEnabled ? renderPopover(isHoveredOpen) : renderPopover(isOpen);
60
- };
61
- export default ButtonWithPopover;
62
- //# sourceMappingURL=ButtonWithPopover.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ButtonWithPopover.js","sourceRoot":"","sources":["../../src/ButtonWithPopover/ButtonWithPopover.tsx"],"names":[],"mappings":"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"}