@blaze-cms/react-page-builder 0.145.1-core-styles.0 → 0.146.0-alpha.10

package/lib-es/variants/SlideSummary/SlideSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"SlideSummary.js","names":["React","PropTypes","CarouselWrapper","SlideSummary","_ref","children","otherProps","_objectWithoutProperties","_excluded","createElement","_extends","modifier","pauseScrollOnHover","enableAutoScroll","autoScrollTimer","propTypes","object","isRequired"],"sources":["../../../src/variants/SlideSummary/SlideSummary.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CarouselWrapper from '../../components/CarouselWrapper';\n\nconst SlideSummary = ({ children, ...otherProps }) => (\n  <CarouselWrapper\n    {...otherProps}\n    modifier=\"slide-summary\"\n    pauseScrollOnHover\n    enableAutoScroll\n    autoScrollTimer={3500}>\n    {children}\n  </CarouselWrapper>\n);\n\nSlideSummary.propTypes = {\n  children: PropTypes.object.isRequired\n};\n\nexport default SlideSummary;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,eAAe,MAAM,kCAAkC;AAE9D,MAAMC,YAAY,GAAGC,IAAA;EAAA,IAAC;MAAEC;IAAwB,CAAC,GAAAD,IAAA;IAAZE,UAAU,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAAA,oBAC7CR,KAAA,CAAAS,aAAA,CAACP,eAAe,EAAAQ,QAAA,KACVJ,UAAU;IACdK,QAAQ,EAAC,eAAe;IACxBC,kBAAkB;IAClBC,gBAAgB;IAChBC,eAAe,EAAE;EAAK,IACrBT,QACc,CAAC;AAAA,CACnB;AAEDF,YAAY,CAACY,SAAS,GAAG;EACvBV,QAAQ,EAAEJ,SAAS,CAACe,MAAM,CAACC;AAC7B,CAAC;AAED,eAAed,YAAY","ignoreList":[]}
+{"version":3,"file":"SlideSummary.js","names":["React","PropTypes","CarouselWrapper","SlideSummary","_ref","children","otherProps","_objectWithoutProperties","_excluded","createElement","_extends","modifier","pauseScrollOnHover","enableAutoScroll","autoScrollTimer","propTypes","object","isRequired"],"sources":["../../../src/variants/SlideSummary/SlideSummary.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CarouselWrapper from '../../components/CarouselWrapper';\n\nconst SlideSummary = ({ children, ...otherProps }) => (\n  <CarouselWrapper\n    {...otherProps}\n    modifier=\"slide-summary\"\n    pauseScrollOnHover\n    enableAutoScroll\n    autoScrollTimer={3500}>\n    {children}\n  </CarouselWrapper>\n);\n\nSlideSummary.propTypes = {\n  children: PropTypes.object.isRequired\n};\n\nexport default SlideSummary;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,eAAe,MAAM,kCAAkC;AAE9D,MAAMC,YAAY,GAAGC,IAAA;EAAA,IAAC;MAAEC;IAAwB,CAAC,GAAAD,IAAA;IAAZE,UAAU,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAAA,oBAC7CR,KAAA,CAAAS,aAAA,CAACP,eAAe,EAAAQ,QAAA,KACVJ,UAAU;IACdK,QAAQ,EAAC,eAAe;IACxBC,kBAAkB;IAClBC,gBAAgB;IAChBC,eAAe,EAAE;EAAK,IACrBT,QACc,CAAC;AAAA,CACnB;AAEDF,YAAY,CAACY,SAAS,GAAG;EACvBV,QAAQ,EAAEJ,SAAS,CAACe,MAAM,CAACC;AAC7B,CAAC;AAED,eAAed,YAAY"}

package/lib-es/variants/SlideSummary/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["dynamic","SlideSummary","getSettings","componentSettings","_objectSpread","VariantComponent"],"sources":["../../../src/variants/SlideSummary/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst SlideSummary = {\n  getSettings: componentSettings => ({\n    ...componentSettings\n  }),\n  VariantComponent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVariantSlideSummary\" */ './SlideSummary')\n  )\n};\nexport default SlideSummary;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,YAAY,GAAG;EACnBC,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,KACzBD,iBAAiB,CACpB;EACFE,gBAAgB,EAAEL,OAAO,CAAC,MACxB,MAAM,EAAC,oDAAqD,gBAAgB,CAC9E;AACF,CAAC;AACD,eAAeC,YAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["dynamic","SlideSummary","getSettings","componentSettings","_objectSpread","VariantComponent"],"sources":["../../../src/variants/SlideSummary/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst SlideSummary = {\n  getSettings: componentSettings => ({\n    ...componentSettings\n  }),\n  VariantComponent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVariantSlideSummary\" */ './SlideSummary')\n  )\n};\nexport default SlideSummary;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,YAAY,GAAG;EACnBC,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,KACzBD,iBAAiB,CACpB;EACFE,gBAAgB,EAAEL,OAAO,CAAC,MACxB,MAAM,EAAC,oDAAqD,gBAAgB,CAC9E;AACF,CAAC;AACD,eAAeC,YAAY"}

package/lib-es/variants/ThumbnailCarousel/ThumbnailCarousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailCarousel.js","names":["React","useThumbnailCarousel","ThumbnailImage","ThumbnailCarousel","props","thumbnailsListRef","imageIds","selectedImageId","priorityLimit","scrollToImage","mainImageButtonClick","createElement","className","id","role","onClick","_extends","priority","imageId","ref","map","index","key","imageIndex"],"sources":["../../../src/variants/ThumbnailCarousel/ThumbnailCarousel.js"],"sourcesContent":["import React from 'react';\nimport useThumbnailCarousel from './useThumbnailCarousel';\nimport ThumbnailImage from './ThumbnailImage';\n\nconst ThumbnailCarousel = props => {\n  const {\n    thumbnailsListRef,\n    imageIds,\n    selectedImageId,\n    priorityLimit,\n    scrollToImage,\n    mainImageButtonClick\n  } = useThumbnailCarousel(props);\n\n  return (\n    <div className=\"thumbnail-carousel\" data-testid=\"thumbnail-carousel\">\n      <div className=\"thumbnail-carousel__main_image_container\">\n        <div\n          id=\"previous-button\"\n          className=\"thumbnail-carousel__main_image_container__button\"\n          role=\"button\"\n          onClick={() => mainImageButtonClick()}>\n          <div className=\"arrow arrow--left\" />\n        </div>\n        <ThumbnailImage {...props} priority imageId={selectedImageId} />\n        <div\n          id=\"next-button\"\n          className=\"thumbnail-carousel__main_image_container__button next\"\n          role=\"button\"\n          onClick={() => mainImageButtonClick(true)}>\n          <div className=\"arrow arrow--right\" />\n        </div>\n      </div>\n      <div className=\"thumbnail-carousel__list\" ref={thumbnailsListRef}>\n        {imageIds.map((imageId, index) => (\n          <ThumbnailImage\n            {...props}\n            key={imageId}\n            imageIndex={index}\n            priority={index < priorityLimit}\n            imageId={imageId}\n            selectedImageId={selectedImageId}\n            scrollToImage={scrollToImage}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default ThumbnailCarousel;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,oBAAoB,MAAM,wBAAwB;AACzD,OAAOC,cAAc,MAAM,kBAAkB;AAE7C,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IACJC,iBAAiB;IACjBC,QAAQ;IACRC,eAAe;IACfC,aAAa;IACbC,aAAa;IACbC;EACF,CAAC,GAAGT,oBAAoB,CAACG,KAAK,CAAC;EAE/B,oBACEJ,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAC,oBAAoB;IAAC,eAAY;EAAoB,gBAClEZ,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAC;EAA0C,gBACvDZ,KAAA,CAAAW,aAAA;IACEE,EAAE,EAAC,iBAAiB;IACpBD,SAAS,EAAC,kDAAkD;IAC5DE,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAEA,CAAA,KAAML,oBAAoB,CAAC;EAAE,gBACtCV,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAC;EAAmB,CAAE,CACjC,CAAC,eACNZ,KAAA,CAAAW,aAAA,CAACT,cAAc,EAAAc,QAAA,KAAKZ,KAAK;IAAEa,QAAQ;IAACC,OAAO,EAAEX;EAAgB,EAAE,CAAC,eAChEP,KAAA,CAAAW,aAAA;IACEE,EAAE,EAAC,aAAa;IAChBD,SAAS,EAAC,uDAAuD;IACjEE,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAEA,CAAA,KAAML,oBAAoB,CAAC,IAAI;EAAE,gBAC1CV,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAC;EAAoB,CAAE,CAClC,CACF,CAAC,eACNZ,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAC,0BAA0B;IAACO,GAAG,EAAEd;EAAkB,GAC9DC,QAAQ,CAACc,GAAG,CAAC,CAACF,OAAO,EAAEG,KAAK,kBAC3BrB,KAAA,CAAAW,aAAA,CAACT,cAAc,EAAAc,QAAA,KACTZ,KAAK;IACTkB,GAAG,EAAEJ,OAAQ;IACbK,UAAU,EAAEF,KAAM;IAClBJ,QAAQ,EAAEI,KAAK,GAAGb,aAAc;IAChCU,OAAO,EAAEA,OAAQ;IACjBX,eAAe,EAAEA,eAAgB;IACjCE,aAAa,EAAEA;EAAc,EAC9B,CACF,CACE,CACF,CAAC;AAEV,CAAC;AAED,eAAeN,iBAAiB","ignoreList":[]}
+{"version":3,"file":"ThumbnailCarousel.js","names":["React","useThumbnailCarousel","ThumbnailImage","ThumbnailCarousel","props","thumbnailsListRef","imageIds","selectedImageId","priorityLimit","scrollToImage","mainImageButtonClick","createElement","className","id","role","onClick","_extends","priority","imageId","ref","map","index","key","imageIndex"],"sources":["../../../src/variants/ThumbnailCarousel/ThumbnailCarousel.js"],"sourcesContent":["import React from 'react';\nimport useThumbnailCarousel from './useThumbnailCarousel';\nimport ThumbnailImage from './ThumbnailImage';\n\nconst ThumbnailCarousel = props => {\n  const {\n    thumbnailsListRef,\n    imageIds,\n    selectedImageId,\n    priorityLimit,\n    scrollToImage,\n    mainImageButtonClick\n  } = useThumbnailCarousel(props);\n\n  return (\n    <div className=\"thumbnail-carousel\" data-testid=\"thumbnail-carousel\">\n      <div className=\"thumbnail-carousel__main_image_container\">\n        <div\n          id=\"previous-button\"\n          className=\"thumbnail-carousel__main_image_container__button\"\n          role=\"button\"\n          onClick={() => mainImageButtonClick()}>\n          <div className=\"arrow arrow--left\" />\n        </div>\n        <ThumbnailImage {...props} priority imageId={selectedImageId} />\n        <div\n          id=\"next-button\"\n          className=\"thumbnail-carousel__main_image_container__button next\"\n          role=\"button\"\n          onClick={() => mainImageButtonClick(true)}>\n          <div className=\"arrow arrow--right\" />\n        </div>\n      </div>\n      <div className=\"thumbnail-carousel__list\" ref={thumbnailsListRef}>\n        {imageIds.map((imageId, index) => (\n          <ThumbnailImage\n            {...props}\n            key={imageId}\n            imageIndex={index}\n            priority={index < priorityLimit}\n            imageId={imageId}\n            selectedImageId={selectedImageId}\n            scrollToImage={scrollToImage}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default ThumbnailCarousel;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,oBAAoB,MAAM,wBAAwB;AACzD,OAAOC,cAAc,MAAM,kBAAkB;AAE7C,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IACJC,iBAAiB;IACjBC,QAAQ;IACRC,eAAe;IACfC,aAAa;IACbC,aAAa;IACbC;EACF,CAAC,GAAGT,oBAAoB,CAACG,KAAK,CAAC;EAE/B,oBACEJ,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAC,oBAAoB;IAAC,eAAY;EAAoB,gBAClEZ,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAC;EAA0C,gBACvDZ,KAAA,CAAAW,aAAA;IACEE,EAAE,EAAC,iBAAiB;IACpBD,SAAS,EAAC,kDAAkD;IAC5DE,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAEA,CAAA,KAAML,oBAAoB,CAAC;EAAE,gBACtCV,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAC;EAAmB,CAAE,CACjC,CAAC,eACNZ,KAAA,CAAAW,aAAA,CAACT,cAAc,EAAAc,QAAA,KAAKZ,KAAK;IAAEa,QAAQ;IAACC,OAAO,EAAEX;EAAgB,EAAE,CAAC,eAChEP,KAAA,CAAAW,aAAA;IACEE,EAAE,EAAC,aAAa;IAChBD,SAAS,EAAC,uDAAuD;IACjEE,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAEA,CAAA,KAAML,oBAAoB,CAAC,IAAI;EAAE,gBAC1CV,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAC;EAAoB,CAAE,CAClC,CACF,CAAC,eACNZ,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAC,0BAA0B;IAACO,GAAG,EAAEd;EAAkB,GAC9DC,QAAQ,CAACc,GAAG,CAAC,CAACF,OAAO,EAAEG,KAAK,kBAC3BrB,KAAA,CAAAW,aAAA,CAACT,cAAc,EAAAc,QAAA,KACTZ,KAAK;IACTkB,GAAG,EAAEJ,OAAQ;IACbK,UAAU,EAAEF,KAAM;IAClBJ,QAAQ,EAAEI,KAAK,GAAGb,aAAc;IAChCU,OAAO,EAAEA,OAAQ;IACjBX,eAAe,EAAEA,eAAgB;IACjCE,aAAa,EAAEA;EAAc,EAC9B,CACF,CACE,CACF,CAAC;AAEV,CAAC;AAED,eAAeN,iBAAiB"}

package/lib-es/variants/ThumbnailCarousel/ThumbnailImage/ThumbnailImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailImage.js","names":["React","LazyImage","useThumbnailImage","ThumbnailImage","props","loading","error","className","imageUrl","altText","priority","handleClick","message","createElement","onClick","role","src","alt","sizeKey"],"sources":["../../../../src/variants/ThumbnailCarousel/ThumbnailImage/ThumbnailImage.js"],"sourcesContent":["import React from 'react';\nimport LazyImage from '../../../components/LazyImage';\nimport useThumbnailImage from './useThumbnailImage';\n\nconst ThumbnailImage = props => {\n  const { loading, error, className, imageUrl, altText, priority, handleClick } = useThumbnailImage(\n    props\n  );\n\n  if (error) return error.message;\n  if (loading) return null;\n\n  return (\n    <div className={className} onClick={handleClick} role=\"button\" data-testid=\"thumbnail-image\">\n      <LazyImage\n        src={imageUrl}\n        alt={altText}\n        sizeKey=\"carousel\"\n        role=\"button\"\n        priority={priority}\n      />\n    </div>\n  );\n};\n\nexport default ThumbnailImage;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,+BAA+B;AACrD,OAAOC,iBAAiB,MAAM,qBAAqB;AAEnD,MAAMC,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAAEC,OAAO;IAAEC,KAAK;IAAEC,SAAS;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,QAAQ;IAAEC;EAAY,CAAC,GAAGT,iBAAiB,CAC/FE,KACF,CAAC;EAED,IAAIE,KAAK,EAAE,OAAOA,KAAK,CAACM,OAAO;EAC/B,IAAIP,OAAO,EAAE,OAAO,IAAI;EAExB,oBACEL,KAAA,CAAAa,aAAA;IAAKN,SAAS,EAAEA,SAAU;IAACO,OAAO,EAAEH,WAAY;IAACI,IAAI,EAAC,QAAQ;IAAC,eAAY;EAAiB,gBAC1Ff,KAAA,CAAAa,aAAA,CAACZ,SAAS;IACRe,GAAG,EAAER,QAAS;IACdS,GAAG,EAAER,OAAQ;IACbS,OAAO,EAAC,UAAU;IAClBH,IAAI,EAAC,QAAQ;IACbL,QAAQ,EAAEA;EAAS,CACpB,CACE,CAAC;AAEV,CAAC;AAED,eAAeP,cAAc","ignoreList":[]}
+{"version":3,"file":"ThumbnailImage.js","names":["React","LazyImage","useThumbnailImage","ThumbnailImage","props","loading","error","className","imageUrl","altText","priority","handleClick","message","createElement","onClick","role","src","alt","sizeKey"],"sources":["../../../../src/variants/ThumbnailCarousel/ThumbnailImage/ThumbnailImage.js"],"sourcesContent":["import React from 'react';\nimport LazyImage from '../../../components/LazyImage';\nimport useThumbnailImage from './useThumbnailImage';\n\nconst ThumbnailImage = props => {\n  const { loading, error, className, imageUrl, altText, priority, handleClick } = useThumbnailImage(\n    props\n  );\n\n  if (error) return error.message;\n  if (loading) return null;\n\n  return (\n    <div className={className} onClick={handleClick} role=\"button\" data-testid=\"thumbnail-image\">\n      <LazyImage\n        src={imageUrl}\n        alt={altText}\n        sizeKey=\"carousel\"\n        role=\"button\"\n        priority={priority}\n      />\n    </div>\n  );\n};\n\nexport default ThumbnailImage;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,+BAA+B;AACrD,OAAOC,iBAAiB,MAAM,qBAAqB;AAEnD,MAAMC,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAAEC,OAAO;IAAEC,KAAK;IAAEC,SAAS;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,QAAQ;IAAEC;EAAY,CAAC,GAAGT,iBAAiB,CAC/FE,KACF,CAAC;EAED,IAAIE,KAAK,EAAE,OAAOA,KAAK,CAACM,OAAO;EAC/B,IAAIP,OAAO,EAAE,OAAO,IAAI;EAExB,oBACEL,KAAA,CAAAa,aAAA;IAAKN,SAAS,EAAEA,SAAU;IAACO,OAAO,EAAEH,WAAY;IAACI,IAAI,EAAC,QAAQ;IAAC,eAAY;EAAiB,gBAC1Ff,KAAA,CAAAa,aAAA,CAACZ,SAAS;IACRe,GAAG,EAAER,QAAS;IACdS,GAAG,EAAER,OAAQ;IACbS,OAAO,EAAC,UAAU;IAClBH,IAAI,EAAC,QAAQ;IACbL,QAAQ,EAAEA;EAAS,CACpB,CACE,CAAC;AAEV,CAAC;AAED,eAAeP,cAAc"}

package/lib-es/variants/ThumbnailCarousel/ThumbnailImage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ThumbnailImage"],"sources":["../../../../src/variants/ThumbnailCarousel/ThumbnailImage/index.js"],"sourcesContent":["import ThumbnailImage from './ThumbnailImage';\n\nexport default ThumbnailImage;\n"],"mappings":"AAAA,OAAOA,cAAc,MAAM,kBAAkB;AAE7C,eAAeA,cAAc","ignoreList":[]}
+{"version":3,"file":"index.js","names":["ThumbnailImage"],"sources":["../../../../src/variants/ThumbnailCarousel/ThumbnailImage/index.js"],"sourcesContent":["import ThumbnailImage from './ThumbnailImage';\n\nexport default ThumbnailImage;\n"],"mappings":"AAAA,OAAOA,cAAc,MAAM,kBAAkB;AAE7C,eAAeA,cAAc"}

package/lib-es/variants/ThumbnailCarousel/ThumbnailImage/useThumbnailImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"useThumbnailImage.js","names":["PropTypes","useGetImages","getImageData","useThumbnailImage","imageId","imageIndex","enableLightbox","toggleModal","handleSelectedImage","priority","selectedImageId","scrollToImage","data","loading","error","handleClick","url","imageUrl","imageData","getFile","altText","className","propTypes","string","isRequired","bool","func","defaultProps"],"sources":["../../../../src/variants/ThumbnailCarousel/ThumbnailImage/useThumbnailImage.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useGetImages } from '../../../hooks';\nimport { getImageData } from '../../../utils';\n\nconst useThumbnailImage = ({\n  imageId,\n  imageIndex,\n  enableLightbox,\n  toggleModal,\n  handleSelectedImage,\n  priority,\n  selectedImageId,\n  scrollToImage\n}) => {\n  const { data = {}, loading, error } = useGetImages(imageId);\n\n  const handleClick = () => {\n    if (scrollToImage) scrollToImage(imageIndex);\n    else if (enableLightbox) {\n      toggleModal();\n      handleSelectedImage(imageId);\n    }\n  };\n\n  const { url: imageUrl = '', data: imageData = {} } = data.getFile || {\n    getFile: { url: '', data: {} }\n  };\n  const { altText } = getImageData({}, imageData);\n\n  const className =\n    selectedImageId === imageId\n      ? 'thumbnail-carousel-image thumbnail-carousel-image--selected'\n      : 'thumbnail-carousel-image';\n\n  return {\n    loading,\n    error,\n    className,\n    imageId,\n    imageUrl,\n    altText,\n    priority,\n    handleClick\n  };\n};\n\nuseThumbnailImage.propTypes = {\n  imageId: PropTypes.string.isRequired,\n  selectedImageId: PropTypes.string.isRequired,\n  enableLightbox: PropTypes.bool.isRequired,\n  toggleModal: PropTypes.func.isRequired,\n  handleSelectedImage: PropTypes.func.isRequired,\n  priority: PropTypes.bool.isRequired,\n  scrollToImage: PropTypes.func\n};\n\nuseThumbnailImage.defaultProps = {\n  scrollToImage: null\n};\n\nexport default useThumbnailImage;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,YAAY,QAAQ,gBAAgB;AAE7C,MAAMC,iBAAiB,GAAGA,CAAC;EACzBC,OAAO;EACPC,UAAU;EACVC,cAAc;EACdC,WAAW;EACXC,mBAAmB;EACnBC,QAAQ;EACRC,eAAe;EACfC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC,IAAI,GAAG,CAAC,CAAC;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGb,YAAY,CAACG,OAAO,CAAC;EAE3D,MAAMW,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAIJ,aAAa,EAAEA,aAAa,CAACN,UAAU,CAAC,CAAC,KACxC,IAAIC,cAAc,EAAE;MACvBC,WAAW,CAAC,CAAC;MACbC,mBAAmB,CAACJ,OAAO,CAAC;IAC9B;EACF,CAAC;EAED,MAAM;IAAEY,GAAG,EAAEC,QAAQ,GAAG,EAAE;IAAEL,IAAI,EAAEM,SAAS,GAAG,CAAC;EAAE,CAAC,GAAGN,IAAI,CAACO,OAAO,IAAI;IACnEA,OAAO,EAAE;MAAEH,GAAG,EAAE,EAAE;MAAEJ,IAAI,EAAE,CAAC;IAAE;EAC/B,CAAC;EACD,MAAM;IAAEQ;EAAQ,CAAC,GAAGlB,YAAY,CAAC,CAAC,CAAC,EAAEgB,SAAS,CAAC;EAE/C,MAAMG,SAAS,GACbX,eAAe,KAAKN,OAAO,GACvB,6DAA6D,GAC7D,0BAA0B;EAEhC,OAAO;IACLS,OAAO;IACPC,KAAK;IACLO,SAAS;IACTjB,OAAO;IACPa,QAAQ;IACRG,OAAO;IACPX,QAAQ;IACRM;EACF,CAAC;AACH,CAAC;AAEDZ,iBAAiB,CAACmB,SAAS,GAAG;EAC5BlB,OAAO,EAAEJ,SAAS,CAACuB,MAAM,CAACC,UAAU;EACpCd,eAAe,EAAEV,SAAS,CAACuB,MAAM,CAACC,UAAU;EAC5ClB,cAAc,EAAEN,SAAS,CAACyB,IAAI,CAACD,UAAU;EACzCjB,WAAW,EAAEP,SAAS,CAAC0B,IAAI,CAACF,UAAU;EACtChB,mBAAmB,EAAER,SAAS,CAAC0B,IAAI,CAACF,UAAU;EAC9Cf,QAAQ,EAAET,SAAS,CAACyB,IAAI,CAACD,UAAU;EACnCb,aAAa,EAAEX,SAAS,CAAC0B;AAC3B,CAAC;AAEDvB,iBAAiB,CAACwB,YAAY,GAAG;EAC/BhB,aAAa,EAAE;AACjB,CAAC;AAED,eAAeR,iBAAiB","ignoreList":[]}
+{"version":3,"file":"useThumbnailImage.js","names":["PropTypes","useGetImages","getImageData","useThumbnailImage","imageId","imageIndex","enableLightbox","toggleModal","handleSelectedImage","priority","selectedImageId","scrollToImage","data","loading","error","handleClick","url","imageUrl","imageData","getFile","altText","className","propTypes","string","isRequired","bool","func","defaultProps"],"sources":["../../../../src/variants/ThumbnailCarousel/ThumbnailImage/useThumbnailImage.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useGetImages } from '../../../hooks';\nimport { getImageData } from '../../../utils';\n\nconst useThumbnailImage = ({\n  imageId,\n  imageIndex,\n  enableLightbox,\n  toggleModal,\n  handleSelectedImage,\n  priority,\n  selectedImageId,\n  scrollToImage\n}) => {\n  const { data = {}, loading, error } = useGetImages(imageId);\n\n  const handleClick = () => {\n    if (scrollToImage) scrollToImage(imageIndex);\n    else if (enableLightbox) {\n      toggleModal();\n      handleSelectedImage(imageId);\n    }\n  };\n\n  const { url: imageUrl = '', data: imageData = {} } = data.getFile || {\n    getFile: { url: '', data: {} }\n  };\n  const { altText } = getImageData({}, imageData);\n\n  const className =\n    selectedImageId === imageId\n      ? 'thumbnail-carousel-image thumbnail-carousel-image--selected'\n      : 'thumbnail-carousel-image';\n\n  return {\n    loading,\n    error,\n    className,\n    imageId,\n    imageUrl,\n    altText,\n    priority,\n    handleClick\n  };\n};\n\nuseThumbnailImage.propTypes = {\n  imageId: PropTypes.string.isRequired,\n  selectedImageId: PropTypes.string.isRequired,\n  enableLightbox: PropTypes.bool.isRequired,\n  toggleModal: PropTypes.func.isRequired,\n  handleSelectedImage: PropTypes.func.isRequired,\n  priority: PropTypes.bool.isRequired,\n  scrollToImage: PropTypes.func\n};\n\nuseThumbnailImage.defaultProps = {\n  scrollToImage: null\n};\n\nexport default useThumbnailImage;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,YAAY,QAAQ,gBAAgB;AAE7C,MAAMC,iBAAiB,GAAGA,CAAC;EACzBC,OAAO;EACPC,UAAU;EACVC,cAAc;EACdC,WAAW;EACXC,mBAAmB;EACnBC,QAAQ;EACRC,eAAe;EACfC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC,IAAI,GAAG,CAAC,CAAC;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGb,YAAY,CAACG,OAAO,CAAC;EAE3D,MAAMW,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAIJ,aAAa,EAAEA,aAAa,CAACN,UAAU,CAAC,CAAC,KACxC,IAAIC,cAAc,EAAE;MACvBC,WAAW,CAAC,CAAC;MACbC,mBAAmB,CAACJ,OAAO,CAAC;IAC9B;EACF,CAAC;EAED,MAAM;IAAEY,GAAG,EAAEC,QAAQ,GAAG,EAAE;IAAEL,IAAI,EAAEM,SAAS,GAAG,CAAC;EAAE,CAAC,GAAGN,IAAI,CAACO,OAAO,IAAI;IACnEA,OAAO,EAAE;MAAEH,GAAG,EAAE,EAAE;MAAEJ,IAAI,EAAE,CAAC;IAAE;EAC/B,CAAC;EACD,MAAM;IAAEQ;EAAQ,CAAC,GAAGlB,YAAY,CAAC,CAAC,CAAC,EAAEgB,SAAS,CAAC;EAE/C,MAAMG,SAAS,GACbX,eAAe,KAAKN,OAAO,GACvB,6DAA6D,GAC7D,0BAA0B;EAEhC,OAAO;IACLS,OAAO;IACPC,KAAK;IACLO,SAAS;IACTjB,OAAO;IACPa,QAAQ;IACRG,OAAO;IACPX,QAAQ;IACRM;EACF,CAAC;AACH,CAAC;AAEDZ,iBAAiB,CAACmB,SAAS,GAAG;EAC5BlB,OAAO,EAAEJ,SAAS,CAACuB,MAAM,CAACC,UAAU;EACpCd,eAAe,EAAEV,SAAS,CAACuB,MAAM,CAACC,UAAU;EAC5ClB,cAAc,EAAEN,SAAS,CAACyB,IAAI,CAACD,UAAU;EACzCjB,WAAW,EAAEP,SAAS,CAAC0B,IAAI,CAACF,UAAU;EACtChB,mBAAmB,EAAER,SAAS,CAAC0B,IAAI,CAACF,UAAU;EAC9Cf,QAAQ,EAAET,SAAS,CAACyB,IAAI,CAACD,UAAU;EACnCb,aAAa,EAAEX,SAAS,CAAC0B;AAC3B,CAAC;AAEDvB,iBAAiB,CAACwB,YAAY,GAAG;EAC/BhB,aAAa,EAAE;AACjB,CAAC;AAED,eAAeR,iBAAiB"}

package/lib-es/variants/ThumbnailCarousel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["dynamic","ThumbnailCarousel","getSettings","componentSettings","_objectSpread","VariantComponent"],"sources":["../../../src/variants/ThumbnailCarousel/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst ThumbnailCarousel = {\n  getSettings: componentSettings => ({\n    ...componentSettings\n  }),\n  VariantComponent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVariantThumbnailCarousel\" */ './ThumbnailCarousel')\n  )\n};\n\nexport default ThumbnailCarousel;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,iBAAiB,GAAG;EACxBC,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,KACzBD,iBAAiB,CACpB;EACFE,gBAAgB,EAAEL,OAAO,CAAC,MACxB,MAAM,EAAC,yDAA0D,qBAAqB,CACxF;AACF,CAAC;AAED,eAAeC,iBAAiB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["dynamic","ThumbnailCarousel","getSettings","componentSettings","_objectSpread","VariantComponent"],"sources":["../../../src/variants/ThumbnailCarousel/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst ThumbnailCarousel = {\n  getSettings: componentSettings => ({\n    ...componentSettings\n  }),\n  VariantComponent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVariantThumbnailCarousel\" */ './ThumbnailCarousel')\n  )\n};\n\nexport default ThumbnailCarousel;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,iBAAiB,GAAG;EACxBC,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,KACzBD,iBAAiB,CACpB;EACFE,gBAAgB,EAAEL,OAAO,CAAC,MACxB,MAAM,EAAC,yDAA0D,qBAAqB,CACxF;AACF,CAAC;AAED,eAAeC,iBAAiB"}

package/lib-es/variants/ThumbnailCarousel/useThumbnailCarousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"useThumbnailCarousel.js","names":["useState","useRef","useThumbnailCarousel","_ref","imageIds","priorityLimit","props","_objectWithoutProperties","_excluded","selectedImageIndex","setSelectedImageIndex","thumbnailsListRef","selectedImageId","mainImageButtonClick","next","newIndex","isLast","length","isFirst","scrollToImage","current","scrollTo","left","behavior","_objectSpread"],"sources":["../../../src/variants/ThumbnailCarousel/useThumbnailCarousel.js"],"sourcesContent":["import { useState, useRef } from 'react';\n\nconst useThumbnailCarousel = ({ imageIds, priorityLimit, ...props }) => {\n  const [selectedImageIndex, setSelectedImageIndex] = useState(0);\n  const thumbnailsListRef = useRef(null);\n  const selectedImageId = imageIds[selectedImageIndex];\n\n  const mainImageButtonClick = next => {\n    let newIndex;\n    if (next) {\n      const isLast = imageIds.length - 1 === selectedImageIndex;\n      newIndex = isLast ? 0 : selectedImageIndex + 1;\n    } else {\n      const isFirst = selectedImageIndex === 0;\n      newIndex = isFirst ? imageIds.length - 1 : selectedImageIndex - 1;\n    }\n    scrollToImage(newIndex);\n  };\n\n  const scrollToImage = newIndex => {\n    if (thumbnailsListRef.current && selectedImageIndex !== newIndex) {\n      thumbnailsListRef.current.scrollTo({\n        left: 150 * newIndex,\n        behavior: 'smooth'\n      });\n      setSelectedImageIndex(newIndex);\n    }\n  };\n\n  return {\n    ...props,\n    imageIds,\n    selectedImageId,\n    selectedImageIndex,\n    thumbnailsListRef,\n    priorityLimit,\n    scrollToImage,\n    mainImageButtonClick\n  };\n};\n\nexport default useThumbnailCarousel;\n"],"mappings":";;;;;AAAA,SAASA,QAAQ,EAAEC,MAAM,QAAQ,OAAO;AAExC,MAAMC,oBAAoB,GAAGC,IAAA,IAA2C;EAAA,IAA1C;MAAEC,QAAQ;MAAEC;IAAwB,CAAC,GAAAF,IAAA;IAAPG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAC/D,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGV,QAAQ,CAAC,CAAC,CAAC;EAC/D,MAAMW,iBAAiB,GAAGV,MAAM,CAAC,IAAI,CAAC;EACtC,MAAMW,eAAe,GAAGR,QAAQ,CAACK,kBAAkB,CAAC;EAEpD,MAAMI,oBAAoB,GAAGC,IAAI,IAAI;IACnC,IAAIC,QAAQ;IACZ,IAAID,IAAI,EAAE;MACR,MAAME,MAAM,GAAGZ,QAAQ,CAACa,MAAM,GAAG,CAAC,KAAKR,kBAAkB;MACzDM,QAAQ,GAAGC,MAAM,GAAG,CAAC,GAAGP,kBAAkB,GAAG,CAAC;IAChD,CAAC,MAAM;MACL,MAAMS,OAAO,GAAGT,kBAAkB,KAAK,CAAC;MACxCM,QAAQ,GAAGG,OAAO,GAAGd,QAAQ,CAACa,MAAM,GAAG,CAAC,GAAGR,kBAAkB,GAAG,CAAC;IACnE;IACAU,aAAa,CAACJ,QAAQ,CAAC;EACzB,CAAC;EAED,MAAMI,aAAa,GAAGJ,QAAQ,IAAI;IAChC,IAAIJ,iBAAiB,CAACS,OAAO,IAAIX,kBAAkB,KAAKM,QAAQ,EAAE;MAChEJ,iBAAiB,CAACS,OAAO,CAACC,QAAQ,CAAC;QACjCC,IAAI,EAAE,GAAG,GAAGP,QAAQ;QACpBQ,QAAQ,EAAE;MACZ,CAAC,CAAC;MACFb,qBAAqB,CAACK,QAAQ,CAAC;IACjC;EACF,CAAC;EAED,OAAAS,aAAA,CAAAA,aAAA,KACKlB,KAAK;IACRF,QAAQ;IACRQ,eAAe;IACfH,kBAAkB;IAClBE,iBAAiB;IACjBN,aAAa;IACbc,aAAa;IACbN;EAAoB;AAExB,CAAC;AAED,eAAeX,oBAAoB","ignoreList":[]}
+{"version":3,"file":"useThumbnailCarousel.js","names":["useState","useRef","useThumbnailCarousel","_ref","imageIds","priorityLimit","props","_objectWithoutProperties","_excluded","selectedImageIndex","setSelectedImageIndex","thumbnailsListRef","selectedImageId","mainImageButtonClick","next","newIndex","isLast","length","isFirst","scrollToImage","current","scrollTo","left","behavior","_objectSpread"],"sources":["../../../src/variants/ThumbnailCarousel/useThumbnailCarousel.js"],"sourcesContent":["import { useState, useRef } from 'react';\n\nconst useThumbnailCarousel = ({ imageIds, priorityLimit, ...props }) => {\n  const [selectedImageIndex, setSelectedImageIndex] = useState(0);\n  const thumbnailsListRef = useRef(null);\n  const selectedImageId = imageIds[selectedImageIndex];\n\n  const mainImageButtonClick = next => {\n    let newIndex;\n    if (next) {\n      const isLast = imageIds.length - 1 === selectedImageIndex;\n      newIndex = isLast ? 0 : selectedImageIndex + 1;\n    } else {\n      const isFirst = selectedImageIndex === 0;\n      newIndex = isFirst ? imageIds.length - 1 : selectedImageIndex - 1;\n    }\n    scrollToImage(newIndex);\n  };\n\n  const scrollToImage = newIndex => {\n    if (thumbnailsListRef.current && selectedImageIndex !== newIndex) {\n      thumbnailsListRef.current.scrollTo({\n        left: 150 * newIndex,\n        behavior: 'smooth'\n      });\n      setSelectedImageIndex(newIndex);\n    }\n  };\n\n  return {\n    ...props,\n    imageIds,\n    selectedImageId,\n    selectedImageIndex,\n    thumbnailsListRef,\n    priorityLimit,\n    scrollToImage,\n    mainImageButtonClick\n  };\n};\n\nexport default useThumbnailCarousel;\n"],"mappings":";;;;;AAAA,SAASA,QAAQ,EAAEC,MAAM,QAAQ,OAAO;AAExC,MAAMC,oBAAoB,GAAGC,IAAA,IAA2C;EAAA,IAA1C;MAAEC,QAAQ;MAAEC;IAAwB,CAAC,GAAAF,IAAA;IAAPG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAC/D,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGV,QAAQ,CAAC,CAAC,CAAC;EAC/D,MAAMW,iBAAiB,GAAGV,MAAM,CAAC,IAAI,CAAC;EACtC,MAAMW,eAAe,GAAGR,QAAQ,CAACK,kBAAkB,CAAC;EAEpD,MAAMI,oBAAoB,GAAGC,IAAI,IAAI;IACnC,IAAIC,QAAQ;IACZ,IAAID,IAAI,EAAE;MACR,MAAME,MAAM,GAAGZ,QAAQ,CAACa,MAAM,GAAG,CAAC,KAAKR,kBAAkB;MACzDM,QAAQ,GAAGC,MAAM,GAAG,CAAC,GAAGP,kBAAkB,GAAG,CAAC;IAChD,CAAC,MAAM;MACL,MAAMS,OAAO,GAAGT,kBAAkB,KAAK,CAAC;MACxCM,QAAQ,GAAGG,OAAO,GAAGd,QAAQ,CAACa,MAAM,GAAG,CAAC,GAAGR,kBAAkB,GAAG,CAAC;IACnE;IACAU,aAAa,CAACJ,QAAQ,CAAC;EACzB,CAAC;EAED,MAAMI,aAAa,GAAGJ,QAAQ,IAAI;IAChC,IAAIJ,iBAAiB,CAACS,OAAO,IAAIX,kBAAkB,KAAKM,QAAQ,EAAE;MAChEJ,iBAAiB,CAACS,OAAO,CAACC,QAAQ,CAAC;QACjCC,IAAI,EAAE,GAAG,GAAGP,QAAQ;QACpBQ,QAAQ,EAAE;MACZ,CAAC,CAAC;MACFb,qBAAqB,CAACK,QAAQ,CAAC;IACjC;EACF,CAAC;EAED,OAAAS,aAAA,CAAAA,aAAA,KACKlB,KAAK;IACRF,QAAQ;IACRQ,eAAe;IACfH,kBAAkB;IAClBE,iBAAiB;IACjBN,aAAa;IACbc,aAAa;IACbN;EAAoB;AAExB,CAAC;AAED,eAAeX,oBAAoB"}

package/lib-es/variants/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["heroImage","infographic","longformGallery","longformRow","parallaxImageTextRight","thumbnailCarousel","slideSummary"],"sources":["../../src/variants/index.js"],"sourcesContent":["import heroImage from './HeroImage';\nimport infographic from './Infographic';\nimport longformGallery from './LongformGallery';\nimport longformRow from './LongformRow';\nimport parallaxImageTextRight from './ParallaxImageTextRight';\nimport thumbnailCarousel from './ThumbnailCarousel';\nimport slideSummary from './SlideSummary';\n\nexport default {\n  heroImage,\n  infographic,\n  longformGallery,\n  longformRow,\n  parallaxImageTextRight,\n  thumbnailCarousel,\n  slideSummary\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,aAAa;AACnC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,sBAAsB,MAAM,0BAA0B;AAC7D,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,YAAY,MAAM,gBAAgB;AAEzC,eAAe;EACbN,SAAS;EACTC,WAAW;EACXC,eAAe;EACfC,WAAW;EACXC,sBAAsB;EACtBC,iBAAiB;EACjBC;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["heroImage","infographic","longformGallery","longformRow","parallaxImageTextRight","thumbnailCarousel","slideSummary"],"sources":["../../src/variants/index.js"],"sourcesContent":["import heroImage from './HeroImage';\nimport infographic from './Infographic';\nimport longformGallery from './LongformGallery';\nimport longformRow from './LongformRow';\nimport parallaxImageTextRight from './ParallaxImageTextRight';\nimport thumbnailCarousel from './ThumbnailCarousel';\nimport slideSummary from './SlideSummary';\n\nexport default {\n  heroImage,\n  infographic,\n  longformGallery,\n  longformRow,\n  parallaxImageTextRight,\n  thumbnailCarousel,\n  slideSummary\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,aAAa;AACnC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,sBAAsB,MAAM,0BAA0B;AAC7D,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,OAAOC,YAAY,MAAM,gBAAgB;AAEzC,eAAe;EACbN,SAAS;EACTC,WAAW;EACXC,eAAe;EACfC,WAAW;EACXC,sBAAsB;EACtBC,iBAAiB;EACjBC;AACF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.145.1-core-styles.0",
+  "version": "0.146.0-alpha.10",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -27,22 +27,22 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/core-auth-ui": "0.145.1-core-styles.0",
-    "@blaze-cms/core-errors": "0.145.1-core-styles.0",
-    "@blaze-cms/core-errors-ui": "0.145.1-core-styles.0",
+    "@blaze-cms/core-auth-ui": "^0.144.0",
+    "@blaze-cms/core-errors": "^0.140.3",
+    "@blaze-cms/core-errors-ui": "^0.140.3",
     "@blaze-cms/image-cdn-react": "0.3.0-alpha.6",
-    "@blaze-cms/nextjs-components": "0.145.1-core-styles.0",
-    "@blaze-cms/plugin-search-ui": "0.145.1-core-styles.0",
-    "@blaze-cms/setup-ui": "0.145.1-core-styles.0",
-    "@blaze-cms/utils": "0.145.1-core-styles.0",
-    "@blaze-cms/utils-handlebars": "0.145.1-core-styles.0",
+    "@blaze-cms/nextjs-components": "^0.143.0",
+    "@blaze-cms/plugin-search-ui": "^0.144.0",
+    "@blaze-cms/setup-ui": "^0.140.3",
+    "@blaze-cms/utils": "^0.144.0",
+    "@blaze-cms/utils-handlebars": "0.146.0-alpha.10",
     "@blaze-react/breadcrumb": "0.8.0-alpha.60",
-    "@blaze-react/button": "0.5.19",
+    "@blaze-react/button": "0.8.0-alpha.82",
     "@blaze-react/checkboxes": "0.5.31",
     "@blaze-react/input": "0.8.0-alpha.78",
     "@blaze-react/modal": "0.5.19",
     "@blaze-react/range-filter": "0.7.2",
-    "@blaze-react/select": "0.8.0-alpha.78",
+    "@blaze-react/select": "0.8.0-alpha.80",
     "@blaze-react/utils": "0.5.15",
     "core-js": "^3.2.1",
     "dayjs": "^1.11.11",
@@ -90,5 +90,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "b2972054946378f1427e0d9157aae47b585f12ad"
+  "gitHead": "fa401d334c0c58776301f23c8875f24ff3729631"
 }

package/src/components/BackToTop/BackToTop.js

@@ -1,12 +1,9 @@
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import { FaArrowUp } from 'react-icons/fa';
-import Wrapper from '../Wrapper';
-import { getClassModifiers } from '../../utils';
 
-const BackToTop = ({ type, showAfterPixels, ...otherProps }) => {
+const BackToTop = ({ type, showAfterPixels }) => {
   const [goToTop, setGoToTop] = useState(false);
-  const modifiers = getClassModifiers(type, otherProps);
 
   useEffect(
     () => {
@@ -17,23 +14,21 @@ const BackToTop = ({ type, showAfterPixels, ...otherProps }) => {
     [showAfterPixels]
   );
 
-  const handleBackToTop = () => {
+  const handleBackToTop = event => {
+    event.preventDefault();
     window.scroll({
       top: 0,
       left: 0,
       behavior: 'smooth'
     });
-    setGoToTop(false);
   };
 
   return (
     <>
       {goToTop && (
-        <Wrapper className={type} modifiers={modifiers} onClick={handleBackToTop}>
-          <i>
-            <FaArrowUp />
-          </i>
-        </Wrapper>
+        <a href="#top" className={type} onClick={handleBackToTop} aria-label="Back to top">
+          <FaArrowUp />
+        </a>
       )}
     </>
   );

package/src/components/Card/Card.js

@@ -51,7 +51,8 @@ const Card = ({
   const router = useRouter();
   const { imageSrc, shouldDisplayThumbnail, altText } = getImageDefinedProps({
     image,
-    displayThumbnail
+    displayThumbnail,
+    name
   });
 
   const modifiers = getInitialModifiers({ modifier, style, otherProps });
@@ -98,48 +99,57 @@ const Card = ({
     if (shouldTriggerRouteChange) router.push(`/Resolver`, url);
   };
 
-  // todo: remove temp env var flag once widely tested BLAZE_PB_ADD_CLICK_TO_CARDS
-  const clickProps =
-    url && process.env.BLAZE_PB_ADD_CLICK_TO_CARDS
-      ? {
-          onClick: handleCardClick,
-          role: 'button'
-        }
-      : {};
+  // todo: asses whether we make link wrapper default after wider testing with BLAZE_PB_ADD_CLICK_TO_CARDS
+  const useLinkWrapper = url && process.env.BLAZE_PB_ADD_CLICK_TO_CARDS;
+  const clickProps = useLinkWrapper
+    ? {
+        onClick: handleCardClick,
+        href: url,
+        ariaLabel: name
+      }
+    : {};
+  const CardWrapper = useLinkWrapper ? BlazeLink : 'div';
+  const childLinkHref = useLinkWrapper ? undefined : url;
+  const ChildLinkWrapper = useLinkWrapper ? 'div' : BlazeLink;
+
   return (
     <Wrapper {...wrapperProps}>
-      <div className={classNameWithModifiers} {...clickProps}>
+      <CardWrapper className={classNameWithModifiers} {...clickProps}>
         {shouldDisplayThumbnail && (
           <div className={getModifiers('card__image', modifiers)}>
-            <BlazeLink gtmId={gtmId} href={url} className="card__image-link" scroll>
+            <ChildLinkWrapper
+              gtmId={gtmId}
+              href={childLinkHref}
+              className="card__image-link"
+              scroll>
               <LazyImage
                 src={imageSrc}
                 alt={altText}
                 sizeKey={dynamicSizeKey}
                 priority={priority}
               />
-            </BlazeLink>
+            </ChildLinkWrapper>
           </div>
         )}
         <div className={contentWrapperModifier}>
           <div className={getModifiers('card__content', modifiers)}>
             {displayCategory &&
               (publishedListingPage ? (
-                <BlazeLink
+                <ChildLinkWrapper
                   gtmId={gtmId}
                   href={publishedListingPage}
                   className="badge badge--label"
                   scroll>
                   {preHeader.name}
-                </BlazeLink>
+                </ChildLinkWrapper>
               ) : (
                 <div className="badge badge--label">{label}</div>
               ))}
             {displayTitle && (
               <div className={titleWrapperModifier}>
-                <BlazeLink title={linkTitle} gtmId={gtmId} href={url} scroll>
+                <ChildLinkWrapper title={linkTitle} gtmId={gtmId} href={childLinkHref} scroll>
                   {headline}
-                </BlazeLink>
+                </ChildLinkWrapper>
               </div>
             )}
             {!!pageBuilderComponents.length && (
@@ -174,7 +184,7 @@ const Card = ({
             <div className="card__child-content">{renderChildren(cardChildren)}</div>
           )}
         </div>
-      </div>
+      </CardWrapper>
     </Wrapper>
   );
 };
@@ -265,10 +275,10 @@ const getCategoryDefinedProps = ({
   return { publishedListingPage, preHeader, label, headline };
 };
 
-const getImageDefinedProps = ({ image, displayThumbnail }) => {
+const getImageDefinedProps = ({ image, displayThumbnail, name }) => {
   const { url: imageSrc, data } = image || {};
   const shouldDisplayThumbnail = displayThumbnail && imageSrc;
-  const altText = (data && data.altText) || '';
+  const altText = (data && data.altText) || name;
   return { imageSrc, shouldDisplayThumbnail, altText };
 };
 

package/src/components/Card/CardsContainer.js

@@ -36,6 +36,7 @@ const CardContainer = ({
   autoScrollTimer,
   overlayModifier,
   titleOverlayModifier,
+  VariantComponent,
   ...cardProps
 }) => {
   const { itemId } = useContext(MainContext);
@@ -47,7 +48,8 @@ const CardContainer = ({
   const dynamicWrapperSizes = enableCarousel
     ? ''
     : getDynamicGridClasses('grid', itemsPerRow, designConfig);
-  const CardWrapper = enableCarousel ? CarouselWrapper : Wrapper;
+  const InitialWrapper = enableCarousel ? CarouselWrapper : Wrapper;
+  const CardWrapper = VariantComponent || InitialWrapper;
   let bannerIndex = 0;
 
   return (
@@ -154,7 +156,8 @@ CardContainer.propTypes = {
   enableOverlay: PropTypes.bool,
   overlayModifier: PropTypes.string,
   titleOverlayModifier: PropTypes.string,
-  autoScrollTimer: PropTypes.number
+  autoScrollTimer: PropTypes.number,
+  VariantComponent: PropTypes.func
 };
 
 CardContainer.defaultProps = {
@@ -179,7 +182,8 @@ CardContainer.defaultProps = {
   enableOverlay: false,
   autoScrollTimer: 0,
   overlayModifier: '',
-  titleOverlayModifier: ''
+  titleOverlayModifier: '',
+  VariantComponent: null
 };
 
 export default withTitle(CardContainer);

package/src/components/Card/CardsFactory.js

@@ -1,10 +1,13 @@
 import React from 'react';
 import { useQuery } from '@apollo/client';
 import PropTypes from 'prop-types';
-import { getSingleEntitySchema } from '../../application/query';
+import { useRouter } from 'next/router';
+import { parseUrl } from 'query-string';
+import { getSingleEntitySchema, getItemList } from '../../application/query';
 import CardsRender from './CardsRender';
 import { buildPropsQuery, getGenericProps, checkPropsToUse } from '../../helpers';
 import { WITH_BANNER } from '../../constants';
+import { getItemListId, getItemListIds } from '../ItemList/helpers';
 
 const CardsFactory = ({
   entity,
@@ -12,15 +15,32 @@ const CardsFactory = ({
   propsToDisplay,
   itemsToDisplay,
   itemListName,
+  VariantComponent,
   ...cardProps
 }) => {
   const entityTouse = entities && entities.length ? entities[0] : entity;
+  const router = useRouter();
+  const { asPath } = router;
+  const parsedQuery = asPath.replace(/%5D/g, ']').replace(/%5B/g, '[');
+
+  const { query: { itemListId: queryItemListId } = {} } = parseUrl(parsedQuery);
+
   const { data, error, loading } = useQuery(getSingleEntitySchema, {
     variables: { id: entityTouse }
   });
 
-  if (loading) return '';
-  if (error) return error.message;
+  const itemListId = getItemListId(itemListName, queryItemListId);
+
+  const { data: itemListData = {}, loading: itemListLoading, error: itemListError } = useQuery(
+    getItemList,
+    {
+      variables: { id: itemListId },
+      skip: !itemListId
+    }
+  );
+
+  if (loading || itemListLoading) return '';
+  if (error || itemListError) return error.message || itemListError.message;
   if (!data) return null;
 
   const propsToDisplayValues = checkPropsToUse(propsToDisplay);
@@ -28,13 +48,19 @@ const CardsFactory = ({
   const { gridModifier, ...cardRenderProps } = getGenericProps(cardProps);
   const extraModifierForBanner = cardRenderProps.banner ? WITH_BANNER : '';
 
+  const itemListIds = getItemListIds(itemListData);
+  const itemsToDisplayToUse = itemListIds || itemsToDisplay;
+
+  if (itemListName && !itemListIds) return null;
+
   return (
     <CardsRender
       gridModifier={`${gridModifier}${extraModifierForBanner}`}
       bannerModifier={extraModifierForBanner}
-      itemsToDisplay={itemsToDisplay}
+      itemsToDisplay={itemsToDisplayToUse}
       propsToDisplay={propsToDisplay}
       entityFields={extraProps}
+      VariantComponent={VariantComponent}
       {...cardRenderProps}
       entity={entityTouse}
       entities={entities}
@@ -47,7 +73,8 @@ CardsFactory.propTypes = {
   propsToDisplay: PropTypes.array,
   itemsToDisplay: PropTypes.array,
   itemListName: PropTypes.string,
-  entities: PropTypes.array
+  entities: PropTypes.array,
+  VariantComponent: PropTypes.func
 };
 
 CardsFactory.defaultProps = {
@@ -55,7 +82,8 @@ CardsFactory.defaultProps = {
   itemsToDisplay: [],
   itemListName: '',
   entity: null,
-  entities: null
+  entities: null,
+  VariantComponent: null
 };
 
 export default CardsFactory;

package/src/components/Card/CardsRender.js

@@ -34,6 +34,7 @@ const CardsRender = ({
   entityFields,
   itemsToDisplay,
   children,
+  VariantComponent,
   ...otherProps
 }) => {
   const { isPreview } = useContext(MainContext);
@@ -204,6 +205,7 @@ const CardsRender = ({
         gtmChildren={gtmChildren}
         cardChildren={regularChildren}
         graphqlEntityMap={graphqlEntityMap}
+        VariantComponent={VariantComponent}
         {...variableProps}
       />
     </>
@@ -215,13 +217,15 @@ CardsRender.propTypes = {
   entity: PropTypes.string.isRequired,
   entityFields: PropTypes.string.isRequired,
   itemsToDisplay: PropTypes.array,
-  entities: PropTypes.array
+  entities: PropTypes.array,
+  VariantComponent: PropTypes.func
 };
 
 CardsRender.defaultProps = {
   children: [],
   itemsToDisplay: [],
-  entities: []
+  entities: [],
+  VariantComponent: null
 };
 
 export default CardsRender;

package/src/components/Card/helpers/index.js

@@ -1,9 +1,9 @@
 export { default as getPublishedListingUrl } from './get-published-listing-url';
 export { default as useDynamicSizeKey } from './use-dynamic-size-key';
 export { default as getDynamicGridClasses } from './get-dynamic-grid-classes';
-export { default as filtersSetup } from './filters-setup';
-export { default as filterQuerySetup } from './filter-query-setup';
-export { default as shouldReturn } from './should-return';
-export { default as shouldSkipSingleQuery } from './should-skip-single-query';
-export { default as getUpdatedSortProperties } from './get-updated-sort-properties';
-export { default as getUpdatedItemsToDisplay } from './get-updated-items-to-display';
+export { default as filtersSetup } from '../../../helpers/filters-setup';
+export { default as filterQuerySetup } from '../../../helpers/filter-query-setup';
+export { default as shouldReturn } from '../../../helpers/should-return';
+export { default as shouldSkipSingleQuery } from '../../../helpers/should-skip-single-query';
+export { default as getUpdatedSortProperties } from '../../../helpers/get-updated-sort-properties';
+export { default as getUpdatedItemsToDisplay } from '../../../helpers/get-updated-items-to-display';

package/src/components/Carousel/CarouselImage/CarouselImage.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import { useGetImages } from '../../../hooks';
 import { getImageData } from '../../../utils';
 import LazyImage from '../../LazyImage';
+import { CAROUSEL_DEFAULT_ALT } from './constants';
 
 const CarouselImage = ({ imageId, enableLightbox, toggleModal, handleSelectedImage, priority }) => {
   const { data, loading, error } = useGetImages(imageId);
@@ -14,6 +15,7 @@ const CarouselImage = ({ imageId, enableLightbox, toggleModal, handleSelectedIma
   };
 
   const { altText } = getImageData({}, imageData);
+  const alt = altText || CAROUSEL_DEFAULT_ALT;
 
   const handleEnableLightbox = () => {
     if (!enableLightbox) return;
@@ -28,7 +30,7 @@ const CarouselImage = ({ imageId, enableLightbox, toggleModal, handleSelectedIma
       ) : (
         <LazyImage
           src={imageUrl}
-          alt={altText}
+          alt={alt}
           sizeKey="carousel"
           onClick={handleEnableLightbox}
           role="button"

package/src/components/Carousel/CarouselImage/constants.js

@@ -0,0 +1 @@
+export const CAROUSEL_DEFAULT_ALT = 'Carousel image';

package/src/components/CarouselWrapper/DefaultCarousel.js

@@ -91,6 +91,7 @@ const DefaultCarousel = ({
           <button
             type="button"
             className="cards-carousel--button-back icon-button icon"
+            aria-label="Scroll left"
             onClick={() => {
               setShouldAutoScroll(false);
               handleButtonNavigation();
@@ -105,6 +106,7 @@ const DefaultCarousel = ({
           <button
             type="button"
             className="cards-carousel--button-forward icon-button icon"
+            aria-label="Scroll right"
             onClick={() => {
               setShouldAutoScroll(false);
               handleButtonNavigation(true);

package/src/components/ContentGroup/ContentGroupTabs.js

@@ -29,12 +29,10 @@ const ContentGroupTabs = ({ name, contentType, groupSections, sectionsData, Vari
         {groupSections.map((_, index) => {
           const [sectionName, sectioLabel] = sectionsData[index];
           const tabId = `${TAB}-${sectionName}`;
-          const panelId = `${PANEL}-${sectionName}`;
           const isSelected = selectedTab === tabId;
           const buttonClassName = `${CONTENT_GROUP}-${contentClassame}__button${
             isSelected ? '--is-active' : ''
           }`;
-
           return (
             <button
               id={tabId}
@@ -43,7 +41,7 @@ const ContentGroupTabs = ({ name, contentType, groupSections, sectionsData, Vari
               type="button"
               role="tab"
               aria-selected={isSelected}
-              aria-controls={panelId}
+              aria-controls={sectionName}
               onClick={() => {
                 const baseUrl = asPath.split('#')[0];
                 const newUrl = `${baseUrl}#${sectionName}`;

package/src/components/DateTime/DateTime.js

@@ -11,11 +11,11 @@ const DateTime = ({ format, customFormat, modifier }) => {
 
   if (!dateFormat) return null;
 
-  const formattedDate = dayjs().format(dateFormat);
+  const formatedDate = dayjs().format(dateFormat);
 
   return (
     <Wrapper className="date" modifiers={modifier}>
-      {formattedDate}
+      {formatedDate}
     </Wrapper>
   );
 };
@@ -27,8 +27,8 @@ DateTime.propTypes = {
 };
 
 DateTime.defaultProps = {
-  customFormat: '',
-  modifier: null
+  modifier: null,
+  customFormat: ''
 };
 
 export default DateTime;

package/src/components/Image/GlobalLightbox/GlobalLightbox.js

@@ -46,7 +46,7 @@ const GlobalLightbox = ({ images, onClose, selectedImage, metaTitle, parentName
     value: caption
   });
 
-  // depreciated: imageCredits is depreciated. This code is to handle legacy data. check before changing/removing
+  // deprecated: imageCredits is deprecated. This code is to handle legacy data. check before changing/removing
   const shouldDisplayCredits = shouldShowProperty({
     isDisplayed: areImageCreditsDisplayed,
     value: credits || imageCredits
@@ -105,7 +105,7 @@ const GlobalLightbox = ({ images, onClose, selectedImage, metaTitle, parentName
                         handleAction={handlePrevious}
                         show={showPrevious}
                         modifier="previous"
-                        aria-label="Previous Image"
+                        ariaLabel="Previous Image"
                       />
 
                       <div className="slider slider--gallery">
@@ -138,7 +138,7 @@ const GlobalLightbox = ({ images, onClose, selectedImage, metaTitle, parentName
                       </div>
 
                       <NavButton
-                        aria-label="Next Image"
+                        ariaLabel="Next Image"
                         handleAction={handleNext}
                         show={showNext}
                         modifier="next"

package/src/components/Image/GlobalLightbox/NavButton.js

@@ -1,13 +1,14 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-const NavButton = ({ handleAction, show, modifier }) => (
+const NavButton = ({ handleAction, show, modifier, ariaLabel }) => (
   <>
     {show && (
       <div
         role="button"
         className={`slider__button slider__button--gallery slider__button--${modifier}`}
-        onClick={handleAction}>
+        onClick={handleAction}
+        aria-label={ariaLabel}>
         <div
           className={`arrow arrow--${modifier === 'next' ? 'right' : 'left'}`}
           data-testid={`navButton-${modifier}`}
@@ -20,7 +21,8 @@ const NavButton = ({ handleAction, show, modifier }) => (
 NavButton.propTypes = {
   handleAction: PropTypes.func.isRequired,
   show: PropTypes.bool.isRequired,
-  modifier: PropTypes.string.isRequired
+  modifier: PropTypes.string.isRequired,
+  ariaLabel: PropTypes.string.isRequired
 };
 
 export default NavButton;