{"_id":"@cala/react-portal","_rev":"22-7ead881f5faa1835152846498e8f8a3b","name":"@cala/react-portal","dist-tags":{"latest":"0.1.3"},"versions":{"0.1.0":{"name":"@cala/react-portal","version":"0.1.0","author":{"name":"CALA","email":"devops@ca.la"},"license":"UNLICENSED","_id":"@cala/react-portal@0.1.0","maintainers":[{"name":"nexpure","email":"nexpure@gmail.com"},{"name":"sebastiancala","email":"sebastian@ca.la"},{"name":"alekhinen","email":"nick.alekhine@gmail.com"},{"name":"sam_ca-la","email":"sam@ca.la"},{"name":"scotttrinh","email":"scott@scotttrinh.com"},{"name":"dylanpyle","email":"me@dylanpyle.com"}],"homepage":"https://github.com/ca-la/react-portal#readme","bugs":{"url":"https://github.com/ca-la/react-portal/issues"},"dist":{"shasum":"f9dc9377dc449da8bad409b7f6aa64f8f0e271ba","tarball":"https://registry.npmjs.org/@cala/react-portal/-/react-portal-0.1.0.tgz","fileCount":10,"integrity":"sha512-gZE1ad3Lfq2ClvYBDvClp6VcsvOXhDHkx7dmwyV9rvodXM4NUfyecHDU1Pt+0YvJN3q2BHs+ouVVj0ds2Pu1tw==","signatures":[{"sig":"MEQCIEKeuQuWeBHghUkoWKkwN3PQhXafgMFh+T/jXSImBuLRAiBWFlsPPYj0OQ+rht4jdE1tMTJaY+85qyDeKdh2h7VTmQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5383,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdcDOTCRA9TVsSAnZWagAAHZ4QAI+Ebh3zVgraaK7vaZ7O\ngKQmY5JRk8r/ixiut61NvpGPmfXFalxlXL8z/6ytTdrlzp9d4SE/1IKb80HQ\nPmP21oiuAoPYxIyrXaKRNq3qIMR0MD2ubL0RHBptl7f0MHbYMOqHOaLQHx6C\nSRXG96anDrCMfNjL3YW80zWyGclbk48mOp3gETcnNPByV+KzuQHwyySSJ2El\nN1o2tz7yeiWU+gRiPTDzLu/lCfZaMrb8JE6oWsnvGLzppgQ3y2zqhQF8tNZC\ndIHckVoph32ap73i0mx51H4qiiGEEV2haWcPQm2GOcjbCc6V8gDiq/zQOXK0\nJPdGuh53CJaRBwQeffD7nuvIH6AoJIyy5YsFuQ9CpSMj4ItIIUAQsMK04Mrs\n91aRPRkPSaWYfj65e7OfYUtflajhl2Frtwig+jIcxvecLnCghMPgZww8xLq0\nWZn3kDV4qWqFBMP3irYt220BEVu8/11fnyLVqa12WAbQhGStSgbGqlV9u3+v\noI66xbmCM6pvMHpRhHmDwGI02AALFtsa4xAnlbawBn/N1ueVdyYyO38p6uG9\n+gSPOzy9jUpmb2HeqIkkeOUNik4Us3Y7TWfMWwR8Ksr0DN5bczcObWAAPkRZ\nHI2mpe0WJwG30S9vLe/GTOb+g1Ny0BEdHzlES6+ObOKFgVctZ1BKA3c4/HnM\n8Ct0\r\n=kzgb\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"ts-jest","testRegex":"spec\\.(jsx?|tsx?)$","transform":{"^.+\\.tsx?$":"ts-jest"},"testEnvironment":"jsdom","collectCoverageFrom":["**/*.{ts,tsx}","!**/node_modules/**","!**/*.d.ts"],"moduleFileExtensions":["ts","tsx","js","jsx","json"]},"main":"dist/index.js","gitHead":"1b8aec4d0878811918f28c1b1ee683a0da8d3fa8","scripts":{"test":"bin/test","prepublishOnly":"bin/test && bin/build"},"typings":"dist/index.d.ts","_npmUser":{"name":"alekhinen","email":"nick.alekhine@gmail.com"},"repository":{"url":"git+ssh://git@github.com/ca-la/react-portal.git","type":"git"},"_npmVersion":"6.4.1","description":"Portal your react components without the DOM.","directories":{},"_nodeVersion":"10.15.0","dependencies":{"react":"^16.9.0","tslib":"^1.9.3","typescript":"^3.4.5","@types/react":"^16.9.2"},"publishConfig":{"access":"restricted"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^24.9.0","ts-jest":"^24.0.2","ts-node":"^7.0.1","prettier":"^1.14.3","react-dom":"^16.9.0","@types/jest":"^24.0.18","@testing-library/react":"^9.1.4"},"_npmOperationalInternal":{"tmp":"tmp/react-portal_0.1.0_1567634322583_0.3992951330408796","host":"s3://npm-registry-packages"}},"0.1.1":{"name":"@cala/react-portal","version":"0.1.1","author":{"name":"CALA","email":"devops@ca.la"},"license":"UNLICENSED","_id":"@cala/react-portal@0.1.1","maintainers":[{"name":"alekhinen","email":"nick.alekhine@gmail.com"},{"name":"dylanpyle","email":"me@dylanpyle.com"},{"name":"nexpure","email":"nexpure@gmail.com"},{"name":"sam_ca-la","email":"sam@ca.la"},{"name":"scotttrinh","email":"scott@scotttrinh.com"},{"name":"sebastiancala","email":"sebastian@ca.la"}],"homepage":"https://github.com/ca-la/react-portal#readme","bugs":{"url":"https://github.com/ca-la/react-portal/issues"},"dist":{"shasum":"8b971b98f0b36c1c7abf91c690726b76a3dc8789","tarball":"https://registry.npmjs.org/@cala/react-portal/-/react-portal-0.1.1.tgz","fileCount":10,"integrity":"sha512-QefNurBZSwrX4gAZyT6sAvzjgD0mDXp7KBPInRwr6R38yJjgF7mGkzpuzC2kbgJwUBe0I97JMIwQL/ZpgjBxMw==","signatures":[{"sig":"MEYCIQCP/Bec985tzJhVqKRPUCYA6+/Kh35OM/jCtsARMalREQIhAOobbAfvzX4sZK8P2WtfXTuzmy0SDPmxwOmYcRpbvVDJ","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5946,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdcReuCRA9TVsSAnZWagAAJKoP/0hzDS6KrrKkAJdWReBB\nAlnYBv+EuQDraGxnPCSOVse/R+WWO35r4u/9DyX/0oDj+9pL1MaNLb+yJovS\nAfgZBKUt1FCA1EVQOFMFYkCyGruHycCm9+t8MG7UM04DNSOnTcohNDI1vSjW\nlvBwg6gIG2We/Eb/WRv6duI+aD0INqZqlE31Fwo40T3ooq9B3vcxORpI3UIE\nhEFQtpj9n0pNEOUxmRbK8qnxU7CXpQhyRBRYzAeNEMYrpwGExF+lG9e8mc4t\nB+c2C/5/w9C9Aj41h0xIil2SbzqFZoLO6UoPDesJNHJPbTGVMAzQHJtxyO2+\nvlG6nIeXsD+2eHegGIDhPlzCo8Z2SXH/hVXqBmGLrhwTloVKwM0q0/H6XAeL\nyNEOrSVlYEXhovAAOwruDLjB25xWS0RknTiGi2KIF3hXPC5tq2e7sTy+F8YL\nLyKW/6nc/B4J6FB1TR8byNoSnG+uDQAwDMlRppAK9gSWOhZv0goRRx+Eqpgx\n1yUUfq4GYHwcGRIu3ochRV9mbx6mdFBVmUj0OS0nHKTtMbFpm1SyqpEEH7X0\nwjM2SK7KqgvCUF0K3C4o7AaIU7iP0B9w1RnyU2deKbJilFfPNNh7m4PPYDGG\nZJDqwKSBRgvo8ywR3lDnKk6ztSrLAXYtsrpn1TAvSaQfX2pFKqrXGiM2551L\ntyKl\r\n=VsZ8\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"ts-jest","testRegex":"spec\\.(jsx?|tsx?)$","transform":{"^.+\\.tsx?$":"ts-jest"},"testEnvironment":"jsdom","collectCoverageFrom":["**/*.{ts,tsx}","!**/node_modules/**","!**/*.d.ts"],"moduleFileExtensions":["ts","tsx","js","jsx","json"]},"main":"dist/index.js","gitHead":"81efa5a351975de16d678710c8349eceee282d4a","scripts":{"test":"bin/test","prepublishOnly":"bin/test && bin/build"},"typings":"dist/index.d.ts","_npmUser":{"name":"alekhinen","email":"nick.alekhine@gmail.com"},"repository":{"url":"git+ssh://git@github.com/ca-la/react-portal.git","type":"git"},"_npmVersion":"6.4.1","description":"Portal your react components without the DOM.","directories":{},"_nodeVersion":"10.15.0","dependencies":{},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^24.9.0","react":"^16.9.0","tslib":"^1.9.3","ts-jest":"^24.0.2","ts-node":"^7.0.1","prettier":"^1.14.3","react-dom":"^16.9.0","typescript":"^3.5.2","@types/jest":"^24.0.18","@types/react":"^16.9.2","@testing-library/react":"^9.1.4"},"peerDependencies":{"react":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-portal_0.1.1_1567692718178_0.8816882233019345","host":"s3://npm-registry-packages"}},"0.1.2":{"name":"@cala/react-portal","version":"0.1.2","author":{"name":"CALA","email":"devops@ca.la"},"license":"UNLICENSED","_id":"@cala/react-portal@0.1.2","maintainers":[{"name":"alekhinen","email":"nick.alekhine@gmail.com"},{"name":"dylanpyle","email":"me@dylanpyle.com"},{"name":"nexpure","email":"nexpure@gmail.com"},{"name":"sam_ca-la","email":"sam@ca.la"},{"name":"scotttrinh","email":"scott@scotttrinh.com"},{"name":"sebastiancala","email":"sebastian@ca.la"}],"homepage":"https://github.com/ca-la/react-portal#readme","bugs":{"url":"https://github.com/ca-la/react-portal/issues"},"dist":{"shasum":"d7423e394dc1691e5b1d9d6cec5183c4d64e21b6","tarball":"https://registry.npmjs.org/@cala/react-portal/-/react-portal-0.1.2.tgz","fileCount":10,"integrity":"sha512-svU5Ny7nOYGUjWOEjrSuhgaK82OaGeJSrN9k51TJT6q8DMubHOwy4rPGB9/o8XAS5Q89upwOQgkmhNAhpQMtnA==","signatures":[{"sig":"MEYCIQC33fxdiyBV6HBKMDTcdNMboH2xQPuJjHs4x62zDd+foQIhAM/oxt5nLtR2sY+NdghU4eVznXoGgtR6Gj7XEFDTpRTW","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":6243,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdcXH9CRA9TVsSAnZWagAAB64P/jx3V6T03gBhw72MxmUK\nkKioP+jzjaeoXoUmj6I0QbfMSm6iu7XIUqX6recty84MdLmj12Csw2RPNcx8\n/xJxZvKIAmQ2Ko0ErxTBdrgayVV/2r+hTbhANUpPvYQ/+l8JiP0WOYPawpEu\nBGDXCIzCTIQ6GHmTDKK+RIGTixqrgDYtLFneNQ3ZF9YF2bVDCQnYqccQrkL4\nesr0Az7UxBmmr3dQDzGv/8IOBZdsZLmq99C/Z1PkLxlJI1RPGx+Y5MkkcO+M\nZOawKpDlv98+80mWEetmWcxnzKgr8S5CEKZzdhxWCQCGpj0jaYObi0iMdcPW\n/k8ZTex6GMKKg0Cf5WMaOpehvV3/Fvwo8kodiz3dT3lsiH5UnvjtMYZyr2kY\nqIrziXGRgH4fyddiuEqmIAXY/d5+u09+7LKcSJLgrp2kXuITMQQZkipslV8g\nFWT5gjDa/sXm+lMG0H9tICjjHSSCCrcfZL3PwgaMs48h9zQppuorP5sIkJ5V\nTKWnsOhojjsZX38bGezGE6WvGUBvv5AeQ7c7MBVp1sLYTYti3EK55QA8kzBu\n7xqofbi7/QSgBrg0wbXPZD0V2JANBJmCOa2CI913xXeBJXdPBhyJ0Up0pnKC\n0MqpTFfeWA3SHEg0LXTjulbQhoUnw8SJM6XxwicfknqFskLrA78YPQ6Ect4n\njY17\r\n=rA0d\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"ts-jest","testRegex":"spec\\.(jsx?|tsx?)$","transform":{"^.+\\.tsx?$":"ts-jest"},"testEnvironment":"jsdom","collectCoverageFrom":["**/*.{ts,tsx}","!**/node_modules/**","!**/*.d.ts"],"moduleFileExtensions":["ts","tsx","js","jsx","json"]},"main":"dist/index.js","gitHead":"6ad3cdd60595b60dc8ff9e1508ae730996390ea8","scripts":{"test":"bin/test","prepublishOnly":"bin/test && bin/build"},"typings":"dist/index.d.ts","_npmUser":{"name":"alekhinen","email":"nick.alekhine@gmail.com"},"repository":{"url":"git+ssh://git@github.com/ca-la/react-portal.git","type":"git"},"_npmVersion":"6.4.1","description":"Portal your react components without the DOM.","directories":{},"_nodeVersion":"10.15.0","dependencies":{},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^24.9.0","react":"^16.9.0","tslib":"^1.9.3","ts-jest":"^24.0.2","ts-node":"^7.0.1","prettier":"^1.14.3","react-dom":"^16.9.0","typescript":"^3.5.2","@types/jest":"^24.0.18","@types/react":"^16.9.2","@testing-library/react":"^9.1.4"},"peerDependencies":{"react":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-portal_0.1.2_1567715836624_0.9358184613433869","host":"s3://npm-registry-packages"}},"0.1.3":{"name":"@cala/react-portal","version":"0.1.3","keywords":["React","TypeScript","react-portal","react-native-portal","portal","react-pixi"],"author":{"name":"CALA","email":"devops@ca.la"},"license":"MIT","_id":"@cala/react-portal@0.1.3","maintainers":[{"name":"alekhinen","email":"nick.alekhine@gmail.com"},{"name":"dylanpyle","email":"me@dylanpyle.com"},{"name":"nexpure","email":"nexpure@gmail.com"},{"name":"sam_ca-la","email":"sam@ca.la"},{"name":"scotttrinh","email":"scott@scotttrinh.com"},{"name":"sebastiancala","email":"sebastian@ca.la"}],"homepage":"https://github.com/ca-la/react-portal#readme","bugs":{"url":"https://github.com/ca-la/react-portal/issues"},"dist":{"shasum":"00b098d787cbd37bd3d64ffd845d56188b9f67ee","tarball":"https://registry.npmjs.org/@cala/react-portal/-/react-portal-0.1.3.tgz","fileCount":11,"integrity":"sha512-ej7ySY+ykPGlO1m3y3tnNT0nUYtPex81KC27ErnfeZ2PoQdUpkq53lAIuEh0aYk+8WVhkRZsl64oQA1cMqyAIA==","signatures":[{"sig":"MEYCIQCsFBZaLw3UUkNDxSRmGuNXniINGf8HeYZqqlBB6QhCzAIhAOO16g4lM6LKXdjdW8sJuoIKrQuDZ6GdyzJqErSpRweB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8600,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2CJVCRA9TVsSAnZWagAA5V8P+we8J9f84BH4Rwg2qQVa\nStuAjohhxKWnmPF6Ncle/gYZa6kndYbHwtzCXIaZS1woa6oRevBh0w6xF3SB\np75Tc60EPQyzkYiBH41pDnQQZJckcZpovlqFPR2ZcczxnCPTrBIOcxOFYpHo\nfxTsg7PVCiFO56vvj+tItM3pv3rdMHs7wkt84aUcbnPtfTgkjUr7mo/Pv35D\nNMoUjs72p/3DTBEytJYmHPClbMK3YuY6C7YL7qOoBLpu13WjNMSje8xLcplB\nf63+v3BpbBWKRZgp4m/Kq1UGEYj2LyLzLAITCre9lQiKRDs2wpzXHQbXFd+Q\n/C6wyzxHDe+gsmsba2WrTVKhvmYB7+T/sezeCHxf7WxrBmw3pGYAI1eG1XYd\nBQHiUZxc6z58ZEw5Ol4Ja2L1/9JaNyoitszES70Mes4lE2/H/7QD6jS+QrDE\nce158HtqJvtmQPVVnFp6JzOPkRYi9zIQWBryLceqKPosywR2WLDE3Scshpd5\nGMVljA73ph3CH3XrudJSu5aI0NtReDkmIG2lO2UI14fmSELnMJ8EmiAiLzHR\n28ZqMHIqrg5vj8hVYcZ558XVxFEjc/KgJoRxAAGXlifVoOnER3M/C47WG10B\nTME6ujJp/jsdee6JX+0SZFK7sRK8aEkAwEbb6nAR2ccGVnV2EsQsjKWBMz4A\nIY/N\r\n=+ren\r\n-----END PGP SIGNATURE-----\r\n"},"jest":{"preset":"ts-jest","testRegex":"spec\\.(jsx?|tsx?)$","transform":{"^.+\\.tsx?$":"ts-jest"},"testEnvironment":"jsdom","collectCoverageFrom":["**/*.{ts,tsx}","!**/node_modules/**","!**/*.d.ts"],"moduleFileExtensions":["ts","tsx","js","jsx","json"]},"main":"dist/index.js","gitHead":"37fcf65d151a7fbb091806e66c7647f68982d459","scripts":{"test":"bin/test","prepublishOnly":"bin/test && bin/build"},"typings":"dist/index.d.ts","_npmUser":{"name":"alekhinen","email":"nick.alekhine@gmail.com"},"repository":{"url":"git+ssh://git@github.com/ca-la/react-portal.git","type":"git"},"_npmVersion":"6.4.1","description":"Portal your react components without the DOM.","directories":{},"_nodeVersion":"10.15.0","dependencies":{},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^24.9.0","react":"^16.9.0","tslib":"^1.9.3","ts-jest":"^24.0.2","ts-node":"^7.0.1","prettier":"^1.14.3","react-dom":"^16.9.0","typescript":"^3.5.2","@types/jest":"^24.0.18","@types/react":"^16.9.2","@testing-library/react":"^9.1.4"},"peerDependencies":{"react":"^16.8.5"},"_npmOperationalInternal":{"tmp":"tmp/react-portal_0.1.3_1567793532670_0.760076110405028","host":"s3://npm-registry-packages"}}},"time":{"created":"2019-09-04T21:58:42.375Z","modified":"2025-01-15T18:31:59.764Z","0.1.0":"2019-09-04T21:58:42.736Z","0.1.1":"2019-09-05T14:11:58.396Z","0.1.2":"2019-09-05T20:37:16.755Z","0.1.3":"2019-09-06T18:12:12.831Z"},"bugs":{"url":"https://github.com/ca-la/react-portal/issues"},"author":{"name":"CALA","email":"devops@ca.la"},"license":"MIT","homepage":"https://github.com/ca-la/react-portal#readme","keywords":["React","TypeScript","react-portal","react-native-portal","portal","react-pixi"],"repository":{"url":"git+ssh://git@github.com/ca-la/react-portal.git","type":"git"},"description":"Portal your react components without the DOM.","maintainers":[{"email":"me@dylanpyle.com","name":"dylanpyle"},{"email":"devops@ca.la","name":"cala-machine-user"},{"email":"alexandradamant@gmail.com","name":"alexandradamant"}],"readme":"# React Portal\n\nThis library provides the ability to render children into a node that can exist outside the direct hierarchy of the parent component. [React's Portal](https://reactjs.org/docs/portals.html) is specifically tied to the DOM, meaning that React applications that need to portal children to a non-DOM based location are out of luck. These cases range from applications built with [React Native](https://facebook.github.io/react-native/) to interfacing with [WebGL](https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API).\n\n## Status\n\n| Branch   | URL                                              | Build Status                                                                                                                                |\n| -------- | ------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------- |\n| `master` | https://www.npmjs.com/package/@cala/react-portal | [![CircleCI](https://circleci.com/gh/ca-la/react-portal/tree/master.svg?style=svg)](https://circleci.com/gh/ca-la/react-portal/tree/master) |\n\n## Installation\n\n`npm install @cala/react-portal --save`\n\n## Usage\n\nImport components individually.\n\n```js\nimport { EntrancePortal, ExitPortal, PortalProvider } from '@cala/react-portal';\n```\n\nOr wrap it into a single statement.\n\n```js\nimport * as ReactPortal from '@cala/react-portal';\n```\n\nIn order to use the `EntrancePortal` and `ExitPortal`, a single `PortalProvider` will need to enclose the part of the component tree that uses either Portal component. Here's a very simple example of how to use these three components.\n\n```jsx\n<PortalProvider>\n  <div>\n    <h1>Hello, World.</h1>\n    <EntrancePortal name='one'>I'm in a portal!</EntrancePortal>\n    <p>Sample body content.</p>\n    <ExitPortal name='one' />\n  </div>\n</PortalProvider>\n```\n\nThe rendered output of the above JSX statement will place the textual content of `<EntrancePortal />` at the place of `<ExitPortal />`. In effect, the rendered output will look something like:\n\n```html\n<div>\n  <h1>Hello, World.</h1>\n  <p>Sample body content.</p>\n  I'm in a portal!\n</div>\n```\n\nFor more examples, see the tests written in [src/spec.tsx](https://github.com/ca-la/react-portal/blob/update-metadata/src/spec.tsx).\n","readmeFilename":"README.md"}