{"_id":"@carpenjk/picture-tiles","_rev":"5-4b66b093bce7af25cfec51b469d7eab6","name":"@carpenjk/picture-tiles","dist-tags":{"latest":"2.1.1"},"versions":{"1.1.0":{"name":"@carpenjk/picture-tiles","version":"1.1.0","description":"Displays a grid of pictures.","main":"lib/index.js","scripts":{"prebuild":"rimraf lib","build":"babel src -d lib","prepublish":"npm run build","commit":"git-cz","semantic-release":"semantic-release"},"repository":{"type":"git","url":"git+https://github.com/carpenjk/picture-tiles.git"},"release":{"branches":["main"]},"keywords":["images"],"author":{"name":"Jeremy Carpenter"},"license":"ISC","bugs":{"url":"https://github.com/carpenjk/picture-tiles/issues"},"homepage":"https://github.com/carpenjk/picture-tiles#readme","devDependencies":{"@babel/cli":"^7.17.10","@babel/core":"^7.16.0","@babel/eslint-parser":"^7.16.3","@babel/preset-env":"^7.18.2","@babel/preset-react":"^7.16.0","@types/node":"^16.11.12","@typescript-eslint/eslint-plugin":"^5.6.0","@typescript-eslint/parser":"^5.6.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.4.1","eslint-config-airbnb":"^19.0.2","eslint-config-airbnb-typescript":"^16.1.0","eslint-config-prettier":"^8.3.0","eslint-config-wesbos":"^3.0.2","eslint-plugin-html":"^6.2.0","eslint-plugin-import":"^2.25.3","eslint-plugin-jsx-a11y":"^6.5.1","eslint-plugin-prettier":"^4.0.0","eslint-plugin-react":"^7.27.1","eslint-plugin-react-hooks":"^4.3.0","prettier":"^2.5.1","rimraf":"^3.0.2","semantic-release":"^19.0.5","typescript":"^4.5.2","webpack":"^5.73.0","webpack-cli":"^4.10.0"},"peerDependencies":{"@carpenjk/prop-x":"^2.0.2","react":"17 - 18","react-dom":"17 - 18","styled-components":"^5.1.1"},"publishConfig":{"access":"public"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"gitHead":"18ad39e6207e559665ba291ed0754c53da8260c8","_id":"@carpenjk/picture-tiles@1.1.0","_nodeVersion":"16.18.0","_npmVersion":"8.19.3","dist":{"integrity":"sha512-ahHU+9lBFTFGnB8KTp91fppsyUvbxEHtwI/mOI/Iv43khTY+EYo84t8uWfTU8X1yXpKPBKG7SVWxTQaiPt0nVw==","shasum":"964e9f12664df6156a345ffcfb864061568f54c1","tarball":"https://registry.npmjs.org/@carpenjk/picture-tiles/-/picture-tiles-1.1.0.tgz","fileCount":47,"unpackedSize":78047,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDUl7XxzSO3ODzrIZ2AVumZx/V8saVW9YNS9ruIPysGTAiB07CEYE2aP9ABAXA7/PZH5iPrtI1GcvGnkojsl3W+3pA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjZW3gACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmolGBAAkiJvQDC9JuYCiQ5Q3drXtguEYo3pTG6LD8HhsRQtnajnW3wx\r\n0B1HHOVnf5xPQFD3cFD0WTcZKTwW2/YegaBU9PkXFDgW98UVjqmqej5+dQKp\r\n8dNk4nx+TlJ5ecit5nhcQu+ZeLtJ9y7MSTmhKCCD8apIdd93kLczyssebMAF\r\nAI5x7BWOOXbaXUR3J583r79xqy8VoTEap3LOLxGuAkOLCpDxFMu4kBC7C1f/\r\ndaN38xUo676DhO23NVNptBIPRa1lLQ4VsPWYeYBrjQgSBdXa1qYm2hvcbzHU\r\nxvIQYWrkf1iLZmp1ofJ/O4qHPt2wy3COxFyjyS0WvJcY7digmwpGl7392+cV\r\nG+feyuvXiTDql86rql/tb077qULZXM9YqsspNV9wTChKnmg6V+gLaREkuLQ6\r\nnakRUu44Iq5LPjXd8OcdZ5OFEtpmZLz1YxHaAwpLLtl9a4NKNdGyLjCssoRY\r\nfTgvCRFh6CYtG9Ffs9Qd3IXNnBhzCp3rHB31B9rf9fONo4SeVeg+Km+uA7K4\r\nwWMKbAAX9wtNXf+5ks+0fK9ks035nZ+zbwylPX2AByltzgaVQvQEmqrAx4mT\r\nMuMh4zmEtyRRkRuaIaIO5v0pAERvwEBnXKD4rKM5EwIvxRzJ/D0JtBRkf6/l\r\nS64Xvt/5LjlOKdzZP1kfa+mnfAg+48oi7/g=\r\n=dyXl\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"carpenjk","email":"jcarpenterwebdev@gmail.com"},"directories":{},"maintainers":[{"name":"carpenjk","email":"jcarpenterwebdev@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/picture-tiles_1.1.0_1667591648148_0.23375549993496825"},"_hasShrinkwrap":false},"1.1.1":{"name":"@carpenjk/picture-tiles","version":"1.1.1","description":"Displays a grid of pictures.","main":"lib/index.js","scripts":{"prebuild":"rimraf lib","build":"babel src -d lib","prepublish":"npm run build","commit":"git-cz","semantic-release":"semantic-release"},"repository":{"type":"git","url":"git+https://github.com/carpenjk/picture-tiles.git"},"release":{"branches":["main"]},"keywords":["images"],"author":{"name":"Jeremy Carpenter"},"license":"ISC","bugs":{"url":"https://github.com/carpenjk/picture-tiles/issues"},"homepage":"https://github.com/carpenjk/picture-tiles#readme","devDependencies":{"@babel/cli":"^7.17.10","@babel/core":"^7.16.0","@babel/eslint-parser":"^7.16.3","@babel/preset-env":"^7.18.2","@babel/preset-react":"^7.16.0","@types/node":"^16.11.12","@typescript-eslint/eslint-plugin":"^5.6.0","@typescript-eslint/parser":"^5.6.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.4.1","eslint-config-airbnb":"^19.0.2","eslint-config-airbnb-typescript":"^16.1.0","eslint-config-prettier":"^8.3.0","eslint-config-wesbos":"^3.0.2","eslint-plugin-html":"^6.2.0","eslint-plugin-import":"^2.25.3","eslint-plugin-jsx-a11y":"^6.5.1","eslint-plugin-prettier":"^4.0.0","eslint-plugin-react":"^7.27.1","eslint-plugin-react-hooks":"^4.3.0","prettier":"^2.5.1","rimraf":"^3.0.2","semantic-release":"^19.0.5","typescript":"^4.5.2","webpack":"^5.73.0","webpack-cli":"^4.10.0"},"peerDependencies":{"@carpenjk/prop-x":"^2.0.2","react":"17 - 18","react-dom":"17 - 18","styled-components":"^5.1.1"},"publishConfig":{"access":"public"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"gitHead":"2bf459e2f81a42be5f0615f79e042f0ebfa8a9b3","_id":"@carpenjk/picture-tiles@1.1.1","_nodeVersion":"16.18.0","_npmVersion":"8.19.3","dist":{"integrity":"sha512-CFg3hPevJCDAW1fn+9+obHy8941/bplwzW8dbsfZbOBWB5WNzcMGtNgi3WmV+supKh/qzXlsYTkbZVp6CMu/ww==","shasum":"6625fab9285926f89be27e3c90779fa81a336055","tarball":"https://registry.npmjs.org/@carpenjk/picture-tiles/-/picture-tiles-1.1.1.tgz","fileCount":47,"unpackedSize":78317,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCQjx2eI8K7v3oWiuL/NHRRxpDiY1XudkKkqD0tLzwiqAIgY4Caw14eqHoMxmqLZ5O5uT56EeVcAlcM/wCzZIvxZ70="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjaZwgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqnvhAAlI/2yc0NW3/RC2jFFemnJrBi8Ol8SU7+6HcXT46T/MBTlJdu\r\nUDXkZ5z7u1LJDh26hl2rEsFKmpfA10AvFs4F5QsXcNKTR8tHq1JYS86oriST\r\nDYEd6WILMJeENgHhKv9UDwrD2JPL//EV1wEfhS0H9zdoNfzuXv29PiSwTGeA\r\np0TUFhTLZhFD855SYIs13rc8RfQnJEQh0AL5j2N6BnE+/OoZyqj16Fra7VId\r\nRwIet1q1HRR7BBmllyHAU3FgBOtN9p/mw3HW6t6HHAzSs2DZhtbknVdrmFAL\r\nojRzBJiQ87Ph9ROro/+h3hyCF/a3Npl+fRsSiToeYUtuLhJgCyVvvKdDFe9e\r\nLgm1+C0mqegNTTxM8oOvNST5sh90dIFAfCuLv/IGKVL1Gsjq1INEDBUOQye0\r\nRc6rub42/txPhIwEuRiy30Jg5qQwlbVbuc7LniX/YlitGj5fYO18hpJ5Cqx0\r\nL2Jb1KyBJXvX1RBhK0syqUooPrwMNStlaiep2BvgcviLajux+ZcPliqCPnYb\r\nFnqh2n/QX2ugNulmbW9Glb4RHg0rxGtZlUubAllH7/VDBMZD5kWa1uY9VxEH\r\niV50Rkf7BC0dDmUYKs4JD0Rc8gVDIXB/fjcTKq//LHLt/Xd7rmI8YKz2q8ND\r\ndlGo3ZRUuRNAz1jNHW/rC2xvOMrDh990RJY=\r\n=96/c\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"carpenjk","email":"jcarpenterwebdev@gmail.com"},"directories":{},"maintainers":[{"name":"carpenjk","email":"jcarpenterwebdev@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/picture-tiles_1.1.1_1667865632364_0.06623218169873923"},"_hasShrinkwrap":false},"2.0.0":{"name":"@carpenjk/picture-tiles","version":"2.0.0","description":"Displays a grid of pictures.","main":"lib/index.js","scripts":{"prebuild":"rimraf lib","build":"babel src -d lib","prepublish":"npm run build","commit":"git-cz","semantic-release":"semantic-release"},"repository":{"type":"git","url":"git+https://github.com/carpenjk/picture-tiles.git"},"release":{"branches":["main"]},"keywords":["images"],"author":{"name":"Jeremy Carpenter"},"license":"ISC","bugs":{"url":"https://github.com/carpenjk/picture-tiles/issues"},"homepage":"https://github.com/carpenjk/picture-tiles#readme","devDependencies":{"@babel/cli":"^7.17.10","@babel/core":"^7.16.0","@babel/eslint-parser":"^7.16.3","@babel/preset-env":"^7.18.2","@babel/preset-react":"^7.16.0","@types/node":"^16.11.12","@typescript-eslint/eslint-plugin":"^5.6.0","@typescript-eslint/parser":"^5.6.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.4.1","eslint-config-airbnb":"^19.0.2","eslint-config-airbnb-typescript":"^16.1.0","eslint-config-prettier":"^8.3.0","eslint-config-wesbos":"^3.0.2","eslint-plugin-html":"^6.2.0","eslint-plugin-import":"^2.25.3","eslint-plugin-jsx-a11y":"^6.5.1","eslint-plugin-prettier":"^4.0.0","eslint-plugin-react":"^7.27.1","eslint-plugin-react-hooks":"^4.3.0","prettier":"^2.5.1","rimraf":"^3.0.2","semantic-release":"^19.0.5","typescript":"^4.5.2","webpack":"^5.73.0","webpack-cli":"^4.10.0"},"peerDependencies":{"@carpenjk/prop-x":"^2.0.2","react":"17 - 18","react-dom":"17 - 18","styled-components":"^5.1.1"},"publishConfig":{"access":"public"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"gitHead":"28b7b6581a313afcb325c61111cfb011fff81061","_id":"@carpenjk/picture-tiles@2.0.0","_nodeVersion":"16.18.1","_npmVersion":"8.19.3","dist":{"integrity":"sha512-DjvWGi+lDidTCmE1JCWpccmBwoSGn1b5rmH3gHepzoTheOPzjVgFqqaugyxT8cgY6xb+/Yczplcuu3j+tfOP1w==","shasum":"a28b72672876c4ecdaee8d1ad513c1c33d0c16c6","tarball":"https://registry.npmjs.org/@carpenjk/picture-tiles/-/picture-tiles-2.0.0.tgz","fileCount":47,"unpackedSize":76032,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGV0mhftQOESNCWQUkBUdxqFJ+9xpR5Sp8Tout1crPGFAiEAhayOS3Uy7JAFeLhaBRFhKYy/9xzg0pmBcRxnsl1IjYQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjh5sbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpJ5A//b/iSFy7tqSRK5N5RNpDIu/zinvCIzRqxDvvNckXND4WX3iY2\r\nuPiaGm2oGkNJgsW2+5ykZ8CRXM9fkwG2SBoyMClpo2SIH+qaeBYf77Z1DHpk\r\no/IF+J/g8fWQZKZBkm5XMOykFfeo8R4060GrqD+th3NgcK+4qwn8RaO7fWQi\r\nVqXFdcovcFLrLyIKnWmH9JxtOlvX6H1n6ADaENnjEEGbn+a2sPlyzP/xxOpr\r\nRgdB5gw5OyAlp3juA5I0eRybCSpUadw85EvDt6lBTKsmHISrYEDP8LlsE4Sy\r\nkxPiMunJfb5BZEziTeqLeDjDA4KwwSEbnljdaN5wrZjQOYol11AeLA7JLcXp\r\ndFcJZaKHZ++ZqvlOebIsgRUcbckGu0DobH9QFlL98VODWIFSr57PLSPADsfR\r\n6wRxcE0BrOjMBrRyfqYBbMExeYXTaXY5obC/LXu4W2TuOxfd4O7uvapgBnt2\r\nUVfF1uVAieLWcIxYl1pZ1EziRUmgYAiMjA2FZ9A3RKtfRPQpm0PnjR7HUgwN\r\nNQUlQHPVENIDZKStxfhoK4xDmGaq5D+BhHH4GADjd0xQgVZ2WsRfK4kxKhNf\r\ntrWeRWBTLhrjZ8ShgSrWt3uE8KcNBSnAQgtVK1U1ChpVG90/dYXhOqRTjobl\r\n50a6PCTQImxRzpiwNx5xWIE+sdxizTUhWb0=\r\n=yjvg\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"carpenjk","email":"jcarpenterwebdev@gmail.com"},"directories":{},"maintainers":[{"name":"carpenjk","email":"jcarpenterwebdev@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/picture-tiles_2.0.0_1669831451058_0.32758822689530387"},"_hasShrinkwrap":false},"2.0.1":{"name":"@carpenjk/picture-tiles","version":"2.0.1","description":"Displays a grid of pictures.","main":"lib/index.js","scripts":{"prebuild":"rimraf lib","build":"babel src -d lib","prepublish":"npm run build","commit":"git-cz","semantic-release":"semantic-release"},"repository":{"type":"git","url":"git+https://github.com/carpenjk/picture-tiles.git"},"release":{"branches":["main"]},"keywords":["images"],"author":{"name":"Jeremy Carpenter"},"license":"ISC","bugs":{"url":"https://github.com/carpenjk/picture-tiles/issues"},"homepage":"https://github.com/carpenjk/picture-tiles#readme","devDependencies":{"@babel/cli":"^7.17.10","@babel/core":"^7.16.0","@babel/eslint-parser":"^7.16.3","@babel/preset-env":"^7.18.2","@babel/preset-react":"^7.16.0","@types/node":"^16.11.12","@typescript-eslint/eslint-plugin":"^5.6.0","@typescript-eslint/parser":"^5.6.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.4.1","eslint-config-airbnb":"^19.0.2","eslint-config-airbnb-typescript":"^16.1.0","eslint-config-prettier":"^8.3.0","eslint-config-wesbos":"^3.0.2","eslint-plugin-html":"^6.2.0","eslint-plugin-import":"^2.25.3","eslint-plugin-jsx-a11y":"^6.5.1","eslint-plugin-prettier":"^4.0.0","eslint-plugin-react":"^7.27.1","eslint-plugin-react-hooks":"^4.3.0","prettier":"^2.5.1","rimraf":"^3.0.2","semantic-release":"^19.0.5","typescript":"^4.5.2","webpack":"^5.73.0","webpack-cli":"^4.10.0"},"peerDependencies":{"@carpenjk/prop-x":"^2.0.2","react":"17 - 18","react-dom":"17 - 18","styled-components":"^5.1.1"},"publishConfig":{"access":"public"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"gitHead":"83dd8bf25e05a16267def9941cbf9747f1da4232","_id":"@carpenjk/picture-tiles@2.0.1","_nodeVersion":"16.18.1","_npmVersion":"8.19.3","dist":{"integrity":"sha512-fYPryoVazbv7JiQDFXfLhmdnU1RTtz/PwPrEyp7VqikDVHHPIVVPmbfPpWhz1PCbMi8lkSCBFLSwADpTKPXhJg==","shasum":"b55c8176d2b1405b30a99fbe9a6147cb03f12267","tarball":"https://registry.npmjs.org/@carpenjk/picture-tiles/-/picture-tiles-2.0.1.tgz","fileCount":47,"unpackedSize":74582,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA5bkNjFJbKVdlqAshBIKZJfGFqK9RCP4wQcx13zYh7uAiABK6v2OHW/pUycBB6s3ovAQ9a8AMZ6b9/iFQCXbGn4OQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjilJlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpC4w//V993PtV950UNhkvl5sJC2C+i78+xev4j7tcsEMq+M/TXksus\r\nGrLtWYgG07avIJZkWBN0r96dufRqTJBKdPymOfUgwn4ecGoqSx3iB3fJmUJ3\r\nKEkNmKyEvd1CJ2QVBW0lT7ClS8/cChaiqOEDSQs8JGZwYj7x6FKE3nlnNKam\r\nG+0FHKCwWWh/HzNvQXlXAsQ5IZBJ1Bp2Os/pDB2jh7o4klkh3Ki898gPtB5B\r\ntQI4PK0R+QEVIb1mZdJEYXr4iyVPXAVi2Eiu/hmP6lOZPyzWStny/VJNuv5J\r\n1nNumLPf5YxyljEXNWIc5J6DHWRlfODpdEPETx1K6rlF3Xfkk0Euzps47XCx\r\nzHwqIRb9SG6sTXp9AkwndQLEQKeyLYqiD5GJUEKx4+fyKnrNHT1yN59bvlrX\r\n63NTn9y1UPw8a1UHJM2ByPPTFoQv+L21QtLol6VAm3Zrhgy9nyuhndmIl23S\r\nmMU3cCkt65QCLRHbyyCphnTmdnxL0QcxWShfRE/K+p+cxrnRW+SUFAvqfgKn\r\naCOzt7HZMqH0JsV4kaA5y7Mop6RkskIpUPb897o2r39xg5BLhuTijyKqEP9N\r\nqz8zEfAb+3Jt9TiPhn08ZcMjliV2w8BBQfyqNbT3Oz3x/E4/IorlwufB8wis\r\n16helk+YZ1aC41A9Gr2jrwpGUnC0cKN7/Wo=\r\n=g3KY\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"carpenjk","email":"jcarpenterwebdev@gmail.com"},"directories":{},"maintainers":[{"name":"carpenjk","email":"jcarpenterwebdev@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/picture-tiles_2.0.1_1670009445017_0.0926726512928222"},"_hasShrinkwrap":false},"2.1.0":{"name":"@carpenjk/picture-tiles","version":"2.1.0","description":"Displays a grid of pictures.","main":"lib/index.js","scripts":{"prebuild":"rimraf lib","build":"babel src -d lib","prepublish":"npm run build","commit":"git-cz","semantic-release":"semantic-release"},"repository":{"type":"git","url":"git+https://github.com/carpenjk/picture-tiles.git"},"release":{"branches":["main"]},"keywords":["images"],"author":{"name":"Jeremy Carpenter"},"license":"ISC","bugs":{"url":"https://github.com/carpenjk/picture-tiles/issues"},"homepage":"https://github.com/carpenjk/picture-tiles#readme","devDependencies":{"@babel/cli":"^7.17.10","@babel/core":"^7.16.0","@babel/eslint-parser":"^7.16.3","@babel/preset-env":"^7.18.2","@babel/preset-react":"^7.16.0","@types/node":"^16.11.12","@typescript-eslint/eslint-plugin":"^5.6.0","@typescript-eslint/parser":"^5.6.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.4.1","eslint-config-airbnb":"^19.0.2","eslint-config-airbnb-typescript":"^16.1.0","eslint-config-prettier":"^8.3.0","eslint-config-wesbos":"^3.0.2","eslint-plugin-html":"^6.2.0","eslint-plugin-import":"^2.25.3","eslint-plugin-jsx-a11y":"^6.5.1","eslint-plugin-prettier":"^4.0.0","eslint-plugin-react":"^7.27.1","eslint-plugin-react-hooks":"^4.3.0","prettier":"^2.5.1","rimraf":"^3.0.2","semantic-release":"^19.0.5","typescript":"^4.5.2","webpack":"^5.73.0","webpack-cli":"^4.10.0"},"peerDependencies":{"@carpenjk/prop-x":"^3.0.1 || ^2.0.0","react":"17 - 18","react-dom":"17 - 18","styled-components":"^5.1.1"},"publishConfig":{"access":"public"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"dependencies":{"@carpenjk/use-breakpoints":"^1.0.0"},"gitHead":"8797d9c43e35f16b1b185928e1b07462f2de9252","_id":"@carpenjk/picture-tiles@2.1.0","_nodeVersion":"16.19.0","_npmVersion":"8.19.3","dist":{"integrity":"sha512-bYdDPn+eICm1vWepuptdM0D4F7TOy8ekhxbHPwsmUma5Uap9NGx3YPMfhSGhY5GqIy9SD1zz9ou7Q33xuI24yA==","shasum":"8be37eebcd87740ee7f10161b68980443a27ca30","tarball":"https://registry.npmjs.org/@carpenjk/picture-tiles/-/picture-tiles-2.1.0.tgz","fileCount":47,"unpackedSize":74647,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICWUtH8dUatwSA3mF9i9V6tU9kl+5GEvn2rGKTmJu0V/AiEAp6n06S2OqPb7ghNvoXwhOYwWwQUPNEJxHTjwHVK/gTY="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjyDQIACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrdcRAAooGTrhnPWOo+QzlAxXKY8ADqGD9+YmGgXN6GVcWEgxQ0ykQ8\r\nI7ZDrv/lyH9drz1cbToTs2wm+ZHkvwyNLDfNPHzjSF5kEJqgK2dYuHMMwWAJ\r\nu/0SAF26FcCjknOtT1T/TMe4rJihq+kmxCPk//RXRKD5EjFvWTm7RXJakZfu\r\n+GlDI2rP9oPmZYwTgr+LO2xyx6emLM0WCMzTbMCPVJmH0lg7zIqi7DKReC95\r\n5sXsjru23AeIE4Hl9HA0oS3spzka1zothoM0TpiTHM9Gt044l2v0NARQnX63\r\nz9XD9x4FIq4MsC/7zwBDXxb6yxFsix0LzEk4/k0kwqL25cH77Vg+d8MEUUCJ\r\ncuDHHQmZo1eZhpDj2Hf2s+mP16UoB5p1qtgVcjJDVLUOpfbezBJj5KCROYep\r\neUpU4yGML8wsarQ5t/SCc8CHdHspwr4UxfrRdGtUWZb1WNK2ACh9UhMHp8Gq\r\n4k57luNVvfQu7GDD0R7Vkb4V7Md5zWR5bVwjd+LeuksxZEzlSm7HzCbNwP5q\r\nHsfrNLGqNwFd/HUM9AQLzF0ZxdWdNeyuzLqKbKnbcS29ztX1kdL/hjtC1XzK\r\nrPxZ8DtqMppMxo73mgwIhRtd716WuMW44b2ueIZye90MHjbkSOQRJItFOpW2\r\nH+kWdiYqyAmOTP18usDnXb3nLtGrgwWqR+4=\r\n=XYYz\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"carpenjk","email":"jcarpenterwebdev@gmail.com"},"directories":{},"maintainers":[{"name":"carpenjk","email":"jcarpenterwebdev@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/picture-tiles_2.1.0_1674064904654_0.6198894533622117"},"_hasShrinkwrap":false},"2.1.1":{"name":"@carpenjk/picture-tiles","version":"2.1.1","description":"Displays a grid of pictures.","main":"lib/index.js","scripts":{"prebuild":"rimraf lib","build":"babel src -d lib","prepublish":"npm run build","commit":"git-cz","semantic-release":"semantic-release"},"repository":{"type":"git","url":"git+https://github.com/carpenjk/picture-tiles.git"},"release":{"branches":["main"]},"keywords":["images"],"author":{"name":"Jeremy Carpenter"},"license":"ISC","bugs":{"url":"https://github.com/carpenjk/picture-tiles/issues"},"homepage":"https://github.com/carpenjk/picture-tiles#readme","devDependencies":{"@babel/cli":"^7.17.10","@babel/core":"^7.16.0","@babel/eslint-parser":"^7.16.3","@babel/preset-env":"^7.18.2","@babel/preset-react":"^7.16.0","@types/node":"^16.11.12","@typescript-eslint/eslint-plugin":"^5.6.0","@typescript-eslint/parser":"^5.6.0","cz-conventional-changelog":"^3.3.0","eslint":"^8.4.1","eslint-config-airbnb":"^19.0.2","eslint-config-airbnb-typescript":"^16.1.0","eslint-config-prettier":"^8.3.0","eslint-config-wesbos":"^3.0.2","eslint-plugin-html":"^6.2.0","eslint-plugin-import":"^2.25.3","eslint-plugin-jsx-a11y":"^6.5.1","eslint-plugin-prettier":"^4.0.0","eslint-plugin-react":"^7.27.1","eslint-plugin-react-hooks":"^4.3.0","prettier":"^2.5.1","rimraf":"^3.0.2","semantic-release":"^19.0.5","typescript":"^4.5.2","webpack":"^5.73.0","webpack-cli":"^4.10.0"},"peerDependencies":{"@carpenjk/prop-x":"^3.0.1 || ^2.0.0","react":"17 - 18","react-dom":"17 - 18","styled-components":"^5.1.1"},"publishConfig":{"access":"public"},"config":{"commitizen":{"path":"./node_modules/cz-conventional-changelog"}},"dependencies":{"@carpenjk/use-breakpoints":"^1.0.0"},"gitHead":"3e464a2f36a6c23cfd2fdb62cfd3268da1c425b7","_id":"@carpenjk/picture-tiles@2.1.1","_nodeVersion":"16.19.0","_npmVersion":"8.19.3","dist":{"integrity":"sha512-xSn/0mu6Ot/zsIRvRs9sZc0M20+w4FhWKXZrYrcsPKZNpPx9ZsStlfQVSSw7+qU/FvNLM+cITNBvgwFXM8JwAg==","shasum":"4859504d2e2034791b53c534191edd1ec7062c7c","tarball":"https://registry.npmjs.org/@carpenjk/picture-tiles/-/picture-tiles-2.1.1.tgz","fileCount":47,"unpackedSize":75174,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCLLJjwtC/EEwuJW4A+xA4NZIAjoOqY8xRmAFJe5GcKhAIhANYvzPAhFMFJYgBAzHhlI6D/+J3gSb8CE/u41PZJJNCw"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjyEqlACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrb9A/+Jm6l81XhoLX+qQblof+6/EdBfxXzOJscic3tDuhJm5ngjgr/\r\nUO8oNKQfshFhibUKS06Yk61grW2NrzYagO/n+bBKRgc5AxmJTJ+yaDcUOtSn\r\ni774PjeYgTtY3LQKbEUIF4FmMEvrJSubtIFpxt/ninrj0zkl8hGhmxT0auPg\r\nZw0gQde/x4TNFmPzVnYPob33fYFLBX0HSHv8K6ACDOxMK7BUCIXQu0XYXzhS\r\n0RC5xr81lOf07Ls3NMmz0Hl1t2uIHlIPAZ1BufHhcONrgBD/e65bYYX1WJ3f\r\nPd2PbJOjh4qdykUlCagNEiuFDswlyB6SWFPm8/FBxI8KdgeJxBjrnjQ5eci2\r\nYeoNm/dsusBNQjj04mLxA2erjng+lZ+mi5D/uLEv09AyzKhPJ4Torxs0d/QF\r\nJFuviFt7dZr/fMglg5PCmT/4I9iUCOqZ4j1VftlGoHkH9L24qkJvnPW4WAsi\r\n0ldb6t307g2yBAylSmdAeLiA+cpQ8dWVb4X3qEkTv/RYF6P1/SyjbteTl/e9\r\n684wFkT6HO5PUBJMjit1eJpzL2d15O8fSjLj0RXEf+yRlxR+x2xInxiBSoGU\r\ntexThWT4PZqD/3JQYYDIAfdH11G69LIczm4LIrlYDsDDbEk/bn8hFRS751ho\r\nVdY0HDfZid+YHinZ/FTLfXNzqXAlXNxBFDU=\r\n=+Owl\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"carpenjk","email":"jcarpenterwebdev@gmail.com"},"directories":{},"maintainers":[{"name":"carpenjk","email":"jcarpenterwebdev@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/picture-tiles_2.1.1_1674070693460_0.8571107633907309"},"_hasShrinkwrap":false}},"time":{"created":"2022-11-04T19:54:08.096Z","1.1.0":"2022-11-04T19:54:08.360Z","modified":"2023-01-18T19:38:13.821Z","1.1.1":"2022-11-08T00:00:32.603Z","2.0.0":"2022-11-30T18:04:11.237Z","2.0.1":"2022-12-02T19:30:45.166Z","2.1.0":"2023-01-18T18:01:44.877Z","2.1.1":"2023-01-18T19:38:13.698Z"},"maintainers":[{"name":"carpenjk","email":"jcarpenterwebdev@gmail.com"}],"description":"Displays a grid of pictures.","homepage":"https://github.com/carpenjk/picture-tiles#readme","keywords":["images"],"repository":{"type":"git","url":"git+https://github.com/carpenjk/picture-tiles.git"},"author":{"name":"Jeremy Carpenter"},"bugs":{"url":"https://github.com/carpenjk/picture-tiles/issues"},"license":"ISC","readme":"# picture-tiles\nDisplays a grid of pictures.\n\n\n## Overview\nThis is a reusable component that displays a grid of pictures. This component uses styled-components and is enhanced by the [prop-x](https://github.com/carpenjk/prop-x) library to use responsive properties meaning property values may be provided as an array with a value for each breakpoint.\n\n## Getting started\n\n### install\n  ```js\n    npm i github:carpenjk/prop-x\n  ```\n\n### usage\n\n#### Fixed Number of Columns (using rowHeight)\nSet columns to an integer and provide a rowHeight.\n\n**Use Cases**\n  --use when you want a specific number of columns no mater what\n\n\n\n```js\nimport { PictureTiles } from 'picture-tiles';\n...\n\n// Array of arrays used because this is a responsive prop with an array value\nconst images = [[\n  {\n    src:\"http://pic1.jpg?460&h=307\",\n    srcSet:\"http://pic1.jpg?w=380&h=254&q=80&fit=fill 380w, http://pic1.jpg?w=460&h=307&q=80&fit=fill 460w, http://pic1.jpg?w=560&h=364 560w, http://pic1.jpg?w=640&h=427 640w, http://pic1.jpg?w=880&h=587 880w\",\n    sizes:\"100vw, 100vw, 100vw, 100vw, 100vw\",\n    width: 880,height:587,\n    alt:\"Beach Party\",\n    rowSpan:1,\n    colSpan:1\n  },\n  {\n    src:\"http://pic2.jpg?460&h=307\",\n    srcSet:\"http://pic2.jpg?w=380&h=254&q=80&fit=fill 380w, http://pic2.jpg?w=460&h=307&q=80&fit=fill 460w, http://pic2.jpg?w=560&h=364 560w, http://pic2.jpg?w=640&h=427 640w, http://pic2.jpg?w=880&h=587 880w\",\n    sizes:\"100vw, 100vw, 100vw, 100vw, 100vw\",\n    width: 880,height:587,\n    alt:\"Beach Party\",\n    rowSpan:1,\n    colSpan:1\n  },\n  {\n    src:\"http://pic3.jpg?460&h=307\",\n    srcSet:\"http://pic3.jpg?w=380&h=254&q=80&fit=fill 380w, http://pic3.jpg?w=460&h=307&q=80&fit=fill 460w, http://pic1.jpg?w=560&h=364 560w, http://pic3.jpg?w=640&h=427 640w, http://pic1.jpg?w=880&h=587 880w\",\n    sizes:\"100vw, 100vw, 100vw, 100vw, 100vw\",\n    width: 880,height:587,\n    alt:\"Beach Party\",\n    rowSpan:1,\n    colSpan:1\n  },\n  ... // fill to complete the grid\n]]\n\nreturn (\n  <PictureTiles\n            \n            images={images}\n            columns=\"6\"\n            minColWidth=\"150px\"\n            maxColWidth=\"1fr\"\n            rowHeight=\"250px\"\n            gridWidth=\"100%\"\n            maxGridWidth=\"1300px\"\n            imageFit=\"cover\"\n            onPhotoClick={handlePhotoClick}\n            overlayButton={{\n              OverlayButton: (\n                <OverlayNavButton onClick={handleLightboxOpen}>\n                  More Photos\n                </OverlayNavButton>\n              ),\n            }}\n          />\n)\n          \n```\n\n#### Fixed Columns and Rows (using maxGridWidth/gridWidth and gridHeight)\n\n  **Use Cases**\n  --when you have a fixed number of columns and rows\n\n```js\nimport { PictureTiles } from 'picture-tiles';\n...\n\n// Array of arrays used because this is a responsive prop with an array value\nconst images = [[\n  {\n    src:\"http://pic1.jpg?460&h=307\",\n    srcSet:\"http://pic1.jpg?w=380&h=254&q=80&fit=fill 380w, http://pic1.jpg?w=460&h=307&q=80&fit=fill 460w, http://pic1.jpg?w=560&h=364 560w, http://pic1.jpg?w=640&h=427 640w, http://pic1.jpg?w=880&h=587 880w\",\n    sizes:\"100vw, 100vw, 100vw, 100vw, 100vw\",\n    width: 880,height:587,\n    alt:\"Beach Party\",\n    rowSpan:1,\n    colSpan:1\n  },\n  {\n    src:\"http://pic2.jpg?460&h=307\",\n    srcSet:\"http://pic2.jpg?w=380&h=254&q=80&fit=fill 380w, http://pic2.jpg?w=460&h=307&q=80&fit=fill 460w, http://pic2.jpg?w=560&h=364 560w, http://pic2.jpg?w=640&h=427 640w, http://pic2.jpg?w=880&h=587 880w\",\n    sizes:\"100vw, 100vw, 100vw, 100vw, 100vw\",\n    width: 880,height:587,\n    alt:\"Beach Party\",\n    rowSpan:1,\n    colSpan:1\n  },\n  {\n    src:\"http://pic3.jpg?460&h=307\",\n    srcSet:\"http://pic3.jpg?w=380&h=254&q=80&fit=fill 380w, http://pic3.jpg?w=460&h=307&q=80&fit=fill 460w, http://pic1.jpg?w=560&h=364 560w, http://pic3.jpg?w=640&h=427 640w, http://pic1.jpg?w=880&h=587 880w\",\n    sizes:\"100vw, 100vw, 100vw, 100vw, 100vw\",\n    width: 880,height:587,\n    alt:\"Beach Party\",\n    rowSpan:1,\n    colSpan:1\n  },\n  ... // fill to complete the grid\n]]\n\nreturn (\n  <PictureTiles\n            \n            images={images}\n            columns=\"6\"\n            rows=\"2\" // set rows when using gridHeight\n            minColWidth=\"150px\"\n            maxColWidth=\"1fr\"\n            //rowHeight=\"250px\" //rowHeight can be used instead of rows/gridHeight\n            gridHeight=\"500px\"\n            gridWidth=\"100%\"\n            maxGridWidth=\"1300px\"\n            imageFit=\"cover\"\n            onPhotoClick={handlePhotoClick}\n            overlayButton={{\n              OverlayButton: (\n                <OverlayNavButton onClick={handleLightboxOpen}>\n                  More Photos\n                </OverlayNavButton>\n              ),\n            }}\n          />\n)\n          \n```\n\n\n\n#### Variable number of columns\nSet columns to \"auto-fit\" or \"auto-fill\" for variable columns.\n\n  **Use Cases**\n  --when you want the number of columns to be variable depending on viewport width\n\t--when the number of images is unknown or variable and you want to add more rows\n\n```js\n\nimport { PictureTiles } from 'picture-tiles';\n...\n\n// Array of arrays used because this is a responsive prop with an array value\nconst images = [[\n  {\n    src:\"http://pic1.jpg?460&h=307\",\n    srcSet:\"http://pic1.jpg?w=380&h=254&q=80&fit=fill 380w, http://pic1.jpg?w=460&h=307&q=80&fit=fill 460w, http://pic1.jpg?w=560&h=364 560w, http://pic1.jpg?w=640&h=427 640w, http://pic1.jpg?w=880&h=587 880w\",\n    sizes:\"100vw, 100vw, 100vw, 100vw, 100vw\",\n    width: 880,height:587,\n    alt:\"Beach Party\",\n    rowSpan:1,\n    colSpan:1\n  },\n  {\n    src:\"http://pic2.jpg?460&h=307\",\n    srcSet:\"http://pic2.jpg?w=380&h=254&q=80&fit=fill 380w, http://pic2.jpg?w=460&h=307&q=80&fit=fill 460w, http://pic2.jpg?w=560&h=364 560w, http://pic2.jpg?w=640&h=427 640w, http://pic2.jpg?w=880&h=587 880w\",\n    sizes:\"100vw, 100vw, 100vw, 100vw, 100vw\",\n    width: 880,height:587,\n    alt:\"Beach Party\",\n    rowSpan:1,\n    colSpan:1\n  },\n  {\n    src:\"http://pic3.jpg?460&h=307\",\n    srcSet:\"http://pic3.jpg?w=380&h=254&q=80&fit=fill 380w, http://pic3.jpg?w=460&h=307&q=80&fit=fill 460w, http://pic1.jpg?w=560&h=364 560w, http://pic3.jpg?w=640&h=427 640w, http://pic1.jpg?w=880&h=587 880w\",\n    sizes:\"100vw, 100vw, 100vw, 100vw, 100vw\",\n    width: 880,height:587,\n    alt:\"Beach Party\",\n    rowSpan:1,\n    colSpan:1\n  },\n  ... // fill to complete the grid\n]]\n\nreturn (\n  <PictureTiles\n            \n            images={images}\n            columns=\"auto-fit\"\n            minColWidth=\"150px\"\n            maxColWidth=\"1fr\"\n            rowHeight=\"250px\"\n            gridWidth=\"100%\"\n            maxGridWidth=\"1300px\"\n            imageFit=\"cover\"\n            onPhotoClick={handlePhotoClick}\n            overlayButton={{\n              OverlayButton: (\n                <OverlayNavButton onClick={handleLightboxOpen}>\n                  More Photos\n                </OverlayNavButton>\n              ),\n            }}\n          />\n)\n          \n```\n\n\n#### Single image for mobile fixed columns/rows for\n  \n  **Use Cases**\n  -when you only want to display a grid when the display is wide enough\n\n```js\nimport { PictureTiles } from 'picture-tiles';\n...\n\n// Array of arrays used because this is a responsive prop with an array value\nconst images = [\n  [ // only 1 image for mobile\n    {\n      src:\"http://pic1.jpg?460&h=307\",\n      srcSet:\"http://pic1.jpg?w=380&h=254&q=80&fit=fill 380w, http://pic1.jpg?w=460&h=307&q=80&fit=fill 460w, http://pic1.jpg?w=560&h=364 560w, http://pic1.jpg?w=640&h=427 640w, http://pic1.jpg?w=880&h=587 880w\",\n      sizes:\"100vw, 100vw, 100vw, 100vw, 100vw\",\n      width: 880,height:587,\n      alt:\"Beach Party\",\n      rowSpan:1,\n      colSpan:1\n    },\n  ],\n  [ // images after first breakpoint\n    {\n      src:\"http://pic1.jpg?460&h=307\",\n      srcSet:\"http://pic1.jpg?w=380&h=254&q=80&fit=fill 380w, http://pic1.jpg?w=460&h=307&q=80&fit=fill 460w, http://pic1.jpg?w=560&h=364 560w, http://pic1.jpg?w=640&h=427 640w, http://pic1.jpg?w=880&h=587 880w\",\n      sizes:\"100vw, 100vw, 100vw, 100vw, 100vw\",\n      width: 880,height:587,\n      alt:\"Beach Party\",\n      rowSpan:1,\n      colSpan:1\n    },\n    {\n      src:\"http://pic2.jpg?460&h=307\",\n      srcSet:\"http://pic2.jpg?w=380&h=254&q=80&fit=fill 380w, http://pic2.jpg?w=460&h=307&q=80&fit=fill 460w, http://pic2.jpg?w=560&h=364 560w, http://pic2.jpg?w=640&h=427 640w, http://pic2.jpg?w=880&h=587 880w\",\n      sizes:\"100vw, 100vw, 100vw, 100vw, 100vw\",\n      width: 880,height:587,\n      alt:\"Beach Party\",\n      rowSpan:1,\n      colSpan:1\n    },\n    {\n      src:\"http://pic3.jpg?460&h=307\",\n      srcSet:\"http://pic3.jpg?w=380&h=254&q=80&fit=fill 380w, http://pic3.jpg?w=460&h=307&q=80&fit=fill 460w, http://pic1.jpg?w=560&h=364 560w, http://pic3.jpg?w=640&h=427 640w, http://pic1.jpg?w=880&h=587 880w\",\n      sizes:\"100vw, 100vw, 100vw, 100vw, 100vw\",\n      width: 880,height:587,\n      alt:\"Beach Party\",\n      rowSpan:1,\n      colSpan:1\n    },\n    ... // fill to complete the grid\n  ]\n]\n\n\nreturn (\n          <PictureTiles\n            images={images}\n            columns={[\"1\",\"6\"]}\n            minColWidth={['320px', '150px']}\n            maxColWidth={['100%', '1fr']}\n            rowHeight={['auto', '250px']}\n            gridWidth={['100%']}\n            maxGridWidth={['1300px']}\n            imageFit={['contain', 'cover']}\n            onPhotoClick={handlePhotoClick}\n            overlayButton={{\n              OverlayButton: (\n                <OverlayNavButton onClick={handleLightboxOpen}>\n                  More Photos\n                </OverlayNavButton>\n              ),\n            }}\n          />\n)\n          \n```\n\n## API\n### Overview\n\n| Property                  \t| Usage                    \t| Is Responsive? \t|\n|---------------------------\t|--------------------------\t|----------------\t|\n| images                    \t| required                 \t| Y              \t|\n| columns                   \t| required                 \t| Y              \t|\n| rows                      \t| required with gridHeight \t| Y              \t|\n| gridHeight \\|\\| rowHeight \t| required                 \t| Y              \t|\n| gridWidth                 \t| as needed                \t| Y              \t|\n| maxGridWidth              \t| as needed                \t| Y              \t|\n| columnWidth               \t| as needed                \t| Y              \t|\n| minColWidth               \t| as needed                \t| Y              \t|\n| maxColWidth               \t| as needed                \t| Y              \t|\n| imageFit                  \t| as needed                \t| Y              \t|\n| onPhotoClick              \t| optional                 \t| N              \t|\n| overlayButton             \t| optional                 \t| N              \t|\n\n\n### Responsive Properties\nResponsive properties can have a single value or contain an array of values. properties with an array as a base value must be wrapped in an array (i.e. [[val1, val2]]). For these properties to work, they must also be passed a set of breakpoints in as part of the theme prop in styled components. See [prop-x](https://github.com/carpenjk/prop-x) for this documentation.\n\n### images\nThe images property requires an array of image objects containing standard img element properties and the grid spans for the image.\n\n```js\n  images={[\n    [\n      {\n      src: \"\", \n      srcSet: \"\",\n      sizes: \"\",\n      width: \"\",\n      height: \"\",\n      rowSpan: \"\",  // or integer\n      colSpan: \"\", // or integer\n      }\n    ],\n    ...\n  ]}\n```\n### columns\nThe columns property sets the number of grid columns or defines it's auto-sizing value (i.e. \"auto-fit\" and \"auto-fill\").\n\n```js\n//acceptable values ex.\n  columns=\"6\"\n  \n  columns = 6\n\n  columns=\"auto-fill\" \n\n  columns=\"auto-fit\"\n\n  columns={[3, \"auto-fit\"]}\n```\n\n\n### rows\nThe rows property sets the number of grid rows.  It is used to hard code the number of rows and is required when using gridHeight.\n\n### gridHeight\nThe gridHeight property sets the height of the grid with any valid css size string.\n\n```js\n//acceptable values ex.\n  gridHeight=\"500px\"\n\n  gridHeight={[\"100vh\", \"70vh\"]}\n```\n\n### gridWidth\nThe gridWidth property sets the width of the grid with any valid css size string.\n\n```js\n//acceptable values ex.\n  gridWidth=\"100%\"\n\n  gridWidth={[\"100%\", \"800px\"]}\n```\n\n### maxGridWidth\nThe maxGridWidth property sets the maximum grid width with any valid css size string.\n\n```js\n//acceptable values ex.\n  maxGridWidth=\"1300px\"\n\n  maxGridWidth={[\"100%\", \"1300px\"]}\n```\n\n### columnWidth\nThe columnWidth property sets the row heights in the grid with any valid css grid track size string including a length, percentage, or fraction of free space..\n\n```js\n//acceptable values ex.\n  columnWidth=\"130px\"\n\n  columnWidth={[\"10%\", \"200px\"]}\n  \n  columnWidth={[\"130px\", \"1fr\"]}\n```\n\n### minColWidth\nThe minColWidth property sets the minimum column width with any valid css grid track size string including a length, percentage, or fraction of free space.\n\n```js\n//acceptable values ex.\n  minColWidth=\"130px\"\n\n  minColWidth={[\"130px\", \"15%\"]}\n```\n\n\n### maxColWidth\nThe maxColWidth property sets the minimum column width with any valid css grid track size string including a length, percentage, or fraction of free space.\n\n```js\n//acceptable values ex.\n  maxColWidth=\"130px\"\n\n  maxColWidth={[\"130px\", \"200px\"]}\n  \n  maxColWidth={[\"130px\", \"1fr\"]}\n```\n### rowHeight\nThe rowHeight property sets the row heights in the grid  with any valid css grid track size string including a length, percentage, or fraction of free space.\n\n```js\n//acceptable values ex.\n  rowHeight=\"250px\"\n\n  rowHeight={[\"100px\", \"250px\"]}\n```\n\n### onPhotoClick\nThe onPhotoClick property sets the action that is performed when a photo is has an onClick event. The index of the image is passed into the function.\n\n```js\n\n  function handlePhotoClick(i){\n    //do something\n  }\n\n  onPhotoClick={handlePhotoClick}\n```\n\n### overlayButton\nThe overlayButton property is a component representing a button which is overlayed onto the grid. A common usage would be to open a lightbox of larger images.\n\n```js\n  overlayButton={{\n              OverlayButton: (\n                <OverlayNavButton onClick={handleLightboxOpen}>\n                  More Photos\n                </OverlayNavButton>\n              ),\n            }}\n```","readmeFilename":"README.md"}