Skip to content
This repository was archived by the owner on Dec 5, 2024. It is now read-only.

Commit ada724a

Browse files
maclockardFezVrasta
maclockard
authored and
FezVrasta
committed
docs: fix demo (#303)
1 parent fa1b295 commit ada724a

File tree

6 files changed

+75
-131
lines changed

6 files changed

+75
-131
lines changed

‎.size-snapshot.json‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
{
22
"dist/index.umd.js": {
3-
"bundled": 51005,
4-
"minified": 17508,
5-
"gzipped": 5553
3+
"bundled": 65802,
4+
"minified": 23248,
5+
"gzipped": 7012
66
},
77
"dist/index.umd.min.js": {
8-
"bundled": 25104,
9-
"minified": 9823,
10-
"gzipped": 3362
8+
"bundled": 31389,
9+
"minified": 12810,
10+
"gzipped": 4174
1111
},
1212
"dist/index.esm.js": {
1313
"bundled": 11275,

‎demo/index.js‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import React, { Fragment } from 'react';
33
import ReactDOM from 'react-dom';
44
import { injectGlobal } from 'react-emotion';
55
import { compose, withState } from 'recompose';
6-
import { Transition } from 'react-spring';
6+
import { Transition } from 'react-spring/renderprops';
77
import { Manager, Reference, Popper } from '../src';
88
import {
99
Main,
@@ -112,12 +112,13 @@ const Demo = enhance(
112112
)}
113113
</Reference>
114114
<Transition
115+
items={isPopper2Open}
115116
from={{ opacity: 0, rotation: '180deg', scale: 0.5, top: -20 }}
116117
enter={{ opacity: 1, rotation: '0deg', scale: 1, top: 0 }}
117118
leave={{ opacity: 0, rotation: '180deg', scale: 0.5, top: -20 }}
118119
>
119-
{isPopper2Open
120-
? ({ rotation, scale, opacity, top: topOffset }) => (
120+
{show =>
121+
show ? ({ rotation, scale, opacity, top: topOffset }) => (
121122
<Popper
122123
placement="bottom"
123124
modifiers={{

‎package.json‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -101,10 +101,10 @@
101101
"parcel-bundler": "^1.10.1",
102102
"prettier": "^1.11.1",
103103
"pretty-quick": "^1.4.1",
104-
"react": "16.2.0",
105-
"react-dom": "^16.3.0",
104+
"react": "16.9.0",
105+
"react-dom": "^16.9.0",
106106
"react-emotion": "^9.1.1",
107-
"react-spring": "^4.0.1",
107+
"react-spring": "^8.0.27",
108108
"recompose": "^0.26.0",
109109
"rimraf": "^2.6.2",
110110
"rollup": "^0.60.0",

‎src/__snapshots__/Manager.test.js.snap‎

Lines changed: 6 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -2,20 +2,11 @@
22

33
exports[`Manager component renders the expected markup 1`] = `
44
<Manager>
5-
<Provider
6-
value={
7-
Object {
8-
"referenceNode": undefined,
9-
"setReferenceNode": [Function],
10-
}
11-
}
12-
>
13-
<div
14-
id="reference"
15-
/>
16-
<div
17-
id="popper"
18-
/>
19-
</Provider>
5+
<div
6+
id="reference"
7+
/>
8+
<div
9+
id="popper"
10+
/>
2011
</Manager>
2112
`;

‎src/__snapshots__/Reference.test.js.snap‎

Lines changed: 9 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,10 @@
11
// Jest Snapshot v1, https://goo.gl/fbAQLP
22

33
exports[`Arrow component renders the expected markup 1`] = `
4-
<Provider
5-
value={
6-
Object {
7-
"referenceNode": undefined,
8-
"setReferenceNode": [MockFunction] {
4+
<Reference>
5+
<InnerReference
6+
setReferenceNode={
7+
[MockFunction] {
98
"calls": Array [
109
Array [
1110
<div />,
@@ -17,32 +16,10 @@ exports[`Arrow component renders the expected markup 1`] = `
1716
"value": undefined,
1817
},
1918
],
20-
},
19+
}
2120
}
22-
}
23-
>
24-
<Reference>
25-
<Consumer>
26-
<InnerReference
27-
setReferenceNode={
28-
[MockFunction] {
29-
"calls": Array [
30-
Array [
31-
<div />,
32-
],
33-
],
34-
"results": Array [
35-
Object {
36-
"type": "return",
37-
"value": undefined,
38-
},
39-
],
40-
}
41-
}
42-
>
43-
<div />
44-
</InnerReference>
45-
</Consumer>
46-
</Reference>
47-
</Provider>
21+
>
22+
<div />
23+
</InnerReference>
24+
</Reference>
4825
`;

‎yarn.lock‎

Lines changed: 47 additions & 72 deletions
Original file line numberDiff line numberDiff line change
@@ -698,12 +698,12 @@
698698
resolved "https://registry.yarnpkg.com/@babel/preset-stage-2/-/preset-stage-2-7.0.0.tgz#11ec31263c8466aad63829bba724607029ddf0a5"
699699
integrity sha512-A8ia2Wus0OAP6hh28ZgPSCBJEX3Jnql3kg9di/I+Lmg1gbJXgDZBrHr/UGZXl20Vi1lXgMuUq8c8J899KFr5gA==
700700

701-
"@babel/runtime@^7.0.0", "@babel/runtime@^7.0.0-beta.44", "@babel/runtime@^7.1.2":
702-
version "7.3.1"
703-
resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.3.1.tgz#574b03e8e8a9898eaf4a872a92ea20b7846f6f2a"
704-
integrity sha512-7jGW8ppV0ant637pIqAcFfQDDH1orEPGJb8aXfUozuCU3QqX7rX4DA8iwrbPrR1hcH0FTTHz47yQnk+bl5xHQA==
701+
"@babel/runtime@^7.0.0", "@babel/runtime@^7.1.2", "@babel/runtime@^7.3.1":
702+
version "7.6.0"
703+
resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.6.0.tgz#4fc1d642a9fd0299754e8b5de62c631cf5568205"
704+
integrity sha512-89eSBLJsxNxOERC0Op4vd+0Bqm6wRMqMbFtV3i0/fbaWw/mJ8Q3eBvgX0G4SyrOOLCtbu98HspF8o09MRT+KzQ==
705705
dependencies:
706-
regenerator-runtime "^0.12.0"
706+
regenerator-runtime "^0.13.2"
707707

708708
"@babel/template@^7.0.0", "@babel/template@^7.1.0", "@babel/template@^7.1.2", "@babel/template@^7.2.2":
709709
version "7.2.2"
@@ -2302,14 +2302,6 @@ create-hmac@^1.1.0, create-hmac@^1.1.2, create-hmac@^1.1.4:
23022302
safe-buffer "^5.0.1"
23032303
sha.js "^2.4.8"
23042304

2305-
create-react-context@^0.2.2:
2306-
version "0.2.3"
2307-
resolved "https://registry.yarnpkg.com/create-react-context/-/create-react-context-0.2.3.tgz#9ec140a6914a22ef04b8b09b7771de89567cb6f3"
2308-
integrity sha512-CQBmD0+QGgTaxDL3OX1IDXYqjkp2It4RIbcb99jS6AEg27Ga+a9G3JtK6SIu0HBwPLZlmwt9F7UwWA4Bn92Rag==
2309-
dependencies:
2310-
fbjs "^0.8.0"
2311-
gud "^1.0.0"
2312-
23132305
create-react-context@^0.3.0:
23142306
version "0.3.0"
23152307
resolved "https://registry.yarnpkg.com/create-react-context/-/create-react-context-0.3.0.tgz#546dede9dc422def0d3fc2fe03afe0bc0f4f7d8c"
@@ -3451,7 +3443,7 @@ fb-watchman@^2.0.0:
34513443
dependencies:
34523444
bser "^2.0.0"
34533445

3454-
fbjs@^0.8.0, fbjs@^0.8.1, fbjs@^0.8.16:
3446+
fbjs@^0.8.1:
34553447
version "0.8.17"
34563448
resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.17.tgz#c4d598ead6949112653d6588b01a5cdcd9f90fdd"
34573449
integrity sha1-xNWY6taUkRJlPWWIsBpc3Nn5D90=
@@ -4602,11 +4594,6 @@ istanbul-api@^2.0.8:
46024594
minimatch "^3.0.4"
46034595
once "^1.4.0"
46044596

4605-
istanbul-lib-coverage@^2.0.1:
4606-
version "2.0.1"
4607-
resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.1.tgz#2aee0e073ad8c5f6a0b00e0dfbf52b4667472eda"
4608-
integrity sha512-nPvSZsVlbG9aLhZYaC3Oi1gT/tpyo3Yt5fNyf6NmcKIayz4VV/txxJFFKAK/gU4dcNn8ehsanBbVHVl0+amOLA==
4609-
46104597
istanbul-lib-coverage@^2.0.2, istanbul-lib-coverage@^2.0.3:
46114598
version "2.0.3"
46124599
resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.3.tgz#0b891e5ad42312c2b9488554f603795f9a2211ba"
@@ -4619,20 +4606,7 @@ istanbul-lib-hook@^2.0.3:
46194606
dependencies:
46204607
append-transform "^1.0.0"
46214608

4622-
istanbul-lib-instrument@^3.0.0:
4623-
version "3.0.0"
4624-
resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-3.0.0.tgz#b5f066b2a161f75788be17a9d556f40a0cf2afc9"
4625-
integrity sha512-eQY9vN9elYjdgN9Iv6NS/00bptm02EBBk70lRMaVjeA6QYocQgenVrSgC28TJurdnZa80AGO3ASdFN+w/njGiQ==
4626-
dependencies:
4627-
"@babel/generator" "^7.0.0"
4628-
"@babel/parser" "^7.0.0"
4629-
"@babel/template" "^7.0.0"
4630-
"@babel/traverse" "^7.0.0"
4631-
"@babel/types" "^7.0.0"
4632-
istanbul-lib-coverage "^2.0.1"
4633-
semver "^5.5.0"
4634-
4635-
istanbul-lib-instrument@^3.0.1, istanbul-lib-instrument@^3.1.0:
4609+
istanbul-lib-instrument@^3.0.0, istanbul-lib-instrument@^3.0.1, istanbul-lib-instrument@^3.1.0:
46364610
version "3.1.0"
46374611
resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-3.1.0.tgz#a2b5484a7d445f1f311e93190813fa56dfb62971"
46384612
integrity sha512-ooVllVGT38HIk8MxDj/OIHXSYvH+1tq/Vb38s8ixt9GoJadXska4WkGY+0wkmtYCZNYtaARniH/DixUGGLZ0uA==
@@ -5337,7 +5311,7 @@ log-symbols@^2.2.0:
53375311
dependencies:
53385312
chalk "^2.0.1"
53395313

5340-
loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.3.1:
5314+
loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0:
53415315
version "1.4.0"
53425316
resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
53435317
integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
@@ -7091,13 +7065,14 @@ prompts@^2.0.1:
70917065
kleur "^3.0.0"
70927066
sisteransi "^1.0.0"
70937067

7094-
prop-types@^15.6.0, prop-types@^15.6.1, prop-types@^15.6.2:
7095-
version "15.6.2"
7096-
resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.6.2.tgz#05d5ca77b4453e985d60fc7ff8c859094a497102"
7097-
integrity sha512-3pboPvLiWD7dkI3qf3KbUe6hKFKa52w+AE0VCqECtf+QHAKgOL37tTaNCnuX1nAAQ4ZhyP+kYVKf8rLmJ/feDQ==
7068+
prop-types@^15.5.8, prop-types@^15.6.1, prop-types@^15.6.2:
7069+
version "15.7.2"
7070+
resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5"
7071+
integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==
70987072
dependencies:
7099-
loose-envify "^1.3.1"
7073+
loose-envify "^1.4.0"
71007074
object-assign "^4.1.1"
7075+
react-is "^16.8.1"
71017076

71027077
proto-list@~1.2.1:
71037078
version "1.2.4"
@@ -7267,15 +7242,15 @@ rc@^1.2.7:
72677242
minimist "^1.2.0"
72687243
strip-json-comments "~2.0.1"
72697244

7270-
react-dom@^16.3.0:
7271-
version "16.7.0"
7272-
resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.7.0.tgz#a17b2a7ca89ee7390bc1ed5eb81783c7461748b8"
7273-
integrity sha512-D0Ufv1ExCAmF38P2Uh1lwpminZFRXEINJe53zRAbm4KPwSyd6DY/uDoS0Blj9jvPpn1+wivKpZYc8aAAN/nAkg==
7245+
react-dom@^16.9.0:
7246+
version "16.9.0"
7247+
resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-16.9.0.tgz#5e65527a5e26f22ae3701131bcccaee9fb0d3962"
7248+
integrity sha512-YFT2rxO9hM70ewk9jq0y6sQk8cL02xm4+IzYBz75CQGlClQQ1Bxq0nhHF6OtSbit+AIahujJgb/CPRibFkMNJQ==
72747249
dependencies:
72757250
loose-envify "^1.1.0"
72767251
object-assign "^4.1.1"
72777252
prop-types "^15.6.2"
7278-
scheduler "^0.12.0"
7253+
scheduler "^0.15.0"
72797254

72807255
react-emotion@^9.1.1:
72817256
version "9.2.12"
@@ -7285,18 +7260,18 @@ react-emotion@^9.1.1:
72857260
babel-plugin-emotion "^9.2.11"
72867261
create-emotion-styled "^9.2.8"
72877262

7288-
react-is@^16.7.0:
7289-
version "16.7.0"
7290-
resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.7.0.tgz#c1bd21c64f1f1364c6f70695ec02d69392f41bfa"
7291-
integrity sha512-Z0VRQdF4NPDoI0tsXVMLkJLiwEBa+RP66g0xDHxgxysxSoCUccSten4RTF/UFvZF1dZvZ9Zu1sx+MDXwcOR34g==
7263+
react-is@^16.7.0, react-is@^16.8.1:
7264+
version "16.9.0"
7265+
resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.9.0.tgz#21ca9561399aad0ff1a7701c01683e8ca981edcb"
7266+
integrity sha512-tJBzzzIgnnRfEm046qRcURvwQnZVXmuCbscxUO5RWrGTXpon2d4c8mI0D8WE6ydVIm29JiLB6+RslkIvym9Rjw==
72927267

7293-
react-spring@^4.0.1:
7294-
version "4.2.1"
7295-
resolved "https://registry.yarnpkg.com/react-spring/-/react-spring-4.2.1.tgz#7bcf1eb660c88e322820b88f05355d44768c53be"
7296-
integrity sha512-CoV6jkT2X+RlKhOL8+MDxkzuCSwa6s+coErJoAym12tQeGgYdniMfyLxV2802I7Vyud76pmRXO+8oxo0gcBBEg==
7268+
react-spring@^8.0.27:
7269+
version "8.0.27"
7270+
resolved "https://registry.yarnpkg.com/react-spring/-/react-spring-8.0.27.tgz#97d4dee677f41e0b2adcb696f3839680a3aa356a"
7271+
integrity sha512-nDpWBe3ZVezukNRandTeLSPcwwTMjNVu1IDq9qA/AMiUqHuRN4BeSWvKr3eIxxg1vtiYiOLy4FqdfCP5IoP77g==
72977272
dependencies:
7298-
"@babel/runtime" "^7.0.0-beta.44"
7299-
create-react-context "^0.2.2"
7273+
"@babel/runtime" "^7.3.1"
7274+
prop-types "^15.5.8"
73007275

73017276
react-test-renderer@^16.0.0-0:
73027277
version "16.7.0"
@@ -7308,15 +7283,14 @@ react-test-renderer@^16.0.0-0:
73087283
react-is "^16.7.0"
73097284
scheduler "^0.12.0"
73107285

7311-
react@16.2.0:
7312-
version "16.2.0"
7313-
resolved "https://registry.yarnpkg.com/react/-/react-16.2.0.tgz#a31bd2dab89bff65d42134fa187f24d054c273ba"
7314-
integrity sha512-ZmIomM7EE1DvPEnSFAHZn9Vs9zJl5A9H7el0EGTE6ZbW9FKe/14IYAlPbC8iH25YarEQxZL+E8VW7Mi7kfQrDQ==
7286+
react@16.9.0:
7287+
version "16.9.0"
7288+
resolved "https://registry.yarnpkg.com/react/-/react-16.9.0.tgz#40ba2f9af13bc1a38d75dbf2f4359a5185c4f7aa"
7289+
integrity sha512-+7LQnFBwkiw+BobzOF6N//BdoNw0ouwmSJTEm9cglOOmsg/TMiFHZLe2sEoN5M7LgJTj9oHH0gxklfnQe66S1w==
73157290
dependencies:
7316-
fbjs "^0.8.16"
73177291
loose-envify "^1.1.0"
73187292
object-assign "^4.1.1"
7319-
prop-types "^15.6.0"
7293+
prop-types "^15.6.2"
73207294

73217295
read-pkg-up@^4.0.0:
73227296
version "4.0.0"
@@ -7416,10 +7390,10 @@ regenerator-runtime@^0.11.0:
74167390
resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz#be05ad7f9bf7d22e056f9726cee5017fbf19e2e9"
74177391
integrity sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==
74187392

7419-
regenerator-runtime@^0.12.0:
7420-
version "0.12.1"
7421-
resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.12.1.tgz#fa1a71544764c036f8c49b13a08b2594c9f8a0de"
7422-
integrity sha512-odxIc1/vDlo4iZcfXqRYFj0vpXFNoGdKMAUieAlFYO6m/nl5e9KR/beGf41z4a1FI+aQgtjhuaSlDxQ0hmkrHg==
7393+
regenerator-runtime@^0.13.2:
7394+
version "0.13.3"
7395+
resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.3.tgz#7cf6a77d8f5c6f60eb73c5fc1955b2ceb01e6bf5"
7396+
integrity sha512-naKIZz2GQ8JWh///G7L3X6LaQUAMp2lvb1rvwwsURe/VXwD6VMfr+/1NuNw3ag8v2kY1aQ/go5SNn79O9JU7yw==
74237397

74247398
regenerator-transform@^0.13.3:
74257399
version "0.13.3"
@@ -7796,6 +7770,14 @@ scheduler@^0.12.0:
77967770
loose-envify "^1.1.0"
77977771
object-assign "^4.1.1"
77987772

7773+
scheduler@^0.15.0:
7774+
version "0.15.0"
7775+
resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.15.0.tgz#6bfcf80ff850b280fed4aeecc6513bc0b4f17f8e"
7776+
integrity sha512-xAefmSfN6jqAa7Kuq7LIJY0bwAPG3xlCj0HMEBQk1lxYiDKZscY2xJ5U/61ZTrYbmNQbXa+gc7czPkVo11tnCg==
7777+
dependencies:
7778+
loose-envify "^1.1.0"
7779+
object-assign "^4.1.1"
7780+
77997781
schema-utils@^0.4.4:
78007782
version "0.4.7"
78017783
resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-0.4.7.tgz#ba74f597d2be2ea880131746ee17d0a093c68187"
@@ -8852,14 +8834,7 @@ walker@~1.0.5:
88528834
dependencies:
88538835
makeerror "1.0.x"
88548836

8855-
warning@^4.0.2:
8856-
version "4.0.2"
8857-
resolved "https://registry.yarnpkg.com/warning/-/warning-4.0.2.tgz#aa6876480872116fa3e11d434b0d0d8d91e44607"
8858-
integrity sha512-wbTp09q/9C+jJn4KKJfJfoS6VleK/Dti0yqWSm6KMvJ4MRCXFQNapHuJXutJIrWV0Cf4AhTdeIe4qdKHR1+Hug==
8859-
dependencies:
8860-
loose-envify "^1.0.0"
8861-
8862-
warning@^4.0.3:
8837+
warning@^4.0.2, warning@^4.0.3:
88638838
version "4.0.3"
88648839
resolved "https://registry.yarnpkg.com/warning/-/warning-4.0.3.tgz#16e9e077eb8a86d6af7d64aa1e05fd85b4678ca3"
88658840
integrity sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==

0 commit comments

Comments
 (0)