|
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