{"_id":"react-scope-provider","_rev":"2-ce388852bafcfec6f4abad6c9cf738b2","name":"react-scope-provider","dist-tags":{"latest":"1.0.0-1"},"versions":{"1.0.0-0":{"name":"react-scope-provider","version":"1.0.0-0","description":"```sh npm i react-scope-provider ```","main":"index.js","scripts":{"prepare":"babel src -d dist","start":"x0 docs","test":"nyc ava"},"keywords":[],"author":{"name":"Brent Jackson"},"license":"MIT","devDependencies":{"@compositor/x0":"^5.0.0-11","ava":"^0.25.0","babel-cli":"^6.26.0","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","babel-register":"^6.26.0","nyc":"^11.8.0","react":"^16.3.2","react-test-renderer":"^16.3.2","rebass":"^2.0.0-2"},"ava":{"require":["babel-register"],"babel":"inherit"},"gitHead":"2e4b992df3d827770e9ca785604b7a6d10d77d3c","_id":"react-scope-provider@1.0.0-0","_npmVersion":"6.0.1","_nodeVersion":"8.1.4","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"integrity":"sha512-VGM3Qrw44fvfmwJ5ZVrHN+2beyjgVdj1AxWitntP4HAFShHkHwt/vGJs1nW6D6tSJ6XVBxQlHpaaLO//lE9Ozw==","shasum":"48e6f955f18e92f3ffd424098a211a745ce68d77","tarball":"https://registry.npmjs.org/react-scope-provider/-/react-scope-provider-1.0.0-0.tgz","fileCount":4,"unpackedSize":4566,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbBaoECRA9TVsSAnZWagAALsgP/Ap8kOy3R3oStYoZgans\nc0bqxab0I7RuYYa7Vj14/2rbpsPePbxghSx+i++U8DKD8OunaRBbX5vBaBZ7\nZurwEAg5g/W+MRu4D8mjnco+HRecqw2M6ovjK2jvUoNhX/RywHKGLfQBSJSM\n6DDDcSF1Ki56HQkIjyIHxnjk8PRI/7VUD7oo0K85mqVwrbdlz3zw7tTytULx\nYKM+t7ZCjN7s/6S3DwST33J2xgQfbpadsnmNWPvsTjlHns63gsqnY5dQxkvP\nwH1Uu/vxz9htjvQJCwke2JHwdgjyV3qkjTItOa1LUq7bslIE1KFaz9/IXbnU\n5IimI3Z6gZcRQPcxFP3pV7Wk329cneXgFSLyQHUiTHUbRm+WYDco7CuggCsg\neFnjmv9ThruYDsRV8jH35Z1mZApZFupIhTffdpZXgvKRcBlzKl1UB6WGLNLq\ncDd3mvfQGaM591+twH3JHOMyM3NclTxUyOnfBUejv4uwEQYxrH4l93Oscxtt\nCaE/+268irj7OuXMd6ZiI8XSymzDROGLJr3xV4hPS6UcMd2Qm2Wq93k2Srg+\nWGK6rOR/t9RDtV29xE20hD00wUlBdvN+IrNU10Q6ZcCNvZYeE4DxB2IXLry4\niFUnrevbSyeVQyxd9xG6RxN0REPoUiah8h98U8HnG4BXTmgwfEc8t0fhURNH\n4R2z\r\n=qQJG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDAnAq5oS8pBiVM+wRV+IhvZsAMR3jXXeDTdRP7NBl4sQIhAJqNjHG+idOIxw10SaomD0P8B5PZMhKLLzzShb6p818x"}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-scope-provider_1.0.0-0_1527097859943_0.8392280832442676"},"_hasShrinkwrap":false},"1.0.0-1":{"name":"react-scope-provider","version":"1.0.0-1","description":"```sh npm i react-scope-provider ```","main":"dist/index.js","scripts":{"prepare":"babel src -d dist","start":"x0 docs","test":"nyc ava"},"keywords":[],"author":{"name":"Brent Jackson"},"license":"MIT","devDependencies":{"@compositor/x0":"^5.0.0-11","ava":"^0.25.0","babel-cli":"^6.26.0","babel-preset-env":"^1.7.0","babel-preset-react":"^6.24.1","babel-preset-stage-0":"^6.24.1","babel-register":"^6.26.0","nyc":"^11.8.0","react":"^16.3.2","react-test-renderer":"^16.3.2","rebass":"^2.0.0-2"},"ava":{"require":["babel-register"],"babel":"inherit"},"gitHead":"0024924d1bae8d6cf3231b54059286a712d43fb5","_id":"react-scope-provider@1.0.0-1","_npmVersion":"6.0.1","_nodeVersion":"8.1.4","_npmUser":{"name":"jxnblk","email":"jxnblk@gmail.com"},"dist":{"integrity":"sha512-9L2zBUonis3OkLadOEh5mID12ju00VQ+wKvJkj9ehxnV2A5ISvIzAcy25D2qgQwSbp7/khAxONXihEE923Idvw==","shasum":"6cfa4f34af9dce225dbc4d8e0623da689a1bdbfe","tarball":"https://registry.npmjs.org/react-scope-provider/-/react-scope-provider-1.0.0-1.tgz","fileCount":4,"unpackedSize":4571,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbBa4FCRA9TVsSAnZWagAAiiAP/jYrAIgPx3rP/zn5nPW/\n9NDiakv+RSOL5u0Jb3BLV2+U0GmK/LsMXZ8v1CzKBAkjW1CjGamRjsr6hIpd\nqm+KgpHgNbkJ00aPSX97UUQlcUgJyYympkr28Gy+C4ziFF67hSGtwPjkt0y0\nmIVU5wVIL7o30ULn2H5xaBaTD6+h0feR/iZNekCN5aHnitJ4fR6TC1KapY8M\nNSoE17tY06MlzBqA+Xr+SjNQ4hZ76bZE0BK1hLLta5g3r3nHjmXDeJ7ymZwj\nkS7BE1/SEaFfMZ2r6l0jQZi3fgOaLvqc6NFSSnoQgaPb2uM/uOiIS573NFiV\nRC5TvGy50G3x2lySoo9m35TXztUPbYgmK8stJ2zQAhlAG4TEYgQG7VEgNrml\nZkQ7qOfE8bUQMECDGdX5KlyEBz1jN7EWRhYf1AZI2kbOX2juR3aB/zuVzBjn\ntC3zYZmVYrYfGPdPOJ3VgS3PVgKbuGLSXpAz9YDkFvgoAdyY5Dci6Y85XdcP\n6K9xdOiUOYeL+rkh+czrvUioBvlIeU8xuBtj+8Gnux2/DgTqRfNn+5zTc1JA\n2rgoykeZ8jTZ5Ahkr6HfMc+5MlO1sNiMxPxL77HLNYsYJJzbGpWaoB2hN4Nh\nTe95zfTlteDIGDRsaDOwtYQjaFMOrJTuX77gzUJSFQosX43SA6QIDJQKosIE\ncgYN\r\n=SR1J\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEmKnjWj6KQ8nHwwkEdLrYAnuf171IqWkDWzqxgJfvXdAiEAziT0saweldFmt9cEn2DcrchMbdPuVv1rqY3l8l7cxrI="}]},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-scope-provider_1.0.0-1_1527098884854_0.3228257945827451"},"_hasShrinkwrap":false}},"time":{"created":"2018-05-23T17:50:59.942Z","1.0.0-0":"2018-05-23T17:51:00.028Z","modified":"2022-05-15T03:24:50.851Z","1.0.0-1":"2018-05-23T18:08:04.957Z"},"maintainers":[{"name":"jxnblk","email":"jxnblk@gmail.com"}],"description":"```sh npm i react-scope-provider ```","keywords":[],"author":{"name":"Brent Jackson"},"license":"MIT","readme":"\n# react-scope-provider\n\n```sh\nnpm i react-scope-provider\n```\n\n```jsx\n// App.js\nimport React from 'react'\nimport { ScopeProvider } from 'react-scope-provider'\nimport View from './View'\nimport scope from './scope'\n\nexport default () => (\n  <ScopeProvider scope={scope}>\n    <View />\n  </ScopeProvider>\n)\n```\n\n```jsx\n// View.js\nimport React from 'react'\nimport { ScopeConsumer } from 'react-scope-provider'\n\nexport default props => (\n  <ScopeConsumer>\n    {({\n      // scope can be any value, even React components\n      Box,\n      Heading,\n    }) => (\n      <Box>\n        <Heading>View</Heading>\n      </Box>\n    )}\n  </ScopeConsumer>\n)\n```\n\nA default scope can be provided to the consumer when it's used outside of a provider.\n\n```jsx\n// View.js with default scope\nimport React from 'react'\nimport { ScopeConsumer } from 'react-scope-provider'\n\nexport default props => (\n  <ScopeConsumer defaultScope={scope}>\n    {({\n      Box,\n      Heading,\n    }) => (\n      <Box>\n        <Heading>View</Heading>\n      </Box>\n    )}\n  </ScopeConsumer>\n)\n```\n\n## HOC\n\n```jsx\nimport React from 'react'\nimport { withScope } from 'react-scope-provider'\n\nexport default withScope(({\n  scope: {\n    Box,\n    Heading\n  }\n}) => (\n  <Box>\n    <Heading>Hello</Heading>\n  </Box>\n))\n```\n","readmeFilename":"README.md"}