{"_id":"@branius/react-material-number-rating","_rev":"6-6aaf0205a7496ce11aaeb603d80cabf1","name":"@branius/react-material-number-rating","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.28":{"name":"@branius/react-material-number-rating","version":"1.0.28","description":"number rating scale as star rating for material component","main":"dist/index.js","module":"dist/index.js","scripts":{"start":"webpack— watch","build":"webpack","prepare":"npm run build","publish":"npm publish --access public"},"repository":{"type":"git","url":"git+https://github.com/tamzid958/material-number-scale-rating.git"},"author":{"name":"tamzid958","email":"tamjidahmed958@gmail.com","url":"https://mrtvirushub.com/"},"license":"ISC","peerDependencies":{"react":"16.8.6","@material-ui/core":"^4.12.2"},"devDependencies":{"@babel/cli":"^7.14.8","@babel/core":"7.7.7","@babel/plugin-proposal-class-properties":"^7.7.4","@babel/preset-env":"7.7.7","@babel/preset-react":"7.7.4","@material-ui/core":"^4.12.2","babel-loader":"8.0.6","bindings":"^1.5.0","commonjs2":"^1.0.0","css-loader":"3.4.1","nan":"^2.14.2","prop-types":"15.7.2","react":"16.8.6","style-loader":"1.1.2","url-loader":"3.0.0","webpack":"4.41.5","webpack-cli":"3.3.10","webpack-node-externals":"^3.0.0"},"dependencies":{},"gitHead":"1d7ff74222bcc8848c1b4ebfc6db86222ddd4dc6","bugs":{"url":"https://github.com/tamzid958/material-number-scale-rating/issues"},"homepage":"https://github.com/tamzid958/material-number-scale-rating#readme","_id":"@branius/react-material-number-rating@1.0.28","_nodeVersion":"14.18.1","_npmVersion":"8.1.1","dist":{"integrity":"sha512-z/MVTw9D1QKzBvtWqu1uh8dtz29mGuKckgbx6bFQkJljWJ2K8iAAI+1RKjCO/kWBqjLFuCCw4u0tYvYK3Ms16g==","shasum":"59979c5556e2c4165ad4e954d1cc4361a8066dae","tarball":"https://registry.npmjs.org/@branius/react-material-number-rating/-/react-material-number-rating-1.0.28.tgz","fileCount":5,"unpackedSize":7413,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICkMv1D5wrGWNI05pjEWbL3E/zHtm9tvpnTQZ2g+b8MEAiEA0IYqRg9VubF0V2UL3oSlg/7K0eKpZS68X/oE11DP92Q="}]},"_npmUser":{"name":"tamzid958","email":"tamjidahmed958@gmail.com"},"directories":{},"maintainers":[{"name":"tamzid958","email":"tamjidahmed958@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-material-number-rating_1.0.28_1635152967143_0.5926666155631397"},"_hasShrinkwrap":false},"1.0.29":{"name":"@branius/react-material-number-rating","version":"1.0.29","description":"number rating scale as star rating for material component","main":"dist/index.js","module":"dist/index.js","scripts":{"start":"webpack— watch","build":"webpack","prepare":"npm run build","publish":"npm publish --access public"},"repository":{"type":"git","url":"git+https://github.com/tamzid958/material-number-scale-rating.git"},"author":{"name":"tamzid958","email":"tamjidahmed958@gmail.com","url":"https://mrtvirushub.com/"},"license":"ISC","peerDependencies":{"react":"16.8.6","@material-ui/core":"^4.12.2"},"devDependencies":{"@babel/cli":"^7.14.8","@babel/core":"7.7.7","@babel/plugin-proposal-class-properties":"^7.7.4","@babel/preset-env":"7.7.7","@babel/preset-react":"7.7.4","@material-ui/core":"^4.12.2","babel-loader":"8.0.6","bindings":"^1.5.0","commonjs2":"^1.0.0","css-loader":"3.4.1","nan":"^2.14.2","prop-types":"15.7.2","react":"16.8.6","style-loader":"1.1.2","url-loader":"3.0.0","webpack":"4.41.5","webpack-cli":"3.3.10","webpack-node-externals":"^3.0.0"},"dependencies":{},"gitHead":"1d7ff74222bcc8848c1b4ebfc6db86222ddd4dc6","bugs":{"url":"https://github.com/tamzid958/material-number-scale-rating/issues"},"homepage":"https://github.com/tamzid958/material-number-scale-rating#readme","_id":"@branius/react-material-number-rating@1.0.29","_nodeVersion":"14.18.1","_npmVersion":"8.1.1","dist":{"integrity":"sha512-SM03KXHVFYN97aY7WMG4sQTWPwiiF8MPWeYMn3Cld6HS6unZVlEhhEH50rZnt5D0kh/ZtqTdqWMdE0nYCV/g4g==","shasum":"0dad1b9db14fcd9a595b68ba53b23ed1a8627a3f","tarball":"https://registry.npmjs.org/@branius/react-material-number-rating/-/react-material-number-rating-1.0.29.tgz","fileCount":5,"unpackedSize":7413,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEIVVORTPyWvCyYjoZn2DTfA6UiJpTfBHC8V0UsK5BbKAiEAjqv2bOyNMv7FucxJemh65LuwCDJGhwPIRO86XWNfUVI="}]},"_npmUser":{"name":"tamzid958","email":"tamjidahmed958@gmail.com"},"directories":{},"maintainers":[{"name":"tamzid958","email":"tamjidahmed958@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-material-number-rating_1.0.29_1635152990362_0.9771857424849495"},"_hasShrinkwrap":false},"1.0.0":{"name":"@branius/react-material-number-rating","version":"1.0.0","description":"number rating scale as star rating for material component","main":"dist/index.js","module":"dist/index.js","scripts":{"start":"webpack— watch","build":"webpack","prepare":"npm run build","publish":"npm publish --access public"},"repository":{"type":"git","url":"git+https://github.com/tamzid958/material-number-scale-rating.git"},"author":{"name":"tamzid958","email":"tamjidahmed958@gmail.com","url":"https://mrtvirushub.com/"},"license":"ISC","peerDependencies":{"react":"16.8.6","@material-ui/core":"^4.12.2"},"devDependencies":{"@babel/cli":"^7.14.8","@babel/core":"7.7.7","@babel/plugin-proposal-class-properties":"^7.7.4","@babel/preset-env":"7.7.7","@babel/preset-react":"7.7.4","@material-ui/core":"^4.12.2","babel-loader":"8.0.6","bindings":"^1.5.0","commonjs2":"^1.0.0","css-loader":"3.4.1","nan":"^2.14.2","prop-types":"15.7.2","react":"16.8.6","style-loader":"1.1.2","url-loader":"3.0.0","webpack":"4.41.5","webpack-cli":"3.3.10","webpack-node-externals":"^3.0.0"},"dependencies":{},"gitHead":"1d7ff74222bcc8848c1b4ebfc6db86222ddd4dc6","bugs":{"url":"https://github.com/tamzid958/material-number-scale-rating/issues"},"homepage":"https://github.com/tamzid958/material-number-scale-rating#readme","_id":"@branius/react-material-number-rating@1.0.0","_nodeVersion":"14.18.1","_npmVersion":"8.1.1","dist":{"integrity":"sha512-SbMQPqNCJ712yyRBxXnTEouPdM9OS72Tf2Q57KcQysBQwe5+8DBH3MJvrzMTwu4H77tZHe0BZYYLT1e6gbczrQ==","shasum":"6a4a6e3641af46280aceae8ad631ae3a996fb8d3","tarball":"https://registry.npmjs.org/@branius/react-material-number-rating/-/react-material-number-rating-1.0.0.tgz","fileCount":5,"unpackedSize":7412,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDs2A+WerZJXAddAEfIMNb/4hJsBJtty2B59HIzmh146QIhAMb1V5Xzp+CJnZ2N3Uy3JePog62pK7977GDH30dnxcor"}]},"_npmUser":{"name":"tamzid958","email":"tamjidahmed958@gmail.com"},"directories":{},"maintainers":[{"name":"tamzid958","email":"tamjidahmed958@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-material-number-rating_1.0.0_1635153006973_0.8863735511088686"},"_hasShrinkwrap":false},"1.0.1":{"name":"@branius/react-material-number-rating","version":"1.0.1","description":"number rating scale as star rating for material component","main":"dist/index.js","module":"dist/index.js","scripts":{"start":"webpack— watch","build":"webpack","prepare":"npm run build","publish":"npm publish --access public"},"repository":{"type":"git","url":"git+https://github.com/tamzid958/material-number-scale-rating.git"},"author":{"name":"tamzid958","email":"tamjidahmed958@gmail.com","url":"https://mrtvirushub.com/"},"license":"ISC","peerDependencies":{"react":"16.8.6","@material-ui/core":"^4.12.2"},"devDependencies":{"@babel/cli":"^7.14.8","@babel/core":"7.7.7","@babel/plugin-proposal-class-properties":"^7.7.4","@babel/preset-env":"7.7.7","@babel/preset-react":"7.7.4","@material-ui/core":"^4.12.2","babel-loader":"8.0.6","bindings":"^1.5.0","commonjs2":"^1.0.0","css-loader":"3.4.1","nan":"^2.14.2","prop-types":"15.7.2","react":"16.8.6","style-loader":"1.1.2","url-loader":"3.0.0","webpack":"4.41.5","webpack-cli":"3.3.10","webpack-node-externals":"^3.0.0"},"dependencies":{},"gitHead":"e447e74ead2667c5a007b7ca1083078bb0a2f231","bugs":{"url":"https://github.com/tamzid958/material-number-scale-rating/issues"},"homepage":"https://github.com/tamzid958/material-number-scale-rating#readme","_id":"@branius/react-material-number-rating@1.0.1","_nodeVersion":"14.18.1","_npmVersion":"8.1.1","dist":{"integrity":"sha512-ePBsuQMOrtMVU+IaH0Oe/U7SjlCyBAf2JL7nDaRSD48P0X+YHf7FnjvY4OwNdfM5UA7+m4CCrodJ+JJkoysILQ==","shasum":"b62a19a9d53f3d202405a04503933c5d2776db78","tarball":"https://registry.npmjs.org/@branius/react-material-number-rating/-/react-material-number-rating-1.0.1.tgz","fileCount":4,"unpackedSize":7582,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGLQDohPX3Y/fNzFHGxSJUNnhnXSB+QI+pQlsKMmApVuAiB+T2QEUrl4YbKL1nwfC/rH5jI0dKspzKYnB5q+Z8bvsQ=="}]},"_npmUser":{"name":"tamzid958","email":"tamjidahmed958@gmail.com"},"directories":{},"maintainers":[{"name":"tamzid958","email":"tamjidahmed958@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-material-number-rating_1.0.1_1635153854204_0.5898509441477624"},"_hasShrinkwrap":false},"1.0.2":{"name":"@branius/react-material-number-rating","version":"1.0.2","description":"number rating scale as star rating for material component","main":"dist/index.js","module":"dist/index.js","scripts":{"start":"webpack— watch","build":"webpack","prepare":"npm run build","publish":"npm publish --access public"},"repository":{"type":"git","url":"git+https://github.com/IBranius/material-number-scale-rating.git"},"author":{"name":"tamzid958","email":"tamjidahmed958@gmail.com","url":"https://mrtvirushub.com/"},"license":"ISC","peerDependencies":{"react":"16.8.6","@material-ui/core":"^4.12.2"},"devDependencies":{"@babel/cli":"^7.14.8","@babel/core":"7.7.7","@babel/plugin-proposal-class-properties":"^7.7.4","@babel/preset-env":"7.7.7","@babel/preset-react":"7.7.4","@material-ui/core":"^4.12.2","babel-loader":"8.0.6","bindings":"^1.5.0","commonjs2":"^1.0.0","css-loader":"3.4.1","nan":"^2.14.2","prop-types":"15.7.2","react":"16.8.6","style-loader":"1.1.2","url-loader":"3.0.0","webpack":"4.41.5","webpack-cli":"3.3.10","webpack-node-externals":"^3.0.0"},"dependencies":{},"gitHead":"a712784554a8b609183a523daa44d02ac3d7e713","bugs":{"url":"https://github.com/IBranius/material-number-scale-rating/issues"},"homepage":"https://github.com/IBranius/material-number-scale-rating#readme","_id":"@branius/react-material-number-rating@1.0.2","_nodeVersion":"14.18.1","_npmVersion":"8.1.1","dist":{"integrity":"sha512-xZEiB+kR/ir8/Az2MpTYfdGenKvYY0UWq78bnTpv0i84uJ9q6cd2rhgbU0Dse1LAsuqXHKObz8I+iaPPs7BQjQ==","shasum":"ae19922c15fe962cbf4aa68d537dce0b27e91b31","tarball":"https://registry.npmjs.org/@branius/react-material-number-rating/-/react-material-number-rating-1.0.2.tgz","fileCount":4,"unpackedSize":7581,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzZwbCRA9TVsSAnZWagAAvHoQAIqIB8FJ4WXNTAbHXuDv\nwNh2XpxF5F1IpOilc0lMjHKUHNDIiBAptMmFYlGNTL6DzW8Zxg4B0+cVy+Zu\nNIhyo/uhLyWUT9r97YslVuUhP1guKHlmS0Tv2W70E67NJ4sFkBotzXFetXU7\naHhrBhwB4X9HpTeQuRcCzuF1nVkGKkuJxFqGZjERc2nuFSKP4EVUFNMZ2qTi\nZNrcL9PhQIRgZUK4IehhEuvhzrmiWuiyi+emF43louVwQ2kgoiTrKd4UKtI4\nRMQJm/TEbhe54mcw3BKzmHOZQCKtlQPGgzvLe01mShQYtn4+3y5e2uOU/Oka\no5FPKaB/Q9/QY3KVxFjDzRIzd+VwF1PROxUxRdx4Jbe5RaA5wjNI5W/Swx+j\nQuHZ/Em37edpBGfB+lyoYKY15QXSlDIin2PbleD4B7jD09elPeyPXrEkRe//\niWEjGzL1Rw+CKdmFAbqBFyh1FLymIHKxeCmnPnhlqFW2xEgF77zYOU8ghgJk\nO5Yqya0xn2XklS5ZzDD0faIwQYnHPHTuwBbALvrFx7ubF4jBiPek/loWup0p\nKZJHoX/eTcwAIFucrBGRlIakfN2SDMrD+AGMD4ck6hCLYAyvY4yKD+fBp+kF\nx7kkmfMEOUROcXq67em1vupZUgquNu4yiEZH04KV5Z1bZAfSfgA/OcfyQpH+\nXltC\r\n=7ses\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC04daeNqc5gePK6D97kU3ZujU/DGgQ8b9L6D9uQ9tGNwIgBHOvELi1VHiPvDE50T1Q8FnFwY55xiPo5bqQqwIF9OM="}]},"_npmUser":{"name":"tamzid958","email":"tamjidahmed958@gmail.com"},"directories":{},"maintainers":[{"name":"tamzid958","email":"tamjidahmed958@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-material-number-rating_1.0.2_1635154362135_0.4934674123106437"},"_hasShrinkwrap":false}},"time":{"created":"2021-10-25T09:09:27.079Z","1.0.28":"2021-10-25T09:09:27.293Z","modified":"2022-04-04T20:26:51.498Z","1.0.29":"2021-10-25T09:09:50.486Z","1.0.0":"2021-10-25T09:10:07.115Z","1.0.1":"2021-10-25T09:24:14.341Z","1.0.2":"2021-10-25T09:32:42.279Z"},"maintainers":[{"name":"tamzid958","email":"tamjidahmed958@gmail.com"}],"description":"number rating scale as star rating for material component","homepage":"https://github.com/IBranius/material-number-scale-rating#readme","repository":{"type":"git","url":"git+https://github.com/IBranius/material-number-scale-rating.git"},"author":{"name":"tamzid958","email":"tamjidahmed958@gmail.com","url":"https://mrtvirushub.com/"},"bugs":{"url":"https://github.com/IBranius/material-number-scale-rating/issues"},"license":"ISC","readme":"# react-material-number-rating\n\nLight Preview (Based on parent component background color):\n\n![Material Number Rating](https://github.com/IBranius/material-number-scale-rating/blob/master/assets/preview.png?raw=true)\n\nDark Preview (Based on parent component background color):\n\n![Material Number Rating](https://github.com/IBranius/material-number-scale-rating/blob/master/assets/dark_preview.png?raw=true)\n\nTo import the component:\n\n```javascript\nimport MaterialNumberRating from 'react-material-number-rating';\n```\n\nTo use it call component named:\n\n```javascript\n<MaterialNumberRating start={} end={} current={} mouseEnteredOn={} clickedOn={}/>\n```\n\nPass rating start, end, current value. Example:\n\n```javascript\n<MaterialNumberRating start={1} end={10} current={5} mouseEnteredOn={} clickedOn={}/>\n```\n\nTo get rating value use React.useCallBack from parent component. Example:\n\nParent component:\n\n```javascript\nimport { useCallback } from \"react\";\n\nconst mouseEnteredOn = useCallback((current_rating) => {\n    console.log(current_rating);\n}, []);\n```\n\n\nPass this callback to _MaterialNumberRating_ component like this:\n\n```javascript\n<MaterialNumberRating start={1} end={10} current={5} mouseEnteredOn={mouseEnteredOn} clickedOn={}/>\n```\n\nTo Get which rating value clicked use React.useCallBack from parent component. Example:\n\nParent component:\n\n```javascript\nconst clickedOn = useCallback((current_rating) => {\n    console.log(current_rating);\n}, []);\n```\n\nPass this callback to _MaterialNumberRating_ component like this:\n\n```javascript\n<MaterialNumberRating start={1} end={10} current={5} mouseEnteredOn={mouseEnteredOn} clickedOn={clickedOn}/>\n```\n\nThere are some optional properties for customization:\n\n```javascript\ngap : number //example = 2 gap between each numbers\nitemPerGrid : number //example = 3\nbackgroundColor : string //example = \"#FF2D5526\"\ntextColor : string //example = \"#780017\"\nonActiveBackgroundColor : string //example = \"#FF2D55\"\nonActiveTextColor : string //example = \"#780017\"\npadding : [paddingTop, paddingBottom, paddingRight, paddingLeft] //example = [15, 15, 0, 0]\nspacing: number //example = 2\nborderRadius : number //example = 0\nfontWeight: string //example = \"bolder\"\nfontSize: number //example = 20\n```\n","readmeFilename":"README.md"}