Add ability to disable auto gallery lazyloading

packages/react-ui-core/src/Carousel/PhotoCarousel.js

@@ -30,11 +30,15 @@ export default class PhotoCarousel extends PureComponent {
 
   static defaultProps = {
     lazyLoad: false,
-    lazyLoadGallery: false,
+    disableLazyLoadGallery: false,
     isBackgroundImage: false,
     theme: {},
   }
 
+  get shouldLazyLoadGallery() {
+    return !this.props.disableLazyLoadGallery && this.props.lazyLoad
+  }
+
   photo(item) {
     const { server } = this.props
     const {
@@ -47,8 +51,8 @@ export default class PhotoCarousel extends PureComponent {
   }
 
   lazyLoadGallery() {
-    const { lazyLoadGallery } = this.props
-    const props = typeof lazyLoadGallery === 'object' ? lazyLoadGallery : {}
+    const { shouldLazyLoadGallery } = this
+    const props = typeof shouldLazyLoadGallery === 'object' ? shouldLazyLoadGallery : {}
 
     return (
       <LazyLoad
@@ -78,7 +82,7 @@ export default class PhotoCarousel extends PureComponent {
       className,
       theme,
       items,
-      lazyLoadGallery,
+      disableLazyLoadGallery,
       ...rest
     } = this.props
 
@@ -100,15 +104,15 @@ export default class PhotoCarousel extends PureComponent {
     const {
       theme,
       items,
-      lazyLoadGallery,
     } = this.props
+    const { shouldLazyLoadGallery } = this
 
     if (!items || !items.length) {
       return (
         <div className={theme['PhotoCarousel-empty']} />
       )
     }
 
-    return lazyLoadGallery ? this.lazyLoadGallery() : this.renderCarousel()
+    return shouldLazyLoadGallery ? this.lazyLoadGallery() : this.renderCarousel()
   }
 }

packages/react-ui-core/src/Carousel/__tests__/PhotoCarousel-test.js

@@ -115,7 +115,19 @@ describe('PhotoCarousel', () => {
         theme={theme}
         items={items}
         server="https://rentpath-res.cloudinary.com/"
-        lazyLoadGallery={{ once: true, height: 400, width: 300, offset: 200 }}
+        lazyLoad={{ once: true, height: 400, width: 300, offset: 200 }}
+      />
+    )
+    expect(wrapper.find(LazyLoad).length).toBeTruthy()
+  })
+  it('doesnt lazyload gallery if disabled', () => {
+    const wrapper = shallow(
+      <PhotoCarousel
+        theme={theme}
+        items={items}
+        server="https://rentpath-res.cloudinary.com/"
+        lazyLoad={{ once: true, height: 400, width: 300, offset: 200 }}
+        disableLazyLoadGallery
       />
     )
     expect(wrapper.find(LazyLoad).length).toBeTruthy()