{"_id":"@backhq/draft-js-mention-plugin","_rev":"1-e34813f7507c0daced0d297e11eedd3b","name":"@backhq/draft-js-mention-plugin","dist-tags":{"latest":"3.1.3"},"versions":{"3.1.3":{"name":"@backhq/draft-js-mention-plugin","version":"3.1.3","description":"Mention Plugin for DraftJS","author":{"name":"Nik Graf","email":"nik@nikgraf.com","url":"http://www.nikgraf.com"},"repository":{"type":"git","url":"git+https://github.com/draft-js-plugins/draft-js-plugins.git"},"main":"lib/index.js","keywords":["editor","wysiwyg","draft","react","ux","components","widget","react-component"],"scripts":{"clean":"../node_modules/.bin/rimraf lib","build":"npm run clean && npm run build:js && npm run build:css","build:js":"WEBPACK_CONFIG=$(pwd)/webpack.config.js BABEL_DISABLE_CACHE=1 BABEL_ENV=production NODE_ENV=production ../node_modules/.bin/babel --out-dir='lib' --ignore='__test__/*' src","build:css":"node ../scripts/concatCssFiles $(pwd) && ../node_modules/.bin/rimraf lib-css","prepublish":"npm run build"},"license":"MIT","dependencies":{"clsx":"^1.0.4","immutable":"~3.7.4","lodash":"^4.17.14","prop-types":"^15.5.8","union-class-names":"^1.0.0"},"peerDependencies":{"draft-js":"^0.10.1","react":"^15.5.0 || ^16.0.0-rc","react-dom":"^15.5.0 || ^16.0.0-rc"},"bugs":{"url":"https://github.com/draft-js-plugins/draft-js-plugins/issues"},"homepage":"https://github.com/draft-js-plugins/draft-js-plugins#readme","_id":"@backhq/draft-js-mention-plugin@3.1.3","_npmVersion":"5.6.0","_nodeVersion":"8.11.4","_npmUser":{"name":"rstrom","email":"robbie.strom@gmail.com"},"dist":{"integrity":"sha512-OOAFSnUVXsaTsSMEG+8DnBB9tKC/UrxYrM+plfDkrMkPqOOsUn1kugr4l0MoRo83JHrifuBLNT+NrSbj3vK3Pg==","shasum":"b00e147cf860c62970ef980c36b63f66cb6727e3","tarball":"https://registry.npmjs.org/@backhq/draft-js-mention-plugin/-/draft-js-mention-plugin-3.1.3.tgz","fileCount":23,"unpackedSize":66461,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdU9MoCRA9TVsSAnZWagAATMIP+wWskObFctcTe9FczTmO\nDgCBOPRJ1cTEKMpclgKAPdCXV8rjpdcHtv+CzmbZVsDp7LXtwEsjjSiKzWnz\nmI/KKJKt5QEdoMUDd1qR83yIoq9L+CV6r6Va8z84huWrgT4toKqbQNd8RriY\nbueC7CdJxq2st5+sttUpfxNcboaI/py7UVBDjc+p5bUgq5UlrFcH5Ygvbmzw\nv47lcx+3OTYl4hHzrr51W3XB8NpEq0Z2wl0Mr/kSQ1ED3YrXJyT769LMjdNl\nJR1p59YAwotte5qNENNJpWOCtBA3N3TqiXBikjWA6XOR64D0bEXURWCgTfbD\n8vVj6+02kfxZMqq56FirXH0KcDTHQGtWRPkkuvgBDMXEr1OH5XKfN0Bwpu0q\n5rBpHiJ+JlQgBBsPYjxTHDJOGQcxejZ4F6I3/L3Nx1ToMQfInny2MTjzdpxw\nOZF4jqvaXoHoQnRdD7RxLPJSi6aC8X/0i0DAuXTcFmUrmKPjsXtNMBV128+L\n9ERnDH+/mJT83i2r31nAAkkAK7x0fUdyp8HcIQia8yryvXhRp2mHWmereyyx\nx5pRIL8q+0j2Z/TWCP7hzMHHIoePCpw/OKR6onPvQxE52O67mg/r3WCJ7tzH\nTpRjPpHTpzB1JRr8Taetb1vwI6dYHqpLfcHWreS6QK1/FYx3Gow2vrcOZuca\nw+ZD\r\n=rXNF\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDEEqgtHhvwPexVq/y0NSWBF1StNEQdkrWFucL/1K/h5gIhAId7YgJ2JfBWMbCIN5qnOsu6WQGgjsPw+m4kD0ca01it"}]},"maintainers":[{"name":"rstrom","email":"robbie.strom@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/draft-js-mention-plugin_3.1.3_1565774632177_0.14410381071534495"},"_hasShrinkwrap":false}},"time":{"created":"2019-08-14T09:23:51.937Z","3.1.3":"2019-08-14T09:23:52.333Z","modified":"2022-04-04T17:26:51.851Z"},"maintainers":[{"name":"rstrom","email":"robbie.strom@gmail.com"}],"description":"Mention Plugin for DraftJS","homepage":"https://github.com/draft-js-plugins/draft-js-plugins#readme","keywords":["editor","wysiwyg","draft","react","ux","components","widget","react-component"],"repository":{"type":"git","url":"git+https://github.com/draft-js-plugins/draft-js-plugins.git"},"author":{"name":"Nik Graf","email":"nik@nikgraf.com","url":"http://www.nikgraf.com"},"bugs":{"url":"https://github.com/draft-js-plugins/draft-js-plugins/issues"},"license":"MIT","readme":"# DraftJS Mention Plugin\n\n*This is a plugin for the `draft-js-plugins-editor`.*\n\nThis plugin allows you to add mentions to your editor!\n\nUsage:\n\n```js\nimport createMentionPlugin from 'draft-js-mention-plugin';\n\nconst mentionPlugin = createMentionPlugin({ mentions });\n```\n\n## Importing the default styles\n\nThe plugin ships with a default styling available at this location in the installed package:\n`node_modules/draft-js-mention-plugin/lib/plugin.css`.\n\n### Webpack Usage\nFollow the steps below to import the css file by using Webpack's `style-loader` and `css-loader`.\n\n1. Install Webpack loaders: `npm install style-loader css-loader --save-dev`\n2. Add the below section to Webpack config (if your Webpack already has loaders array, simply add the below loader object(`{test:foo, loaders:bar[]}`) as an item in the array).\n\n    ```js\n    module: {\n      loaders: [{\n        test: /\\.css$/,\n        loaders: [\n          'style-loader', 'css'\n        ]\n      }]\n    }\n    ```\n\n3. Add the below import line to your component to tell Webpack to inject style to your component.\n\n    ```js\n    import 'draft-js-mention-plugin/lib/plugin.css';\n    ```\n4. Restart Webpack.\n","readmeFilename":"README.md"}