Skip to content

Commit 3499294

Browse files
committed
upgrade rollup and update doc examples
1 parent af78662 commit 3499294

File tree

3 files changed

+99
-59
lines changed

3 files changed

+99
-59
lines changed

docs/readme.mdx

Lines changed: 58 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ name: TooltipTrigger
33
route: /
44
---
55

6-
import { Playground, PropsTable } from 'docz';
6+
import {Playground, PropsTable} from 'docz';
77
import BasicTooltipTrigger from './examples/BasicTooltipTrigger';
88
import EscapeToClose from './examples/EscapeToClose';
99
import {StateContainer} from './examples/utils';
@@ -12,21 +12,63 @@ import {StateContainer} from './examples/utils';
1212

1313
The example files are in `docs/examples` directory.
1414

15-
## Basic example
15+
## `hover` trigger
1616

1717
<Playground>
18-
<BasicTooltipTrigger tooltip="Hello, World!">Hover over me</BasicTooltipTrigger>
18+
<BasicTooltipTrigger tooltip="Hello, World!">
19+
Hover over me!
20+
</BasicTooltipTrigger>
21+
</Playground>
22+
23+
## `click` trigger
24+
25+
<Playground>
26+
<BasicTooltipTrigger trigger="click" tooltip="Hello, World!">
27+
Click on me!
28+
</BasicTooltipTrigger>
29+
</Playground>
30+
31+
## `right-click` trigger
32+
33+
_overrides browser's context menu_
34+
35+
<Playground>
36+
<BasicTooltipTrigger trigger="right-click" tooltip="Hello, World!">
37+
Right Click on me!
38+
</BasicTooltipTrigger>
1939
</Playground>
2040

41+
## Follow cursor
42+
43+
_`followCursor` prop_
44+
45+
<Playground>
46+
<BasicTooltipTrigger followCursor hideArrow tooltip="Hello, Cursor!">
47+
<span
48+
style={{
49+
display: 'inline-block',
50+
padding: 10,
51+
width: 200,
52+
height: 100,
53+
border: '1px solid silver'
54+
}}
55+
>
56+
Hover over here
57+
</span>
58+
</BasicTooltipTrigger>
59+
</Playground>
2160

2261
## Controlled
2362

63+
_`tooltipShown` prop_
64+
2465
<Playground>
2566
<StateContainer>
26-
{({ on, set, toggle }) => (
67+
{({on, set, toggle}) => (
2768
<div>
2869
<button onClick={toggle}>Toggle tooltip</button>
29-
<br /><br />
70+
<br />
71+
<br />
3072
<BasicTooltipTrigger
3173
trigger="none"
3274
tooltipShown={on}
@@ -40,30 +82,35 @@ The example files are in `docs/examples` directory.
4082
</StateContainer>
4183
</Playground>
4284

43-
4485
## Escape to close
4586

4687
<Playground>
4788
<StateContainer>
48-
{({ on, set }) => (
89+
{({on, set}) => (
4990
<BasicTooltipTrigger
5091
trigger="click"
5192
tooltipShown={on}
5293
onVisibilityChange={set}
53-
tooltip={<EscapeToClose closeTooltip={() => set(false)}>Press Esc to Close</EscapeToClose>}
94+
tooltip={
95+
<EscapeToClose closeTooltip={() => set(false)}>
96+
Press Esc to Close
97+
</EscapeToClose>
98+
}
5499
>
55100
Click Here
56101
</BasicTooltipTrigger>
57102
)}
58103
</StateContainer>
59104
</Playground>
60105

61-
Note: `StateContainer` is for demo purpose only and used for state management.
106+
_Note: `StateContainer` used in the snippet above is for demo purpose only and used for state management._
62107

63108
## Continuation
64-
*Could be used for creating dropdown menu framework, datepicker, etc.*
109+
110+
_Could be used for creating dropdown menu framework, datepicker, nested popovers, etc._
65111

66112
### Hover Continuation
113+
67114
<Playground>
68115
<BasicTooltipTrigger
69116
tooltip={
@@ -82,8 +129,8 @@ Note: `StateContainer` is for demo purpose only and used for state management.
82129
</BasicTooltipTrigger>
83130
</Playground>
84131

85-
86132
### Click Continuation
133+
87134
<Playground>
88135
<BasicTooltipTrigger
89136
trigger="click"
@@ -111,11 +158,3 @@ Note: `StateContainer` is for demo purpose only and used for state management.
111158
One
112159
</BasicTooltipTrigger>
113160
</Playground>
114-
115-
## Follow cursor example
116-
117-
<Playground>
118-
<BasicTooltipTrigger followCursor hideArrow tooltip="Hello, Cursor!">
119-
<span style={{display: 'inline-block', padding: 10, width: 200, height:100, border: '1px solid silver'}}>Hover over here</span>
120-
</BasicTooltipTrigger>
121-
</Playground>

package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -75,10 +75,10 @@
7575
"react-dom": "^16.7.0",
7676
"react-testing-library": "^5.4.4",
7777
"rimraf": "^2.6.3",
78-
"rollup": "^0.68.2",
78+
"rollup": "^1.1.0",
7979
"rollup-plugin-babel": "^4.3.0",
8080
"rollup-plugin-node-resolve": "^4.0.0",
81-
"rollup-plugin-size-snapshot": "^0.7.0",
81+
"rollup-plugin-size-snapshot": "^0.8.0",
8282
"tslint": "^5.12.1",
8383
"tslint-config-prettier": "^1.17.0",
8484
"tslint-eslint-rules": "^5.4.0",

yarn.lock

Lines changed: 39 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -1539,7 +1539,7 @@ acorn@^5.0.0, acorn@^5.0.3, acorn@^5.5.3, acorn@^5.6.2, acorn@^5.7.3:
15391539
resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.7.3.tgz#67aa231bf8812974b85235a96771eb6bd07ea279"
15401540
integrity sha512-T/zvzYRfbVojPWahDsE5evJdHb3oJoQfFbsrKM7w5Zcs++Tr257tia3BmMP8XYVjp1S9RZXQMh7gao96BlqZOw==
15411541

1542-
acorn@^6.0.1:
1542+
acorn@^6.0.1, acorn@^6.0.5:
15431543
version "6.0.5"
15441544
resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.0.5.tgz#81730c0815f3f3b34d8efa95cb7430965f4d887a"
15451545
integrity sha512-i33Zgp3XWtmZBMNvCr4azvOFeWVw1Rk6p3hfi3LUDvIFraOMywb1kAtrbi+med14m4Xfpqm3zRZMT+c0FNE7kg==
@@ -1567,9 +1567,9 @@ ajv-keywords@^3.0.0, ajv-keywords@^3.1.0:
15671567
integrity sha1-6GuBnGAs+IIa1jdBNpjx3sAhhHo=
15681568

15691569
ajv@^6.0.1, ajv@^6.1.0, ajv@^6.5.5:
1570-
version "6.6.2"
1571-
resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.6.2.tgz#caceccf474bf3fc3ce3b147443711a24063cc30d"
1572-
integrity sha512-FBHEW6Jf5TB9MGBgUUA9XHkTbjXYfAUjY43ACMfmdMRHniyoMHjHjzD50OK8LGDWQwp4rWEsIq5kEqq7rvIM1g==
1570+
version "6.7.0"
1571+
resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.7.0.tgz#e3ce7bb372d6577bb1839f1dfdfcbf5ad2948d96"
1572+
integrity sha512-RZXPviBTtfmtka9n9sy1N5M5b82CbxWIR6HIis4s3WQTXDJamc/0gpCWNGz6EWdWp4DOfjzJfhz/AS9zVPjjWg==
15731573
dependencies:
15741574
fast-deep-equal "^2.0.1"
15751575
fast-json-stable-stringify "^2.0.0"
@@ -1886,15 +1886,15 @@ atob@^2.1.1:
18861886
integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
18871887

18881888
autoprefixer@^9.1.3:
1889-
version "9.4.4"
1890-
resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.4.4.tgz#40c42b335bdb22efe8cd80389ca82ffb5e32d68d"
1891-
integrity sha512-7tpjBadJyHKf+gOJEmKhZIksWxdZCSrnKbbTJNsw+/zX9+f//DLELRQPWjjjVoDbbWlCuNRkN7RfmZwDVgWMLw==
1889+
version "9.4.5"
1890+
resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.4.5.tgz#a13ccb001e4bc8837f71c3354005b42f02cc03d7"
1891+
integrity sha512-M602C0ZxzFpJKqD4V6eq2j+K5CkzlhekCrcQupJmAOrPEZjWJyj/wSeo6qRSNoN6M3/9mtLPQqTTrABfReytQg==
18921892
dependencies:
1893-
browserslist "^4.3.7"
1894-
caniuse-lite "^1.0.30000926"
1893+
browserslist "^4.4.0"
1894+
caniuse-lite "^1.0.30000928"
18951895
normalize-range "^0.1.2"
18961896
num2fraction "^1.2.2"
1897-
postcss "^7.0.7"
1897+
postcss "^7.0.11"
18981898
postcss-value-parser "^3.3.1"
18991899

19001900
aws-sign2@~0.7.0:
@@ -2429,7 +2429,7 @@ [email protected]:
24292429
electron-to-chromium "^1.3.62"
24302430
node-releases "^1.0.0-alpha.11"
24312431

2432-
browserslist@^4.0.0, browserslist@^4.1.0, browserslist@^4.3.4, browserslist@^4.3.7:
2432+
browserslist@^4.0.0, browserslist@^4.1.0, browserslist@^4.3.4, browserslist@^4.4.0:
24332433
version "4.4.0"
24342434
resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.4.0.tgz#7050d1412cbfc5274aba609ed5e50359ca1a5fdf"
24352435
integrity sha512-tQkHS8VVxWbrjnNDXgt7/+SuPJ7qDvD0Y2e6bLtoQluR2SPvlmPUcfcU75L1KAalhqULlIFJlJ6BDfnYyJxJsw==
@@ -2678,7 +2678,7 @@ caniuse-api@^3.0.0:
26782678
lodash.memoize "^4.1.2"
26792679
lodash.uniq "^4.5.0"
26802680

2681-
caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000884, caniuse-lite@^1.0.30000926, caniuse-lite@^1.0.30000928:
2681+
caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000884, caniuse-lite@^1.0.30000928:
26822682
version "1.0.30000928"
26832683
resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30000928.tgz#805e828dc72b06498e3683a32e61c7507fd67b88"
26842684
integrity sha512-aSpMWRXL6ZXNnzm8hgE4QDLibG5pVJ2Ujzsuj3icazlIkxXkPXtL+BWnMx6FBkWmkZgBHGUxPZQvrbRw2ZTxhg==
@@ -7781,9 +7781,9 @@ match-sorter@^2.3.0:
77817781
diacritic "0.0.2"
77827782

77837783
math-random@^1.0.1:
7784-
version "1.0.1"
7785-
resolved "https://registry.yarnpkg.com/math-random/-/math-random-1.0.1.tgz#8b3aac588b8a66e4975e3cdea67f7bb329601fac"
7786-
integrity sha1-izqsWIuKZuSXXjzepn97sylgH6w=
7784+
version "1.0.2"
7785+
resolved "https://registry.yarnpkg.com/math-random/-/math-random-1.0.2.tgz#8ab7f026363816c1e00b774d87dee67f61e37ad6"
7786+
integrity sha512-Bp2Bx2wFaUymE7pWi0bbldiheIXMvyzC3hRkT5YAv2qiqqJO5VB8KafgYgZmGCxkTmloLuAx3Jv2OmJ66990mg==
77877787

77887788
md5.js@^1.3.4:
77897789
version "1.3.5"
@@ -9528,10 +9528,10 @@ postcss@^6.0.1, postcss@^6.0.23:
95289528
source-map "^0.6.1"
95299529
supports-color "^5.4.0"
95309530

9531-
postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.2, postcss@^7.0.5, postcss@^7.0.7:
9532-
version "7.0.10"
9533-
resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.10.tgz#a1f44cfe3711649190989a283024921e33dbc49f"
9534-
integrity sha512-wuaQVkYI+mgMud6UwID/XX9w0Zf1Rh/ZHK0rIz0o08q3rUaPrezdl/oJD9aWma4Pw6q7mgRBJQS4xA1yZAHptA==
9531+
postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.11, postcss@^7.0.2, postcss@^7.0.5:
9532+
version "7.0.11"
9533+
resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.11.tgz#f63c513b78026d66263bb2ca995bf02e3d1a697d"
9534+
integrity sha512-9AXb//5UcjeOEof9T+yPw3XTa5SL207ZOIC/lHYP4mbUTEh4M0rDAQekQpVANCZdwQwKhBtFZCk3i3h3h2hdWg==
95359535
dependencies:
95369536
chalk "^2.4.2"
95379537
source-map "^0.6.1"
@@ -10733,7 +10733,7 @@ rollup-plugin-node-resolve@^4.0.0:
1073310733
is-module "^1.0.0"
1073410734
resolve "^1.8.1"
1073510735

10736-
rollup-plugin-replace@^2.0.0:
10736+
rollup-plugin-replace@^2.1.0:
1073710737
version "2.1.0"
1073810738
resolved "https://registry.yarnpkg.com/rollup-plugin-replace/-/rollup-plugin-replace-2.1.0.tgz#f9c07a4a89a2f8be912ee54b3f0f68d91e9ed0ae"
1073910739
integrity sha512-SxrAIgpH/B5/W4SeULgreOemxcpEgKs2gcD42zXw50bhqGWmcnlXneVInQpAqzA/cIly4bJrOpeelmB9p4YXSQ==
@@ -10742,20 +10742,20 @@ rollup-plugin-replace@^2.0.0:
1074210742
minimatch "^3.0.2"
1074310743
rollup-pluginutils "^2.0.1"
1074410744

10745-
rollup-plugin-size-snapshot@^0.7.0:
10746-
version "0.7.0"
10747-
resolved "https://registry.yarnpkg.com/rollup-plugin-size-snapshot/-/rollup-plugin-size-snapshot-0.7.0.tgz#f0070e4aeee736f45f8eb6b96e12e6238705c13b"
10748-
integrity sha512-wlFRHInOfJZbXHWA4rftymqHuVDCeKUhJF3vuBZuU5y+O0LAj6RQM7vGn2/UoLImENFci31ff3pnKjW36DDP2A==
10745+
rollup-plugin-size-snapshot@^0.8.0:
10746+
version "0.8.0"
10747+
resolved "https://registry.yarnpkg.com/rollup-plugin-size-snapshot/-/rollup-plugin-size-snapshot-0.8.0.tgz#cb094a8e146a969d620335c4f126da8563a1f35c"
10748+
integrity sha512-Hb1u15UY5diVjpY2hItjhBjtAQv3O5s24FpyGMLlsxztxqT3mTwz1ArWI0YNxZMUGa1YTr9lrf11YQXC/BeVQQ==
1074910749
dependencies:
10750-
acorn "^6.0.1"
10750+
acorn "^6.0.5"
1075110751
bytes "^3.0.0"
10752-
chalk "^2.4.1"
10752+
chalk "^2.4.2"
1075310753
gzip-size "^5.0.0"
1075410754
jest-diff "^23.6.0"
1075510755
memory-fs "^0.4.1"
10756-
rollup-plugin-replace "^2.0.0"
10757-
terser "^3.8.2"
10758-
webpack "^4.19.0"
10756+
rollup-plugin-replace "^2.1.0"
10757+
terser "^3.14.1"
10758+
webpack "^4.28.4"
1075910759

1076010760
rollup-pluginutils@^2.0.1, rollup-pluginutils@^2.3.0:
1076110761
version "2.3.3"
@@ -10765,13 +10765,14 @@ rollup-pluginutils@^2.0.1, rollup-pluginutils@^2.3.0:
1076510765
estree-walker "^0.5.2"
1076610766
micromatch "^2.3.11"
1076710767

10768-
rollup@^0.68.2:
10769-
version "0.68.2"
10770-
resolved "https://registry.yarnpkg.com/rollup/-/rollup-0.68.2.tgz#c26afb5d981ca7a1a32f76087dbde9dad4fcc653"
10771-
integrity sha512-WgjNCXYv7ZbtStIap1+tz4pd2zwz0XYN//OILwEY6dINIFLVizK1iWdu+ZtUURL/OKnp8Lv2w8FBds8YihzX7Q==
10768+
rollup@^1.1.0:
10769+
version "1.1.0"
10770+
resolved "https://registry.yarnpkg.com/rollup/-/rollup-1.1.0.tgz#461a7534b55be48aa4a6e6810a1543a5769e75d1"
10771+
integrity sha512-NK03gkkOz0CchHBMGomcNqa6U3jLNzHuWK9SI0+1FV475JA6cQxVtjlDcQoKKDNIQ3IwYumIlgoKYDEWUyFBwQ==
1077210772
dependencies:
1077310773
"@types/estree" "0.0.39"
1077410774
"@types/node" "*"
10775+
acorn "^6.0.5"
1077510776

1077610777
rsvp@^3.3.3:
1077710778
version "3.6.2"
@@ -11788,7 +11789,7 @@ terser-webpack-plugin@^1.1.0, terser-webpack-plugin@^1.2.0:
1178811789
webpack-sources "^1.1.0"
1178911790
worker-farm "^1.5.2"
1179011791

11791-
terser@^3.8.1, terser@^3.8.2:
11792+
terser@^3.14.1, terser@^3.8.1:
1179211793
version "3.14.1"
1179311794
resolved "https://registry.yarnpkg.com/terser/-/terser-3.14.1.tgz#cc4764014af570bc79c79742358bd46926018a32"
1179411795
integrity sha512-NSo3E99QDbYSMeJaEk9YW2lTg3qS9V0aKGlb+PlOrei1X02r1wSBHCNX/O+yeTRFSWPKPIGj6MqvvdqV4rnVGw==
@@ -12911,7 +12912,7 @@ webpack-sources@^1.1.0, webpack-sources@^1.3.0:
1291112912
source-list-map "^2.0.0"
1291212913
source-map "~0.6.1"
1291312914

12914-
webpack@^4.17.1, webpack@^4.17.2, webpack@^4.19.0, webpack@^4.28.2:
12915+
webpack@^4.17.1, webpack@^4.17.2, webpack@^4.28.2, webpack@^4.28.4:
1291512916
version "4.28.4"
1291612917
resolved "https://registry.yarnpkg.com/webpack/-/webpack-4.28.4.tgz#1ddae6c89887d7efb752adf0c3cd32b9b07eacd0"
1291712918
integrity sha512-NxjD61WsK/a3JIdwWjtIpimmvE6UrRi3yG54/74Hk9rwNj5FPkA4DJCf1z4ByDWLkvZhTZE+P3C/eh6UD5lDcw==
@@ -12958,9 +12959,9 @@ webpackbar@^2.6.3:
1295812959
table "^4.0.3"
1295912960

1296012961
webpackbar@^3.1.4:
12961-
version "3.1.4"
12962-
resolved "https://registry.yarnpkg.com/webpackbar/-/webpackbar-3.1.4.tgz#7b99fd28bf7c8d4f890b14c042418fc56d0877f0"
12963-
integrity sha512-P/ESpzVFl49IL9svoZphf9Kbyh/09vHqo31PP5/fxVrBLCBUHMKbDaWt+Px7zEQZUyFuQCWzRASJHZByQHTdKw==
12962+
version "3.1.5"
12963+
resolved "https://registry.yarnpkg.com/webpackbar/-/webpackbar-3.1.5.tgz#71f9de2d8b897785a3b3291cb6c8beecdf06542b"
12964+
integrity sha512-ayCxwj0m3lw8TMkbBBRl3XNiCIHqXYaQus8sNL+jX0lsp4LrYO9OmijsPeuu91cd/oUgK66c0AKQovPtJ1qDsA==
1296412965
dependencies:
1296512966
ansi-escapes "^3.1.0"
1296612967
chalk "^2.4.1"

0 commit comments

Comments
 (0)