{"_id":"@allreq/react","_rev":"1-ba0b6f7e2937d6b904d2fa6a36164d97","name":"@allreq/react","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@allreq/react","version":"0.1.0","description":"Declarative conditional components and hooks for React","main":"dist/cjs/index.js","module":"dist/esm/index.js","types":"dist/index.d.ts","scripts":{"rollup":"rollup -c","test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/allreq/react-allreq.git"},"keywords":["declarative","react","hooks","condition","conditional","components","render","rendering","react-hooks","react-components","conditional-rendering","react-conditional-redering"],"author":{"name":"just-do-halee","email":"just.do.halee@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/allreq/react-allreq/issues"},"homepage":"https://github.com/allreq/react-allreq#readme","devDependencies":{"@rollup/plugin-commonjs":"^21.0.1","@rollup/plugin-node-resolve":"^13.1.3","@rollup/plugin-typescript":"^8.3.0","@types/react":"^17.0.38","react":"^17.0.2","rollup":"^2.66.0","rollup-plugin-dts":"^4.1.0","tslib":"^2.3.1","typescript":"^4.5.5"},"gitHead":"9f14d01b74aa3d05fed215e2e1e05a49914fc2af","_id":"@allreq/react@0.1.0","_nodeVersion":"14.18.0","_npmVersion":"6.14.15","dist":{"integrity":"sha512-vkEO18gOkyt8dCuAMu+1ThBla+Xwck/6YMvlZHR6o4zfHQRlhj53P+L8zqym+OlmcoTsB9eCI5yz3mbHEajCbg==","shasum":"190fc7bae9be5c0fca5cccdee9360a1a5f7229b4","tarball":"https://registry.npmjs.org/@allreq/react/-/react-0.1.0.tgz","fileCount":17,"unpackedSize":486010,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh9MxpCRA9TVsSAnZWagAAhBEP/iwyvoOvvI1lffSJLd00\n2PapooJ3ImD1n693ebtHTzBF8IUkL/ez3Z0z1bhQmtCPLc/bqwYvGVjt0j3J\nMRe/OdNGbTkfNMijE6m8RmewEHTzFIMdELIQmE9mlzAwcFMhjKGDVGNI6QHB\nRgeH8DmE1mUwMlegDJy2rJGgjOf+dXSm2NyTQ4H35aXJtoVv5sfFu8KDEqlE\nMmEJJPFcUIhW/PYJGqx+2OSU6MECA2wO2d5Qi9iErA6VYVQPq1rMbKDFDcQ6\nRBxmqAY+ieEM3+41w5AvrgCYPzmSfsyqub5T7SkE4tjzuhjYOO/gcXjQnTbS\nbGK7kfSVUtuqCR6Hv8GdchwIQM4PLAe6S0Xo1fcKrw5Ip2dQTOe1JaxX0PJy\nLFGV6zvvxbk0ru541fpp4WeKLd92si9HLamq3EaX0kiv60hV/EzpQBOf3/MT\nIJo0qUOj6bYOFFO2O38iFJSduuCxJHF//7mJ1bbVmgxa+3AnPYFpuvs65CVA\nhBZs1riYuLszfX9F2DnehdyH+kPpCwYAZ0SA8Kt6VwIdmfCvqkgIZSe8b7dL\ndIfkInA4eI0Dk/5WgGC28IzIdiKGvxNRTt0VnazjuMwcLV9WsoFBGM24dXV/\nH85FcuX7i3i1u8qVC48sWm9CrrviYhZaL3/+RrhfxKJY3bWvlzfJkAQeDyYq\nqMBJ\r\n=gvEl\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHEhapAmd2hYSh3VKnRioxIzr3S+twOGOVcw2fN4VK5KAiEA1B1GHSlvaElOLcDzRQ7s4DeAmUIOvIpb3u61dLdFN+E="}]},"_npmUser":{"name":"just.do.halee","email":"just.do.halee@gmail.com"},"directories":{},"maintainers":[{"name":"just.do.halee","email":"just.do.halee@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react_0.1.0_1643433064817_0.9304210190898596"},"_hasShrinkwrap":false}},"time":{"created":"2022-01-29T05:11:04.757Z","0.1.0":"2022-01-29T05:11:05.141Z","modified":"2022-04-04T13:34:27.200Z"},"maintainers":[{"name":"just.do.halee","email":"just.do.halee@gmail.com"}],"description":"Declarative conditional components and hooks for React","homepage":"https://github.com/allreq/react-allreq#readme","keywords":["declarative","react","hooks","condition","conditional","components","render","rendering","react-hooks","react-components","conditional-rendering","react-conditional-redering"],"repository":{"type":"git","url":"git+https://github.com/allreq/react-allreq.git"},"author":{"name":"just-do-halee","email":"just.do.halee@gmail.com"},"bugs":{"url":"https://github.com/allreq/react-allreq/issues"},"license":"MIT","readme":"# **_`React-AllReq`_**\n\n_Declarative conditional components and hooks for React._\n\n[![NPM Version][npm-image]][npm-url]\n[![NPM Downloads][downloads-image]][downloads-url]\n[![License][license-image]][license-url]\n[[changelog]](CHANGELOG.md)\n\n---\n\n```js\nnpm install @allreq/react\n```\n\n```js\nyarn add @allreq/react\n```\n\n---\n\n## Example\n\nAllReq can check all children and all props automatically.\n\n```jsx\nimport { AllReq } from '@allreq/react';\n\n/* Required variables */\n\n// title,\n// language,\n// rating,\n// subtitle,\n// description,\n// image.\n\n<AllReq Rejector={() => <h1>{'Loading...'}</h1>}>\n  <Column>\n    {description}\n    <Title>{title}</Title>\n    <Subtitle lang={language} rating={rating}>\n      {subtitle}\n    </Subtitle>\n    <Description>{description}</Description>\n  </Column>\n  <Poster bg={image}></Poster>\n</AllReq>;\n```\n\nAnd can be efficient.\n\n```jsx\nimport { AllReq } from '@allreq/react';\n\n/* with GraphQL or Any Query */\n\nconst {\n  loading, // only check this variable.\n  data: {\n      movie\n    } = {},\n} = useQuery(GET_MOVIE, ...);\n\nlet isNotLoading = !loading || undefined;\n\n// only check within Array of `With`.\n<AllReq nodepth With={[isNotLoading]} Rejector={() => <h1>{'Loading...'}</h1>}>\n  <Column>\n    {movie.description}\n    <Title>{movie.title}</Title>\n    <Subtitle lang={movie.language} rating={movie.rating}>\n      {movie.subtitle}\n    </Subtitle>\n    <Description>{movie.description}</Description>\n  </Column>\n  <Poster bg={movie.image}></Poster>\n</AllReq>;\n```\n\nwith original allreq literal function.\n\n```jsx\nimport { allreq } from 'allreq'; // npm i allreq\nimport { AllReq } from '@allreq/react';\n\n/* Required variables */\n\n// title,\n// language,\n// rating,\n// subtitle,\n// description,\n// image.\n\n<AllReq Rejector={() => <h1>{'Loading...'}</h1>}>\n  <Column>\n    {description}\n    <Title>{allreq`The title is ${title}`}</Title>\n    <Subtitle>{allreq`${subtitle} lang: ${language} stars: ${rating}`}</Subtitle>\n    <Description>{description}</Description>\n  </Column>\n  <Poster bg={image}></Poster>\n</AllReq>;\n```\n\n---\n\n## Arguments and Types\n\n`[OPTIONS]`\n\n```typescript\ntype AllReqProps<IN, OUT> = {\n  // = default value\n  With?: any[]; // = []\n  Resolver?: Resolver<IN>; // = (arg) => arg !== undefined\n  Rejector?: Rejector<IN, OUT>; // = () => ''\n  Depth?: number;\n  nodepth?: boolean;\n  children?: ReactNode;\n};\n```\n\n## **License**<br>\n\n[MIT](LICENSE)\n\n[npm-image]: https://img.shields.io/npm/v/%40allreq%2Freact.svg\n[npm-url]: https://npmjs.org/package/%40allreq%2Freact\n[downloads-image]: https://img.shields.io/npm/dm/%40allreq%2Freact.svg\n[downloads-url]: https://npmcharts.com/compare/%40allreq%2Freact?minimal=true\n[license-url]: https://opensource.org/licenses/MIT\n[license-image]: https://img.shields.io/npm/l/%40allreq%2Freact\n","readmeFilename":"README.md"}