{"_id":"@abdulghani/masonrygrid","_rev":"5-ad8b1d0db519a3a1c161d2092d8149a4","name":"@abdulghani/masonrygrid","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.0":{"name":"@abdulghani/masonrygrid","version":"1.0.0","description":"React.js flexbox-based masonry grid with determned column and sequentially rendered item.","homepage":"https://github.com/abdulghani/breakpointcontext","main":"build/index.js","scripts":{"build":"rm -rf ./build && babel ./src --out-dir ./build --extensions \".ts,.js,.tsx\" && tsc","test":"jest"},"keywords":[],"author":"","license":"ISC","devDependencies":{"@babel/cli":"^7.10.5","@babel/core":"^7.10.5","@babel/node":"^7.10.5","@babel/preset-env":"^7.10.4","@babel/preset-react":"^7.10.4","@babel/preset-typescript":"^7.10.4","@types/jest":"^26.0.10","@types/react":"^16.9.46","babel-plugin-minify-builtins":"^0.5.0","babel-plugin-minify-numeric-literals":"^0.4.3","babel-preset-minify":"^0.5.1","jest":"^26.4.1","typescript":"^4.0.2"},"peerDependencies":{"react":"^16.13.1"},"gitHead":"e9abdd3236e4f4e5b00582ac86aa39f8d283b1e4","_id":"@abdulghani/masonrygrid@1.0.0","_nodeVersion":"12.18.3","_npmVersion":"6.14.8","dist":{"integrity":"sha512-dGRSnsg9cdu9bcInMi11nTREmX0Lst9sZOOh6Fizb+8pao5idaRL18/WfAXePTHxy7yPow0077vKbfE/+/l9MA==","shasum":"103fe730987fc70e8929f842a76a6b652d888733","tarball":"https://registry.npmjs.org/@abdulghani/masonrygrid/-/masonrygrid-1.0.0.tgz","fileCount":5,"unpackedSize":3315,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQCJHCRA9TVsSAnZWagAAFUkP/jItdef8igQBbbypgjd7\nBdQO1KmuppXsNG/bWno/lBfkABgXJUPHS9uYS/BOBbtrNizyC50ofC399oF/\nF96up6o7Zbg4M+oTIF8IrcmJ4kp41ZzUtn9X6mfKfw6RHGmoWR9cgNGe31mJ\nM9XuuohImtvfUn/Jw7XzpC0BTACofxnzLCVONjgwVYRViUOXg1S50qE7Y54b\n2ocgFL4BIVdqG6zS5a+reaOiGnPJ8fIFgNIaYYle/vCBhywLRJAAuZ0xBG0D\nF0+Oo+Wr4DlhPj7RKt3Xx1dZWxfZppSC5bWVZSjbWRfr6Y6TmIgHZtsZHkA4\nRURLQvjJsC9udYMjdAH2xk+SoDQeFoCTSeg8eIBL7IY4nTpnOVnebamrDD6K\n7eg7wnCOP53tWY0SrJPoOUZ3Tbn5ScgyCG9/l+4Brlj2T+IHQT2NsLZoAQBd\nlHx4Qxkr6N38G7Fa1bL2De3TWPyjgbkI26cWSCctPp68xWVym4Z4oDsFd1PY\nfeE4sdXZeb6revpJBKaEE1SxmJz17jtkhab10ZQkkF0TkJLmxtUdRU1O0yj6\n95zI97vgX5jvuRf4ajeNJuoTu1+ZcIJOlWHmnJ4BWDqut2XKcB+ZxnwTeIIN\n0GHtHW37kMVLMQC2EhMRSHu0RDXwucckH0HtLi+A1oVWw/t25VQeeE/W04PX\n3kUE\r\n=GS9I\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDjbLfYZZoAJJ7Fhqj/bEm1jmOVMcB6+w+iUMM+d1fdPAiBt76YeFcdOt3Q7+f5NyAlWYTAINXWkQHsDmrBy+eQkJg=="}]},"maintainers":[{"name":"abdulghani","email":"contact.abdulghani@gmail.com"}],"_npmUser":{"name":"abdulghani","email":"contact.abdulghani@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/masonrygrid_1.0.0_1598038599001_0.24396608135807973"},"_hasShrinkwrap":false},"1.0.1":{"name":"@abdulghani/masonrygrid","version":"1.0.1","description":"React.js flexbox-based masonry grid with determned column and sequentially rendered item.","homepage":"https://github.com/abdulghani/breakpointcontext","main":"build/index.js","scripts":{"build":"rm -rf ./build && babel ./src --out-dir ./build --extensions \".ts,.js,.tsx\" && tsc","test":"jest"},"keywords":[],"author":"","license":"ISC","devDependencies":{"@babel/cli":"^7.10.5","@babel/core":"^7.10.5","@babel/node":"^7.10.5","@babel/preset-env":"^7.10.4","@babel/preset-react":"^7.10.4","@babel/preset-typescript":"^7.10.4","@types/jest":"^26.0.10","@types/react":"^16.9.46","babel-plugin-minify-builtins":"^0.5.0","babel-plugin-minify-numeric-literals":"^0.4.3","babel-preset-minify":"^0.5.1","jest":"^26.4.1","typescript":"^4.0.2"},"peerDependencies":{"react":"^16.13.1"},"gitHead":"e9abdd3236e4f4e5b00582ac86aa39f8d283b1e4","_id":"@abdulghani/masonrygrid@1.0.1","_nodeVersion":"12.18.3","_npmVersion":"6.14.8","dist":{"integrity":"sha512-v1S57cbCa+IopM0A0vD7MCxCjnkIZEbNZfwXQ40pZ1BmywaQTgRrHgvJ0R0VcVMLIg3Y6lw7CpjXGdFkzih+hg==","shasum":"307656f467a81c4150517321eaf7a4df06c1ad85","tarball":"https://registry.npmjs.org/@abdulghani/masonrygrid/-/masonrygrid-1.0.1.tgz","fileCount":5,"unpackedSize":3315,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQCSACRA9TVsSAnZWagAAfL4QAIy5lLbhjd4/onWaKYmt\nwvNTOJ6mLdWGTjt+PP9o2YBzaUumuZQupmjXzglAjZnHtvcZWR+2a39mYn8q\nsMICnVyeQgUE3iAwuUSF/8l59rZKpk03noLTM4gTZrnmfYA86woDjF1za0hL\nuiUISGNxXppqcFYm8uFQCuREtfzr3z5hrRamtZjqHEuf3VJhJG5ZJdBSvyts\ntii3uygCuWxn9Lk4sq1yvj9dKPDKgnh5ynREWDME3gT2gLLjb4eycLjhkaVv\ndPAbw8nPYLqDqJueXQMpd69VXsl8ZQXYQp/dY+BCdMktmJTpCtkBpWv7a147\n5JJ6Jj2ylVFSy4QOsndqBwU3+sXXB2kM4Hu+pATfSAYCszHpCu0q2y9JrSKh\nyIlc8iM0dLjXXnRkDnwqMQK7EbNCyMe/gb6C6BfhG+LD88P8xdAlh2gdb97b\np1nkTJW2t4eW9g7kcttX7Qi+Rjp+0RIkLP7LLuykuGifhdYYs9mVfzB8HWYh\nee5IzBpRKxYk69+fn316sWG9f491N08XqM8TlreZ8btAMJ5CiyrwuyxQObyq\nUa6ikYnvZ4eLuhPkwaMKpgQTWtA+AtqwfET1A/9EI3qCngNDxRG6QEIk+74A\nfa/8YTNLZqDwaX0c3eSbfe5n65affHEUoCbS04xTUVxcDLaXVBS4UpHizHxg\nflOE\r\n=kdBq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFapDXc6TlC9zO33+vRO/cl1SvIZPLkpleiwsvbzYanLAiEA1Az+Yv7wuk9eYogdxQVILIfQRo7phB94h5A/13YKHf0="}]},"maintainers":[{"name":"abdulghani","email":"contact.abdulghani@gmail.com"}],"_npmUser":{"name":"abdulghani","email":"contact.abdulghani@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/masonrygrid_1.0.1_1598039168475_0.5431158058031595"},"_hasShrinkwrap":false},"1.0.2":{"name":"@abdulghani/masonrygrid","version":"1.0.2","description":"React.js flexbox-based masonry grid with determned column and sequentially rendered item.","homepage":"https://github.com/abdulghani/breakpointcontext","main":"build/index.js","scripts":{"build":"rm -rf ./build && babel ./src --out-dir ./build --extensions \".ts,.js,.tsx\" && tsc","test":"jest"},"keywords":[],"author":"","license":"ISC","devDependencies":{"@babel/cli":"^7.10.5","@babel/core":"^7.10.5","@babel/node":"^7.10.5","@babel/preset-env":"^7.10.4","@babel/preset-react":"^7.10.4","@babel/preset-typescript":"^7.10.4","@types/jest":"^26.0.10","@types/react":"^16.9.46","babel-plugin-minify-builtins":"^0.5.0","babel-plugin-minify-numeric-literals":"^0.4.3","babel-preset-minify":"^0.5.1","jest":"^26.4.1","typescript":"^4.0.2"},"peerDependencies":{"react":"^16.13.1"},"gitHead":"e9abdd3236e4f4e5b00582ac86aa39f8d283b1e4","_id":"@abdulghani/masonrygrid@1.0.2","_nodeVersion":"12.18.3","_npmVersion":"6.14.8","dist":{"integrity":"sha512-z9nBI1Na5AsGjJmy0FVYzKcEECN9Xb+9lrOaHYkVT8mgVBKgg4zPZnkaNl45HkTA800Af4yfW48anhfI9DDQlQ==","shasum":"6af807a13cb81dd1291c8c8adfaea3a2098c86d8","tarball":"https://registry.npmjs.org/@abdulghani/masonrygrid/-/masonrygrid-1.0.2.tgz","fileCount":5,"unpackedSize":3315,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQCuWCRA9TVsSAnZWagAAp4QQAKQyo7YqjESwpvDJaJvh\nuXQiiK5FmDlSgeiK50t/Q7hV2/lR/i5ohYye9QGUHyKZaScFqOeMNXEj47TC\nl9mgRLVBzihv218LfE2Z8OqdY80dIG8IpmYU0yiSJ0Ymah87ezeZ2saBAVJ/\nDHvUGOJGK8CjfBLb/XOGMYCELYQV4chNLJ229l6HXxfkaeUiBj5GYFfz/OgI\nqk1l1G7MuDourHbvDAKjii3eC01FGaKdIpBaOmhFB57VXqGfKVxEve/cT00+\n/hGP2Q4ZFNfm0kfrQlxihZlFvGusqm72t09gBHA4KFTNuQtNj66q4CNcsevM\nD/n7OOky9u/t94gCvOy4tijQ5TPVdATLm233v6io/N4AkMF5+IdUiPTVWLZ8\ncqOABqGVCwrqeyMG6UmnIrKq7j2bp6boup0PzXtZ1Mw1PpM6sFHIdx2UBifc\nz5jzo8nO4s8//kZ1YQJfNppxzPvFCDskRhhRiW231X4k77uZ71Qg8RVmJ3Mc\n7FGb3mXNTKFqRUZFEUV82y9FoJUWgFfqZCnvMhgy9eUiWGavl0TuLOJIx0vI\n+K4ejr/O3fP9xsPOaOjSr3TiZ7afeZymWowsHOrER9w+iHegsn1UF8EHkd6Z\ngJaChKNYO7d1hyaCrDtt0SGPXPnA3s+QMQCUFiInlMN1HqMfqgIURW6SMjnn\nlWuU\r\n=uA8a\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGqRyVMrNvAToVeOgfUduK3XTvoJUG2MibtPskBmmezVAiEA1TBpWl++JwIFAyYRS3byDJIyK8eTdv0Hni5qrZFJVxQ="}]},"maintainers":[{"name":"abdulghani","email":"contact.abdulghani@gmail.com"}],"_npmUser":{"name":"abdulghani","email":"contact.abdulghani@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/masonrygrid_1.0.2_1598040982243_0.7239795477267967"},"_hasShrinkwrap":false},"1.0.3":{"name":"@abdulghani/masonrygrid","version":"1.0.3","description":"React.js flexbox-based masonry grid with determned column and sequentially rendered item.","homepage":"https://github.com/abdulghani/breakpointcontext","main":"build/index.js","scripts":{"build":"rm -rf ./build && babel ./src --out-dir ./build --extensions \".ts,.js,.tsx\" && tsc","test":"jest"},"keywords":[],"author":"","license":"ISC","devDependencies":{"@babel/cli":"^7.10.5","@babel/core":"^7.10.5","@babel/node":"^7.10.5","@babel/preset-env":"^7.10.4","@babel/preset-react":"^7.10.4","@babel/preset-typescript":"^7.10.4","@types/jest":"^26.0.10","@types/react":"^16.9.46","babel-plugin-minify-builtins":"^0.5.0","babel-plugin-minify-numeric-literals":"^0.4.3","babel-preset-minify":"^0.5.1","jest":"^26.4.1","typescript":"^4.0.2"},"peerDependencies":{"react":"^16.13.1"},"gitHead":"30e116e03e40841a5b97ff5f02a5bc7b4b0f4ea9","_id":"@abdulghani/masonrygrid@1.0.3","_nodeVersion":"12.18.3","_npmVersion":"6.14.8","dist":{"integrity":"sha512-pVp9M+mS0Xa0l/JRJqHgbsHPKjJUxVnU+ma1ocWCeKvhX2mD2vIdnfPhMLnacECg/rE9jtvtOHLDw8FEP7NvzQ==","shasum":"c2c5a9ee9500782cea9b6eed5b9cc2c9eaead537","tarball":"https://registry.npmjs.org/@abdulghani/masonrygrid/-/masonrygrid-1.0.3.tgz","fileCount":6,"unpackedSize":3900,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQDODCRA9TVsSAnZWagAA9YEQAIZOC08yO/d9aGNQ/ifs\nSzR3Q/wyV4CuhFegiWavDskdQKvRt7ey1RG6qwApx1SgyWE0ZpZdDEP55ruW\nimm7kQABUOoxWGUGadYbGGzfoGnDZKRJhLAsuzJBkMb1vePAioXIXzSs9vw4\nTH03wfqVb+PIdIa6FsFcHwvT/gKGgLjDfojWUXa/WpFzvekTjTETN3g9z+vN\nuCguhHmCaydPoUAXfE4rSgRMKghDABtEwRErwCE3NbLhZYMwF/KSL4tFUhsN\nuki4x8FjcQh4YwtY3KC6tBny5oB4iIkZgoPpO6Y0nBjiYLRMjU1E4n5tBmu/\n0Jkg1ZdLwZwbdLpgtHRExEpNDYx/AoCl04K+yCnrOzsbzjaKCpxmyaNXFvjC\nD78J7v7AtLsRNsffcCebLrZc4WQiGBbXWVnChtioEMNGev3XSa5oM3hy3Ejs\navj/Roia6XIJbIYS7/H8t5ltRBoQsxdtaCaHoXeqhWClYZR4V9mXl8850IND\ngStjWfZ/kfRxW0ZKCrbVf606ehmmFI4p42nw8trYdNItjcjKztJXvj4tvb8J\nrFZPNihEgum2+sXvn9c9RMQAkhyBMX0J4QmHPZajG2Rs/TwIJuoyjgpDXgS5\nExjRRolQYVZNYwyROvALZu8e1Zs7UuBBgPGpR7HpqVuXtxRVW0/Ysy59yrxA\nsxY+\r\n=iB8g\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDO4HVsF4jAWEyjTNEA/q8cJEJD+dWej6+hZ+rP8AkztgIhAIaTKdbAHleVAiRzaQhRHO9vf9CAF6nEkBkSB16S7mj1"}]},"maintainers":[{"name":"abdulghani","email":"contact.abdulghani@gmail.com"}],"_npmUser":{"name":"abdulghani","email":"contact.abdulghani@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/masonrygrid_1.0.3_1598043010593_0.329717367607826"},"_hasShrinkwrap":false},"1.0.4":{"name":"@abdulghani/masonrygrid","version":"1.0.4","description":"React.js flexbox-based masonry grid with determned column and sequentially rendered item.","homepage":"https://github.com/abdulghani/breakpointcontext","main":"build/index.js","scripts":{"build":"rm -rf ./build && babel ./src --out-dir ./build --extensions \".ts,.js,.tsx\" && tsc","test":"jest"},"keywords":[],"author":"","license":"ISC","devDependencies":{"@babel/cli":"^7.10.5","@babel/core":"^7.10.5","@babel/node":"^7.10.5","@babel/preset-env":"^7.10.4","@babel/preset-react":"^7.10.4","@babel/preset-typescript":"^7.10.4","@types/jest":"^26.0.10","@types/react":"^16.9.46","babel-plugin-minify-builtins":"^0.5.0","babel-plugin-minify-numeric-literals":"^0.4.3","babel-preset-minify":"^0.5.1","jest":"^26.4.1","typescript":"^4.0.2"},"peerDependencies":{"react":"^16.13.1"},"gitHead":"3ad67859ee539d45de0107970a63254ea39b118c","_id":"@abdulghani/masonrygrid@1.0.4","_nodeVersion":"12.18.3","_npmVersion":"6.14.8","dist":{"integrity":"sha512-fq+97M01RSNRugPeYr/znoiySgrRtrDBvUU+VTdGlAU3I7XyQlVnmK4QvY1lOKiNHzgDNsxtODCeYcTJ7m48fw==","shasum":"a7fd97f3e85d1fc68ba265c1b8c3c0af94037aa9","tarball":"https://registry.npmjs.org/@abdulghani/masonrygrid/-/masonrygrid-1.0.4.tgz","fileCount":6,"unpackedSize":3910,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfQQBcCRA9TVsSAnZWagAA/wgP/3WVRJbaD5J9K9F3JXuD\nVaecO6sLAlfX4omFmQOD72SKQ9Y3/OcwjPl0s5VrC2Lo6YxlFP5qobb0lqGb\n87KbphPRXFroo+CsIHvxqaeMaXSZ+ngQUBfJw0A8nsRirHI3OiucE6OG8mre\n92IghrbwpTRBkYxkeRD6xMKfloVBaxoY44b+MCWdnSifvNaldrBm95COGhcB\npJiUsCX/QOmr3WhUoNr2C1rdW7djGBkiKp7xic1qfEpbLmaIOiUusoLEXdfi\nL+F5ONjqtfm0ZLZMUid7kZJtE2cYRX8zoSwOfWUJm0vw6OxmJCcOzALTOo7l\nnMbP72wPB6eok6oen7LfHznyBq0KS2LRSdgKakz84BxOwRZ6omL+N1Mk/BZZ\nyPniTklKoxCs20dQ1x9/DZ3+fFoU/LZ0DPaZxr84Bg+UM3srewal/m6Tsct/\nFz7fOZFOnUjLrNci+fk+BK0kVCiPbFB4HsTDMVkaeraPJQVaKJjOgFxhsiCz\nMgCcolOZIFopCRMIa85LPDOevnXaCtE92VqvLJ+p3zRPccoBixoyLQNnphuM\np2CToNSu9f7CpK9E9BSEfLozqna3j1ecADIzRxvlKaIlnK5YPqBflNcCyqgc\nX27t0wrqhq5zttj2V6VXJak6jL8ZesAPjp9VohBR5wxnf95+GihiT8eFj2gb\ngKRd\r\n=s6oy\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBqaeyC7ApAvBWVuEYJh8scFV2+DPJ+/m5s4/NyXrXDAAiEAu1fg3zTQ4i5m7LPzuGp6B8xORGyL2U+wWFgL9lfIRIA="}]},"maintainers":[{"name":"abdulghani","email":"contact.abdulghani@gmail.com"}],"_npmUser":{"name":"abdulghani","email":"contact.abdulghani@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/masonrygrid_1.0.4_1598095452381_0.6067371943093027"},"_hasShrinkwrap":false}},"time":{"created":"2020-08-21T19:36:38.967Z","1.0.0":"2020-08-21T19:36:39.114Z","modified":"2022-04-04T10:58:34.931Z","1.0.1":"2020-08-21T19:46:08.599Z","1.0.2":"2020-08-21T20:16:22.359Z","1.0.3":"2020-08-21T20:50:10.730Z","1.0.4":"2020-08-22T11:24:12.502Z"},"maintainers":[{"name":"abdulghani","email":"contact.abdulghani@gmail.com"}],"description":"React.js flexbox-based masonry grid with determned column and sequentially rendered item.","homepage":"https://github.com/abdulghani/breakpointcontext","keywords":[],"license":"ISC","readme":"# Breakpointcontext\n\nReact.js flexbox-based masonry grid with determned column and sequentially rendered item.\n\n## Install\n\nget it from yarn/npm whatever\n\n```\nyarn add @abdulghani/masonrygrid\n\nnpm install @abdulghani/masonrygrid\n```\n\n## Usage\n\nuse it as simple as\n\n```tsx\nimport MasonryGrid from \"@abdulghani/masonrygrid\";\n\nconst MyComponent = () => {\n  return (\n    <MasonryGrid col={3} className=\"mx-3\">\n      {products.map((item: any) => (\n        <Product key={item.id} value={item} />\n      ))}\n    </MasonryGrid>\n  );\n};\n\n// the className will applied to each column element\n```\n","readmeFilename":"README.md"}