\n );\n }\n}\n\nrender(, document.querySelector('#demo'));\n\n```\n\n### Development.\n\n- `npm i -g nwb`\n- Check `package.json` command\n\n### Deployment\n\n1. Publish to npm : `npm publish --access public`\n2. Host into github: `npm run deploy`\n","readmeFilename":"README.md","gitHead":"7d369411152d04d6dd2dd69f84ccc3919f427473","_id":"@redq/reuse-modal@1.2.4-beta.0","_npmVersion":"6.4.1","_nodeVersion":"8.15.1","_npmUser":{"name":"toothless","email":"a.anik90@gmail.com"},"dist":{"integrity":"sha512-btbolsT6iS4lKfcAx4GynMBEiueroSopBW5JV3g0u1aneFA+UK+JAmDBbTm0MpDeO9CTSF0cXy1MAvYtWczHBw==","shasum":"b568aae1438a22bf85c68ff3b101384b6b41081c","tarball":"https://registry.npmjs.org/@redq/reuse-modal/-/reuse-modal-1.2.4-beta.0.tgz","fileCount":22,"unpackedSize":44924,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdBN6eCRA9TVsSAnZWagAAi+MP/17LQ8nLSfTKCjLT/Pey\n880p8F3AZw/5iAiQ3gCpnFDNbaSw3f26eMfsQxmnBsSufc1LyWLU4muEUJoX\neRyiq3fdW8mll1Vpq5SWi68paGyLBWHox27l8afXBzH3jvA9dkhMmbntoMSE\n44/zPV5c5DIimL6G8yoJqceo86OUg01LrjTPKolwfwvriDVyEZQdPlg4QEHb\nxub6l14bx0O46PkZQeJ/8r7JLC6+uAX4oy6LHhmT3YLJcIAUEZ/0Um9lBnBU\nSLPRdMRXNL6HEn8BFPUCkXXw/nxmXSSPoBFmFc54Jld+GB97StJT0odWYaaS\nKG07FAx2aOaUPqEqVAxSmYVB1naB0oEHY9WCZmGWUp+8d0kr6IjtQe3E1FD1\nINFt+Gd2CZzII9XE2El1YI0Y7ubV7Lmd3onRPxp5uh9XyZkgaJQnbZ/c9hTd\nNEctAP7sWUlDZ323vAqUvHCFuk+9uk3I6YJ4eijLG63a1WAbspRn7csT4cgt\n8pZy2tnTMTEP0mTqWGzJDSrIreUltqjSMuXWyt9L7w8a7SKzvA1hKnY2eqbw\nappQ4eTc1HppM8ypeN9ijfSugRDbvrOsi12xUc55aEgufI00R7BOokASBKHW\nslxiYE09w1t9qrQfpPou4zId7gjr3um0I9VEviZnAAw1ReHJI+otpQsyI/uO\nMXKP\r\n=4hxJ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDkRuoBcbRzQYYq3QMX740CKGRSIOAwNzg9llenT7K0WwIgdSk7Zn1AHQDY7LGxmb8MrUAvnsw38DitiZ+RX+uAlT0="}]},"maintainers":[{"email":"merin.ruet09@gmail.com","name":"e_a_merin"},{"email":"nbashar01@gmail.com","name":"nozibulla"},{"email":"shaadjoe7@gmail.com","name":"shaad-ishtiaque"},{"email":"tareqcse08@gmail.com","name":"tarex"},{"email":"a.anik90@gmail.com","name":"toothless"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reuse-modal_1.2.4-beta.0_1560600221827_0.3553711491259499"},"_hasShrinkwrap":false},"1.2.4-beta.0.1":{"name":"@redq/reuse-modal","version":"1.2.4-beta.0.1","description":"reuse-modal","main":"lib/index.js","module":"es/index.js","scripts":{"build":"nwb build-react-component --copy-files","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"nwb serve-react-demo","test":"nwb test-react","deploy":"gh-pages -d demo/dist","test:coverage":"nwb test-react --coverage","test:watch":"nwb test-react --server"},"dependencies":{"body-scroll-lock":"^2.6.1","react-device-detect":"^1.6.2","react-rnd":"^9.0.4","react-spring":"^8.0.18"},"peerDependencies":{"react":"^16.8.2","react-dom":"^16.8.2"},"devDependencies":{"gh-pages":"^2.0.1","nwb":"0.23.x","react":"^16.8.2","react-dom":"^16.8.2"},"author":{"name":"RedQ"},"homepage":"","license":"MIT","repository":"","keywords":["react-component","modal"],"readme":"# reuse-modal\n\nSSR Friendly Draggable React Modal With react-rnd And react-spring Support.\n\n## Demo:\n\nurl: https://tarex.github.io/reuse-modal/\n\n## Prerequisite\n\n```\n\"react\": \"^16.8.2\",\n\"react-dom\": \"^16.8.2\"\n```\n\n## Installation\n\n1. `yarn add react@next react-dom@next`\n2. `yarn add @redq/reuse-modal`\n3. `import { Modal, openModal, closeModal } from '@redq/reuse-modal';`\n4. To trigger modal, use `openModal` and `closeModal` and use `` in you app in root level or in the parent component.\n5. pass modal configuration through `openModal(config)` like below.\n6. `yarn start`\n\n### Sample Config\n\n```\n{\n config: {\n className: 'customModal',\n disableDragging: false,\n enableResizing: {\n bottom: true,\n bottomLeft: true,\n bottomRight: true,\n left: true,\n right: true,\n top: true,\n topLeft: true,\n topRight: true,\n },\n },\n withRnd: false,\n overlayClassName: 'customeOverlayClass',\n closeOnClickOutside: true,\n component: BigModalComponent,\n componentProps: { customData: 'your custom props' },\n closeComponent: CloseComponent,\n}\n```\n\n### API Details\n\n- **className**: Modal Wrapper class name, default value `customModal` `[type: string]`\n- **overlayClassName**: Modal overlay class name, default value `''` `[type: string]`\n- **closeOnClickOutside**: Enable/Disable click outside modal close `[type: boolean]`\n- **withRnd**: Enable/Disable React Rnd support. By default we added react spring for animation and if you needed dragging feature then simply use `withRnd: true` `[type: boolean]`\n- **component**: The component you want to render inside the Modal `[type: component]`\n- **componentProps**: pass the props you need in the Modal component `[type: object]`\n- **closeComponent**: Close component to close the Modal `[type: Component]`\n- **config**: Modal can be draggable and resizeble as we have provided support with [react-rnd](https://github.com/bokuweb/react-rnd)\n- **config**: to customize react spring config pass your props within the config parameter as shown in the Sample config section [react-spring](https://github.com/react-spring/react-spring)\n\n### Usage\n\n```\nimport React, { Component, Fragment } from 'react';\nimport { render } from 'react-dom';\nimport { Modal, openModal, closeModal } from '@redq/reuse-modal';\nimport '@redq/reuse-modal/lib/index.css';\n\nconst CloseComponent = () => {\n return ;\n};\n\nconst BigModalComponent = props => (\n \n
\n );\n }\n}\n\nrender(, document.querySelector('#demo'));\n\n```\n\n### Development.\n\n- `npm i -g nwb`\n- Check `package.json` command\n\n### Deployment\n\n1. Publish to npm : `npm publish --access public`\n2. Host into github: `npm run deploy`\n","readmeFilename":"README.md","gitHead":"bfdfeb4542982320235ccbaa9951a3ea8fe1a83a","_id":"@redq/reuse-modal@1.2.4-beta.0.1","_npmVersion":"6.4.1","_nodeVersion":"8.15.1","_npmUser":{"name":"toothless","email":"a.anik90@gmail.com"},"dist":{"integrity":"sha512-OqJBRW63thbZDgCNkAVWG/q6/khzgIZVGsBhgl4AgGAikszSpBIF5A+AOJKoBLkMjTVcaJP60yqHDx8nd7AdIg==","shasum":"4689107562766571a52ee57e466fff0f686f6dfe","tarball":"https://registry.npmjs.org/@redq/reuse-modal/-/reuse-modal-1.2.4-beta.0.1.tgz","fileCount":22,"unpackedSize":45102,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdChRbCRA9TVsSAnZWagAAdS4P/1O0PLgEQHlriWXk04Ag\nPGXW6iFJ0ZQ29Qe/62+rmKoEkyVPRISKJIPdler2CMiP3NyENBHgMT8YIcUm\nZFki1Q7Lm0fuDfPscqWO3Frou4lEQXyrf+LvQrZluMB80fGHZBrNSXJ3gMIg\nKcYNtxlrZRbFQLiZRW9DcHl/yvbq1kRc3XW/kh8BH5ErhA2QKWLiWu6jQPMT\nFUMr2YTNgS6QTynZp0Yg1WGzzYaQJ/tQYIA4QKhlfvITz7Siv3UUbN6DGoDJ\nuVYfcV5LaI/au+q3oQG6VHw+UwflUFbhsb+myVibdgqS53iRaI6jHsqBip/S\nL0oKMvvbam7x0CpAPAs7Ai1RJo5dZDWLnm4UKZBP8AtVphodbcY+tDDempK9\nzTXtvFQQNw3nc2OPLCN0mUv+zXiljbZm9lC9VidFaZzAZWsQ5Ixs0Z+3p0J1\nf0+CVkmEaGhPRlNgNHmtaL9kOqaf/MlLNzQD4Fp45uT8nUaONd9VRUtXJIXa\nNU9Dem4a6dY/CSPjuwP26WuRME9NaCF271ZXQBt79EfD1CnRwTEzu03+4J+X\nTATddaCq67QDPeMKCrUKOiOTKi95hjQp+3HIIXAV/Lezznn0lJFKvR9UArQN\noiZ+Qy5LWNhZd4PXvoOn3bMwac+JcnS9yLj+UPDz/duaIbWhz03BgykWyxt3\nxIZw\r\n=NhTV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIF7ZCoqjjhH5c8wCuho6KI2mIarKAYJS9S6WujRxphOFAiAWVXAvcdQYO/tCAmf0e73jrQEKcHzyswF1GF+aHEuDqw=="}]},"maintainers":[{"email":"merin.ruet09@gmail.com","name":"e_a_merin"},{"email":"nbashar01@gmail.com","name":"nozibulla"},{"email":"shaadjoe7@gmail.com","name":"shaad-ishtiaque"},{"email":"tareqcse08@gmail.com","name":"tarex"},{"email":"a.anik90@gmail.com","name":"toothless"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reuse-modal_1.2.4-beta.0.1_1560941658791_0.6920645730853576"},"_hasShrinkwrap":false},"1.2.4-beta.0.2":{"name":"@redq/reuse-modal","version":"1.2.4-beta.0.2","description":"reuse-modal","main":"lib/index.js","module":"es/index.js","scripts":{"build":"nwb build-react-component --copy-files","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"nwb serve-react-demo","test":"nwb test-react","deploy":"gh-pages -d demo/dist","test:coverage":"nwb test-react --coverage","test:watch":"nwb test-react --server"},"dependencies":{"body-scroll-lock":"^2.6.1","react-device-detect":"^1.6.2","react-rnd":"^9.0.4","react-spring":"^8.0.18"},"peerDependencies":{"react":"^16.8.2","react-dom":"^16.8.2"},"devDependencies":{"gh-pages":"^2.0.1","nwb":"0.23.x","react":"^16.8.2","react-dom":"^16.8.2"},"author":{"name":"RedQ"},"homepage":"","license":"MIT","repository":"","keywords":["react-component","modal"],"readme":"# reuse-modal\n\nSSR Friendly Draggable React Modal With react-rnd And react-spring Support.\n\n## Demo:\n\nurl: https://tarex.github.io/reuse-modal/\n\n## Prerequisite\n\n```\n\"react\": \"^16.8.2\",\n\"react-dom\": \"^16.8.2\"\n```\n\n## Installation\n\n1. `yarn add react@next react-dom@next`\n2. `yarn add @redq/reuse-modal`\n3. `import { Modal, openModal, closeModal } from '@redq/reuse-modal';`\n4. To trigger modal, use `openModal` and `closeModal` and use `` in you app in root level or in the parent component.\n5. pass modal configuration through `openModal(config)` like below.\n6. `yarn start`\n\n### Sample Config\n\n```\n{\n config: {\n className: 'customModal',\n disableDragging: false,\n enableResizing: {\n bottom: true,\n bottomLeft: true,\n bottomRight: true,\n left: true,\n right: true,\n top: true,\n topLeft: true,\n topRight: true,\n },\n },\n withRnd: false,\n overlayClassName: 'customeOverlayClass',\n closeOnClickOutside: true,\n component: BigModalComponent,\n componentProps: { customData: 'your custom props' },\n closeComponent: CloseComponent,\n}\n```\n\n### API Details\n\n- **className**: Modal Wrapper class name, default value `customModal` `[type: string]`\n- **overlayClassName**: Modal overlay class name, default value `''` `[type: string]`\n- **closeOnClickOutside**: Enable/Disable click outside modal close `[type: boolean]`\n- **withRnd**: Enable/Disable React Rnd support. By default we added react spring for animation and if you needed dragging feature then simply use `withRnd: true` `[type: boolean]`\n- **component**: The component you want to render inside the Modal `[type: component]`\n- **componentProps**: pass the props you need in the Modal component `[type: object]`\n- **closeComponent**: Close component to close the Modal `[type: Component]`\n- **config**: Modal can be draggable and resizeble as we have provided support with [react-rnd](https://github.com/bokuweb/react-rnd)\n- **config**: to customize react spring config pass your props within the config parameter as shown in the Sample config section [react-spring](https://github.com/react-spring/react-spring)\n\n### Usage\n\n```\nimport React, { Component, Fragment } from 'react';\nimport { render } from 'react-dom';\nimport { Modal, openModal, closeModal } from '@redq/reuse-modal';\nimport '@redq/reuse-modal/lib/index.css';\n\nconst CloseComponent = () => {\n return ;\n};\n\nconst BigModalComponent = props => (\n \n
\n );\n }\n}\n\nrender(, document.querySelector('#demo'));\n\n```\n\n### Development.\n\n- `npm i -g nwb`\n- Check `package.json` command\n\n### Deployment\n\n1. Publish to npm : `npm publish --access public`\n2. Host into github: `npm run deploy`\n","readmeFilename":"README.md","gitHead":"3603018289faca19f9a3c4260436c3c3e9fcb981","_id":"@redq/reuse-modal@1.2.4-beta.0.2","_npmVersion":"6.4.1","_nodeVersion":"8.15.1","_npmUser":{"name":"toothless","email":"a.anik90@gmail.com"},"dist":{"integrity":"sha512-iCjUyITHuNXP0JWtDVb78PSP4pZi19Pno6GT6OhgafCxz1qPLhLN6UjRzXO1S+luszz47zjQj4zAXZxjVc5HLw==","shasum":"3d6da6ddba089ed6e1e0ac49826e5a855f4213a8","tarball":"https://registry.npmjs.org/@redq/reuse-modal/-/reuse-modal-1.2.4-beta.0.2.tgz","fileCount":22,"unpackedSize":45586,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdF0LFCRA9TVsSAnZWagAAU3IQAIU95OD+qGHisueMi4pR\nXXHkgldEguJLfOl6qnIe2xLWFUJIm1ZbDOdIOgzGKTvb/vLsCsPi2sEqP0Wb\nv67eCjtRu/+pkW9b36sKgcPF/woniB2wQIduI3VF8Rh6S8OxuztId61wEfR1\n+i4i/aSZ8zU7MEMehF0DuNevNZ+WPzGNfBR3haLdLibK82m5E9wjWRzF6Wfo\n7EiTsNOnhm7U0sNQdxGYKHiC0oJ/ACX6KgKAj3QZBF2wR4ZzoviWS+fG3axV\n25YsmfK518KsgrUWcaKgRTPenBnNBGITNMFUdxS+v4h1U8ciy/sa0x0MZgKY\nnVGg7T+22KPZ5dGNaCl+1sTNLKPvG7sO2OeHq4BXrVqt912VcKjaft+AuF5+\nmEQ7+MkzkMleOpSkGRoyiNDfdlL9LjPDuLzOzWgvzJJWxPwTJVYjErHRBRA5\nSjjCrw1JXOBgbEqTlNlGUQboMmuseCHd8pZHPpsjdu+Wq5gkk19ZihZ8CLzQ\nM1mGT4caP78m1FPGltEn+969LkgMoVV+SuT+BSJw5ozodMeh4YPq97MRAVKh\nhnxhIK0ik0DISzf+XzRxodBfZnR06VOElUq8MZhzhNdnYr/rbt9yInDHUnOu\nCM+0hzc11n5UjDs8lEvMsjXvK9af16Av3H/+AI1LnW5Hv4zZxA53Y9Jp2c8X\n4tjQ\r\n=Ls58\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDjVN2aQjvtn7rT3C1gWCDbRuZyohuSiIuJzy9olqE6+wIgIxGjHQm9Tr51a9pDf0+Y2Z86INl2qXKqHp4I2HBF1rI="}]},"maintainers":[{"email":"merin.ruet09@gmail.com","name":"e_a_merin"},{"email":"nbashar01@gmail.com","name":"nozibulla"},{"email":"shaadjoe7@gmail.com","name":"shaad-ishtiaque"},{"email":"tareqcse08@gmail.com","name":"tarex"},{"email":"a.anik90@gmail.com","name":"toothless"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reuse-modal_1.2.4-beta.0.2_1561805508611_0.9559801822087184"},"_hasShrinkwrap":false},"1.2.4-beta.0.3":{"name":"@redq/reuse-modal","version":"1.2.4-beta.0.3","description":"reuse-modal","main":"lib/index.js","module":"es/index.js","scripts":{"build":"nwb build-react-component --copy-files","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"nwb serve-react-demo","test":"nwb test-react","deploy":"gh-pages -d demo/dist","test:coverage":"nwb test-react --coverage","test:watch":"nwb test-react --server"},"dependencies":{"body-scroll-lock":"^2.6.1","react-device-detect":"^1.6.2","react-rnd":"^9.0.4","react-spring":"^8.0.18"},"peerDependencies":{"react":"^16.8.2","react-dom":"^16.8.2"},"devDependencies":{"gh-pages":"^2.0.1","nwb":"0.23.x","react":"^16.8.2","react-dom":"^16.8.2"},"author":{"name":"RedQ"},"homepage":"","license":"MIT","repository":"","keywords":["react-component","modal"],"readme":"# reuse-modal\n\nSSR Friendly Draggable React Modal With react-rnd And react-spring Support.\n\n## Demo:\n\nurl: https://tarex.github.io/reuse-modal/\n\n## Prerequisite\n\n```\n\"react\": \"^16.8.2\",\n\"react-dom\": \"^16.8.2\"\n```\n\n## Installation\n\n1. `yarn add react@next react-dom@next`\n2. `yarn add @redq/reuse-modal`\n3. `import { Modal, openModal, closeModal } from '@redq/reuse-modal';`\n4. To trigger modal, use `openModal` and `closeModal` and use `` in you app in root level or in the parent component.\n5. pass modal configuration through `openModal(config)` like below.\n6. `yarn start`\n\n### Sample Config\n\n```\n{\n config: {\n className: 'customModal',\n disableDragging: false,\n enableResizing: {\n bottom: true,\n bottomLeft: true,\n bottomRight: true,\n left: true,\n right: true,\n top: true,\n topLeft: true,\n topRight: true,\n },\n },\n withRnd: false,\n overlayClassName: 'customeOverlayClass',\n closeOnClickOutside: true,\n component: BigModalComponent,\n componentProps: { customData: 'your custom props' },\n closeComponent: CloseComponent,\n}\n```\n\n### API Details\n\n- **className**: Modal Wrapper class name, default value `customModal` `[type: string]`\n- **overlayClassName**: Modal overlay class name, default value `''` `[type: string]`\n- **closeOnClickOutside**: Enable/Disable click outside modal close `[type: boolean]`\n- **withRnd**: Enable/Disable React Rnd support. By default we added react spring for animation and if you needed dragging feature then simply use `withRnd: true` `[type: boolean]`\n- **component**: The component you want to render inside the Modal `[type: component]`\n- **componentProps**: pass the props you need in the Modal component `[type: object]`\n- **closeComponent**: Close component to close the Modal `[type: Component]`\n- **config**: Modal can be draggable and resizeble as we have provided support with [react-rnd](https://github.com/bokuweb/react-rnd)\n- **config**: to customize react spring config pass your props within the config parameter as shown in the Sample config section [react-spring](https://github.com/react-spring/react-spring)\n\n### Usage\n\n```\nimport React, { Component, Fragment } from 'react';\nimport { render } from 'react-dom';\nimport { Modal, openModal, closeModal } from '@redq/reuse-modal';\nimport '@redq/reuse-modal/lib/index.css';\n\nconst CloseComponent = () => {\n return ;\n};\n\nconst BigModalComponent = props => (\n \n
\n );\n }\n}\n\nrender(, document.querySelector('#demo'));\n\n```\n\n### Development.\n\n- `npm i -g nwb`\n- Check `package.json` command\n\n### Deployment\n\n1. Publish to npm : `npm publish --access public`\n2. Host into github: `npm run deploy`\n","readmeFilename":"README.md","gitHead":"48b93b39ca1b00e1fcb1176c1a1ccbae1d6030c5","_id":"@redq/reuse-modal@1.2.4-beta.0.3","_npmVersion":"6.4.1","_nodeVersion":"8.15.1","_npmUser":{"name":"toothless","email":"a.anik90@gmail.com"},"dist":{"integrity":"sha512-fkihibx1F6F/pq+QLmlfk1XnaPwHXU40zVm4TSZBzEG2JRiBE3aU6odd6UvYS6ZfL9ByiyfFZtgoJl1z3vlHQg==","shasum":"87b89a12888f5d6b9ed4916c5a487e4ebe565b91","tarball":"https://registry.npmjs.org/@redq/reuse-modal/-/reuse-modal-1.2.4-beta.0.3.tgz","fileCount":22,"unpackedSize":45918,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdF0qnCRA9TVsSAnZWagAAeqgP/iCQcx1mc8XyDy8XdSvC\n0pNc8UiGdL+HyrL6U3rMORUdd5zHG5ORCHEQSa6PCzGiI50eIoSUv0KS82hn\nBCG8HXCDB5kakBzkd7Wdr+TngI973e03hadYf9meeDCkUJcGwS14M0XUQ6pT\nK70tODoIft7MMvS6aK0YD15qr1/DV/I/cb1uTuJI692HaWsGNRj1DSrvN7lP\nYj1Q1xtvPl1WtA0/4ufUspj4AWQAOpC3PbXaTTvZE4zWm3Qritki77cglgKU\nw5t2rnJSRj/AUllTYSWqaVP7GHq0TEjICM3uKIo4YT2Avq/O/2IykS2v/58N\nI/1Zgp6fYz45SU19fWuPVKPjI2esNNvESIeCPuItTAFNnnma/1OHramLqoXl\nb+8Vnvp6tJI38iflF0hnDj38P+JBdSoz7QWZwcUpEgs6XdrBRJrperdElZZH\nsit3o6NOQfQcBewHFSIdVDPe9+HFHxWht0jIKY//+oJ/GTks8r0gNX/ZrqQ/\n9q4GspRCyVt3S4Khc2kpuxsWA9UvY6+FW7Vksxyup0rrx1lC/An2qkIxKJBM\ncderIflbu4zeSjoaT4xpCcY9w3TxDyJw976zPMBkaCBkiAajAtthFnUDnR0P\ngpFOKrbYK1L4/yeCFzpvgDmxl4sDPKYi7tZALI1J0jJr3otU/9gu4NJzwYm6\nqQFY\r\n=bEjD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCF0FtgFVeS6+jD4nWQ2wgB3ZdVSoURybUCkez2M/8VWQIhAO3ICTg9N7LvLQJ5TkLPJZ8N5w+6ntdvoIH36No8ee0E"}]},"maintainers":[{"email":"merin.ruet09@gmail.com","name":"e_a_merin"},{"email":"nbashar01@gmail.com","name":"nozibulla"},{"email":"shaadjoe7@gmail.com","name":"shaad-ishtiaque"},{"email":"tareqcse08@gmail.com","name":"tarex"},{"email":"a.anik90@gmail.com","name":"toothless"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reuse-modal_1.2.4-beta.0.3_1561807527218_0.8742174425391585"},"_hasShrinkwrap":false},"1.2.4-beta.0.4":{"name":"@redq/reuse-modal","version":"1.2.4-beta.0.4","description":"reuse-modal","main":"lib/index.js","module":"es/index.js","scripts":{"build":"nwb build-react-component --copy-files","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"nwb serve-react-demo","test":"nwb test-react","deploy":"gh-pages -d demo/dist","test:coverage":"nwb test-react --coverage","test:watch":"nwb test-react --server"},"dependencies":{"body-scroll-lock":"^2.6.1","react-device-detect":"^1.6.2","react-rnd":"^9.0.4","react-spring":"^8.0.18"},"peerDependencies":{"react":"^16.8.2","react-dom":"^16.8.2"},"devDependencies":{"gh-pages":"^2.0.1","nwb":"0.23.x","react":"^16.8.2","react-dom":"^16.8.2"},"author":{"name":"RedQ"},"homepage":"","license":"MIT","repository":"","keywords":["react-component","modal"],"readme":"# reuse-modal\n\nSSR Friendly Draggable React Modal With react-rnd And react-spring Support.\n\n## Demo:\n\nurl: https://tarex.github.io/reuse-modal/\n\n## Prerequisite\n\n```\n\"react\": \"^16.8.2\",\n\"react-dom\": \"^16.8.2\"\n```\n\n## Installation\n\n1. `yarn add react@next react-dom@next`\n2. `yarn add @redq/reuse-modal` . For beta version `yarn add @redq/reuse-modal@1.2.4-beta.0.4`\n3. `import { Modal, openModal, closeModal } from '@redq/reuse-modal';`\n4. To trigger modal, use `openModal` and `closeModal` and use `` in you app in root level or in the parent component.\n5. pass modal configuration through `openModal(config)` like below.\n6. `yarn start`\n\n### Sample Config\n\n```\n{\n config: {\n className: 'customModal',\n disableDragging: false,\n enableResizing: {\n bottom: true,\n bottomLeft: true,\n bottomRight: true,\n left: true,\n right: true,\n top: true,\n topLeft: true,\n topRight: true,\n },\n },\n withRnd: false,\n overlayClassName: 'customeOverlayClass',\n closeOnClickOutside: true,\n component: BigModalComponent,\n componentProps: { customData: 'your custom props' },\n closeComponent: CloseComponent,\n}\n```\n\n### API Details\n\n- **className**: Modal Wrapper class name, default value `customModal` `[type: string]`\n- **overlayClassName**: Modal overlay class name, default value `''` `[type: string]`\n- **closeOnClickOutside**: Enable/Disable click outside modal close `[type: boolean]`\n- **withRnd**: Enable/Disable React Rnd support. By default we added react spring for animation and if you needed dragging feature then simply use `withRnd: true` `[type: boolean]`\n- **component**: The component you want to render inside the Modal `[type: component]`\n- **componentProps**: pass the props you need in the Modal component `[type: object]`\n- **closeComponent**: Close component to close the Modal `[type: Component]`\n- **config**: Modal can be draggable and resizeble as we have provided support with [react-rnd](https://github.com/bokuweb/react-rnd)\n- **config**: to customize react spring config pass your props within the config parameter as shown in the Sample config section [react-spring](https://github.com/react-spring/react-spring)\n\n### Usage\n\n```\nimport React, { Component, Fragment } from 'react';\nimport { render } from 'react-dom';\nimport { Modal, openModal, closeModal } from '@redq/reuse-modal';\nimport '@redq/reuse-modal/lib/index.css';\n\nconst CloseComponent = () => {\n return ;\n};\n\nconst BigModalComponent = props => (\n \n
\n );\n }\n}\n\nrender(, document.querySelector('#demo'));\n\n```\n\n### Development.\n\n- `npm i -g nwb`\n- Check `package.json` command\n\n### Deployment\n\n1. Publish to npm : `npm publish --access public`\n2. Host into github: `npm run deploy`\n","readmeFilename":"README.md","gitHead":"41c3296c0f8ccafbbd7279249354f7dad8c6181d","_id":"@redq/reuse-modal@1.2.4-beta.0.4","_npmVersion":"6.4.1","_nodeVersion":"8.15.1","_npmUser":{"name":"toothless","email":"a.anik90@gmail.com"},"dist":{"integrity":"sha512-ajbsde9NFqE36fX9wilCsIT5r+98pX3FmxO9M+8s/eqlLqscG3L649rOyaab171NlYugmZ87PFv/aDbEMXDTEA==","shasum":"37299ff877a2d834fb1b0dd5dd4d0f9b59eec91e","tarball":"https://registry.npmjs.org/@redq/reuse-modal/-/reuse-modal-1.2.4-beta.0.4.tgz","fileCount":22,"unpackedSize":46357,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdIeQ1CRA9TVsSAnZWagAAU/gP/iYR4vcTi7oZRSbP3n0B\nVV3tqhv/qBFpL1ZCZlTRzn5IE/AvU9xYhRnVOFEwp2vBILonRK6N5yycA/ej\neRi3IWyfBTshXVP/SCdumwhGdA6s/BZhsoYB+wEc9OYQpIlDgtbkR29Wvv+c\nOxn3kx5Env+pNHj/ilFPt1SM/UdFxMavlFpLScmjysxRXJXMqSnQ9O1tDyQL\n3U1Ua0LR447667i0SDwKEHp3xCssWByV717vmvddkznF+YifXX7NwaDL0Nwv\ntJmnsIN4dEB+tiDtfAj/yF77AeRRJq8OrChV9WVAlz2iSvH/xPA+cjbJt4ll\neW31j4Xr7LO8MUbo9Nh6CtAF21ZBpZummyt+5MqAHbRi3uUI+KOWZgEsPArz\nft3TvHijGYg313+DIt+eIPPQvnhxx1aVUKSry4HEd//soY5GCdHajt6a027V\nR7g3kAUw9n027Fc382/5NhSfWGyMXsHy3MVAeQRrnye2/rytqBSoYceYqTpz\n7LldIXpjD8EZfc6M+1McIvGFOPXctJ8oGNasfaOXn2beuUouB2Lo8Yn6jcgq\nJLrLpAOunkrEm4LVzOqzQ6XlpAU44i2VG0aAR6cF59lY5nYK8GaYChjt8Una\naXi7bLeML6F+8k/sD2/F/cCo1FvLkd8A5XU5tRJYcMNY+LMOYOPnDEw3M0op\n8TFU\r\n=EEtS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDQxHIEAQzGiYq5kDr+OonJkTZ4EPKiSWWzsUFfcRMG0QIhAOPPMelA85aIcQX0JqqcsDrzGxBO160eHA95KlLg676Z"}]},"maintainers":[{"email":"merin.ruet09@gmail.com","name":"e_a_merin"},{"email":"nbashar01@gmail.com","name":"nozibulla"},{"email":"shaadjoe7@gmail.com","name":"shaad-ishtiaque"},{"email":"tareqcse08@gmail.com","name":"tarex"},{"email":"a.anik90@gmail.com","name":"toothless"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reuse-modal_1.2.4-beta.0.4_1562502196307_0.08396661750585377"},"_hasShrinkwrap":false},"1.2.4-beta.0.5":{"name":"@redq/reuse-modal","version":"1.2.4-beta.0.5","description":"reuse-modal","main":"lib/index.js","module":"es/index.js","scripts":{"build":"nwb build-react-component --copy-files","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"nwb serve-react-demo","test":"nwb test-react","deploy":"gh-pages -d demo/dist","test:coverage":"nwb test-react --coverage","test:watch":"nwb test-react --server"},"dependencies":{"react-device-detect":"^1.6.2","react-rnd":"^9.0.4","react-spring":"^8.0.18"},"peerDependencies":{"react":"^16.8.2","react-dom":"^16.8.2"},"devDependencies":{"gh-pages":"^2.0.1","nwb":"0.23.x","react":"^16.8.2","react-dom":"^16.8.2"},"author":{"name":"RedQ"},"homepage":"","license":"MIT","repository":"","keywords":["react-component","modal"],"readme":"# reuse-modal\n\nSSR Friendly Draggable React Modal With react-rnd And react-spring Support.\n\n## Demo:\n\nurl: https://tarex.github.io/reuse-modal/\n\n## Prerequisite\n\n```\n\"react\": \"^16.8.2\",\n\"react-dom\": \"^16.8.2\"\n```\n\n## Installation\n\n1. `yarn add react@next react-dom@next`\n2. `yarn add @redq/reuse-modal` . For beta version `yarn add @redq/reuse-modal@1.2.4-beta.0.4`\n3. `import { Modal, openModal, closeModal } from '@redq/reuse-modal';`\n4. To trigger modal, use `openModal` and `closeModal` and use `` in you app in root level or in the parent component.\n5. pass modal configuration through `openModal(config)` like below.\n6. `yarn start`\n\n### Sample Config\n\n```\n{\n config: {\n className: 'customModal',\n disableDragging: false,\n enableResizing: {\n bottom: true,\n bottomLeft: true,\n bottomRight: true,\n left: true,\n right: true,\n top: true,\n topLeft: true,\n topRight: true,\n },\n },\n withRnd: false,\n overlayClassName: 'customeOverlayClass',\n closeOnClickOutside: true,\n component: BigModalComponent,\n componentProps: { customData: 'your custom props' },\n closeComponent: CloseComponent,\n}\n```\n\n### API Details\n\n- **className**: Modal Wrapper class name, default value `customModal` `[type: string]`\n- **overlayClassName**: Modal overlay class name, default value `''` `[type: string]`\n- **closeOnClickOutside**: Enable/Disable click outside modal close `[type: boolean]`\n- **withRnd**: Enable/Disable React Rnd support. By default we added react spring for animation and if you needed dragging feature then simply use `withRnd: true` `[type: boolean]`\n- **component**: The component you want to render inside the Modal `[type: component]`\n- **componentProps**: pass the props you need in the Modal component `[type: object]`\n- **closeComponent**: Close component to close the Modal `[type: Component]`\n- **config**: Modal can be draggable and resizeble as we have provided support with [react-rnd](https://github.com/bokuweb/react-rnd)\n- **config**: to customize react spring config pass your props within the config parameter as shown in the Sample config section [react-spring](https://github.com/react-spring/react-spring)\n\n### Usage\n\n```\nimport React, { Component, Fragment } from 'react';\nimport { render } from 'react-dom';\nimport { Modal, openModal, closeModal } from '@redq/reuse-modal';\nimport '@redq/reuse-modal/lib/index.css';\n\nconst CloseComponent = () => {\n return ;\n};\n\nconst BigModalComponent = props => (\n \n
\n );\n }\n}\n\nrender(, document.querySelector('#demo'));\n\n```\n\n### Development.\n\n- `npm i -g nwb`\n- Check `package.json` command\n\n### Deployment\n\n1. Publish to npm : `npm publish --access public`\n2. Host into github: `npm run deploy`\n","readmeFilename":"README.md","gitHead":"14e9e37945de3ebd68f2154a3e25ad4d9914f094","_id":"@redq/reuse-modal@1.2.4-beta.0.5","_nodeVersion":"12.12.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-BOUOzDwjqf9GjiSPsLp0ASLWwxhEtRb7nx6vygzl/xc28AW6dg7RT2R1FkTeIuBSKtjBdyPLNY60HN3GKc+5UQ==","shasum":"0f968e626a91edc9f03aa009cd3ce4c872910803","tarball":"https://registry.npmjs.org/@redq/reuse-modal/-/reuse-modal-1.2.4-beta.0.5.tgz","fileCount":24,"unpackedSize":46965,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd63SVCRA9TVsSAnZWagAAfIMP/Rd4YwCG7yNg0CkJ20Sy\noTCzBBErdo7UkXd3MFNcS5oog4Z7Al6/SWru2mczSyS1oXV4MIga0OSz0sKW\nvxqZ9aCBoGssLmidxOIvrUU1qQXEW9VVr9vlVqnu2SOBS5sPzgDESILJWzeB\n0OpXmU39COJqx5Eqqz5alU6ExVE8kABb5LMtLNcPp7S21do/2RVDm+6DcDn+\nBOdsjnhORY5/6xz3m0j7d9Ft/RFWIEeYiSAKy7Aey5qFnKYMDE5xi1GPjGMV\nY0KbgR/CRnkyMHbAwFRGHhzdVYX0SXtQDIRBaEsgjN6XAUFcH0gG23zLz/uu\nDAjbpU6/XReLIOsUwH/30emLzpDRS8FZuJjzDUIdzTmwTApwMXZHFj98VzpF\nloq5E0J5tsbpVG2n78WQOAUbzpijv2XLjstkutpbUO53C7lLUzbrpM2ZZmbe\nDwcNjDSGYwRZrx/zdfqpOjGi5fZ6KFZ8PNAgSbnUCd6MKVWMEKa4cqph0DDA\nO1qQuPxXsWHsb8+MnZ7y+3vNta8DlyH2IQYLOtj/7hYD/Ed8GYgDTQfpMVLp\npM4/JF56a9o4qFILAYdCOTxoioFjeHIpTdvjfuAkm/wPVmttm/nvaCbLygFL\nEvnXJshfdEYOeuRIgHmGkXoOQdjvp4aCItqXt0YjNZ/T2mrsJG40sKldlzOQ\n097v\r\n=pKIu\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIQC0koyx65Fca2FezEvQGhsgTAp5cYEc9oFKv3g4CbXSRgIfZ2ZjetUcuFxZwL0jyfim1bJgvAEdCiPbA5+cA9lQSw=="}]},"maintainers":[{"email":"merin.ruet09@gmail.com","name":"e_a_merin"},{"email":"nbashar01@gmail.com","name":"nozibulla"},{"email":"shaadjoe7@gmail.com","name":"shaad-ishtiaque"},{"email":"tareqcse08@gmail.com","name":"tarex"},{"email":"a.anik90@gmail.com","name":"toothless"}],"_npmUser":{"name":"toothless","email":"a.anik90@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reuse-modal_1.2.4-beta.0.5_1575711892908_0.5693623925257691"},"_hasShrinkwrap":false},"1.2.4-beta.0.6":{"name":"@redq/reuse-modal","version":"1.2.4-beta.0.6","description":"reuse-modal","main":"lib/index.js","module":"es/index.js","scripts":{"build":"nwb build-react-component --copy-files","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"nwb serve-react-demo","test":"nwb test-react","deploy":"gh-pages -d demo/dist","test:coverage":"nwb test-react --coverage","test:watch":"nwb test-react --server"},"dependencies":{"react-device-detect":"^1.6.2","react-rnd":"^9.0.4","react-spring":"^8.0.18"},"peerDependencies":{"react":"^16.8.2","react-dom":"^16.8.2"},"devDependencies":{"gh-pages":"^2.0.1","nwb":"0.23.x","react":"^16.8.2","react-dom":"^16.8.2"},"author":{"name":"RedQ"},"homepage":"","license":"MIT","repository":"","keywords":["react-component","modal"],"readme":"# reuse-modal\n\nSSR Friendly Draggable React Modal With react-rnd And react-spring Support.\n\n## Demo:\n\nurl: https://tarex.github.io/reuse-modal/\n\n## Prerequisite\n\n```\n\"react\": \"^16.8.2\",\n\"react-dom\": \"^16.8.2\"\n```\n\n## Installation\n\n1. `yarn add react@next react-dom@next`\n2. `yarn add @redq/reuse-modal` . For beta version `yarn add @redq/reuse-modal@1.2.4-beta.0.5`\n3. `import { Modal, openModal, closeModal } from '@redq/reuse-modal';`\n4. To trigger modal, use `openModal` and `closeModal` and use `` in you app in root level or in the parent component.\n5. pass modal configuration through `openModal(config)` like below.\n6. `yarn start`\n\n### Sample Config\n\n```\n{\n config: {\n className: 'customModal',\n disableDragging: false,\n enableResizing: {\n bottom: true,\n bottomLeft: true,\n bottomRight: true,\n left: true,\n right: true,\n top: true,\n topLeft: true,\n topRight: true,\n },\n },\n withRnd: false,\n overlayClassName: 'customeOverlayClass',\n closeOnClickOutside: true,\n component: BigModalComponent,\n componentProps: { customData: 'your custom props' },\n closeComponent: CloseComponent,\n}\n```\n\n### API Details\n\n- **className**: Modal Wrapper class name, default value `customModal` `[type: string]`\n- **overlayClassName**: Modal overlay class name, default value `''` `[type: string]`\n- **closeOnClickOutside**: Enable/Disable click outside modal close `[type: boolean]`\n- **withRnd**: Enable/Disable React Rnd support. By default we added react spring for animation and if you needed dragging feature then simply use `withRnd: true` `[type: boolean]`\n- **component**: The component you want to render inside the Modal `[type: component]`\n- **componentProps**: pass the props you need in the Modal component `[type: object]`\n- **closeComponent**: Close component to close the Modal `[type: Component]`\n- **config**: Modal can be draggable and resizeble as we have provided support with [react-rnd](https://github.com/bokuweb/react-rnd)\n- **config**: to customize react spring config pass your props within the config parameter as shown in the Sample config section [react-spring](https://github.com/react-spring/react-spring)\n\n### Usage\n\n```\nimport React, { Component, Fragment } from 'react';\nimport { render } from 'react-dom';\nimport { Modal, openModal, closeModal } from '@redq/reuse-modal';\nimport '@redq/reuse-modal/lib/index.css';\n\nconst CloseComponent = () => {\n return ;\n};\n\nconst BigModalComponent = props => (\n \n
\n );\n }\n}\n\nrender(, document.querySelector('#demo'));\n\n```\n\n### Development.\n\n- `npm i -g nwb`\n- Check `package.json` command\n\n### Deployment\n\n=> To clean demo : `yarn clean`\n=> Publish to npm : `npm publish --access public`\n=> Publish beta to npm : `npm publish --tag beta`\n=> Host into github demo site: `npm run deploy`\n","readmeFilename":"README.md","gitHead":"dac30472ac47f954a42275d2f478080513b0b3da","_id":"@redq/reuse-modal@1.2.4-beta.0.6","_nodeVersion":"12.12.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-aGTG/w+jReXd1VQIBWhQ0dbz0n4AAfmOVVi7c0kIbCiTkbxSqGL8Q6toKPVfF0BvTu7jVTjKm6bAKWmIEq++Cg==","shasum":"cf78538e3cdc52898544a82bc0a8215bb47f7a88","tarball":"https://registry.npmjs.org/@redq/reuse-modal/-/reuse-modal-1.2.4-beta.0.6.tgz","fileCount":24,"unpackedSize":46753,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd633/CRA9TVsSAnZWagAAqCYP/3ocGLYzv1zuFsMKiQk/\nP4t9C5TdcRAy1kBnPMLbzrhi3UF31qWuKae9uTK3n6WqSan/xJ+5MYHND2P3\nRTzXhOQjX2sHZmVz+4zaDajjs0vtkT31mr+GY4pOhXwW6AV29bYw1AXkS85W\nfgaaPSgyDyGF8hKKUqjlgFXflmimC95X/Axqi/DytPaHZS49k2m4HfKXxeTk\nwROUPJlNRhmX9A80mqnUTt/L8Wcx/84bcU2a3D4wcMlwPjVoN0VJSGOflg4p\n3ZGFa98NqigP4ONIE+78KaeX3FsYKpaAKA8UjkkmPv3/Cd7ouyOyg8ampbj3\nyjS9D32B5IJBHimT0Z8Ob37cu1mThBZOgSFM+ky4meDcxweKsRD9Np0NZpvb\nmCzWFvSgZXPVG8V3hYlrHVbNCPpCITxgRI0QWAf9GIBy7k4abskn6nnbTcUL\nYp2jkpcuIBmGuNTP2LTixmGGq20inHdS2YFixyQ2d+jA2Q/hzTxEndXthbm+\nD4++tcCvq41AmpNnp5nUdlQEI02GzkWa/ZQEBYFEoNYRmRfvcTiaN4OVCuY3\nOTNVBTKp07twgitT2/PHpJEdgIMgebCbOFQsAkDeABkfZ4oi3ENIKvqvnf8Q\n0VGHE82HmBBgTjDzyXlLAlyqFZ3OIKasBIMS9jAIwLJpUAwS+wKzHZStrQ3E\nyFvs\r\n=pS0l\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDm3eVH+ZIKSzYfAylrnHQ0lMC+bYjhsPATF40BjTml+QIhALZ0mC6dwVJY5i0M/uRYClb0eXOq4PzxT2BGp4/wJEXT"}]},"maintainers":[{"email":"merin.ruet09@gmail.com","name":"e_a_merin"},{"email":"nbashar01@gmail.com","name":"nozibulla"},{"email":"shaadjoe7@gmail.com","name":"shaad-ishtiaque"},{"email":"tareqcse08@gmail.com","name":"tarex"},{"email":"a.anik90@gmail.com","name":"toothless"}],"_npmUser":{"name":"toothless","email":"a.anik90@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reuse-modal_1.2.4-beta.0.6_1575714303501_0.8806755636823762"},"_hasShrinkwrap":false},"1.2.4-beta.0.61":{"name":"@redq/reuse-modal","version":"1.2.4-beta.0.61","description":"reuse-modal","main":"lib/index.js","module":"es/index.js","scripts":{"build":"nwb build-react-component --copy-files","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"nwb serve-react-demo","test":"nwb test-react","deploy":"gh-pages -d demo/dist","test:coverage":"nwb test-react --coverage","test:watch":"nwb test-react --server"},"dependencies":{"react-device-detect":"^1.6.2","react-rnd":"^9.0.4","react-spring":"^8.0.18"},"peerDependencies":{"react":"^16.8.2","react-dom":"^16.8.2"},"devDependencies":{"gh-pages":"^2.0.1","nwb":"0.23.x","react":"^16.8.2","react-dom":"^16.8.2"},"author":{"name":"RedQ"},"homepage":"","license":"MIT","repository":"","keywords":["react-component","modal"],"readme":"# reuse-modal\n\nSSR Friendly Draggable React Modal With react-rnd And react-spring Support.\n\n## Demo:\n\nurl: https://tarex.github.io/reuse-modal/\n\n## Prerequisite\n\n```\n\"react\": \"^16.8.2\",\n\"react-dom\": \"^16.8.2\"\n```\n\n## Installation\n\n1. `yarn add react@next react-dom@next`\n2. `yarn add @redq/reuse-modal` . For beta version `yarn add @redq/reuse-modal@1.2.4-beta.0.6`\n3. `import { Modal, openModal, closeModal } from '@redq/reuse-modal';`\n4. To trigger modal, use `openModal` and `closeModal` and use `` in you app in root level or in the parent component.\n5. pass modal configuration through `openModal(config)` like below.\n6. `yarn start`\n\n### Sample Config\n\n```\n{\n config: {\n className: 'customModal',\n disableDragging: false,\n enableResizing: {\n bottom: true,\n bottomLeft: true,\n bottomRight: true,\n left: true,\n right: true,\n top: true,\n topLeft: true,\n topRight: true,\n },\n },\n withRnd: false,\n overlayClassName: 'customeOverlayClass',\n closeOnClickOutside: true,\n component: BigModalComponent,\n componentProps: { customData: 'your custom props' },\n closeComponent: CloseComponent,\n}\n```\n\n### API Details\n\n- **className**: Modal Wrapper class name, default value `customModal` `[type: string]`\n- **overlayClassName**: Modal overlay class name, default value `''` `[type: string]`\n- **closeOnClickOutside**: Enable/Disable click outside modal close `[type: boolean]`\n- **withRnd**: Enable/Disable React Rnd support. By default we added react spring for animation and if you needed dragging feature then simply use `withRnd: true` `[type: boolean]`\n- **component**: The component you want to render inside the Modal `[type: component]`\n- **componentProps**: pass the props you need in the Modal component `[type: object]`\n- **closeComponent**: Close component to close the Modal `[type: Component]`\n- **config**: Modal can be draggable and resizeble as we have provided support with [react-rnd](https://github.com/bokuweb/react-rnd)\n- **config**: to customize react spring config pass your props within the config parameter as shown in the Sample config section [react-spring](https://github.com/react-spring/react-spring)\n\n### Usage\n\n```\nimport React, { Component, Fragment } from 'react';\nimport { render } from 'react-dom';\nimport { Modal, openModal, closeModal } from '@redq/reuse-modal';\nimport '@redq/reuse-modal/lib/index.css';\n\nconst CloseComponent = () => {\n return ;\n};\n\nconst BigModalComponent = props => (\n \n
\n );\n }\n}\n\nrender(, document.querySelector('#demo'));\n\n```\n\n### Development.\n\n- `npm i -g nwb`\n- Check `package.json` command\n\n### Deployment\n\n=> To clean demo : `yarn clean`\n=> Publish to npm : `npm publish --access public`\n=> Publish beta to npm : `npm publish --tag beta`\n=> Host into github demo site: `npm run deploy`\n","readmeFilename":"README.md","gitHead":"dac30472ac47f954a42275d2f478080513b0b3da","_id":"@redq/reuse-modal@1.2.4-beta.0.61","_nodeVersion":"12.12.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-/mNBLe1jqqUGnLdABriGm20TyXjUdaYGT4H5kXqEf96gl40GWtxlshNcDrfg0bljojeG2zcVTkI4jezGg6ycNQ==","shasum":"85782e8db6a618b8a68932089f8dbd1397f101d1","tarball":"https://registry.npmjs.org/@redq/reuse-modal/-/reuse-modal-1.2.4-beta.0.61.tgz","fileCount":24,"unpackedSize":47003,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd64R9CRA9TVsSAnZWagAAtssP/j5A4qEUHn95amVlU014\ncyaFYzGl4sud/ESqmaQPFu1TUCHmQSasjrcYe4w9gn/9AXQs9iadeW24gzGt\nB+os6mEamCoCvAvHTWB05iiYTwNVjPCaRT9BVPc/YTbxCRaiNBG5mgEWLApw\nEv2GyeMptV5n8MjHG9TVh+stQ15aoho+QZvOnCpQ5Q9HruTnXojH/DQ3QKiP\ntrpQM0Z0t4/DyVTn4pH5Z/NxzVbnUtnRoe2Zwb6jJn9fyOCswHFxH3jFM3Nb\ntKJiZ8c1daSb6p6+CYww+KQdNtyIG2wWvhC91n5g7EqUWjo0nlGsQutJE/Lf\nxc9OQEZ7GQ6porfknDU+bU0qvWIQPNHWqIclXbAEF5KU5K5lfXWxaIERCLac\n5TTik/zKdG9ttTDYWJk9RUe14mhEbbDcCQULm4PSrftxZS1dj1nL1YPIUUgi\nX/7EA5i1XdCVkKpC92JdouFRPTPZcwTDLlTVvQsIWYW6TTte2VoS4LD63dHn\n8pNvvyiCWHZAb1rX2nu2rbEJ+FO3fDrueyDVw0sK78PoLimUJvdCRzLe6mFn\ng4ctL+EDa1Qs7rdJc9bp/Sjw5dHlJr8hyoEr+9F+urN6jFrMmhZL46W5rxKk\nL7oOJWoYXmL3VOkasJAXPbcNBsJkLzcNhrpGjxjUIzKanjret5+juCMufcno\n2CJE\r\n=tQ/8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHLdEtGxRbUB6HofJ0diadlUuyICAVBvIj+yhbH5HWQOAiAZm95iOm2xn70X6cXXQsPfe/xsgwXruvk2dMLekq5DsA=="}]},"maintainers":[{"email":"merin.ruet09@gmail.com","name":"e_a_merin"},{"email":"nbashar01@gmail.com","name":"nozibulla"},{"email":"shaadjoe7@gmail.com","name":"shaad-ishtiaque"},{"email":"tareqcse08@gmail.com","name":"tarex"},{"email":"a.anik90@gmail.com","name":"toothless"}],"_npmUser":{"name":"toothless","email":"a.anik90@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reuse-modal_1.2.4-beta.0.61_1575715964821_0.766037712874797"},"_hasShrinkwrap":false},"1.2.4-beta.0.62":{"name":"@redq/reuse-modal","version":"1.2.4-beta.0.62","description":"reuse-modal","main":"lib/index.js","module":"es/index.js","scripts":{"build":"nwb build-react-component --copy-files","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"nwb serve-react-demo","test":"nwb test-react","deploy":"gh-pages -d demo/dist","test:coverage":"nwb test-react --coverage","test:watch":"nwb test-react --server"},"dependencies":{"react-device-detect":"^1.6.2","react-rnd":"^9.0.4","react-spring":"^8.0.18"},"peerDependencies":{"react":"^16.8.2","react-dom":"^16.8.2"},"devDependencies":{"gh-pages":"^2.0.1","nwb":"0.23.x","react":"^16.8.2","react-dom":"^16.8.2"},"author":{"name":"RedQ"},"homepage":"","license":"MIT","repository":"","keywords":["react-component","modal"],"readme":"# reuse-modal\n\nSSR Friendly Draggable React Modal With react-rnd And react-spring Support.\n\n## Demo:\n\nurl: https://tarex.github.io/reuse-modal/\n\n## Prerequisite\n\n```\n\"react\": \"^16.8.2\",\n\"react-dom\": \"^16.8.2\"\n```\n\n## Installation\n\n1. `yarn add react@next react-dom@next`\n2. `yarn add @redq/reuse-modal` . For beta version `yarn add @redq/reuse-modal@1.2.4-beta.0.6`\n3. `import { Modal, openModal, closeModal } from '@redq/reuse-modal';`\n4. To trigger modal, use `openModal` and `closeModal` and use `` in you app in root level or in the parent component.\n5. pass modal configuration through `openModal(config)` like below.\n6. `yarn start`\n\n### Sample Config\n\n```\n{\n config: {\n className: 'customModal',\n disableDragging: false,\n enableResizing: {\n bottom: true,\n bottomLeft: true,\n bottomRight: true,\n left: true,\n right: true,\n top: true,\n topLeft: true,\n topRight: true,\n },\n },\n withRnd: false,\n overlayClassName: 'customeOverlayClass',\n closeOnClickOutside: true,\n component: BigModalComponent,\n componentProps: { customData: 'your custom props' },\n closeComponent: CloseComponent,\n}\n```\n\n### API Details\n\n- **className**: Modal Wrapper class name, default value `customModal` `[type: string]`\n- **overlayClassName**: Modal overlay class name, default value `''` `[type: string]`\n- **closeOnClickOutside**: Enable/Disable click outside modal close `[type: boolean]`\n- **withRnd**: Enable/Disable React Rnd support. By default we added react spring for animation and if you needed dragging feature then simply use `withRnd: true` `[type: boolean]`\n- **component**: The component you want to render inside the Modal `[type: component]`\n- **componentProps**: pass the props you need in the Modal component `[type: object]`\n- **closeComponent**: Close component to close the Modal `[type: Component]`\n- **config**: Modal can be draggable and resizeble as we have provided support with [react-rnd](https://github.com/bokuweb/react-rnd)\n- **config**: to customize react spring config pass your props within the config parameter as shown in the Sample config section [react-spring](https://github.com/react-spring/react-spring)\n\n### Usage\n\n```\nimport React, { Component, Fragment } from 'react';\nimport { render } from 'react-dom';\nimport { Modal, openModal, closeModal } from '@redq/reuse-modal';\nimport '@redq/reuse-modal/lib/index.css';\n\nconst CloseComponent = () => {\n return ;\n};\n\nconst BigModalComponent = props => (\n \n
\n );\n }\n}\n\nrender(, document.querySelector('#demo'));\n\n```\n\n### Development.\n\n- `npm i -g nwb`\n- Check `package.json` command\n\n### Deployment\n\n=> To clean demo : `yarn clean`\n=> Publish to npm : `npm publish --access public`\n=> Publish beta to npm : `npm publish --tag beta`\n=> Host into github demo site: `npm run deploy`\n","readmeFilename":"README.md","gitHead":"24d920f164ca82d24b023b171ed4a745c666a399","_id":"@redq/reuse-modal@1.2.4-beta.0.62","_nodeVersion":"12.12.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-yL6zDStJU7BGpufoF3l4rP7H3OKtNmMkgFM66l5WqxQQYTu6zbp2z3y2VW1O/vT+KqKiWQ/2OMSaB/VupwoXgA==","shasum":"9a3fb3b42292194b56a0e0b76f24258e9c4ac999","tarball":"https://registry.npmjs.org/@redq/reuse-modal/-/reuse-modal-1.2.4-beta.0.62.tgz","fileCount":24,"unpackedSize":47158,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd7MH5CRA9TVsSAnZWagAA4psP/327bV2Sc80wJdToXQq6\nFNMiOo876ihO8lUq0Fzf44JLxKG8oJOxz+ZKs5KsajwAHa3B4fZtwa/B7Pxp\nOwIkHo+JmNkB/YlUKkrNPTkgvsCUp1eGEpGY2kEjlYb1qvuvHiIjRHnUSRE9\nMlm6ZgjTyjz5O0KJlmWzY28ldJY0on5XUo/E8DpXkMDo8UP4xWqBcOMT2KIe\nqA45Lh1Iio/yX5FoeyUMoNg1p4tG7GH/hbdir2ClL+gx4Cshpex/AL74UTVb\nBjo0NkZMB/JCfIa7eWHe20QWnVdCVcI5SA+yjZUMyfJ5ULW78Wnpv5MBNxc3\nzmd3LAjLL3CqfGcnuMxXU3ZpTpu5ZBncIsh2KVZLHFOGcCEyaM+akiGyScjD\nCZ/CObvqYMmMKFRvMGrosBCyKE56hJPROguc06XFTEPhpr0kIpa7Pa9QXRrR\n9VvsIOPM61H6BXsB5n8TMNIgpzuz5gSCTcrudRpz7K80+EBP3UGLGUlcvxw3\nvp8F7TbuQd1H7fEBiUz2U8ZVe9vYlunvrrZjJNuG1yDxKAgoKgR82rLage4b\nZHQIYFSbkh9vJOUSyr2PEzQHajCD2+MU71ONTHQJeA3ZEdbtDdqPFfqhceJG\n0MFenvXMjwhuIBGeMCTxuF8aQOW88jmpfCBtJs5ZPuV1J7u8dHeWhUvTaXe3\nKG/E\r\n=DN2U\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDUrwWLiu69GrWdtRgq0K4u9MTxS4c6kBxuGeBsXSmgxAIgBmq4m+Fz8BUAMXr/vDrwtjCllczzyld/sJm8nzobJsw="}]},"maintainers":[{"email":"merin.ruet09@gmail.com","name":"e_a_merin"},{"email":"nbashar01@gmail.com","name":"nozibulla"},{"email":"shaadjoe7@gmail.com","name":"shaad-ishtiaque"},{"email":"tareqcse08@gmail.com","name":"tarex"},{"email":"a.anik90@gmail.com","name":"toothless"}],"_npmUser":{"name":"toothless","email":"a.anik90@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reuse-modal_1.2.4-beta.0.62_1575797240553_0.32851246796609446"},"_hasShrinkwrap":false},"1.2.4-beta.0.63":{"name":"@redq/reuse-modal","version":"1.2.4-beta.0.63","description":"reuse-modal","main":"lib/index.js","module":"es/index.js","scripts":{"build":"nwb build-react-component --copy-files","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"nwb serve-react-demo","test":"nwb test-react","deploy":"gh-pages -d demo/dist","test:coverage":"nwb test-react --coverage","test:watch":"nwb test-react --server"},"dependencies":{"react-device-detect":"^1.6.2","react-rnd":"^9.0.4","react-spring":"^8.0.18"},"peerDependencies":{"react":"^16.8.2","react-dom":"^16.8.2"},"devDependencies":{"gh-pages":"^2.0.1","nwb":"0.23.x","react":"^16.8.2","react-dom":"^16.8.2"},"author":{"name":"RedQ"},"homepage":"","license":"MIT","repository":"","keywords":["react-component","modal"],"readme":"# reuse-modal\n\nSSR Friendly Draggable React Modal With react-rnd And react-spring Support.\n\n## Demo:\n\nurl: https://tarex.github.io/reuse-modal/\n\n## Prerequisite\n\n```\n\"react\": \"^16.8.2\",\n\"react-dom\": \"^16.8.2\"\n```\n\n## Installation\n\n1. `yarn add react@next react-dom@next`\n2. `yarn add @redq/reuse-modal` . For beta version `yarn add @redq/reuse-modal@1.2.4-beta.0.63`\n3. `import { Modal, openModal, closeModal } from '@redq/reuse-modal';`\n4. To trigger modal, use `openModal` and `closeModal` and use `` in you app in root level or in the parent component.\n5. pass modal configuration through `openModal(config)` like below.\n6. `yarn start`\n\n### Sample Config\n\n```\n{\n config: {\n className: 'customModal',\n disableDragging: false,\n enableResizing: {\n bottom: true,\n bottomLeft: true,\n bottomRight: true,\n left: true,\n right: true,\n top: true,\n topLeft: true,\n topRight: true,\n },\n },\n withRnd: false,\n overlayClassName: 'customeOverlayClass',\n closeOnClickOutside: true,\n component: BigModalComponent,\n componentProps: { customData: 'your custom props' },\n closeComponent: CloseComponent,\n}\n```\n\n### API Details\n\n- **className**: Modal Wrapper class name, default value `customModal` `[type: string]`\n- **overlayClassName**: Modal overlay class name, default value `''` `[type: string]`\n- **closeOnClickOutside**: Enable/Disable click outside modal close `[type: boolean]`\n- **withRnd**: Enable/Disable React Rnd support. By default we added react spring for animation and if you needed dragging feature then simply use `withRnd: true` `[type: boolean]`\n- **component**: The component you want to render inside the Modal `[type: component]`\n- **componentProps**: pass the props you need in the Modal component `[type: object]`\n- **closeComponent**: Close component to close the Modal `[type: Component]`\n- **config**: Modal can be draggable and resizeble as we have provided support with [react-rnd](https://github.com/bokuweb/react-rnd)\n- **config**: to customize react spring config pass your props within the config parameter as shown in the Sample config section [react-spring](https://github.com/react-spring/react-spring)\n\n### Usage\n\n```\nimport React, { Component, Fragment } from 'react';\nimport { render } from 'react-dom';\nimport { Modal, openModal, closeModal } from '@redq/reuse-modal';\nimport '@redq/reuse-modal/lib/index.css';\n\nconst CloseComponent = () => {\n return ;\n};\n\nconst BigModalComponent = props => (\n \n
\n );\n }\n}\n\nrender(, document.querySelector('#demo'));\n\n```\n\n### Development.\n\n- `npm i -g nwb`\n- Check `package.json` command\n\n### Deployment\n\n=> To clean demo : `yarn clean`\n=> Publish to npm : `npm publish --access public`\n=> Publish beta to npm : `npm publish --tag beta`\n=> Host into github demo site: `npm run deploy`\n","readmeFilename":"README.md","gitHead":"ade96ace37f0edd6c5bfeb787926f4ca15efe365","_id":"@redq/reuse-modal@1.2.4-beta.0.63","_nodeVersion":"12.12.0","_npmVersion":"6.11.3","dist":{"integrity":"sha512-4KSGLUfY9uGKIIrsoX3lg1XgVe8zfEO+oqUcNj5iet35jWQeTSx56DiQ+Zv2d7eq8RUCRtCvNvXUMtU7gCgbZg==","shasum":"fb6030692ce214fd662ac9cd227dfeac312daccb","tarball":"https://registry.npmjs.org/@redq/reuse-modal/-/reuse-modal-1.2.4-beta.0.63.tgz","fileCount":24,"unpackedSize":47228,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJd7NkxCRA9TVsSAnZWagAAc98P/ihVSIEo4HIvzsvTsA0A\nDKjyb3sFIiV7WISDvkA6NYTsUGFocRUBLfEH8jWHgjQmcaUMpEahS6AlMw5T\nC5y8t9Y/va+9R6kqqTuqQ0cweMqfpWKY/v+u42vXLbuIYGDsI7ehwLruGv0/\n84E1hexRFZat50ujLUUMLnq34aGkmOitFvyD9KQPz1AgRTtqjUlRGvK+qvUC\nJfnKigSF1NKpA8pB7vl+B8RxI2k9lucWl/gAjpZ3sHdYlQiOzW/JAmV5cOn6\nh+E2TgAMSWf+e9z08kFUCKvqnBYCj9SegyMZsydSyvMJjhaTMyf+8XP+5/Uh\nmg9TqZMKodhlhdeJ+PMneleaP/JV8U9i0udP80Zjk/S1U5xjtga1WyOtzFQL\nvwfu//KBWdylha0gmofpr9fi/yoS/ck9FSB5tZa01MnSx2ydIfDHYdLZYdwC\nQerFPAMl+Qlm4S3VSWwPG0eYF+SU93BU6bmYUNdKN05drDtShehmvLhL/6z8\nts2dLnDW8HJlNd8UTDMsWQFIbl/PpD8IBKCMj525D/XZtvinaV3n1jrWsGmD\nXB+QEwyEAhf86fUBSzD4c1x4M/vsjSjwAcrcMp1hPy8N7IQwSlAoFQWB+1vu\nm6qOCx27TdqYHg3Rs1b7ZM0EnwbCEJqf7oqFyYlZoTdX5dLdkJUfSN6D5BYb\nsWZy\r\n=tqZM\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDXLn+GmUMLt2JNhBcZiA5q9laz97hIzOjWi5HnzuN/6gIhALIFM8BMsBHeipzNzZ5XRRvEbd0KxvB26S3ohi3v3caV"}]},"maintainers":[{"email":"merin.ruet09@gmail.com","name":"e_a_merin"},{"email":"nbashar01@gmail.com","name":"nozibulla"},{"email":"shaadjoe7@gmail.com","name":"shaad-ishtiaque"},{"email":"tareqcse08@gmail.com","name":"tarex"},{"email":"a.anik90@gmail.com","name":"toothless"}],"_npmUser":{"name":"toothless","email":"a.anik90@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reuse-modal_1.2.4-beta.0.63_1575803184734_0.842487157228708"},"_hasShrinkwrap":false},"2.0.0":{"name":"@redq/reuse-modal","version":"2.0.0","description":"reuse-modal","main":"lib/index.js","module":"es/index.js","scripts":{"build":"nwb build-react-component --copy-files","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"nwb serve-react-demo","test":"nwb test-react","deploy":"gh-pages -d demo/dist","test:coverage":"nwb test-react --coverage","test:watch":"nwb test-react --server"},"dependencies":{"react-rnd":"^9.0.4","react-spring":"^8.0.18"},"peerDependencies":{"react":"^16.8.2","react-dom":"^16.8.2"},"devDependencies":{"gh-pages":"^2.0.1","nwb":"0.23.x","react":"17.0.1","react-dom":"17.0.1"},"author":{"name":"RedQ"},"homepage":"","license":"MIT","repository":"","keywords":["react-component","modal"],"gitHead":"6c76aaa5b2d486b3195f7ce53a57072f00765d9a","_id":"@redq/reuse-modal@2.0.0","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-pvnGDDsVvyadQy9KALK20FHZV0mjjlAqK2pEF+ZX7wdZ6L3/b8cocESfU3aNAClGQUVr65RRo83nQLjR3H4pcA==","shasum":"96d829e04a0d03ea7f1b2e7d0063850f92112df2","tarball":"https://registry.npmjs.org/@redq/reuse-modal/-/reuse-modal-2.0.0.tgz","fileCount":20,"unpackedSize":41298,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHU2egGsS0n8/RoZonM0T57O/iYHEuecCj3uWXQIwTU6AiAU/LlHEsp2gg7aRvO1haE07ceJtm1avwWzJX6mEs8TkQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi3Bn1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrdaA//ah+l/lhBD59O4F2/7P5rPVUsyckQuuH8CrjuOi+NqD5hXFEL\r\nhqH6hzy4dk0HRldzKUxmMab1P1YEUpsJ3kYsHgMChD6wa2xsqbRlTeQWxd0i\r\nhdHMS6x11HnkPi3yKmQPEyVP38XT8URE+lkG4p9pjCQhqROsVNilNjITt3Qf\r\nM8WtCazxY7/4/xtvORMlNhmuXpto07tbA8DwsiUK512YObuIv2Y2a5Q/rqAY\r\nbeUi5L+jU0W93U0tZEqm4Z+tcy1Yek4iXQKMSVXpWbopNGqZhjh0YilGHGE1\r\nxv6X8ppyIwckylxRx5N1jiGPFs1TM5Zi/NphGLGP7Ev4ErhEewInkoVyYjEu\r\nlSDtHf0miY4aJYgnUzTHlM6r8aQvLHCA5hz3s475UOQflRXiYGT0oV379N+b\r\nRZILUrNpXhrgvjAKkRfUt0uuh19fOCyozbPTj/oJVTAs4DiPXRcIqSQrqmmu\r\nIb1zfeowr4CVcEjZVUpQdjmn+UgZJhnsNu9a6wRguQF8yJoGYf1OFsfJYF2m\r\nmT8GtSoHd4diqh0bRFWfOeJL4xmoh3nliNGbqkmlNtcXW9QNSKesTTqhwlCk\r\ng+VDwtqxEY/70vrxhbMzmYeMKdSFhF6wrplbg5uiDhfq5Rmi7sy+AdFmlVV8\r\nwjMNftgbnI792RaM0rqscqugp6hcUn1wYcw=\r\n=kbvK\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"toothless","email":"a.anik90@gmail.com"},"directories":{},"maintainers":[{"name":"tarex","email":"tareqcse08@gmail.com"},{"name":"nozibulla","email":"nbashar01@gmail.com"},{"name":"e_a_merin","email":"merin.ruet09@gmail.com"},{"name":"shaad-ishtiaque","email":"shaadjoe7@gmail.com"},{"name":"toothless","email":"a.anik90@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reuse-modal_2.0.0_1658591733424_0.5946387972416178"},"_hasShrinkwrap":false}},"time":{"created":"2018-11-25T10:45:05.408Z","1.0.0":"2018-11-25T10:45:05.720Z","modified":"2023-04-07T06:45:44.291Z","1.0.1":"2018-11-25T10:53:21.605Z","1.0.2":"2019-01-03T10:20:39.181Z","1.0.3":"2019-01-03T10:29:14.672Z","1.0.4":"2019-01-03T10:35:50.625Z","1.0.5":"2019-01-03T10:36:33.336Z","1.0.6":"2019-01-03T10:45:43.099Z","1.0.8":"2019-01-06T13:23:30.488Z","1.0.9":"2019-01-06T13:25:02.251Z","1.1.0":"2019-01-10T09:54:18.992Z","1.1.1":"2019-01-10T09:56:57.184Z","1.1.2":"2019-01-10T10:45:31.686Z","1.1.3":"2019-01-26T12:38:51.607Z","1.1.5":"2019-01-28T07:50:01.663Z","1.1.6":"2019-01-28T07:57:02.591Z","1.1.7":"2019-01-28T11:10:29.302Z","1.1.8":"2019-02-04T08:31:42.884Z","1.1.9":"2019-02-18T10:58:11.427Z","1.2.0":"2019-03-12T11:20:03.475Z","1.2.1":"2019-03-20T10:18:46.377Z","1.2.2":"2019-03-28T10:39:31.861Z","1.2.3":"2019-04-18T12:27:53.370Z","1.2.31":"2019-04-18T13:06:19.869Z","1.2.4":"2019-05-14T10:34:52.055Z","1.2.4-beta.0":"2019-06-15T12:03:41.928Z","1.2.4-beta.0.1":"2019-06-19T10:54:18.894Z","1.2.4-beta.0.2":"2019-06-29T10:51:48.749Z","1.2.4-beta.0.3":"2019-06-29T11:25:27.436Z","1.2.4-beta.0.4":"2019-07-07T12:23:16.445Z","1.2.4-beta.0.5":"2019-12-07T09:44:53.094Z","1.2.4-beta.0.6":"2019-12-07T10:25:03.621Z","1.2.4-beta.0.61":"2019-12-07T10:52:44.985Z","1.2.4-beta.0.62":"2019-12-08T09:27:20.720Z","1.2.4-beta.0.63":"2019-12-08T11:06:24.871Z","2.0.0":"2022-07-23T15:55:33.589Z"},"maintainers":[{"email":"idrisali725@gmail.com","name":"knowhere"},{"email":"tareqcse08@gmail.com","name":"tarex"},{"email":"nbashar01@gmail.com","name":"nozibulla"},{"email":"merin.ruet09@gmail.com","name":"e_a_merin"},{"email":"shaadjoe7@gmail.com","name":"shaad-ishtiaque"},{"email":"a.anik90@gmail.com","name":"toothless"}],"description":"reuse-modal","keywords":["react-component","modal"],"author":{"name":"RedQ"},"license":"MIT","readme":"# reuse-modal\n\nSSR Friendly Draggable React Modal With react-rnd And react-spring Support.\n\n## Demo:\n\nurl: https://tarex.github.io/reuse-modal/\n\n## Prerequisite\n\n```\n\"react\": \"17.0.1\",\n\"react-dom\": \"17.0.1\"\n```\n\n## Installation\n\n1. `yarn add react@next react-dom@next`\n2. `yarn add @redq/reuse-modal`\n3. `import { Modal, openModal, closeModal } from '@redq/reuse-modal';`\n4. To trigger modal, use `openModal` and `closeModal` and use `` in you app in root level or in the parent component.\n5. pass modal configuration through `openModal(config)` like below.\n6. `yarn start`\n\n### Sample Config\n\n```\n{\n config: {\n className: 'customModal',\n disableDragging: false,\n enableResizing: {\n bottom: true,\n bottomLeft: true,\n bottomRight: true,\n left: true,\n right: true,\n top: true,\n topLeft: true,\n topRight: true,\n },\n },\n withRnd: false,\n overlayClassName: 'customeOverlayClass',\n closeOnClickOutside: true,\n component: BigModalComponent,\n componentProps: { customData: 'your custom props' },\n closeComponent: CloseComponent,\n}\n```\n\n### API Details\n\n- **className**: Modal Wrapper class name, default value `customModal` `[type: string]`\n- **overlayClassName**: Modal overlay class name, default value `''` `[type: string]`\n- **closeOnClickOutside**: Enable/Disable click outside modal close `[type: boolean]`\n- **withRnd**: Enable/Disable React Rnd support. By default we added react spring for animation and if you needed dragging feature then simply use `withRnd: true` `[type: boolean]`\n- **component**: The component you want to render inside the Modal `[type: component]`\n- **componentProps**: pass the props you need in the Modal component `[type: object]`\n- **closeComponent**: Close component to close the Modal `[type: Component]`\n- **config**: Modal can be draggable and resizeble as we have provided support with [react-rnd](https://github.com/bokuweb/react-rnd)\n- **config**: to customize react spring config pass your props within the config parameter as shown in the Sample config section [react-spring](https://github.com/react-spring/react-spring)\n\n### Usage\n\n```\nimport React, { Component, Fragment } from 'react';\nimport { render } from 'react-dom';\nimport { Modal, openModal, closeModal } from '@redq/reuse-modal';\nimport '@redq/reuse-modal/lib/index.css';\n\nconst CloseComponent = () => {\n return ;\n};\n\nconst BigModalComponent = props => (\n \n
\n );\n }\n}\n\nrender(, document.querySelector('#demo'));\n\n```\n\n### Development.\n\n- `npm i -g nwb`\n- Check `package.json` command\n\n### Deployment\n\n0. To clean the project run `yarn clean`\n1. Publish to npm : `npm publish --access public`\n2. Host into github: `npm run deploy`\n","readmeFilename":"README.md"}