PLANET-7446: Remove lightbox (#1259)

PLANET-7446: Force no lightbox

- Remove lightbox from paragraphs by class name

assets/src/blocks/Gallery/GalleryFrontend.js

@@ -3,34 +3,15 @@ import {GalleryCarousel} from './GalleryCarousel';
 import {GalleryThreeColumns} from './GalleryThreeColumns';
 import {GalleryGrid} from './GalleryGrid';
 import {getGalleryLayout, GALLERY_BLOCK_CLASSES} from './getGalleryLayout';
-import {getCaptionWithCredits} from './getCaptionWithCredits.js';
-import {Lightbox} from '../../components/Lightbox/Lightbox';
-import {useLightbox} from '../../components/Lightbox/useLightbox';
-
-const imagesToItems = images => images.map(
-  image => ({
-    src: image.image_src,
-    w: 0,
-    h: 0,
-    title: getCaptionWithCredits(image),
-  })
-);
 
 export const GalleryFrontend = ({
   attributes = {},
-  renderLightbox = false,
 }) => {
   const [images, setImages] = useState([]);
-  const [items, setItems] = useState([]);
-  const {isOpen, index, openLightbox, closeLightbox} = useLightbox();
   const className = attributes.className ?? '';
   const layout = getGalleryLayout(className, attributes.gallery_block_style ?? '');
   const postType = document.body.getAttribute('data-post-type');
 
-  useEffect(() => {
-    setItems(imagesToItems(images));
-  }, [images]);
-
   useEffect(() => {
     if (attributes.image_data.length && attributes.images.length) {
       setImages(attributes.images);
@@ -54,16 +35,11 @@ export const GalleryFrontend = ({
 
       {images.length ? (
         <>
-          {layout === 'slider' && <GalleryCarousel onImageClick={openLightbox} images={images} />}
-          {layout === 'three-columns' && <GalleryThreeColumns onImageClick={openLightbox} images={images} postType={postType} />}
-          {layout === 'grid' && <GalleryGrid onImageClick={openLightbox} images={images} />}
+          {layout === 'slider' && <GalleryCarousel images={images} />}
+          {layout === 'three-columns' && <GalleryThreeColumns images={images} postType={postType} />}
+          {layout === 'grid' && <GalleryGrid images={images} />}
         </>
       ) : null}
-
-      {(renderLightbox && items.length) ?
-        <Lightbox isOpen={isOpen} index={index} items={items} onClose={closeLightbox} /> :
-        null
-      }
     </section>
   );
 };

assets/src/frontendIndex.js

@@ -5,7 +5,6 @@ import 'regenerator-runtime/runtime';
 
 import {HappypointFrontend} from './blocks/Happypoint/HappypointFrontend';
 import {ColumnsFrontend} from './blocks/Columns/ColumnsFrontend';
-import {setupLightboxForImages} from './components/Lightbox/setupLightboxForImages';
 import {setupParallax} from './components/Parallax/setupParallax';
 
 import {createRoot} from 'react-dom/client';
@@ -33,7 +32,5 @@ document.addEventListener('DOMContentLoaded', () => {
       rootElement.render(<BlockFrontend {...attributes.attributes} />);
     }
   );
-
-  setupLightboxForImages();
   setupParallax();
 });