diff --git a/index.html b/index.html index b6058d7..6f0d874 100644 --- a/index.html +++ b/index.html @@ -3,8 +3,10 @@ - Your Component Library Demo + Overlay Image Gallery + +
diff --git a/main.js b/main.js index 771fb20..103ca34 100644 --- a/main.js +++ b/main.js @@ -194,7 +194,8 @@ var css_248z = "*,\r\n*::after,\r\n*::before {\r\n margin: 0;\r\n padding: 0;\r\n border: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\nhtml,\r\nbody {\r\n overflow-x: hidden;\r\n font-family: \"Segoe UI\", Tahoma, Geneva, Verdana, sans-serif;\r\n}\r\n\r\nimg {\r\n background-size: cover;\r\n object-fit: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n}\r\n"; styleInject(css_248z); - ReactDOM.createRoot(document.getElementById("root")).render(React.createElement(React.StrictMode, null, + var root = ReactDOM.createRoot(document.getElementById("root")); + root.render(React.createElement(React.StrictMode, null, React.createElement(App, null))); })(React, ReactDOM); diff --git a/main.js.map b/main.js.map index 1b5a4e8..eea1af6 100644 --- a/main.js.map +++ b/main.js.map @@ -1 +1 @@ -{"version":3,"file":"main.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/components/AlbumModal.tsx","../src/components/SingleImageModal.tsx","../src/components/ImageGallery.tsx","../src/App.tsx","../src/main.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import React, { useRef, useEffect } from \"react\";\r\nimport { AlbumModalProps } from \"../types\";\r\nimport \"../styles/AlbumModal.css\";\r\n\r\nconst getRandomHeight = () => {\r\n const min = 6;\r\n const max = 20;\r\n const height = Math.random() * (max - min) + min;\r\n return `${height}rem`;\r\n};\r\n\r\nconst AlbumModal = (props: AlbumModalProps) => {\r\n const { images, onClose, onImageClick, selectedImageIndex } = props;\r\n const selectedImageRef = useRef(null);\r\n\r\n useEffect(() => {\r\n if (selectedImageRef.current) {\r\n setTimeout(() => {\r\n selectedImageRef.current?.scrollIntoView({\r\n behavior: \"smooth\",\r\n block: \"center\",\r\n });\r\n }, 150);\r\n selectedImageRef.current.classList.add(\"winking-effect\");\r\n setTimeout(() => {\r\n if (selectedImageRef.current) {\r\n selectedImageRef.current.classList.remove(\"winking-effect\");\r\n }\r\n }, 2200);\r\n }\r\n }, [selectedImageIndex]);\r\n\r\n return (\r\n
\r\n \r\n
\r\n {images.map((image, index) => (\r\n
\r\n onImageClick(index)}\r\n style={{ height: getRandomHeight() }}\r\n ref={index === selectedImageIndex ? selectedImageRef : null}\r\n />\r\n
\r\n ))}\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default AlbumModal;\r\n","import React from \"react\";\r\n\r\nimport { useRef, useEffect, useState } from \"react\";\r\nimport { SingleImageModalProps } from \"../types\";\r\nimport \"../styles/SingleImageModal.css\";\r\n\r\nconst SingleImageModal = (props: SingleImageModalProps) => {\r\n const { images, currentIndex, onClose, onPrev, onNext, onThumbnailClick } =\r\n props;\r\n const currentImage = images[currentIndex];\r\n const thumbnailStripRef = useRef(null);\r\n const [direction, setDirection] = useState<\"next\" | \"prev\" | null>(null);\r\n\r\n useEffect(() => {\r\n if (thumbnailStripRef.current) {\r\n const activeThumb = thumbnailStripRef.current.querySelector(\".active\");\r\n if (activeThumb) {\r\n activeThumb.scrollIntoView({\r\n behavior: \"smooth\",\r\n inline: \"center\",\r\n block: \"nearest\",\r\n });\r\n }\r\n }\r\n }, [currentIndex]);\r\n\r\n const handleNext = () => {\r\n setDirection(\"next\");\r\n onNext();\r\n };\r\n\r\n const handlePrev = () => {\r\n setDirection(\"prev\");\r\n onPrev();\r\n };\r\n\r\n return (\r\n
\r\n \r\n
\r\n setDirection(null)}\r\n />\r\n
\r\n {currentIndex + 1}/{images.length}\r\n
\r\n
\r\n \r\n \r\n
\r\n {images.map((image, index) => (\r\n
\r\n onThumbnailClick(index)}\r\n />\r\n
\r\n ))}\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default SingleImageModal;\r\n","import React from \"react\";\r\nimport { ImageGalleryProps } from \"../types\";\r\n\r\nimport { useEffect, useState } from \"react\";\r\n\r\nimport AlbumModal from \"./AlbumModal\";\r\nimport SingleImageModal from \"./SingleImageModal\";\r\n\r\nimport \"../styles/ImageGallery.css\";\r\n\r\nconst ImageGallery = (props: ImageGalleryProps) => {\r\n const { images, width, height, grid, fullScreen } = props;\r\n\r\n const [showAlbumModal, setShowAlbumModal] = useState(false);\r\n const [showSingleImageModal, setShowSingleImageModal] = useState(false);\r\n const [currentImageIndex, setCurrentImageIndex] = useState(0);\r\n const [selectedImageIndex, setSelectedImageIndex] = useState(0);\r\n const [isMobile, setIsMobile] = useState(false);\r\n\r\n useEffect(() => {\r\n const checkMobile = () => {\r\n setIsMobile(window.innerWidth <= 468);\r\n };\r\n\r\n checkMobile();\r\n window.addEventListener(\"resize\", checkMobile);\r\n return () => window.removeEventListener(\"resize\", checkMobile);\r\n }, []);\r\n\r\n const openAlbumModal = (index: number) => {\r\n setSelectedImageIndex(index);\r\n setShowAlbumModal(true);\r\n };\r\n\r\n const closeAlbumModal = () => setShowAlbumModal(false);\r\n const openSingleImageModal = (index: number) => {\r\n setSelectedImageIndex(index);\r\n setShowSingleImageModal(true);\r\n };\r\n const closeSingleImageModal = () => setShowSingleImageModal(false);\r\n\r\n const handleThumbnailClick = (index: number) => {\r\n setSelectedImageIndex(index);\r\n };\r\n\r\n const handleNextImage = () => {\r\n setCurrentImageIndex((prevIndex) => (prevIndex + 1) % images.length);\r\n };\r\n\r\n const handlePrevImage = () => {\r\n setCurrentImageIndex(\r\n (prevIndex) => (prevIndex - 1 + images.length) % images.length\r\n );\r\n };\r\n\r\n if (isMobile) {\r\n return (\r\n {}}\r\n onPrev={handlePrevImage}\r\n onNext={handleNextImage}\r\n onThumbnailClick={setCurrentImageIndex}\r\n />\r\n );\r\n }\r\n\r\n const gridClassName = grid === \"v2\" ? \"grid-version2\" : \"grid-version1\";\r\n\r\n return (\r\n \r\n
\r\n {images.slice(0, 10).map((image, index) => (\r\n openAlbumModal(index)}\r\n className=\"img-box\"\r\n >\r\n {image}\r\n\r\n {images.length > 10 && index === 9 && (\r\n
+{images.length - 10} Photos
\r\n )}\r\n
\r\n ))}\r\n \r\n\r\n {showAlbumModal && (\r\n \r\n )}\r\n\r\n {showSingleImageModal && (\r\n \r\n setSelectedImageIndex(\r\n (prev) => (prev - 1 + images.length) % images.length\r\n )\r\n }\r\n onNext={() =>\r\n setSelectedImageIndex((prev) => (prev + 1) % images.length)\r\n }\r\n onThumbnailClick={handleThumbnailClick}\r\n />\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default ImageGallery;\r\n","import React from \"react\";\n\nimport OverlayGallery from \"./components/ImageGallery\";\n\nfunction App() {\n const imagesList = [\n \"https://images.pexels.com/photos/22807107/pexels-photo-22807107/free-photo-of-a-dog-in-a-car.jpeg?auto=compress&cs=tinysrgb&w=600\",\n \"data:image/jpeg;base64,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\",\n \"https://images.pexels.com/photos/1741205/pexels-photo-1741205.jpeg?auto=compress&cs=tinysrgb&w=600\",\n \"https://images.pexels.com/photos/699739/pexels-photo-699739.jpeg?auto=compress&cs=tinysrgb&w=600\",\n \"https://images.pexels.com/photos/13130413/pexels-photo-13130413.jpeg?auto=compress&cs=tinysrgb&w=600\",\n \"https://images.pexels.com/photos/15447232/pexels-photo-15447232/free-photo-of-building-with-a-blue-door.jpeg?auto=compress&cs=tinysrgb&w=600\",\n \"https://images.pexels.com/photos/1851164/pexels-photo-1851164.jpeg?auto=compress&cs=tinysrgb&w=600\",\n \"https://images.pexels.com/photos/160729/wall-fox-lasiommata-megera-butterfly-hand-160729.jpeg?auto=compress&cs=tinysrgb&w=600\",\n \"https://images.pexels.com/photos/209415/pexels-photo-209415.jpeg?auto=compress&cs=tinysrgb&w=600\",\n \"https://images.pexels.com/photos/5709945/pexels-photo-5709945.jpeg?auto=compress&cs=tinysrgb&w=600\",\n \"https://images.pexels.com/photos/3155894/pexels-photo-3155894.jpeg?auto=compress&cs=tinysrgb&w=600\",\n \"https://images.pexels.com/photos/160846/french-bulldog-summer-smile-joy-160846.jpeg?auto=compress&cs=tinysrgb&w=600\",\n \"https://images.pexels.com/photos/58997/pexels-photo-58997.jpeg?auto=compress&cs=tinysrgb&w=600\",\n \"https://images.pexels.com/photos/1458916/pexels-photo-1458916.jpeg?auto=compress&cs=tinysrgb&w=600\",\n ];\n\n return (\n \n \n \n );\n}\n\nexport default App;\n","import React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport App from \"./App\";\nimport \"./styles/Global.css\";\n\nReactDOM.createRoot(document.getElementById(\"root\")!).render(\n \n \n \n);\n"],"names":["useRef","useEffect","useState","OverlayGallery"],"mappings":"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","x_google_ignoreList":[0]} \ No newline at end of file +{"version":3,"file":"main.js","sources":["../node_modules/style-inject/dist/style-inject.es.js","../src/components/AlbumModal.tsx","../src/components/SingleImageModal.tsx","../src/components/ImageGallery.tsx","../src/App.tsx","../src/main.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","import React, { useRef, useEffect } from \"react\";\r\nimport { AlbumModalProps } from \"../types\";\r\nimport \"../styles/AlbumModal.css\";\r\n\r\nconst getRandomHeight = () => {\r\n const min = 6;\r\n const max = 20;\r\n const height = Math.random() * (max - min) + min;\r\n return `${height}rem`;\r\n};\r\n\r\nconst AlbumModal = (props: AlbumModalProps) => {\r\n const { images, onClose, onImageClick, selectedImageIndex } = props;\r\n const selectedImageRef = useRef(null);\r\n\r\n useEffect(() => {\r\n if (selectedImageRef.current) {\r\n setTimeout(() => {\r\n selectedImageRef.current?.scrollIntoView({\r\n behavior: \"smooth\",\r\n block: \"center\",\r\n });\r\n }, 150);\r\n selectedImageRef.current.classList.add(\"winking-effect\");\r\n setTimeout(() => {\r\n if (selectedImageRef.current) {\r\n selectedImageRef.current.classList.remove(\"winking-effect\");\r\n }\r\n }, 2200);\r\n }\r\n }, [selectedImageIndex]);\r\n\r\n return (\r\n
\r\n \r\n
\r\n {images.map((image, index) => (\r\n
\r\n onImageClick(index)}\r\n style={{ height: getRandomHeight() }}\r\n ref={index === selectedImageIndex ? selectedImageRef : null}\r\n />\r\n
\r\n ))}\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default AlbumModal;\r\n","import React from \"react\";\r\n\r\nimport { useRef, useEffect, useState } from \"react\";\r\nimport { SingleImageModalProps } from \"../types\";\r\nimport \"../styles/SingleImageModal.css\";\r\n\r\nconst SingleImageModal = (props: SingleImageModalProps) => {\r\n const { images, currentIndex, onClose, onPrev, onNext, onThumbnailClick } =\r\n props;\r\n const currentImage = images[currentIndex];\r\n const thumbnailStripRef = useRef(null);\r\n const [direction, setDirection] = useState<\"next\" | \"prev\" | null>(null);\r\n\r\n useEffect(() => {\r\n if (thumbnailStripRef.current) {\r\n const activeThumb = thumbnailStripRef.current.querySelector(\".active\");\r\n if (activeThumb) {\r\n activeThumb.scrollIntoView({\r\n behavior: \"smooth\",\r\n inline: \"center\",\r\n block: \"nearest\",\r\n });\r\n }\r\n }\r\n }, [currentIndex]);\r\n\r\n const handleNext = () => {\r\n setDirection(\"next\");\r\n onNext();\r\n };\r\n\r\n const handlePrev = () => {\r\n setDirection(\"prev\");\r\n onPrev();\r\n };\r\n\r\n return (\r\n
\r\n \r\n
\r\n setDirection(null)}\r\n />\r\n
\r\n {currentIndex + 1}/{images.length}\r\n
\r\n
\r\n \r\n \r\n
\r\n {images.map((image, index) => (\r\n
\r\n onThumbnailClick(index)}\r\n />\r\n
\r\n ))}\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default SingleImageModal;\r\n","import React from \"react\";\r\nimport { ImageGalleryProps } from \"../types\";\r\n\r\nimport { useEffect, useState } from \"react\";\r\n\r\nimport AlbumModal from \"./AlbumModal\";\r\nimport SingleImageModal from \"./SingleImageModal\";\r\n\r\nimport \"../styles/ImageGallery.css\";\r\n\r\nconst ImageGallery = (props: ImageGalleryProps) => {\r\n const { images, width, height, grid, fullScreen } = props;\r\n\r\n const [showAlbumModal, setShowAlbumModal] = useState(false);\r\n const [showSingleImageModal, setShowSingleImageModal] = useState(false);\r\n const [currentImageIndex, setCurrentImageIndex] = useState(0);\r\n const [selectedImageIndex, setSelectedImageIndex] = useState(0);\r\n const [isMobile, setIsMobile] = useState(false);\r\n\r\n useEffect(() => {\r\n const checkMobile = () => {\r\n setIsMobile(window.innerWidth <= 468);\r\n };\r\n\r\n checkMobile();\r\n window.addEventListener(\"resize\", checkMobile);\r\n return () => window.removeEventListener(\"resize\", checkMobile);\r\n }, []);\r\n\r\n const openAlbumModal = (index: number) => {\r\n setSelectedImageIndex(index);\r\n setShowAlbumModal(true);\r\n };\r\n\r\n const closeAlbumModal = () => setShowAlbumModal(false);\r\n const openSingleImageModal = (index: number) => {\r\n setSelectedImageIndex(index);\r\n setShowSingleImageModal(true);\r\n };\r\n const closeSingleImageModal = () => setShowSingleImageModal(false);\r\n\r\n const handleThumbnailClick = (index: number) => {\r\n setSelectedImageIndex(index);\r\n };\r\n\r\n const handleNextImage = () => {\r\n setCurrentImageIndex((prevIndex) => (prevIndex + 1) % images.length);\r\n };\r\n\r\n const handlePrevImage = () => {\r\n setCurrentImageIndex(\r\n (prevIndex) => (prevIndex - 1 + images.length) % images.length\r\n );\r\n };\r\n\r\n if (isMobile) {\r\n return (\r\n {}}\r\n onPrev={handlePrevImage}\r\n onNext={handleNextImage}\r\n onThumbnailClick={setCurrentImageIndex}\r\n />\r\n );\r\n }\r\n\r\n const gridClassName = grid === \"v2\" ? \"grid-version2\" : \"grid-version1\";\r\n\r\n return (\r\n \r\n
\r\n {images.slice(0, 10).map((image, index) => (\r\n openAlbumModal(index)}\r\n className=\"img-box\"\r\n >\r\n {image}\r\n\r\n {images.length > 10 && index === 9 && (\r\n
+{images.length - 10} Photos
\r\n )}\r\n
\r\n ))}\r\n \r\n\r\n {showAlbumModal && (\r\n \r\n )}\r\n\r\n {showSingleImageModal && (\r\n \r\n setSelectedImageIndex(\r\n (prev) => (prev - 1 + images.length) % images.length\r\n )\r\n }\r\n onNext={() =>\r\n setSelectedImageIndex((prev) => (prev + 1) % images.length)\r\n }\r\n onThumbnailClick={handleThumbnailClick}\r\n />\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default ImageGallery;\r\n","import React from \"react\";\n\nimport OverlayGallery from \"./components/ImageGallery\";\n\nfunction App() {\n const imagesList = [\n \"https://images.pexels.com/photos/22807107/pexels-photo-22807107/free-photo-of-a-dog-in-a-car.jpeg?auto=compress&cs=tinysrgb&w=600\",\n \"data:image/jpeg;base64,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\",\n \"https://images.pexels.com/photos/1741205/pexels-photo-1741205.jpeg?auto=compress&cs=tinysrgb&w=600\",\n \"https://images.pexels.com/photos/699739/pexels-photo-699739.jpeg?auto=compress&cs=tinysrgb&w=600\",\n \"https://images.pexels.com/photos/13130413/pexels-photo-13130413.jpeg?auto=compress&cs=tinysrgb&w=600\",\n \"https://images.pexels.com/photos/15447232/pexels-photo-15447232/free-photo-of-building-with-a-blue-door.jpeg?auto=compress&cs=tinysrgb&w=600\",\n \"https://images.pexels.com/photos/1851164/pexels-photo-1851164.jpeg?auto=compress&cs=tinysrgb&w=600\",\n \"https://images.pexels.com/photos/160729/wall-fox-lasiommata-megera-butterfly-hand-160729.jpeg?auto=compress&cs=tinysrgb&w=600\",\n \"https://images.pexels.com/photos/209415/pexels-photo-209415.jpeg?auto=compress&cs=tinysrgb&w=600\",\n \"https://images.pexels.com/photos/5709945/pexels-photo-5709945.jpeg?auto=compress&cs=tinysrgb&w=600\",\n \"https://images.pexels.com/photos/3155894/pexels-photo-3155894.jpeg?auto=compress&cs=tinysrgb&w=600\",\n \"https://images.pexels.com/photos/160846/french-bulldog-summer-smile-joy-160846.jpeg?auto=compress&cs=tinysrgb&w=600\",\n \"https://images.pexels.com/photos/58997/pexels-photo-58997.jpeg?auto=compress&cs=tinysrgb&w=600\",\n \"https://images.pexels.com/photos/1458916/pexels-photo-1458916.jpeg?auto=compress&cs=tinysrgb&w=600\",\n ];\n\n return (\n \n \n \n );\n}\n\nexport default App;\n","import React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport App from \"./App\";\nimport \"./styles/Global.css\";\n\nconst root = ReactDOM.createRoot(\n document.getElementById(\"root\") as HTMLElement\n);\nroot.render(\n \n \n \n);\n"],"names":["useRef","useEffect","useState","OverlayGallery"],"mappings":"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","x_google_ignoreList":[0]} \ No newline at end of file