{"_id":"@bayudev/react-native-modal-dialog-animated","_rev":"9-6424dc1778c4fbbb6f03142ba6636b96","name":"@bayudev/react-native-modal-dialog-animated","dist-tags":{"latest":"2.0.0"},"versions":{"0.0.1":{"name":"@bayudev/react-native-modal-dialog-animated","version":"0.0.1","keywords":["react-native","react","native","modal","android","ios","alert"],"author":{"name":"Bayu Hendrianto"},"license":"MIT","_id":"@bayudev/react-native-modal-dialog-animated@0.0.1","maintainers":[{"name":"bayuhendrianto","email":"bayuhendrianto95@gmail.com"}],"homepage":"https://github.com/bayuhendrianto/react-native-modal-dialog-animated","bugs":{"url":"https://github.com/bayuhendrianto/react-native-modal-dialog-animated/issues"},"dist":{"shasum":"26d4f7e4a843aaf2049fb03b9ce15d8709ab9f16","tarball":"https://registry.npmjs.org/@bayudev/react-native-modal-dialog-animated/-/react-native-modal-dialog-animated-0.0.1.tgz","fileCount":15,"integrity":"sha512-J9j7idpHeuCx//JYHFVK6HkT7bLis/wM+a6K0pxi8mnA5PK80lT0p/6EIQmRer2DlX7BHWW9Ewy8crt0tMGeOw==","signatures":[{"sig":"MEQCIBjG479W3qAYYwyhQp033nQhmMdVbSWshjZVruAGXQ8YAiBM3I3UM29XRAD7xyHRBXligHZYiCW1L9Z+Vem3gWo59w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":33400},"main":"dist/index.js","types":"dist/index.d.ts","gitHead":"dacaf238141cd18f5c34ccd9b3c7622d7a0d5404","scripts":{"lint":"eslint \"src/**/*.{ts, tsx}\"","build":"tsc --skipLibCheck"},"_npmUser":{"name":"bayuhendrianto","email":"bayuhendrianto95@gmail.com"},"repository":{"url":"git+https://github.com/bayuhendrianto/react-native-modal-dialog-animated.git","type":"git"},"_npmVersion":"10.8.2","description":"<a href=\"https://nodei.co/npm/@bayudev/react-native-modal-dialog-animated/\"><img src=\"https://nodei.co/npm/@bayudev/react-native-modal-dialog-animated.png?downloads=true&downloadRank=true&stars=true\"></a>","directories":{},"_nodeVersion":"20.18.0","_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","typescript":"^5.1.3","@babel/core":"^7.20.0","@types/node":"^20.11.5","@types/react":"~18.2.45","react-native":"^0.73.2","@types/react-native":"^0.73.0","react-native-reanimated":"3.6.2","react-native-gesture-handler":"2.14.1"},"peerDependencies":{"react":">=18.0.0","react-native":">=0.70.0","react-native-reanimated":">=3.x.x","react-native-gesture-handler":">=2.x.x"},"_npmOperationalInternal":{"tmp":"tmp/react-native-modal-dialog-animated_0.0.1_1733812558463_0.006349897712965014","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"@bayudev/react-native-modal-dialog-animated","version":"0.0.3","keywords":["react-native","react","native","modal","android","ios","alert"],"author":{"name":"Bayu Hendrianto"},"license":"MIT","_id":"@bayudev/react-native-modal-dialog-animated@0.0.3","maintainers":[{"name":"bayuhendrianto","email":"bayuhendrianto95@gmail.com"}],"homepage":"https://github.com/bayuhendrianto/react-native-modal-dialog-animated","bugs":{"url":"https://github.com/bayuhendrianto/react-native-modal-dialog-animated/issues"},"dist":{"shasum":"961e9dd5d603a8484a1c816166aa7ad694a9ebd2","tarball":"https://registry.npmjs.org/@bayudev/react-native-modal-dialog-animated/-/react-native-modal-dialog-animated-0.0.3.tgz","fileCount":15,"integrity":"sha512-UUvrNUIfxiXaxUiXzjAoE/hOSr8Twit8NZhxUs5KRNkRd85zKB+n1bkcQ2nF2hFrVgHEzZ+9ON9JW7KJFA4hNw==","signatures":[{"sig":"MEUCIQDalRn2T1TuIiKE/nGgcj8ICZOchkuDNkuN2btlc0fPUwIgPwXDvXqovuv+Vo9jbYlpd4Nv9T1movFm3TuLH700snM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":33456},"main":"dist/index.js","types":"dist/index.d.ts","gitHead":"68dc0dc8553d57bd3d4d3eb2f6abef9bfd05c22a","scripts":{"lint":"eslint \"src/**/*.{ts, tsx}\"","build":"tsc --skipLibCheck"},"_npmUser":{"name":"bayuhendrianto","email":"bayuhendrianto95@gmail.com"},"repository":{"url":"git+https://github.com/bayuhendrianto/react-native-modal-dialog-animated.git","type":"git"},"_npmVersion":"10.8.2","description":"<a href=\"https://nodei.co/npm/@bayudev/react-native-modal-dialog-animated/\"><img src=\"https://nodei.co/npm/@bayudev/react-native-modal-dialog-animated.png?downloads=true&downloadRank=true&stars=true\"></a>","directories":{},"_nodeVersion":"20.18.0","_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","typescript":"^5.1.3","@babel/core":"^7.20.0","@types/node":"^20.11.5","@types/react":"~18.2.45","react-native":"^0.73.2","@types/react-native":"^0.73.0","react-native-reanimated":"3.6.2","react-native-gesture-handler":"2.14.1"},"peerDependencies":{"react":">=18.0.0","react-native":">=0.70.0","react-native-reanimated":">=3.x.x","react-native-gesture-handler":">=2.x.x"},"_npmOperationalInternal":{"tmp":"tmp/react-native-modal-dialog-animated_0.0.3_1733812884936_0.39097688485009474","host":"s3://npm-registry-packages-npm-production"}},"0.0.4":{"name":"@bayudev/react-native-modal-dialog-animated","version":"0.0.4","keywords":["react-native","react","native","modal","android","ios","alert"],"author":{"name":"Bayu Hendrianto"},"license":"MIT","_id":"@bayudev/react-native-modal-dialog-animated@0.0.4","maintainers":[{"name":"bayuhendrianto","email":"bayuhendrianto95@gmail.com"}],"homepage":"https://github.com/bayuhendrianto/react-native-modal-dialog-animated","bugs":{"url":"https://github.com/bayuhendrianto/react-native-modal-dialog-animated/issues"},"dist":{"shasum":"d89e627e401d0f06e7a7d00b3f0e83c614a6d7ef","tarball":"https://registry.npmjs.org/@bayudev/react-native-modal-dialog-animated/-/react-native-modal-dialog-animated-0.0.4.tgz","fileCount":15,"integrity":"sha512-3tTH8EOS9X+MPxhTXmYF7JScR4Zp+I40Ro1h7+G4D7epn1+IGwEAX3Z6DoA2bFqSvvrg6pbk4dwwbZ2GgGLNJg==","signatures":[{"sig":"MEYCIQCnWDOC5XVL9N1KF0TRxoo9vLVxdNRJoCGGaqh1Y9gXBAIhAOPeHgv7w1xaaE9DO5O6iBsqGCwnCECBBkOuCenlGufK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":33464},"main":"dist/index.js","types":"dist/index.d.ts","gitHead":"cd971323cd3f8ec3c34cf891452c39e8c8955935","scripts":{"lint":"eslint \"src/**/*.{ts, tsx}\"","build":"tsc --skipLibCheck"},"_npmUser":{"name":"bayuhendrianto","email":"bayuhendrianto95@gmail.com"},"repository":{"url":"git+https://github.com/bayuhendrianto/react-native-modal-dialog-animated.git","type":"git"},"_npmVersion":"10.8.2","description":"<a href=\"https://nodei.co/npm/@bayudev/react-native-modal-dialog-animated/\"><img src=\"https://nodei.co/npm/@bayudev/react-native-modal-dialog-animated.png?downloads=true&downloadRank=true&stars=true\"></a>","directories":{},"_nodeVersion":"20.18.0","_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","typescript":"^5.1.3","@babel/core":"^7.20.0","@types/node":"^20.11.5","@types/react":"~18.2.45","react-native":"^0.73.2","@types/react-native":"^0.73.0","react-native-reanimated":"3.6.2","react-native-gesture-handler":"2.14.1"},"peerDependencies":{"react":">=18.0.0","react-native":">=0.70.0","react-native-reanimated":">=3.x.x","react-native-gesture-handler":">=2.x.x"},"_npmOperationalInternal":{"tmp":"tmp/react-native-modal-dialog-animated_0.0.4_1733825753407_0.2384844104805528","host":"s3://npm-registry-packages-npm-production"}},"0.0.5":{"name":"@bayudev/react-native-modal-dialog-animated","version":"0.0.5","keywords":["react-native","react","native","modal","android","ios","alert"],"author":{"name":"Bayu Hendrianto"},"license":"MIT","_id":"@bayudev/react-native-modal-dialog-animated@0.0.5","maintainers":[{"name":"bayuhendrianto","email":"bayuhendrianto95@gmail.com"}],"homepage":"https://github.com/bayuhendrianto/react-native-modal-dialog-animated","bugs":{"url":"https://github.com/bayuhendrianto/react-native-modal-dialog-animated/issues"},"dist":{"shasum":"1edfef7ea91a931b0c6532bb93ab51bdd4d19284","tarball":"https://registry.npmjs.org/@bayudev/react-native-modal-dialog-animated/-/react-native-modal-dialog-animated-0.0.5.tgz","fileCount":15,"integrity":"sha512-7PH53+RHW9bVMfTkvPkaU+QtLYG11iM8/FHpkCBpwaPI/lDBc2LBTRqseAJV4BN/WDf5gV5qUo9FYa4oNKw/rw==","signatures":[{"sig":"MEUCIAwXqwEXxczBrXFIbbihaJsjSRJpBl8STalxfs2Eeb3SAiEAp2gwuWmKP7O0icQ6z7SgmfUzaHPqavV3FRG5lmw6v+k=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":33464},"main":"dist/index.js","types":"dist/index.d.ts","gitHead":"cd971323cd3f8ec3c34cf891452c39e8c8955935","scripts":{"lint":"eslint \"src/**/*.{ts, tsx}\"","build":"tsc --skipLibCheck"},"_npmUser":{"name":"bayuhendrianto","email":"bayuhendrianto95@gmail.com"},"repository":{"url":"git+https://github.com/bayuhendrianto/react-native-modal-dialog-animated.git","type":"git"},"_npmVersion":"10.9.3","description":"<a href=\"https://nodei.co/npm/@bayudev/react-native-modal-dialog-animated/\"><img src=\"https://nodei.co/npm/@bayudev/react-native-modal-dialog-animated.png?downloads=true&downloadRank=true&stars=true\"></a>","directories":{},"_nodeVersion":"22.19.0","_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","typescript":"^5.1.3","@babel/core":"^7.20.0","@types/node":"^20.11.5","@types/react":"~18.2.45","react-native":"^0.73.2","@types/react-native":"^0.73.0","react-native-reanimated":"3.6.2","react-native-gesture-handler":"2.14.1"},"peerDependencies":{"react":">=18.0.0","react-native":">=0.70.0","react-native-reanimated":">=3.x.x","react-native-gesture-handler":">=2.x.x"},"_npmOperationalInternal":{"tmp":"tmp/react-native-modal-dialog-animated_0.0.5_1758864907832_0.1492921569340595","host":"s3://npm-registry-packages-npm-production"}},"0.0.6":{"name":"@bayudev/react-native-modal-dialog-animated","version":"0.0.6","keywords":["react-native","react","native","modal","android","ios","alert"],"author":{"name":"Bayu Hendrianto"},"license":"MIT","_id":"@bayudev/react-native-modal-dialog-animated@0.0.6","maintainers":[{"name":"bayuhendrianto","email":"bayuhendrianto95@gmail.com"}],"homepage":"https://github.com/bayuhendrianto/react-native-modal-dialog-animated","bugs":{"url":"https://github.com/bayuhendrianto/react-native-modal-dialog-animated/issues"},"dist":{"shasum":"1d0b56d5e8cad9c51f544826f5a5240bc70368f2","tarball":"https://registry.npmjs.org/@bayudev/react-native-modal-dialog-animated/-/react-native-modal-dialog-animated-0.0.6.tgz","fileCount":15,"integrity":"sha512-en27KNUtZwSGN77qpqZ9dl3/1Ks6I2C3VxsV/qjKmv9yyzXSQVxC/ZrzIvIj8UEmEzZYCBSgeBi7CqP6koKqyg==","signatures":[{"sig":"MEUCIHee9WSHbyJvD9M8w8jHEemM+pHDaArm4G+4v57zLR/OAiEAvYvnJ45AMIuTg3LpLK9jRnaNCENcDN1oQsUnwVn0ZkU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":33464},"main":"dist/index.js","types":"dist/index.d.ts","gitHead":"c7bf2c6758ca10b9b19222efed71326dda7b6c84","scripts":{"lint":"eslint \"src/**/*.{ts, tsx}\"","build":"tsc --skipLibCheck"},"_npmUser":{"name":"bayuhendrianto","email":"bayuhendrianto95@gmail.com"},"repository":{"url":"git+https://github.com/bayuhendrianto/react-native-modal-dialog-animated.git","type":"git"},"_npmVersion":"10.9.3","description":"<a href=\"https://nodei.co/npm/@bayudev/react-native-modal-dialog-animated/\"><img src=\"https://nodei.co/npm/@bayudev/react-native-modal-dialog-animated.png?downloads=true&downloadRank=true&stars=true\"></a>","directories":{},"_nodeVersion":"22.19.0","_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","typescript":"^5.1.3","@babel/core":"^7.20.0","@types/node":"^20.11.5","@types/react":"~18.2.45","react-native":"^0.73.2","@types/react-native":"^0.73.0","react-native-reanimated":"3.6.2","react-native-gesture-handler":"2.14.1"},"peerDependencies":{"react":">=18.0.0","react-native":">=0.70.0","react-native-reanimated":">=3.x.x","react-native-gesture-handler":">=2.x.x"},"_npmOperationalInternal":{"tmp":"tmp/react-native-modal-dialog-animated_0.0.6_1758864997403_0.4568660712828494","host":"s3://npm-registry-packages-npm-production"}},"0.0.7":{"name":"@bayudev/react-native-modal-dialog-animated","version":"0.0.7","keywords":["react-native","react","native","modal","android","ios","alert"],"author":{"name":"Bayu Hendrianto"},"license":"MIT","_id":"@bayudev/react-native-modal-dialog-animated@0.0.7","maintainers":[{"name":"bayuhendrianto","email":"bayuhendrianto95@gmail.com"}],"homepage":"https://github.com/bayuhendrianto/react-native-modal-dialog-animated","bugs":{"url":"https://github.com/bayuhendrianto/react-native-modal-dialog-animated/issues"},"dist":{"shasum":"f7afe4262ff132633037697f4c036a3645a726bf","tarball":"https://registry.npmjs.org/@bayudev/react-native-modal-dialog-animated/-/react-native-modal-dialog-animated-0.0.7.tgz","fileCount":15,"integrity":"sha512-B6KuCFEt2jBFkljEkwsGU2LTSmbyEwLhGpzCOBMTG2Qg9O2qLPG7m+jiNd6wkGvaoaOX35xBcFLbBBlR4GbRnw==","signatures":[{"sig":"MEYCIQDlAS/ijbFB/G6D1kqcbkVU7Syd0SsWZnFVjcCs60BXEAIhAKpugt8AXzYTJlzvQN7oB850M6Nzewio1W+Oih+Dd59l","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":33464},"main":"dist/index.js","types":"dist/index.d.ts","gitHead":"22ccdf75d2dace336e4cc4bd858ee2da50607bbe","scripts":{"lint":"eslint \"src/**/*.{ts, tsx}\"","build":"tsc --skipLibCheck"},"_npmUser":{"name":"bayuhendrianto","email":"bayuhendrianto95@gmail.com"},"repository":{"url":"git+https://github.com/bayuhendrianto/react-native-modal-dialog-animated.git","type":"git"},"_npmVersion":"10.9.3","description":"<a href=\"https://nodei.co/npm/@bayudev/react-native-modal-dialog-animated/\"><img src=\"https://nodei.co/npm/@bayudev/react-native-modal-dialog-animated.png?downloads=true&downloadRank=true&stars=true\"></a>","directories":{},"_nodeVersion":"22.19.0","_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","typescript":"^5.1.3","@babel/core":"^7.20.0","@types/node":"^20.11.5","@types/react":"~18.2.45","react-native":"^0.73.2","@types/react-native":"^0.73.0","react-native-reanimated":"3.6.2","react-native-gesture-handler":"2.14.1"},"peerDependencies":{"react":">=18.0.0","react-native":">=0.70.0","react-native-reanimated":">=3.x.x","react-native-gesture-handler":">=2.x.x"},"_npmOperationalInternal":{"tmp":"tmp/react-native-modal-dialog-animated_0.0.7_1758865909816_0.6109529546855308","host":"s3://npm-registry-packages-npm-production"}},"0.0.8":{"name":"@bayudev/react-native-modal-dialog-animated","version":"0.0.8","keywords":["react-native","react","native","modal","android","ios","alert"],"author":{"name":"Bayu Hendrianto"},"license":"MIT","_id":"@bayudev/react-native-modal-dialog-animated@0.0.8","maintainers":[{"name":"bayuhendrianto","email":"bayuhendrianto95@gmail.com"}],"homepage":"https://github.com/bayuhendrianto/react-native-modal-dialog-animated","bugs":{"url":"https://github.com/bayuhendrianto/react-native-modal-dialog-animated/issues"},"dist":{"shasum":"2fa784ad66bb13da0936e688d11416c03732d77d","tarball":"https://registry.npmjs.org/@bayudev/react-native-modal-dialog-animated/-/react-native-modal-dialog-animated-0.0.8.tgz","fileCount":15,"integrity":"sha512-5LHM5ak9lBvROqKYugovXlMuEVqGA5PvZO+TDQScB+87aLFoIzNeKYwF1iGSxF53JtpbTv9f7b3M0VQtTpv9wA==","signatures":[{"sig":"MEUCIHU134Tht/hpJ9WSlFUHX5raO/bny9UcF6ccBr09pEkpAiEAy9Ad+oOT2NiJRqz954QDrvEzgCOCSfEsl6MD2y+mBcE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":33605},"main":"dist/index.js","types":"dist/index.d.ts","gitHead":"62dc725af97b2b9d0db483fdbb647511cc045421","scripts":{"lint":"eslint \"src/**/*.{ts, tsx}\"","build":"tsc --skipLibCheck"},"_npmUser":{"name":"bayuhendrianto","email":"bayuhendrianto95@gmail.com"},"repository":{"url":"git+https://github.com/bayuhendrianto/react-native-modal-dialog-animated.git","type":"git"},"_npmVersion":"10.9.3","description":"<a href=\"https://nodei.co/npm/@bayudev/react-native-modal-dialog-animated/\"><img src=\"https://nodei.co/npm/@bayudev/react-native-modal-dialog-animated.png?downloads=true&downloadRank=true&stars=true\"></a>","directories":{},"_nodeVersion":"22.19.0","_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","typescript":"^5.1.3","@babel/core":"^7.20.0","@types/node":"^20.11.5","@types/react":"~18.2.45","react-native":"^0.73.2","@types/react-native":"^0.73.0","react-native-reanimated":"3.6.2","react-native-gesture-handler":"2.14.1"},"peerDependencies":{"react":">=18.0.0","react-native":">=0.70.0","react-native-reanimated":">=3.x.x","react-native-gesture-handler":">=2.x.x"},"_npmOperationalInternal":{"tmp":"tmp/react-native-modal-dialog-animated_0.0.8_1758866506299_0.8395022389967828","host":"s3://npm-registry-packages-npm-production"}},"0.0.9":{"name":"@bayudev/react-native-modal-dialog-animated","version":"0.0.9","keywords":["react-native","react","native","modal","android","ios","alert"],"author":{"name":"Bayu Hendrianto"},"license":"MIT","_id":"@bayudev/react-native-modal-dialog-animated@0.0.9","maintainers":[{"name":"bayuhendrianto","email":"bayuhendrianto95@gmail.com"}],"homepage":"https://github.com/bayuhendrianto/react-native-modal-dialog-animated","bugs":{"url":"https://github.com/bayuhendrianto/react-native-modal-dialog-animated/issues"},"dist":{"shasum":"46483dabbea237acc5ef63ee592afde95532b8ee","tarball":"https://registry.npmjs.org/@bayudev/react-native-modal-dialog-animated/-/react-native-modal-dialog-animated-0.0.9.tgz","fileCount":15,"integrity":"sha512-tCrxPURasEPEj9tSOpdA+YFdf/uYTW5TCCGRKh4RbYrFbyqpbu3rSzToWXp3f5yZQ9fCNP/J+YgHeJ9+FYIeLA==","signatures":[{"sig":"MEYCIQDO5hfIS/BNVNbdaHqxJr0mA3HBtfLqQpJYzWCJ8s5jYQIhANeWpcF6E8HHukFzu3UzyEZ/TRUXJTYXzPxLF4dSwUvI","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":33809},"main":"dist/index.js","types":"dist/index.d.ts","gitHead":"e441b16554895411cdb051558635f0328f7cbcb0","scripts":{"lint":"eslint \"src/**/*.{ts, tsx}\"","build":"tsc --skipLibCheck"},"_npmUser":{"name":"bayuhendrianto","email":"bayuhendrianto95@gmail.com"},"repository":{"url":"git+https://github.com/bayuhendrianto/react-native-modal-dialog-animated.git","type":"git"},"_npmVersion":"10.9.3","description":"<a href=\"https://nodei.co/npm/@bayudev/react-native-modal-dialog-animated/\"><img src=\"https://nodei.co/npm/@bayudev/react-native-modal-dialog-animated.png?downloads=true&downloadRank=true&stars=true\"></a>","directories":{},"_nodeVersion":"22.19.0","_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","typescript":"^5.1.3","@babel/core":"^7.20.0","@types/node":"^20.11.5","@types/react":"~18.2.45","react-native":"^0.73.2","@types/react-native":"^0.73.0","react-native-reanimated":"3.6.2","react-native-gesture-handler":"2.14.1"},"peerDependencies":{"react":">=18.0.0","react-native":">=0.70.0","react-native-reanimated":">=3.x.x","react-native-gesture-handler":">=2.x.x"},"_npmOperationalInternal":{"tmp":"tmp/react-native-modal-dialog-animated_0.0.9_1758867941889_0.34177939746735064","host":"s3://npm-registry-packages-npm-production"}},"2.0.0":{"name":"@bayudev/react-native-modal-dialog-animated","version":"2.0.0","main":"dist/index.js","types":"dist/index.d.ts","scripts":{"lint":"eslint \"src/**/*.{ts, tsx}\"","build":"tsc --skipLibCheck"},"keywords":["react-native","react","native","modal","android","ios","alert"],"author":{"name":"Bayu Hendrianto"},"license":"MIT","homepage":"https://github.com/bayuhendrianto/react-native-modal-dialog-animated","repository":{"type":"git","url":"git+https://github.com/bayuhendrianto/react-native-modal-dialog-animated.git"},"devDependencies":{"@babel/core":"^7.20.0","@types/node":"^20.11.5","@types/react":"~19.0.10","@types/react-native":"^0.73.0","react":"19.0.0","react-native":"0.79.0","react-native-gesture-handler":"^2.28.0","react-native-reanimated":"3.17.1","typescript":"^5.3.3"},"peerDependencies":{"react":">=19.0.0","react-native":">=0.76.0","react-native-gesture-handler":">=2.x.x","react-native-reanimated":">=3.x.x"},"_id":"@bayudev/react-native-modal-dialog-animated@2.0.0","gitHead":"6e909a82318635e988030b69112fc5f87b0f0527","description":"<a href=\"https://nodei.co/npm/@bayudev/react-native-modal-dialog-animated/\"><img src=\"https://nodei.co/npm/@bayudev/react-native-modal-dialog-animated.png?downloads=true&downloadRank=true&stars=true\"></a>","bugs":{"url":"https://github.com/bayuhendrianto/react-native-modal-dialog-animated/issues"},"_nodeVersion":"22.19.0","_npmVersion":"10.9.3","dist":{"integrity":"sha512-mVIvjZnWLgfK1E81yU5HO08GNI5R+QF6/lW9RS6ZIp/KOZHEEjPIKsRy0ClLA4JpK61rdRQ/icfDfNGi7rPKNw==","shasum":"16cea21d2c1b9fc9bd05de89111b15e3dc85f28f","tarball":"https://registry.npmjs.org/@bayudev/react-native-modal-dialog-animated/-/react-native-modal-dialog-animated-2.0.0.tgz","fileCount":15,"unpackedSize":34547,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCcvzCI+JrJ6gV0rCKEBdqrKz8Xd9Ig4RX4zDckVXwRBgIge626d/L5t9TOlNeggCWuckYOMPrta5Ef61iYUm03OPM="}]},"_npmUser":{"name":"bayuhendrianto","email":"bayuhendrianto95@gmail.com"},"directories":{},"maintainers":[{"name":"bayuhendrianto","email":"bayuhendrianto95@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-native-modal-dialog-animated_2.0.0_1759135524430_0.9703692464638718"},"_hasShrinkwrap":false}},"time":{"created":"2024-12-10T06:35:58.374Z","modified":"2025-09-29T08:45:24.786Z","0.0.1":"2024-12-10T06:35:58.631Z","0.0.3":"2024-12-10T06:41:25.126Z","0.0.4":"2024-12-10T10:15:53.579Z","0.0.5":"2025-09-26T05:35:08.011Z","0.0.6":"2025-09-26T05:36:37.620Z","0.0.7":"2025-09-26T05:51:50.036Z","0.0.8":"2025-09-26T06:01:46.484Z","0.0.9":"2025-09-26T06:25:42.066Z","2.0.0":"2025-09-29T08:45:24.594Z"},"bugs":{"url":"https://github.com/bayuhendrianto/react-native-modal-dialog-animated/issues"},"author":{"name":"Bayu Hendrianto"},"license":"MIT","homepage":"https://github.com/bayuhendrianto/react-native-modal-dialog-animated","keywords":["react-native","react","native","modal","android","ios","alert"],"repository":{"type":"git","url":"git+https://github.com/bayuhendrianto/react-native-modal-dialog-animated.git"},"description":"<a href=\"https://nodei.co/npm/@bayudev/react-native-modal-dialog-animated/\"><img src=\"https://nodei.co/npm/@bayudev/react-native-modal-dialog-animated.png?downloads=true&downloadRank=true&stars=true\"></a>","maintainers":[{"name":"bayuhendrianto","email":"bayuhendrianto95@gmail.com"}],"readme":"# React Native Modal Dialog\r\n\r\n## React Native Modal Dialog <img src=\"https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat\" />\r\n\r\n<a href=\"https://nodei.co/npm/@bayudev/react-native-modal-dialog-animated/\"><img src=\"https://nodei.co/npm/@bayudev/react-native-modal-dialog-animated.png?downloads=true&downloadRank=true&stars=true\"></a>\r\n\r\n<hr>\r\n\r\n\r\n## Version\r\n\r\n| Expo SDK           | React Native        | Version             |\r\n| ------------------ | ------------------- | ------------------- |\r\n| <= 52              | <= 0.76.x           | <= 1.0.0            |\r\n| >= 53              | <= 0.79.x           | >= 2.0.0            |\r\n\r\n\r\n## EXPO SDK <= 52 and React Native <= 0.76.x, install with version 1.0.8\r\n```sh\r\nnpm install @bayudev/react-native-modal-dialog-animated@0.0.9\r\n```\r\n```sh\r\nyarn add @bayudev/react-native-modal-dialog-animated@0.0.9\r\n```\r\n\r\n## EXPO SDK >= 53 and React Native <= 0.79.x, install with version 2.0.0\r\n```sh\r\nnpm install @bayudev/react-native-modal-dialog-animated@2.0.0\r\n```\r\n```sh\r\nyarn add @bayudev/react-native-modal-dialog-animated@2.0.0\r\n```\r\n\r\n## Installation\r\n\r\n```bash\r\nnpm i @bayudev/react-native-modal-dialog-animated --save\r\n# OR\r\nyarn add @bayudev/react-native-modal-dialog-animated\r\n\r\n```\r\n\r\n## Usage\r\n\r\n```js\r\nimport { ReactNativeAlertAnimated } from \"@bayudev/react-native-modal-dialog-animated\";\r\n\r\n<ReactNativeAlert />;\r\n```\r\n\r\n<hr>\r\n<!-- <div>\r\n  <h2 style=\"color:darkgreen;\">NPM Package</h2>\r\n  <a href=\"https://www.npmjs.com/package/rn-custom-modal-components\">https://www.npmjs.com/package/rn-custom-modal-components</a>\r\n</div> -->\r\n<hr>\r\n<div>\r\n  <h2 style=\"color:darkgreen;\">Screenshots</h2>\r\n  <table border>\r\n\t<tr>\r\n     \t  <td><img src=\"https://github.com/bayuhendrianto/react-native-modal-dialog/blob/main/screenshot/home.jpg\" width=\"200\" style=\"margin-right: 30px;\"/></td>\r\n     \t  <td><img src=\"https://github.com/bayuhendrianto/react-native-modal-dialog/blob/main/screenshot/modal.jpg\" style=\"margin-right: 30px;\" width=\"200\"/></td>\r\n\t  <td><img src=\"https://github.com/bayuhendrianto/react-native-modal-dialog/blob/main/screenshot/openmodaldialog.jpg\" width=\"200\" style=\"margin-right: 30px;\"/></td>\r\n     \t  <td><img src=\"https://github.com/bayuhendrianto/react-native-modal-dialog/blob/main/screenshot/modaldialog.jpg\" style=\"margin-right: 30px;\" width=\"200\"/></td>\r\n\t  <td><img src=\"https://github.com/bayuhendrianto/react-native-modal-dialog/blob/main/screenshot/openmodaldialoginput.jpg\" width=\"200\" style=\"margin-right: 30px;\"/></td>\r\n     \t  <td><img src=\"https://github.com/bayuhendrianto/react-native-modal-dialog/blob/main/screenshot/modaldialoginput.jpg\" style=\"margin-right: 30px;\" width=\"200\"/></td>\r\n\t</tr>\r\n  </table>\r\n</div>\r\n<hr>\r\n\r\n<h2 style=\"color:darkgreen;\">Component properties for Alert Component</h2>\r\n<pre style=\"font-size: 15px; color: brown;\">\r\n    isTitle?: boolean;\r\n    visible: boolean;\r\n    onVisible: any;\r\n    onConfirm: () => void;\r\n    title?: string;\r\n    titleColor?: string;\r\n    titlePosition?: \"center\" | \"auto\" | \"left\" | \"right\" | \"justify\";\r\n    message: string | ReactNode;\r\n    messageColor?: string;\r\n    actionText?: string;\r\n    fontSize?: number;\r\n    backgroundColor?: string;\r\n    buttonColor?: string;\r\n    buttonTextColor?: string;\r\n</pre>\r\n<hr>\r\n\r\n<h2 style=\"color:darkgreen;\">Component properties for Dialog Component</h2>\r\n<pre style=\"font-size: 15px; color: brown;\">\r\n    isTitle?: boolean;\r\n    visible: boolean;\r\n    onVisible: any;\r\n    onConfirm: () => void;\r\n    title?: string;\r\n    titleColor?: string;\r\n    titlePosition?: \"center\" | \"auto\" | \"left\" | \"right\" | \"justify\";\r\n    titleFontSize?: number;\r\n    message: string | ReactNode;\r\n    messageColor?: string;\r\n    messageFontSize?: number;\r\n    actionCancelText?: string;\r\n    actionConfirmText?: string;\r\n    backgroundColor?: string;\r\n    buttonCancelColor?: string;\r\n    buttonTextCancelColor?: string;\r\n    buttonConfirmColor?: string;\r\n    buttonTextConfirmColor?: string;\r\n    borderColor?: string;\r\n    fontSize?: number;\r\n</pre>\r\n<hr>\r\n\r\n<h2 style=\"color:darkgreen;\">Component properties for Dialog Input Component</h2>\r\n<pre style=\"font-size: 15px; color: brown;\">\r\n    isTitle?: boolean;\r\n    isMessage?: boolean;\r\n    visible: boolean;\r\n    onVisible: any;\r\n    onConfirm: () => void;\r\n    title?: string;\r\n    titleColor?: string;\r\n    titleFontSize?: number;\r\n    titlePosition?: \"center\" | \"auto\" | \"left\" | \"right\" | \"justify\";\r\n    message?: string | ReactNode;\r\n    messageColor?: string;\r\n    messageFontSize?: number;\r\n    messagePosition?: \"center\" | \"auto\" | \"left\" | \"right\" | \"justify\";\r\n    actionCancelText?: string;\r\n    actionConfirmText?: string;\r\n    backgroundColor?: string;\r\n    buttonCancelColor?: string;\r\n    buttonTextCancelColor?: string;\r\n    buttonConfirmColor?: string;\r\n    buttonTextConfirmColor?: string;\r\n    children: ReactNode;\r\n    borderColor?: string;\r\n  fontSize?: number;\r\n</pre>\r\n<hr>\r\n<h2 style=\"color:darkgreen;\">Code for Alert Modal</h2>\r\n\r\n```js\r\nimport { StatusBar } from \"expo-status-bar\";\r\nimport { Pressable, StyleSheet, Text, View } from \"react-native\";\r\nimport { useState } from \"react\";\r\n\r\nimport { ReactNativeAlertAnimated } from \"@bayudev/react-native-modal-dialog-animated\";\r\n\r\nexport default function App() {\r\n  const [visible, setVisible] = useState(false);\r\n\r\n  const onConfirm = () => {\r\n    setVisible(false);\r\n  };\r\n\r\n  return (\r\n    <View style={styles.container}>\r\n      <ReactNativeAlertAnimated\r\n        visible={visible}\r\n        onVisible={setVisible}\r\n        message={\r\n          <>\r\n            <Text>React Native Alert !</Text>\r\n          </>\r\n        }\r\n        onConfirm={onConfirm}\r\n      />\r\n\r\n      <Pressable\r\n        onPress={() => setVisible(true)}\r\n        style={{\r\n          width: \"80%\",\r\n          height: 50,\r\n          padding: 8,\r\n          borderRadius: 10,\r\n          backgroundColor: \"blue\",\r\n        }}\r\n      >\r\n        <Text\r\n          style={{\r\n            color: \"white\",\r\n            textAlign: \"center\",\r\n            fontSize: 22,\r\n          }}\r\n        >\r\n          Open Modal\r\n        </Text>\r\n      </Pressable>\r\n      <StatusBar style=\"auto\" />\r\n    </View>\r\n  );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n  container: {\r\n    flex: 1,\r\n    backgroundColor: \"#fff\",\r\n    alignItems: \"center\",\r\n    justifyContent: \"center\",\r\n  },\r\n});\r\n```\r\n\r\n<hr/>\r\n\r\n<h2 style=\"color:darkgreen;\">Code for Dialog Modal</h2>\r\n\r\n```js\r\nimport { StatusBar } from \"expo-status-bar\";\r\nimport { Pressable, StyleSheet, Text, View } from \"react-native\";\r\nimport { useState } from \"react\";\r\n\r\n// Import here\r\nimport { ReactNativeDialogAnimated } from \"@bayudev/react-native-modal-dialog-animated\";\r\n\r\nexport default function App() {\r\n  const [visible, setVisible] = useState(false);\r\n\r\n  const onConfirm = () => {\r\n    setVisible(false);\r\n  };\r\n\r\n  return (\r\n    <View style={styles.container}>\r\n      <ReactNativeDialogAnimated\r\n        visible={visible}\r\n        onVisible={setVisible}\r\n        message={\r\n          <>\r\n            <Text>React Native Dialog !</Text>\r\n          </>\r\n        }\r\n        onConfirm={onConfirm}\r\n      />\r\n\r\n      <Pressable\r\n        onPress={() => setVisible(true)}\r\n        style={{\r\n          width: \"80%\",\r\n          height: 50,\r\n          padding: 8,\r\n          borderRadius: 10,\r\n          backgroundColor: \"blue\",\r\n        }}\r\n      >\r\n        <Text\r\n          style={{\r\n            color: \"white\",\r\n            textAlign: \"center\",\r\n            fontSize: 22,\r\n          }}\r\n        >\r\n          Open Dialog\r\n        </Text>\r\n      </Pressable>\r\n      <StatusBar style=\"auto\" />\r\n    </View>\r\n  );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n  container: {\r\n    flex: 1,\r\n    backgroundColor: \"#fff\",\r\n    alignItems: \"center\",\r\n    justifyContent: \"center\",\r\n  },\r\n});\r\n```\r\n\r\n<hr/>\r\n\r\n<h2 style=\"color:darkgreen;\">Code for Dialog Modal</h2>\r\n\r\n```js\r\nimport { StatusBar } from \"expo-status-bar\";\r\nimport { Pressable, StyleSheet, Text, TextInput, View } from \"react-native\";\r\nimport { useState } from \"react\";\r\n\r\n// Import here\r\nimport { ReactNativeDialogInputAnimated } from \"@bayudev/react-native-modal-dialog-animated\";\r\n\r\nexport default function App() {\r\n  const [visible, setVisible] = useState(false);\r\n  const [comment, setComment] = useState(\"\");\r\n\r\n  const onConfirm = () => {\r\n    setVisible(false);\r\n  };\r\n\r\n  /**\r\n   * Create Input for children\r\n   */\r\n  const CustomInput = () => {\r\n    return (\r\n      <View style={{ padding: 15 }}>\r\n        <Text style={{ margin: 12, marginBottom: -18, color: \"#000000\" }}>\r\n          Comment\r\n        </Text>\r\n        <TextInput\r\n          onChangeText={setComment}\r\n          placeholder=\"add your comment here\"\r\n          inputMode=\"text\"\r\n          value={comment}\r\n          multiline\r\n          textAlignVertical=\"top\"\r\n          style={{\r\n            height: 100,\r\n            margin: 12,\r\n            borderBottomWidth: 3,\r\n            borderBottomColor: \"#000000\",\r\n            color: \"#FFFFFF\",\r\n            fontSize: 22,\r\n            fontWeight: \"700\",\r\n          }}\r\n        />\r\n      </View>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <View style={styles.container}>\r\n      <ReactNativeDialogInputAnimated\r\n        children={<CustomInput />}\r\n        isTitle\r\n        title=\"React Native Dialog !\"\r\n        titleFontSize={22}\r\n        titleColor=\"#000000\"\r\n        titlePosition=\"center\"\r\n        visible={visible}\r\n        onVisible={setVisible}\r\n        message={\r\n          <>\r\n            <Text>React Native Dialog !</Text>\r\n          </>\r\n        }\r\n        onConfirm={onConfirm}\r\n        backgroundColor=\"#FFF8E3\"\r\n      />\r\n\r\n      <Pressable\r\n        onPress={() => setVisible(true)}\r\n        style={{\r\n          width: \"80%\",\r\n          height: 50,\r\n          padding: 8,\r\n          borderRadius: 10,\r\n          backgroundColor: \"blue\",\r\n        }}\r\n      >\r\n        <Text\r\n          style={{\r\n            color: \"white\",\r\n            textAlign: \"center\",\r\n            fontSize: 22,\r\n          }}\r\n        >\r\n          Open Dialog Input\r\n        </Text>\r\n      </Pressable>\r\n      <StatusBar style=\"auto\" />\r\n    </View>\r\n  );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n  container: {\r\n    flex: 1,\r\n    backgroundColor: \"#fff\",\r\n    alignItems: \"center\",\r\n    justifyContent: \"center\",\r\n  },\r\n});\r\n```\r\n\r\n<hr/>\r\n","readmeFilename":"README.md"}