{"_id":"@cogent-labs/react-rating-component","_rev":"2-2bf502e34c82126d50342d9ef96023a8","name":"@cogent-labs/react-rating-component","dist-tags":{"latest":"1.1.0"},"versions":{"1.0.0":{"name":"@cogent-labs/react-rating-component","version":"1.0.0","description":"react-rating-component React component","main":"lib/index.js","module":"es/index.js","scripts":{"build":"nwb build-react-component","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"nwb serve-react-demo","test":"nwb test-react","test:coverage":"nwb test-react --coverage","test:watch":"nwb test-react --server"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.6.2"},"peerDependencies":{"react":"16.x"},"devDependencies":{"nwb":"0.23.x","react":"^16.7.0","react-dom":"^16.7.0"},"author":{"name":"Frank Gutierrez"},"homepage":"","license":"MIT","repository":"","keywords":["react-component"],"gitHead":"5c13a06c4bc131694f7e7d033d5697bc77790425","_id":"@cogent-labs/react-rating-component@1.0.0","_npmVersion":"6.4.1","_nodeVersion":"10.12.0","_npmUser":{"name":"dearfrankg","email":"dearfrankg@gmail.com"},"dist":{"integrity":"sha512-V1ZYsHD3uEZABXtromDb7Yre536YDqQ0R6xk14uU02s9bkP9mxaiFqT/1JtxZ0Nn08OlvZCG0b6u2sxq7qKeGA==","shasum":"39962cbba1c99eb22f3bd3a27f4638e950f4f232","tarball":"https://registry.npmjs.org/@cogent-labs/react-rating-component/-/react-rating-component-1.0.0.tgz","fileCount":6,"unpackedSize":23356,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcKbcCCRA9TVsSAnZWagAAUwQQAIfGCvYenga9EUOUgmDd\n9w/w0NMAWafhV0qHPDznrl/ZiwJNeED+8ZNPjBGvDFyarcB31pSqnIHx5Y9y\nykSMpJfel8F7NXM6S8YIG/4Zk3VSKDO+0wnG46Kr1Laku4yc5PU5v/SWYnzp\nA9ivIjbEJPnLDfoFtqxljP2V15G3uBdCt2sGX3JLaVMutQGyYQM+mA8FJWiQ\nzeRtwHx1ptI2M+4BeWjT0Bs05w/PBZznxp880YoBDrqVLAU58SvUaFNOVCXS\n8pad6KGL/Dns6NYJmhVjXexCI4zeaN8sNvEbb0OhqngknFDoWSaKzybdf/Ix\nAiF76aWZlRm7b7+tDY9kZnLX3QmcwHVX3Wv+Hy+YapGjpjqfURjJlPk5gQYq\nv+YH9mjiq8NPDu+uKFrONLcXC9z7c178oV2o1nvMju5xS5C2xSlgEG4ARoQx\nG+FHa97Got7hi6g9PqgTRkVIFRfxo/u5atSZ+QD3O6dRuj/tbFQdiVEbCjCW\nYVU94GJQ/PH4GWT1H8Yksgli9uEBIFoYzByeIMHeG3Q4qE8y9kkPmNpmZQtf\nVC99nKI0BNi8++A3AWkBiGbQjier7UtCH3Lea0QZrb8gB19f+7cmfj13FndL\nZeaBoQOr2Zw1Ox/yI/Qu5pW9F6bdVjU4jUtPD8DIIwDx1Zm/sj9hLn4+WOVa\nJk0T\r\n=Rq4t\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICQgOFHQFZjaX3oFOX5iWJE2dYln2PIrm32dzkBWyVszAiAGFWTQPlPJpfqub1p7RNwfGZZFlXOkubDL7Fm3491FDQ=="}]},"maintainers":[{"name":"dearfrankg","email":"dearfrankg@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-rating-component_1.0.0_1546237697513_0.18478019235053322"},"_hasShrinkwrap":false},"1.1.0":{"name":"@cogent-labs/react-rating-component","version":"1.1.0","description":"react-rating-component React component","main":"lib/index.js","module":"es/index.js","scripts":{"build":"nwb build-react-component","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"nwb serve-react-demo","test":"nwb test-react","test:coverage":"nwb test-react --coverage","test:watch":"nwb test-react --server"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.6.2"},"peerDependencies":{"react":"16.x"},"devDependencies":{"nwb":"0.23.x","react":"^16.7.0","react-dom":"^16.7.0"},"author":{"name":"Frank Gutierrez"},"homepage":"","license":"MIT","repository":"","keywords":["react-component"],"gitHead":"e7f17f3462d0b4638704b9c2ca16595f73a6d5ab","_id":"@cogent-labs/react-rating-component@1.1.0","_npmVersion":"6.4.1","_nodeVersion":"10.12.0","_npmUser":{"name":"dearfrankg","email":"dearfrankg@gmail.com"},"dist":{"integrity":"sha512-MTQ8/rO18bvww+XBeJ/njOZhWXFZnba9H9a5DmV91NFMnxU8rtE2y/wY4hrlViGGywOQhrKgob/K5Q6407tC1A==","shasum":"ddd0955afa86dbbe063a4510da53c55815b9c059","tarball":"https://registry.npmjs.org/@cogent-labs/react-rating-component/-/react-rating-component-1.1.0.tgz","fileCount":6,"unpackedSize":25238,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcKbuMCRA9TVsSAnZWagAAgAcP/15ruXuDhmR+dbJ5kyji\nVUEHQr3/lfoaplPyD6LUUNb3wnry+/o1HDCFQrPpLJv0q88fYYBcpm86SQnn\npv9tKKFJz3ig6ROJfNsphrrg1nyHXRY1UpZhlCC0bh0g/cF2jL8b7j34rB3T\nnejYpF5z9FD8Qca4UZ4K+Nw52pU0uApDa9HE6iax1p4bjX/7ypCA9EKUCj28\nusMWClfEJm8ldT+GwWprAYENP6Inohcz+l1VPvIVmW2MPpxEvhK13mtmSWPK\nGvusS9iBbafaspXMCTKlM/+kg0LoDJwpiUBRvEkWHIAsoXY6iEDuE5nnpXHS\n2n6Cqq0zFY5IegrEamfYTom8ZwlHB54+rthf/p1nNPwjYSXZJ2JrwdldFIY3\naThL+CEjbFKU7B8hhfAtn7Y1TpuEo9PxfTdRo/SZbQCuY8K9G8gLXYC0aVj1\nCi/Obuua0FKSS6zV1mZSwK2PF0KXssZkdC5Q9iL8i/yW/vI+hJJDGAlBH8Ke\nF/gLY6feD3oz2fhCbbvr/4JIVNNt16seFC3FgkmlQa/XnwoZRtgiJAQcTmH9\nEg2JBfaqCGlZCFUOqASeGAzHfd1zfehl3M/9hCCQ9zhYHqjKEc8zsTW0hvUD\n/EVF+1Dbflkl/4GnkoUF/RKnkqZtx6d1MANXE3LfW+AG9IeqW1SMrzhoSE52\n8Yas\r\n=+4VR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB8UNGWo56HU/Mcr0R58+zv2uFjHhCC9YWbHzcB0IRcgAiEAzrPxpFXY2yDt0qvmGBBhb3BlS5OoHUtG0Lu52EsYncs="}]},"maintainers":[{"name":"dearfrankg","email":"dearfrankg@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-rating-component_1.1.0_1546238860192_0.6168848179583653"},"_hasShrinkwrap":false}},"time":{"created":"2018-12-31T06:28:17.395Z","1.0.0":"2018-12-31T06:28:17.658Z","modified":"2022-04-05T00:10:54.661Z","1.1.0":"2018-12-31T06:47:40.287Z"},"maintainers":[{"name":"dearfrankg","email":"dearfrankg@gmail.com"}],"description":"react-rating-component React component","keywords":["react-component"],"author":{"name":"Frank Gutierrez"},"license":"MIT","readme":"# react-rating-component\n\n[![Travis][build-badge]][build]\n[![npm package][npm-badge]][npm]\n[![Coveralls][coveralls-badge]][coveralls]\n\n> Tiny **React.js** component for ratings. Defaults to a star icon but it is configurable.\n\n## Install\n\n        npm install @cogent-labs/react-rating-component\n\n## Demo\n\n![code](https://i.imgur.com/eQ5zCca.png)\n\n## Props\n\n```js props\n<RatingComponent\n    name={String} /* name of the radio input, it is required */\n    value={Number} /* number of selected icon (`0` - none, `1` - first) */\n    starCount={Number} /* number of icons in rating, default `5` */\n    onStarClick={Function(nextValue, prevValue, name)} /* on icon click handler */\n    onStarHover={Function(nextValue, prevValue, name)} /* on icon hover handler */\n    onStarHoverOut={Function(nextValue, prevValue, name)} /* on icon hover out handler */\n    renderStarIcon={Function(nextValue, prevValue, name)} /* it should return string or react component */\n    renderStarIconHalf={Function(nextValue, prevValue, name)} /* it should return string or react component */\n    starColor={String} /* color of selected icons, default `#ffb400` */\n    emptyStarColor={String} /* color of non-selected icons, default `#333` */\n    editing={Boolean} /* is component available for editing, default `true` */\n/>\n```\n\n## Example\n\n```js editable rating\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport RatingComponent from 'react-rating-component';\n\nclass App extends React.Component {\n  constructor() {\n    super();\n\n    this.state = {\n      rating: 1\n    };\n  }\n\n  onStarClick(nextValue, prevValue, name) {\n    this.setState({rating: nextValue});\n  }\n\n  render() {\n    const { rating } = this.state;\n\n    return (\n      <div>\n        <h2>Rating from state: {rating}</h2>\n        <RatingComponent\n          name=\"rate1\"\n          starCount={5}\n          value={rating}\n          onStarClick={this.onStarClick.bind(this)}\n        />\n      </div>\n    );\n  }\n}\n\nReactDOM.render(\n  <App />,\n  document.getElementById('app')\n);\n```\n\n<hr/>\n\n**MIT Licensed**\n\n[build-badge]: https://img.shields.io/travis/user/repo/master.png?style=flat-square\n[build]: https://travis-ci.org/user/repo\n[npm-badge]: https://img.shields.io/npm/v/npm-package.png?style=flat-square\n[npm]: https://www.npmjs.org/package/npm-package\n[coveralls-badge]: https://img.shields.io/coveralls/user/repo/master.png?style=flat-square\n[coveralls]: https://coveralls.io/github/user/repo\n","readmeFilename":"README.md"}