{"_id":"draft-js-divider-plugin","_rev":"4-5d13b2888918943436d05ab6bd84902b","name":"draft-js-divider-plugin","description":"Divider Plugin for DraftJS","dist-tags":{"latest":"0.2.1"},"versions":{"0.1.0":{"name":"draft-js-divider-plugin","version":"0.1.0","description":"Divider Plugin for DraftJS","author":{"name":"Ilkwon Sim","email":"simsim0709@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/simsim0709/draft-js-plugins.git"},"main":"lib/index.js","keywords":["editor","wysiwyg","draft","react","ux","components","widget","link","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":{"decorate-component-with-props":"^1.0.2","prepend-http":"1.0.4","prop-types":"^15.5.8","tlds":"^1.197.0","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/simsim0709/draft-js-plugins/issues"},"homepage":"https://github.com/simsim0709/draft-js-plugins#readme","_id":"draft-js-divider-plugin@0.1.0","_npmVersion":"5.3.0","_nodeVersion":"8.6.0","_npmUser":{"name":"simsim0709","email":"simsim0709@gmail.com"},"dist":{"integrity":"sha512-Q6/lUQFmXQ3yGf/8k2xF0I0LwVun4irj2Xcg+lSi6++gBG3FJ0/f23ABB/FStjWrBr+mLuuZnY2VytmnfjMRSg==","shasum":"701b3455e3f21ba113837abc888c2e0f0ff97c5c","tarball":"https://registry.npmjs.org/draft-js-divider-plugin/-/draft-js-divider-plugin-0.1.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDzK9E+tOfssbtHxQyYHl01wyPME9z/OMyW29Fturey0AiAC+Dkx1HFrat7z8c1FVrstVVUV70sTT7huVXQyXwzVzA=="}]},"maintainers":[{"name":"simsim0709","email":"simsim0709@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/draft-js-divider-plugin-0.1.0.tgz_1509002782437_0.3885299388784915"}},"0.1.1":{"name":"draft-js-divider-plugin","version":"0.1.1","description":"Divider Plugin for DraftJS","author":{"name":"Ilkwon Sim","email":"simsim0709@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/simsim0709/draft-js-plugins.git"},"main":"lib/index.js","keywords":["editor","wysiwyg","draft","react","ux","components","widget","link","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":{"decorate-component-with-props":"^1.0.2","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/simsim0709/draft-js-plugins/issues"},"homepage":"https://github.com/simsim0709/draft-js-plugins#readme","_id":"draft-js-divider-plugin@0.1.1","_npmVersion":"5.3.0","_nodeVersion":"8.6.0","_npmUser":{"name":"simsim0709","email":"simsim0709@gmail.com"},"dist":{"integrity":"sha512-Kr3Rjd5YAA2sDDMJ8GFJGy9td8B8FMD1+tTY/6oUyJL1vIRPbDN/6WK3h0FCx4gaXk+Y7zlVdgidOvST60pugg==","shasum":"327a6c8da6077ba74b7d7c487aaef221c183c00a","tarball":"https://registry.npmjs.org/draft-js-divider-plugin/-/draft-js-divider-plugin-0.1.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDO608d/tuyB2/luhnwu9GeWD4hdfu4AIwDDUTdJyphlwIgcqQUanZj9Q+GC1rWQj+E1QfH9oZ7T5nFho+5XnGNRuc="}]},"maintainers":[{"name":"simsim0709","email":"simsim0709@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/draft-js-divider-plugin-0.1.1.tgz_1509008657084_0.10393833322450519"}},"0.2.0":{"name":"draft-js-divider-plugin","version":"0.2.0","description":"Divider Plugin for DraftJS","author":{"name":"Ilkwon Sim","email":"simsim0709@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/simsim0709/draft-js-plugins.git"},"main":"lib/index.js","keywords":["editor","wysiwyg","draft","react","ux","components","widget","link","react-component"],"scripts":{"dev":"watch 'npm run build' src","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":{"decorate-component-with-props":"^1.0.2","prop-types":"^15.5.8"},"peerDependencies":{"draft-js":"^0.10.1","react":"^15.5.0 || ^16.0.0-rc","react-dom":"^15.5.0 || ^16.0.0-rc"},"devDependencies":{"watch":"^1.0.2"},"bugs":{"url":"https://github.com/simsim0709/draft-js-plugins/issues"},"homepage":"https://github.com/simsim0709/draft-js-plugins#readme","_id":"draft-js-divider-plugin@0.2.0","_npmVersion":"5.3.0","_nodeVersion":"8.6.0","_npmUser":{"name":"simsim0709","email":"simsim0709@gmail.com"},"dist":{"integrity":"sha512-wDB1/2jsdl4F4cKAxXiYTTPkJVrAMKr24bE1F7JsZel/zXP/MO95Lz4sv9jFy7kIbMA011P1LQmcVP32/JKbzg==","shasum":"e9fba087492c0ea14f17ccb0c0c46ff98f14fb72","tarball":"https://registry.npmjs.org/draft-js-divider-plugin/-/draft-js-divider-plugin-0.2.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDI86WnMU/n136dVWD15z5Lg4anVs24X2nN4iTGpK5yMAiEAtGUEgn8NABb/VVp/palnAsEtfs1/fGVUJMINxvJX4zo="}]},"maintainers":[{"name":"simsim0709","email":"simsim0709@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/draft-js-divider-plugin-0.2.0.tgz_1509604122966_0.7824862911365926"}},"0.2.1":{"name":"draft-js-divider-plugin","version":"0.2.1","description":"Divider Plugin for DraftJS","author":{"name":"Ilkwon Sim","email":"simsim0709@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/simsim0709/draft-js-plugins.git"},"main":"lib/index.js","keywords":["editor","wysiwyg","draft","react","ux","components","widget","link","react-component"],"scripts":{"dev":"watch 'npm run build' src","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":{"decorate-component-with-props":"^1.0.2","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"},"devDependencies":{"watch":"^1.0.2"},"bugs":{"url":"https://github.com/simsim0709/draft-js-plugins/issues"},"homepage":"https://github.com/simsim0709/draft-js-plugins#readme","_id":"draft-js-divider-plugin@0.2.1","_npmVersion":"5.3.0","_nodeVersion":"8.6.0","_npmUser":{"name":"simsim0709","email":"simsim0709@gmail.com"},"dist":{"integrity":"sha512-a5JADw8sy1gBndmNKYatEAyGHLBJhq52bSX/j0CIS99mnUWPT5ZGsm+nuTh1ViOhIsXP/nWS+5iPieI1Vtr+zg==","shasum":"5dbbb14216a0d77bf8206797ceb4c7c77df46db7","tarball":"https://registry.npmjs.org/draft-js-divider-plugin/-/draft-js-divider-plugin-0.2.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICf4R2lyEG94VXnk3vVZD/1vGi0CavCJu7Crw0hKK0WVAiEAzxG4+O6DGjFS8qCkWJNrL+GddHfpAlProJMedwpizw0="}]},"maintainers":[{"name":"simsim0709","email":"simsim0709@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/draft-js-divider-plugin-0.2.1.tgz_1510736256748_0.07079045963473618"}}},"readme":"# DraftJS Divider Plugin\n\n*This is a plugin for the `draft-js-plugins-editor`.*\n\n## Usage\n\n```js\nimport createDividerPlugin from 'draft-js-divider-plugin';\n\nconst dividerPlugin = createDividerPlugin();\n```\n\nIt exposes `addDivider` function and `DividerButton`.\n\nYou can use this plugin like below.\n\n```js\n/* eslint-disable  */\n\nimport React, { Component } from 'react';\n\nimport 'draft-js/dist/Draft.css';\n\nimport Editor, { createEditorStateWithText } from 'draft-js-plugins-editor';\n\nimport createSideToolbarPlugin from 'draft-js-side-toolbar-plugin';\nimport BlockTypeSelect from 'draft-js-side-toolbar-plugin/lib/components/BlockTypeSelect';\nimport 'draft-js-side-toolbar-plugin/lib/plugin.css';\n\nimport createDividerPlugin from 'draft-js-divider-plugin';\nimport 'draft-js-divider-plugin/lib/plugin.css';\n\nconst dividerPlugin = createDividerPlugin();\n\nconst DefaultBlockTypeSelect = ({ getEditorState, setEditorState, theme }) => (\n  <BlockTypeSelect\n    getEditorState={getEditorState}\n    setEditorState={setEditorState}\n    theme={theme}\n    structure={[dividerPlugin.DividerButton]}\n  />\n);\n\nconst sideToolbarPlugin = createSideToolbarPlugin({\n  structure: [DefaultBlockTypeSelect],\n});\n\nimport './Editor.css';\n\nconst plugins = [sideToolbarPlugin, dividerPlugin];\nconst { SideToolbar } = sideToolbarPlugin;\n\nclass CustomEditor extends Component {\n  state = {\n    editorState: createEditorStateWithText(''),\n  };\n\n  onChange = editorState => {\n    this.setState({\n      editorState,\n    });\n  };\n\n  render() {\n    return (\n      <div className=\"App\">\n        <div className=\"editor\">\n          <Editor\n            placeholder=\"placeholder ...\"\n            readOnly={false}\n            editorState={this.state.editorState}\n            onChange={this.onChange}\n            plugins={plugins}\n            ref={element => {\n              this.editor = element;\n            }}\n          />\n\n          <SideToolbar />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default CustomEditor;\n```\n\n### Importing the default styles\n\nThe plugin ships with a default styling available at this location in the installed package:\n`draft-js-divider-plugin/lib/plugin.css`.\n\nIf you want to use the default styles, you can include this stylesheet.\nOtherwise you can supply your own styles via the `theme` config option.\n","maintainers":[{"name":"simsim0709","email":"simsim0709@gmail.com"}],"time":{"modified":"2022-04-29T04:55:41.978Z","created":"2017-10-26T07:26:22.514Z","0.1.0":"2017-10-26T07:26:22.514Z","0.1.1":"2017-10-26T09:04:17.147Z","0.2.0":"2017-11-02T06:28:43.041Z","0.2.1":"2017-11-15T08:57:36.834Z"},"homepage":"https://github.com/simsim0709/draft-js-plugins#readme","keywords":["editor","wysiwyg","draft","react","ux","components","widget","link","react-component"],"repository":{"type":"git","url":"git+https://github.com/simsim0709/draft-js-plugins.git"},"author":{"name":"Ilkwon Sim","email":"simsim0709@gmail.com"},"bugs":{"url":"https://github.com/simsim0709/draft-js-plugins/issues"},"license":"MIT","readmeFilename":"README.md"}