{"_id":"@goodhood/modals","_rev":"77-152c751c37ba9049369fb136196059ba","name":"@goodhood/modals","dist-tags":{"beta":"3.0.0-beta.1","latest":"4.0.0"},"versions":{"0.0.1":{"name":"@goodhood/modals","version":"0.0.1","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@0.0.1","maintainers":[{"name":"suprmax","email":"max@degterev.me"},{"name":"atomiomi","email":"atomio.ak@gmail.com"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"516d608515f46141b3d9d301ed9dd38fc1436eba","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-0.0.1.tgz","fileCount":7,"integrity":"sha512-C7QQredGiz4TP5ajWMFFhCRV01AKSno+SrY6e3kvcYF7rAyK09cQ5QoOMNZJR/ajybCNT8bN7skJelnoQjEasg==","signatures":[{"sig":"MEQCIFuWSUg/fmKuW7EwuYOyg2iX0GLtkxjBvsWUIXDDWN9/AiBSoOx18ZFFGC4rvIBCHG8Y/+7ZkvLtjNOYuksxN7+wyQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":91223,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDN/ICRA9TVsSAnZWagAAt6oQAJSzZJeHy0MopngTE00h\nj2xR0k+92PRrurMwCSBwQyUNQNO1A6KVZULyZNkwoIpgRCCJ+lyS5H9plKiY\nXS5n6Z5ASKItFDYdSWR0aDs8rYPMUBTge8VHFkwhnnG1ysWFkiUKsTjQzXCR\nwKKvZyyFBQDkWTVr1GLoXwUW/GlC+XHxnPfrWayNB/dKAnaA4/DUbp4bGzR1\nUw3nGsHXgxpi8IqPT654yC4C4bgXlnbdnNXYpAXfDmIPUxwmvQSQhNc7USDX\nTTRNNo2nlY/oN36H90f6b2ZiB/OJT/J/e18QYYx8FQ7FK/1yh55/aQiMSk3d\ndc68clkXbyEJlwPOHj4fa3Dj6PgZRlHWpy+SILEEXozf9LbntiyQktpck5/B\nn7ESBguApArFkIK50szsPAgmJYrqygyCRlb8P6aSxPGpjUgvH1RtiCvvmfBz\nLtUQnS982l3nZ4o22IGZg4VDXYofopAFYMd3eQHz8G41rc1OkK8xo3LvXE42\n2lNnbt1IFo4ZyoeOiYYe4lAL1CYRUzREBKn++2irAQsJFICm2R1wx/2Nx98q\nJ48COKA0IbcbDy9jy2fflBf/fqBxdGr2FeYkZRYuZo4CeW/bcmse2nO1MmBb\nWXbz/LzVPYmh8L48wAU5S/5ObiTZ9HxGHhAeZ4mOxiS7UNeSmdywcj49yzsp\nHMTi\r\n=pgAo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.esm.js","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"atomiomi","email":"atomio.ak@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"7.19.1","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"14.15.1","_hasShrinkwrap":false,"devDependencies":{"clsx":"^1.1.1","nebenan-ui-kit":"^5.3.0","@goodhood/icons":"^2.2.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"peerDependencies":{"clsx":"^1.1.1","react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","@goodhood/icons":"^2.2.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_0.0.1_1628233672212_0.00022946527181710863","host":"s3://npm-registry-packages"}},"0.1.0":{"name":"@goodhood/modals","version":"0.1.0","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@0.1.0","maintainers":[{"name":"suprmax","email":"max@degterev.me"},{"name":"atomiomi","email":"atomio.ak@gmail.com"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"d259312b8d9bffb8ee53ad20ce33dec6f81785b9","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-0.1.0.tgz","fileCount":7,"integrity":"sha512-ofWl+rIsnszDA1eM20UVULEVHhV3m3NC91xoKaVkrExmaS9/viYUeW5FzFU+Fsd0729/sTZTYv02S6uaz2zEWQ==","signatures":[{"sig":"MEQCIDy6WuKr+irmJBw3UmYxh3OtRGrTfjfwUunzOTPRwkkKAiB4b+1H/9VyL0ol0GrIk3blKwcCh57WpRsrvBRNyC+fNw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":91266,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDOIWCRA9TVsSAnZWagAAWzYQAJpOPtvFYugU/yeE0X8P\nQofC2v1cJHJ7d6DJgVkpZkBCDKQXIMuDEJA1YQFS3mHc6370pf8y/fnUDc9R\nvQ//mnFBYu5foMp9lfYzF63DUd4iX2iQBFrz3Xte717rdDpMiP8uIFKMd8Ac\nC6SHJTbxTNlgstZSW9py7wCrOc+6pWJUsXTy0LoqWqoCYDXGU6U3ZW+m0Kpe\nTq/L6W0uIkZiyCHm858r4Imja1z8tSSBN7QGCMxJAoLOLZkS4QkCJN72LRIo\n2a4AcOXlfjzJv4RZeQrbCMC3qzq64ZeZCN6b29l7mAJou8xd0teMCctxjcwo\nL2zE1myApxC+B6jOro4+e3x+CrvgOdAZ/NhSFfjdmaIAh1CaAucsqTQvZUkI\ntRhJWfkfux3Bo+uyHYfMdhbIpyX2Dh4w7V5pjxmCXzQwzlIamtbb2E483U0Y\n5cEHAucKTJ4u2MiH8EmGfYwAo/BF1mhk0FOBp9si9scMHJPg2GpD5vxNf3yD\np8nyzT+OafHfO35/dxJm4dvxEQfyDDuj7f5mrJwwfhqpWt3Ssq+2bsDPGvH3\nvcttUCECK95nkJ3zn0QZsPCFxEuh8VkJ5IWbHc3niCqw9b2DWr/ijACIVT05\nzVqnTDK4lp1ggccbsUC53pekgSgGuLW2h3cEm0lVXvc+Z+adujVCbf0T9vd9\nx5cS\r\n=xKRg\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.esm.js","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"atomiomi","email":"atomio.ak@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"7.19.1","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"14.15.1","_hasShrinkwrap":false,"devDependencies":{"clsx":"^1.1.1","nebenan-ui-kit":"^5.3.0","@goodhood/icons":"^2.2.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"peerDependencies":{"clsx":"^1.1.1","react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","@goodhood/icons":"^2.2.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_0.1.0_1628234262052_0.9804885215760406","host":"s3://npm-registry-packages"}},"0.2.0":{"name":"@goodhood/modals","version":"0.2.0","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@0.2.0","maintainers":[{"name":"suprmax","email":"max@degterev.me"},{"name":"atomiomi","email":"atomio.ak@gmail.com"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"2aaf58c51091c918084f8d50eac34a4e43727f31","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-0.2.0.tgz","fileCount":7,"integrity":"sha512-rBuM8dSpjvxgJVOkTqwG5lGVxSmVnyXzc4VZEigGUFRjwwzxKUpcX8RY0NRcvFvKqiv43BXyr0S2qXmeqhlLGg==","signatures":[{"sig":"MEQCIHwGN50Y28hdEDsjgUd3EUjaL938Qzlt8RSEP/IRVnCWAiAftix4cX/us61Kz1loIAEZRh3XjOyJ9jQa9yeYtIfhOw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":111179,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDOwICRA9TVsSAnZWagAAhIAP/AiQsHr0BYXOvp2W+n5H\n93eLIK5EsF83BXqCCRbMhAbIsZQAwa9JEYfNAMbvmLEC+ifeAcBKKlE23pTf\nANGVzXHVJAa6smOO6Tp4uwGP6nC8h6biB8u8X1zzjuvO8YkkTNNWFvZbuXst\nGONwSQPvaHFl+zTY9t24FI+l9+gMTZhjn7eUK6yraNgYkGmGbNDdF5VhSXRe\nVE1Ba6TpzL8itU/jtNCugoPrL4JBN0ZP61rk/kQfR2sE0Iq1JNFgJyK+uBR2\n4TguOiKxA2JTgdjf358yj/r9Zaut7tkeK/YmybvrLJbZuecI9WYVym4V7eAp\ntopufma6wsRTabr0qKjB+kwoOab5ElWg+ibxdjppoawItUfaFanankwlsVL/\n14X0W68GRuRn5JWMj1w31qN/rI5tLbaW46k5EIjOT7k8ke/yJX8WhAXUBBeE\nVKQ+jQKe+UuDlNvsm4PaLVc9BYy2dkh+XASHRD5Hm+1k7qS7lk49KI5RATI8\nPghOrpNdZ2w8Nd/wn7rZySyOx+TrYcLaoK5/U8AoM6/9Gj5FXRAcpr8hX5EL\nfbOIuATDhDQMWhRTKY2K3uK9csRe/m5BPVfqBrPfyA0bQzkZr4jNINtPvn8B\n+izXdu5LZOhACk/Fk7PiI1EolAScAOgBWst5yGns9qC3cJRgUnCR7YeiX+Vj\nMnVa\r\n=bXnr\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.esm.js","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"atomiomi","email":"atomio.ak@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"7.19.1","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"14.15.1","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^2.2.0"},"_hasShrinkwrap":false,"devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_0.2.0_1628236808492_0.15146354524842853","host":"s3://npm-registry-packages"}},"0.3.0":{"name":"@goodhood/modals","version":"0.3.0","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@0.3.0","maintainers":[{"name":"suprmax","email":"max@degterev.me"},{"name":"atomiomi","email":"atomio.ak@gmail.com"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"433ccc5ffc532dbd0f680a849c07521766d50a31","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-0.3.0.tgz","fileCount":30,"integrity":"sha512-bteX93Ij0ITeEB9gglnM+2bouCEDaySImm7z3/3PgL2tWQJWPoEJ3+2J582xcFU08rj99yXnhv6/2X2PIqgiow==","signatures":[{"sig":"MEUCIQD0sRmghakFNHISbcu5fCTghGXcHCyDrLpkUXsEtXie1wIgfQhXot87tOrqzyiNdrZl/bm8cMaLGyjlU+ETkqHDRRQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":133518,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhDO3mCRA9TVsSAnZWagAA+swP/1VylI4p7pu6ihqtG714\nqtxbqoaqewYBjnymZFrVEE9EmBTuR7dA5gNKgGgC94+m2Cd1ACuQPhlgv7wC\npb0Qrpb9+GTLvojQpzxq6x3OXYpoTGB9Eh84KprxdqAc672p285keQ5C/AkY\nfvV/4IQr7bI8sV4YsARlYLjd5LKass828pMi8EgxgN96bZ1vnZRatxiiNlQu\ntmVusyY/LM1jgJudB4i0un/s7Fhrl4TjKtrIRwqiskf2KM4i04083EIMhzgh\n69coV/Jg5dtWTLnT+tV2clc6ng/je6PVrO4mp6I1/vH/U0ARmXfrbbWJkeAP\nXHNjEoJ9zF3AV6dyr0BUj3MFiwm16dnytX74Oo+Qb3alhPsJOFHzlAZQayUY\nzuxf1p6WzYvzNDbCdLsJpRHL3h1Ss2gZxW/1YZuieI+3ptE1Ne+TSrL6252h\nXFQGN7yJgDPAbr5UVdtnu7mv6klz/pMI9fdW4/oqDbSBHPvReXBDuPq3msTN\nTwapZ5difrvzx0TclpH3iKeg3DLs+x9AyiqBdzKhJNc099CaSjT8qmQPpLQE\nrlxSUnI55mUE3cgOkpsy6lPJWuyklLvhPRuvYgZy7J1rOw6ZpEv2CXM4aOBL\nK9GCaRE4firVap7Lsw+dvReW30xqi4TCwpwW8eRQjjWQnYvZ34Ck1A2nQTAa\nTi1t\r\n=49kc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.esm.js","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"atomiomi","email":"atomio.ak@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"7.19.1","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"14.15.1","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^2.2.0"},"_hasShrinkwrap":false,"devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_0.3.0_1628237286076_0.15872208938642296","host":"s3://npm-registry-packages"}},"0.3.1-beta.0":{"name":"@goodhood/modals","version":"0.3.1-beta.0","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@0.3.1-beta.0","maintainers":[{"name":"suprmax","email":"max@degterev.me"},{"name":"atomiomi","email":"atomio.ak@gmail.com"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"8bfbab294a66f979604e9bc76aea47369dac5b2c","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-0.3.1-beta.0.tgz","fileCount":40,"integrity":"sha512-e1ErsQ27bI0o25UHcc+PzHhUInbAs+Xyww0rT0HeXS3PexTgf2bJRCumPjDF3l9F8Blcx5KypKm0zkr/ppvETw==","signatures":[{"sig":"MEUCIHEmrGuE4VR9nbAthqHkcLWZ8PYVh+/PvjLkjsxEU0sfAiEAn+BwZvWSJ+najTqw1PpU/tp18Ur81LpjhodyH45r8aU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":134450,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMgKPCRA9TVsSAnZWagAAHPoQAIuMhf14b1Zpo3c3fHvU\nPKfWsIwrqgAGZe4UwRmXHaFQbu8lAWCLktmMPj/6TyTVPCvkdZF8mTtMbef4\nmAQ3DyVBnYfZ99cn7y+QFuJ/hBpE+fCzHKWqp8LzqSImICVq1Rv7gfFr9SLs\n53gPw8E1PhwbgrZ5CiN0XibbYsm22AdPEux2Xflu/UpaScBPWqApIKI74CSA\nsbeI/Hrvuqjs+H1SSjSnPfQNN0LR8hkIa8/fAkZirkpNkv2S31EJR10y83rO\nLGnWMjL8DlwuKmOOnelAtkcEwORXemsRXejAHnP17Pc4wCB9qrep6ZAHjV/o\nrjoh6TqmM59Xr0kpL0ZeU2g5CzgxGsCEJ6/DUDLgtGNCz1sJmwuImyK+f2m8\nE8fhqVuaUP5wJMM0NSMiuJebOW6zLbaaq6rWa3BbqK+QHgD4vdeJuAh8tbdX\nPHwtAjcCaWu5oZIkKtVIchWY/bop9kRoetnPToTtmIx4V65WjDqQLT6nVwDX\nmAtfnhfK61zlALc79FPiaY82UU8AWnl+0Mb2mW2SjBDziDPhj57XWNlzIPxR\nPhUMM2Rv7UF0VZG6SzBqGyk7+NYTbS0uA438GMTvTs9hoOUsXCxlg3A+a8OJ\nVX2ihcIT/FOwORhoa0VjIi7lkXxsJEZmH13XPSk22UJxw22oXdV/v3oFiDQX\nqc1d\r\n=1Zc6\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.esm.js","readme":"# `@goodhood/modals`\n\n> React modal components\n \n- [Preview](https://goodhood-eu.github.io/goodhood/packages/modals/preview/)\n\n\n## Install\n\n```\nnpm i @goodhood/modals\n```\n\nInstall peer dependencies\n```\nnpm i react // v16.x.x\nnpm i prop-types // v15.x.x\nnpm i @babel/runtime // v7.x.x\nnpm i @goodhood/components // >= v6.x.x\nnpm i nebenan-ui-kit // >= v5.x.x\nnpm i nebenan-helpers // >= v5.x.x\n```\n\nConfigurate module\n```js\nimport { configure } from '@goodhood/modals';\n\nconfigure({\n  track: // track function which will be called on modal open and close event\n});\n```\n\n## Import:\n\n```js\nimport Modal, { Alert, configure } from '@goodhood/modals';\n```\n\n# API\n\n## Modal\n```js\nimport { ModalProvider } from '@goodhood/modals';\n\nconst App = () => (\n  /* Imperative API:\n  - setModal(modalComponent): support legacy API for showing modals via function call\n  - lock(): locks window scroll\n  - unlock(): unlocks window scroll */\n  <ModalProvider ref={ref}>\n    {/* All modals should be placed inside modal provider */}\n  </ModalProvider>\n);\n```\n\n## Modal\n```jsx\nimport { ModalProvider, Modal } from '@goodhood/modals';\n\nconst App = () => {\n  const [isActive, setAcive] = useState();\n\n  return (\n    <ModalProvider>\n      <span onClick={() => setAcive(true)}>Open modal</span>\n\n      {isActive && (\n        <Modal\n          {/* Overlay class attribute */}\n          className=\"string\"\n\n          {/* Content class attribute */}\n          bodyClassName=\"\"\n\n          {/* Prevent modal from closing */}\n          persist={true/false}\n\n          {/* Stick modal to the top */}\n          staticPosition={true/false}\n\n          {/* Handler to close modal */}\n          onClose={() => setAcive(false)}\n\n          {/* Called on unmount */}\n          onUnmount={() => {}}\n        >\n          {/* Modal content */}\n        </Modal>\n      )}\n    </ModalProvider>\n  );\n};\n```\n\n## Alert\n```jsx\nimport { ModalProvider, Alert } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Alert\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n    >\n      {/* Alert content */}\n    </Alert>\n  </ModalProvider>\n);\n```\n\n## Confirm\n```jsx\nimport { ModalProvider, Confirm } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Confirm\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for decline button */}\n      cancelLabel=\"string\"\n\n      {/* Text for confirm button */}\n      confirmLabel=\"string\"\n\n      {/* Lock buttons */}\n      locked={true/false}\n\n      {/* Invert buttons */}\n      inverted={true/false}\n\n      {/* Called on decline, DO NOT CONFUSE WITH onClose */}\n      onCancel={() => {}}\n\n      {/* Called on confirm */}\n      onConfirm={() => {}}\n    >\n      {/* Confirm content */}\n    </Confirm>\n  </ModalProvider>\n);\n```\n\n## IllustrationModal\n```jsx\nimport { ModalProvider, IllustrationModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <IllustrationModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n\n      {/* Image url */}\n      image=\"https://images.com/image.jpg\"\n\n      {/* Button node in the footer */}\n      button={<button>Hello</button>}\n    >\n      {/* IllustrationModal content */}\n    </IllustrationModal>\n  </ModalProvider>\n);\n```\n\n## ScrollableModal\n```jsx\nimport { ModalProvider, ScrollableModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <ScrollableModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Header node */}\n      header={<header class=\"ui-card-section\">Title</header>}\n\n      {/* Footer node */}\n      footer={<footer class=\"ui-card-section\">Footer</footer>}\n    >\n      {/* ScrollableModal content */}\n    </ScrollableModal>\n  </ModalProvider>\n);\n```\n\n# Development\n\n## Preview\n\n- `yarn start`\n- Visit http://localhost:3000\n\n## Add a new component\n\n- Create `src/*/index.jsx`\n  - Default exports will be re-exported with the map name\n  - Named exports will be re-exported as they are (watch out for collisions)\n    ```js\n      // src/map/index.jsx\n      export const ModalType = 123;\n      export Modal 666;\n\n      // usage\n      import { Modal, ModalType } from '@goodhood/modals';\n    ```\n- Create `src/*/index.stories.jsx`\n  - Preview will take it up automatically\n","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"peterhassler","email":"peter.h@nebenan.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"description":"Modal components","directories":{},"licenseText":"Copyright (c) Good Hood GmbH.\nUsage without explicit written permission is prohibited.\nPlease forward your questions to our legal representative: Sven Tantau <sven@nebenan.de>\n","sideEffects":false,"dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^2.2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_0.3.1-beta.0_1630667407831_0.12210192455495683","host":"s3://npm-registry-packages"}},"0.4.0-beta.0":{"name":"@goodhood/modals","version":"0.4.0-beta.0","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@0.4.0-beta.0","maintainers":[{"name":"suprmax","email":"max@degterev.me"},{"name":"atomiomi","email":"atomio.ak@gmail.com"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"b1dabbd67fd5744697a4f1bf6c8301054761e8b0","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-0.4.0-beta.0.tgz","fileCount":31,"integrity":"sha512-JPrGF9MXA6891yrhc9zjLvl1Y+iszrzHaLaOOqGRtBP8BrGFBg76NVvnsXpGZYG3tvvJ8f/Mcrva8/5+g8I6tg==","signatures":[{"sig":"MEYCIQCGSEYVTTTuftA43hWy1WsfXEKWcurFzZmQHkZX1UFaiAIhAIvElojyCSajvmtiH0Xx7TK2N6XWk3wfVavzXPL7gzoY","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":135641,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhMjV0CRA9TVsSAnZWagAABv4P/1g0J1vOqT8WQ4ykBO3f\nbics9JSvHZFMvQ+EagLLVU+sc4avoVxxjyjs9vqpEchku+W0In12EVjo5k3a\nPPKcDfTT5AnSEpbVy9hYSbFcgPq19hdYIPK0iYKuIhH+KidhptCgvD+2ojh/\nOB3tkwcQ7wn1DqK+jbPoeoy/TZDk+6BQfs6RXi4hMSOxOwC2IN3Y25T/tApC\n71PX35iZM9e4rGv6uTPDkrMcnS8j/+ViqpWl1KOspY9n5O0pJvIVVSDwNRew\nMvVmEOS5h/Fpdxy7iuU6nLjeUiXhmscU7lUmk3OVTbVud9wOx70+ZzmxG718\nCzQwSmJnSzXy46h8ny/ExTa/K2+UmeYNEz2twAgsVGjYCjIq275G+ywREe+C\n7lQbq4iK+Uvmf60xQh5zhdA7QnExl+4j5Md/PCc5PmmGj+X6usf+4wAyXg85\ne+7l04VET1lJbdZG0IUQOrMb3AQqnFYpo2pAcHJ7nw7Oeo7t3V2nsym1SPC3\nyl+jzzZvyGh437vfhKcBOQ4HnoHPyDcGpi6gvGgOc+5+ZLBOa0WnJNqcEzwY\nJgwdksVGsGxJFag6YgZjio1TJ8F6zqtwiXxdCRrZZuQb6MDgLxcYNwBs7muX\n47Ld4qyQxKSfu4qCXc4WFv6oxGbKwZHwczp7dGJuXH6/RT2k1XEmjesST50E\nCc+g\r\n=9sF0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.esm.js","readme":"# `@goodhood/modals`\n\n> React modal components\n \n- [Preview](https://goodhood-eu.github.io/goodhood/packages/modals/preview/)\n\n\n## Install\n\n```\nnpm i @goodhood/modals\n```\n\nInstall peer dependencies\n```\nnpm i react // v16.x.x\nnpm i prop-types // v15.x.x\nnpm i @babel/runtime // v7.x.x\nnpm i @goodhood/components // >= v6.x.x\nnpm i nebenan-ui-kit // >= v5.x.x\nnpm i nebenan-helpers // >= v5.x.x\n```\n\nConfigurate module\n```js\nimport { configure } from '@goodhood/modals';\n\nconfigure({\n  track: // track function which will be called on modal open and close event\n});\n```\n\n## Import:\n\n```js\nimport Modal, { Alert, configure } from '@goodhood/modals';\n```\n\n# API\n\n## Modal\n```js\nimport { ModalProvider } from '@goodhood/modals';\n\nconst App = () => (\n  /* Imperative API:\n  - setModal(modalComponent): support legacy API for showing modals via function call\n  - lock(): locks window scroll\n  - unlock(): unlocks window scroll */\n  <ModalProvider ref={ref}>\n    {/* All modals should be placed inside modal provider */}\n  </ModalProvider>\n);\n```\n\n## Modal\n```jsx\nimport { ModalProvider, Modal } from '@goodhood/modals';\n\nconst App = () => {\n  const [isActive, setAcive] = useState();\n\n  return (\n    <ModalProvider>\n      <span onClick={() => setAcive(true)}>Open modal</span>\n\n      {isActive && (\n        <Modal\n          {/* Overlay class attribute */}\n          className=\"string\"\n\n          {/* Content class attribute */}\n          bodyClassName=\"\"\n\n          {/* Prevent modal from closing */}\n          persist={true/false}\n\n          {/* Stick modal to the top */}\n          staticPosition={true/false}\n\n          {/* Handler to close modal */}\n          onClose={() => setAcive(false)}\n\n          {/* Called on unmount */}\n          onUnmount={() => {}}\n        >\n          {/* Modal content */}\n        </Modal>\n      )}\n    </ModalProvider>\n  );\n};\n```\n\n## Alert\n```jsx\nimport { ModalProvider, Alert } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Alert\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n    >\n      {/* Alert content */}\n    </Alert>\n  </ModalProvider>\n);\n```\n\n## Confirm\n```jsx\nimport { ModalProvider, Confirm } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Confirm\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for decline button */}\n      cancelLabel=\"string\"\n\n      {/* Text for confirm button */}\n      confirmLabel=\"string\"\n\n      {/* Lock buttons */}\n      locked={true/false}\n\n      {/* Invert buttons */}\n      inverted={true/false}\n\n      {/* Called on decline, DO NOT CONFUSE WITH onClose */}\n      onCancel={() => {}}\n\n      {/* Called on confirm */}\n      onConfirm={() => {}}\n    >\n      {/* Confirm content */}\n    </Confirm>\n  </ModalProvider>\n);\n```\n\n## IllustrationModal\n```jsx\nimport { ModalProvider, IllustrationModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <IllustrationModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n\n      {/* Image url */}\n      image=\"https://images.com/image.jpg\"\n\n      {/* Button node in the footer */}\n      button={<button>Hello</button>}\n    >\n      {/* IllustrationModal content */}\n    </IllustrationModal>\n  </ModalProvider>\n);\n```\n\n## ScrollableModal\n```jsx\nimport { ModalProvider, ScrollableModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <ScrollableModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Header node */}\n      header={<header class=\"ui-card-section\">Title</header>}\n\n      {/* Footer node */}\n      footer={<footer class=\"ui-card-section\">Footer</footer>}\n    >\n      {/* ScrollableModal content */}\n    </ScrollableModal>\n  </ModalProvider>\n);\n```\n\n# Development\n\n## Preview\n\n- `yarn start`\n- Visit http://localhost:3000\n\n## Add a new component\n\n- Create `src/*/index.jsx`\n  - Default exports will be re-exported with the map name\n  - Named exports will be re-exported as they are (watch out for collisions)\n    ```js\n      // src/map/index.jsx\n      export const ModalType = 123;\n      export Modal 666;\n\n      // usage\n      import { Modal, ModalType } from '@goodhood/modals';\n    ```\n- Create `src/*/index.stories.jsx`\n  - Preview will take it up automatically\n","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"ozerovs","email":"ozerovsa@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"6.14.13","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"14.17.3","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^2.2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_0.4.0-beta.0_1630680436335_0.3449541101828755","host":"s3://npm-registry-packages"}},"0.4.0-beta.1":{"name":"@goodhood/modals","version":"0.4.0-beta.1","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@0.4.0-beta.1","maintainers":[{"name":"suprmax","email":"max@degterev.me"},{"name":"atomiomi","email":"atomio.ak@gmail.com"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"32852c98209df1b0395bb88b2e1f313873e20672","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-0.4.0-beta.1.tgz","fileCount":30,"integrity":"sha512-zQEzCGBM/RIjjDslnK/YFPULbioLc7yG8VlCKy7/Y/LFlVHIcbMIITlgygk6UHY03oRM13C1CLOUyaccuOfrhg==","signatures":[{"sig":"MEQCIEUcYlZeIY4G+nqbC0hlGQMTRkIdaEoGflQmDbshB2rjAiAIKWzHHUXgLUfzy+OdF9KDHBrHzf0rsK8K361COSs4Ew==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127120,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhNjXmCRA9TVsSAnZWagAA2/8P/RNWXhPig9FamIVFmaHH\ngFDHIZ6HRp5g9ipXoOXviNdRD5/sd7s7+D5AWVnaEi/LD2hIoZtHfKCWIR7P\nHflVyA8LmxJuPuiZmnonH3eTlJvSpqlGVggnT3B+qZBOGzGQyTJBnR4GIhtG\nW6pPXvLttWEL+PSzTRMJcXVMiUMAeoLtVOLJzrZVoeNc72VZH+FlJt67UvaB\nN8z/uY9yf0LYssRFqYM2GngdnFrMDADPoqzqaFjE9niST+YN+m9ISGaGpZ96\nYWLVCOlKYAuQ8OCwLqbDRNmpj2q6tx3nDdlQzPEsWGQqkAd0eyvPv9T1b+Tx\nE36hUIim4Bmga1+/rnDGvrQFNEIssApZ9u+aO0rdg4Hz6quxjvG0soQpbHdJ\n+PL4YnepW0H09TfKeGsGnrgeOO9NoDnW6IB0iV6vhyR7oIdu5ZqalX37xfWN\ncCJTl2uOlIj1x2sx7FdlcclaEWtVkHmqSyzfy1GI3RAQ4bmZbmUmu9elfNYV\nfzoC1WmSez9WG6FIm26QlrL7a58rjk78gu1lt1SlJNj1vbBULvlSq2qw13z7\ngEy+b/tRRcDrcf2lhwYLldjExzkpcFuvnQO55VGbK7UVq8aUOZV1pkO5lDYP\n699MM2EkyvyFl8WYzg3uhkRPCbB5Qc8C6Nx5FfMBDP/PT4jc2bY/s6z4Mr8w\n47c2\r\n=bAyG\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.esm.js","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"ozerovs","email":"ozerovsa@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"6.14.13","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"14.17.3","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^2.2.0"},"_hasShrinkwrap":false,"devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_0.4.0-beta.1_1630942694580_0.977578825410629","host":"s3://npm-registry-packages"}},"0.4.0-beta.2":{"name":"@goodhood/modals","version":"0.4.0-beta.2","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@0.4.0-beta.2","maintainers":[{"name":"suprmax","email":"max@degterev.me"},{"name":"atomiomi","email":"atomio.ak@gmail.com"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"c9bd7a06fa032dda19c150b73db142e9425b5a91","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-0.4.0-beta.2.tgz","fileCount":30,"integrity":"sha512-Oeto85j6DkDA+OZNBNQHCW5jDBSwHkDpzP7N/MLRFhwfEBevi77tn5sXVafEApQ0hQqrRAEBEafsoOT8AMbBUA==","signatures":[{"sig":"MEUCIQCfLv5C+SLYkkhzucm3morqxASLl8lnem6sKChcLyykLQIgIRTnLb1czV6I9vg7kKVIMXJW0L2tYK4wyD5Ds34RZHY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":127602,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhNjkECRA9TVsSAnZWagAAKw4P/1QHxYxmNcGzdsnWtWNu\nbndIfcgUOW4OnaWIhXe238xQukNyotzjY8hsT398qolYpI9lcX1kzXIaTIh4\nZS4aZmZyMWaIEuh3CdCFUFnh+ae/N0kIIxz0gDA7JWqIvgG3PlzD2Rm1g+s8\nkC/Ro7I00tcly1tWjnrDO1iYMMROIPLCKta2207sYdeNAKoGqAWXu2gE082H\nCcjZOCbQMJNdE1nb2Zv/bhwKbEtiTSzBjVTCP+KJ1cdj8dV+c3U+oj9CVipu\nhNZ30BkAsZIMpAUBThpiiGhSI2NMtox9g1cGGxWVdbgrAK3GjWQJUfNDltHJ\nXV+DRf7gMfOGiSM1TW8PABJ3RKhpVsQXltJlyHPJja/1nNWLzPOLD1K/hRJx\nnq7j8KX8SoHquZxsPqDGCAYDgAIbskm0Xn2bjgiyk7QPxgJ1MwoZKQm3zJiA\nj0iL8LtHSQe8uztFaEkJQcBm7g404f2yduwSTuE7PpSliuwKdS4R5X83iTI6\nuISm7KHnfK+XevNTjJ+50TlcIKuTgd5HUa12evUTRrTYXmx1MAhsVR2hgduj\n9tQskLgRdB2e8nZcx5HG/VGYF9zdLdeiTYKhmLcYz4wcsH41gGHP7zzd5I/Z\nhoc9xK9kqm5USIs/10cUtn+yS9Qrso6868dngutk9EE+9X0VzF8dQMlq2+cn\nJSTl\r\n=nRqS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.esm.js","readme":"# `@goodhood/modals`\n\n> React modal components\n \n- [Preview](https://goodhood-eu.github.io/goodhood/packages/modals/preview/)\n\n\n## Install\n\n```\nnpm i @goodhood/modals\n```\n\nInstall peer dependencies\n```\nnpm i react // v16.x.x\nnpm i prop-types // v15.x.x\nnpm i @babel/runtime // v7.x.x\nnpm i @goodhood/components // >= v6.x.x\nnpm i nebenan-ui-kit // >= v5.x.x\nnpm i nebenan-helpers // >= v5.x.x\n```\n\nConfigurate module\n```js\nimport { configure } from '@goodhood/modals';\n\nconfigure({\n  track: // track function which will be called on modal open and close event\n});\n```\n\n## Import:\n\n```js\nimport Modal, { Alert, configure } from '@goodhood/modals';\n```\n\n# API\n\n## Modal\n```js\nimport { ModalProvider } from '@goodhood/modals';\n\nconst App = () => (\n  /* Imperative API:\n  - setModal(modalComponent): support legacy API for showing modals via function call\n  - lock(): locks window scroll\n  - unlock(): unlocks window scroll */\n  <ModalProvider ref={ref}>\n    {/* All modals should be placed inside modal provider */}\n  </ModalProvider>\n);\n```\n\n## Modal\n```jsx\nimport { ModalProvider, Modal } from '@goodhood/modals';\n\nconst App = () => {\n  const [isActive, setAcive] = useState();\n\n  return (\n    <ModalProvider>\n      <span onClick={() => setAcive(true)}>Open modal</span>\n\n      {isActive && (\n        <Modal\n          {/* Overlay class attribute */}\n          className=\"string\"\n\n          {/* Content class attribute */}\n          bodyClassName=\"\"\n\n          {/* Prevent modal from closing */}\n          persist={true/false}\n\n          {/* Stick modal to the top */}\n          staticPosition={true/false}\n\n          {/* Handler to close modal */}\n          onClose={() => setAcive(false)}\n\n          {/* Called on unmount */}\n          onUnmount={() => {}}\n        >\n          {/* Modal content */}\n        </Modal>\n      )}\n    </ModalProvider>\n  );\n};\n```\n\n## Alert\n```jsx\nimport { ModalProvider, Alert } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Alert\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n    >\n      {/* Alert content */}\n    </Alert>\n  </ModalProvider>\n);\n```\n\n## Confirm\n```jsx\nimport { ModalProvider, Confirm } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Confirm\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for decline button */}\n      cancelLabel=\"string\"\n\n      {/* Text for confirm button */}\n      confirmLabel=\"string\"\n\n      {/* Lock buttons */}\n      locked={true/false}\n\n      {/* Invert buttons */}\n      inverted={true/false}\n\n      {/* Called on decline, DO NOT CONFUSE WITH onClose */}\n      onCancel={() => {}}\n\n      {/* Called on confirm */}\n      onConfirm={() => {}}\n    >\n      {/* Confirm content */}\n    </Confirm>\n  </ModalProvider>\n);\n```\n\n## IllustrationModal\n```jsx\nimport { ModalProvider, IllustrationModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <IllustrationModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n\n      {/* Image url */}\n      image=\"https://images.com/image.jpg\"\n\n      {/* Button node in the footer */}\n      button={<button>Hello</button>}\n    >\n      {/* IllustrationModal content */}\n    </IllustrationModal>\n  </ModalProvider>\n);\n```\n\n## ScrollableModal\n```jsx\nimport { ModalProvider, ScrollableModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <ScrollableModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Header node */}\n      header={<header class=\"ui-card-section\">Title</header>}\n\n      {/* Footer node */}\n      footer={<footer class=\"ui-card-section\">Footer</footer>}\n    >\n      {/* ScrollableModal content */}\n    </ScrollableModal>\n  </ModalProvider>\n);\n```\n\n# Development\n\n## Preview\n\n- `yarn start`\n- Visit http://localhost:3000\n\n## Add a new component\n\n- Create `src/*/index.jsx`\n  - Default exports will be re-exported with the map name\n  - Named exports will be re-exported as they are (watch out for collisions)\n    ```js\n      // src/map/index.jsx\n      export const ModalType = 123;\n      export Modal 666;\n\n      // usage\n      import { Modal, ModalType } from '@goodhood/modals';\n    ```\n- Create `src/*/index.stories.jsx`\n  - Preview will take it up automatically\n","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"ozerovs","email":"ozerovsa@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"6.14.13","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"14.17.3","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^2.2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_0.4.0-beta.2_1630943492631_0.09006165537177546","host":"s3://npm-registry-packages"}},"0.3.1":{"name":"@goodhood/modals","version":"0.3.1","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@0.3.1","maintainers":[{"name":"suprmax","email":"max@degterev.me"},{"name":"atomiomi","email":"atomio.ak@gmail.com"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"2bda2e8752b5a944a5c5a6f99debb967ba213404","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-0.3.1.tgz","fileCount":40,"integrity":"sha512-6kEsJsTfUzx0BS1GDAwwYWTB9VRlJXuHomAYVyRoYQ05voXU+Ybw6Zl3bybcD8ExKDysod6UYhhSirDtQcltPQ==","signatures":[{"sig":"MEUCIELZop5K4REAou/ytxsUnphjWFzQIk11mx0tcWCCMgu6AiEAkFpkMdSGrS2GaPZv7xJROFyWqAaaZ2aXONwpndOa3eU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":134448,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhNk4VCRA9TVsSAnZWagAA1tAP/1XBDqhHTGBC3Kl1gPHa\nUbL0ympufYram5avfMMi6ufQYfXw9SV7ccIMrBwWkH1WKBh0XP+FF0j+0T9r\neyNyVzykAg/3kYEqm9Co89hCcN3sZGbKpLZ1L4KtAhhaZ47ae+nq6HnjPubr\nvvd3KAHfPoCj+tAfIHrTLgxzGIt41JFz9L5Wd4gvacBMfm4CX6+zQP4C7/XO\nieYTigqRFxDCM1e19ZLafJzWTWPdcnEU4Akx6BDjgt/UlTPGLiXT/oUbSECn\nt3rQzJ2eY5DiUTkt836ZoCtPmXIRuJSd0i9x1aoTWJKGDFM/7AgZ8/1uupiB\nIA5YcwGwzz188BeUA/mvv2l3UZjvs231J3hrKpz+BA5RE4dNaH5nWXLGdP4j\nDdm6tFgMne85FS+htL8DQnR/R0EZis/IDNtd2HNIbPs0TuYhRe/xAewE5Lst\nMEoFlK82HRmroMJwU2GxQTYRwefQ+HoHTxFXBdpM6cUrv2wJvmYjQgZxNhVb\nu4c5qhopQR11pIVXU9FEWvaX558Dsx+laWPvtBMYXkzncWzg4X97II5PXrIp\ndwIgMJFAY94RoSihrrYPxhqLn1KgK6us3XfpzaNcYFssZ7PIc9eqWZP47Ut1\nHG+eit9ZcR9s3A/s45SOJFYsvZ2NcGoWH7XVT3fh2TGVeIR7R+eFVTUKpIWV\nyYAX\r\n=VE/P\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.esm.js","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"peterhassler","email":"peter.h@nebenan.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"description":"Modal components","directories":{},"licenseText":"Copyright (c) Good Hood GmbH.\nUsage without explicit written permission is prohibited.\nPlease forward your questions to our legal representative: Sven Tantau <sven@nebenan.de>\n","sideEffects":false,"dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^2.2.0"},"_hasShrinkwrap":false,"devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_0.3.1_1630948885325_0.09865583969409397","host":"s3://npm-registry-packages"}},"0.4.0-beta.4":{"name":"@goodhood/modals","version":"0.4.0-beta.4","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@0.4.0-beta.4","maintainers":[{"name":"suprmax","email":"max@degterev.me"},{"name":"atomiomi","email":"atomio.ak@gmail.com"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"ac31f99bcbe12ab15cf96fa935700599e77085f9","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-0.4.0-beta.4.tgz","fileCount":30,"integrity":"sha512-aVLGs7vFFU/X06uuL44CNqqb4gvcw+hs/WqXYpS27laXvYMObX2QyVcctquj4VsngJ2B5YG1fg94aCyQ/Hz56w==","signatures":[{"sig":"MEQCIC/nHQyBIlXT1MWLqzMSTuNYSkTgpteIwvpi2U9+YRMxAiAY5st8MfLpdHYpMsVWC7kLWCh8vk2Rz5dRyFvAKTI0eg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":129565,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhNlHICRA9TVsSAnZWagAAsR0QAIZEhbM4LpMRk+dVyhBc\nR5ay1XsbE0XjdcyWzvD/+nc5dNIVemeA3aft83YKTHWtH5B3QpHBPazpXPUr\nFG0bfQbRIhIJy4ielzkbosindWQ4uZC2q8Fx76sHtmtTYzZpidDqwm2iSPFV\ny2feEXgzGmF4ZOIab18y0bs3wXL66kx+//nm0O4B7HYd1lPXkAwtwPCTcXwr\n/Il0D+ZUR7MLsEmyHJ+KXL0J71ytpohxHqth5ID4vuciNzdH+CkI1uwykz32\nim+/4pJRgqUbqYZ5K83EBxqa+EVH2Sq3Jy+J/26km3C+GryloKKWt1FzRzGJ\n1gRD6YuXIH9/my8nPUFS480dtkrCFYUDQ9Zd1PiL/6NvLWp7pVkf+3txUP6m\nuZYAWGK1Z33NSfA4lbSZslnM97uwOgnAqSBcRRNAL0+N5BnvR07ymTMQi7c3\n3hNzwyXMo5XhisxN5mXk6fa369CVOa2CkDw5Xk7hBaqSQCaXwUueeMUxp3dI\nlWoISNmCPvzblvph3Dx+RPZETo4RYRHKRkTNH6s7W/GVyjocKAnNS1Lf263P\nspQbHf2/xZ85Z0TL5ZN9RkBVkdoQv+F2w/F3ayv9QkfPyf3HqbgBdRfqcPsy\n8UQK3WQyEwh5T5xbs+QVNeoKQABP4CEuo5uW63/Z8JHuqWMnXiuSMU8371sr\n49jj\r\n=L44y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.esm.js","readme":"# `@goodhood/modals`\n\n> React modal components\n \n- [Preview](https://goodhood-eu.github.io/goodhood/packages/modals/preview/)\n\n\n## Install\n\n```\nnpm i @goodhood/modals\n```\n\nInstall peer dependencies\n```\nnpm i react // v16.x.x\nnpm i prop-types // v15.x.x\nnpm i @babel/runtime // v7.x.x\nnpm i @goodhood/components // >= v6.x.x\nnpm i nebenan-ui-kit // >= v5.x.x\nnpm i nebenan-helpers // >= v5.x.x\n```\n\nConfigurate module\n```js\nimport { configure } from '@goodhood/modals';\n\nconfigure({\n  track: // track function which will be called on modal open and close event\n});\n```\n\n## Import:\n\n```js\nimport Modal, { Alert, configure } from '@goodhood/modals';\n```\n\n# API\n\n## Modal\n```js\nimport { ModalProvider } from '@goodhood/modals';\n\nconst App = () => (\n  /* Imperative API:\n  - setModal(modalComponent): support legacy API for showing modals via function call\n  - lock(): locks window scroll\n  - unlock(): unlocks window scroll */\n  <ModalProvider ref={ref}>\n    {/* All modals should be placed inside modal provider */}\n  </ModalProvider>\n);\n```\n\n## Modal\n```jsx\nimport { ModalProvider, Modal } from '@goodhood/modals';\n\nconst App = () => {\n  const [isActive, setAcive] = useState();\n\n  return (\n    <ModalProvider>\n      <span onClick={() => setAcive(true)}>Open modal</span>\n\n      {isActive && (\n        <Modal\n          {/* Overlay class attribute */}\n          className=\"string\"\n\n          {/* Content class attribute */}\n          bodyClassName=\"\"\n\n          {/* Prevent modal from closing */}\n          persist={true/false}\n\n          {/* Stick modal to the top */}\n          staticPosition={true/false}\n\n          {/* Handler to close modal */}\n          onClose={() => setAcive(false)}\n\n          {/* Called on unmount */}\n          onUnmount={() => {}}\n        >\n          {/* Modal content */}\n        </Modal>\n      )}\n    </ModalProvider>\n  );\n};\n```\n\n## Alert\n```jsx\nimport { ModalProvider, Alert } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Alert\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n    >\n      {/* Alert content */}\n    </Alert>\n  </ModalProvider>\n);\n```\n\n## Confirm\n```jsx\nimport { ModalProvider, Confirm } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Confirm\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for decline button */}\n      cancelLabel=\"string\"\n\n      {/* Text for confirm button */}\n      confirmLabel=\"string\"\n\n      {/* Lock buttons */}\n      locked={true/false}\n\n      {/* Invert buttons */}\n      inverted={true/false}\n\n      {/* Called on decline, DO NOT CONFUSE WITH onClose */}\n      onCancel={() => {}}\n\n      {/* Called on confirm */}\n      onConfirm={() => {}}\n    >\n      {/* Confirm content */}\n    </Confirm>\n  </ModalProvider>\n);\n```\n\n## IllustrationModal\n```jsx\nimport { ModalProvider, IllustrationModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <IllustrationModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n\n      {/* Image url */}\n      image=\"https://images.com/image.jpg\"\n\n      {/* Button node in the footer */}\n      button={<button>Hello</button>}\n    >\n      {/* IllustrationModal content */}\n    </IllustrationModal>\n  </ModalProvider>\n);\n```\n\n## ScrollableModal\n```jsx\nimport { ModalProvider, ScrollableModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <ScrollableModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Header node */}\n      header={<header class=\"ui-card-section\">Title</header>}\n\n      {/* Footer node */}\n      footer={<footer class=\"ui-card-section\">Footer</footer>}\n    >\n      {/* ScrollableModal content */}\n    </ScrollableModal>\n  </ModalProvider>\n);\n```\n\n# Development\n\n## Preview\n\n- `yarn start`\n- Visit http://localhost:3000\n\n## Add a new component\n\n- Create `src/*/index.jsx`\n  - Default exports will be re-exported with the map name\n  - Named exports will be re-exported as they are (watch out for collisions)\n    ```js\n      // src/map/index.jsx\n      export const ModalType = 123;\n      export Modal 666;\n\n      // usage\n      import { Modal, ModalType } from '@goodhood/modals';\n    ```\n- Create `src/*/index.stories.jsx`\n  - Preview will take it up automatically\n","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"ozerovs","email":"ozerovsa@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"6.14.13","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"14.17.3","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^2.2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_0.4.0-beta.4_1630949832198_0.5243650929649917","host":"s3://npm-registry-packages"}},"0.4.0":{"name":"@goodhood/modals","version":"0.4.0","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@0.4.0","maintainers":[{"name":"suprmax","email":"max@degterev.me"},{"name":"atomiomi","email":"atomio.ak@gmail.com"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"0b1f94386110500560055d03a45db38b6e887964","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-0.4.0.tgz","fileCount":30,"integrity":"sha512-6gwwn3kay0qdRzydQ+wdcVMInuMwijx2UXJKbOZ8K6tQqqJKQMUueYN01Bs99sF+/qMCqwQqXnYm0bDWnmWdjw==","signatures":[{"sig":"MEYCIQCKYVQ3t2ghQ2H+fyt+aEuSU/Hc9uyagCboBDna6AUjfAIhAO0qvqPG2ztO5EdNbXNj4RnozL9Y9vM6bMou3vLkVoP5","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":129558,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhNlmpCRA9TVsSAnZWagAALusP/j1VSrzc0PINmudJepfk\n3RbgVo8BRJtni2ENzMrN5XO/e78QIhpbKxReZ2qCBj+K1Y1B8isOdXbSGCUb\nFoUtWoBN2dcK7ed6tJgD6l8DOqCOnazhWdcfAluaAeQk41j+5m7uGX4cognY\nMFE6u6qHNBYqTbKXfCE6UJTyvV4TSUPh0PTNQ6SFxVnmx78TYZz6YWOcF7bN\nzTIcQvHV2goI31YcREaWxxOmvuTFaG5Aq06fZIFzwCrsiOF0kIUmsZVYzw/q\ncsoz74jgqvmyR1mM19wIm8RhfMwg1KwoEsFr1qVoKkCSK2dwZVFD4tYio+Pi\nJI08Wfr4n8LoNSZR3mT0XSbKNw8QqyZRRrGPHVK+AnbcVr0cQmiM4s9fOHdn\nnoZR4GiPszZDsCYjstej5jrVLMsLRkK7bgySjmV4DrFBIjgDkviOfLk+pKXw\n4u73jQL9lksFr6ABoGFY3iPe2fJWyVY3P+3DtDM3u9cBDdY+OQpO/3lPVn6X\n77wvYvD+fDMteuK8JaUxpdr+/NJ6GaekJtyBFHRmk2d2w+vkF76P1K+urhwL\nn3OZZYWQRT4Taf8PlE4QRg0b6nkwOGs23guJfdqSS4LBpEYBNxdvYnWhUK2F\njEcUwRWfAFQyJCSYmsXLTXd9tfRwm3LSUq1oPPOCgM03f2L0u+y5HRh4HHP+\n5YVU\r\n=Uh8S\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.esm.js","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"ozerovs","email":"ozerovsa@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"6.14.13","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"14.17.3","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^2.2.0"},"_hasShrinkwrap":false,"devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_0.4.0_1630951849717_0.2752172422413226","host":"s3://npm-registry-packages"}},"0.5.0-beta.0":{"name":"@goodhood/modals","version":"0.5.0-beta.0","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@0.5.0-beta.0","maintainers":[{"name":"suprmax","email":"max@degterev.me"},{"name":"atomiomi","email":"atomio.ak@gmail.com"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"a0c0cfee3e5ba15947436073c1cc026138817710","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-0.5.0-beta.0.tgz","fileCount":30,"integrity":"sha512-Mjxz6XRCKZyKFm1WTEk9Eq/StNOCilo2hmnBamvBq0K31tgyTYa4VqondKDecZsSOv3MtwYjAbNSXbDdsZIl8w==","signatures":[{"sig":"MEYCIQCU63Y4rjBa16KDybqNXus0AWMFakMBowL7IgxySM2kqAIhAJULVDztgveX9h9yFf9mp2gPobVp/eLVLQ6K7iouZ6ud","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":139838,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOKOxCRA9TVsSAnZWagAAXjYP/j3fGAF5ZJhHQ5uKimoX\nDzwwnHI2UKvbMD09KyfPLB6tCbwCFVBnA+tVF9V8xysa+jNG0EGPPvyQX5YF\ne7FGZNsyyuYkzIHzJGVvzBM8kMh/GuxX+2h6PXUj0wYNJxE7rPu8n/4jq3Y0\ngNKEN8vZRB5EjgRVLmeczEzfbVDioRc8Av6ZGBmAMwlej3YKSf5aK+YcH4DO\nG6uvbdAEXKrmucsCgIEHJMSgCaYu3BKc01lRT1EC2qKzc3IRpuT1lxabWx9B\nXDaNTf/a+ZUZHdDg3TeH3YpYmwE1RnLJEhBVeDqk1ll8r3wRUg5G3Q1CblUz\ndW/lTt2fq5KxosDT9OQ2szEJ4Pq07I0VMgsI/8MTRREQn5Oqxd9cdJMzUXGg\nPm0KyNjQaCHEuPo+FNUzOYKQwaNjpVhw7wfcWwV2yweMkNO4myZ9dgO1dDFk\nH+tU5M/ID4oUiON1KeErB10k0T6UWACpwa11BrotqQ+GexR8Mj4usGtdJPUK\nzH63wOpUViGDNcNyj1pQpTWTb20lC/920lieLfcXWZ4upGLzTwx6nsJYeeyz\nTE8mi2NUrYuzz6M8MfDpABrmJmmPW3xse6SWqj1fuhZwaQ15t/VCMxTJHxW4\nOhyjFPhO+sAe9U2m4UXMzt/RZSGIYsRJ8okL/gmBY9ZiCUI3OF+r2ALnEkIJ\nqwI9\r\n=or7r\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.esm.js","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"nomn","email":"i.m.nomn@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"7.21.0","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"14.16.1","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^2.2.0"},"_hasShrinkwrap":false,"devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_0.5.0-beta.0_1631101873520_0.5888366841084083","host":"s3://npm-registry-packages"}},"0.4.1":{"name":"@goodhood/modals","version":"0.4.1","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@0.4.1","maintainers":[{"name":"suprmax","email":"max@degterev.me"},{"name":"atomiomi","email":"atomio.ak@gmail.com"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"7cfabef5ddf0f95b796c84925a770d999e660d5e","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-0.4.1.tgz","fileCount":30,"integrity":"sha512-+UOIO6KUQxxn7VGxdVpwLEcMD8aFoT9AL4HAfjTA+9jICkJcefGItSKrEQAq0vOJPCudzrOekmJF8UL4wx6BrA==","signatures":[{"sig":"MEUCICJ8S68j7k+zqicLpRS5N+8GiuPgXZ85Z8/gfokW/G02AiEA0hix+NFoSeu03IBIJeLcbABk+Wwz4gdAiX6r5mrdiwI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":139831,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhObV9CRA9TVsSAnZWagAADEAP/iD2ZDywmL1VNpgsZzWe\nh1D80qy26VnDFMS2QQn7wpm25/AXnyfSrBQXWw/AGqQQJzKjpDYTQnRK8AHM\nNiXGHZ5b3SUaCqA6v/ieCukrqHcCkJFtz7FZMpTCk3aLtg58Ja+NWW1/Oe0v\nO2z7dXqqVwPY5sNxK04TGwv7SkKP/2DiPIQ9vwWxNwRKIA65f4j8+x2SiYeu\nMkJrN3IU2wlKZcH7aZlwoih0pUr9l8QWawTNNTEgsaHfRLG9ctARrWEJ9n60\nuL0TV0IZaNHkbe5SWWFXz/oJx/6Grsuw6m0awb5/9n0RmFdz2pxcheBSmI6/\ngXvZ1QxGdOANqZHwrn+Kp/lERsQtZKsFMRMWhMNdXaMly10l/2uT8h+10ZHB\ny+C75JEdWrVIYgKURv5tdQuGckc2DHeOxgibqC6FyWX7AbYTKwm4ZAIBvpY0\nO57b0XvfXkGY2s4DBNp3jVUWLGSa6i+/MtRDlnGejFiWz6h/nwP29byWBnUK\nJ/vR13muxQHSXVl106p6040lZvhBLEPKaRtnECbHpTVMJCOJPhGV8BGOJUin\nZNV0umLXhVH+7wnAeTF8G8uvluyhUqXW+XSzZ9CbLgeDCAJD3dJU5d6xRHAa\n67giezwPaCpM31gssltkP5ondPdtSVFOqofNK9+3zAeZckLy5D5klTQxhy1y\nrY8u\r\n=H8Io\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.esm.js","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"nomn","email":"i.m.nomn@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"7.21.0","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"14.16.1","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^2.2.0"},"_hasShrinkwrap":false,"devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_0.4.1_1631171965229_0.7078045804168676","host":"s3://npm-registry-packages"}},"0.4.2-beta.0":{"name":"@goodhood/modals","version":"0.4.2-beta.0","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@0.4.2-beta.0","maintainers":[{"name":"suprmax","email":"max@degterev.me"},{"name":"atomiomi","email":"atomio.ak@gmail.com"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"0d3d7df07e785141e3c105d77f65aebad7b5b7b6","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-0.4.2-beta.0.tgz","fileCount":31,"integrity":"sha512-7b0zQWRyyhUZ1vC2DmtSufSKqC1KUaJ56y4DOd9O13Kq9ofQzTB9LWaQsuUFAyOhn8tlyrDoV1sjWRwC+XZgZQ==","signatures":[{"sig":"MEUCIFnN6VoVczt3PoxZ5L/bLnQqDv7Bq80tQDvaDGYCraHXAiEAskKI0FMKI5E1sS9D0yCM8xKzIvANMvBGje9EDwo7B4w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":141201,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhP2M9CRA9TVsSAnZWagAAomIP/AkXwXof3xt0GKt0W4zR\ndUXc1jOhWxApU0v/BH5cH9e+Cm4kbNaJ/SgCFHiM46JMmwhjaS44CESf87Ma\nXwcycZZEORzD63FqcOEMKLM1fDiuHrW/tC8aZQTwmahKtXicleIrMAqMdQ5F\nvCAWrfsuQnNczYnRvIGVNDXxaBnDObSMrV1Y+TYAn0HWzVIHbCWBVfUxHZQy\nQowSdLbh+12YffKRH3A1v2EZGR3IZ6hBHx8NW98htc49yZyGvxgqbNKP74FF\nfbf52XxIhBMmKwy4Fdr7yvEJ685zkClfSc8UDwN6zFny+sLtkepmHABnj5PY\naBgGd8xkL30DP3V6fQ17zJCeSKWlL+nDcQy9zjhYHS5U8GXrrFDxJnW+vkar\n6N7oFB7T6m6Ycm7yBC1dx+KPCiVozgo85XU2n0kNYcmGDCdzNwmM3PG4+Kf9\nk8px2x3tkZ1ogRHvlFnd2mXA7SU3/Y6a46634A1OGwNaMw38OjQY5K3txcOb\n/S17CkZa9RNPE26V9fWhzDSuQ0QbFcfs8kRXQDvuTl1E8critxvUwWeGtCys\n1/HwmZPVn5t/uhw3yoKTXfr6Ia4Xq5kOMnRuyQA9yA7voj2QaGlHUdKLpIFa\nK2SpDHp5b151d4GKjRUKrUCodrSNK8Yq/RnDJNxdKHaE5mGpt8Y1hsC7f0Zs\njPaV\r\n=oOdq\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.esm.js","readme":"# `@goodhood/modals`\n\n> React modal components\n \n- [Preview](https://goodhood-eu.github.io/goodhood/packages/modals/preview/)\n\n\n## Install\n\n```\nnpm i @goodhood/modals\n```\n\nInstall peer dependencies\n```\nnpm i react // v16.x.x\nnpm i prop-types // v15.x.x\nnpm i @babel/runtime // v7.x.x\nnpm i @goodhood/components // >= v6.x.x\nnpm i nebenan-ui-kit // >= v5.x.x\nnpm i nebenan-helpers // >= v5.x.x\n```\n\nConfigurate module\n```js\nimport { configure } from '@goodhood/modals';\n\nconfigure({\n  track: // track function which will be called on modal open and close event\n});\n```\n\n## Import:\n\n```js\nimport Modal, { Alert, configure } from '@goodhood/modals';\n```\n\n# API\n\n## Modal\n```js\nimport { ModalProvider } from '@goodhood/modals';\n\nconst App = () => (\n  /* Imperative API:\n  - setModal(modalComponent): support legacy API for showing modals via function call\n  - lock(): locks window scroll\n  - unlock(): unlocks window scroll */\n  <ModalProvider ref={ref}>\n    {/* All modals should be placed inside modal provider */}\n  </ModalProvider>\n);\n```\n\n## Modal\n```jsx\nimport { ModalProvider, Modal } from '@goodhood/modals';\n\nconst App = () => {\n  const [isActive, setAcive] = useState();\n\n  return (\n    <ModalProvider>\n      <span onClick={() => setAcive(true)}>Open modal</span>\n\n      {isActive && (\n        <Modal\n          {/* Overlay class attribute */}\n          className=\"string\"\n\n          {/* Content class attribute */}\n          bodyClassName=\"\"\n\n          {/* Prevent modal from closing */}\n          persist={true/false}\n\n          {/* Stick modal to the top */}\n          staticPosition={true/false}\n\n          {/* Handler to close modal */}\n          onClose={() => setAcive(false)}\n\n          {/* Called on unmount */}\n          onUnmount={() => {}}\n        >\n          {/* Modal content */}\n        </Modal>\n      )}\n    </ModalProvider>\n  );\n};\n```\n\n## Alert\n```jsx\nimport { ModalProvider, Alert } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Alert\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n    >\n      {/* Alert content */}\n    </Alert>\n  </ModalProvider>\n);\n```\n\n## Confirm\n```jsx\nimport { ModalProvider, Confirm } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Confirm\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for decline button */}\n      cancelLabel=\"string\"\n\n      {/* Text for confirm button */}\n      confirmLabel=\"string\"\n\n      {/* Lock buttons */}\n      locked={true/false}\n\n      {/* Invert buttons */}\n      inverted={true/false}\n\n      {/* Called on decline, DO NOT CONFUSE WITH onClose */}\n      onCancel={() => {}}\n\n      {/* Called on confirm */}\n      onConfirm={() => {}}\n    >\n      {/* Confirm content */}\n    </Confirm>\n  </ModalProvider>\n);\n```\n\n## IllustrationModal\n```jsx\nimport { ModalProvider, IllustrationModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <IllustrationModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n\n      {/* Image url */}\n      image=\"https://images.com/image.jpg\"\n\n      {/* Button node in the footer */}\n      button={<button>Hello</button>}\n    >\n      {/* IllustrationModal content */}\n    </IllustrationModal>\n  </ModalProvider>\n);\n```\n\n## ScrollableModal\n```jsx\nimport { ModalProvider, ScrollableModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <ScrollableModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Header node */}\n      header={<header class=\"ui-card-section\">Title</header>}\n\n      {/* Footer node */}\n      footer={<footer class=\"ui-card-section\">Footer</footer>}\n    >\n      {/* ScrollableModal content */}\n    </ScrollableModal>\n  </ModalProvider>\n);\n```\n\n# Development\n\n## Preview\n\n- `yarn start`\n- Visit http://localhost:3000\n\n## Add a new component\n\n- Create `src/*/index.jsx`\n  - Default exports will be re-exported with the map name\n  - Named exports will be re-exported as they are (watch out for collisions)\n    ```js\n      // src/map/index.jsx\n      export const ModalType = 123;\n      export Modal 666;\n\n      // usage\n      import { Modal, ModalType } from '@goodhood/modals';\n    ```\n- Create `src/*/index.stories.jsx`\n  - Preview will take it up automatically\n","gitHead":"d9d3df0dbfebb00c4ce85c2194d0fdb935ea3421","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"peterhassler","email":"peter.h@nebenan.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"7.22.0","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"14.16.1","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^2.2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_0.4.2-beta.0_1631544125021_0.6619395145282492","host":"s3://npm-registry-packages"}},"0.4.2-beta.1":{"name":"@goodhood/modals","version":"0.4.2-beta.1","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@0.4.2-beta.1","maintainers":[{"name":"suprmax","email":"max@degterev.me"},{"name":"atomiomi","email":"atomio.ak@gmail.com"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"8dd509a8b3d2d7b1a8ce23eb29194d05ad412281","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-0.4.2-beta.1.tgz","fileCount":31,"integrity":"sha512-eBOY1/AarWkypfarRrQEpGadEST9kMwQbGwdQ2LNNia6Z6WciBv+ErnuKcLW42SyvT2f4GN1ld6i+DMAiMKi6w==","signatures":[{"sig":"MEYCIQCKjDvfMFiXJdwCa7r2U7alY5e2OvjL2ddnlbdGgFpvEwIhANmaljCX5DUhUgis3prL91WmKv6tUELUbOIj8EwqxxTH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":141283,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhP2YgCRA9TVsSAnZWagAAEMcQAITYUpvpM6CqvDj8qAyX\n7TyoYeB9a7ccVSZ4r2jicxUXh+WTUUn91RDfGFVxzztw9KyIK/lIoKa7lB4R\nG/zI1/Ab0MVaeaiBCVs3Iam5HW9qdGblO6ehItTggvdTQKA7nis22k3LodXh\nGqX7b57/+71k1WRP74HsQoeRWNnjK45rY3YC+oi9OzMa7wlM8aMaK0K5848Z\nJmV6YVTc4hgsdIUxvvsSRVMpgJRa6oCImsVCnf0MHv1gQbDHFi5T1UAe0sqH\nqgOObFcs5sPChP0GN7kQbKAzP7tWXCa8RiOgwsAQrwlrJIAA7Vm8LfiasgZ2\naIHuEJZqPdAorEAxt0v9yLU9WPFRP7ii5fRMamUEZU6KYsvesUi52rWqsGhE\nSfSHnwg/TGXfjGOBvtF+HL6LabCEg9QeS8K82a077KprPXVg5FI1QFO1WZyX\nzQm7wzbAH1bUfR63DTJbUa80FHqqwKr3RKfXaHn0p/dMA3LKliVjvMvgMWmK\nEEDYiBR9UycFDlRt07I21R2HWubXv6zGJLlwpCkjsVgrERWK+3bYoRbbatBq\nqzICpD2bnfEanj/iDcUA835yHZRNCVv41dJQM9L4gKbn0eeAZZjV4eiId9BD\nFo318beTMVqC7Lr0lGl+hDYmvajsY/DsV1H7ju3EY911fyL4+HgiRRrM0/71\npXKl\r\n=PlQ8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.esm.js","readme":"# `@goodhood/modals`\n\n> React modal components\n \n- [Preview](https://goodhood-eu.github.io/goodhood/packages/modals/preview/)\n\n\n## Install\n\n```\nnpm i @goodhood/modals\n```\n\nInstall peer dependencies\n```\nnpm i react // v16.x.x\nnpm i prop-types // v15.x.x\nnpm i @babel/runtime // v7.x.x\nnpm i @goodhood/components // >= v6.x.x\nnpm i nebenan-ui-kit // >= v5.x.x\nnpm i nebenan-helpers // >= v5.x.x\n```\n\nConfigurate module\n```js\nimport { configure } from '@goodhood/modals';\n\nconfigure({\n  track: // track function which will be called on modal open and close event\n});\n```\n\n## Import:\n\n```js\nimport Modal, { Alert, configure } from '@goodhood/modals';\n```\n\n# API\n\n## Modal\n```js\nimport { ModalProvider } from '@goodhood/modals';\n\nconst App = () => (\n  /* Imperative API:\n  - setModal(modalComponent): support legacy API for showing modals via function call\n  - lock(): locks window scroll\n  - unlock(): unlocks window scroll */\n  <ModalProvider ref={ref}>\n    {/* All modals should be placed inside modal provider */}\n  </ModalProvider>\n);\n```\n\n## Modal\n```jsx\nimport { ModalProvider, Modal } from '@goodhood/modals';\n\nconst App = () => {\n  const [isActive, setAcive] = useState();\n\n  return (\n    <ModalProvider>\n      <span onClick={() => setAcive(true)}>Open modal</span>\n\n      {isActive && (\n        <Modal\n          {/* Overlay class attribute */}\n          className=\"string\"\n\n          {/* Content class attribute */}\n          bodyClassName=\"\"\n\n          {/* Prevent modal from closing */}\n          persist={true/false}\n\n          {/* Stick modal to the top */}\n          staticPosition={true/false}\n\n          {/* Handler to close modal */}\n          onClose={() => setAcive(false)}\n\n          {/* Called on unmount */}\n          onUnmount={() => {}}\n        >\n          {/* Modal content */}\n        </Modal>\n      )}\n    </ModalProvider>\n  );\n};\n```\n\n## Alert\n```jsx\nimport { ModalProvider, Alert } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Alert\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n    >\n      {/* Alert content */}\n    </Alert>\n  </ModalProvider>\n);\n```\n\n## Confirm\n```jsx\nimport { ModalProvider, Confirm } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Confirm\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for decline button */}\n      cancelLabel=\"string\"\n\n      {/* Text for confirm button */}\n      confirmLabel=\"string\"\n\n      {/* Lock buttons */}\n      locked={true/false}\n\n      {/* Invert buttons */}\n      inverted={true/false}\n\n      {/* Called on decline, DO NOT CONFUSE WITH onClose */}\n      onCancel={() => {}}\n\n      {/* Called on confirm */}\n      onConfirm={() => {}}\n    >\n      {/* Confirm content */}\n    </Confirm>\n  </ModalProvider>\n);\n```\n\n## IllustrationModal\n```jsx\nimport { ModalProvider, IllustrationModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <IllustrationModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n\n      {/* Image url */}\n      image=\"https://images.com/image.jpg\"\n\n      {/* Button node in the footer */}\n      button={<button>Hello</button>}\n    >\n      {/* IllustrationModal content */}\n    </IllustrationModal>\n  </ModalProvider>\n);\n```\n\n## ScrollableModal\n```jsx\nimport { ModalProvider, ScrollableModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <ScrollableModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Header node */}\n      header={<header class=\"ui-card-section\">Title</header>}\n\n      {/* Footer node */}\n      footer={<footer class=\"ui-card-section\">Footer</footer>}\n    >\n      {/* ScrollableModal content */}\n    </ScrollableModal>\n  </ModalProvider>\n);\n```\n\n# Development\n\n## Preview\n\n- `yarn start`\n- Visit http://localhost:3000\n\n## Add a new component\n\n- Create `src/*/index.jsx`\n  - Default exports will be re-exported with the map name\n  - Named exports will be re-exported as they are (watch out for collisions)\n    ```js\n      // src/map/index.jsx\n      export const ModalType = 123;\n      export Modal 666;\n\n      // usage\n      import { Modal, ModalType } from '@goodhood/modals';\n    ```\n- Create `src/*/index.stories.jsx`\n  - Preview will take it up automatically\n","gitHead":"d9d3df0dbfebb00c4ce85c2194d0fdb935ea3421","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"peterhassler","email":"peter.h@nebenan.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"7.22.0","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"14.16.1","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^2.2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_0.4.2-beta.1_1631544864104_0.9448707995916996","host":"s3://npm-registry-packages"}},"0.4.2":{"name":"@goodhood/modals","version":"0.4.2","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@0.4.2","maintainers":[{"name":"suprmax","email":"max@degterev.me"},{"name":"atomiomi","email":"atomio.ak@gmail.com"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"507110bbe879a209760ac3b09be120a1f15df9c3","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-0.4.2.tgz","fileCount":31,"integrity":"sha512-sCfymEoxctu1VdnhxD2JfVV/HQlI6FWNLi7MJBDX7kl1QR1WBmKZcatKtsFxDr2q4o4vTxMps9tU+WhP8FOaZw==","signatures":[{"sig":"MEUCIHjkD/gG+mXXvFxdAUCerUSgYn7YWnnP2NKQGi1W0YZGAiEAxALlv0/oNGGs0lAZTzr+OVD42TzT3Tcy6D5GdIwh6uM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":141194,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhREUqCRA9TVsSAnZWagAAsKcP/i2682PG5jGpDUjVO/R8\nReHy6BD/OKh3zKQ6zs1MNrT5i9rcJ6VBHEYwsqiSLHIoCI/W0RmDYQB9xxNG\nFvmGjuBON+n8a3CL/AcXM660rbiSfiMALrDy6Yo/O+Qjcq2O8LI15aBBY+EK\nwPaTrtc0EzznP6N9eTQBlmZfF7FB6ZDx+5Wzu82EQmSsbIkQdKcw7pTD6vs7\nG9dHUDp1BoQFO8fJOQfN9bUrNDN3TB3JUP6pzJV2Q0a8Wnau0cUyd0m+eUcE\nTrIfwSOALKd2C0e4gwpijjN3cnybqrwC6tC5/y7Q8TKCENknuuYm+KfUxE5m\nKbDY58DeULkJv5iCuaemp0fnTn+fSOiC+aHOFGLc/VxnrrnJkVBhImjl3ty4\nSPmhJISIVsd9Zr2lRXbh77ksogxAil2jVffHgRnDHLOvwM+uuoX9ba585vy8\nJeynBnPP1eqmmMXfmbENufUUUrhxcYu3hkjNs63zFErpm4jDNb/TZNrCq0uW\nerlpRS53kZhCaGY2BzR84eKPn18MIX8DorspdcbCDSPeTXlkhCZzTBRpHr3n\no6/uggvlpAy1oLAAaEs8lsSpgzxf2Dtfsugy0M5HlFQ5wkT2kntWFu4GIJRS\nAm4Mv7CQh53OevlH2niD4Vndn1ndwHc+3PohxGEiwm6cgKlongvHnWti10d1\nCW4d\r\n=Mfao\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.esm.js","gitHead":"70e6967b86fa8a4a5bfa1b2fdd7375c3078ff9bf","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"peterhassler","email":"peter.h@nebenan.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"7.22.0","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"14.16.1","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^2.2.0"},"_hasShrinkwrap":false,"devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_0.4.2_1631864106568_0.6222166666196061","host":"s3://npm-registry-packages"}},"0.4.3-beta.0":{"name":"@goodhood/modals","version":"0.4.3-beta.0","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@0.4.3-beta.0","maintainers":[{"name":"eliasbraun","email":"elias.braun@nebenan.de"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"23cc873d2c59d8758503561e4b92aa997dc0d0d9","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-0.4.3-beta.0.tgz","fileCount":31,"integrity":"sha512-g7uORLYspKprZaEIyjhMefPApKA5KfindvalRazSo77NLet/5cVzyRpzYOg1UmKY7HgpyJjLWrj4ThfSZ/xgYQ==","signatures":[{"sig":"MEQCIBFRV76xd7PKvXIceuZg/6+kyuFxfNnVvqtzp8eREdcjAiAEdxE6Qvn3Q/DKZNosgAn7JyMTZ4cs2RdPx0kw7+DXRQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":141183},"main":"lib/index.js","module":"lib/index.esm.js","readme":"# `@goodhood/modals`\n\n> React modal components\n \n- [Preview](https://goodhood-eu.github.io/goodhood/packages/modals/preview/)\n\n\n## Install\n\n```\nnpm i @goodhood/modals\n```\n\nInstall peer dependencies\n```\nnpm i react // v16.x.x\nnpm i prop-types // v15.x.x\nnpm i @babel/runtime // v7.x.x\nnpm i @goodhood/components // >= v6.x.x\nnpm i nebenan-ui-kit // >= v5.x.x\nnpm i nebenan-helpers // >= v5.x.x\n```\n\nConfigurate module\n```js\nimport { configure } from '@goodhood/modals';\n\nconfigure({\n  track: // track function which will be called on modal open and close event\n});\n```\n\n## Import:\n\n```js\nimport Modal, { Alert, configure } from '@goodhood/modals';\n```\n\n# API\n\n## Modal\n```js\nimport { ModalProvider } from '@goodhood/modals';\n\nconst App = () => (\n  /* Imperative API:\n  - setModal(modalComponent): support legacy API for showing modals via function call\n  - lock(): locks window scroll\n  - unlock(): unlocks window scroll */\n  <ModalProvider ref={ref}>\n    {/* All modals should be placed inside modal provider */}\n  </ModalProvider>\n);\n```\n\n## Modal\n```jsx\nimport { ModalProvider, Modal } from '@goodhood/modals';\n\nconst App = () => {\n  const [isActive, setAcive] = useState();\n\n  return (\n    <ModalProvider>\n      <span onClick={() => setAcive(true)}>Open modal</span>\n\n      {isActive && (\n        <Modal\n          {/* Overlay class attribute */}\n          className=\"string\"\n\n          {/* Content class attribute */}\n          bodyClassName=\"\"\n\n          {/* Prevent modal from closing */}\n          persist={true/false}\n\n          {/* Stick modal to the top */}\n          staticPosition={true/false}\n\n          {/* Handler to close modal */}\n          onClose={() => setAcive(false)}\n\n          {/* Called on unmount */}\n          onUnmount={() => {}}\n        >\n          {/* Modal content */}\n        </Modal>\n      )}\n    </ModalProvider>\n  );\n};\n```\n\n## Alert\n```jsx\nimport { ModalProvider, Alert } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Alert\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n    >\n      {/* Alert content */}\n    </Alert>\n  </ModalProvider>\n);\n```\n\n## Confirm\n```jsx\nimport { ModalProvider, Confirm } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Confirm\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for decline button */}\n      cancelLabel=\"string\"\n\n      {/* Text for confirm button */}\n      confirmLabel=\"string\"\n\n      {/* Lock buttons */}\n      locked={true/false}\n\n      {/* Invert buttons */}\n      inverted={true/false}\n\n      {/* Called on decline, DO NOT CONFUSE WITH onClose */}\n      onCancel={() => {}}\n\n      {/* Called on confirm */}\n      onConfirm={() => {}}\n    >\n      {/* Confirm content */}\n    </Confirm>\n  </ModalProvider>\n);\n```\n\n## IllustrationModal\n```jsx\nimport { ModalProvider, IllustrationModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <IllustrationModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n\n      {/* Image url */}\n      image=\"https://images.com/image.jpg\"\n\n      {/* Button node in the footer */}\n      button={<button>Hello</button>}\n    >\n      {/* IllustrationModal content */}\n    </IllustrationModal>\n  </ModalProvider>\n);\n```\n\n## ScrollableModal\n```jsx\nimport { ModalProvider, ScrollableModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <ScrollableModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Header node */}\n      header={<header class=\"ui-card-section\">Title</header>}\n\n      {/* Footer node */}\n      footer={<footer class=\"ui-card-section\">Footer</footer>}\n    >\n      {/* ScrollableModal content */}\n    </ScrollableModal>\n  </ModalProvider>\n);\n```\n\n# Development\n\n## Preview\n\n- `yarn start`\n- Visit http://localhost:3000\n\n## Add a new component\n\n- Create `src/*/index.jsx`\n  - Default exports will be re-exported with the map name\n  - Named exports will be re-exported as they are (watch out for collisions)\n    ```js\n      // src/map/index.jsx\n      export const ModalType = 123;\n      export Modal 666;\n\n      // usage\n      import { Modal, ModalType } from '@goodhood/modals';\n    ```\n- Create `src/*/index.stories.jsx`\n  - Preview will take it up automatically\n","gitHead":"76d1b3cd84df1631d6bfee98dd143b79d357bf18","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"peterhassler","email":"peter.h@nebenan.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"7.24.2","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"14.16.1","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^2.2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_0.4.3-beta.0_1634738528096_0.4262023768114842","host":"s3://npm-registry-packages"}},"0.4.4-beta.0":{"name":"@goodhood/modals","version":"0.4.4-beta.0","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@0.4.4-beta.0","maintainers":[{"name":"eliasbraun","email":"elias.braun@nebenan.de"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"8088553634835306874b3a282a203653c93850c1","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-0.4.4-beta.0.tgz","fileCount":31,"integrity":"sha512-9m3JmTsLkxPqGtwfLRM2c9js9tptT01h5Vu7zPn8MOOPMt3skz67DWjzzNSKtaXwu/A92I0cxcvdIDlwzqNWMA==","signatures":[{"sig":"MEUCIQCpIUD4E0NbNk3BRJ3Gep4aRXh1hzzHkSdNKjjn2risvwIgMAKYddUFhsEtQqR8lgkdSaTJaWjvYGlQip9iywWbbDc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":141672},"main":"lib/index.js","module":"lib/index.esm.js","readme":"# `@goodhood/modals`\n\n> React modal components\n \n- [Preview](https://goodhood-eu.github.io/goodhood/packages/modals/preview/)\n\n\n## Install\n\n```\nnpm i @goodhood/modals\n```\n\nInstall peer dependencies\n```\nnpm i react // v16.x.x\nnpm i prop-types // v15.x.x\nnpm i @babel/runtime // v7.x.x\nnpm i @goodhood/components // >= v6.x.x\nnpm i nebenan-ui-kit // >= v5.x.x\nnpm i nebenan-helpers // >= v5.x.x\n```\n\nConfigurate module\n```js\nimport { configure } from '@goodhood/modals';\n\nconfigure({\n  track: // track function which will be called on modal open and close event\n});\n```\n\n## Import:\n\n```js\nimport Modal, { Alert, configure } from '@goodhood/modals';\n```\n\n# API\n\n## Modal\n```js\nimport { ModalProvider } from '@goodhood/modals';\n\nconst App = () => (\n  /* Imperative API:\n  - setModal(modalComponent): support legacy API for showing modals via function call\n  - lock(): locks window scroll\n  - unlock(): unlocks window scroll */\n  <ModalProvider ref={ref}>\n    {/* All modals should be placed inside modal provider */}\n  </ModalProvider>\n);\n```\n\n## Modal\n```jsx\nimport { ModalProvider, Modal } from '@goodhood/modals';\n\nconst App = () => {\n  const [isActive, setAcive] = useState();\n\n  return (\n    <ModalProvider>\n      <span onClick={() => setAcive(true)}>Open modal</span>\n\n      {isActive && (\n        <Modal\n          {/* Overlay class attribute */}\n          className=\"string\"\n\n          {/* Content class attribute */}\n          bodyClassName=\"\"\n\n          {/* Prevent modal from closing */}\n          persist={true/false}\n\n          {/* Stick modal to the top */}\n          staticPosition={true/false}\n\n          {/* Handler to close modal */}\n          onClose={() => setAcive(false)}\n\n          {/* Called on unmount */}\n          onUnmount={() => {}}\n        >\n          {/* Modal content */}\n        </Modal>\n      )}\n    </ModalProvider>\n  );\n};\n```\n\n## Alert\n```jsx\nimport { ModalProvider, Alert } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Alert\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n    >\n      {/* Alert content */}\n    </Alert>\n  </ModalProvider>\n);\n```\n\n## Confirm\n```jsx\nimport { ModalProvider, Confirm } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Confirm\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for decline button */}\n      cancelLabel=\"string\"\n\n      {/* Text for confirm button */}\n      confirmLabel=\"string\"\n\n      {/* Lock buttons */}\n      locked={true/false}\n\n      {/* Invert buttons */}\n      inverted={true/false}\n\n      {/* Called on decline, DO NOT CONFUSE WITH onClose */}\n      onCancel={() => {}}\n\n      {/* Called on confirm */}\n      onConfirm={() => {}}\n    >\n      {/* Confirm content */}\n    </Confirm>\n  </ModalProvider>\n);\n```\n\n## IllustrationModal\n```jsx\nimport { ModalProvider, IllustrationModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <IllustrationModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n\n      {/* Image url */}\n      image=\"https://images.com/image.jpg\"\n\n      {/* Button node in the footer */}\n      button={<button>Hello</button>}\n    >\n      {/* IllustrationModal content */}\n    </IllustrationModal>\n  </ModalProvider>\n);\n```\n\n## ScrollableModal\n```jsx\nimport { ModalProvider, ScrollableModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <ScrollableModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Header node */}\n      header={<header class=\"ui-card-section\">Title</header>}\n\n      {/* Footer node */}\n      footer={<footer class=\"ui-card-section\">Footer</footer>}\n    >\n      {/* ScrollableModal content */}\n    </ScrollableModal>\n  </ModalProvider>\n);\n```\n\n# Development\n\n## Preview\n\n- `yarn start`\n- Visit http://localhost:3000\n\n## Add a new component\n\n- Create `src/*/index.jsx`\n  - Default exports will be re-exported with the map name\n  - Named exports will be re-exported as they are (watch out for collisions)\n    ```js\n      // src/map/index.jsx\n      export const ModalType = 123;\n      export Modal 666;\n\n      // usage\n      import { Modal, ModalType } from '@goodhood/modals';\n    ```\n- Create `src/*/index.stories.jsx`\n  - Preview will take it up automatically\n","gitHead":"76d1b3cd84df1631d6bfee98dd143b79d357bf18","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"peterhassler","email":"peter.h@nebenan.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"7.24.2","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"14.16.1","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^2.2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_0.4.4-beta.0_1634743687414_0.7868916348475903","host":"s3://npm-registry-packages"}},"0.4.3":{"name":"@goodhood/modals","version":"0.4.3","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@0.4.3","maintainers":[{"name":"eliasbraun","email":"elias.braun@nebenan.de"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"281cce02c4357ad77f7c89c8c1bbc2705d678459","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-0.4.3.tgz","fileCount":31,"integrity":"sha512-aboD+FGG83KtIG3zrUn5S9DYTuOHV9RMHG5U0uxYSnLSv5CZ3JU1otZJUaS1WZay2X+D0plrRioxqSpfASlupQ==","signatures":[{"sig":"MEUCIQCoLkYYI2qH7Rd0FeA+ZfNSr9W4MCef7w6lBxVKjGZTQQIgcW6eS5VgDRWAdtdnoh/5R9n87w4qhQC8tWYyYVYG74I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":141853},"main":"lib/index.js","module":"lib/index.esm.js","gitHead":"588cdcb7bdf41f8962a044d611aefda0688fd0f5","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"peterhassler","email":"peter.h@nebenan.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"7.24.2","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"14.16.1","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^2.2.0"},"_hasShrinkwrap":false,"devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_0.4.3_1635341750880_0.04314457527044335","host":"s3://npm-registry-packages"}},"0.4.4":{"name":"@goodhood/modals","version":"0.4.4","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@0.4.4","maintainers":[{"name":"eliasbraun","email":"elias.braun@nebenan.de"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"a02f2e450fde529eafee14020343f19cee4b9fe3","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-0.4.4.tgz","fileCount":31,"integrity":"sha512-wwtHGyz2mMNGL4Y98Gg91+6gEL8UTGE290eV+GK8kpP2WmYXLn83zToHJrZjB5JMBo5H86vyqsreYBKoiOxfMA==","signatures":[{"sig":"MEYCIQD9dazuEfta4O4r1rIwjjo5WO/ApyQfWq3aTgn2tvIT9wIhANVFJazAOnNAjyLAvsn1bE32m/HFjivXiTwRG6JcNqc+","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":141835},"main":"lib/index.js","module":"lib/index.esm.js","gitHead":"fd9a210e633d996511a8867b47009edf61971dd8","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"peterhassler","email":"peter.h@nebenan.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"7.24.2","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"14.16.1","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^2.2.0"},"_hasShrinkwrap":false,"devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0","@goodhood/components":"^6.1.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_0.4.4_1635342193197_0.22145278094036835","host":"s3://npm-registry-packages"}},"0.5.0":{"name":"@goodhood/modals","version":"0.5.0","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@0.5.0","maintainers":[{"name":"eliasbraun","email":"elias.braun@nebenan.de"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"8e2a50a8a9abe83b4189dcd6868b19b0a3046ba0","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-0.5.0.tgz","fileCount":31,"integrity":"sha512-CSbbutZvLGP/DhCtcWUCVkP7BD2TRdtpSuHAAgHG2yPcrZ2DIASgUydW/X+0ceOs+3g43b4UTKLvKh0QinJN/Q==","signatures":[{"sig":"MEUCIQDz8TIRT+h+QicxlJ9UesYxNs1pFp9/nk460IZf0nEkIAIgHxzX959t88BrF2VPsSd8Ar0gHpiFD7MJL9CVXeMzKMU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":141835},"main":"lib/index.js","module":"lib/index.esm.js","gitHead":"60e923bed0fc76deb4f7859e04a85bb8b0f8c6ee","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"eliasbraun","email":"elias.braun@nebenan.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"7.21.1","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^2.2.0"},"_hasShrinkwrap":false,"devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^6.0.0","@goodhood/components":"^6.1.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^6.0.0","@goodhood/components":"^6.4.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_0.5.0_1635492564946_0.2641797836470978","host":"s3://npm-registry-packages"}},"0.5.1":{"name":"@goodhood/modals","version":"0.5.1","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@0.5.1","maintainers":[{"name":"eliasbraun","email":"elias.braun@nebenan.de"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"5a33270cacf81152bda36d4ee17d89f85f40adac","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-0.5.1.tgz","fileCount":31,"integrity":"sha512-HDgVM8PzBkG36JGwl/1le8Urj78DjsyODaQ6Qsr3cNAAzCrl/9TuFYDfr9Ixm/X5a/0/VV/DqvNm7/ti/d0dWA==","signatures":[{"sig":"MEYCIQCQC0UrjGj6YS6MDP37bf6OR996nBCwbK2HNxvJOWcs9QIhAIFufOr0chkJVDJ1MrWaEiwG6on7RhnnjYZsUbmPXByN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":141845},"main":"lib/index.js","module":"lib/index.esm.js","gitHead":"8f95168fb4d8c8e27fc58efb871969b1bc8d2878","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"peterhassler","email":"peter.h@nebenan.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"7.24.2","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"14.16.1","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^2.2.0"},"_hasShrinkwrap":false,"devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^6.0.0","@goodhood/components":"^6.1.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0 || ^6.0.0","@goodhood/components":"^6.4.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_0.5.1_1635493399638_0.9729563116291207","host":"s3://npm-registry-packages"}},"0.5.2":{"name":"@goodhood/modals","version":"0.5.2","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@0.5.2","maintainers":[{"name":"eliasbraun","email":"elias.braun@nebenan.de"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"c72873e3eaf38be36dcc4843487ab59328e595d3","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-0.5.2.tgz","fileCount":31,"integrity":"sha512-13w1/RC7jLfGg+x4TszJQ0KQba302yuIeK8tfCWV9KWZJOBrwAlwVDnKrQ66kZ3w1dMt3Izw3Jmra3y/i4k0Nw==","signatures":[{"sig":"MEUCIQDGsO+Lh0xqP+vlEF+rRC4JUw3H3nzv46wkt+P5LkRZiAIgaEXNuO7kzO+Mx68l5F1u2g7K1DFrrZUrtH32rCoC3rM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":141845},"main":"lib/index.js","module":"lib/index.esm.js","gitHead":"26a3cbeb336882ca1bb04babcc25f00192ac7730","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"peterhassler","email":"peter.h@nebenan.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"7.24.2","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"14.16.1","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^2.2.0"},"_hasShrinkwrap":false,"devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^6.0.0","@goodhood/components":"^6.1.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0 || ^6.0.0","@goodhood/components":"^6.1.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_0.5.2_1635493786692_0.14858769676602224","host":"s3://npm-registry-packages"}},"1.0.0-beta.0":{"name":"@goodhood/modals","version":"1.0.0-beta.0","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@1.0.0-beta.0","maintainers":[{"name":"iamuchejude","email":"iamuchejude@gmail.com"},{"name":"eliasbraun","email":"elias.braun@nebenan.de"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"172545d990f6ef6abd6da9edf2cfbabf8623e4c2","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-1.0.0-beta.0.tgz","fileCount":32,"integrity":"sha512-JHaxT1HVvzFOGJSpYahGg0u39udTFUm/v8gWgwJqHrgiIDVuV6hCTUasOfQSA+r3rJ+9N/n8x4CxNJeBgglZPA==","signatures":[{"sig":"MEUCIGWSTtdGYoZ4FrBOZEpbDtnPoE2ETZPM8Xzz2lUgVs42AiEAlteCBGqHqooetlBQhJYld/AxUrNNDO8u6Z4oBQzZC8I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3011320,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh2C5wCRA9TVsSAnZWagAAb5gP/ixw43BS9u7NiZk8wE52\nJTWNBWlVuyqRLTS0d2iR4eQ52gpdb5Ejk2ubJS7Kl/1/fpD3PcPhSq/A2S3Q\nQnEKyAaS/fUy5R8pceHBPw7gHZdPFxnsyz4Gd0I08HkPErSbVu0OlgGSonoE\nR+4z78ySUa5nDT01TT86sdxn7tt6RvN19wNvu+QHElfwrP5+egI0io3FkEKi\nerGCIHnApkZmtWQPdMCuQ7hR7P7XuQUx0X7o1HrG4wOx7J8R+QL2aOfVnm64\nOVgo9c+O64oesiqRdh35bgXY3dzxgxt2b/pJ57uG8xtqz2HkwwnMsIdqjXen\n5DOVktS6BJDkO1uqqMZJk7ujnOyhwvUdJeAXTj2rhuqFGDv8y0AwmrugCtAY\nZ8xCGn3xsurTixmAQJ6rCMLLUn5af5CmscH7APh6QMutRBBqtgQogj96vA2o\n6SA6nYOSywalEbY+TOOTSRamdlAk6Ibei8LWrim3maAAk6D/hFPvfBt639f/\nFLUVDm/iD+XcezZNO8m75iHGSf+gHllTdcNQOgHiLaNyYJeR/3Z2gE80SxEn\nUDZ/HWP35bGPV0PmS5598t6d+28GoAbev2e3TcQ4ShviUbPrMKWi+4m+ABgu\nP1v9JJ3MyRk56XFdrof8BDJ0M/ySi6UdCIjPUjNz8qXYt/FhbZvK/fPS1I5m\nglKY\r\n=QYlL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.esm.js","readme":"# `@goodhood/modals`\n\n> React modal components\n \n- [Preview](https://goodhood-eu.github.io/goodhood/packages/modals/preview/)\n\n\n## Install\n\n```\nnpm i @goodhood/modals\n```\n\nInstall peer dependencies\n```\nnpm i react // v16.x.x\nnpm i prop-types // v15.x.x\nnpm i @babel/runtime // v7.x.x\nnpm i @goodhood/components // >= v6.x.x\nnpm i nebenan-ui-kit // >= v5.x.x\nnpm i nebenan-helpers // >= v5.x.x\n```\n\nConfigurate module\n```js\nimport { configure } from '@goodhood/modals';\n\nconfigure({\n  track: // track function which will be called on modal open and close event\n});\n```\n\n## Import:\n\n```js\nimport Modal, { Alert, configure } from '@goodhood/modals';\n```\n\n# API\n\n## Modal\n```js\nimport { ModalProvider } from '@goodhood/modals';\n\nconst App = () => (\n  /* Imperative API:\n  - setModal(modalComponent): support legacy API for showing modals via function call\n  - lock(): locks window scroll\n  - unlock(): unlocks window scroll */\n  <ModalProvider ref={ref}>\n    {/* All modals should be placed inside modal provider */}\n  </ModalProvider>\n);\n```\n\n## Modal\n```jsx\nimport { ModalProvider, Modal } from '@goodhood/modals';\n\nconst App = () => {\n  const [isActive, setAcive] = useState();\n\n  return (\n    <ModalProvider>\n      <span onClick={() => setAcive(true)}>Open modal</span>\n\n      {isActive && (\n        <Modal\n          {/* Overlay class attribute */}\n          className=\"string\"\n\n          {/* Content class attribute */}\n          bodyClassName=\"\"\n\n          {/* Prevent modal from closing */}\n          persist={true/false}\n\n          {/* Stick modal to the top */}\n          staticPosition={true/false}\n\n          {/* Handler to close modal */}\n          onClose={() => setAcive(false)}\n\n          {/* Called on unmount */}\n          onUnmount={() => {}}\n        >\n          {/* Modal content */}\n        </Modal>\n      )}\n    </ModalProvider>\n  );\n};\n```\n\n## Alert\n```jsx\nimport { ModalProvider, Alert } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Alert\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n    >\n      {/* Alert content */}\n    </Alert>\n  </ModalProvider>\n);\n```\n\n## Confirm\n```jsx\nimport { ModalProvider, Confirm } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Confirm\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for decline button */}\n      cancelLabel=\"string\"\n\n      {/* Text for confirm button */}\n      confirmLabel=\"string\"\n\n      {/* Lock buttons */}\n      locked={true/false}\n\n      {/* Invert buttons */}\n      inverted={true/false}\n\n      {/* Called on decline, DO NOT CONFUSE WITH onClose */}\n      onCancel={() => {}}\n\n      {/* Called on confirm */}\n      onConfirm={() => {}}\n    >\n      {/* Confirm content */}\n    </Confirm>\n  </ModalProvider>\n);\n```\n\n## IllustrationModal\n```jsx\nimport { ModalProvider, IllustrationModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <IllustrationModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n\n      {/* Image url */}\n      image=\"https://images.com/image.jpg\"\n\n      {/* Button node in the footer */}\n      button={<button>Hello</button>}\n    >\n      {/* IllustrationModal content */}\n    </IllustrationModal>\n  </ModalProvider>\n);\n```\n\n## ScrollableModal\n```jsx\nimport { ModalProvider, ScrollableModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <ScrollableModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Header node */}\n      header={<header class=\"ui-card-section\">Title</header>}\n\n      {/* Footer node */}\n      footer={<footer class=\"ui-card-section\">Footer</footer>}\n    >\n      {/* ScrollableModal content */}\n    </ScrollableModal>\n  </ModalProvider>\n);\n```\n\n# Development\n\n## Preview\n\n- `yarn start`\n- Visit http://localhost:3000\n\n## Add a new component\n\n- Create `src/*/index.jsx`\n  - Default exports will be re-exported with the map name\n  - Named exports will be re-exported as they are (watch out for collisions)\n    ```js\n      // src/map/index.jsx\n      export const ModalType = 123;\n      export Modal 666;\n\n      // usage\n      import { Modal, ModalType } from '@goodhood/modals';\n    ```\n- Create `src/*/index.stories.jsx`\n  - Preview will take it up automatically\n","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"nomn","email":"i.m.nomn@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"6.14.15","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"14.18.1","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^2.2.0","nebenan-keymanager":"^1.0.1"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^7.0.0-beta.0","@goodhood/components":"^6.1.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","@goodhood/components":"^6.1.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_1.0.0-beta.0_1641557615861_0.5305119401848686","host":"s3://npm-registry-packages"}},"0.5.3-beta.0":{"name":"@goodhood/modals","version":"0.5.3-beta.0","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@0.5.3-beta.0","maintainers":[{"name":"iamuchejude","email":"iamuchejude@gmail.com"},{"name":"eliasbraun","email":"elias.braun@nebenan.de"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"064c235369d0eedfdaf5dfebf8505183c64fbdbe","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-0.5.3-beta.0.tgz","fileCount":33,"integrity":"sha512-xGXCcvJ4vfVFj+6c4rCDkheG4Qud2pVzi6HGdZf9H4OOcFtQDjXzuc6D2a4aQMYIbSnNChoyHNVevTeSkq211Q==","signatures":[{"sig":"MEYCIQDCl0KFiQf+bLEL505JeHCUNGeDwsjulyibSSyaPClSOQIhALd1OV2cbl+I2TpOQmF82oPQfReE+1rdNCMgPwaOz0NA","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":146518,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5sQ3CRA9TVsSAnZWagAArLIP/igk2GfBfsZKb71xy0EQ\nAgAKn6phMKYgj2HNfeqOGO562qDDtaGvfjmUeIewbHkAwfG+ZpECnsBsHOkt\no2attbirGMBb6P32KeBVUe95UNFeIKXE7hkyD5l9JQEMZQfcJCz1CbtyWvvk\nG+ylqp8K1g5pFqfbS1h1Xu1CkBwzxchf12aDxRPa07TWh3wtv2LRptsvHGXc\nJZbjx3l3uaZZc5ymIS7bbe6UkTBDhNH7uewKrrITlOaUQWlDGo/5KFdMCfzu\n01zDdskX2d9NO331u0IP1vV4WCgSfQVJR8Jyu01XPWKIJIdNI7FE7v37p2PK\noK1bviZiqmF3tcT7VF8z2/1mM0ujGr8nkTzdlKXcZtwIHZ1kyomwcy5dxvTZ\noJNPmACAycwc93VKs55Fjddc/jHY3X3JAdruZD8MFrT24hW/OOEjV9qo0iXD\nRgiKgQ0lWBzCfKcu/xBvdIDnsX1GDNUcaCGcFmF69s0huOx3yxdU3CUBA6Ya\niItn8KcVQcAGIENefOZiy5ZNT7M9YzmNxPkyma/rTelqBFN6lYNrl4PS2oVA\nSxiobysI8l3uvXiaDw8Hw2KiBs6j8MwZYa1KS47/FBHg7zPL2J9ff0sHG8Ti\nY5PHq1JbFmlJKumZ5N7I4R91fRGK+5iUrRmR4GgH8S68/+sZCJb+eKJMofGF\nqLSP\r\n=vz1n\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.esm.js","readme":"# `@goodhood/modals`\n\n> React modal components\n \n- [Preview](https://goodhood-eu.github.io/goodhood/packages/modals/preview/)\n\n\n## Install\n\n```\nnpm i @goodhood/modals\n```\n\nInstall peer dependencies\n```\nnpm i react // v16.x.x\nnpm i prop-types // v15.x.x\nnpm i @babel/runtime // v7.x.x\nnpm i @goodhood/components // >= v6.x.x\nnpm i nebenan-ui-kit // >= v5.x.x\nnpm i nebenan-helpers // >= v5.x.x\n```\n\nConfigurate module\n```js\nimport { configure } from '@goodhood/modals';\n\nconfigure({\n  track: // track function which will be called on modal open and close event\n});\n```\n\n## Import:\n\n```js\nimport Modal, { Alert, configure } from '@goodhood/modals';\n```\n\n# API\n\n## Modal\n```js\nimport { ModalProvider } from '@goodhood/modals';\n\nconst App = () => (\n  /* Imperative API:\n  - setModal(modalComponent): support legacy API for showing modals via function call\n  - lock(): locks window scroll\n  - unlock(): unlocks window scroll */\n  <ModalProvider ref={ref}>\n    {/* All modals should be placed inside modal provider */}\n  </ModalProvider>\n);\n```\n\n## Modal\n```jsx\nimport { ModalProvider, Modal } from '@goodhood/modals';\n\nconst App = () => {\n  const [isActive, setAcive] = useState();\n\n  return (\n    <ModalProvider>\n      <span onClick={() => setAcive(true)}>Open modal</span>\n\n      {isActive && (\n        <Modal\n          {/* Overlay class attribute */}\n          className=\"string\"\n\n          {/* Content class attribute */}\n          bodyClassName=\"\"\n\n          {/* Prevent modal from closing */}\n          persist={true/false}\n\n          {/* Stick modal to the top */}\n          staticPosition={true/false}\n\n          {/* Handler to close modal */}\n          onClose={() => setAcive(false)}\n\n          {/* Called on unmount */}\n          onUnmount={() => {}}\n        >\n          {/* Modal content */}\n        </Modal>\n      )}\n    </ModalProvider>\n  );\n};\n```\n\n## Alert\n```jsx\nimport { ModalProvider, Alert } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Alert\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n    >\n      {/* Alert content */}\n    </Alert>\n  </ModalProvider>\n);\n```\n\n## Confirm\n```jsx\nimport { ModalProvider, Confirm } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Confirm\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for decline button */}\n      cancelLabel=\"string\"\n\n      {/* Text for confirm button */}\n      confirmLabel=\"string\"\n\n      {/* Lock buttons */}\n      locked={true/false}\n\n      {/* Invert buttons */}\n      inverted={true/false}\n\n      {/* Called on decline, DO NOT CONFUSE WITH onClose */}\n      onCancel={() => {}}\n\n      {/* Called on confirm */}\n      onConfirm={() => {}}\n    >\n      {/* Confirm content */}\n    </Confirm>\n  </ModalProvider>\n);\n```\n\n## IllustrationModal\n```jsx\nimport { ModalProvider, IllustrationModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <IllustrationModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n\n      {/* Image url */}\n      image=\"https://images.com/image.jpg\"\n\n      {/* Button node in the footer */}\n      button={<button>Hello</button>}\n    >\n      {/* IllustrationModal content */}\n    </IllustrationModal>\n  </ModalProvider>\n);\n```\n\n## ScrollableModal\n```jsx\nimport { ModalProvider, ScrollableModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <ScrollableModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Header node */}\n      header={<header class=\"ui-card-section\">Title</header>}\n\n      {/* Footer node */}\n      footer={<footer class=\"ui-card-section\">Footer</footer>}\n    >\n      {/* ScrollableModal content */}\n    </ScrollableModal>\n  </ModalProvider>\n);\n```\n\n# Development\n\n## Preview\n\n- `yarn start`\n- Visit http://localhost:3000\n\n## Add a new component\n\n- Create `src/*/index.jsx`\n  - Default exports will be re-exported with the map name\n  - Named exports will be re-exported as they are (watch out for collisions)\n    ```js\n      // src/map/index.jsx\n      export const ModalType = 123;\n      export Modal 666;\n\n      // usage\n      import { Modal, ModalType } from '@goodhood/modals';\n    ```\n- Create `src/*/index.stories.jsx`\n  - Preview will take it up automatically\n","gitHead":"700b5e3d18d8b7c59b018282488299a53a2aef84","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"peterhassler","email":"peter.h@nebenan.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"7.24.2","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"14.16.1","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^2.2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^6.0.0","@goodhood/components":"^6.1.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0 || ^6.0.0","@goodhood/components":"^6.1.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_0.5.3-beta.0_1642513463384_0.04109156280270643","host":"s3://npm-registry-packages"}},"0.5.3":{"name":"@goodhood/modals","version":"0.5.3","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@0.5.3","maintainers":[{"name":"iamuchejude","email":"iamuchejude@gmail.com"},{"name":"eliasbraun","email":"elias.braun@nebenan.de"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"f31763b8431b20a5f32c664d3cade75d2b94fc38","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-0.5.3.tgz","fileCount":33,"integrity":"sha512-Z97dfzey1/Lr3b5I/3uYhGZeSlRHXw5sdLpI9C4UrIHsXlzyryQJvURfGtmPCtqQ7P22C03IhOifFLt4S4P8FQ==","signatures":[{"sig":"MEUCIQDLp24I4bNEYJo9fbDDKXy0HSycj2YdoF1YoZg2rQi4MwIgBRofJaQfGJsEntnb+Gm4spZGZlHhgGVnDcMZZjqd+ns=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":146520,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh5+e1CRA9TVsSAnZWagAAr+IP/jV4YxZzvuOcHmHB7W0g\n6foHjlG+Oa8848SJZDSSXAzFgc5kZWdr/RFTAfUG06KJvxUbkHwni9tnBpui\n2HywV6Qhpfp8rkDiGkEXNYgcbCqu+RjzZo6oeuz94qkR7hcPNaL4MUZ79pWn\nj8nMNm/JoUY0d+Xf52nyf/uY7vALEzePBW6RJ/ZJ3CnHDX2gAaOtyHW0xc+7\ndU/ufBtyWXuRfGBeN01c3E9EAYW8RdCMg4Z8c7a+DG3azFm9JrzvdEFakJtS\ny/DGj862vN+iCbHaWtXfjOlfYYKmUp/k5gbgia/wAwsT6j+kb0NuPEVAios4\nnhhjlNtEEe8LlVSxCwTZuf4i/GkNXtEosMX3d79X566bOSf+ZkhebcRqPl1t\npv3eoxiCbK3hIfuQq8hN6FPMb/LhRYHkL8HpV4+UZVrdVF6ArpVEKDI1qs7m\nB0bIpDI/FJDQ8HIaIwRZ1jCyB+VsJ8Y78m5Vo9f0jyCi3yFsWPVy7VXDRu85\nEmVqkWFeeHG7ooAVz0LH5gJDfyr2O/viBiFYMugFe3OGobvxs4Ye086tjgaS\nLqPwUPRGTeKqXHtNv1u/loOSqrXqVLaTZqJ8/4Cjg525XtMrph1zAFh4OzNN\n0TYEpEpVO0z0Ldup92ZB9BKkrfSSWp3FOOK17QBIv59HeWU8mZ4TJO4DjHLd\n3fuQ\r\n=EZ50\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.esm.js","gitHead":"0a38be6f844049ffd85e83ccacb830c5773ca248","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"peterhassler","email":"peter.h@nebenan.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"7.24.2","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"14.16.1","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^2.2.0"},"_hasShrinkwrap":false,"devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^6.0.0","@goodhood/components":"^6.1.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0 || ^6.0.0","@goodhood/components":"^6.1.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_0.5.3_1642588085759_0.3041744818601697","host":"s3://npm-registry-packages"}},"0.5.4-beta.0":{"name":"@goodhood/modals","version":"0.5.4-beta.0","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@0.5.4-beta.0","maintainers":[{"name":"iamuchejude","email":"iamuchejude@gmail.com"},{"name":"eliasbraun","email":"elias.braun@nebenan.de"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"b2fa5f8bb3572f9d77d5998c02ec51fdba9b9562","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-0.5.4-beta.0.tgz","fileCount":31,"integrity":"sha512-kUDEwR4Glo/te4RCkKPoR1IhFaOlrgv8NIDcm/NTklSsliamaBas8X5I+17fw/ABKHpo0plOWwBFXLjKwhR3sg==","signatures":[{"sig":"MEQCIEb6XHER03QZpDSsek5U/VJ8cbATf7tLFH4OEtWVTRNiAiAUGQ4AuOipvWHtD6thdQj+3B1J1pUfoz6Kj1oqlooClg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":143730,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6Ci/CRA9TVsSAnZWagAAPvwP/RNHKX196ZTNkVMo7szO\nJkKxsCZLVex5XPZNnpBpyjP0HblENwlu8GKY++8p4psQ90VSeZ98Lc8AOeLg\nlp8pmWXEb1+1PFPTl0KW2odGMuYyzqaWdIwtmnQNL3RWccEAP7MmR+n5nNE0\nYG/VwwseL1dlv+sGnDjihQ/OHWFx8wL+vvh8kPeCDZuq7KIfI6+4lUzVLjbJ\n5s7PpqvThks3hZl/QBFCvSI2zm12/qPTI79c3F7cEuIfP1t3oaSleFVzTZxM\nI0l40TOgF86JvnSavFmTCjJjlIPnaMYZIMthrdZhqQZK5O7PnU3GmXDWhr0l\nnBSTufUXHSDuAkVBUqmeErjSGzD10WLUcSAZZ+V6oDkT2P3wdxK0nCLAeffI\ng0OOni7jJBtOuznDfifg/hjfscCDIEYxAJonWAz1vQn5AzIPMSuIerUuCBeL\n1hwRnw67Y8f03Lv7GBM8ILsdqBOABtueHv8lajcm4kmFI/MjZggBV6Ez6sbS\nDdjweo732lYTzjbPp/ZGrhQ3bl2Sg6Rg8rhDjGGGluOcFXNtLgQvi3R71W4O\n93jPkbyautGW4V9HM99oi2x2XoRQFfGWWcMgZG/+l5asZ8sGbaNtuVY4e4bp\n/Hh6y+QCM4rbtiMs22E0j2cdleznwQ04PySLcuWTtaW1iQGxEFA2DDWlvGx9\nFIKn\r\n=KsvK\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.esm.js","readme":"# `@goodhood/modals`\n\n> React modal components\n \n- [Preview](https://goodhood-eu.github.io/goodhood/packages/modals/preview/)\n\n\n## Install\n\n```\nnpm i @goodhood/modals\n```\n\nInstall peer dependencies\n```\nnpm i react // v16.x.x\nnpm i prop-types // v15.x.x\nnpm i @babel/runtime // v7.x.x\nnpm i @goodhood/components // >= v6.x.x\nnpm i nebenan-ui-kit // >= v5.x.x\nnpm i nebenan-helpers // >= v5.x.x\n```\n\nConfigurate module\n```js\nimport { configure } from '@goodhood/modals';\n\nconfigure({\n  track: // track function which will be called on modal open and close event\n});\n```\n\n## Import:\n\n```js\nimport Modal, { Alert, configure } from '@goodhood/modals';\n```\n\n# API\n\n## Modal\n```js\nimport { ModalProvider } from '@goodhood/modals';\n\nconst App = () => (\n  /* Imperative API:\n  - setModal(modalComponent): support legacy API for showing modals via function call\n  - lock(): locks window scroll\n  - unlock(): unlocks window scroll */\n  <ModalProvider ref={ref}>\n    {/* All modals should be placed inside modal provider */}\n  </ModalProvider>\n);\n```\n\n## Modal\n```jsx\nimport { ModalProvider, Modal } from '@goodhood/modals';\n\nconst App = () => {\n  const [isActive, setAcive] = useState();\n\n  return (\n    <ModalProvider>\n      <span onClick={() => setAcive(true)}>Open modal</span>\n\n      {isActive && (\n        <Modal\n          {/* Overlay class attribute */}\n          className=\"string\"\n\n          {/* Content class attribute */}\n          bodyClassName=\"\"\n\n          {/* Prevent modal from closing */}\n          persist={true/false}\n\n          {/* Stick modal to the top */}\n          staticPosition={true/false}\n\n          {/* Handler to close modal */}\n          onClose={() => setAcive(false)}\n\n          {/* Called on unmount */}\n          onUnmount={() => {}}\n        >\n          {/* Modal content */}\n        </Modal>\n      )}\n    </ModalProvider>\n  );\n};\n```\n\n## Alert\n```jsx\nimport { ModalProvider, Alert } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Alert\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n    >\n      {/* Alert content */}\n    </Alert>\n  </ModalProvider>\n);\n```\n\n## Confirm\n```jsx\nimport { ModalProvider, Confirm } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Confirm\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for decline button */}\n      cancelLabel=\"string\"\n\n      {/* Text for confirm button */}\n      confirmLabel=\"string\"\n\n      {/* Lock buttons */}\n      locked={true/false}\n\n      {/* Invert buttons */}\n      inverted={true/false}\n\n      {/* Called on decline, DO NOT CONFUSE WITH onClose */}\n      onCancel={() => {}}\n\n      {/* Called on confirm */}\n      onConfirm={() => {}}\n    >\n      {/* Confirm content */}\n    </Confirm>\n  </ModalProvider>\n);\n```\n\n## IllustrationModal\n```jsx\nimport { ModalProvider, IllustrationModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <IllustrationModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n\n      {/* Image url */}\n      image=\"https://images.com/image.jpg\"\n\n      {/* Button node in the footer */}\n      button={<button>Hello</button>}\n    >\n      {/* IllustrationModal content */}\n    </IllustrationModal>\n  </ModalProvider>\n);\n```\n\n## ScrollableModal\n```jsx\nimport { ModalProvider, ScrollableModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <ScrollableModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Header node */}\n      header={<header class=\"ui-card-section\">Title</header>}\n\n      {/* Footer node */}\n      footer={<footer class=\"ui-card-section\">Footer</footer>}\n    >\n      {/* ScrollableModal content */}\n    </ScrollableModal>\n  </ModalProvider>\n);\n```\n\n# Development\n\n## Preview\n\n- `yarn start`\n- Visit http://localhost:3000\n\n## Add a new component\n\n- Create `src/*/index.jsx`\n  - Default exports will be re-exported with the map name\n  - Named exports will be re-exported as they are (watch out for collisions)\n    ```js\n      // src/map/index.jsx\n      export const ModalType = 123;\n      export Modal 666;\n\n      // usage\n      import { Modal, ModalType } from '@goodhood/modals';\n    ```\n- Create `src/*/index.stories.jsx`\n  - Preview will take it up automatically\n","gitHead":"dde9218821cc207dda41bff462cebaf522756471","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"eliasbraun","email":"elias.braun@nebenan.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"7.21.1","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^2.2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^6.0.0","@goodhood/components":"^6.1.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0 || ^6.0.0","@goodhood/components":"^6.1.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_0.5.4-beta.0_1642604735579_0.18214342329447275","host":"s3://npm-registry-packages"}},"0.5.4-beta.1":{"name":"@goodhood/modals","version":"0.5.4-beta.1","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@0.5.4-beta.1","maintainers":[{"name":"iamuchejude","email":"iamuchejude@gmail.com"},{"name":"eliasbraun","email":"elias.braun@nebenan.de"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"5459ecfc597aadf51b03ee48864e7631e688e40b","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-0.5.4-beta.1.tgz","fileCount":33,"integrity":"sha512-w9c/FC9pZDouVncvbEo9pPDfKJz7KUtWMXp23y/Sq8x/9hJEbX5LyF+98YVRoJ85pKkryC1KJSLUKtfYLGaEew==","signatures":[{"sig":"MEQCIEr3+ufLmSG2/u7kfH/t1Z9QoXVPTptDsiaE3VwiWfzBAiB2JNDB8uBFtFhMAcKw8aAcvCbP7GRBdsWb9tK44rZiJg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":148405,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6DDBCRA9TVsSAnZWagAAPasP/joK4rd2bwSYHrhI/9bd\n4evzpyYu3VdALN4gZGOCMbRjp8X0jRz+2KFGj220nKlYzCIVdVkjQePksfDg\nqqix0aVk4ALnabn0FEB8Jt78AfB/zaFBLcVKjBa/sjgukpKr05dPnFY0GjDW\n3TCQl/amHBeFZ4VJ4Xo1ZU8Uty7vc38Xzre1UO5ANtqxfRNPGGUkhe2mcImF\nksUmrNJnnTEVYfnGO7Ou99+O6JNPBjBmwX/8PjXUbf0lD/gHlnBMqLf9Nrl4\nWV93BPmljTEwVal8MCXM8UaBqfoUu4Afx1SIKvW1i+CpAdJEOFXeyQApdllL\nWMrO1EOWP+xE4uQkPnutGepwvAj/MUD0icc9KvycLWPYKkS0bvxlFqCE5lp3\nAEcUthVmUy9lh7x6HCpodSYcXmKNdUlkEQvXa2gpc2REQHSJ0QaN12ItN3xG\ntX5ZA51ZpD+HSgvQeRF84GY8PPo29z+WMC6vBtcF8xoPdUnu25qxa0L83aN0\nsMkPMmAeaGmkfYuaaVyv+zvZI/RA9+VCTZp/dFP4ofw7LqZcSzGO5JG6bYUy\nuxPi7PL281qYb41+M19ak0Q7aRBTuG/KbCZnVhll6/7K6BVZKsVKmtnM3S7c\nRKtp8sEy6QM6fOWIaerYpB5YxB/W+GusB/8pZvwJkJHOiaIldxNO5zPeCe+D\nkX8e\r\n=fxJC\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.esm.js","readme":"# `@goodhood/modals`\n\n> React modal components\n \n- [Preview](https://goodhood-eu.github.io/goodhood/packages/modals/preview/)\n\n\n## Install\n\n```\nnpm i @goodhood/modals\n```\n\nInstall peer dependencies\n```\nnpm i react // v16.x.x\nnpm i prop-types // v15.x.x\nnpm i @babel/runtime // v7.x.x\nnpm i @goodhood/components // >= v6.x.x\nnpm i nebenan-ui-kit // >= v5.x.x\nnpm i nebenan-helpers // >= v5.x.x\n```\n\nConfigurate module\n```js\nimport { configure } from '@goodhood/modals';\n\nconfigure({\n  track: // track function which will be called on modal open and close event\n});\n```\n\n## Import:\n\n```js\nimport Modal, { Alert, configure } from '@goodhood/modals';\n```\n\n# API\n\n## Modal\n```js\nimport { ModalProvider } from '@goodhood/modals';\n\nconst App = () => (\n  /* Imperative API:\n  - setModal(modalComponent): support legacy API for showing modals via function call\n  - lock(): locks window scroll\n  - unlock(): unlocks window scroll */\n  <ModalProvider ref={ref}>\n    {/* All modals should be placed inside modal provider */}\n  </ModalProvider>\n);\n```\n\n## Modal\n```jsx\nimport { ModalProvider, Modal } from '@goodhood/modals';\n\nconst App = () => {\n  const [isActive, setAcive] = useState();\n\n  return (\n    <ModalProvider>\n      <span onClick={() => setAcive(true)}>Open modal</span>\n\n      {isActive && (\n        <Modal\n          {/* Overlay class attribute */}\n          className=\"string\"\n\n          {/* Content class attribute */}\n          bodyClassName=\"\"\n\n          {/* Prevent modal from closing */}\n          persist={true/false}\n\n          {/* Stick modal to the top */}\n          staticPosition={true/false}\n\n          {/* Handler to close modal */}\n          onClose={() => setAcive(false)}\n\n          {/* Called on unmount */}\n          onUnmount={() => {}}\n        >\n          {/* Modal content */}\n        </Modal>\n      )}\n    </ModalProvider>\n  );\n};\n```\n\n## Alert\n```jsx\nimport { ModalProvider, Alert } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Alert\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n    >\n      {/* Alert content */}\n    </Alert>\n  </ModalProvider>\n);\n```\n\n## Confirm\n```jsx\nimport { ModalProvider, Confirm } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Confirm\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for decline button */}\n      cancelLabel=\"string\"\n\n      {/* Text for confirm button */}\n      confirmLabel=\"string\"\n\n      {/* Lock buttons */}\n      locked={true/false}\n\n      {/* Invert buttons */}\n      inverted={true/false}\n\n      {/* Called on decline, DO NOT CONFUSE WITH onClose */}\n      onCancel={() => {}}\n\n      {/* Called on confirm */}\n      onConfirm={() => {}}\n    >\n      {/* Confirm content */}\n    </Confirm>\n  </ModalProvider>\n);\n```\n\n## IllustrationModal\n```jsx\nimport { ModalProvider, IllustrationModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <IllustrationModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n\n      {/* Image url */}\n      image=\"https://images.com/image.jpg\"\n\n      {/* Button node in the footer */}\n      button={<button>Hello</button>}\n    >\n      {/* IllustrationModal content */}\n    </IllustrationModal>\n  </ModalProvider>\n);\n```\n\n## ScrollableModal\n```jsx\nimport { ModalProvider, ScrollableModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <ScrollableModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Header node */}\n      header={<header class=\"ui-card-section\">Title</header>}\n\n      {/* Footer node */}\n      footer={<footer class=\"ui-card-section\">Footer</footer>}\n    >\n      {/* ScrollableModal content */}\n    </ScrollableModal>\n  </ModalProvider>\n);\n```\n\n# Development\n\n## Preview\n\n- `yarn start`\n- Visit http://localhost:3000\n\n## Add a new component\n\n- Create `src/*/index.jsx`\n  - Default exports will be re-exported with the map name\n  - Named exports will be re-exported as they are (watch out for collisions)\n    ```js\n      // src/map/index.jsx\n      export const ModalType = 123;\n      export Modal 666;\n\n      // usage\n      import { Modal, ModalType } from '@goodhood/modals';\n    ```\n- Create `src/*/index.stories.jsx`\n  - Preview will take it up automatically\n","gitHead":"078713bfbbd5edfdf903308b4c6765d2a507f121","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"eliasbraun","email":"elias.braun@nebenan.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"7.21.1","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"14.17.6","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^2.2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^6.0.0","@goodhood/components":"^6.1.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-helpers":"^5.0.0 || ^6.0.0","@goodhood/components":"^6.1.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_0.5.4-beta.1_1642606785753_0.02817764044212101","host":"s3://npm-registry-packages"}},"0.6.0-beta.0":{"name":"@goodhood/modals","version":"0.6.0-beta.0","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@0.6.0-beta.0","maintainers":[{"name":"iamuchejude","email":"iamuchejude@gmail.com"},{"name":"eliasbraun","email":"elias.braun@nebenan.de"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"11a7abfaed57c7321911535b0e0cea6449332436","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-0.6.0-beta.0.tgz","fileCount":33,"integrity":"sha512-EY6fLFYdUKoaUt2vd6G8C1P6Vi/6pXL2JtBaef3WsvQb4CZyptTM+Ogj0DI8nX7lHuzfY9vjLd45q295NGkMgQ==","signatures":[{"sig":"MEUCIFjj2WF0T1QBt27T28q6t1FMl86hQaQNjMDp6NRoNDK9AiEAnk87bOFYnepkoaDEVIYJ1kqsBYzMbX76MbyV4SlsStw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":5371936,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh6RX7CRA9TVsSAnZWagAA5qEQAJ5bQ6l4mz8iGInh0CEF\n3G2xb1F37Ith2wFr6w6HveybbGt2XBpSWauJs6YuzcgG5meAjh5/9LBFCSh+\nPzVfE/54C5u4ad7bBMr+xY0PcSImkc2b5NABWq8LgC7UNvGvAWJiZatdLpeB\ndi+Jk8ko3NjGDhAuiS0VRfoK8KwwB8koR/vryiAA1c1LPoF440xAer77as1f\nM1maVG4jCr6FO+qUocZI7od2SkkuC9OcoKWSemNiaxBvk8T2lMawCdG3r+p1\nhX/4KEyc3IVks3i9009xOI2moYDjAX7Afc2pMRlrnG24S/Hj8UHEHtraJOJB\n+65RZJz1i3uokLP+oZTNKCDYbQUq19S/J0XMi6NLoBtmHoWbPW2HDi2Y0Zxl\nqR188l7SyqyTzJq2EzwztsUfI6maKXmHkxFKiqb/0a3o/sJes1vD1G+pfaTB\nDwkzvsyiICu3TO1XJZpgQlYGFFEqaT0lubyfsd5O3ywhzELoQbBIK5N5Hr16\nSYms4x+cveQ8DreKVvJ671SK0k+U3+P/lVFvBvGoFs4KLkdo44HauSLge4fF\n7Mir9pxgbE8aiq6LMNAWnFySoq/a2KgDBtLMutEX5fz70Vj7AfcSoQETuZZ7\nXgD08dTsMZwjPLQPTaNxVYadbPj5GC1yA0oH54ZwjF3KXHwwrpVn0PJvDAg4\n0oht\r\n=WG5E\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.esm.js","readme":"# `@goodhood/modals`\n\n> React modal components\n \n- [Preview](https://goodhood-eu.github.io/goodhood/packages/modals/preview/)\n\n\n## Install\n\n```\nnpm i @goodhood/modals\n```\n\nInstall peer dependencies\n```\nnpm i react // v16.x.x\nnpm i prop-types // v15.x.x\nnpm i @babel/runtime // v7.x.x\nnpm i @goodhood/components // >= v6.x.x\nnpm i nebenan-ui-kit // >= v5.x.x\nnpm i nebenan-helpers // >= v5.x.x\n```\n\nConfigurate module\n```js\nimport { configure } from '@goodhood/modals';\n\nconfigure({\n  track: // track function which will be called on modal open and close event\n});\n```\n\n## Import:\n\n```js\nimport Modal, { Alert, configure } from '@goodhood/modals';\n```\n\n# API\n\n## Modal\n```js\nimport { ModalProvider } from '@goodhood/modals';\n\nconst App = () => (\n  /* Imperative API:\n  - setModal(modalComponent): support legacy API for showing modals via function call\n  - lock(): locks window scroll\n  - unlock(): unlocks window scroll */\n  <ModalProvider ref={ref}>\n    {/* All modals should be placed inside modal provider */}\n  </ModalProvider>\n);\n```\n\n## Modal\n```jsx\nimport { ModalProvider, Modal } from '@goodhood/modals';\n\nconst App = () => {\n  const [isActive, setAcive] = useState();\n\n  return (\n    <ModalProvider>\n      <span onClick={() => setAcive(true)}>Open modal</span>\n\n      {isActive && (\n        <Modal\n          {/* Overlay class attribute */}\n          className=\"string\"\n\n          {/* Content class attribute */}\n          bodyClassName=\"\"\n\n          {/* Prevent modal from closing */}\n          persist={true/false}\n\n          {/* Stick modal to the top */}\n          staticPosition={true/false}\n\n          {/* Handler to close modal */}\n          onClose={() => setAcive(false)}\n\n          {/* Called on unmount */}\n          onUnmount={() => {}}\n        >\n          {/* Modal content */}\n        </Modal>\n      )}\n    </ModalProvider>\n  );\n};\n```\n\n## Alert\n```jsx\nimport { ModalProvider, Alert } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Alert\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n    >\n      {/* Alert content */}\n    </Alert>\n  </ModalProvider>\n);\n```\n\n## Confirm\n```jsx\nimport { ModalProvider, Confirm } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Confirm\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for decline button */}\n      cancelLabel=\"string\"\n\n      {/* Text for confirm button */}\n      confirmLabel=\"string\"\n\n      {/* Lock buttons */}\n      locked={true/false}\n\n      {/* Invert buttons */}\n      inverted={true/false}\n\n      {/* Called on decline, DO NOT CONFUSE WITH onClose */}\n      onCancel={() => {}}\n\n      {/* Called on confirm */}\n      onConfirm={() => {}}\n    >\n      {/* Confirm content */}\n    </Confirm>\n  </ModalProvider>\n);\n```\n\n## IllustrationModal\n```jsx\nimport { ModalProvider, IllustrationModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <IllustrationModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n\n      {/* Image url */}\n      image=\"https://images.com/image.jpg\"\n\n      {/* Button node in the footer */}\n      button={<button>Hello</button>}\n    >\n      {/* IllustrationModal content */}\n    </IllustrationModal>\n  </ModalProvider>\n);\n```\n\n## ScrollableModal\n```jsx\nimport { ModalProvider, ScrollableModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <ScrollableModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Header node */}\n      header={<header class=\"ui-card-section\">Title</header>}\n\n      {/* Footer node */}\n      footer={<footer class=\"ui-card-section\">Footer</footer>}\n    >\n      {/* ScrollableModal content */}\n    </ScrollableModal>\n  </ModalProvider>\n);\n```\n\n# Development\n\n## Preview\n\n- `yarn start`\n- Visit http://localhost:3000\n\n## Add a new component\n\n- Create `src/*/index.jsx`\n  - Default exports will be re-exported with the map name\n  - Named exports will be re-exported as they are (watch out for collisions)\n    ```js\n      // src/map/index.jsx\n      export const ModalType = 123;\n      export Modal 666;\n\n      // usage\n      import { Modal, ModalType } from '@goodhood/modals';\n    ```\n- Create `src/*/index.stories.jsx`\n  - Preview will take it up automatically\n","gitHead":"0d36a851f4f9691a7b230d52b01487c274d813ba","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"nomn","email":"i.m.nomn@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"8.3.0","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"14.18.2","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^2.2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-helpers":"7.0.0-beta.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"6.7.0-beta.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1"},"_npmOperationalInternal":{"tmp":"tmp/modals_0.6.0-beta.0_1642665467035_0.4227995014818948","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"@goodhood/modals","version":"1.0.0","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@1.0.0","maintainers":[{"name":"iamuchejude","email":"iamuchejude@gmail.com"},{"name":"eliasbraun","email":"elias.braun@nebenan.de"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"},{"name":"nomn","email":"i.m.nomn@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"612ef073abebfdfadc65de10b411e912d986c2e6","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-1.0.0.tgz","fileCount":33,"integrity":"sha512-tRcqQUDzm0gI2INqeLBtfjcn86rl9M98e5GWS61ZkfJ61Gen+m+045Y3AzwcbqD06WyMiyQbpfs+3VLkFpqBdA==","signatures":[{"sig":"MEYCIQC9CSe+lGm6RkaxOeCoTR4vf4AeVOH++HpJGDBrdu7ePgIhAKlRMItA9v0YH7VSUtttyK2JcxsZl114NRjwYrO7DiFN","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3005273,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh8URgCRA9TVsSAnZWagAAgG8QAKLJy48SJeNI3pZq/NEb\nyxVHpFfTf6P8q/mr4wrgrrl+yI8sn1UNmUNhRh+Yi1eX1esTEzPuB94q8QVd\n8VZ6jqjsLOyV+T0DsktIEeaXMyj8CWlcILJm5IT+al8RVhB0CPbjqHun6wzZ\nvcxddmTONO8UZ2wI3F5y3IKW1zHFRkUYpvLyUko4TQs2SFVrmifzeSkHseF8\nXdm8PSAWUMH0OKeeUoM7wM7z31TgqHvjOu4JfWy2nuhT6l1AIosUua9mM1DF\n8ZwTzG2NZWS9tTYBJqUNQDOnoBDswzM1tLzMYf648Xe0pz26fuKquyqiKx48\nJ38Aeh2gnY02kiqPATNcXaa3dl0MHhFOrIux7up3gdrH+/3cd5ndLLTLLqs/\n+gSXbGVNGTLtw23IeVXFRfDiFq2QXcMrVNRKbcXbTfCPZyjg3z8F75blixZk\nEQql+t8bWgxO9qmNFyBS4bndyKE2PvIyGzYtQrJ+KthdJ+dTElAEieNz5PVH\ncbCifTZRIVMNuSQPWu3f+CFiXOdNX7Wc6MWb6Hw+YEAxfjsGhAaoisHS+ML6\nHzLcjzdKhLVjGZM9BOgvUM+O2Wyu9TpktYCsxltpPsFJtKqsAlGd7LbIqQEb\nkI6rYrhKRgWmeSXaxaFWFWcCzjmk7NMod6JrV3qm41Da44/r1QCIgdKtTI2U\nRW8d\r\n=yLrb\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.esm.js","gitHead":"ca940ce76e89aa982ed06fc84de9b71599e9a4e7","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"nomn","email":"i.m.nomn@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"8.1.2","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"16.13.2","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^2.2.0","nebenan-helpers":"^7.0.0"},"_hasShrinkwrap":false,"devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","prop-types":"^15.7.2","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_1.0.0_1643201632180_0.8730213942240723","host":"s3://npm-registry-packages"}},"1.0.1-beta.0":{"name":"@goodhood/modals","version":"1.0.1-beta.0","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@1.0.1-beta.0","maintainers":[{"name":"zeitwidrig","email":"npm@zeitwidrig.de"},{"name":"iamuchejude","email":"iamuchejude@gmail.com"},{"name":"eliasbraun","email":"elias.braun@nebenan.de"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"bc525809c4eff716259994dd02e58fed947020c6","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-1.0.1-beta.0.tgz","fileCount":34,"integrity":"sha512-f2EYUFXNAECMWucTzqMdAlTVakZHspJP3mbHOiBxVDz1D3jutjpddTN+eFL0I7KDDPSBQw/g2nDJ8sWvZ4EsZQ==","signatures":[{"sig":"MEYCIQDW5UOQ0kqhTh8g0wc6usZ2cX/qGZgeFIUvlgazxMvvmgIhAOwAeoM5QSowFpoE/LPVAOpNg6LSXbjXybuERq6QxHCm","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3261777,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisdahACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmplRA//XL09Aun7sTLxTD5OzIptS5QxH4IZJE+eJLc4sp2Juad/Sf9u\r\nfgykYsawqtwbak+LYHB4wr6R9Uqxmg1wo49q2iv4L6ibQJ6eqsp04MXrpVs6\r\nrxdXKrlxKx8zPke/2kNQF9b7XWnpqigPT7l9FyDXY7muLauPcqwqqjdjBSaG\r\noyfhjH4f934FrdM/I8MLC2X9jBguDAQtg6B5fHaJoiuPzuWGtou5syoJABk2\r\n/0fGvA6qwdnOM98T4zeBNvO7RhryYajRLzdTbYD/mX8T+5MZwxzsV0b4bXcE\r\nhdIxX93rkwQHp57OawYWb425PCY7yMcdjupJsUkosNOAitxn1+Kchi9MPNCD\r\nZt/aA39E9xIyMGuKFV53abXIZJp5jIUszCoAPjQtj9I+JLTlT4IswU5gJoUT\r\nmdr9q8KKD9xWAAhfNXnhQffVd/Bcs2mqhn5CRnzZqcM282P7pCGsSGWI0ili\r\nAC1ZQlnGYsI3B/0MYyRgIMbamxeNYX902EQLfDPtEk3CWfhO5/uiUTaR8Xf8\r\nx3tvbVdMf80SqRjKQxPS2Sk3CgB8qiXTIxEbus5QakonqzUeC5UhvcVTsR07\r\njjeNSOyL+/QZU8pFISmgUie0uBTnTDJzGS1M+f8fEjDiX+Ea2s2F0ByTSsDT\r\nlBUkBflQRFXLf5EFBdBZm4owAkHA28k/2bI=\r\n=Bpse\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.esm.js","readme":"# `@goodhood/modals`\n\n> React modal components\n \n- [Preview](https://goodhood-eu.github.io/goodhood/packages/modals/preview/)\n\n\n## Install\n\n```\nnpm i @goodhood/modals\n```\n\nInstall peer dependencies\n```\nnpm i react // v16.x.x\nnpm i prop-types // v15.x.x\nnpm i @babel/runtime // v7.x.x\nnpm i @goodhood/components // >= v6.x.x\nnpm i nebenan-ui-kit // >= v5.x.x\nnpm i nebenan-helpers // >= v5.x.x\n```\n\nConfigurate module\n```js\nimport { configure } from '@goodhood/modals';\n\nconfigure({\n  track: // track function which will be called on modal open and close event\n});\n```\n\n## Import:\n\n```js\nimport Modal, { Alert, configure } from '@goodhood/modals';\n```\n\n# API\n\n## Modal\n```js\nimport { ModalProvider } from '@goodhood/modals';\n\nconst App = () => (\n  /* Imperative API:\n  - setModal(modalComponent): support legacy API for showing modals via function call\n  - lock(): locks window scroll\n  - unlock(): unlocks window scroll */\n  <ModalProvider ref={ref}>\n    {/* All modals should be placed inside modal provider */}\n  </ModalProvider>\n);\n```\n\n## Modal\n```jsx\nimport { ModalProvider, Modal } from '@goodhood/modals';\n\nconst App = () => {\n  const [isActive, setAcive] = useState();\n\n  return (\n    <ModalProvider>\n      <span onClick={() => setAcive(true)}>Open modal</span>\n\n      {isActive && (\n        <Modal\n          {/* Overlay class attribute */}\n          className=\"string\"\n\n          {/* Content class attribute */}\n          bodyClassName=\"\"\n\n          {/* Prevent modal from closing */}\n          persist={true/false}\n\n          {/* Stick modal to the top */}\n          staticPosition={true/false}\n\n          {/* Handler to close modal */}\n          onClose={() => setAcive(false)}\n\n          {/* Called on unmount */}\n          onUnmount={() => {}}\n        >\n          {/* Modal content */}\n        </Modal>\n      )}\n    </ModalProvider>\n  );\n};\n```\n\n## Alert\n```jsx\nimport { ModalProvider, Alert } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Alert\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n    >\n      {/* Alert content */}\n    </Alert>\n  </ModalProvider>\n);\n```\n\n## Confirm\n```jsx\nimport { ModalProvider, Confirm } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Confirm\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for decline button */}\n      cancelLabel=\"string\"\n\n      {/* Text for confirm button */}\n      confirmLabel=\"string\"\n\n      {/* Lock buttons */}\n      locked={true/false}\n\n      {/* Invert buttons */}\n      inverted={true/false}\n\n      {/* Called on decline, DO NOT CONFUSE WITH onClose */}\n      onCancel={() => {}}\n\n      {/* Called on confirm */}\n      onConfirm={() => {}}\n    >\n      {/* Confirm content */}\n    </Confirm>\n  </ModalProvider>\n);\n```\n\n## IllustrationModal\n```jsx\nimport { ModalProvider, IllustrationModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <IllustrationModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n\n      {/* Image url */}\n      image=\"https://images.com/image.jpg\"\n\n      {/* Button node in the footer */}\n      button={<button>Hello</button>}\n    >\n      {/* IllustrationModal content */}\n    </IllustrationModal>\n  </ModalProvider>\n);\n```\n\n## ScrollableModal\n```jsx\nimport { ModalProvider, ScrollableModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <ScrollableModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Header node */}\n      header={<header class=\"ui-card-section\">Title</header>}\n\n      {/* Footer node */}\n      footer={<footer class=\"ui-card-section\">Footer</footer>}\n    >\n      {/* ScrollableModal content */}\n    </ScrollableModal>\n  </ModalProvider>\n);\n```\n\n# Development\n\n## Preview\n\n- `yarn start`\n- Visit http://localhost:3000\n\n## Add a new component\n\n- Create `src/*/index.jsx`\n  - Default exports will be re-exported with the map name\n  - Named exports will be re-exported as they are (watch out for collisions)\n    ```js\n      // src/map/index.jsx\n      export const ModalType = 123;\n      export Modal 666;\n\n      // usage\n      import { Modal, ModalType } from '@goodhood/modals';\n    ```\n- Create `src/*/index.stories.jsx`\n  - Preview will take it up automatically\n","gitHead":"5cbe68173a0c0b46100793025a14f4520c9ca290","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"peterhassler","email":"peter.h@nebenan.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"8.3.1","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^3.0.0","nebenan-helpers":"^7.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"prop-types":"^15.7.2","nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_1.0.1-beta.0_1655821984785_0.5329945759984109","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@goodhood/modals","version":"1.0.1","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@1.0.1","maintainers":[{"name":"zeitwidrig","email":"npm@zeitwidrig.de"},{"name":"iamuchejude","email":"iamuchejude@gmail.com"},{"name":"eliasbraun","email":"elias.braun@nebenan.de"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"2934a8c05a6b43d15d22d0226b4721a0ec46c90e","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-1.0.1.tgz","fileCount":34,"integrity":"sha512-cgsULNi8CpO52C+8t+6vJXn0caLPO9MYLnAcRWuJt3QLVWv2Vnxf2jW7voMAM7/iPHrj1XKACXgeYVsz4j39zg==","signatures":[{"sig":"MEUCIQCRFIZRNWqL2fD64iRtXWrRMICKudeFCx7OV/41SvI8uwIgMpEzkrwz/FmfSoEa/2zzOrdLw2jn1yfAjCxTFokB6v4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3261770,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisdelACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrgkA/9Gc2pKsrWfoIXhFIPIaBadJ5gYY89tLMWXo6wG2kCrcCyRQs/\r\nm7nZIphitqRRfllqtEawoHrsDLytjNyt2zwKNGRdTRezoCxf696tkFsZ1+QF\r\nfkVWMFsAge2vsM/Qzm8g6GpAXKON0WrAU6eBGuBXqFvqiBwRhpva8Ynzx2mB\r\n5MYShByB13453HfEWSimJf3MvcFXuMB9J5flyhZ+bmfcgO5J4kCwAmsIkm4R\r\nX7YooVpe0heupsREHh4Gg79ik94pIEYxEb1TwkLpO2W7gXv5NSatSDhMeQPv\r\nYIWtWfRGUqmnkX6/96chAhbm3XJFdWAvI2ecbjhzvzQBfv6d60JJ4ieQfTuF\r\n7LUFSUGztoRxgTFmMogBnX4cIxK7czD8tr0oWSrNA0fKyGwM1VhzLq3Tp5sQ\r\nzNgeK5zIAef2FFXQMI9q1j62y+GxFieOseNfjYxPuVJ8QYJwvwtXAl4oTVQj\r\n7zPP10mF9uOHdrBAsmVc4zGAVCQWsAyyp2ABwMxPi+qOYXQRaa4urm+MQiLy\r\nXbwkhScpxQncG1UHEbliasliVS7+XiVGq9+M3lKvvgK7kBqT2ziZt+V7XYis\r\nBtA5r7hvSAaLLdZOVUluGcUhEKdoFMOukUCIm3gpl9m8a1hRwBkqqLChw3H4\r\n2YNu+VsdzaYqwGJXDO/LNRGM49AK26Mr+LE=\r\n=pcCS\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.esm.js","gitHead":"9fff0981ce4e67ebb007a919b7e5bd2bfd437636","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"peterhassler","email":"peter.h@nebenan.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"8.3.1","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^3.0.0","nebenan-helpers":"^7.0.0"},"_hasShrinkwrap":false,"devDependencies":{"prop-types":"^15.7.2","nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_1.0.1_1655822244980_0.661971976109631","host":"s3://npm-registry-packages"}},"1.0.2-beta.0":{"name":"@goodhood/modals","version":"1.0.2-beta.0","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@1.0.2-beta.0","maintainers":[{"name":"zeitwidrig","email":"npm@zeitwidrig.de"},{"name":"iamuchejude","email":"iamuchejude@gmail.com"},{"name":"eliasbraun","email":"elias.braun@nebenan.de"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"a28989315f88985d3326ef4c24f49ac5842a4e26","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-1.0.2-beta.0.tgz","fileCount":34,"integrity":"sha512-KLRPVpvPcd+GHCkMu8mI77UvAM0Y4NtHAQ9t13XTAaiQiK0Zf07GIRjiqdnQDcJ+tCzqux+hpVtpI1cpbdM1EQ==","signatures":[{"sig":"MEQCIAP8tX8X+dADjoeLlillryvwU67dRj84vfpGuJzbVFUrAiBK6xkYuEEApDae44eKRGFEiFgiTV8+v/c8QW5GYSZAKw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3262039,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi4UWaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqKHRAAk0z9gZKvrBGWiynUC11rah5WfQCQ0bh3zzjcygLAIhlTxnia\r\n79ba8vUvjTJ4hLUheOLqS2R3wGRkScRG5tcSQt6xYoL90mJb7kYSBrFmBCzt\r\na9eLsyXuiICYZkjREjsqArm65SJwa1MUVsv7v1OeQE9owOb0QBzPie5M2y6h\r\n9AycXUKX7vEePIT6JBPuutVBpprG+GBevshKyXegCJNIku60lhcpBH1TsNyn\r\nojdOHDmnE3yPVGay6vZ9OnPgI8xLaETLv2DFViHJ2RAcfiwQ918HSqHLHuz+\r\njFsWhH8wFu06wpYBx6ZW4tme6R5LNWpJArxGXPHbx403+p7+BJeu5E5P5Qm5\r\nYP7FR0IB/9nuID8jHtnXimJeWpCHjJ4qrJBT5f5O+4u2KWmcfo/l4yD1JZ2y\r\n3A9eM0vemg2MVqAQcNZ8Na5qyaywUZaVhlO07yROO5s8xQg/1/QulZe4gi+c\r\nN2g2YjhPHuF3xndbSDTewwDgttNmTz1qcfQNPpeHgBGtUX3Y5YOxIGUZ2dfy\r\n5Zqs882ngWen9dlNRevM7yxuOL8/s0p5DQzggNobEGVpaAfCR8BYUecZ4X8M\r\nOGE/r6UhMI3h+IXqqrz3i2UqQcMJllVvB85GUlmthNlIjJiAildcTMCsGLu2\r\nl35D6bLnVUdc197y5tbRUSnbRqFJL26Pi8E=\r\n=uMTa\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.esm.js","readme":"# `@goodhood/modals`\n\n> React modal components\n \n- [Preview](https://goodhood-eu.github.io/goodhood/packages/modals/preview/)\n\n\n## Install\n\n```\nnpm i @goodhood/modals\n```\n\nInstall peer dependencies\n```\nnpm i react // v16.x.x\nnpm i prop-types // v15.x.x\nnpm i @babel/runtime // v7.x.x\nnpm i @goodhood/components // >= v6.x.x\nnpm i nebenan-ui-kit // >= v5.x.x\nnpm i nebenan-helpers // >= v5.x.x\n```\n\nConfigurate module\n```js\nimport { configure } from '@goodhood/modals';\n\nconfigure({\n  track: // track function which will be called on modal open and close event\n});\n```\n\n## Import:\n\n```js\nimport Modal, { Alert, configure } from '@goodhood/modals';\n```\n\n# API\n\n## Modal\n```js\nimport { ModalProvider } from '@goodhood/modals';\n\nconst App = () => (\n  /* Imperative API:\n  - setModal(modalComponent): support legacy API for showing modals via function call\n  - lock(): locks window scroll\n  - unlock(): unlocks window scroll */\n  <ModalProvider ref={ref}>\n    {/* All modals should be placed inside modal provider */}\n  </ModalProvider>\n);\n```\n\n## Modal\n```jsx\nimport { ModalProvider, Modal } from '@goodhood/modals';\n\nconst App = () => {\n  const [isActive, setAcive] = useState();\n\n  return (\n    <ModalProvider>\n      <span onClick={() => setAcive(true)}>Open modal</span>\n\n      {isActive && (\n        <Modal\n          {/* Overlay class attribute */}\n          className=\"string\"\n\n          {/* Content class attribute */}\n          bodyClassName=\"\"\n\n          {/* Prevent modal from closing */}\n          persist={true/false}\n\n          {/* Stick modal to the top */}\n          staticPosition={true/false}\n\n          {/* Handler to close modal */}\n          onClose={() => setAcive(false)}\n\n          {/* Called on unmount */}\n          onUnmount={() => {}}\n        >\n          {/* Modal content */}\n        </Modal>\n      )}\n    </ModalProvider>\n  );\n};\n```\n\n## Alert\n```jsx\nimport { ModalProvider, Alert } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Alert\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n    >\n      {/* Alert content */}\n    </Alert>\n  </ModalProvider>\n);\n```\n\n## Confirm\n```jsx\nimport { ModalProvider, Confirm } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Confirm\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for decline button */}\n      cancelLabel=\"string\"\n\n      {/* Text for confirm button */}\n      confirmLabel=\"string\"\n\n      {/* Lock buttons */}\n      locked={true/false}\n\n      {/* Invert buttons */}\n      inverted={true/false}\n\n      {/* Called on decline, DO NOT CONFUSE WITH onClose */}\n      onCancel={() => {}}\n\n      {/* Called on confirm */}\n      onConfirm={() => {}}\n    >\n      {/* Confirm content */}\n    </Confirm>\n  </ModalProvider>\n);\n```\n\n## IllustrationModal\n```jsx\nimport { ModalProvider, IllustrationModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <IllustrationModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n\n      {/* Image url */}\n      image=\"https://images.com/image.jpg\"\n\n      {/* Button node in the footer */}\n      button={<button>Hello</button>}\n    >\n      {/* IllustrationModal content */}\n    </IllustrationModal>\n  </ModalProvider>\n);\n```\n\n## ScrollableModal\n```jsx\nimport { ModalProvider, ScrollableModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <ScrollableModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Header node */}\n      header={<header class=\"ui-card-section\">Title</header>}\n\n      {/* Footer node */}\n      footer={<footer class=\"ui-card-section\">Footer</footer>}\n    >\n      {/* ScrollableModal content */}\n    </ScrollableModal>\n  </ModalProvider>\n);\n```\n\n# Development\n\n## Preview\n\n- `yarn start`\n- Visit http://localhost:3000\n\n## Add a new component\n\n- Create `src/*/index.jsx`\n  - Default exports will be re-exported with the map name\n  - Named exports will be re-exported as they are (watch out for collisions)\n    ```js\n      // src/map/index.jsx\n      export const ModalType = 123;\n      export Modal 666;\n\n      // usage\n      import { Modal, ModalType } from '@goodhood/modals';\n    ```\n- Create `src/*/index.stories.jsx`\n  - Preview will take it up automatically\n","gitHead":"63bc3ac57fc66a6c55fdde1972590a863e140df5","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"peterhassler","email":"peter.h@nebenan.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"8.11.0","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^3.0.0","nebenan-helpers":"^7.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"prop-types":"^15.7.2","nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_1.0.2-beta.0_1658930586000_0.2647104271420253","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@goodhood/modals","version":"1.0.2","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@1.0.2","maintainers":[{"name":"zeitwidrig","email":"npm@zeitwidrig.de"},{"name":"iamuchejude","email":"iamuchejude@gmail.com"},{"name":"eliasbraun","email":"elias.braun@nebenan.de"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"f6846542e8542633b068ea071aab38c871c5c4bd","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-1.0.2.tgz","fileCount":34,"integrity":"sha512-bIu4DBY0ic3K0MfLzdX3nq7YJ6s8lLYa6U6fyGoCWFPPOVH9Bp/Xvk4pt4nMXjzrtG9xUGyKhj6Ut2OKPzrd4A==","signatures":[{"sig":"MEYCIQC5zR4hgyU9OCYuJ3ngmdQCkwBxfuiuuIdJM4dQGUdHigIhAPhiyY7je4etcD9+QDcSFDsP0Zyk83GxYv/zsNzkcvfD","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3262032,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi4UheACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq40Q/+MZT6HTxDefggEjrfWQ31Znb+4HRt9x8AKqyhQerOXjGVL4V7\r\nDY5ioiqn9zir7mAhEe7v4VWFBBgssZJADWnfLm7fuwPhni4rGEJGeEucNtJC\r\novgl2/xMH4ifx4Pd/iju1ow4ti+/XIkq9UDJ5UJMPn8NVH66LLUXksreeezC\r\nTUNIx02ouTSV+UUqXFucjM3ppPiRJ2eJX800H1GIZlkHDRkWzhWJcAT8fVO2\r\ntvHQdWBQFrczy3HjCMjAAkyvumC6RUSr0UMDywCDnzKt8MAAFo2ed5ClR7Fm\r\nJjcRnt4m1YSpRYgPCIQwEo9LMBEn64bVwy9p1jfEm9SkS0BJAyNxUSqSTWIB\r\nBQcOcTiBHPMo08EwsergwerBFNBYC7hQmdjd93Agg4v476x3u0OdjGWa6JG1\r\nx2KR67k/gx9FBrTquD9oDlEo1uZWlFESRs40RuxfABkMtdiy4Gee+ShjVYTA\r\nrSwPu589gRn3AQxJQOt7hcJat7kIYZgyE/9Pq5JTRza5jOcqAAPmFhhM8Cft\r\nsSRnKM0R8S1rKfMkkzv6R2u/5IGbllIpSusRQNtSZdPF7gk64LABGSR5O8HK\r\nNnDtYNMVByc9J2Cc7r9rdqO6mbhSuUH3AhQxX0PqbKotErAAR4CYU5A1Ancf\r\n5YJ6VJaQNYbgeGpgZ6fCVhmOGDGJ3EzAl/4=\r\n=RiPy\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","module":"lib/index.esm.js","readme":"# `@goodhood/modals`\n\n> React modal components\n \n- [Preview](https://goodhood-eu.github.io/goodhood/packages/modals/preview/)\n\n\n## Install\n\n```\nnpm i @goodhood/modals\n```\n\nInstall peer dependencies\n```\nnpm i react // v16.x.x\nnpm i prop-types // v15.x.x\nnpm i @babel/runtime // v7.x.x\nnpm i @goodhood/components // >= v6.x.x\nnpm i nebenan-ui-kit // >= v5.x.x\nnpm i nebenan-helpers // >= v5.x.x\n```\n\nConfigurate module\n```js\nimport { configure } from '@goodhood/modals';\n\nconfigure({\n  track: // track function which will be called on modal open and close event\n});\n```\n\n## Import:\n\n```js\nimport Modal, { Alert, configure } from '@goodhood/modals';\n```\n\n# API\n\n## Modal\n```js\nimport { ModalProvider } from '@goodhood/modals';\n\nconst App = () => (\n  /* Imperative API:\n  - setModal(modalComponent): support legacy API for showing modals via function call\n  - lock(): locks window scroll\n  - unlock(): unlocks window scroll */\n  <ModalProvider ref={ref}>\n    {/* All modals should be placed inside modal provider */}\n  </ModalProvider>\n);\n```\n\n## Modal\n```jsx\nimport { ModalProvider, Modal } from '@goodhood/modals';\n\nconst App = () => {\n  const [isActive, setAcive] = useState();\n\n  return (\n    <ModalProvider>\n      <span onClick={() => setAcive(true)}>Open modal</span>\n\n      {isActive && (\n        <Modal\n          {/* Overlay class attribute */}\n          className=\"string\"\n\n          {/* Content class attribute */}\n          bodyClassName=\"\"\n\n          {/* Prevent modal from closing */}\n          persist={true/false}\n\n          {/* Stick modal to the top */}\n          staticPosition={true/false}\n\n          {/* Handler to close modal */}\n          onClose={() => setAcive(false)}\n\n          {/* Called on unmount */}\n          onUnmount={() => {}}\n        >\n          {/* Modal content */}\n        </Modal>\n      )}\n    </ModalProvider>\n  );\n};\n```\n\n## Alert\n```jsx\nimport { ModalProvider, Alert } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Alert\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n    >\n      {/* Alert content */}\n    </Alert>\n  </ModalProvider>\n);\n```\n\n## Confirm\n```jsx\nimport { ModalProvider, Confirm } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Confirm\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for decline button */}\n      cancelLabel=\"string\"\n\n      {/* Text for confirm button */}\n      confirmLabel=\"string\"\n\n      {/* Lock buttons */}\n      locked={true/false}\n\n      {/* Invert buttons */}\n      inverted={true/false}\n\n      {/* Called on decline, DO NOT CONFUSE WITH onClose */}\n      onCancel={() => {}}\n\n      {/* Called on confirm */}\n      onConfirm={() => {}}\n    >\n      {/* Confirm content */}\n    </Confirm>\n  </ModalProvider>\n);\n```\n\n## IllustrationModal\n```jsx\nimport { ModalProvider, IllustrationModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <IllustrationModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n\n      {/* Image url */}\n      image=\"https://images.com/image.jpg\"\n\n      {/* Button node in the footer */}\n      button={<button>Hello</button>}\n    >\n      {/* IllustrationModal content */}\n    </IllustrationModal>\n  </ModalProvider>\n);\n```\n\n## ScrollableModal\n```jsx\nimport { ModalProvider, ScrollableModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <ScrollableModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Header node */}\n      header={<header class=\"ui-card-section\">Title</header>}\n\n      {/* Footer node */}\n      footer={<footer class=\"ui-card-section\">Footer</footer>}\n    >\n      {/* ScrollableModal content */}\n    </ScrollableModal>\n  </ModalProvider>\n);\n```\n\n# Development\n\n## Preview\n\n- `yarn start`\n- Visit http://localhost:3000\n\n## Add a new component\n\n- Create `src/*/index.jsx`\n  - Default exports will be re-exported with the map name\n  - Named exports will be re-exported as they are (watch out for collisions)\n    ```js\n      // src/map/index.jsx\n      export const ModalType = 123;\n      export Modal 666;\n\n      // usage\n      import { Modal, ModalType } from '@goodhood/modals';\n    ```\n- Create `src/*/index.stories.jsx`\n  - Preview will take it up automatically\n","gitHead":"63bc3ac57fc66a6c55fdde1972590a863e140df5","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"peterhassler","email":"peter.h@nebenan.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"8.11.0","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"16.14.0","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^3.0.0","nebenan-helpers":"^7.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"prop-types":"^15.7.2","nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_1.0.2_1658931293857_0.7897383798066733","host":"s3://npm-registry-packages"}},"1.1.0-beta.0":{"name":"@goodhood/modals","version":"1.1.0-beta.0","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@1.1.0-beta.0","maintainers":[{"name":"rejas","email":"npm@veeck.de"},{"name":"iamuchejude","email":"iamuchejude@gmail.com"},{"name":"eliasbraun","email":"elias.braun@nebenan.de"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"c70f2120d4801eea15ef07341c24e2267354b0cd","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-1.1.0-beta.0.tgz","fileCount":34,"integrity":"sha512-yXbDGQMcvVRh+I/W7JIv5o8g+uhqzlWHnyELit4tQ9d8W5nF+zKJZ0Rb6ku6PRsRadjfRlhM3gTqcsrjSzWGlQ==","signatures":[{"sig":"MEQCIHXhLDG6fbCA1nG5X1uGZn80ZwkkdhsghEziZkNGQzuIAiBoIf7EgQya/TWqwf2ECyzupwZgm45AJskHV5tfSBve4Q==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3015218,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjVeoJACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrCohAAksBMpkJ7Rh3Q0tr85bXI0MXeIi99Im4nPNCG7XYA4tmj412x\r\nZeEXVO4MZax4ar+qaG0vpc0b5peP+eVBlISdGBouXORby4ZsX9/Sb9w0kVjv\r\nf3C+nVZM3xRVKfNkPyBxrgyD93ukKE4y7S+uZgu/8UDzWH07evgB+kFjCZEK\r\nwQwWLQBhw47wGebNy+hGEP0Q7A1RPlN/DSDggxhSYPCWTbisGCF5KTNhQbgu\r\nq/cusP2Lq/D6s7XIYGulCab/maYFvEIIBDX6LcoiuWx/TbM1p5SydG15b8f2\r\nIO7SUQqFF8VnDb448eZpchWmgYL4RKoNqnwdNvZVVwY9g5EseHcxmej7b06u\r\nI9+xEIyh0nmUu1pcF2JzBXC9vnZq7KQERJc0Ccs40KwVViCAubneAXFtHnqZ\r\nwZs1kwBC6ayy0ClM04OQNS1+2hgV0vMa1hyStdS8tudeRsLDWpXzey28fPfc\r\nOfp7OaQfV5NQGAUub0w0OfTcN5HRoC/jovoHeafGJf2VJ3OquECQeaIJ/P2U\r\nTct+20mUPRvvJOc3U9Pjk/HjBdJZ/rDJLrVq7ftTlQUndp0RLKmkCWYUtsEy\r\ndX2EGT5EGYjJnI/NYOY+6XVhuEAwgmUskhODzsSg0bj/7KGprL+4VoxmauF+\r\n/+IRAm1s9IULIz3eIwIs74Bzj2ngY2/WLpE=\r\n=jTHY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"./index.d.ts","module":"lib/index.esm.js","readme":"# `@goodhood/modals`\n\n> React modal components\n \n- [Preview](https://goodhood-eu.github.io/goodhood/packages/modals/preview/)\n\n\n## Install\n\n```\nnpm i @goodhood/modals\n```\n\nInstall peer dependencies\n```\nnpm i react // v16.x.x\nnpm i prop-types // v15.x.x\nnpm i @babel/runtime // v7.x.x\nnpm i @goodhood/components // >= v6.x.x\nnpm i nebenan-ui-kit // >= v5.x.x\nnpm i nebenan-helpers // >= v5.x.x\n```\n\nConfigurate module\n```js\nimport { configure } from '@goodhood/modals';\n\nconfigure({\n  track: // track function which will be called on modal open and close event\n});\n```\n\n## Import:\n\n```js\nimport Modal, { Alert, configure } from '@goodhood/modals';\n```\n\n# API\n\n## Modal\n```js\nimport { ModalProvider } from '@goodhood/modals';\n\nconst App = () => (\n  /* Imperative API:\n  - setModal(modalComponent): support legacy API for showing modals via function call\n  - lock(): locks window scroll\n  - unlock(): unlocks window scroll */\n  <ModalProvider ref={ref}>\n    {/* All modals should be placed inside modal provider */}\n  </ModalProvider>\n);\n```\n\n## Modal\n```jsx\nimport { ModalProvider, Modal } from '@goodhood/modals';\n\nconst App = () => {\n  const [isActive, setAcive] = useState();\n\n  return (\n    <ModalProvider>\n      <span onClick={() => setAcive(true)}>Open modal</span>\n\n      {isActive && (\n        <Modal\n          {/* Overlay class attribute */}\n          className=\"string\"\n\n          {/* Content class attribute */}\n          bodyClassName=\"\"\n\n          {/* Prevent modal from closing */}\n          persist={true/false}\n\n          {/* Stick modal to the top */}\n          staticPosition={true/false}\n\n          {/* Handler to close modal */}\n          onClose={() => setAcive(false)}\n\n          {/* Called on unmount */}\n          onUnmount={() => {}}\n        >\n          {/* Modal content */}\n        </Modal>\n      )}\n    </ModalProvider>\n  );\n};\n```\n\n## Alert\n```jsx\nimport { ModalProvider, Alert } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Alert\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n    >\n      {/* Alert content */}\n    </Alert>\n  </ModalProvider>\n);\n```\n\n## Confirm\n```jsx\nimport { ModalProvider, Confirm } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Confirm\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for decline button */}\n      cancelLabel=\"string\"\n\n      {/* Text for confirm button */}\n      confirmLabel=\"string\"\n\n      {/* Lock buttons */}\n      locked={true/false}\n\n      {/* Invert buttons */}\n      inverted={true/false}\n\n      {/* Called on decline, DO NOT CONFUSE WITH onClose */}\n      onCancel={() => {}}\n\n      {/* Called on confirm */}\n      onConfirm={() => {}}\n    >\n      {/* Confirm content */}\n    </Confirm>\n  </ModalProvider>\n);\n```\n\n## IllustrationModal\n```jsx\nimport { ModalProvider, IllustrationModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <IllustrationModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n\n      {/* Image url */}\n      image=\"https://images.com/image.jpg\"\n\n      {/* Button node in the footer */}\n      button={<button>Hello</button>}\n    >\n      {/* IllustrationModal content */}\n    </IllustrationModal>\n  </ModalProvider>\n);\n```\n\n## ScrollableModal\n```jsx\nimport { ModalProvider, ScrollableModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <ScrollableModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Header node */}\n      header={<header class=\"ui-card-section\">Title</header>}\n\n      {/* Footer node */}\n      footer={<footer class=\"ui-card-section\">Footer</footer>}\n    >\n      {/* ScrollableModal content */}\n    </ScrollableModal>\n  </ModalProvider>\n);\n```\n\n# Development\n\n## Preview\n\n- `yarn start`\n- Visit http://localhost:3000\n\n## Add a new component\n\n- Create `src/*/index.jsx`\n  - Default exports will be re-exported with the map name\n  - Named exports will be re-exported as they are (watch out for collisions)\n    ```js\n      // src/map/index.jsx\n      export const ModalType = 123;\n      export Modal 666;\n\n      // usage\n      import { Modal, ModalType } from '@goodhood/modals';\n    ```\n- Create `src/*/index.stories.jsx`\n  - Preview will take it up automatically\n","gitHead":"359a67381abcc2d1039287d97badeebe086d62d0","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"iamuchejude","email":"iamuchejude@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"8.15.1","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^3.0.0","nebenan-helpers":"^7.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0","@babel/preset-typescript":"^7.18.6"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_1.1.0-beta.0_1666574857639_0.8612652804122609","host":"s3://npm-registry-packages"}},"1.1.0-beta.1":{"name":"@goodhood/modals","version":"1.1.0-beta.1","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@1.1.0-beta.1","maintainers":[{"name":"rejas","email":"npm@veeck.de"},{"name":"iamuchejude","email":"iamuchejude@gmail.com"},{"name":"eliasbraun","email":"elias.braun@nebenan.de"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"07825f2c129f4eb4b2845ef86cf4032d76e4b7f4","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-1.1.0-beta.1.tgz","fileCount":55,"integrity":"sha512-3lEklGjoD07pq/LNzizCJ24UVj4GbKG2i0mOj/sBrrxDCVi22pMFEDXMTm/EiEbMhjvVzGZ63tJNWDMJgeoXuw==","signatures":[{"sig":"MEUCIH64i4J6+P3NAajwDj7zSc6mkxoaqLUgjSblL8lupHjIAiEA/MIlg4O5kxmB7X/77u96yZCBDPRGcVb/lgqPuaFh0W8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3025760,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjYvoUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmog9Q/5AMoRmHPQwswqrDg9wYHhgNZAptBqh0PwVwrd2aWbGepeaGJh\r\nJyexRZmHmMPlriC48QSW18z3pSKEzY+qv2cYRyySeD1FaNVpqKXPnz2Me5Pl\r\nDnc8gy5wWrozBCMo0SX2whRRzziTabdGT2HURs2aMySsXJxb0jHW+kY4V5i0\r\nq90IBJ4jYz6Skm+TtJAG/3GmbJHKn9uUwvzK2p3ETsaTMgyfxKRGjsumKm00\r\nQh8tXcSIsKAouiHNts1vANg4oT9zg5RfhurVwx6Qd3wc0Sp13axwi3seRpiV\r\nxX+PMkH6xqXdjNUwR5Jc54KcoWFpbPPKqPhVdi1r5xtlsfRExS8fM3lIo36y\r\nuE/2+twI8kBYZzw3da4kiL/xD1EiGDfQ5Zss08S6QCWVg+l7jIfGqOsJ3X57\r\nsQqKqjwHUfFsi0Y9OMQEkkvCgf40TO7pUsprmu0U9KWDB/+Y5qHLKRWEc3u9\r\n4YisO5Bsupd5oWwEVMro20xWdcLIRzFguzhgGwuLYt0qCqEZ548ukqdGftUb\r\nSvrfex0CpB9QycAmq0lk8FLeliA+f1Ab7Bbpo682GbbUIWZ0vbZusTfdZQVK\r\nWabXYBsNdNhrZcWp+e5h4b+JYo2DEsbz+GU79KR7RWtmYRH4TW6/jW1+WcgH\r\nV/U4ZrJwfec8rOAWEgBw0ZjDiJgCPgqj7HM=\r\n=Ycgj\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/types","module":"lib/index.esm.js","readme":"# `@goodhood/modals`\n\n> React modal components\n \n- [Preview](https://goodhood-eu.github.io/goodhood/packages/modals/preview/)\n\n\n## Install\n\n```\nnpm i @goodhood/modals\n```\n\nInstall peer dependencies\n```\nnpm i react // v16.x.x\nnpm i prop-types // v15.x.x\nnpm i @babel/runtime // v7.x.x\nnpm i @goodhood/components // >= v6.x.x\nnpm i nebenan-ui-kit // >= v5.x.x\nnpm i nebenan-helpers // >= v5.x.x\n```\n\nConfigurate module\n```js\nimport { configure } from '@goodhood/modals';\n\nconfigure({\n  track: // track function which will be called on modal open and close event\n});\n```\n\n## Import:\n\n```js\nimport Modal, { Alert, configure } from '@goodhood/modals';\n```\n\n# API\n\n## Modal\n```js\nimport { ModalProvider } from '@goodhood/modals';\n\nconst App = () => (\n  /* Imperative API:\n  - setModal(modalComponent): support legacy API for showing modals via function call\n  - lock(): locks window scroll\n  - unlock(): unlocks window scroll */\n  <ModalProvider ref={ref}>\n    {/* All modals should be placed inside modal provider */}\n  </ModalProvider>\n);\n```\n\n## Modal\n```jsx\nimport { ModalProvider, Modal } from '@goodhood/modals';\n\nconst App = () => {\n  const [isActive, setAcive] = useState();\n\n  return (\n    <ModalProvider>\n      <span onClick={() => setAcive(true)}>Open modal</span>\n\n      {isActive && (\n        <Modal\n          {/* Overlay class attribute */}\n          className=\"string\"\n\n          {/* Content class attribute */}\n          bodyClassName=\"\"\n\n          {/* Prevent modal from closing */}\n          persist={true/false}\n\n          {/* Stick modal to the top */}\n          staticPosition={true/false}\n\n          {/* Handler to close modal */}\n          onClose={() => setAcive(false)}\n\n          {/* Called on unmount */}\n          onUnmount={() => {}}\n        >\n          {/* Modal content */}\n        </Modal>\n      )}\n    </ModalProvider>\n  );\n};\n```\n\n## Alert\n```jsx\nimport { ModalProvider, Alert } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Alert\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n    >\n      {/* Alert content */}\n    </Alert>\n  </ModalProvider>\n);\n```\n\n## Confirm\n```jsx\nimport { ModalProvider, Confirm } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Confirm\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for decline button */}\n      cancelLabel=\"string\"\n\n      {/* Text for confirm button */}\n      confirmLabel=\"string\"\n\n      {/* Lock buttons */}\n      locked={true/false}\n\n      {/* Invert buttons */}\n      inverted={true/false}\n\n      {/* Called on decline, DO NOT CONFUSE WITH onClose */}\n      onCancel={() => {}}\n\n      {/* Called on confirm */}\n      onConfirm={() => {}}\n    >\n      {/* Confirm content */}\n    </Confirm>\n  </ModalProvider>\n);\n```\n\n## IllustrationModal\n```jsx\nimport { ModalProvider, IllustrationModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <IllustrationModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n\n      {/* Image url */}\n      image=\"https://images.com/image.jpg\"\n\n      {/* Button node in the footer */}\n      button={<button>Hello</button>}\n    >\n      {/* IllustrationModal content */}\n    </IllustrationModal>\n  </ModalProvider>\n);\n```\n\n## ScrollableModal\n```jsx\nimport { ModalProvider, ScrollableModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <ScrollableModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Header node */}\n      header={<header class=\"ui-card-section\">Title</header>}\n\n      {/* Footer node */}\n      footer={<footer class=\"ui-card-section\">Footer</footer>}\n    >\n      {/* ScrollableModal content */}\n    </ScrollableModal>\n  </ModalProvider>\n);\n```\n\n# Development\n\n## Preview\n\n- `yarn start`\n- Visit http://localhost:3000\n\n## Add a new component\n\n- Create `src/*/index.jsx`\n  - Default exports will be re-exported with the map name\n  - Named exports will be re-exported as they are (watch out for collisions)\n    ```js\n      // src/map/index.jsx\n      export const ModalType = 123;\n      export Modal 666;\n\n      // usage\n      import { Modal, ModalType } from '@goodhood/modals';\n    ```\n- Create `src/*/index.stories.jsx`\n  - Preview will take it up automatically\n","gitHead":"c8183237e68ff2eff90c96d37735fa476cb4bb53","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"iamuchejude","email":"iamuchejude@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"8.15.1","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^3.0.0","nebenan-helpers":"^7.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_1.1.0-beta.1_1667430932404_0.11802661741136","host":"s3://npm-registry-packages"}},"1.1.0-beta.2":{"name":"@goodhood/modals","version":"1.1.0-beta.2","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@1.1.0-beta.2","maintainers":[{"name":"rejas","email":"npm@veeck.de"},{"name":"iamuchejude","email":"iamuchejude@gmail.com"},{"name":"eliasbraun","email":"elias.braun@nebenan.de"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"ec4bb5a0937650aafe67d084f94345eab444c493","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-1.1.0-beta.2.tgz","fileCount":47,"integrity":"sha512-Eyg147FLWYjgFVbRuLoR9Hjem1Bf/uxbwzNLUtfWXfE6N2RW6EwhPdfOU+U1rpFSPlFtmgHVWRKMf0WIea7TQg==","signatures":[{"sig":"MEUCIQCYUVl8OSgAV5cSylGXewwS++HvIIUVdN1DJh1wrGnR5AIgNfkGUQSmPEykzgjMlr/FsQoozx2sUollvo51uTQtBnI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3022544,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjY8iBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrptw//UvyK7RPeOpAZWMVe9q6y5ckiSrY2x1GtiObuMXIZBH1Zc5R+\r\nyaUjUe6mcLWRcqQspytN/FEFkg5WQrhPHKHR3+nZ1nIQtKkigyOBFL4jEK5M\r\nKMcfAa1y3YTm5vmG0/1eTdOijFShjt1SlMOwlRGWHj1xJEwFncM+9yxNu9Pz\r\nDrnNpKAex3lmS6djbd+VYrgt79Qtkr4FAw6zIa8yIL0RTdzSXPP6KWe5Ey3b\r\n5MOtFCp12nE9kLuT07eeKF3Co552eTADrifyieLqHUTJy2fW+BEv5gHzdxdl\r\np/9JE8NWWrHzFfzJpgXflZMhNs8DnEHh6+x1SLHJBqCHh4WFyqKAZ9ZAHmvK\r\nXoq85KfuBJm52P84woitHl2hIu79Ey7VZa1kN0aJL0836Mamk8s4S4ugvox8\r\nLhcpIm2j6Nd9n92GIufUBm94X6OpsxgjcK7l9WN/db9yrF/1bD1tmpvJgVlx\r\nFzDDfh3mEo5hSP3W2m+fQtshYAiNN7OCE9fiv/CIvSwnkOhXDQWyAxkd3wPR\r\nR168DX1Im3iqeJfxbJZZ7VxT+l3vXZkenApvCBX9qWGESWdKkaDsymHaKdwi\r\nW5j/CD+SBd3K27l36S1WHFP0CNwe42XKv/1IQTntcsiRhoNnwMeSZtBf1pJ6\r\njRV4cHtYSrSJz1zO+upiShgc6bepMkjHY0M=\r\n=fJ2y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/types","module":"lib/index.esm.js","readme":"# `@goodhood/modals`\n\n> React modal components\n \n- [Preview](https://goodhood-eu.github.io/goodhood/packages/modals/preview/)\n\n\n## Install\n\n```\nnpm i @goodhood/modals\n```\n\nInstall peer dependencies\n```\nnpm i react // v16.x.x\nnpm i prop-types // v15.x.x\nnpm i @babel/runtime // v7.x.x\nnpm i @goodhood/components // >= v6.x.x\nnpm i nebenan-ui-kit // >= v5.x.x\nnpm i nebenan-helpers // >= v5.x.x\n```\n\nConfigurate module\n```js\nimport { configure } from '@goodhood/modals';\n\nconfigure({\n  track: // track function which will be called on modal open and close event\n});\n```\n\n## Import:\n\n```js\nimport Modal, { Alert, configure } from '@goodhood/modals';\n```\n\n# API\n\n## Modal\n```js\nimport { ModalProvider } from '@goodhood/modals';\n\nconst App = () => (\n  /* Imperative API:\n  - setModal(modalComponent): support legacy API for showing modals via function call\n  - lock(): locks window scroll\n  - unlock(): unlocks window scroll */\n  <ModalProvider ref={ref}>\n    {/* All modals should be placed inside modal provider */}\n  </ModalProvider>\n);\n```\n\n## Modal\n```jsx\nimport { ModalProvider, Modal } from '@goodhood/modals';\n\nconst App = () => {\n  const [isActive, setAcive] = useState();\n\n  return (\n    <ModalProvider>\n      <span onClick={() => setAcive(true)}>Open modal</span>\n\n      {isActive && (\n        <Modal\n          {/* Overlay class attribute */}\n          className=\"string\"\n\n          {/* Content class attribute */}\n          bodyClassName=\"\"\n\n          {/* Prevent modal from closing */}\n          persist={true/false}\n\n          {/* Stick modal to the top */}\n          staticPosition={true/false}\n\n          {/* Handler to close modal */}\n          onClose={() => setAcive(false)}\n\n          {/* Called on unmount */}\n          onUnmount={() => {}}\n        >\n          {/* Modal content */}\n        </Modal>\n      )}\n    </ModalProvider>\n  );\n};\n```\n\n## Alert\n```jsx\nimport { ModalProvider, Alert } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Alert\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n    >\n      {/* Alert content */}\n    </Alert>\n  </ModalProvider>\n);\n```\n\n## Confirm\n```jsx\nimport { ModalProvider, Confirm } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Confirm\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for decline button */}\n      cancelLabel=\"string\"\n\n      {/* Text for confirm button */}\n      confirmLabel=\"string\"\n\n      {/* Lock buttons */}\n      locked={true/false}\n\n      {/* Invert buttons */}\n      inverted={true/false}\n\n      {/* Called on decline, DO NOT CONFUSE WITH onClose */}\n      onCancel={() => {}}\n\n      {/* Called on confirm */}\n      onConfirm={() => {}}\n    >\n      {/* Confirm content */}\n    </Confirm>\n  </ModalProvider>\n);\n```\n\n## IllustrationModal\n```jsx\nimport { ModalProvider, IllustrationModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <IllustrationModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n\n      {/* Image url */}\n      image=\"https://images.com/image.jpg\"\n\n      {/* Button node in the footer */}\n      button={<button>Hello</button>}\n    >\n      {/* IllustrationModal content */}\n    </IllustrationModal>\n  </ModalProvider>\n);\n```\n\n## ScrollableModal\n```jsx\nimport { ModalProvider, ScrollableModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <ScrollableModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Header node */}\n      header={<header class=\"ui-card-section\">Title</header>}\n\n      {/* Footer node */}\n      footer={<footer class=\"ui-card-section\">Footer</footer>}\n    >\n      {/* ScrollableModal content */}\n    </ScrollableModal>\n  </ModalProvider>\n);\n```\n\n# Development\n\n## Preview\n\n- `yarn start`\n- Visit http://localhost:3000\n\n## Add a new component\n\n- Create `src/*/index.jsx`\n  - Default exports will be re-exported with the map name\n  - Named exports will be re-exported as they are (watch out for collisions)\n    ```js\n      // src/map/index.jsx\n      export const ModalType = 123;\n      export Modal 666;\n\n      // usage\n      import { Modal, ModalType } from '@goodhood/modals';\n    ```\n- Create `src/*/index.stories.jsx`\n  - Preview will take it up automatically\n","gitHead":"0ed368534f4922afb1bf6fd9c5d6a547262ec5af","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"iamuchejude","email":"iamuchejude@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"8.15.1","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^3.0.0","nebenan-helpers":"^7.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_1.1.0-beta.2_1667483777032_0.9445293805849289","host":"s3://npm-registry-packages"}},"1.1.0-beta.3":{"name":"@goodhood/modals","version":"1.1.0-beta.3","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@1.1.0-beta.3","maintainers":[{"name":"rejas","email":"npm@veeck.de"},{"name":"iamuchejude","email":"iamuchejude@gmail.com"},{"name":"eliasbraun","email":"elias.braun@nebenan.de"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"4664c6bd5572b137068d92f3f08bf44431f136aa","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-1.1.0-beta.3.tgz","fileCount":47,"integrity":"sha512-YaR36Y78uF8QK7mYyzO8idzFPGVw/jkoy4LKaSd42ncx9cLpNhL5rZIPSBX9NyCd4kp7MEJibKHSi9QxkjbQjA==","signatures":[{"sig":"MEQCIG41w90kMFNdMfz5e7eIu9zOAVZL+4NpneUdQW6EVg2RAiB+ur2WbHO/cgQMDSZV9j+kvlItu9IgN5SPLeYrI2LoZw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3022544,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjY8psACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrCoA//SAklNCaS5azPv7SIC3Ie7HB7edHD/wInKwy64HSUaxftS5cY\r\nMMCNMgW2MMerW1ohQZF6gaRRuICun9a9Wo+T4oVZx6B3cVq5Cr+pYfd0+eCz\r\nVxF9UoJZXtrsI9r0cXGnQ9i1Jey5id2uxD6U5tJ386U+VhSvHvC1EFU09r+w\r\n57YGfHqQGscUCZ/bhYIT6PlxNyPmK8xWJzzKEZlWS8L6WgIK6QtgfsGYPwXB\r\nlNOzCzHb2Q4f1R/zBDbcvlc6/Ao+7pt9EivcUxfrBNWD+8uEWtYWegPKplm7\r\npPpkI+djD0Ku+nlKrdP24laUgFuiiP+OiyF4Ed7PzN6EVewTgkJTSCk16xfG\r\nS2KEd1wKQAQjsH+7Xna7KDmPNXGWeA+UNKE5r3O/dfQ7/HELMDwvyOoxpGZg\r\nMNSl0h2McMoqOrAoKR++6MIJnZjfOhzmAx4Vr8W/qzY1PwPZMTxljiVi5eFb\r\n0g/DiWbANOoPAiW+F8ccfLEwr0e5pl2OHfoFJX4yRSJdQwnbRZtb6JGTDRPf\r\nX2DxCqvSEdibJ9ECdCbJCq3X0N56bycoiwW97DOB4Cs/SmSC+ekQhqAsQ907\r\nRa8zdMN6YUyyYQW78bDypbmlC43np0hu9DnMCnixN/X+lA66qESKp+0FAPeo\r\nlHNVf2F2rhGqJIweBGEKFjJoQNWOsghUjbY=\r\n=qAlL\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/types","module":"lib/index.esm.js","readme":"# `@goodhood/modals`\n\n> React modal components\n \n- [Preview](https://goodhood-eu.github.io/goodhood/packages/modals/preview/)\n\n\n## Install\n\n```\nnpm i @goodhood/modals\n```\n\nInstall peer dependencies\n```\nnpm i react // v16.x.x\nnpm i prop-types // v15.x.x\nnpm i @babel/runtime // v7.x.x\nnpm i @goodhood/components // >= v6.x.x\nnpm i nebenan-ui-kit // >= v5.x.x\nnpm i nebenan-helpers // >= v5.x.x\n```\n\nConfigurate module\n```js\nimport { configure } from '@goodhood/modals';\n\nconfigure({\n  track: // track function which will be called on modal open and close event\n});\n```\n\n## Import:\n\n```js\nimport Modal, { Alert, configure } from '@goodhood/modals';\n```\n\n# API\n\n## Modal\n```js\nimport { ModalProvider } from '@goodhood/modals';\n\nconst App = () => (\n  /* Imperative API:\n  - setModal(modalComponent): support legacy API for showing modals via function call\n  - lock(): locks window scroll\n  - unlock(): unlocks window scroll */\n  <ModalProvider ref={ref}>\n    {/* All modals should be placed inside modal provider */}\n  </ModalProvider>\n);\n```\n\n## Modal\n```jsx\nimport { ModalProvider, Modal } from '@goodhood/modals';\n\nconst App = () => {\n  const [isActive, setAcive] = useState();\n\n  return (\n    <ModalProvider>\n      <span onClick={() => setAcive(true)}>Open modal</span>\n\n      {isActive && (\n        <Modal\n          {/* Overlay class attribute */}\n          className=\"string\"\n\n          {/* Content class attribute */}\n          bodyClassName=\"\"\n\n          {/* Prevent modal from closing */}\n          persist={true/false}\n\n          {/* Stick modal to the top */}\n          staticPosition={true/false}\n\n          {/* Handler to close modal */}\n          onClose={() => setAcive(false)}\n\n          {/* Called on unmount */}\n          onUnmount={() => {}}\n        >\n          {/* Modal content */}\n        </Modal>\n      )}\n    </ModalProvider>\n  );\n};\n```\n\n## Alert\n```jsx\nimport { ModalProvider, Alert } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Alert\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n    >\n      {/* Alert content */}\n    </Alert>\n  </ModalProvider>\n);\n```\n\n## Confirm\n```jsx\nimport { ModalProvider, Confirm } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Confirm\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for decline button */}\n      cancelLabel=\"string\"\n\n      {/* Text for confirm button */}\n      confirmLabel=\"string\"\n\n      {/* Lock buttons */}\n      locked={true/false}\n\n      {/* Invert buttons */}\n      inverted={true/false}\n\n      {/* Called on decline, DO NOT CONFUSE WITH onClose */}\n      onCancel={() => {}}\n\n      {/* Called on confirm */}\n      onConfirm={() => {}}\n    >\n      {/* Confirm content */}\n    </Confirm>\n  </ModalProvider>\n);\n```\n\n## IllustrationModal\n```jsx\nimport { ModalProvider, IllustrationModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <IllustrationModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n\n      {/* Image url */}\n      image=\"https://images.com/image.jpg\"\n\n      {/* Button node in the footer */}\n      button={<button>Hello</button>}\n    >\n      {/* IllustrationModal content */}\n    </IllustrationModal>\n  </ModalProvider>\n);\n```\n\n## ScrollableModal\n```jsx\nimport { ModalProvider, ScrollableModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <ScrollableModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Header node */}\n      header={<header class=\"ui-card-section\">Title</header>}\n\n      {/* Footer node */}\n      footer={<footer class=\"ui-card-section\">Footer</footer>}\n    >\n      {/* ScrollableModal content */}\n    </ScrollableModal>\n  </ModalProvider>\n);\n```\n\n# Development\n\n## Preview\n\n- `yarn start`\n- Visit http://localhost:3000\n\n## Add a new component\n\n- Create `src/*/index.jsx`\n  - Default exports will be re-exported with the map name\n  - Named exports will be re-exported as they are (watch out for collisions)\n    ```js\n      // src/map/index.jsx\n      export const ModalType = 123;\n      export Modal 666;\n\n      // usage\n      import { Modal, ModalType } from '@goodhood/modals';\n    ```\n- Create `src/*/index.stories.jsx`\n  - Preview will take it up automatically\n","gitHead":"2d897adeab2afaee1869eec7410d50617e598f3c","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"iamuchejude","email":"iamuchejude@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"8.15.1","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^3.0.0","nebenan-helpers":"^7.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_1.1.0-beta.3_1667484267929_0.4424918449669437","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@goodhood/modals","version":"1.1.0","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@1.1.0","maintainers":[{"name":"rejas","email":"npm@veeck.de"},{"name":"iamuchejude","email":"iamuchejude@gmail.com"},{"name":"eliasbraun","email":"elias.braun@nebenan.de"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"8d33132a7f1a58aa935162994e6942b9db92d2a3","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-1.1.0.tgz","fileCount":47,"integrity":"sha512-vYo6ZMzeOtJSus0HIKE9LcpE5cQlE1LsNO/QVsOnG0CnTSi7l5SyH0j+ms/NmZbPJYMsBuSlz1AanRYRW2aXKw==","signatures":[{"sig":"MEUCIB7PzdVX7NmEZashgRqo907OuRxDd+PQ32SQYpeIa5JZAiEA89ULFIM7U870XO0Ab0tXc6m42SeLEJu2SuBg3y2G8+o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3022537,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjY9IUACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrTOBAAjO3024DcFay+ZchYOVuUOuQzFKhVL9h6F17kGflZujv6877e\r\nBpWoD6QOs16Qgl/7/5NEG572iSD0OgiipD/7Ry5eJRYVoFjD37cHYcL3LGV6\r\nRUensuWAA5hziQm3eck2ad4TxNp8hOfviYYLbS9cKmoDiE6REol4BaW4AnRe\r\nLPRkWs1W8fY2ZmdJEV5fl4N3oP+2VyVWVvZ/Bi7d8vBcrEjSDHLJrxHISGv0\r\nzpKdLmUXOr3CipIK4e2Lx33IdcL2rG5KSNSfowY/zv88HFCwq1Ca6EJ9KTw1\r\ny/kjn3puUiADFYO4Yreg5Bl1iZx9BEN8WbIb3780ocNs4w1xxVqIwmhZeQVd\r\nd8Ti2ezmZTi3aqDlsOZlK3CJsQ3R9viOqw98YYIb2ijXlFDk4s7SXOiM0a5m\r\nqu6FrYu5mP4hohVqQ0qczG/TpZsPH3me7L6cTEuBZgIPg2VtHFXij3RiXvl5\r\np4CGoGF3km7qGG6Ne1E46dVrTtuaS36wXWqLQ9gkOIC3k4BQljYkocF0EoAE\r\n7bFqXyvGe0R2u/OxsUJhZfmSllmn0CClL5CpPZJH/Ioh9o+1xVDI9ra0tu0r\r\nUe1W3Q7F18Yf3nIKf/VezyZ5gLJTr7DQV/TeDvCCimAf2YPHvxewbGLX7nzL\r\nXkBZZe05djQocF8ae9qH9qKInn9QSh5p4dQ=\r\n=htYx\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/types","module":"lib/index.esm.js","gitHead":"9b429053dbedb8822918bf71bcbc21620cbf4053","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"iamuchejude","email":"iamuchejude@gmail.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"8.15.1","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"16.13.0","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^3.0.0","nebenan-helpers":"^7.0.0"},"_hasShrinkwrap":false,"devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_1.1.0_1667486228616_0.5863379655186183","host":"s3://npm-registry-packages"}},"1.1.1":{"name":"@goodhood/modals","version":"1.1.1","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@1.1.1","maintainers":[{"name":"rejas","email":"npm@veeck.de"},{"name":"iamuchejude","email":"iamuchejude@gmail.com"},{"name":"eliasbraun","email":"elias.braun@nebenan.de"},{"name":"peterhassler","email":"peter.h@nebenan.de"},{"name":"ozerovs","email":"ozerovsa@gmail.com"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"9f1be4b602e4cc6b0b6f02caf169f0197ce50f71","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-1.1.1.tgz","fileCount":47,"integrity":"sha512-6VDfjqhGJkUkX2dZi9FrH7wVo7TOtZX3ZzKAR9Y9M86LAURujw7D49mNGwEGgZPBDVOY6FwI51ifNOhAjVNGLw==","signatures":[{"sig":"MEUCIQCCjy21NyOFWvYfJV+TEDF4sXhHqeLV9EerijAYcG04RwIgAKArzkZGSKxDc/yxOczYioqDDoA2WBl/w4R+h6Vtcj8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":3023076,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjnEFHACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqUfw/+PEm4rJfEMzP0cY2xcNpvDXN9hK+idkXRufOu01KmX0Mg4FrR\r\n1FHdMWq+9iPi6qCAhO7wu28eMfuSSRxatlFEH98UJ6FfHNAXVunUiI+HEOt1\r\nu7uQXLn+GdYfF/7EUBsyTdQJCVMDKo3mID7kUaAcu1oNtMLoQLzAI+jjs6hK\r\nzntv39viXV+PxFjj9y2eqD4d10QGrFjCDe5SH8rWrjRZa2rcO0wauh++rCam\r\nKeMsKLPoRJfOf4hnj4Cp5BJ0BjyOqEaWbslknzXotZjuEPXf3LbRMsU0vYBy\r\nBmlGJxgk54KOxdMobwMIcDj8XWQ5B5jcQg4HnVghmq/UiDZDQ5SL7Zr7wpWB\r\nYsQKk1YMxi114sLayEdrSnd5vr/50NV5JB47XSSIHoqvAp3JfdYwc6A4YTje\r\na8KUTnuCahq00ZBHI/hQrCH6VpVPJYuxodEvP7dq0CpCdYdywIqOBSytvfak\r\nfUsEX+tdgL89kX3TJ3qLgBkYtYj77jrCZ0XX33hCuAHDVzvdA35TYJ3PgIs5\r\nJgtrGawCGExnLcIRvINwv+rVLWf+bU9OdLe4p0Ys14LL9VxrfYQjzF4/222l\r\nNkmouQGOJyuLbx90fbsGXw9uH/Qfb+W+9i8FMOjdvsLYM9OVyX+J0KR2FB+N\r\n7AMg9JncY/mCg6RH4OE5uo+ENRm3pSigd2o=\r\n=7EL5\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/types","module":"lib/index.esm.js","gitHead":"21031767453a9e00fb145060cd8b8828e83a8761","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build"},"_npmUser":{"name":"rejas","email":"npm@veeck.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"8.15.0","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"16.17.1","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^3.0.0","nebenan-helpers":"^7.0.0"},"_hasShrinkwrap":false,"devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_1.1.1_1671184710992_0.4645955568927018","host":"s3://npm-registry-packages"}},"1.1.2":{"name":"@goodhood/modals","version":"1.1.2","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@1.1.2","maintainers":[{"name":"rejas","email":"npm@veeck.de"},{"name":"iamuchejude","email":"iamuchejude@gmail.com"},{"name":"eliasbraun","email":"elias.braun@nebenan.de"},{"name":"peterhassler","email":"peter.h@nebenan.de"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"f05ec3cb495a67a5ee1b6eb5aae47215c2424209","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-1.1.2.tgz","fileCount":47,"integrity":"sha512-idoQzPTdt192JSJDYw6POJtXoJabWZpeomTLTgsHnKIuZRNjPgPKaEMD9Usavn1x1QMh/QvnLBZJKiL6I8bo3Q==","signatures":[{"sig":"MEUCIQC/TClCKDQ+ShUCouGiZ/A1jB0Zhp02FePhwC7PMG9c8QIgZ+oWP2oSkub+iVeH5mlLAGv+xaZAq0NRITq26q/9t50=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":149810,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjx70FACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoyWw/+OG+jdv/pb/me2Cevm8rnNB3C297jcGHg+g/A9OcojqY5QeFR\r\nsYWYnjdOMxG69MWxyin2JraoQPFh2oDQFMJAj4iffHyJ7ouWBLy9qeq1gPb3\r\nk0d1ePgBipDcX/M3fHNPweF8Gd8Qxg7tc4iUvw6rT26aUScqXNkm3C+ScQ47\r\nUS1m9oJD3nBwUPnPwF5NiQ/jYgeUuWDgbL31ZbBMIpwk7MDKuUR2cUfmWrFF\r\nXUBBOQ4ETkSkKHi76SVFv4ba5pkVsgiBdK8s7vLYLlmLTIewe1EXbZ+WtXC/\r\nIDQwaKKJUIt+Vd824e+VRcEh27ZemfKIQY6xcwmzgGTM86EwfZVf+siNEtWN\r\nIIqvFhsY+3MuDNzUl9ZyPyMB2VPUiMvcpGC8FC6pC+zS/H7nWnhIuW/pkgWO\r\nzqdw95iuyQn4DuVglxWWNcCaA09l74UzPHQ4hsetvRfVR5Z8Ezota2aBKpkk\r\ni6kDHJAzl5EhYn4ZjwD3LiMFF4IAJ6pVIWcTwHjJYifZVerjGe95+gSeZSqf\r\nrl1qJlpFC/qTpUYq5qWFBK0mzu8G00K5vKG1LI+k8z+iUztGsMSz30vERN3B\r\nuqkShTPeyn7sRvkp9/GPbFwYtaS45d/8owj/kEpyQOsoLUP0Dp06FTAjbxFF\r\n2vxceRZGN5Am6+f50gtizWzakavF9nlGYe4=\r\n=3I8H\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/types","module":"lib/index.esm.js","gitHead":"872923e4979c7be028afb6e59a9c60d34bf41f86","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build","lint:typescript":"../../scripts/check-typescript"},"_npmUser":{"name":"peterhassler","email":"peter.h@nebenan.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"8.19.3","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"16.19.0","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^3.0.0","nebenan-helpers":"^7.0.0"},"_hasShrinkwrap":false,"devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_1.1.2_1674034437781_0.733427871627546","host":"s3://npm-registry-packages"}},"1.1.3-beta.0":{"name":"@goodhood/modals","version":"1.1.3-beta.0","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@1.1.3-beta.0","maintainers":[{"name":"rejas","email":"npm@veeck.de"},{"name":"iamuchejude","email":"iamuchejude@gmail.com"},{"name":"eliasbraun","email":"elias.braun@nebenan.de"},{"name":"peterhassler","email":"peter.h@nebenan.de"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"e2aba3547b25ccfc3f60542a42cee05d2f2e65de","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-1.1.3-beta.0.tgz","fileCount":47,"integrity":"sha512-Gj8EQnAhhUurHnRkAra/q4tONe0lM8aIsHmwhU3yuT3BMZT3Ov3ALMKVKnQyiOCgZ0f/ITZ4qkihCjuf8bHpFQ==","signatures":[{"sig":"MEYCIQC1i8CIQD5AwjPqhsExb2NPkwrFc2eOvGeO0mrwpOnaJgIhANREU6i4f3pfNo/lm6/cLPgsC7AULU2RJlFwb4AnIUU0","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":149829,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkAe8dACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpbzw/9GX8aXcoQLIysZxhMjrIPcPZboQsWqP2DpvM6LIpi6laotHcP\r\nf3KDlG9rZUCaICPdEsHf63cn9b5SE8rS0mT/HQInIAZK9SvI3FK02+C6eg0s\r\nql/11YqJsvDRc1YqHHa5DRNE6Z3vvaOzS2/A02mC3NMluqpJQJzxu96PpvR8\r\nvhQDlk5J+/9cjRvpWiKHmtYse9e/MLncSq4HMWhROMSWemrgxmAPfdmdg9vx\r\nROQAQsXsz2Rq2XBUKH6vaBkWcVQ8daDSMDflgWTjgVP1Zr3biVYE4uj3Uyxf\r\n78OtUv/Ziz+OBDNyQmj9VGlVzchFrRloGms0PYtUvq8UhSsvj+jsatO6aRGX\r\n3qTvU2hYdzh13eC4DsfDBYQmzE1BBQX4UN/zY+uVY3CGhUVNZAlMVuFdr2Sj\r\noQRx11HgQd8qmnxL/Lgs5/+/ToC2jA3NR80g1I183/8w2rW/I9PWuRzcKiqs\r\nksYhcl7Vm6cunY9D6iBRkfE/rOrYzLBcMLb9lgnKwz5Woh0j2/0WPRSBcaMM\r\nQRTgYptcSn/nrKYDh55M9WfovMesJsybrKJNLCnvx+3rIaU3JkA2jKZPVncS\r\nkyyegpi3zJXYIzELT3hLIsOslojIsLvN763vIKskN2HE68QnETxwa4TxbfRt\r\nL1PIB5aKPc5modNPPkNk5PDcmIrD2L8iQks=\r\n=pe2Y\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/types/packages/modals/src","module":"lib/index.esm.js","readme":"# `@goodhood/modals`\n\n> React modal components\n \n- [Preview](https://goodhood-eu.github.io/goodhood/packages/modals/preview/)\n\n\n## Install\n\n```\nnpm i @goodhood/modals\n```\n\nInstall peer dependencies\n```\nnpm i react // v16.x.x\nnpm i prop-types // v15.x.x\nnpm i @babel/runtime // v7.x.x\nnpm i @goodhood/components // >= v6.x.x\nnpm i nebenan-ui-kit // >= v5.x.x\nnpm i nebenan-helpers // >= v5.x.x\n```\n\nConfigurate module\n```js\nimport { configure } from '@goodhood/modals';\n\nconfigure({\n  track: // track function which will be called on modal open and close event\n});\n```\n\n## Import:\n\n```js\nimport Modal, { Alert, configure } from '@goodhood/modals';\n```\n\n# API\n\n## Modal\n```js\nimport { ModalProvider } from '@goodhood/modals';\n\nconst App = () => (\n  /* Imperative API:\n  - setModal(modalComponent): support legacy API for showing modals via function call\n  - lock(): locks window scroll\n  - unlock(): unlocks window scroll */\n  <ModalProvider ref={ref}>\n    {/* All modals should be placed inside modal provider */}\n  </ModalProvider>\n);\n```\n\n## Modal\n```jsx\nimport { ModalProvider, Modal } from '@goodhood/modals';\n\nconst App = () => {\n  const [isActive, setAcive] = useState();\n\n  return (\n    <ModalProvider>\n      <span onClick={() => setAcive(true)}>Open modal</span>\n\n      {isActive && (\n        <Modal\n          {/* Overlay class attribute */}\n          className=\"string\"\n\n          {/* Content class attribute */}\n          bodyClassName=\"\"\n\n          {/* Prevent modal from closing */}\n          persist={true/false}\n\n          {/* Stick modal to the top */}\n          staticPosition={true/false}\n\n          {/* Handler to close modal */}\n          onClose={() => setAcive(false)}\n\n          {/* Called on unmount */}\n          onUnmount={() => {}}\n        >\n          {/* Modal content */}\n        </Modal>\n      )}\n    </ModalProvider>\n  );\n};\n```\n\n## Alert\n```jsx\nimport { ModalProvider, Alert } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Alert\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n    >\n      {/* Alert content */}\n    </Alert>\n  </ModalProvider>\n);\n```\n\n## Confirm\n```jsx\nimport { ModalProvider, Confirm } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Confirm\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for decline button */}\n      cancelLabel=\"string\"\n\n      {/* Text for confirm button */}\n      confirmLabel=\"string\"\n\n      {/* Lock buttons */}\n      locked={true/false}\n\n      {/* Invert buttons */}\n      inverted={true/false}\n\n      {/* Called on decline, DO NOT CONFUSE WITH onClose */}\n      onCancel={() => {}}\n\n      {/* Called on confirm */}\n      onConfirm={() => {}}\n    >\n      {/* Confirm content */}\n    </Confirm>\n  </ModalProvider>\n);\n```\n\n## IllustrationModal\n```jsx\nimport { ModalProvider, IllustrationModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <IllustrationModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n\n      {/* Image url */}\n      image=\"https://images.com/image.jpg\"\n\n      {/* Button node in the footer */}\n      button={<button>Hello</button>}\n    >\n      {/* IllustrationModal content */}\n    </IllustrationModal>\n  </ModalProvider>\n);\n```\n\n## ScrollableModal\n```jsx\nimport { ModalProvider, ScrollableModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <ScrollableModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Header node */}\n      header={<header class=\"ui-card-section\">Title</header>}\n\n      {/* Footer node */}\n      footer={<footer class=\"ui-card-section\">Footer</footer>}\n    >\n      {/* ScrollableModal content */}\n    </ScrollableModal>\n  </ModalProvider>\n);\n```\n\n# Development\n\n## Preview\n\n- `yarn start`\n- Visit http://localhost:3000\n\n## Add a new component\n\n- Create `src/*/index.jsx`\n  - Default exports will be re-exported with the map name\n  - Named exports will be re-exported as they are (watch out for collisions)\n    ```js\n      // src/map/index.jsx\n      export const ModalType = 123;\n      export Modal 666;\n\n      // usage\n      import { Modal, ModalType } from '@goodhood/modals';\n    ```\n- Create `src/*/index.stories.jsx`\n  - Preview will take it up automatically\n","gitHead":"1c74accd2f751f46b8c23f786000a09e47589286","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build","lint:typescript":"../../scripts/check-typescript"},"_npmUser":{"name":"peterhassler","email":"peter.h@nebenan.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"8.19.3","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"19.2.0","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^5.0.0","nebenan-helpers":"^7.0.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_1.1.3-beta.0_1677848349526_0.7670978343424362","host":"s3://npm-registry-packages"}},"1.1.3":{"name":"@goodhood/modals","version":"1.1.3","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@1.1.3","maintainers":[{"name":"rejas","email":"npm@veeck.de"},{"name":"iamuchejude","email":"iamuchejude@gmail.com"},{"name":"eliasbraun","email":"elias.braun@nebenan.de"},{"name":"peterhassler","email":"peter.h@nebenan.de"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"3e6049755c3150d3c6e556c59e75c09f4db33453","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-1.1.3.tgz","fileCount":47,"integrity":"sha512-PWx0L6V1Mxiabce9oDgRsbVBAlRBl4urHZIdarsblY0MntB/HyHZFZd0gHUvzGJa0ERtR+VssfNfswVFri1NBA==","signatures":[{"sig":"MEUCIGuafdnPqdiQNq/EKoTNp/69a+VCpiKkA/fBLYECiCzPAiEAhOFVi0zvF+rp19xwWf0MvchYt/eeynP/HnbreBykdu4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":149822,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkAfDuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq1WA/9GsM2rP6rmuM5J83RDsiAfw8Hy9L9qFq9qW20Zi9+KX3+o5Em\r\nddYO8rTTJ8QBawn4rtxhbqY95XoNuzWQJniVwC0PDsH4T0z8rRQZSXrhAXEK\r\n1FJInY2tZVJeJ0XFEvTf4FToM5sznFAiUVcP5661bvzBnprM/yXuXQh8Jjkn\r\nIXe3AMISiwqJbdnVkjYgILZ6u+OI3/sWpgp4tvg495GyvG5Of3PRdCOF874V\r\nPOLi3JQkfSqD41wNqIw4m32kJHed7y9T6bs+LluMu4WJTSC6V2kMJURX1/bY\r\nno5+rNhUWPVoVuXe8uer4II7B79yzRsa2DA0ruAeZ3ErwY3ViS+xCTidUxVC\r\nkMKWx7bhryO/x6gRoN906wGBU3SWetYfI2lT7IKRwa7rmG4aaULi8R9a9tk0\r\n3itC6G+gMqilXlI9WARifzIxm4MhtkOLwRhPFuRpVoc9IkOM8hBhzZTUcGgA\r\ns6ETqoIopbpbKHRzOck5sQPm6mmIIekBjJDu/jUiJW3YhnPKHvgHpVnjzXgJ\r\nXmviv4Dbbuu2KsG4IpZR/aYC7wuxJvGxp+EfLGo5JBubkgQPfUpmuvGOWb/T\r\nLqbmITY2jvfAz7MZ0YAeJDacdOHAZncqRXZ16DiwTIOG1634Jumf+Y7rrPSh\r\ncmG+BsZHWfcLhGE8BSjTNhjr+8rWnjCPbBI=\r\n=VBOc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/types/packages/modals/src","module":"lib/index.esm.js","gitHead":"1c74accd2f751f46b8c23f786000a09e47589286","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build","lint:typescript":"../../scripts/check-typescript"},"_npmUser":{"name":"peterhassler","email":"peter.h@nebenan.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"8.19.3","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"19.2.0","dependencies":{"clsx":"^1.1.1","@goodhood/icons":"^5.0.0","nebenan-helpers":"^7.0.0"},"_hasShrinkwrap":false,"devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"peerDependencies":{"react":"^16.14.0 || ^17.0.1","react-dom":"^16.14.0 || ^17.0.1","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_1.1.3_1677848814582_0.961183677303237","host":"s3://npm-registry-packages"}},"1.2.0":{"name":"@goodhood/modals","version":"1.2.0","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@1.2.0","maintainers":[{"name":"rejas","email":"npm@veeck.de"},{"name":"iamuchejude","email":"iamuchejude@gmail.com"},{"name":"eliasbraun","email":"elias.braun@nebenan.de"},{"name":"peterhassler","email":"peter.h@nebenan.de"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"a73609dddda4251bfe90938683b0c42fd3bc53ee","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-1.2.0.tgz","fileCount":47,"integrity":"sha512-Ua0cdT5Mn9VaXJU0lebpfNGUCzB/iAanjDkw/FGG3VcHsYNU9gAqOtWoDsxMhBGR9QiRPkB7EUaOQ9IzCewVzQ==","signatures":[{"sig":"MEUCIChn9X3R7y4TPTJyReQDAQEpchsxnKw4d+730d242iOrAiEAwBE1/o4yH+AlptEPFrNZUMKfbsBsCTLp4MN6OpE9oe8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":150663,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkRlFkACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp7fA//UxhgEARZoN+1mF0hGoKdaK+PhKsjoGX8o9jlIzigI61YtGji\r\nrOTRTW0JqgaoNP9BOOWaYC9c3GdfySEc/IGW71oRx6e2q3Q7Ix6zEJ7q9hPP\r\nhRr/WGClQwWKjtLMTKFHigjp2wiBqAaRV1LIg2/K2DNDfMeQZ3MQS8etgCAP\r\nJvvB92zVR7T90TXIyOCmeB8UZPhZ6eAy8breItQWf3bI5JErdJgkDfDm3SfN\r\n0AwQ7EUnRdejktjVfNSWZszhOV9oZiRX7Uckz06M5LP/lvjllpQwZ8lLEITo\r\naSghFKSGT8T86LRbm3/ula1WB1S+pfvy0g/SO3RZ2CS8EvcZivUB1nDV4qgs\r\nKQf1rQYcHWKy2ZtqyxH7j8utqeD+yTOhlfj4QQ5Y7uq3btF7006eyjE9sdjq\r\nbgWa+8sr6Qz4dP2cH79e30F6UFqJ0404dO1+3AxJYtEnqzCy4xwd3WsopieI\r\na41u+PxF/x4ujzNhKSv3Pg4SXL5Cs/ufvGMa9PgiB7dioVDFWdZvU3hAsJ6c\r\ngHHyvkmnxTAt7n91uHqAdP7z5AggKexBfuTpmfxOKTj0H/gKRIfcCbIJrUFP\r\nhLmfG9U6/0ql/XxpCYeIK3C9RGa4mneSSyAqghsswWj/O8S82G6JYpmD1YsZ\r\nBkyDnQgZeaXR+TK7TxozvRFOEqtqe6YnefA=\r\n=Q75B\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","types":"lib/types/packages/modals/src","module":"lib/index.esm.js","gitHead":"1b717223fc68c235ad874d1ee22edada1e15bfdd","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build","lint:typescript":"../../scripts/check-typescript"},"_npmUser":{"name":"eliasbraun","email":"elias.braun@nebenan.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"8.19.1","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"18.9.0","dependencies":{"clsx":"^1.2.0","@goodhood/icons":"^5.0.0","nebenan-helpers":"^7.0.0"},"_hasShrinkwrap":false,"devDependencies":{"nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"peerDependencies":{"react":">= 16.14.0","react-dom":">= 16.14.0","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_1.2.0_1682329956419_0.9859450786533177","host":"s3://npm-registry-packages"}},"1.3.0-beta.0":{"name":"@goodhood/modals","version":"1.3.0-beta.0","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@1.3.0-beta.0","maintainers":[{"name":"hahiii","email":"shalanazim@gmail.com"},{"name":"fweinrich","email":"florian@weinrich.dev"},{"name":"spossner","email":"npm@possner.de"},{"name":"rejas","email":"npm@veeck.de"},{"name":"iamuchejude","email":"iamuchejude@gmail.com"},{"name":"peterhassler","email":"peter.h@nebenan.de"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"331416d00601c6f2e6e8613dbd1e4d8a68fe7173","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-1.3.0-beta.0.tgz","fileCount":47,"integrity":"sha512-G26kzetRt/F6UdG30UgjQXaVSRMm9sJQ0VgshmaO0vCFCUiC9B4Tl5bDeHDKV5R8I40pvPuh5JiDKB5rAGs41g==","signatures":[{"sig":"MEQCIFEp5pxZ85o5oACjl4B8ax47QKVbT0f/A2/wRxIgu4nNAiAsAmWyNHgzBf7qBVJF1MIgMGrzqgd/HtWO1Eou5mW/Tg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":147392},"main":"lib/index.js","types":"lib/types/packages/modals/src","module":"lib/index.esm.js","gitHead":"a75f256ab2c66c88b2a134b068cb13823052c3e1","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build","lint:typescript":"../../scripts/check-typescript"},"_npmUser":{"name":"fweinrich","email":"florian@weinrich.dev"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"9.5.1","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"clsx":"^1.2.1","@goodhood/icons":"^5.0.0","nebenan-helpers":"^7.2.0"},"_hasShrinkwrap":false,"peerDependencies":{"react":">= 16.14.0","react-dom":">= 16.14.0","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.7.0-beta.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.10.0-beta.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_1.3.0-beta.0_1690474460253_0.31504964935052193","host":"s3://npm-registry-packages"}},"1.3.0-beta.1":{"name":"@goodhood/modals","version":"1.3.0-beta.1","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@1.3.0-beta.1","maintainers":[{"name":"hahiii","email":"shalanazim@gmail.com"},{"name":"fweinrich","email":"florian@weinrich.dev"},{"name":"spossner","email":"npm@possner.de"},{"name":"rejas","email":"npm@veeck.de"},{"name":"iamuchejude","email":"iamuchejude@gmail.com"},{"name":"peterhassler","email":"peter.h@nebenan.de"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"7781d3c435fcd926687534a625a029ed6d6292fb","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-1.3.0-beta.1.tgz","fileCount":47,"integrity":"sha512-Ysp+JDUvVhad4ml/f/OQEnF9Hh7N3OdRWzG2VHUmgKrhwFTFjg+IGFVB1D2S3i6eIUKn9PnYTtxBQhG1oZ+Zjg==","signatures":[{"sig":"MEUCIHu9h1TKF1QKkIgUgrxb2HnlY6VW+GCHgfMF0umiQD4LAiEAxNhCBrUH/4vwKsndfM62DL/ZW8aXbsxMcJjyLNjL72I=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":147392},"main":"lib/index.js","types":"lib/types/packages/modals/src","module":"lib/index.esm.js","gitHead":"63097caa4f85467c8740e303853664e2edba12e0","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build","lint:typescript":"../../scripts/check-typescript"},"_npmUser":{"name":"fweinrich","email":"florian@weinrich.dev"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"9.5.1","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"clsx":"^1.2.1","@goodhood/icons":"^5.0.0","nebenan-helpers":"^7.2.0"},"_hasShrinkwrap":false,"peerDependencies":{"react":">= 16.14.0","react-dom":">= 16.14.0","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.7.0-beta.1","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.10.0-beta.1"},"_npmOperationalInternal":{"tmp":"tmp/modals_1.3.0-beta.1_1691580493342_0.3256737818638782","host":"s3://npm-registry-packages"}},"1.3.0-beta.2":{"name":"@goodhood/modals","version":"1.3.0-beta.2","author":{"name":"goodhood.eu","email":"max@nebenan.de"},"license":"SEE LICENSE IN LICENSE FILE","_id":"@goodhood/modals@1.3.0-beta.2","maintainers":[{"name":"hahiii","email":"shalanazim@gmail.com"},{"name":"fweinrich","email":"florian@weinrich.dev"},{"name":"spossner","email":"npm@possner.de"},{"name":"rejas","email":"npm@veeck.de"},{"name":"iamuchejude","email":"iamuchejude@gmail.com"},{"name":"peterhassler","email":"peter.h@nebenan.de"}],"homepage":"https://goodhood.eu/","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"28cbffee4117b763c961a7bb80d679b1f1646c71","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-1.3.0-beta.2.tgz","fileCount":63,"integrity":"sha512-xXLSy8vhY6c9l0aBUMFDW35V52N8qmAL/JZwfKJB2PQxXlncnuD/Xbe/r0sabbgGGGeaBgDfVv5CJJ1K9xYyBA==","signatures":[{"sig":"MEUCICg2BCqqvn2aeT0ma4g0tAHw6kB5LbZ3W4xmcm9Y/Q43AiEAicggZ0gODITkYu4daet/k1/aAva6HZIL/4WLluDYM8o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":159806},"main":"lib/index.js","types":"lib/types/packages/modals/src","module":"lib/index.esm.js","readme":"# `@goodhood/modals`\n\n> React modal components\n \n- [Preview](https://goodhood-eu.github.io/goodhood/packages/modals/preview/)\n\n\n## Install\n\n```\nnpm i @goodhood/modals\n```\n\nInstall peer dependencies\n```\nnpm i react // v16.x.x\nnpm i prop-types // v15.x.x\nnpm i @babel/runtime // v7.x.x\nnpm i @goodhood/components // >= v6.x.x\nnpm i nebenan-ui-kit // >= v5.x.x\nnpm i nebenan-helpers // >= v5.x.x\n```\n\nConfigurate module\n```js\nimport { configure } from '@goodhood/modals';\n\nconfigure({\n  track: // track function which will be called on modal open and close event\n});\n```\n\n## Import:\n\n```js\nimport Modal, { Alert, configure } from '@goodhood/modals';\n```\n\n# API\n\n## Modal\n```js\nimport { ModalProvider } from '@goodhood/modals';\n\nconst App = () => (\n  /* Imperative API:\n  - setModal(modalComponent): support legacy API for showing modals via function call\n  - lock(): locks window scroll\n  - unlock(): unlocks window scroll */\n  <ModalProvider ref={ref}>\n    {/* All modals should be placed inside modal provider */}\n  </ModalProvider>\n);\n```\n\n## Modal\n```jsx\nimport { ModalProvider, Modal } from '@goodhood/modals';\n\nconst App = () => {\n  const [isActive, setAcive] = useState();\n\n  return (\n    <ModalProvider>\n      <span onClick={() => setAcive(true)}>Open modal</span>\n\n      {isActive && (\n        <Modal\n          {/* Overlay class attribute */}\n          className=\"string\"\n\n          {/* Content class attribute */}\n          bodyClassName=\"\"\n\n          {/* Prevent modal from closing */}\n          persist={true/false}\n\n          {/* Stick modal to the top */}\n          staticPosition={true/false}\n\n          {/* Handler to close modal */}\n          onClose={() => setAcive(false)}\n\n          {/* Called on unmount */}\n          onUnmount={() => {}}\n        >\n          {/* Modal content */}\n        </Modal>\n      )}\n    </ModalProvider>\n  );\n};\n```\n\n## Alert\n```jsx\nimport { ModalProvider, Alert } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Alert\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n    >\n      {/* Alert content */}\n    </Alert>\n  </ModalProvider>\n);\n```\n\n## Confirm\n```jsx\nimport { ModalProvider, Confirm } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Confirm\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for decline button */}\n      cancelLabel=\"string\"\n\n      {/* Text for confirm button */}\n      confirmLabel=\"string\"\n\n      {/* Lock buttons */}\n      locked={true/false}\n\n      {/* Invert buttons */}\n      inverted={true/false}\n\n      {/* Called on decline, DO NOT CONFUSE WITH onClose */}\n      onCancel={() => {}}\n\n      {/* Called on confirm */}\n      onConfirm={() => {}}\n    >\n      {/* Confirm content */}\n    </Confirm>\n  </ModalProvider>\n);\n```\n\n## IllustrationModal\n```jsx\nimport { ModalProvider, IllustrationModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <IllustrationModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n\n      {/* Image url */}\n      image=\"https://images.com/image.jpg\"\n\n      {/* Button node in the footer */}\n      button={<button>Hello</button>}\n    >\n      {/* IllustrationModal content */}\n    </IllustrationModal>\n  </ModalProvider>\n);\n```\n\n## ScrollableModal\n```jsx\nimport { ModalProvider, ScrollableModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <ScrollableModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Header node */}\n      header={<header class=\"ui-card-section\">Title</header>}\n\n      {/* Footer node */}\n      footer={<footer class=\"ui-card-section\">Footer</footer>}\n    >\n      {/* ScrollableModal content */}\n    </ScrollableModal>\n  </ModalProvider>\n);\n```\n\n# Development\n\n## Preview\n\n- `yarn start`\n- Visit http://localhost:3000\n\n## Add a new component\n\n- Create `src/*/index.jsx`\n  - Default exports will be re-exported with the map name\n  - Named exports will be re-exported as they are (watch out for collisions)\n    ```js\n      // src/map/index.jsx\n      export const ModalType = 123;\n      export Modal 666;\n\n      // usage\n      import { Modal, ModalType } from '@goodhood/modals';\n    ```\n- Create `src/*/index.stories.jsx`\n  - Preview will take it up automatically\n","gitHead":"37937d9f542d1211d83cee6d9260786448420cab","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build","lint:typescript":"../../scripts/check-typescript"},"_npmUser":{"name":"rejas","email":"npm@veeck.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"9.6.7","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"clsx":"^1.2.1","@goodhood/icons":"^5.0.0","nebenan-helpers":"^7.2.0"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":">= 16.14.0","react-dom":">= 16.14.0","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.7.0-beta.2","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.10.0-beta.1"},"_npmOperationalInternal":{"tmp":"tmp/modals_1.3.0-beta.2_1692013089722_0.6112336693839493","host":"s3://npm-registry-packages"}},"1.2.1":{"name":"@goodhood/modals","version":"1.2.1","author":{"name":"Good Hood GmbH","email":"tech@nebenan.de"},"license":"MIT","_id":"@goodhood/modals@1.2.1","maintainers":[{"name":"hahiii","email":"shalanazim@gmail.com"},{"name":"fweinrich","email":"florian@weinrich.dev"},{"name":"spossner","email":"npm@possner.de"},{"name":"rejas","email":"npm@veeck.de"},{"name":"iamuchejude","email":"iamuchejude@gmail.com"},{"name":"peterhassler","email":"peter.h@nebenan.de"}],"homepage":"https://github.com/goodhood-eu/goodhood/packages/modals#readme","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"cb0def6e500067afaf39f2642eeb8a5f2ce0c961","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-1.2.1.tgz","fileCount":63,"integrity":"sha512-FI0+WnP3qhU9p28rGZdel6g70n6bSoA6bNSnHTVrEskGZd8C2gyNrENeuFFR5Ea0FY4Sis50MtcDt2TRWNAyqg==","signatures":[{"sig":"MEUCICEV67BBvgnAwOJZLMdTeSSRTAladI6D9xA/QeU11H2DAiEAqiDECOllq+vwT0NKyA1ad5+N6Nc1ThgTJibaZvG6/Y8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":154869},"main":"lib/index.js","types":"lib/types/packages/modals/src","module":"lib/index.esm.js","gitHead":"8672a61048f02f5d7386c3e9c2a134a65b548fd6","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build","lint:typescript":"../../scripts/check-typescript"},"_npmUser":{"name":"rejas","email":"npm@veeck.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"9.6.7","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"clsx":"^1.2.1","@goodhood/icons":"^5.0.0","nebenan-helpers":"^7.2.1"},"_hasShrinkwrap":false,"peerDependencies":{"react":">= 16.14.0","react-dom":">= 16.14.0","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^5.3.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^7.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_1.2.1_1692609073826_0.055279076332127364","host":"s3://npm-registry-packages"}},"2.0.0":{"name":"@goodhood/modals","version":"2.0.0","author":{"name":"Good Hood GmbH","email":"tech@nebenan.de"},"license":"MIT","_id":"@goodhood/modals@2.0.0","maintainers":[{"name":"hahiii","email":"shalanazim@gmail.com"},{"name":"fweinrich","email":"florian@weinrich.dev"},{"name":"spossner","email":"npm@possner.de"},{"name":"rejas","email":"npm@veeck.de"},{"name":"iamuchejude","email":"iamuchejude@gmail.com"},{"name":"peterhassler","email":"peter.h@nebenan.de"}],"homepage":"https://github.com/goodhood-eu/goodhood/packages/modals#readme","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"f2138107252be387b93939ed7edacb8b2b93b527","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-2.0.0.tgz","fileCount":63,"integrity":"sha512-9zVJCa7cXFTihyF4m/PpnyTUBeS+yesxaO8VSYNhMQ1c7i5eVJ9L4/+UQwgXtd0QikiDN81qmxdoZ5jd+fRNJw==","signatures":[{"sig":"MEUCIQCTAEak8FFIkSFlnm0DpggNLmH+/QDJwdCp2Bn3d0dHqQIgdp+om+YEP40KP8UbWW7/ATXhNVBlmu5nXATH20eLBd8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":155133},"main":"lib/index.js","types":"lib/types/packages/modals/src","module":"lib/index.esm.js","gitHead":"6f73e772d6b98583f8ecf82f6d6c7faabd760044","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build","lint:typescript":"../../scripts/check-typescript"},"_npmUser":{"name":"rejas","email":"npm@veeck.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"9.6.7","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"18.17.1","dependencies":{"clsx":"^1.2.1","@goodhood/icons":"^5.0.1","nebenan-helpers":"^7.2.1"},"_hasShrinkwrap":false,"peerDependencies":{"react":">= 16.14.0","react-dom":">= 16.14.0","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^6.4.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_2.0.0_1692807273772_0.006100114223963393","host":"s3://npm-registry-packages"}},"2.0.1":{"name":"@goodhood/modals","version":"2.0.1","author":{"name":"Good Hood GmbH","email":"tech@nebenan.de"},"license":"MIT","_id":"@goodhood/modals@2.0.1","maintainers":[{"name":"hahiii","email":"shalanazim@gmail.com"},{"name":"fweinrich","email":"florian@weinrich.dev"},{"name":"spossner","email":"npm@possner.de"},{"name":"rejas","email":"npm@veeck.de"},{"name":"iamuchejude","email":"iamuchejude@gmail.com"},{"name":"peterhassler","email":"peter.h@nebenan.de"}],"homepage":"https://github.com/goodhood-eu/goodhood/packages/modals#readme","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"c8c5901ae437008657c4284f81dc4c892bab1572","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-2.0.1.tgz","fileCount":63,"integrity":"sha512-GXe/JQf0StRPnXAL8wVKH6/8AoDdNUWUO74c7kbYcGj9oswSch/4UdZaAGsA048WztEC1uKwB8d+x/5hFsNp1g==","signatures":[{"sig":"MEYCIQDF6GmGlw1HB0m0GmGhLyyvPTV08Dby0ACqElia25w2bwIhAN6cQJP1GDIQaP+ZcXkdrVXKZ5XYDq3/+ai391LoDVX6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":155141},"main":"lib/index.js","types":"lib/types/packages/modals/src","module":"lib/index.esm.js","gitHead":"02a47bd8eb756dd531ed25640c92fb0ff214904b","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build","lint:typescript":"../../scripts/check-typescript"},"_npmUser":{"name":"rejas","email":"npm@veeck.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"9.8.0","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"20.5.1","dependencies":{"clsx":"^1.2.1","@goodhood/icons":"^5.1.0","nebenan-helpers":"^7.2.1"},"_hasShrinkwrap":false,"peerDependencies":{"react":">= 16.14.0","react-dom":">= 16.14.0","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^6.4.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_2.0.1_1695103362306_0.5299267719214991","host":"s3://npm-registry-packages"}},"3.0.0-beta.0":{"name":"@goodhood/modals","version":"3.0.0-beta.0","author":{"name":"Good Hood GmbH","email":"tech@nebenan.de"},"license":"MIT","_id":"@goodhood/modals@3.0.0-beta.0","maintainers":[{"name":"jobemichael","email":"jobe.michael@nebenan.de"},{"name":"hahiii","email":"shalanazim@gmail.com"},{"name":"fweinrich","email":"florian@weinrich.dev"},{"name":"spossner","email":"npm@possner.de"},{"name":"rejas","email":"npm@veeck.de"},{"name":"iamuchejude","email":"iamuchejude@gmail.com"}],"homepage":"https://github.com/goodhood-eu/goodhood/packages/modals#readme","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"8b0b9a257ef6c3a242759ef9f6e80eda36f54c73","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-3.0.0-beta.0.tgz","fileCount":63,"integrity":"sha512-2XtEvXmshT9akjVRKQYpH0qy7sGZVtTAO2+NLjUPNjvLNywlrRbedjw1U5l9Avt6xBA3TjFn8XVyjLK+nUT9Kw==","signatures":[{"sig":"MEUCIQCvmWSC0t1QK61RvDeoT1VHkuzBA9oHvNr0aaHRZzNuygIgVZoyEUcQmjpnWOHRzbfSSbIgsnSqMYNY7J9P4O1cokc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":154891},"main":"lib/index.js","types":"lib/types/packages/modals/src","module":"lib/index.esm.js","readme":"# `@goodhood/modals`\n\n> React modal components\n \n- [Preview](https://goodhood-eu.github.io/goodhood/packages/modals/preview/)\n\n\n## Install\n\n```\nnpm i @goodhood/modals\n```\n\nInstall peer dependencies\n```\nnpm i react // v16.x.x\nnpm i prop-types // v15.x.x\nnpm i @babel/runtime // v7.x.x\nnpm i @goodhood/components // >= v6.x.x\nnpm i nebenan-ui-kit // >= v5.x.x\nnpm i nebenan-helpers // >= v5.x.x\n```\n\nConfigurate module\n```js\nimport { configure } from '@goodhood/modals';\n\nconfigure({\n  track: // track function which will be called on modal open and close event\n});\n```\n\n## Import:\n\n```js\nimport Modal, { Alert, configure } from '@goodhood/modals';\n```\n\n# API\n\n## Modal\n```js\nimport { ModalProvider } from '@goodhood/modals';\n\nconst App = () => (\n  /* Imperative API:\n  - setModal(modalComponent): support legacy API for showing modals via function call\n  - lock(): locks window scroll\n  - unlock(): unlocks window scroll */\n  <ModalProvider ref={ref}>\n    {/* All modals should be placed inside modal provider */}\n  </ModalProvider>\n);\n```\n\n## Modal\n```jsx\nimport { ModalProvider, Modal } from '@goodhood/modals';\n\nconst App = () => {\n  const [isActive, setAcive] = useState();\n\n  return (\n    <ModalProvider>\n      <span onClick={() => setAcive(true)}>Open modal</span>\n\n      {isActive && (\n        <Modal\n          {/* Overlay class attribute */}\n          className=\"string\"\n\n          {/* Content class attribute */}\n          bodyClassName=\"\"\n\n          {/* Prevent modal from closing */}\n          persist={true/false}\n\n          {/* Stick modal to the top */}\n          staticPosition={true/false}\n\n          {/* Handler to close modal */}\n          onClose={() => setAcive(false)}\n\n          {/* Called on unmount */}\n          onUnmount={() => {}}\n        >\n          {/* Modal content */}\n        </Modal>\n      )}\n    </ModalProvider>\n  );\n};\n```\n\n## Alert\n```jsx\nimport { ModalProvider, Alert } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Alert\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n    >\n      {/* Alert content */}\n    </Alert>\n  </ModalProvider>\n);\n```\n\n## Confirm\n```jsx\nimport { ModalProvider, Confirm } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Confirm\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for decline button */}\n      cancelLabel=\"string\"\n\n      {/* Text for confirm button */}\n      confirmLabel=\"string\"\n\n      {/* Lock buttons */}\n      locked={true/false}\n\n      {/* Invert buttons */}\n      inverted={true/false}\n\n      {/* Called on decline, DO NOT CONFUSE WITH onClose */}\n      onCancel={() => {}}\n\n      {/* Called on confirm */}\n      onConfirm={() => {}}\n    >\n      {/* Confirm content */}\n    </Confirm>\n  </ModalProvider>\n);\n```\n\n## IllustrationModal\n```jsx\nimport { ModalProvider, IllustrationModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <IllustrationModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n\n      {/* Image url */}\n      image=\"https://images.com/image.jpg\"\n\n      {/* Button node in the footer */}\n      button={<button>Hello</button>}\n    >\n      {/* IllustrationModal content */}\n    </IllustrationModal>\n  </ModalProvider>\n);\n```\n\n## ScrollableModal\n```jsx\nimport { ModalProvider, ScrollableModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <ScrollableModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Header node */}\n      header={<header class=\"ui-card-section\">Title</header>}\n\n      {/* Footer node */}\n      footer={<footer class=\"ui-card-section\">Footer</footer>}\n    >\n      {/* ScrollableModal content */}\n    </ScrollableModal>\n  </ModalProvider>\n);\n```\n\n# Development\n\n## Preview\n\n- `yarn start`\n- Visit http://localhost:3000\n\n## Add a new component\n\n- Create `src/*/index.jsx`\n  - Default exports will be re-exported with the map name\n  - Named exports will be re-exported as they are (watch out for collisions)\n    ```js\n      // src/map/index.jsx\n      export const ModalType = 123;\n      export Modal 666;\n\n      // usage\n      import { Modal, ModalType } from '@goodhood/modals';\n    ```\n- Create `src/*/index.stories.jsx`\n  - Preview will take it up automatically\n","gitHead":"ced25e51c34593d33a89d7286710a2c174007392","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build","lint:typescript":"../../scripts/check-typescript"},"_npmUser":{"name":"rejas","email":"npm@veeck.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"9.8.1","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"18.18.2","dependencies":{"clsx":"^2.0.0","@goodhood/icons":"^5.1.3","nebenan-helpers":"^7.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":">= 16.14.0","react-dom":">= 16.14.0","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^7.0.0-beta.1","nebenan-keymanager":"^1.0.1","@goodhood/components":"^8.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_3.0.0-beta.0_1700566619182_0.26537387814757074","host":"s3://npm-registry-packages"}},"3.0.0-beta.1":{"name":"@goodhood/modals","version":"3.0.0-beta.1","author":{"name":"Good Hood GmbH","email":"tech@nebenan.de"},"license":"MIT","_id":"@goodhood/modals@3.0.0-beta.1","maintainers":[{"name":"jobemichael","email":"jobe.michael@nebenan.de"},{"name":"hahiii","email":"shalanazim@gmail.com"},{"name":"fweinrich","email":"florian@weinrich.dev"},{"name":"spossner","email":"npm@possner.de"},{"name":"rejas","email":"npm@veeck.de"},{"name":"iamuchejude","email":"iamuchejude@gmail.com"}],"homepage":"https://github.com/goodhood-eu/goodhood/packages/modals#readme","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"81e4592e15c9b980d28e2557de45cb2f857cda6e","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-3.0.0-beta.1.tgz","fileCount":63,"integrity":"sha512-jrjqyPyAs7uQ8RRS9DQDmi3NUjK+/xa5GTlF2xXJ8b+BlQmTXKelNJ8IWjeiiufr17iZa5G+cxcYk2F8pT/M8A==","signatures":[{"sig":"MEUCIFXjOUg7BY/PIaCtTWFnUnkjRCvIlzSTgrdZ1V5BWfK8AiEAwCw/KXD60dfR3xwi/POhO4UTNxs7Y2iQwVsxlvSBdaA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":154898},"main":"lib/index.js","types":"lib/types/packages/modals/src","module":"lib/index.esm.js","readme":"# `@goodhood/modals`\n\n> React modal components\n \n- [Preview](https://goodhood-eu.github.io/goodhood/packages/modals/preview/)\n\n\n## Install\n\n```\nnpm i @goodhood/modals\n```\n\nInstall peer dependencies\n```\nnpm i react // v16.x.x\nnpm i prop-types // v15.x.x\nnpm i @babel/runtime // v7.x.x\nnpm i @goodhood/components // >= v6.x.x\nnpm i nebenan-ui-kit // >= v5.x.x\nnpm i nebenan-helpers // >= v5.x.x\n```\n\nConfigurate module\n```js\nimport { configure } from '@goodhood/modals';\n\nconfigure({\n  track: // track function which will be called on modal open and close event\n});\n```\n\n## Import:\n\n```js\nimport Modal, { Alert, configure } from '@goodhood/modals';\n```\n\n# API\n\n## Modal\n```js\nimport { ModalProvider } from '@goodhood/modals';\n\nconst App = () => (\n  /* Imperative API:\n  - setModal(modalComponent): support legacy API for showing modals via function call\n  - lock(): locks window scroll\n  - unlock(): unlocks window scroll */\n  <ModalProvider ref={ref}>\n    {/* All modals should be placed inside modal provider */}\n  </ModalProvider>\n);\n```\n\n## Modal\n```jsx\nimport { ModalProvider, Modal } from '@goodhood/modals';\n\nconst App = () => {\n  const [isActive, setAcive] = useState();\n\n  return (\n    <ModalProvider>\n      <span onClick={() => setAcive(true)}>Open modal</span>\n\n      {isActive && (\n        <Modal\n          {/* Overlay class attribute */}\n          className=\"string\"\n\n          {/* Content class attribute */}\n          bodyClassName=\"\"\n\n          {/* Prevent modal from closing */}\n          persist={true/false}\n\n          {/* Stick modal to the top */}\n          staticPosition={true/false}\n\n          {/* Handler to close modal */}\n          onClose={() => setAcive(false)}\n\n          {/* Called on unmount */}\n          onUnmount={() => {}}\n        >\n          {/* Modal content */}\n        </Modal>\n      )}\n    </ModalProvider>\n  );\n};\n```\n\n## Alert\n```jsx\nimport { ModalProvider, Alert } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Alert\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n    >\n      {/* Alert content */}\n    </Alert>\n  </ModalProvider>\n);\n```\n\n## Confirm\n```jsx\nimport { ModalProvider, Confirm } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Confirm\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for decline button */}\n      cancelLabel=\"string\"\n\n      {/* Text for confirm button */}\n      confirmLabel=\"string\"\n\n      {/* Lock buttons */}\n      locked={true/false}\n\n      {/* Invert buttons */}\n      inverted={true/false}\n\n      {/* Called on decline, DO NOT CONFUSE WITH onClose */}\n      onCancel={() => {}}\n\n      {/* Called on confirm */}\n      onConfirm={() => {}}\n    >\n      {/* Confirm content */}\n    </Confirm>\n  </ModalProvider>\n);\n```\n\n## IllustrationModal\n```jsx\nimport { ModalProvider, IllustrationModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <IllustrationModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n\n      {/* Image url */}\n      image=\"https://images.com/image.jpg\"\n\n      {/* Button node in the footer */}\n      button={<button>Hello</button>}\n    >\n      {/* IllustrationModal content */}\n    </IllustrationModal>\n  </ModalProvider>\n);\n```\n\n## ScrollableModal\n```jsx\nimport { ModalProvider, ScrollableModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <ScrollableModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Header node */}\n      header={<header class=\"ui-card-section\">Title</header>}\n\n      {/* Footer node */}\n      footer={<footer class=\"ui-card-section\">Footer</footer>}\n    >\n      {/* ScrollableModal content */}\n    </ScrollableModal>\n  </ModalProvider>\n);\n```\n\n# Development\n\n## Preview\n\n- `yarn start`\n- Visit http://localhost:3000\n\n## Add a new component\n\n- Create `src/*/index.jsx`\n  - Default exports will be re-exported with the map name\n  - Named exports will be re-exported as they are (watch out for collisions)\n    ```js\n      // src/map/index.jsx\n      export const ModalType = 123;\n      export Modal 666;\n\n      // usage\n      import { Modal, ModalType } from '@goodhood/modals';\n    ```\n- Create `src/*/index.stories.jsx`\n  - Preview will take it up automatically\n","gitHead":"79a927b5c5ab628941f0bf0a828c6f2cb508ec78","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build","lint:typescript":"../../scripts/check-typescript"},"_npmUser":{"name":"rejas","email":"npm@veeck.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"9.8.1","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"18.18.2","dependencies":{"clsx":"^2.0.0","@goodhood/icons":"^5.1.3","nebenan-helpers":"^7.2.2"},"_hasShrinkwrap":false,"readmeFilename":"README.md","peerDependencies":{"react":">= 16.14.0","react-dom":">= 16.14.0","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^7.0.0-beta.1","nebenan-keymanager":"^1.0.1","@goodhood/components":"^9.0.0-beta.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_3.0.0-beta.1_1700567459374_0.7054502020165021","host":"s3://npm-registry-packages"}},"3.0.0":{"name":"@goodhood/modals","version":"3.0.0","author":{"name":"Good Hood GmbH","email":"tech@nebenan.de"},"license":"MIT","_id":"@goodhood/modals@3.0.0","maintainers":[{"name":"jobemichael","email":"jobe.michael@nebenan.de"},{"name":"hahiii","email":"shalanazim@gmail.com"},{"name":"fweinrich","email":"florian@weinrich.dev"},{"name":"spossner","email":"npm@possner.de"},{"name":"rejas","email":"npm@veeck.de"},{"name":"iamuchejude","email":"iamuchejude@gmail.com"}],"homepage":"https://github.com/goodhood-eu/goodhood/packages/modals#readme","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"82f7345e5aa6733ea33a6f73cfd2682c47319dbf","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-3.0.0.tgz","fileCount":63,"integrity":"sha512-DiqDQ+sSPrt8BMzHOew1QWk3Samln02b8ntGmEJUYz8kO/bMG5jxJFuQuMJy8LeZp5KDwGbKFy9VvI2GZyhr+g==","signatures":[{"sig":"MEUCIBUY3/48zCA9vD2dJO/WYgYenov73aGbAcb1GUZsSXt9AiEA3gtDJIfIx9rMzHqUh/MqtwN4wafHF5u3JsRO4pz/dzs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":154740},"main":"lib/index.js","types":"lib/types/packages/modals/src","module":"lib/index.esm.js","gitHead":"da6d3a9d3b26a36419e5ebfa0ab7605aefabac97","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build","lint:typescript":"../../scripts/check-typescript"},"_npmUser":{"name":"rejas","email":"npm@veeck.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"9.8.1","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"18.18.2","dependencies":{"clsx":"^2.0.0","@goodhood/icons":"^5.1.3","nebenan-helpers":"^7.2.2"},"_hasShrinkwrap":false,"peerDependencies":{"react":">= 16.14.0","react-dom":">= 16.14.0","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^7.0.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^9.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_3.0.0_1701198448292_0.632916804720631","host":"s3://npm-registry-packages"}},"3.0.1":{"name":"@goodhood/modals","version":"3.0.1","author":{"name":"Good Hood GmbH","email":"tech@nebenan.de"},"license":"MIT","_id":"@goodhood/modals@3.0.1","maintainers":[{"name":"jobemichael","email":"jobe.michael@nebenan.de"},{"name":"hahiii","email":"shalanazim@gmail.com"},{"name":"fweinrich","email":"florian@weinrich.dev"},{"name":"spossner","email":"npm@possner.de"},{"name":"rejas","email":"npm@veeck.de"}],"homepage":"https://github.com/goodhood-eu/goodhood/packages/modals#readme","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"d8358b64212de09b7559089c181e311ee6c176db","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-3.0.1.tgz","fileCount":63,"integrity":"sha512-OkOyee8RKNEWD6VryH4TOZZKpxeOOg1mPwVARbB9xY/S1bZWzb3TvUt8LGfWEH8fFO2mrQL9/OHAIS9zqOvcGQ==","signatures":[{"sig":"MEQCIDkfuMYuixJIueIfwFLVn2GgjSdIg4JL2P9b+VME+ErLAiAT7MU37QFNqABKHKcYzcLM8wN/CJpTbdH1jhJazorylA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":154740},"main":"lib/index.js","types":"lib/types/packages/modals/src","module":"lib/index.esm.js","gitHead":"6002505fc9951dcb63141f0b298d138935f43673","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build","lint:typescript":"../../scripts/check-typescript"},"_npmUser":{"name":"rejas","email":"npm@veeck.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"10.5.0","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"18.20.2","dependencies":{"clsx":"^2.1.1","@goodhood/icons":"^5.1.3","nebenan-helpers":"^8.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"react":">= 16.14.0","react-dom":">= 16.14.0","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^7.0.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^9.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_3.0.1_1715633986057_0.3004010298981903","host":"s3://npm-registry-packages"}},"4.0.0":{"name":"@goodhood/modals","version":"4.0.0","author":{"name":"Good Hood GmbH","email":"tech@nebenan.de"},"license":"MIT","_id":"@goodhood/modals@4.0.0","maintainers":[{"name":"jobemichael","email":"jobe.michael@nebenan.de"},{"name":"hahiii","email":"shalanazim@gmail.com"},{"name":"fweinrich","email":"florian@weinrich.dev"},{"name":"spossner","email":"npm@possner.de"},{"name":"rejas","email":"npm@veeck.de"}],"homepage":"https://github.com/goodhood-eu/goodhood/packages/modals#readme","bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"dist":{"shasum":"06fc54657e49a45a9667927f117912ed2f102fb7","tarball":"https://registry.npmjs.org/@goodhood/modals/-/modals-4.0.0.tgz","fileCount":63,"integrity":"sha512-Z6++wP3XJWQwf5+ZbcrUKEyh1sDTwGddbnf0x/NGlmcg884znIRO6AoP+zUdtaVJC/DxQ0fvS8yO829IIbWYrA==","signatures":[{"sig":"MEUCIQCe1iryretM740TUn2Z76PxpRnbJ2Z653IkJWvVvB90CgIgH3vKPqD+JiC+DJnfQXlE+7a1Y3oMuOLD6ebAXN9Wihw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":154741},"main":"lib/index.js","types":"lib/types/packages/modals/src","module":"lib/index.esm.js","gitHead":"73fbc31bafdf57e82f42a89361fe9f479e9e6a76","scripts":{"test":"../../scripts/run-tests","build":"rollup --config rollup.config.js","start":"../../scripts/start-preview","reinstall":"rm -rf node_modules && yarn install","build:preview":"../../scripts/build-preview","prepublishOnly":"(cd ../../ && npm run check) && npm run build","lint:typescript":"../../scripts/check-typescript"},"_npmUser":{"name":"rejas","email":"npm@veeck.de"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"_npmVersion":"10.5.0","description":"Modal components","directories":{},"sideEffects":false,"_nodeVersion":"18.20.2","dependencies":{"clsx":"^2.1.1","@goodhood/icons":"^5.1.3","nebenan-helpers":"^8.0.0"},"_hasShrinkwrap":false,"peerDependencies":{"react":">= 16.14.0","react-dom":">= 16.14.0","@babel/runtime":"^7.11.2","nebenan-ui-kit":"^7.0.0","nebenan-keymanager":"^1.0.1","@goodhood/components":"^10.0.0"},"_npmOperationalInternal":{"tmp":"tmp/modals_4.0.0_1715635388342_0.0788121114405389","host":"s3://npm-registry-packages"}}},"time":{"created":"2021-08-06T07:07:52.172Z","modified":"2025-09-19T10:49:36.837Z","0.0.1":"2021-08-06T07:07:52.382Z","0.1.0":"2021-08-06T07:17:42.182Z","0.2.0":"2021-08-06T08:00:08.666Z","0.3.0":"2021-08-06T08:08:06.240Z","0.3.1-beta.0":"2021-09-03T11:10:07.992Z","0.4.0-beta.0":"2021-09-03T14:47:16.526Z","0.4.0-beta.1":"2021-09-06T15:38:14.779Z","0.4.0-beta.2":"2021-09-06T15:51:32.812Z","0.3.1":"2021-09-06T17:21:25.474Z","0.4.0-beta.4":"2021-09-06T17:37:12.320Z","0.4.0":"2021-09-06T18:10:49.862Z","0.5.0-beta.0":"2021-09-08T11:51:13.655Z","0.4.1":"2021-09-09T07:19:25.364Z","0.4.2-beta.0":"2021-09-13T14:42:05.297Z","0.4.2-beta.1":"2021-09-13T14:54:24.266Z","0.4.2":"2021-09-17T07:35:06.720Z","0.4.3-beta.0":"2021-10-20T14:02:08.826Z","0.4.4-beta.0":"2021-10-20T15:28:07.605Z","0.4.3":"2021-10-27T13:35:51.034Z","0.4.4":"2021-10-27T13:43:13.361Z","0.5.0":"2021-10-29T07:29:25.118Z","0.5.1":"2021-10-29T07:43:19.807Z","0.5.2":"2021-10-29T07:49:46.806Z","1.0.0-beta.0":"2022-01-07T12:13:36.133Z","0.5.3-beta.0":"2022-01-18T13:44:23.534Z","0.5.3":"2022-01-19T10:28:05.965Z","0.5.4-beta.0":"2022-01-19T15:05:35.804Z","0.5.4-beta.1":"2022-01-19T15:39:45.900Z","0.6.0-beta.0":"2022-01-20T07:57:47.224Z","1.0.0":"2022-01-26T12:53:52.370Z","1.0.1-beta.0":"2022-06-21T14:33:05.023Z","1.0.1":"2022-06-21T14:37:25.167Z","1.0.2-beta.0":"2022-07-27T14:03:06.239Z","1.0.2":"2022-07-27T14:14:54.070Z","1.1.0-beta.0":"2022-10-24T01:27:37.887Z","1.1.0-beta.1":"2022-11-02T23:15:32.652Z","1.1.0-beta.2":"2022-11-03T13:56:17.300Z","1.1.0-beta.3":"2022-11-03T14:04:28.121Z","1.1.0":"2022-11-03T14:37:08.871Z","1.1.1":"2022-12-16T09:58:31.166Z","1.1.2":"2023-01-18T09:33:57.924Z","1.1.3-beta.0":"2023-03-03T12:59:09.703Z","1.1.3":"2023-03-03T13:06:54.731Z","1.2.0":"2023-04-24T09:52:36.594Z","1.3.0-beta.0":"2023-07-27T16:14:20.468Z","1.3.0-beta.1":"2023-08-09T11:28:13.511Z","1.3.0-beta.2":"2023-08-14T11:38:09.988Z","1.2.1":"2023-08-21T09:11:13.982Z","2.0.0":"2023-08-23T16:14:33.991Z","2.0.1":"2023-09-19T06:02:42.537Z","3.0.0-beta.0":"2023-11-21T11:36:59.359Z","3.0.0-beta.1":"2023-11-21T11:50:59.567Z","3.0.0":"2023-11-28T19:07:28.493Z","3.0.1":"2024-05-13T20:59:46.225Z","4.0.0":"2024-05-13T21:23:08.521Z"},"bugs":{"url":"https://github.com/goodhood-eu/goodhood/issues"},"author":{"name":"Good Hood GmbH","email":"tech@nebenan.de"},"license":"MIT","homepage":"https://github.com/goodhood-eu/goodhood/packages/modals#readme","repository":{"url":"git+https://github.com/goodhood-eu/goodhood.git","type":"git"},"description":"Modal components","maintainers":[{"email":"jobe.michael@nebenan.de","name":"jobemichael"},{"email":"shalanazim@gmail.com","name":"hahiii"},{"email":"florian@weinrich.dev","name":"fweinrich"}],"readme":"# `@goodhood/modals`\n\n> React modal components\n \n- [Preview](https://goodhood-eu.github.io/goodhood/packages/modals/preview/)\n\n\n## Install\n\n```\nnpm i @goodhood/modals\n```\n\nInstall peer dependencies\n```\nnpm i react // v16.x.x\nnpm i prop-types // v15.x.x\nnpm i @babel/runtime // v7.x.x\nnpm i @goodhood/components // >= v6.x.x\nnpm i nebenan-ui-kit // >= v5.x.x\nnpm i nebenan-helpers // >= v5.x.x\n```\n\nConfigurate module\n```js\nimport { configure } from '@goodhood/modals';\n\nconfigure({\n  track: // track function which will be called on modal open and close event\n});\n```\n\n## Import:\n\n```js\nimport Modal, { Alert, configure } from '@goodhood/modals';\n```\n\n# API\n\n## Modal\n```js\nimport { ModalProvider } from '@goodhood/modals';\n\nconst App = () => (\n  /* Imperative API:\n  - setModal(modalComponent): support legacy API for showing modals via function call\n  - lock(): locks window scroll\n  - unlock(): unlocks window scroll */\n  <ModalProvider ref={ref}>\n    {/* All modals should be placed inside modal provider */}\n  </ModalProvider>\n);\n```\n\n## Modal\n```jsx\nimport { ModalProvider, Modal } from '@goodhood/modals';\n\nconst App = () => {\n  const [isActive, setAcive] = useState();\n\n  return (\n    <ModalProvider>\n      <span onClick={() => setAcive(true)}>Open modal</span>\n\n      {isActive && (\n        <Modal\n          {/* Overlay class attribute */}\n          className=\"string\"\n\n          {/* Content class attribute */}\n          bodyClassName=\"\"\n\n          {/* Prevent modal from closing */}\n          persist={true/false}\n\n          {/* Stick modal to the top */}\n          staticPosition={true/false}\n\n          {/* Handler to close modal */}\n          onClose={() => setAcive(false)}\n\n          {/* Called on unmount */}\n          onUnmount={() => {}}\n        >\n          {/* Modal content */}\n        </Modal>\n      )}\n    </ModalProvider>\n  );\n};\n```\n\n## Alert\n```jsx\nimport { ModalProvider, Alert } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Alert\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n    >\n      {/* Alert content */}\n    </Alert>\n  </ModalProvider>\n);\n```\n\n## Confirm\n```jsx\nimport { ModalProvider, Confirm } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <Confirm\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for decline button */}\n      cancelLabel=\"string\"\n\n      {/* Text for confirm button */}\n      confirmLabel=\"string\"\n\n      {/* Lock buttons */}\n      locked={true/false}\n\n      {/* Invert buttons */}\n      inverted={true/false}\n\n      {/* Called on decline, DO NOT CONFUSE WITH onClose */}\n      onCancel={() => {}}\n\n      {/* Called on confirm */}\n      onConfirm={() => {}}\n    >\n      {/* Confirm content */}\n    </Confirm>\n  </ModalProvider>\n);\n```\n\n## IllustrationModal\n```jsx\nimport { ModalProvider, IllustrationModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <IllustrationModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Title in the header */}\n      title=\"string\"\n\n      {/* Content, supports markdown syntax */}\n      content=\"string\"\n\n      {/* Text for close link in the footer */}\n      closeLabel=\"string\"\n\n      {/* Image url */}\n      image=\"https://images.com/image.jpg\"\n\n      {/* Button node in the footer */}\n      button={<button>Hello</button>}\n    >\n      {/* IllustrationModal content */}\n    </IllustrationModal>\n  </ModalProvider>\n);\n```\n\n## ScrollableModal\n```jsx\nimport { ModalProvider, ScrollableModal } from '@goodhood/modals';\n\nconst App = () => (\n  <ModalProvider>\n    <ScrollableModal\n      {/* Inherits props from <Modal /> */}\n\n      {/* Header node */}\n      header={<header class=\"ui-card-section\">Title</header>}\n\n      {/* Footer node */}\n      footer={<footer class=\"ui-card-section\">Footer</footer>}\n    >\n      {/* ScrollableModal content */}\n    </ScrollableModal>\n  </ModalProvider>\n);\n```\n\n# Development\n\n## Preview\n\n- `yarn start`\n- Visit http://localhost:3000\n\n## Add a new component\n\n- Create `src/*/index.jsx`\n  - Default exports will be re-exported with the map name\n  - Named exports will be re-exported as they are (watch out for collisions)\n    ```js\n      // src/map/index.jsx\n      export const ModalType = 123;\n      export Modal 666;\n\n      // usage\n      import { Modal, ModalType } from '@goodhood/modals';\n    ```\n- Create `src/*/index.stories.jsx`\n  - Preview will take it up automatically\n","readmeFilename":"README.md"}