{"_id":"@axiasolar-js/react-query","_rev":"2-24e23bbc32a9063813f7337180056f59","name":"@axiasolar-js/react-query","dist-tags":{"latest":"1.1.0"},"versions":{"1.1.0":{"name":"@axiasolar-js/react-query","private":false,"type":"module","version":"1.1.0","license":"Apache-2.0","dependencies":{"@babel/runtime":"^7.15.4"},"exports":{".":{"require":"./index.cjs","default":"./index.js"},"./Available":{"require":"./Available.cjs","default":"./Available.js"},"./Balance":{"require":"./Balance.cjs","default":"./Balance.js"},"./BalanceFree":{"require":"./BalanceFree.cjs","default":"./BalanceFree.js"},"./BalanceVoting":{"require":"./BalanceVoting.cjs","default":"./BalanceVoting.js"},"./BestFinalized":{"require":"./BestFinalized.cjs","default":"./BestFinalized.js"},"./BestNumber":{"require":"./BestNumber.cjs","default":"./BestNumber.js"},"./BlockAuthors":{"require":"./BlockAuthors.cjs","default":"./BlockAuthors.js"},"./BlockToTime":{"require":"./BlockToTime.cjs","default":"./BlockToTime.js"},"./Bonded":{"require":"./Bonded.cjs","default":"./Bonded.js"},"./Chain":{"require":"./Chain.cjs","default":"./Chain.js"},"./Elapsed":{"require":"./Elapsed.cjs","default":"./Elapsed.js"},"./Events":{"require":"./Events.cjs","default":"./Events.js"},"./FormatBalance":{"require":"./FormatBalance.cjs","default":"./FormatBalance.js"},"./LockedVote":{"require":"./LockedVote.cjs","default":"./LockedVote.js"},"./NodeName":{"require":"./NodeName.cjs","default":"./NodeName.js"},"./NodeVersion":{"require":"./NodeVersion.cjs","default":"./NodeVersion.js"},"./Nonce":{"require":"./Nonce.cjs","default":"./Nonce.js"},"./package.json":"./package.json","./packageInfo":{"require":"./packageInfo.cjs","default":"./packageInfo.js"},"./README.md":"./README.md","./SessionToTime":{"require":"./SessionToTime.cjs","default":"./SessionToTime.js"},"./TimeNow":{"require":"./TimeNow.cjs","default":"./TimeNow.js"},"./TotalIssuance":{"require":"./TotalIssuance.cjs","default":"./TotalIssuance.js"},"./translate":{"require":"./translate.cjs","default":"./translate.js"},"./types":{"require":"./types.cjs","default":"./types.js"}},"description":"WARNING: This is an internal package to [axiasolar-js/apps](https://github.com/axiasolar-js/apps) so is not inteded (yet) for broad use. Since these are generic components, they will move to the [axiasolar-js/ui](https://github.com/axiasolar-js/ui) repo o","_id":"@axiasolar-js/react-query@1.1.0","_nodeVersion":"14.18.0","_npmVersion":"6.14.15","dist":{"integrity":"sha512-FMVIHoB0K92uY/p1NP0VgpJY4cpmPFxklHLrCF0EoBKEifT/ScuBfeue9RTiQShUo0P+P668+4/cq6lrbC5wog==","shasum":"4f385dcb38386753435cc8209890a3d69d80f558","tarball":"https://registry.npmjs.org/@axiasolar-js/react-query/-/react-query-1.1.0.tgz","fileCount":50,"unpackedSize":83101,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh12NACRA9TVsSAnZWagAA6/YP+gMLJl6NVLLHDJ3PCzpm\nCHF4hxeWdYpYA8ZOVKP4LWrLVjaKu9xcfF5pe//OkYLY0Z+rODhCrCoZ5N0z\njiy1r48uOT911iPwtF6bRVaTNNF1YO7BfSfXhxjdoKnfcpDZzdZtzhYk8Qe2\nNDylXsc8/mL4gwMT9K7k84xfTEc0xf2Dgp7910c4CalGgXNAUO5lF8GBLhky\nVUhPzBiELBa76fhtGdpe62cwzIB2Fj8kzUeBDb43F30fZrbD6joSue57DGWK\nypDe9IHJE6m660Z3TdfwkMLa5eZsluwhQB3/jubM6zuZVtl1u7M6lUnr2Dnt\n/iJPx7SPoWMc2pkpppm4iiSNAnplYoYPi2weiYZ78xUHZpH9hWrfK1RHYHuf\nfb8h5bM3yTeTEzNDaJ9N51PRX34cENRcSRBd6PdkIQAeCHdJrA1OBkrRsG1P\nKUVGCywTbyXaBsXNtnEYLWu+wu7Ic5eSzAWosuYDzyFW2wAJDwIeXzJxrMkn\nUHN56lez9NuupzdH7eVfdBt8r3QFFzRV97JLlyYKENS+VFkMP5dRfkw950Pi\nqCwzJzWL+kSBLm2+o5od8coV/QiKS3G9E7GLEWw0OrNigrklWUEA6V6z35WP\nwigSIxqNQbIyfHQBLKRipbcjk2CESPA0nDtjNnT6FasrKUB3As+4iC9L3zDY\nQFeS\r\n=Cx7W\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGCB3HofTgQmA0viBxboiPUmlqfHQ2SJ6JL03bNTRCqCAiEAoE7xsIKdGCF1WoNaeVNFMfGKihEE6cgi8OHjK8Hg8QI="}]},"_npmUser":{"name":"sankar-boro-zeeve","email":"sankar.boro@zeeve.io"},"directories":{},"maintainers":[{"name":"abhishek-zeeve","email":"abhishek.rana@zeeve.io"},{"name":"sankar-boro-zeeve","email":"sankar.boro@zeeve.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-query_1.1.0_1633620007187_0.4060528756408477"},"_hasShrinkwrap":false}},"time":{"created":"2021-10-07T15:20:07.144Z","1.1.0":"2021-10-07T15:20:07.390Z","modified":"2022-04-04T17:11:05.153Z"},"maintainers":[{"name":"abhishek-zeeve","email":"abhishek.rana@zeeve.io"},{"name":"sankar-boro-zeeve","email":"sankar.boro@zeeve.io"}],"description":"WARNING: This is an internal package to [axiasolar-js/apps](https://github.com/axiasolar-js/apps) so is not inteded (yet) for broad use. Since these are generic components, they will move to the [axiasolar-js/ui](https://github.com/axiasolar-js/ui) repo o","license":"Apache-2.0","readme":"# @axiasolar-js/react-query\n\nWARNING: This is an internal package to [axiasolar-js/apps](https://github.com/axiasolar-js/apps) so is not inteded (yet) for broad use. Since these are generic components, they will move to the [axiasolar-js/ui](https://github.com/axiasolar-js/ui) repo once deemed stable and usable.\n\nFor the existing sharable components usable in external React-based projects, take a look at the [axiasolar-js/ui documentation](https://axiasolar.js.org/ui/)\n\n## Overview\n\nA collection of RxJS enabled React components that operate with the [@axiasolar-js/api-rx](https://github.com/axiasolar-js/api) library. It automatically manages subscriptions on behalf of the developer, providing a number of unstyled components that can be used to construct UIs.\n\n## Usage\n\nBasic usage entails creating a `ContextProvider` and just using the components. For instance, to display the current node time,\n\n```js\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { Api, NodeTime } from '@axiasolar-js/react-query';\n\n...\nReactDOM.render(\n  <Api>\n    <NodeTime />\n  </Api>,\n  document.querySelector('#container')\n);\n...\n```\n\nAll components are provided unstyled making no assumptions on the actual use, however they all support (optionally) the `label`, `className` and `style` attributes, that can be used to style to component.\n\n```js\n...\nReactDOM.render(\n  <Api>\n    <NodeTime className='rx-time' label='current node time:' />\n  </Api>,\n  document.querySelector('#container')\n);\n...\n```\n","readmeFilename":"README.md"}