|
1 | 1 | /* eslint-disable jsx-a11y/no-static-element-interactions */ |
2 | 2 | /* eslint-disable jsx-a11y/click-events-have-key-events */ |
3 | 3 | import { TooltipController as Tooltip } from 'components/TooltipController' |
4 | | -import { TooltipProvider, TooltipWrapper } from 'components/TooltipProvider' |
5 | 4 | import { IPosition } from 'components/Tooltip/TooltipTypes.d' |
6 | 5 | import { useState } from 'react' |
7 | 6 | import styles from './styles.module.css' |
8 | 7 | import { inline, offset } from './index' |
9 | 8 |
|
10 | | -function WithProviderMinimal() { |
11 | | - return ( |
12 | | - <section style={{ marginTop: '50px' }}> |
13 | | - <p> |
14 | | - <TooltipWrapper place="bottom" content="Shared Global Tooltip"> |
15 | | - <button>Provider 1</button> |
16 | | - </TooltipWrapper> |
17 | | - <TooltipWrapper place="right" content="Shared Global Tooltip"> |
18 | | - <button>Provider 2</button> |
19 | | - </TooltipWrapper> |
20 | | - </p> |
21 | | - <Tooltip clickable> |
22 | | - <button |
23 | | - onClick={() => { |
24 | | - // eslint-disable-next-line no-console |
25 | | - console.log('button clicked') |
26 | | - }} |
27 | | - > |
28 | | - button |
29 | | - </button> |
30 | | - </Tooltip> |
31 | | - </section> |
32 | | - ) |
33 | | -} |
34 | | - |
35 | | -function WithProviderMultiple() { |
36 | | - return ( |
37 | | - <section style={{ marginTop: '50px' }}> |
38 | | - <p> |
39 | | - <TooltipWrapper tooltipId="tooltip-provider-multiple-1" place="bottom"> |
40 | | - <button>Provider multiple 1</button> |
41 | | - </TooltipWrapper> |
42 | | - <TooltipWrapper tooltipId="tooltip-provider-multiple-2" place="right"> |
43 | | - <button>Provider multiple 2</button> |
44 | | - </TooltipWrapper> |
45 | | - </p> |
46 | | - <Tooltip id="tooltip-provider-multiple-1" content="Tooltip 1" /> |
47 | | - <Tooltip id="tooltip-provider-multiple-2" content="Tooltip 2" /> |
48 | | - </section> |
49 | | - ) |
50 | | -} |
51 | | - |
52 | 9 | function App() { |
53 | 10 | const [anchorId, setAnchorId] = useState('button') |
54 | 11 | const [isDarkOpen, setIsDarkOpen] = useState(false) |
@@ -136,12 +93,6 @@ function App() { |
136 | 93 | Tooltip content |
137 | 94 | </Tooltip> |
138 | 95 | </section> |
139 | | - <TooltipProvider> |
140 | | - <WithProviderMinimal /> |
141 | | - </TooltipProvider> |
142 | | - <TooltipProvider> |
143 | | - <WithProviderMultiple /> |
144 | | - </TooltipProvider> |
145 | 96 | <div style={{ display: 'flex', gap: '12px', flexDirection: 'row' }}> |
146 | 97 | <div> |
147 | 98 | <div |
|
0 commit comments