{"_id":"@akshay090/react-tageditor","_rev":"3-f30a56636c273c1fffc62442fdb7f45c","name":"@akshay090/react-tageditor","dist-tags":{"latest":"0.2.2"},"versions":{"0.2.0":{"name":"@akshay090/react-tageditor","version":"0.2.0","description":"A tag editor built with react.js","main":"dist/TagEditor.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"npm run build-js & npm run build-css","build-js":"webpack","build-css":"sass --update src/style/:dist/style/","build-example":"sass --sourcemap=none --load-path=node_modules/sass-pattern/  --style compressed -scss --update examples/style/:examples/style/"},"repository":{"type":"git","url":"git+https://github.com/NdYAG/react-tageditor.git"},"keywords":["react","tag","tageditor","react-component"],"author":{"name":"Akshay090"},"bugs":{"url":"https://github.com/Akshay090/react-tageditor"},"homepage":"https://github.com/Akshay090/react-tagedito","license":"MIT","devDependencies":{"@babel/core":"^7.1.6","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","babel-core":"^6.26.3","babel-loader":"^8.0.4","expose-loader":"^0.7.0","node-libs-browser":"^2.1.0","webpack":"^4.26.1","webpack-cli":"^3.1.2"},"dependencies":{"react":"^16.6.3","react-dom":"^16.6.3","sass-pattern":"^0.1.10"},"directories":{"example":"examples"},"gitHead":"3fbcb300132daa5c4730ec44d827f1406bd033d2","_id":"@akshay090/react-tageditor@0.2.0","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-FkqZ3a1TjJxSF+XIlYHQ2/YUOyYiMUnG4fqocr4kelAdaK74B/jXQ1R5HkIUFKA6LlO8v/LiVep49y8hARKUAQ==","shasum":"dee5f1dc8d05f00a1ce5548c1363ebf1a48d07b0","tarball":"https://registry.npmjs.org/@akshay090/react-tageditor/-/react-tageditor-0.2.0.tgz","fileCount":23,"unpackedSize":395184,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdVlV2CRA9TVsSAnZWagAAP+kP/3+Wqo61fH+vAXPE8nDe\nZMOnZt0v0biKjGcDdLZFvbT1E58bmoYkSET3u9NsgifKSQ4IvLI/uKxzKDc8\n6YXibLa+05RSjNxLcFhwqAlnAQTJQCRTyDO2b87eTTJ+Df9A1McbPRS8im8x\nVixbw2k0kT757lFxtLN1b2nrh5oOwSmpgtAqqqyaAqKktiGdPmAWXTokqpLB\n1WKFmdbAr59TiWu5+pc7C/73DDRoSVWhLa0oWBDSJl6OgYKogYVZvr30mFml\nnRWyt/C6lHUraGs6YhuZOCDrOSvevtnY7auTO7V+MQhNlT1FvUk6WxOvtlbU\nLXa4LlaSJRgj/7X67wWSqyk7JPwJRZbn3zmhxOa/5NL6lxv5rNZ+KgNEaBF2\n0sVUtAF0nOT6pOYW2HClcFM0lYyHy3yT1lfQPXbQUTZhMfvwm1dEkWYOMbNJ\n7lQ8geiYq1ziNOuKYEo+P6KUpg5iS1/w1rsCiwYM259NTX2f/SE41DNxYhWl\n3+8SdvSdd6rhoPiay8GAJ57Sf+0bLvkJhVfbi7GhBIP4QZ71/8zIM+PAOZEH\nkgpSLS1EoLzbk6jgAHm2CBRHPhHYpR1Cfx4fmboMIqH8wdHCPBt2fsb24xjy\nixvniTlsWww24+QYJ+f39DLpseNiFLd9jry87BxkiGkhMr6UyYVLMd55P36I\nQlwe\r\n=DQFz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFWJo/H0uBi4eyAtX5yFIWJrPXCK1LR0OiLmCX2plBAwAiAq11cQxsscBlRm8NnTS2eqQ1Xlqdey8JbHYr5NFR1+Pg=="}]},"maintainers":[{"name":"akshay090","email":"aks28id@gmail.com"}],"_npmUser":{"name":"akshay090","email":"aks28id@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-tageditor_0.2.0_1565939062068_0.7040653512382287"},"_hasShrinkwrap":false},"0.2.1":{"name":"@akshay090/react-tageditor","version":"0.2.1","description":"A tag editor built with react.js","main":"dist/TagEditor.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"npm run build-js & npm run build-css","build-js":"webpack","build-css":"sass --update src/style/:dist/style/","build-example":"sass --sourcemap=none --load-path=node_modules/sass-pattern/  --style compressed -scss --update examples/style/:examples/style/"},"repository":{"type":"git","url":"git+https://github.com/Akshay090/react-tageditor.git"},"keywords":["react","tag","tageditor","react-component"],"author":{"name":"Akshay090"},"bugs":{"url":"https://github.com/Akshay090/react-tageditor"},"homepage":"https://github.com/Akshay090/react-tagedito","license":"MIT","devDependencies":{"@babel/core":"^7.1.6","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","babel-core":"^6.26.3","babel-loader":"^8.0.4","expose-loader":"^0.7.0","node-libs-browser":"^2.1.0","webpack":"^4.26.1","webpack-cli":"^3.1.2"},"dependencies":{"react":"^16.6.3","react-dom":"^16.6.3","sass-pattern":"^0.1.10"},"directories":{"example":"examples"},"gitHead":"3fbcb300132daa5c4730ec44d827f1406bd033d2","_id":"@akshay090/react-tageditor@0.2.1","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-IuE+nOakmB+y5tcOMKQRJsfk+bvA7rkm4VMzCxrkm7T6SToOGFN6pGjz21wnu7UBE9fMHnbEd21s+WByh08PLg==","shasum":"8a252d60fcb5584c1dd16794b9c2c31bfcc31124","tarball":"https://registry.npmjs.org/@akshay090/react-tageditor/-/react-tageditor-0.2.1.tgz","fileCount":25,"unpackedSize":397186,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdVmGICRA9TVsSAnZWagAALfsQAJJPYN3XrwO7ZP4vJ4ZM\nOQf94pMqIq5USW20rft2rcUS7Vxk9XfkhwDpdoWuOzoBXtchX0x5iD73f86e\nvQA9c+vDy0TpXJN39lKGx0O0R2+s/RAwoLvXp8hMiPwetek5wwiXegx7Ltag\nQPX52rmwse9AmoNvCaoo6kEfleULhRzLqJQVHskL7+WqVhupRqtGEqZF2Ne+\nqqIzuSfwBJNCbxQBuVdNA525iST48JrNLnsNSbNszpOTHnW+fmQtLKMU80RR\n51P30Rp0wbQHiQUYBopiIgVT/dzUyHoKC/n7NFMV98Q1BoEHvOFVUYtfBAcR\nbrfwttyJZ4yK5QvQWhtvdBFyyW+aM+KuqwUOkMYMgjb0phfYqTyJ7eDvL+/h\nRaMKAdPYuRLXrAf7Q+3hspVVov90+hSozJsraV4ylARbcgdk3BwkicXpa2O3\nlRB4phhjEaoY55HJ1M/DCK/pM6KcJGj/kj/InhWh6l7mqiexGxVZjQXTVPaG\nudJEGjGq9QGxmcx7cSaE2PJfteEbtp2dV28g1V64rkMDpS/YoLp/AKSZPgLm\n6dqydFxObycBN0nw356aU4WRI9mknRssRp80ig+NJqmtQkWXaVZqeIbrNPy9\nwbAHk9ZIFoT7N1Rn9fWR/dOjNvkjFgwxOZC2qo5/TObWeTRIKzgT3vWXf1GM\nASVT\r\n=PolG\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHANBwMwhmkOWvdxcgUJo2P5J4Bx1Fi+VpZL8QMjIQMLAiEAqCSGelrZkJDesEH6ZbjZzHUuRruj5TqQh8TZ+9qwqHA="}]},"maintainers":[{"name":"akshay090","email":"aks28id@gmail.com"}],"_npmUser":{"name":"akshay090","email":"aks28id@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-tageditor_0.2.1_1565942151336_0.8041343147599198"},"_hasShrinkwrap":false},"0.2.2":{"name":"@akshay090/react-tageditor","version":"0.2.2","description":"A tag editor built with react.js","main":"dist/TagEditor.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"npm run build-js & npm run build-css","build-js":"webpack --mode production","build-css":"sass --update src/style/:dist/style/","build-example":"sass --sourcemap=none --load-path=node_modules/sass-pattern/  --style compressed -scss --update examples/style/:examples/style/"},"repository":{"type":"git","url":"git+https://github.com/Akshay090/react-tageditor.git"},"keywords":["react","tag","tageditor","react-component"],"author":{"name":"Akshay090"},"bugs":{"url":"https://github.com/Akshay090/react-tageditor"},"homepage":"https://github.com/Akshay090/react-tagedito","license":"MIT","devDependencies":{"@babel/core":"^7.1.6","@babel/preset-env":"^7.1.6","@babel/preset-react":"^7.0.0","babel-core":"^6.26.3","babel-loader":"^8.0.4","expose-loader":"^0.7.0","node-libs-browser":"^2.1.0","webpack":"^4.26.1","webpack-cli":"^3.1.2"},"dependencies":{"react":"^16.9.0","react-dom":"^16.9.0","sass-pattern":"^0.1.10"},"directories":{"example":"examples"},"gitHead":"3fbcb300132daa5c4730ec44d827f1406bd033d2","_id":"@akshay090/react-tageditor@0.2.2","_nodeVersion":"12.0.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-8idtRPFIzdItUG15y2qBSFfNrEomoDvB9lInQvOKaloXLlsXFYYIlqP1F1cJgL58IBt4yX1piC+lqm/WLFB58A==","shasum":"81421a37f35418c500d6f05101791b14d7a81cfe","tarball":"https://registry.npmjs.org/@akshay090/react-tageditor/-/react-tageditor-0.2.2.tgz","fileCount":25,"unpackedSize":397204,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdVmkCCRA9TVsSAnZWagAArGIP/RX1kYj/L9dyKu6xRLJf\nfVQ9zTS75J6gFxM8khLuCpY1dFpsIyZ5A1xjH2RZ29uilFfiC6R2RHnKG+FA\nyyI79blWGI5gS0m2NRpXzeEkDObnMTMzClfuB9AZK3hifm4DWsrGhJ5EqXRz\n3i1iBLnkiqSXHZGt8qY0PO/ZSp9tvHTQECm6NwUlm39bLlMQt2ChlLMSd9Ee\n/htfaI08GrYsANSmgUpHiAa87TGDuVdAP82rqkSQxu+EwZ9nLyCm3tlFjBZW\niHH8jN6GztV/cii5KhCGN/GZLoMJVmdTDtQ56ycQ/K5wC9ReZ4D9N9t1whq+\nAjwfeVjz1U36NbL7vwXpZnpXcGnXoQwwszaForBIQxQmNdzvW55LizwCfvuW\nvHlb8IkUk7lyBguLEMoMHd64rpn0FFftUQbgtIEU/biGVAsI8MttvraXBxvR\nraWkosgf/hiRcP1FnQmfzUz3YyRsMWIvOxvRDvdJU5cGhruFcHIZ9s9IEJ+I\nTut4NyJGI4GscItHHSAr1CJuUBpj0RsEC5s5xR9ciO2PQyHCUWFlxmKdlGFS\ncNIEcS06mj7BTsWBFT+JD7/QPcoCg3Flo8RrRqSQ6UoDJnk0U5kYJDxO2UoM\nA8tSz1SwKTaWfw+/ofXPROJt+MpkuEgfV0mxOlcqDxkD55oel4TcEjsgsh96\nvLeO\r\n=RObj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDkupxm/HAI5b3qGJO851eZFtq9gTGYkfG0JdYlbuhiEAiB8zXynBfoPNtTPpgZADkK75VOt1g3erIU+HZ0Lhgzo1A=="}]},"maintainers":[{"name":"akshay090","email":"aks28id@gmail.com"}],"_npmUser":{"name":"akshay090","email":"aks28id@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-tageditor_0.2.2_1565944065876_0.2687871053296904"},"_hasShrinkwrap":false}},"time":{"created":"2019-08-16T07:04:21.862Z","0.2.0":"2019-08-16T07:04:22.269Z","modified":"2022-04-04T12:31:24.848Z","0.2.1":"2019-08-16T07:55:51.462Z","0.2.2":"2019-08-16T08:27:46.066Z"},"maintainers":[{"name":"akshay090","email":"aks28id@gmail.com"}],"description":"A tag editor built with react.js","homepage":"https://github.com/Akshay090/react-tagedito","keywords":["react","tag","tageditor","react-component"],"repository":{"type":"git","url":"git+https://github.com/Akshay090/react-tageditor.git"},"author":{"name":"Akshay090"},"bugs":{"url":"https://github.com/Akshay090/react-tageditor"},"license":"MIT","readme":"# React-TagEditor\n\nA tag editor coded in ES6, with React.js as its dependency. Inspired by StackOverflow's tag editor.\n\n**Features**\n\n* Basic editing/removing\n* Navigating through tags via `left/right` on keyboard\n* Tag can be modified after being created\n* Tag can be split at the cursor point.\n\n## Demo\n\n![](http://daix.me/react-tageditor/record.gif)\n\n* [basic](http://NdYAG.github.io/react-tageditor/)\n* [validation and error handler](http://NdYAG.github.io/react-tageditor/validation.html)\n\n## Install\n\nbower:\n\n```sh\nbower install react-tageditor --save\n```\n\n```html\n<link rel=\"stylesheet\" href=\"./bower_components/react-tageditor/dist/style/default.css\">\n\n<script src=\"./bower_components/react/react.js\"></script>\n<script src=\"./bower_components/react-tageditor/dist/index.js\"></script>\n```\n\nnpm:\n\n```sh\nnpm install react-tageditor --save\n```\n\n## API\n\n### Attributes\n\n```html\n<TagEditor tags={[]} delimiters={[]} placeholder=\"\" />\n```\n\nAll attributes are optional.\n\n* `tags`: An array of tags.\n* `delimiters`: An array of delimiters for splitting tags. Element in array could be string or number(keyCode).\n* `placeholder`\n* `validation(currentTag, allTags)`: A function for validating. Throw an error when tag/tags do not meet your requirement. Error will be passed to `onError`.\n* `onChange(tagsChanged, allTags, action)`: Callback triggered after tags added or removed.`action` will be `add` or `remove`.\n* `onError(error)`: Callback triggered on error. Access more information about the error via `error.name` & `error.message`.\n\n### Methods\n\n* `add(tagText)`\n* `remove(tagText)`\n* `output()`: returns an array of tag text\n\n## Styling\n\n```scss\n$tagColor: #aaa !default;\n$tagColorActive: #555 !default;\n$tagBgColor: #ebebeb !default;\n$tagFontSize: 1rem !default;\n\n$editorBorder: #ccc !default;\n$editorBorderActive: #808080 !default;\n\n$placeholderColor: #777 !default;\n\n$pink: #f2c9c9 !default;\n$crimson: #5c0909 !default;\n```\n\n## Development\n\n1. `gem install sass`\n\n2. `npm install` <br/>This will install `react`, `webpack`, `babel-loader` and other dependencies.\n\n3. `bower install` <br/>This will install `react`, `neutron` for building examples.\n\n4. `npm run build` <br/>Compile our `js/scss` files to `dist/`\n\n## License\n\nMIT.\n","readmeFilename":"README.md"}