{"_id":"react-displace","_rev":"409266","name":"react-displace","description":"A higher order component that displaces your component into a remote region of the DOM","dist-tags":{"latest":"2.3.0"},"maintainers":[{"name":"davidtheclark","email":"david.dave.clark@gmail.com"}],"time":{"modified":"2021-08-04T05:01:57.000Z","created":"2015-08-26T20:31:56.258Z","2.3.0":"2017-09-30T16:39:56.122Z","2.2.1":"2017-05-07T22:35:10.593Z","2.2.0":"2017-05-07T22:32:40.073Z","2.1.4":"2017-04-21T21:53:16.114Z","2.1.3":"2016-04-11T14:10:14.421Z","2.1.2":"2016-03-04T01:15:47.350Z","2.1.1":"2016-02-24T03:42:21.347Z","2.1.0":"2016-01-29T04:01:50.207Z","2.0.1":"2015-12-20T18:55:01.889Z","2.0.0":"2015-10-18T01:36:01.427Z","1.0.1":"2015-09-04T01:31:16.467Z","1.0.0":"2015-08-26T20:31:56.258Z"},"users":{"jian263994241":true},"author":{"name":"David Clark"},"repository":{"type":"git","url":"git+https://github.com/davidtheclark/react-displace.git"},"versions":{"2.3.0":{"name":"react-displace","version":"2.3.0","description":"A higher order component that displaces your component into a remote region of the DOM","main":"dist/displace.js","scripts":{"demo-bundle":"browserify demo/js -t babelify -o demo/demo-bundle.js","demo-watch":"watchify demo/js -v -d -t babelify -o demo/demo-bundle.js","predemo-dev":"npm run build","start":"npm run demo-watch & http-server demo","lint":"eslint .","format":"prettier --write src/*.js test/*.js demo/js/*.js","pretest":"npm run lint","jest":"jest","test":"jest","build":"babel src -d dist","prepublishOnly":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/davidtheclark/react-displace.git"},"keywords":["react","react-component"],"author":{"name":"David Clark"},"license":"MIT","bugs":{"url":"https://github.com/davidtheclark/react-displace/issues"},"homepage":"https://github.com/davidtheclark/react-displace#readme","devDependencies":{"babel-cli":"^6.24.1","babel-eslint":"^8.0.1","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-env":"^1.6.0","babel-preset-react":"^6.24.1","babelify":"^7.3.0","browserify":"^14.3.0","eslint":"^4.8.0","eslint-plugin-react":"^7.4.0","http-server":"0.10.0","jest":"^21.2.1","prettier":"^1.2.2","react":"^16.0.0","react-dom":"^16.0.0","tape":"^4.6.3","watchify":"^3.9.0"},"peerDependencies":{"react":"0.14.x || ^15.0.0 || ^16.0.0","react-dom":"0.14.x || ^15.0.0 || ^16.0.0"},"prettier":{"singleQuote":true},"babel":{"presets":["react","env"],"plugins":["transform-class-properties"]},"jest":{"clearMocks":true,"testMatch":["<rootDir>/test/*.test.js"],"setupFiles":["<rootDir>/test/jest-setup.js"]},"gitHead":"85a7833c28af37659ec4222218c80e15b157c8cd","_id":"react-displace@2.3.0","_npmVersion":"5.4.2","_nodeVersion":"6.11.3","_npmUser":{"name":"davidtheclark","email":"david.dave.clark@gmail.com"},"dist":{"shasum":"6915f8f2f279a29a7b58442405c26edc3d441429","size":49200,"noattachment":false,"key":"/react-displace/-/react-displace-2.3.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-displace/download/react-displace-2.3.0.tgz"},"maintainers":[{"name":"davidtheclark","email":"david.dave.clark@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-displace-2.3.0.tgz_1506789595963_0.7612691654358059"},"directories":{},"publish_time":1506789596122,"_cnpm_publish_time":1506789596122,"_hasShrinkwrap":false},"2.2.1":{"name":"react-displace","version":"2.2.1","description":"A higher order component that displaces your component into a remote region of the DOM","main":"dist/displace.js","scripts":{"demo-bundle":"browserify demo/js -t babelify -o demo/demo-bundle.js","demo-watch":"watchify demo/js -v -d -t babelify -o demo/demo-bundle.js","predemo-dev":"npm run build","start":"npm run demo-watch & http-server demo","lint":"eslint .","format":"prettier --single-quote --write src/*.js test/*.js demo/js/*.js","pretest":"npm run lint","build":"babel src -d dist","jest":"jest","test":"jest","prepublish":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/davidtheclark/react-displace.git"},"keywords":["react","react-component"],"author":{"name":"David Clark"},"license":"MIT","bugs":{"url":"https://github.com/davidtheclark/react-displace/issues"},"homepage":"https://github.com/davidtheclark/react-displace#readme","devDependencies":{"babel-cli":"^6.24.1","babel-eslint":"^7.2.2","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babelify":"^7.3.0","browserify":"^14.3.0","eslint":"^3.19.0","eslint-plugin-react":"^6.10.3","http-server":"0.9.0","jest":"^19.0.2","prettier":"^1.2.2","react":"^15.5.4","react-dom":"^15.5.4","tape":"^4.6.3","watchify":"^3.9.0"},"peerDependencies":{"react":"0.14.x || ^15.0.0","react-dom":"0.14.x || ^15.0.0"},"babel":{"presets":["react","es2015"],"plugins":["transform-class-properties"]},"jest":{"testRegex":"/test/.*\\.test.js$","resetMocks":true},"gitHead":"a6ed076dfc76f844a948b2a8b6cb26de202492fa","_id":"react-displace@2.2.1","_shasum":"faa21bbcc251cf94825bf6515323dcdcfe9e1796","_from":".","_npmVersion":"4.5.0","_nodeVersion":"6.10.0","_npmUser":{"name":"davidtheclark","email":"david.dave.clark@gmail.com"},"dist":{"shasum":"faa21bbcc251cf94825bf6515323dcdcfe9e1796","size":47364,"noattachment":false,"key":"/react-displace/-/react-displace-2.2.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-displace/download/react-displace-2.2.1.tgz"},"maintainers":[{"name":"davidtheclark","email":"david.dave.clark@gmail.com"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/react-displace-2.2.1.tgz_1494196510339_0.043656875379383564"},"directories":{},"publish_time":1494196510593,"_hasShrinkwrap":false,"_cnpm_publish_time":1494196510593},"2.2.0":{"name":"react-displace","version":"2.2.0","description":"A higher order component that displaces your component into a remote region of the DOM","main":"dist/displace.js","scripts":{"demo-bundle":"browserify demo/js -t babelify -o demo/demo-bundle.js","demo-watch":"watchify demo/js -v -d -t babelify -o demo/demo-bundle.js","predemo-dev":"npm run build","start":"npm run demo-watch & http-server demo","lint":"eslint .","format":"prettier --single-quote --write src/*.js test/*.js demo/js/*.js","pretest":"npm run lint","build":"babel src -d dist","jest":"jest","test":"jest","prepublish":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/davidtheclark/react-displace.git"},"keywords":["react","react-component"],"author":{"name":"David Clark"},"license":"MIT","bugs":{"url":"https://github.com/davidtheclark/react-displace/issues"},"homepage":"https://github.com/davidtheclark/react-displace#readme","devDependencies":{"babel-cli":"^6.24.1","babel-eslint":"^7.2.2","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babelify":"^7.3.0","browserify":"^14.3.0","eslint":"^3.19.0","eslint-plugin-react":"^6.10.3","http-server":"0.9.0","jest":"^19.0.2","prettier":"^1.2.2","react":"^15.5.4","react-dom":"^15.5.4","tape":"^4.6.3","watchify":"^3.9.0"},"peerDependencies":{"react":"0.14.x || ^15.0.0","react-dom":"0.14.x || ^15.0.0"},"babel":{"presets":["react","es2015"],"plugins":["transform-class-properties"]},"jest":{"testRegex":"/test/.*\\.test.js$","resetMocks":true},"gitHead":"21976f5392f8791b0a49af51f727269ba55048cb","_id":"react-displace@2.2.0","_shasum":"42e7513898928b4f7ff18e2bdaf7f892eaad0946","_from":".","_npmVersion":"4.5.0","_nodeVersion":"6.10.0","_npmUser":{"name":"davidtheclark","email":"david.dave.clark@gmail.com"},"dist":{"shasum":"42e7513898928b4f7ff18e2bdaf7f892eaad0946","size":47861,"noattachment":false,"key":"/react-displace/-/react-displace-2.2.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-displace/download/react-displace-2.2.0.tgz"},"maintainers":[{"name":"davidtheclark","email":"david.dave.clark@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/react-displace-2.2.0.tgz_1494196357286_0.3959001745097339"},"directories":{},"publish_time":1494196360073,"_cnpm_publish_time":1494196360073,"_hasShrinkwrap":false},"2.1.4":{"name":"react-displace","version":"2.1.4","description":"A higher order component that displaces your component into a remote region of the DOM","main":"dist/displace.js","scripts":{"demo-bundle":"browserify demo/js -t babelify -o demo/demo-bundle.js","demo-watch":"watchify demo/js -v -d -t babelify -o demo/demo-bundle.js","predemo-dev":"npm run build","demo-dev":"npm run demo-watch & http-server demo","lint":"eslint .","format":"prettier --single-quote --write src/*.js test/*.js demo/js/*.js","pretest":"npm run lint && npm run build","build":"babel src/displace.js > dist/displace.js","jest":"jest","test":"jest","prepublish":"npm run build"},"repository":{"type":"git","url":"git+https://github.com/davidtheclark/react-displace.git"},"keywords":["react","react-component"],"author":{"name":"David Clark"},"license":"MIT","bugs":{"url":"https://github.com/davidtheclark/react-displace/issues"},"homepage":"https://github.com/davidtheclark/react-displace#readme","devDependencies":{"babel-cli":"^6.24.1","babel-eslint":"^7.2.2","babel-plugin-transform-class-properties":"^6.24.1","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babelify":"^7.3.0","browserify":"^14.3.0","eslint":"^3.19.0","eslint-plugin-react":"^6.10.3","http-server":"0.9.0","jest":"^19.0.2","prettier":"^1.2.2","react":"^15.5.4","react-dom":"^15.5.4","tape":"^4.6.3","watchify":"^3.9.0"},"peerDependencies":{"react":"0.14.x || ^15.0.0","react-dom":"0.14.x || ^15.0.0"},"babel":{"presets":["react","es2015"],"plugins":["transform-class-properties"]},"jest":{"testRegex":"/test/.*\\.test.js$","resetMocks":true},"gitHead":"47b7c9daa58b68d8df7e379e4a5a5f168e0dd019","_id":"react-displace@2.1.4","_shasum":"3f0f9c8844cd42a7ced27f06a830cb8efc57a900","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.10.0","_npmUser":{"name":"davidtheclark","email":"david.dave.clark@gmail.com"},"dist":{"shasum":"3f0f9c8844cd42a7ced27f06a830cb8efc57a900","size":50085,"noattachment":false,"key":"/react-displace/-/react-displace-2.1.4.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-displace/download/react-displace-2.1.4.tgz"},"maintainers":[{"name":"davidtheclark","email":"david.dave.clark@gmail.com"}],"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/react-displace-2.1.4.tgz_1492811593647_0.6673798421397805"},"directories":{},"publish_time":1492811596114,"_cnpm_publish_time":1492811596114,"_hasShrinkwrap":false},"2.1.3":{"name":"react-displace","version":"2.1.3","description":"A higher order component that displaces your component into a remote region of the DOM","main":"index.js","scripts":{"demo-bundle":"browserify demo/js -t babelify --extension=.jsx -o demo/demo-bundle.js","demo-watch":"watchify demo/js -v -d -t babelify --extension=.jsx -o demo/demo-bundle.js","demo-dev":"npm run demo-watch & http-server demo","lint":"eslint .","test-dev":"zuul --local 8080 --open -- test/index.js","pretest":"npm run lint","test":"zuul -- test/index.js"},"repository":{"type":"git","url":"git+https://github.com/davidtheclark/react-displace.git"},"keywords":["react","react-component"],"author":{"name":"David Clark"},"license":"MIT","bugs":{"url":"https://github.com/davidtheclark/react-displace/issues"},"homepage":"https://github.com/davidtheclark/react-displace#readme","devDependencies":{"babel-preset-react":"6.5.0","babelify":"7.2.0","browserify":"13.0.0","eslint":"1.10.3","http-server":"0.9.0","react":"15.0.1","react-addons-test-utils":"15.0.1","react-dom":"15.0.1","tape":"4.5.1","watchify":"3.7.0","zuul":"3.10.1"},"babel":{"presets":["react"]},"peerDependencies":{"react":"0.14.x || ^15.0.0","react-dom":"0.14.x || ^15.0.0"},"files":["index.js"],"gitHead":"53887f53524bdea27b979d777a04bca25d325fa8","_id":"react-displace@2.1.3","_shasum":"a7d094661ac15995836b078a8a1c2651a2127bb5","_from":".","_npmVersion":"3.8.3","_nodeVersion":"5.10.1","_npmUser":{"name":"davidtheclark","email":"david.dave.clark@gmail.com"},"dist":{"shasum":"a7d094661ac15995836b078a8a1c2651a2127bb5","size":4099,"noattachment":false,"key":"/react-displace/-/react-displace-2.1.3.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-displace/download/react-displace-2.1.3.tgz"},"maintainers":[{"name":"davidtheclark","email":"david.dave.clark@gmail.com"}],"_npmOperationalInternal":{"host":"packages-16-east.internal.npmjs.com","tmp":"tmp/react-displace-2.1.3.tgz_1460383811928_0.13434947677887976"},"directories":{},"publish_time":1460383814421,"_cnpm_publish_time":1460383814421,"_hasShrinkwrap":false},"2.1.2":{"name":"react-displace","version":"2.1.2","description":"A higher order component that displaces your component into a remote region of the DOM","main":"index.js","scripts":{"demo-bundle":"browserify demo/js -t babelify --extension=.jsx -o demo/demo-bundle.js","demo-watch":"watchify demo/js -v -d -t babelify --extension=.jsx -o demo/demo-bundle.js","demo-dev":"npm run demo-watch & http-server demo","lint":"eslint .","test-dev":"zuul --local 8080 --open -- test/index.js","pretest":"npm run lint","test":"zuul -- test/index.js"},"repository":{"type":"git","url":"git+https://github.com/davidtheclark/react-displace.git"},"keywords":["react","react-component"],"author":{"name":"David Clark"},"license":"MIT","bugs":{"url":"https://github.com/davidtheclark/react-displace/issues"},"homepage":"https://github.com/davidtheclark/react-displace#readme","devDependencies":{"babel-preset-react":"6.3.13","babelify":"7.2.0","browserify":"13.0.0","eslint":"1.10.3","http-server":"0.8.5","react":"0.14.7","react-addons-test-utils":"0.14.7","react-dom":"0.14.7","tape":"4.4.0","watchify":"3.7.0","zuul":"3.9.0"},"babel":{"presets":["react"]},"peerDependencies":{"react":"0.14.x","react-dom":"0.14.x"},"files":["index.js"],"gitHead":"9e4f4c7564d96535423ea497a8e5b19ca2317ce1","_id":"react-displace@2.1.2","_shasum":"ae6f3282e6119210a5260219d1c9010510d84660","_from":".","_npmVersion":"3.7.5","_nodeVersion":"5.6.0","_npmUser":{"name":"davidtheclark","email":"david.dave.clark@gmail.com"},"dist":{"shasum":"ae6f3282e6119210a5260219d1c9010510d84660","size":4067,"noattachment":false,"key":"/react-displace/-/react-displace-2.1.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-displace/download/react-displace-2.1.2.tgz"},"maintainers":[{"name":"davidtheclark","email":"david.dave.clark@gmail.com"}],"_npmOperationalInternal":{"host":"packages-13-west.internal.npmjs.com","tmp":"tmp/react-displace-2.1.2.tgz_1457054146232_0.17551612271927297"},"directories":{},"publish_time":1457054147350,"_cnpm_publish_time":1457054147350,"_hasShrinkwrap":false},"2.1.1":{"name":"react-displace","version":"2.1.1","description":"A higher order component that displaces your component into a remote region of the DOM","main":"index.js","scripts":{"demo-bundle":"browserify demo/js -t babelify --extension=.jsx -o demo/demo-bundle.js","demo-watch":"watchify demo/js -v -d -t babelify --extension=.jsx -o demo/demo-bundle.js","demo-dev":"npm run demo-watch & http-server demo","lint":"eslint .","test-dev":"zuul --local 8080 --open -- test/index.js","pretest":"npm run lint","test":"zuul -- test/index.js"},"repository":{"type":"git","url":"git+https://github.com/davidtheclark/react-displace.git"},"keywords":["react","react-component"],"author":{"name":"David Clark"},"license":"MIT","bugs":{"url":"https://github.com/davidtheclark/react-displace/issues"},"homepage":"https://github.com/davidtheclark/react-displace#readme","devDependencies":{"babel-preset-react":"6.3.13","babelify":"7.2.0","browserify":"13.0.0","eslint":"1.10.3","http-server":"0.8.5","react":"0.14.7","react-addons-test-utils":"0.14.7","react-dom":"0.14.7","tape":"4.4.0","watchify":"3.7.0","zuul":"3.9.0"},"babel":{"presets":["react"]},"peerDependencies":{"react":"0.14.x","react-dom":"0.14.x"},"files":["index.js"],"gitHead":"cd732b6ec4df6f484fef4e5b413b779fe0be6f4b","_id":"react-displace@2.1.1","_shasum":"a16f6941169cc8d8ed260740df6a524a0bbc516d","_from":".","_npmVersion":"3.7.3","_nodeVersion":"5.6.0","_npmUser":{"name":"davidtheclark","email":"david.dave.clark@gmail.com"},"dist":{"shasum":"a16f6941169cc8d8ed260740df6a524a0bbc516d","size":4024,"noattachment":false,"key":"/react-displace/-/react-displace-2.1.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-displace/download/react-displace-2.1.1.tgz"},"maintainers":[{"name":"davidtheclark","email":"david.dave.clark@gmail.com"}],"_npmOperationalInternal":{"host":"packages-6-west.internal.npmjs.com","tmp":"tmp/react-displace-2.1.1.tgz_1456285340771_0.6443772646598518"},"directories":{},"publish_time":1456285341347,"_cnpm_publish_time":1456285341347,"_hasShrinkwrap":false},"2.1.0":{"name":"react-displace","version":"2.1.0","description":"A higher order component that displaces your component into a remote region of the DOM","main":"index.js","scripts":{"demo-bundle":"browserify demo/js -t babelify --extension=.jsx -o demo/demo-bundle.js","demo-watch":"watchify demo/js -v -d -t babelify --extension=.jsx -o demo/demo-bundle.js","demo-dev":"npm run demo-watch & http-server demo","lint":"eslint .","test-dev":"zuul --local 8080 --open -- test/index.js","pretest":"npm run lint","test":"zuul -- test/index.js"},"repository":{"type":"git","url":"git+https://github.com/davidtheclark/react-displace.git"},"keywords":["react","react-component"],"author":{"name":"David Clark"},"license":"MIT","bugs":{"url":"https://github.com/davidtheclark/react-displace/issues"},"homepage":"https://github.com/davidtheclark/react-displace#readme","devDependencies":{"babel-preset-react":"6.3.13","babelify":"7.2.0","browserify":"13.0.0","eslint":"1.10.3","eslint-plugin-react":"3.16.1","http-server":"0.8.5","react-addons-test-utils":"0.14.7","tape":"4.4.0","watchify":"3.7.0","zuul":"3.9.0"},"babel":{"presets":["react"]},"dependencies":{"react":"0.14.x","react-dom":"0.14.x"},"files":["index.js"],"gitHead":"955bfb3af51d37b8d75355e1eb2db5b21812a78f","_id":"react-displace@2.1.0","_shasum":"eddca730e9fa8bc006999764201ac9c9c886baa4","_from":".","_npmVersion":"3.5.3","_nodeVersion":"5.5.0","_npmUser":{"name":"davidtheclark","email":"david.dave.clark@gmail.com"},"dist":{"shasum":"eddca730e9fa8bc006999764201ac9c9c886baa4","size":4010,"noattachment":false,"key":"/react-displace/-/react-displace-2.1.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-displace/download/react-displace-2.1.0.tgz"},"maintainers":[{"name":"davidtheclark","email":"david.dave.clark@gmail.com"}],"directories":{},"publish_time":1454040110207,"_cnpm_publish_time":1454040110207,"_hasShrinkwrap":false},"2.0.1":{"name":"react-displace","version":"2.0.1","description":"A higher order component that displaces your component into a remote region of the DOM","main":"index.js","scripts":{"demo-bundle":"browserify demo/js -t babelify --extension=.jsx -o demo/demo-bundle.js","demo-watch":"watchify demo/js -d -t babelify --extension=.jsx -o demo/demo-bundle.js","demo-bs":"browser-sync start --server demo --files=\"demo/**/*.css,demo/index.html,demo/demo-bundle.js\"","demo-dev":"parallelshell \"npm run demo-watch\" \"npm run demo-bs\"","lint":"eslint .","test-dev":"zuul --local 8080 --open -- test/index.js","pretest":"npm run lint","test":"zuul -- test/index.js"},"repository":{"type":"git","url":"git+https://github.com/davidtheclark/react-displace.git"},"keywords":["react","react-component"],"author":{"name":"David Clark"},"license":"MIT","bugs":{"url":"https://github.com/davidtheclark/react-displace/issues"},"homepage":"https://github.com/davidtheclark/react-displace#readme","devDependencies":{"babelify":"6.3.0","browser-sync":"2.9.11","browserify":"11.2.0","eslint":"1.7.1","eslint-plugin-react":"3.5.1","parallelshell":"2.0.0","react-addons-test-utils":"0.14.0","tape":"4.2.1","watchify":"3.4.0","zuul":"3.6.0"},"dependencies":{"react":"0.14.x","react-dom":"0.14.x"},"files":["index.js"],"gitHead":"cfaf6444f9df525329907dec32558dc8825d07cf","_id":"react-displace@2.0.1","_shasum":"217d20bef6c3e0c12a3d08bfe3d391b9a4cd922e","_from":".","_npmVersion":"3.5.2","_nodeVersion":"5.3.0","_npmUser":{"name":"davidtheclark","email":"david.dave.clark@gmail.com"},"dist":{"shasum":"217d20bef6c3e0c12a3d08bfe3d391b9a4cd922e","size":3974,"noattachment":false,"key":"/react-displace/-/react-displace-2.0.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-displace/download/react-displace-2.0.1.tgz"},"maintainers":[{"name":"davidtheclark","email":"david.dave.clark@gmail.com"}],"directories":{},"publish_time":1450637701889,"_cnpm_publish_time":1450637701889,"_hasShrinkwrap":false},"2.0.0":{"name":"react-displace","version":"2.0.0","description":"A higher order component that displaces your component into a remote region of the DOM","main":"index.js","scripts":{"demo-bundle":"browserify demo/js -t babelify --extension=.jsx -o demo/demo-bundle.js","demo-watch":"watchify demo/js -d -t babelify --extension=.jsx -o demo/demo-bundle.js","demo-bs":"browser-sync start --server demo --files=\"demo/**/*.css,demo/index.html,demo/demo-bundle.js\"","demo-dev":"parallelshell \"npm run demo-watch\" \"npm run demo-bs\"","lint":"eslint .","test-dev":"zuul --local 8080 --open -- test/index.js","pretest":"npm run lint","test":"zuul -- test/index.js"},"repository":{"type":"git","url":"git+https://github.com/davidtheclark/react-displace.git"},"keywords":["react","react-component"],"author":{"name":"David Clark"},"license":"MIT","bugs":{"url":"https://github.com/davidtheclark/react-displace/issues"},"homepage":"https://github.com/davidtheclark/react-displace#readme","devDependencies":{"babelify":"6.3.0","browser-sync":"2.9.11","browserify":"11.2.0","eslint":"1.7.1","eslint-plugin-react":"3.5.1","parallelshell":"2.0.0","react-addons-test-utils":"0.14.0","tape":"4.2.1","watchify":"3.4.0","zuul":"3.6.0"},"dependencies":{"react":"0.14.x","react-dom":"0.14.x"},"files":["index.js"],"gitHead":"f6c987f6f8889690ae392ffe981465f0cdee24ae","_id":"react-displace@2.0.0","_shasum":"8413d8bb1ce9b372bd48316e4f5132f29b5a4b69","_from":".","_npmVersion":"2.14.7","_nodeVersion":"4.2.1","_npmUser":{"name":"davidtheclark","email":"david.dave.clark@gmail.com"},"dist":{"shasum":"8413d8bb1ce9b372bd48316e4f5132f29b5a4b69","size":3936,"noattachment":false,"key":"/react-displace/-/react-displace-2.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-displace/download/react-displace-2.0.0.tgz"},"maintainers":[{"name":"davidtheclark","email":"david.dave.clark@gmail.com"}],"directories":{},"publish_time":1445132161427,"_cnpm_publish_time":1445132161427,"_hasShrinkwrap":false},"1.0.1":{"name":"react-displace","version":"1.0.1","description":"A higher order component that displaces your component into a remote region of the DOM","main":"index.js","scripts":{"lint":"eslint .","demo-bundle":"browserify demo/js -t babelify --extension=.jsx -o demo/demo-bundle.js","demo-watch":"watchify demo/js -d -t babelify --extension=.jsx -o demo/demo-bundle.js","demo-bs":"browser-sync start --server demo --files=\"demo/**/*.css,demo/index.html,demo/demo-bundle.js\"","demo-dev":"parallelshell \"npm run demo-watch\" \"npm run demo-bs\"","test-bundle":"browserify test -t babelify -o test/test-bundle.js --extension=.jsx","test-dev":"watchify test -d -t babelify -o test/test-bundle.js -v --extension=.jsx","test-single":"karma start --single-run","pretest":"npm run lint","test":"npm run test-bundle && npm run test-single"},"repository":{"type":"git","url":"git+https://github.com/davidtheclark/react-displace.git"},"keywords":["react","react-component"],"author":{"name":"David Clark"},"license":"MIT","bugs":{"url":"https://github.com/davidtheclark/react-displace/issues"},"homepage":"https://github.com/davidtheclark/react-displace#readme","devDependencies":{"babelify":"6.2.0","browser-sync":"2.8.2","browserify":"11.0.1","es5-shim":"4.1.10","eslint":"1.2.1","karma":"0.13.9","karma-phantomjs-launcher":"0.2.1","karma-tap":"1.0.3","parallelshell":"2.0.0","phantomjs":"1.9.18","tape":"4.2.0","watchify":"3.3.1"},"dependencies":{"react":"0.13.x"},"files":["index.js"],"gitHead":"cbf41bec7bc6d69af106717221051e51e8c20c44","_id":"react-displace@1.0.1","_shasum":"a3025c70bd42fa3480da217908161bbe4b0913d2","_from":".","_npmVersion":"2.14.0","_nodeVersion":"0.12.7","_npmUser":{"name":"davidtheclark","email":"david.dave.clark@gmail.com"},"dist":{"shasum":"a3025c70bd42fa3480da217908161bbe4b0913d2","size":3565,"noattachment":false,"key":"/react-displace/-/react-displace-1.0.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-displace/download/react-displace-1.0.1.tgz"},"maintainers":[{"name":"davidtheclark","email":"david.dave.clark@gmail.com"}],"directories":{},"publish_time":1441330276467,"_cnpm_publish_time":1441330276467,"_hasShrinkwrap":false},"1.0.0":{"name":"react-displace","version":"1.0.0","description":"A higher order component that displaces your component into a remote region of the DOM","main":"index.js","scripts":{"lint":"eslint .","demo-bundle":"browserify demo/js -t babelify --extension=.jsx -o demo/demo-bundle.js","demo-watch":"watchify demo/js -d -t babelify --extension=.jsx -o demo/demo-bundle.js","demo-bs":"browser-sync start --server demo --files=\"demo/**/*.css,demo/index.html,demo/demo-bundle.js\"","demo-dev":"parallelshell \"npm run demo-watch\" \"npm run demo-bs\"","test-bundle":"browserify test -t babelify -o test/test-bundle.js --extension=.jsx","test-dev":"watchify test -d -t babelify -o test/test-bundle.js -v --extension=.jsx","test-single":"karma start --single-run","pretest":"npm run lint","test":"npm run test-bundle && npm run test-single"},"repository":{"type":"git","url":"git+https://github.com/davidtheclark/react-displace.git"},"keywords":["react","react-component"],"author":{"name":"David Clark"},"license":"MIT","bugs":{"url":"https://github.com/davidtheclark/react-displace/issues"},"homepage":"https://github.com/davidtheclark/react-displace#readme","devDependencies":{"babelify":"6.2.0","browser-sync":"2.8.2","browserify":"11.0.1","es5-shim":"4.1.10","eslint":"1.2.1","karma":"0.13.9","karma-phantomjs-launcher":"0.2.1","karma-tap":"1.0.3","parallelshell":"2.0.0","phantomjs":"1.9.18","tape":"4.2.0","watchify":"3.3.1"},"dependencies":{"react":"0.13.x"},"files":["index.js"],"gitHead":"75b3b4716605b5b8db84116c881f3019980f312f","_id":"react-displace@1.0.0","_shasum":"f7c01921cb410c95cfd04b77eb7532dcaf420979","_from":".","_npmVersion":"2.13.2","_nodeVersion":"0.12.7","_npmUser":{"name":"davidtheclark","email":"david.dave.clark@gmail.com"},"dist":{"shasum":"f7c01921cb410c95cfd04b77eb7532dcaf420979","size":3377,"noattachment":false,"key":"/react-displace/-/react-displace-1.0.0.tgz","tarball":"http://registry.cnpm.dingdandao.com/react-displace/download/react-displace-1.0.0.tgz"},"maintainers":[{"name":"davidtheclark","email":"david.dave.clark@gmail.com"}],"directories":{},"publish_time":1440621116258,"_cnpm_publish_time":1440621116258,"_hasShrinkwrap":false}},"readme":"# react-displace [![Build Status](https://travis-ci.org/davidtheclark/react-displace.svg?branch=master)](https://travis-ci.org/davidtheclark/react-displace)\n\nA higher-order component that displaces *your* component into a remote region of the DOM. When your component mounts, it renders to the end of `document.body` (or into any specified DOM node), instead of its expected place within the React component tree; but it still maintains its normal life cycle within the tree, mounting, updating, and unmounting as expected.\n\nThis is useful when the HTML source order enforced by React's component tree won't serve your purposes. For example: if initialization and props for a modal or an obstructive overlay (e.g. \"Loading...\") will come from some component deeply nested within you app, but you want to render the modal or overlay as a direct child of `document.body` so that you can easily `position` it and set its `z-index`.\n\n[Check out the demo.](http://davidtheclark.github.io/react-displace/demo/)\n\n## Installation\n\n```\nnpm install react-displace\n```\n\nYou'll need to be using a bundler like Browserify, Webpack, or Rollup.\n\n`dist/displace.js` is the Babel-compiled code that you will use.\n\n### React Dependency\n\nVersion 2.3+ uses React 16's [Portals](https://reactjs.org/docs/portals.html), if available.\nIf not, it resorts to the old ways, so is still compatible with previous versions of React.\n\nVersion 2+ is compatible with React >=0.14.x.\n\nVersion 1+ is compatible with React 0.13.x.\n\n## Tested Browser Support\n\nIE9+.\n\n## Usage\n\nreact-displace is a [\"higher-order component\"](https://facebook.github.io/react/docs/higher-order-components.html): a function that takes your component as an argument and returns a new component that includes your component wrapped in some special functionality.\n\nIt has a simple signature:\n\n```js\nconst DisplacedComponent = displace(YourComponent[, options]);\n```\n\n### Options\n\n#### renderTo\n\nType: DOM node or string selector\n\nBy default, the displaced component is appended to a new `<div>` attached directly to `document.body`. If instead you would like to specify a node that the component should be displaced to, do that with `renderTo`.\n\nIf `renderTo` is a DOM node, the displaced component will be rendered there.\n\nIf `renderTo` is a selector string, it is passed to `document.querySelector()`, and the displaced component will be rendered to that result.\n\n### Example\n\n```js\nconst React = require('react');\nconst displace = require('react-displace');\n\nclass Foo extends React.Component { .. }\n\nconst FooDisplacedToBody = displace(Foo);\nconst FooDisplacedToBar = displace(Foo, document.getElementById('bar'));\nconst FooDisplacedToBaz = displace(Foo, '#baz');\n```\n\nIn the example above, you can use any `FooDisplacedTo*` exactly as you would use `Foo`; and any `props` you provide to `FooDisplacedTo*` will be passed through to its internal `Foo` component. (e.g. If `Foo` has a `prop` called `severity`, so does `FooDisplacedTo*`.)\n\nThe only differences are that all of the `FooDisplacedTo*` components will be rendered to some special place in the DOM, instead of being inserted wherever it is used within the React component tree.\n- `FooDisplacedToBody` will be rendered into a new `<div>` appended directly to `document.body`,\n- `FooDisplacedToBar` and `FooDisplacedToBaz` will be appended into their designated containers.\n\nThe `FooDisplacedTo*` components will also have an additional `prop`: `mounted`. The `mounted` prop can be used to declare whether the component should be rendered or not — which can also be done by actually mounting and unmounting the component.\n\nSo let's say you have the following HTML:\n\n```html\n<div id=\"app-container\"></div>\n<div id=\"bar\"></div>\n<div id=\"baz\"></div>\n```\n\nAnd you have something like the following JS:\n\n```js\nconst React = require('react');\nconst displace = require('react-displace');\n\nclass Foo extends React.Component { .. }\n\nconst FooDisplacedToBody = displace(Foo);\nconst FooDisplacedToBar = displace(Foo, document.getElementById('bar'));\nconst FooDisplacedToBaz = displace(Foo, '#baz');\n\nclass App extends React.Component {\n  render() {\n    return (\n      <div id=\"rendered-app\">\n        <Foo text='in my normal place' />\n        <FooDisplacedToBody text='displaced to body' />\n        <FooDisplacedToBar text='displaced to bar' />\n        <FooDisplacedToBaz text='displaced to baz' />\n      </div>\n    );\n  },\n}\n```\n\nWhat ends up rendering should look something like this:\n\n```html\n<div id=\"app-container\">\n  <div id=\"rendered-app\">\n    <div>in my normal place</div>\n  </div>\n</div>\n<div id=\"bar\">\n  <div>displaced to bar</div>\n</div>\n<div id=\"baz\">\n  <div>displaced to baz</div>\n</div>\n<div>\n  <div>displaced to body</div>\n</div>\n```\n\n## `DisplacedComponent.WrappedComponent`\n\nThe component that you pass to `displace()` is available on the class it returns as the static property `WrappedComponent`.\n\n```js\nclass MyComponent extends React.Component { .. }\nconst MyComponentDisplaced = displace(MyComponent);\nMyComponentDisplaced.WrappedComponent === MyComponent; // true\n```\n\n## Contributing & Development\n\nPlease note that this project is released with a Contributor Code of Conduct. By participating in this project you agree to abide by its terms.\n\nLint with `npm run lint`.\n\nTest with `npm run jest`.\n\n## Questions with Answers\n\n- **Will my displaced element understand the `context` from its React element tree?** Yes!\n\n## Caveats\n\n- If there is no `document` (e.g. using `ReactDOMServer.renderToString()` server-side), this thing won't work,\n  so it just returns a component that renders nothing. You'll have to initiate it when there is a `document`.\n","_attachments":{},"homepage":"https://github.com/davidtheclark/react-displace#readme","bugs":{"url":"https://github.com/davidtheclark/react-displace/issues"},"license":"MIT"}