@blaze-cms/react-page-builder 0.146.0-core-styles.43 → 0.146.0-node18.0

package/src/components/SearchContent/SearchContent.js

@@ -27,42 +27,36 @@ const SearchContent = ({
     resultKeys: 'id, name, image { url }, url'
   });
 
-  useEffect(
-    () => {
-      const handleRouteChange = () => {
-        setSearchTerm('');
+  useEffect(() => {
+    const handleRouteChange = () => {
+      setSearchTerm('');
+      setShowResults(false);
+      if (collapsedSearch) setCollapsed(true);
+    };
+    router.events.on('routeChangeStart', handleRouteChange);
+
+    return () => {
+      router.events.off('routeChangeStart', handleRouteChange);
+    };
+  }, [collapsedSearch, router.events, setSearchTerm]);
+
+  useEffect(() => {
+    const handleClickOutside = event => {
+      if (searchContentRef.current && !searchContentRef.current.contains(event.target)) {
         setShowResults(false);
-        if (collapsedSearch) setCollapsed(true);
-      };
-      router.events.on('routeChangeStart', handleRouteChange);
-
-      return () => {
-        router.events.off('routeChangeStart', handleRouteChange);
-      };
-    },
-    [collapsedSearch, router.events, setSearchTerm]
-  );
-
-  useEffect(
-    () => {
-      const handleClickOutside = event => {
-        if (searchContentRef.current && !searchContentRef.current.contains(event.target)) {
-          setShowResults(false);
-          if (collapsedSearch) {
-            setCollapsed(true);
-            setSearchTerm('');
-          }
+        if (collapsedSearch) {
+          setCollapsed(true);
+          setSearchTerm('');
         }
-      };
+      }
+    };
 
-      document.addEventListener('click', handleClickOutside);
+    document.addEventListener('click', handleClickOutside);
 
-      return () => {
-        document.removeEventListener('click', handleClickOutside);
-      };
-    },
-    [collapsedSearch, setSearchTerm]
-  );
+    return () => {
+      document.removeEventListener('click', handleClickOutside);
+    };
+  }, [collapsedSearch, setSearchTerm]);
 
   const responsiveClasses = isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop;
 

package/src/components/SearchFilter/SearchFilter/SearchFilter.js

@@ -50,15 +50,12 @@ const SearchFilter = ({
     doSubmit(newValues);
   }, 200);
 
-  useEffect(
-    () => {
-      if (filterValues.shouldSearch) {
-        handleSubmit(filterValues);
-        setAppliedFilters({ type: 'resetSearch' });
-      }
-    },
-    [filterValues, handleSubmit, setAppliedFilters]
-  );
+  useEffect(() => {
+    if (filterValues.shouldSearch) {
+      handleSubmit(filterValues);
+      setAppliedFilters({ type: 'resetSearch' });
+    }
+  }, [filterValues, handleSubmit, setAppliedFilters]);
 
   const formClass = classnames('filter__form filter__form--initial', {
     'filter__form--mobile': isCollapsedOnResponsive && displaySearchFilter,
@@ -218,17 +215,16 @@ const SearchFilter = ({
         {displaySearchFilter && <MobileFormToolbar formId={formId} handleReset={handleReset} />}
       </form>
 
-      {isCollapsedOnResponsive &&
-        !displaySearchFilter && (
-          <div
-            className="filter__refine filter__refine--mobile-close"
-            data-testid="refine-mobile"
-            aria-label="Toggle Search Filter">
-            <div role="button" onClick={() => setDisplaySearchFilter(true)}>
-              {mobileRefineButtonText || REFINE}
-            </div>
+      {isCollapsedOnResponsive && !displaySearchFilter && (
+        <div
+          className="filter__refine filter__refine--mobile-close"
+          data-testid="refine-mobile"
+          aria-label="Toggle Search Filter">
+          <div role="button" onClick={() => setDisplaySearchFilter(true)}>
+            {mobileRefineButtonText || REFINE}
           </div>
-        )}
+        </div>
+      )}
     </>
   );
 };

package/src/components/Video/providers/Vimeo/VimeoProvider.js

@@ -11,29 +11,26 @@ const VimeoProvider = ({ url, autoplay, loop, imageData }) => {
   const [videoError, setVideoError] = useState(null);
   const [shouldRenderVideo, setShouldRenderVideo] = useState(!!autoplay);
 
-  useEffect(
-    () => {
-      async function fetchVideoData(videoUrl) {
-        try {
-          const res = await fetch(videoUrl);
-          const data = await res.json();
-          setVideoData(data);
-        } catch (err) {
-          setVideoError(err);
-        }
+  useEffect(() => {
+    async function fetchVideoData(videoUrl) {
+      try {
+        const res = await fetch(videoUrl);
+        const data = await res.json();
+        setVideoData(data);
+      } catch (err) {
+        setVideoError(err);
       }
-      if (url) {
-        const currentHeight = inputEl.current.clientHeight;
-        const urlWithParams = addExtraParamsToUrl(url, {
-          autoplay: true,
-          loop,
-          height: currentHeight
-        });
-        fetchVideoData(urlWithParams);
-      }
-    },
-    [autoplay, loop, url]
-  );
+    }
+    if (url) {
+      const currentHeight = inputEl.current.clientHeight;
+      const urlWithParams = addExtraParamsToUrl(url, {
+        autoplay: true,
+        loop,
+        height: currentHeight
+      });
+      fetchVideoData(urlWithParams);
+    }
+  }, [autoplay, loop, url]);
 
   const { thumbnail_url_with_play_button: thumbnailUrl, html = '' } = videoData || {};
   const imageUrl = imageData && imageData.url;

package/src/components/Video/providers/YouTube/YoutubeEmbeded.js

@@ -60,75 +60,69 @@ const YoutubeEmbeded = ({
   const parsedWrapperClassname = `yt-facade ${renderIframe ? 'yt-activated' : ''}`;
   const iframeId = `yt-iframe-${videoId}`;
 
-  useEffect(
-    () => {
-      if (!emitEvent || !renderIframe) return;
-
-      if (!document.getElementById(SCRIPT_ID)) {
-        // if script not already loaded
-        const tag = document.createElement('script');
-        tag.id = SCRIPT_ID;
-        tag.src = 'https://www.youtube.com/iframe_api';
-        const firstScriptTag = document.getElementsByTagName('script')[0];
-        firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
+  useEffect(() => {
+    if (!emitEvent || !renderIframe) return;
+
+    if (!document.getElementById(SCRIPT_ID)) {
+      // if script not already loaded
+      const tag = document.createElement('script');
+      tag.id = SCRIPT_ID;
+      tag.src = 'https://www.youtube.com/iframe_api';
+      const firstScriptTag = document.getElementsByTagName('script')[0];
+      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
+    }
+
+    const onStateChange = event => {
+      let action = '';
+      if (event.data === window.YT.PlayerState.ENDED) {
+        action = EVENT_ACTIONS.ENDED;
+      } else if (event.data === window.YT.PlayerState.PAUSED) {
+        action = EVENT_ACTIONS.PAUSED;
+      } else if (event.data === window.YT.PlayerState.PLAYING) {
+        action = EVENT_ACTIONS.PLAYING;
       }
 
-      const onStateChange = event => {
-        let action = '';
-        if (event.data === window.YT.PlayerState.ENDED) {
-          action = EVENT_ACTIONS.ENDED;
-        } else if (event.data === window.YT.PlayerState.PAUSED) {
-          action = EVENT_ACTIONS.PAUSED;
-        } else if (event.data === window.YT.PlayerState.PLAYING) {
-          action = EVENT_ACTIONS.PLAYING;
-        }
-
-        emitEvent({ action, videoId });
-      };
+      emitEvent({ action, videoId });
+    };
 
-      if (window.YT) {
-        // if script already loaded then attach player
-        window.YT.ready(() => {
-          playerRef.current = new window.YT.Player(iframeId, {
-            events: {
-              onStateChange
-            }
-          });
+    if (window.YT) {
+      // if script already loaded then attach player
+      window.YT.ready(() => {
+        playerRef.current = new window.YT.Player(iframeId, {
+          events: {
+            onStateChange
+          }
+        });
+      });
+    } else {
+      // called on script load
+      window.onYouTubeIframeAPIReady = () => {
+        playerRef.current = new window.YT.Player(ref.current, {
+          events: {
+            onStateChange
+          }
         });
-      } else {
-        // called on script load
-        window.onYouTubeIframeAPIReady = () => {
-          playerRef.current = new window.YT.Player(ref.current, {
-            events: {
-              onStateChange
-            }
-          });
-        };
-      }
-    },
-    [emitEvent, iframeId, renderIframe, videoId]
-  );
-
-  useEffect(
-    () => {
-      let isMounted = true;
-      if ((!priority && !isIntersecting) || imageSize === YT_HQ_FORMAT) return;
-
-      const img = new Image();
-      // eslint-disable-next-line func-names
-      img.onload = function() {
-        let newImageSize = imageSize;
-        if (this && this.width === 120) newImageSize = YT_HQ_FORMAT;
-        if (isMounted) setImageDetails({ imageSize: newImageSize, displayImage: true });
-      };
-
-      img.src = posterUrl;
-      return () => {
-        isMounted = false;
       };
-    },
-    [imageSize, isIntersecting, posterUrl, priority]
-  );
+    }
+  }, [emitEvent, iframeId, renderIframe, videoId]);
+
+  useEffect(() => {
+    let isMounted = true;
+    if ((!priority && !isIntersecting) || imageSize === YT_HQ_FORMAT) return;
+
+    const img = new Image();
+    // eslint-disable-next-line func-names
+    img.onload = function () {
+      let newImageSize = imageSize;
+      if (this && this.width === 120) newImageSize = YT_HQ_FORMAT;
+      if (isMounted) setImageDetails({ imageSize: newImageSize, displayImage: true });
+    };
+
+    img.src = posterUrl;
+    return () => {
+      isMounted = false;
+    };
+  }, [imageSize, isIntersecting, posterUrl, priority]);
 
   const warmConnections = () => {
     if (preconnected) return;

package/src/components/Video/providers/get-provider.js

@@ -1,11 +1,11 @@
 import dynamic from 'next/dynamic';
 
 const SUPPORTED_PROVIDERS = {
-  youtube: dynamic(() =>
-    import(/* webpackChunkName: "blazePbVideoYouTube" */ './YouTube/YouTubeProvider')
+  youtube: dynamic(
+    () => import(/* webpackChunkName: "blazePbVideoYouTube" */ './YouTube/YouTubeProvider')
   ),
-  JWPlayer: dynamic(() =>
-    import(/* webpackChunkName: "blazePbVideoJWPlayer" */ './JWPlayer/JWPlayerProvider')
+  JWPlayer: dynamic(
+    () => import(/* webpackChunkName: "blazePbVideoJWPlayer" */ './JWPlayer/JWPlayerProvider')
   ),
   vimeo: dynamic(() => import(/* webpackChunkName: "blazePbVideoVimeo" */ './Vimeo/VimeoProvider')),
   default: dynamic(() => import(/* webpackChunkName: "blazePbVideoDefault" */ './Default')),

package/src/components/Wrapper.js

@@ -5,13 +5,11 @@ const Wrapper = React.forwardRef(
   ({ children, className, modifiers, style, tagType, ...props }, ref) => {
     const TagType = !tagType || tagType === 'Default' ? 'div' : tagType;
     return (
-      <>
-        {children && (
-          <TagType ref={ref} className={`${className} ${modifiers}`} style={style} {...props}>
-            {children}
-          </TagType>
-        )}
-      </>
+      children && (
+        <TagType ref={ref} className={`${className} ${modifiers}`} style={style} {...props}>
+          {children}
+        </TagType>
+      )
     );
   }
 );

package/src/components/index.js

@@ -11,20 +11,20 @@ export default {
   image: dynamic(() => import(/* webpackChunkName: "blazePbImage" */ './Image')),
   row: dynamic(() => import(/* webpackChunkName: "blazePbLayout" */ './Layout')),
   list: dynamic(() => import(/* webpackChunkName: "blazePbList" */ './List')),
-  socialfollow: dynamic(() =>
-    import(/* webpackChunkName: "blazePbSocialFollow" */ './SocialFollow')
+  socialfollow: dynamic(
+    () => import(/* webpackChunkName: "blazePbSocialFollow" */ './SocialFollow')
   ),
   textblock: dynamic(() => import(/* webpackChunkName: "blazePbTextBlock" */ './TextBlock')),
   video: dynamic(() => import(/* webpackChunkName: "blazePbVideo" */ './Video')),
   wrapper: dynamic(() => import(/* webpackChunkName: "blazePbWrapper" */ './Wrapper')),
-  searchcontent: dynamic(() =>
-    import(/* webpackChunkName: "blazePbSearchFilter" */ './SearchContent/SearchContent')
+  searchcontent: dynamic(
+    () => import(/* webpackChunkName: "blazePbSearchFilter" */ './SearchContent/SearchContent')
   ),
-  searchfilter: dynamic(() =>
-    import(/* webpackChunkName: "blazePbSearchFilter" */ './SearchFilter')
+  searchfilter: dynamic(
+    () => import(/* webpackChunkName: "blazePbSearchFilter" */ './SearchFilter')
   ),
-  searchfiltersort: dynamic(() =>
-    import(/* webpackChunkName: "blazePbSearchFilteSort" */ './SearchFilterSort')
+  searchfiltersort: dynamic(
+    () => import(/* webpackChunkName: "blazePbSearchFilteSort" */ './SearchFilterSort')
   ),
   modal: dynamic(() => import(/* webpackChunkName: "blazePbModal" */ './Modal')),
   datetime: dynamic(() => import(/* webpackChunkName: "blazePbDateTime" */ './DateTime')),
@@ -32,26 +32,26 @@ export default {
   menu: dynamic(() => import(/* webpackChunkName: "blazePbMenu" */ './Menu')),
   menuitem: dynamic(() => import(/* webpackChunkName: "blazePbMenuItem" */ './MenuItem')),
   submenu: dynamic(() => import(/* webpackChunkName: "blazePbSubMenu" */ './SubMenu')),
-  emailconfirm: dynamic(() =>
-    import(/* webpackChunkName: "blazePbEmailConfirm" */ './EmailConfirm')
+  emailconfirm: dynamic(
+    () => import(/* webpackChunkName: "blazePbEmailConfirm" */ './EmailConfirm')
   ),
 
   breadcrumb: dynamic(() => import(/* webpackChunkName: "blazePbBreadcrumb" */ './Breadcrumb')),
-  itemlistbutton: dynamic(() =>
-    import(/* webpackChunkName: "blazePbItemListButton" */ './ItemList/ItemListButton')
+  itemlistbutton: dynamic(
+    () => import(/* webpackChunkName: "blazePbItemListButton" */ './ItemList/ItemListButton')
   ),
-  itemlistcounter: dynamic(() =>
-    import(/* webpackChunkName: "blazePbItemListCounter" */ './ItemList/ItemListCounter')
+  itemlistcounter: dynamic(
+    () => import(/* webpackChunkName: "blazePbItemListCounter" */ './ItemList/ItemListCounter')
   ),
-  itemlistnew: dynamic(() =>
-    import(/* webpackChunkName: "blazePbItemListNew" */ './ItemList/ItemListNew')
+  itemlistnew: dynamic(
+    () => import(/* webpackChunkName: "blazePbItemListNew" */ './ItemList/ItemListNew')
   ),
   backtotop: dynamic(() => import(/* webpackChunkName: "blazePbBackToTop" */ './BackToTop')),
-  contentgroup: dynamic(() =>
-    import(/* webpackChunkName: "blazePbContentGroup" */ './ContentGroup')
+  contentgroup: dynamic(
+    () => import(/* webpackChunkName: "blazePbContentGroup" */ './ContentGroup')
   ),
-  contentgroupsection: dynamic(() =>
-    import(/* webpackChunkName: "blazePbContentGroupSection" */ './ContentGroupSection')
+  contentgroupsection: dynamic(
+    () => import(/* webpackChunkName: "blazePbContentGroupSection" */ './ContentGroupSection')
   ),
   iframe: dynamic(() => import(/* webpackChunkName: "blazePbIframe" */ './Iframe'))
 };

package/src/constants/index.js

@@ -173,7 +173,8 @@ const ANCHOR_TAG = 'a';
 const TARGET_BLANK = '_blank';
 
 const DATA_SUMMARY_EMAIL_REGEX = /^([a-z0-9_\.\+-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/;
-const DATA_SUMMARY_URL_REGEX = /(https?:\/\/)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/;
+const DATA_SUMMARY_URL_REGEX =
+  /(https?:\/\/)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/;
 const DATA_SUMMARY_TEL_REGEX = /^\+{0,1}[0-9\(\)\.\- \/]{7,}$/; // note: very loose phone number match not for validation
 const SIZE = process.env.BLAZE_PB_SEARCH_FILETER_AGG_SIZE || 500;
 

package/src/helpers/build-search-values-checkbox-select.js

@@ -18,7 +18,7 @@ const buildSearchValuesCheckboxSelect = (query, rangeFilters, checkboxFilters, s
       if (isQueryParamString) {
         if (rangeFilterProps.includes(queryParam)) {
           const [min, max] = query[queryParam].split('-');
-          if (min === 'NaN' || max === 'NaN') return;
+          if (min === 'NaN' || max === 'NaN') return acc;
           acc.values.push({
             range: {
               [queryParam]: {

package/src/helpers/get-current-offset.js

@@ -1,4 +1,4 @@
-const getCurrentOffset = (offset = 0, itemsPerPage = 1, paginationIndex = 1, limit) => {
+const getCurrentOffset = (limit, offset = 0, itemsPerPage = 1, paginationIndex = 1) => {
   if (paginationIndex <= 1) return Number(offset);
   const cumulativeOffset = Number(offset) + Number(itemsPerPage) * (Number(paginationIndex) - 1);
   return !!limit && cumulativeOffset >= limit ? offset : cumulativeOffset;

package/src/helpers/get-wrapped-value-with-link.js

@@ -12,7 +12,7 @@ const getWrappedValueWithLink = (value, link, keyPrefix = '') => {
 
       return url ? (
         <BlazeLink key={[keyPrefix, index].join('-')} href={url}>
-          {<>{keyFieldValue} </>}
+          <>{keyFieldValue} </>
         </BlazeLink>
       ) : (
         <>{keyFieldValue} </>

package/src/helpers/remove-unwanted-characters.js

@@ -11,10 +11,7 @@ function removeCharacters(value) {
     return { ...value, [keyField]: removeUnwantedCharacters(value[keyField]) };
   }
 
-  return String(value)
-    .replace(/^\|\s/, '')
-    .replace(/\|$/, '')
-    .trim();
+  return String(value).replace(/^\|\s/, '').replace(/\|$/, '').trim();
 }
 
 export default removeUnwantedCharacters;

package/src/hooks/helpers/buildPBComponents.js

@@ -57,10 +57,8 @@ function BuildPBComponents(components, options = {}, rootLevel = false) {
       )}
       {components.map(component => {
         const { items = [] } = component;
-        const [
-          hasElementInsertionComponents,
-          elementInsertionComponents
-        ] = getComponentsToInsertByType(items, ELEMENT);
+        const [hasElementInsertionComponents, elementInsertionComponents] =
+          getComponentsToInsertByType(items, ELEMENT);
 
         const [hasTextBlockBanners, textBlockBanners] = getComponentsToInsertByType(
           items,

package/src/hooks/helpers/get-components-to-insert-by-type.js

@@ -15,7 +15,9 @@ const getComponentsToInsertByType = (items, insertionType) => {
         }
       }) =>
         insertionTypeSetting === insertionType &&
-        (startingPoint !== 0 && repeatEvery !== 0 && maxRepetitions !== 0)
+        startingPoint !== 0 &&
+        repeatEvery !== 0 &&
+        maxRepetitions !== 0
     );
     return [!!componentsToInject.length, componentsToInject];
   }

package/src/hooks/helpers/inject-textblock-banners.js

@@ -11,14 +11,8 @@ const checkCanInjectBanner = (maxRepetitions, total) => {
 };
 
 const injectTextblockBanners = ({ componentName, parsedTextBlock, bannerContext }) => {
-  const {
-    bannerCounters,
-    banners,
-    siblings,
-    pbOptions,
-    bannerPositionCounter,
-    blockTracker
-  } = bannerContext;
+  const { bannerCounters, banners, siblings, pbOptions, bannerPositionCounter, blockTracker } =
+    bannerContext;
   const [collidedWithPrevious, collidedWithNext] = getCollisions(componentName, siblings);
   const updatedBlock = [];
   const { length: blocksLength } = parsedTextBlock;

package/src/hooks/use-check-mobile-screen.js

@@ -20,14 +20,11 @@ const useCheckMobileScreen = () => {
     };
   }, []);
 
-  useEffect(
-    () => {
-      if (!defaultWidth) {
-        setWidth(initialWidth);
-      }
-    },
-    [initialWidth, width]
-  );
+  useEffect(() => {
+    if (!defaultWidth) {
+      setWidth(initialWidth);
+    }
+  }, [initialWidth, width]);
 
   return width <= MOBILE_WIDTH;
 };

package/src/hooks/use-get-entity-schema.js

@@ -20,7 +20,11 @@ function useGetEntitySchema(identifier, skipCondition = false) {
       shouldSkip = false;
     }
   }
-  const { data = cacheData, loading, error } = useQuery(getEntitySchema, {
+  const {
+    data = cacheData,
+    loading,
+    error
+  } = useQuery(getEntitySchema, {
     variables,
     skip: shouldSkip
   });

package/src/hooks/use-get-image-id-from-relation.js

@@ -22,7 +22,11 @@ function useGetImageIdFromRelation(
   const getAction = isPreview ? get : getPublished || get;
 
   const props = imageRelationData ? `${relationName} { ${relationProp} }` : 'id';
-  const { data = {}, loading, error } = useQuery(generateSingleItemQuery(getAction, props), {
+  const {
+    data = {},
+    loading,
+    error
+  } = useQuery(generateSingleItemQuery(getAction, props), {
     variables: { id },
     skip
   });

package/src/hooks/use-page-builder.js

@@ -4,20 +4,17 @@ import buildPBComponents from './helpers';
 function usePageBuilder(data) {
   const [page, setPage] = useState([]);
 
-  useEffect(
-    () => {
-      async function getBuiltComponents() {
-        const components = buildPBComponents(data);
+  useEffect(() => {
+    async function getBuiltComponents() {
+      const components = buildPBComponents(data);
 
-        setPage(components);
-      }
+      setPage(components);
+    }
 
-      if (data && !page.length) {
-        getBuiltComponents();
-      }
-    },
-    [data, page]
-  );
+    if (!!data && !page.length) {
+      getBuiltComponents();
+    }
+  }, [data, page]);
 
   return page;
 }

package/src/variants/Infographic/index.js

@@ -4,8 +4,8 @@ const Infographic = {
   getSettings: componentSettings => ({
     ...componentSettings
   }),
-  VariantComponent: dynamic(() =>
-    import(/* webpackChunkName: "blazePbVariantInfographic" */ './Infographic')
+  VariantComponent: dynamic(
+    () => import(/* webpackChunkName: "blazePbVariantInfographic" */ './Infographic')
   )
 };
 

package/src/variants/LongformGallery/LongformGallery.js

@@ -4,14 +4,8 @@ import useLongformGallery from './useLongformGallery';
 import LongformGalleryImage from './LongformGalleryImage';
 
 const LongformGallery = props => {
-  const {
-    loading,
-    error,
-    groupedImages,
-    shouldDisplayCaption,
-    caption,
-    handleImageOnClick
-  } = useLongformGallery(props);
+  const { loading, error, groupedImages, shouldDisplayCaption, caption, handleImageOnClick } =
+    useLongformGallery(props);
 
   if (loading || error || !groupedImages.length) return null;
 

package/src/variants/LongformGallery/index.js

@@ -1,8 +1,8 @@
 import dynamic from 'next/dynamic';
 
 const LongformGallery = {
-  VariantComponent: dynamic(() =>
-    import(/* webpackChunkName: "blazePbVariantLongformGallery" */ './LongformGallery')
+  VariantComponent: dynamic(
+    () => import(/* webpackChunkName: "blazePbVariantLongformGallery" */ './LongformGallery')
   ),
   getSettings: componentSettings => ({
     ...componentSettings,

package/src/variants/SlideSummary/index.js

@@ -4,8 +4,8 @@ const SlideSummary = {
   getSettings: componentSettings => ({
     ...componentSettings
   }),
-  VariantComponent: dynamic(() =>
-    import(/* webpackChunkName: "blazePbVariantSlideSummary" */ './SlideSummary')
+  VariantComponent: dynamic(
+    () => import(/* webpackChunkName: "blazePbVariantSlideSummary" */ './SlideSummary')
   )
 };
 export default SlideSummary;

package/src/variants/ThumbnailCarousel/ThumbnailImage/ThumbnailImage.js

@@ -3,9 +3,8 @@ import LazyImage from '../../../components/LazyImage';
 import useThumbnailImage from './useThumbnailImage';
 
 const ThumbnailImage = props => {
-  const { loading, error, className, imageUrl, altText, priority, handleClick } = useThumbnailImage(
-    props
-  );
+  const { loading, error, className, imageUrl, altText, priority, handleClick } =
+    useThumbnailImage(props);
 
   if (error) return error.message;
   if (loading) return null;