@blaze-cms/react-page-builder 0.124.0-alpha.2 → 0.124.0-alpha.22

package/lib-es/components/Image/GlobalLightbox/GlobalLightbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Image/GlobalLightbox/GlobalLightbox.js"],"names":["React","useState","Fragment","PropTypes","ResponsiveImage","FaTimes","BlazeLink","ImageDetails","NavButton","getImageData","useGetImages","shouldShowProperty","GlobalLightbox","images","onClose","selectedImage","metaTitle","parentName","index","setIndex","currentImage","imageId","url","name","enableLightbox","isCaptionDisplayed","areImageCreditsDisplayed","imageCredits","credits","otherProps","data","loading","error","message","imageUrl","imageData","getFile","urlProps","href","title","imgWrapperProps","caption","altText","shouldDisplayCaption","isDisplayed","value","shouldDisplayCredits","navigate","position","newPosition","handlePrevious","handleNext","handleClose","showNext","length","showPrevious","imageCounter","Object","keys","propTypes","arrayOf","shape","string","func","isRequired","number","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport { FaTimes } from 'react-icons/fa';\nimport BlazeLink from '../../BlazeLink';\nimport ImageDetails from '../ImageDetails';\nimport NavButton from './NavButton';\nimport getImageData from '../../../utils/get-image-data';\nimport useGetImages from '../../../hooks/use-get-images';\nimport { shouldShowProperty } from '../../../helpers';\n\nconst GlobalLightbox = ({ images, onClose, selectedImage, metaTitle, parentName }) => {\n  const [index, setIndex] = useState(selectedImage);\n\n  const currentImage = images[index] || {};\n\n  const {\n    imageId,\n    url,\n    name,\n    enableLightbox,\n    isCaptionDisplayed,\n    areImageCreditsDisplayed,\n    imageCredits,\n    credits,\n    ...otherProps\n  } = currentImage;\n\n  const { data, loading, error } = useGetImages(imageId);\n\n  if (error) {\n    return error.message;\n  }\n\n  const { url: imageUrl = '', data: imageData = {} } = data.getFile || {\n    getFile: { url: '', data: {} }\n  };\n\n  const urlProps = { href: url, title: name };\n  const imgWrapperProps = url ? urlProps : {};\n\n  const { caption, altText } = getImageData(otherProps, imageData);\n\n  const shouldDisplayCaption = shouldShowProperty({\n    isDisplayed: isCaptionDisplayed,\n    value: caption\n  });\n\n  // depreciated: imageCredits is depreciated. This code is to handle legacy data. check before changing/removing\n  const shouldDisplayCredits = shouldShowProperty({\n    isDisplayed: areImageCreditsDisplayed,\n    value: credits || imageCredits\n  });\n\n  const navigate = position => {\n    const newPosition = index + position;\n    if (images[newPosition]) {\n      setIndex(newPosition);\n    }\n  };\n\n  const handlePrevious = () => navigate(-1);\n  const handleNext = () => navigate(1);\n  const handleClose = () => onClose();\n\n  const showNext = index !== images.length - 1;\n  const showPrevious = !!index;\n\n  const imageCounter = `${index + 1} of ${images.length}`;\n\n  return (\n    <>\n      {!!images.length && (\n        <div>\n          <div className=\"overlay\" />\n          <div className=\"modal modal--full-screen modal--gallery modal--show\">\n            <header className=\"modal__header modal__header--gallery\">\n              <div className=\"modal__title modal__title--gallery\">\n                {parentName || metaTitle || name}\n              </div>\n              <div role=\"button\" className=\"modal__close\" onClick={handleClose}>\n                <i>\n                  <FaTimes />\n                </i>\n              </div>\n            </header>\n            <div className=\"modal__content modal__content--gallery\">\n              <div className=\"gallery\">\n                <div className=\"gallery__column gallery__column--slider\">\n                  <div className=\"gallery__slider\">\n                    <div className=\"slider__wrapper slider__wrapper--gallery open\">\n                      <div className=\"slider__header slider__header--gallery\">\n                        <div\n                          className=\"slider__counter slider__counter--gallery\"\n                          data-testid=\"image-counter\">\n                          {imageCounter}\n                        </div>\n                      </div>\n\n                      <NavButton\n                        handleAction={handlePrevious}\n                        show={showPrevious}\n                        modifier=\"previous\"\n                      />\n\n                      <div className=\"slider slider--gallery\">\n                        <div className=\"slider__list slider__list--gallery\">\n                          <div className=\"slider__list-wrapper slider__list-wrapper--gallery\">\n                            <div className=\"slider__slide slider__slide--gallery\">\n                              {loading && <div />}\n                              {Object.keys(imgWrapperProps).length ? (\n                                <BlazeLink {...imgWrapperProps}>\n                                  <ResponsiveImage\n                                    src={imageUrl}\n                                    alt={altText}\n                                    sizeKey=\"globalLightbox\"\n                                    data-testid=\"globalLightboxImage\"\n                                  />\n                                </BlazeLink>\n                              ) : (\n                                <Fragment>\n                                  <ResponsiveImage\n                                    src={imageUrl}\n                                    alt={altText}\n                                    sizeKey=\"globalLightbox\"\n                                    data-testid=\"globalLightboxImage\"\n                                  />\n                                </Fragment>\n                              )}\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n\n                      <NavButton handleAction={handleNext} show={showNext} modifier=\"next\" />\n                    </div>\n                    {(shouldDisplayCaption || shouldDisplayCredits) && (\n                      <ImageDetails\n                        caption={caption}\n                        credits={credits || imageCredits}\n                        shouldDisplayCaption={shouldDisplayCaption}\n                        shouldDisplayCredits={shouldDisplayCredits}\n                      />\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n\nGlobalLightbox.propTypes = {\n  images: PropTypes.arrayOf(\n    PropTypes.shape({\n      url: PropTypes.string,\n      imageId: PropTypes.string\n    })\n  ),\n  metaTitle: PropTypes.string,\n  onClose: PropTypes.func.isRequired,\n  selectedImage: PropTypes.number,\n  parentName: PropTypes.string\n};\n\nGlobalLightbox.defaultProps = {\n  metaTitle: '',\n  images: [],\n  selectedImage: 0,\n  parentName: ''\n};\n\nexport default GlobalLightbox;\n"],"file":"GlobalLightbox.js"}
+{"version":3,"file":"GlobalLightbox.js","names":["React","useState","Fragment","PropTypes","ResponsiveImage","FaTimes","BlazeLink","ImageDetails","NavButton","getImageData","useGetImages","shouldShowProperty","GlobalLightbox","images","onClose","selectedImage","metaTitle","parentName","index","setIndex","currentImage","imageId","url","name","enableLightbox","isCaptionDisplayed","areImageCreditsDisplayed","imageCredits","credits","otherProps","data","loading","error","message","imageUrl","imageData","getFile","urlProps","href","title","imgWrapperProps","caption","altText","shouldDisplayCaption","isDisplayed","value","shouldDisplayCredits","navigate","position","newPosition","handlePrevious","handleNext","handleClose","showNext","length","showPrevious","imageCounter","Object","keys","propTypes","arrayOf","shape","string","func","isRequired","number","defaultProps"],"sources":["../../../../src/components/Image/GlobalLightbox/GlobalLightbox.js"],"sourcesContent":["import React, { useState, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport { FaTimes } from 'react-icons/fa';\nimport BlazeLink from '../../BlazeLink';\nimport ImageDetails from '../ImageDetails';\nimport NavButton from './NavButton';\nimport getImageData from '../../../utils/get-image-data';\nimport useGetImages from '../../../hooks/use-get-images';\nimport { shouldShowProperty } from '../../../helpers';\n\nconst GlobalLightbox = ({ images, onClose, selectedImage, metaTitle, parentName }) => {\n  const [index, setIndex] = useState(selectedImage);\n\n  const currentImage = images[index] || {};\n\n  const {\n    imageId,\n    url,\n    name,\n    enableLightbox,\n    isCaptionDisplayed,\n    areImageCreditsDisplayed,\n    imageCredits,\n    credits,\n    ...otherProps\n  } = currentImage;\n\n  const { data, loading, error } = useGetImages(imageId);\n\n  if (error) {\n    return error.message;\n  }\n\n  const { url: imageUrl = '', data: imageData = {} } = data.getFile || {\n    getFile: { url: '', data: {} }\n  };\n\n  const urlProps = { href: url, title: name };\n  const imgWrapperProps = url ? urlProps : {};\n\n  const { caption, altText } = getImageData(otherProps, imageData);\n\n  const shouldDisplayCaption = shouldShowProperty({\n    isDisplayed: isCaptionDisplayed,\n    value: caption\n  });\n\n  // depreciated: imageCredits is depreciated. This code is to handle legacy data. check before changing/removing\n  const shouldDisplayCredits = shouldShowProperty({\n    isDisplayed: areImageCreditsDisplayed,\n    value: credits || imageCredits\n  });\n\n  const navigate = position => {\n    const newPosition = index + position;\n    if (images[newPosition]) {\n      setIndex(newPosition);\n    }\n  };\n\n  const handlePrevious = () => navigate(-1);\n  const handleNext = () => navigate(1);\n  const handleClose = () => onClose();\n\n  const showNext = index !== images.length - 1;\n  const showPrevious = !!index;\n\n  const imageCounter = `${index + 1} of ${images.length}`;\n\n  return (\n    <>\n      {!!images.length && (\n        <div>\n          <div className=\"overlay\" />\n          <div className=\"modal modal--full-screen modal--gallery modal--show\">\n            <header className=\"modal__header modal__header--gallery\">\n              <div className=\"modal__title modal__title--gallery\">\n                {parentName || metaTitle || name}\n              </div>\n              <div role=\"button\" className=\"modal__close\" onClick={handleClose}>\n                <i>\n                  <FaTimes />\n                </i>\n              </div>\n            </header>\n            <div className=\"modal__content modal__content--gallery\">\n              <div className=\"gallery\">\n                <div className=\"gallery__column gallery__column--slider\">\n                  <div className=\"gallery__slider\">\n                    <div className=\"slider__wrapper slider__wrapper--gallery open\">\n                      <div className=\"slider__header slider__header--gallery\">\n                        <div\n                          className=\"slider__counter slider__counter--gallery\"\n                          data-testid=\"image-counter\">\n                          {imageCounter}\n                        </div>\n                      </div>\n\n                      <NavButton\n                        handleAction={handlePrevious}\n                        show={showPrevious}\n                        modifier=\"previous\"\n                      />\n\n                      <div className=\"slider slider--gallery\">\n                        <div className=\"slider__list slider__list--gallery\">\n                          <div className=\"slider__list-wrapper slider__list-wrapper--gallery\">\n                            <div className=\"slider__slide slider__slide--gallery\">\n                              {loading && <div />}\n                              {Object.keys(imgWrapperProps).length ? (\n                                <BlazeLink {...imgWrapperProps}>\n                                  <ResponsiveImage\n                                    src={imageUrl}\n                                    alt={altText}\n                                    sizeKey=\"globalLightbox\"\n                                    data-testid=\"globalLightboxImage\"\n                                  />\n                                </BlazeLink>\n                              ) : (\n                                <Fragment>\n                                  <ResponsiveImage\n                                    src={imageUrl}\n                                    alt={altText}\n                                    sizeKey=\"globalLightbox\"\n                                    data-testid=\"globalLightboxImage\"\n                                  />\n                                </Fragment>\n                              )}\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n\n                      <NavButton handleAction={handleNext} show={showNext} modifier=\"next\" />\n                    </div>\n                    {(shouldDisplayCaption || shouldDisplayCredits) && (\n                      <ImageDetails\n                        caption={caption}\n                        credits={credits || imageCredits}\n                        shouldDisplayCaption={shouldDisplayCaption}\n                        shouldDisplayCredits={shouldDisplayCredits}\n                      />\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n\nGlobalLightbox.propTypes = {\n  images: PropTypes.arrayOf(\n    PropTypes.shape({\n      url: PropTypes.string,\n      imageId: PropTypes.string\n    })\n  ),\n  metaTitle: PropTypes.string,\n  onClose: PropTypes.func.isRequired,\n  selectedImage: PropTypes.number,\n  parentName: PropTypes.string\n};\n\nGlobalLightbox.defaultProps = {\n  metaTitle: '',\n  images: [],\n  selectedImage: 0,\n  parentName: ''\n};\n\nexport default GlobalLightbox;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,QAA1B,QAA0C,OAA1C;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,eAAT,QAAgC,4BAAhC;AACA,SAASC,OAAT,QAAwB,gBAAxB;AACA,OAAOC,SAAP,MAAsB,iBAAtB;AACA,OAAOC,YAAP,MAAyB,iBAAzB;AACA,OAAOC,SAAP,MAAsB,aAAtB;AACA,OAAOC,YAAP,MAAyB,+BAAzB;AACA,OAAOC,YAAP,MAAyB,+BAAzB;AACA,SAASC,kBAAT,QAAmC,kBAAnC;;AAEA,MAAMC,cAAc,GAAG,CAAC;EAAEC,MAAF;EAAUC,OAAV;EAAmBC,aAAnB;EAAkCC,SAAlC;EAA6CC;AAA7C,CAAD,KAA+D;EACpF,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoBlB,QAAQ,CAACc,aAAD,CAAlC;EAEA,MAAMK,YAAY,GAAGP,MAAM,CAACK,KAAD,CAAN,IAAiB,EAAtC;;EAEA,MAAM;IACJG,OADI;IAEJC,GAFI;IAGJC,IAHI;IAIJC,cAJI;IAKJC,kBALI;IAMJC,wBANI;IAOJC,YAPI;IAQJC;EARI,IAUFR,YAVJ;EAAA,MASKS,UATL,4BAUIT,YAVJ;;EAYA,MAAM;IAAEU,IAAF;IAAQC,OAAR;IAAiBC;EAAjB,IAA2BtB,YAAY,CAACW,OAAD,CAA7C;;EAEA,IAAIW,KAAJ,EAAW;IACT,OAAOA,KAAK,CAACC,OAAb;EACD;;EAED,MAAM;IAAEX,GAAG,EAAEY,QAAQ,GAAG,EAAlB;IAAsBJ,IAAI,EAAEK,SAAS,GAAG;EAAxC,IAA+CL,IAAI,CAACM,OAAL,IAAgB;IACnEA,OAAO,EAAE;MAAEd,GAAG,EAAE,EAAP;MAAWQ,IAAI,EAAE;IAAjB;EAD0D,CAArE;EAIA,MAAMO,QAAQ,GAAG;IAAEC,IAAI,EAAEhB,GAAR;IAAaiB,KAAK,EAAEhB;EAApB,CAAjB;EACA,MAAMiB,eAAe,GAAGlB,GAAG,GAAGe,QAAH,GAAc,EAAzC;EAEA,MAAM;IAAEI,OAAF;IAAWC;EAAX,IAAuBjC,YAAY,CAACoB,UAAD,EAAaM,SAAb,CAAzC;EAEA,MAAMQ,oBAAoB,GAAGhC,kBAAkB,CAAC;IAC9CiC,WAAW,EAAEnB,kBADiC;IAE9CoB,KAAK,EAAEJ;EAFuC,CAAD,CAA/C,CAhCoF,CAqCpF;;EACA,MAAMK,oBAAoB,GAAGnC,kBAAkB,CAAC;IAC9CiC,WAAW,EAAElB,wBADiC;IAE9CmB,KAAK,EAAEjB,OAAO,IAAID;EAF4B,CAAD,CAA/C;;EAKA,MAAMoB,QAAQ,GAAGC,QAAQ,IAAI;IAC3B,MAAMC,WAAW,GAAG/B,KAAK,GAAG8B,QAA5B;;IACA,IAAInC,MAAM,CAACoC,WAAD,CAAV,EAAyB;MACvB9B,QAAQ,CAAC8B,WAAD,CAAR;IACD;EACF,CALD;;EAOA,MAAMC,cAAc,GAAG,MAAMH,QAAQ,CAAC,CAAC,CAAF,CAArC;;EACA,MAAMI,UAAU,GAAG,MAAMJ,QAAQ,CAAC,CAAD,CAAjC;;EACA,MAAMK,WAAW,GAAG,MAAMtC,OAAO,EAAjC;;EAEA,MAAMuC,QAAQ,GAAGnC,KAAK,KAAKL,MAAM,CAACyC,MAAP,GAAgB,CAA3C;EACA,MAAMC,YAAY,GAAG,CAAC,CAACrC,KAAvB;EAEA,MAAMsC,YAAY,GAAI,GAAEtC,KAAK,GAAG,CAAE,OAAML,MAAM,CAACyC,MAAO,EAAtD;EAEA,oBACE,0CACG,CAAC,CAACzC,MAAM,CAACyC,MAAT,iBACC,8CACE;IAAK,SAAS,EAAC;EAAf,EADF,eAEE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAQ,SAAS,EAAC;EAAlB,gBACE;IAAK,SAAS,EAAC;EAAf,GACGrC,UAAU,IAAID,SAAd,IAA2BO,IAD9B,CADF,eAIE;IAAK,IAAI,EAAC,QAAV;IAAmB,SAAS,EAAC,cAA7B;IAA4C,OAAO,EAAE6B;EAArD,gBACE,4CACE,oBAAC,OAAD,OADF,CADF,CAJF,CADF,eAWE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IACE,SAAS,EAAC,0CADZ;IAEE,eAAY;EAFd,GAGGI,YAHH,CADF,CADF,eASE,oBAAC,SAAD;IACE,YAAY,EAAEN,cADhB;IAEE,IAAI,EAAEK,YAFR;IAGE,QAAQ,EAAC;EAHX,EATF,eAeE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,GACGxB,OAAO,iBAAI,gCADd,EAEG0B,MAAM,CAACC,IAAP,CAAYlB,eAAZ,EAA6Bc,MAA7B,gBACC,oBAAC,SAAD,EAAed,eAAf,eACE,oBAAC,eAAD;IACE,GAAG,EAAEN,QADP;IAEE,GAAG,EAAEQ,OAFP;IAGE,OAAO,EAAC,gBAHV;IAIE,eAAY;EAJd,EADF,CADD,gBAUC,oBAAC,QAAD,qBACE,oBAAC,eAAD;IACE,GAAG,EAAER,QADP;IAEE,GAAG,EAAEQ,OAFP;IAGE,OAAO,EAAC,gBAHV;IAIE,eAAY;EAJd,EADF,CAZJ,CADF,CADF,CADF,CAfF,eA4CE,oBAAC,SAAD;IAAW,YAAY,EAAES,UAAzB;IAAqC,IAAI,EAAEE,QAA3C;IAAqD,QAAQ,EAAC;EAA9D,EA5CF,CADF,EA+CG,CAACV,oBAAoB,IAAIG,oBAAzB,kBACC,oBAAC,YAAD;IACE,OAAO,EAAEL,OADX;IAEE,OAAO,EAAEb,OAAO,IAAID,YAFtB;IAGE,oBAAoB,EAAEgB,oBAHxB;IAIE,oBAAoB,EAAEG;EAJxB,EAhDJ,CADF,CADF,CADF,CAXF,CAFF,CAFJ,CADF;AAmFD,CA9ID;;AAgJAlC,cAAc,CAAC+C,SAAf,GAA2B;EACzB9C,MAAM,EAAEV,SAAS,CAACyD,OAAV,CACNzD,SAAS,CAAC0D,KAAV,CAAgB;IACdvC,GAAG,EAAEnB,SAAS,CAAC2D,MADD;IAEdzC,OAAO,EAAElB,SAAS,CAAC2D;EAFL,CAAhB,CADM,CADiB;EAOzB9C,SAAS,EAAEb,SAAS,CAAC2D,MAPI;EAQzBhD,OAAO,EAAEX,SAAS,CAAC4D,IAAV,CAAeC,UARC;EASzBjD,aAAa,EAAEZ,SAAS,CAAC8D,MATA;EAUzBhD,UAAU,EAAEd,SAAS,CAAC2D;AAVG,CAA3B;AAaAlD,cAAc,CAACsD,YAAf,GAA8B;EAC5BlD,SAAS,EAAE,EADiB;EAE5BH,MAAM,EAAE,EAFoB;EAG5BE,aAAa,EAAE,CAHa;EAI5BE,UAAU,EAAE;AAJgB,CAA9B;AAOA,eAAeL,cAAf"}

package/lib-es/components/Image/GlobalLightbox/NavButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Image/GlobalLightbox/NavButton.js"],"names":["React","PropTypes","NavButton","handleAction","show","modifier","propTypes","func","isRequired","bool","string"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,MAAMC,SAAS,GAAG,CAAC;AAAEC,EAAAA,YAAF;AAAgBC,EAAAA,IAAhB;AAAsBC,EAAAA;AAAtB,CAAD,kBAChB,0CACGD,IAAI,iBACH;AACE,EAAA,IAAI,EAAC,QADP;AAEE,EAAA,SAAS,EAAG,0DAAyDC,QAAS,EAFhF;AAGE,EAAA,OAAO,EAAEF;AAHX,gBAIE;AACE,EAAA,SAAS,EAAG,gBAAeE,QAAQ,KAAK,MAAb,GAAsB,OAAtB,GAAgC,MAAO,EADpE;AAEE,iBAAc,aAAYA,QAAS;AAFrC,EAJF,CAFJ,CADF;;AAgBAH,SAAS,CAACI,SAAV,GAAsB;AACpBH,EAAAA,YAAY,EAAEF,SAAS,CAACM,IAAV,CAAeC,UADT;AAEpBJ,EAAAA,IAAI,EAAEH,SAAS,CAACQ,IAAV,CAAeD,UAFD;AAGpBH,EAAAA,QAAQ,EAAEJ,SAAS,CAACS,MAAV,CAAiBF;AAHP,CAAtB;AAMA,eAAeN,SAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst NavButton = ({ handleAction, show, modifier }) => (\n  <>\n    {show && (\n      <div\n        role=\"button\"\n        className={`slider__button slider__button--gallery slider__button--${modifier}`}\n        onClick={handleAction}>\n        <div\n          className={`arrow arrow--${modifier === 'next' ? 'right' : 'left'}`}\n          data-testid={`navButton-${modifier}`}\n        />\n      </div>\n    )}\n  </>\n);\n\nNavButton.propTypes = {\n  handleAction: PropTypes.func.isRequired,\n  show: PropTypes.bool.isRequired,\n  modifier: PropTypes.string.isRequired\n};\n\nexport default NavButton;\n"],"file":"NavButton.js"}
+{"version":3,"file":"NavButton.js","names":["React","PropTypes","NavButton","handleAction","show","modifier","propTypes","func","isRequired","bool","string"],"sources":["../../../../src/components/Image/GlobalLightbox/NavButton.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst NavButton = ({ handleAction, show, modifier }) => (\n  <>\n    {show && (\n      <div\n        role=\"button\"\n        className={`slider__button slider__button--gallery slider__button--${modifier}`}\n        onClick={handleAction}>\n        <div\n          className={`arrow arrow--${modifier === 'next' ? 'right' : 'left'}`}\n          data-testid={`navButton-${modifier}`}\n        />\n      </div>\n    )}\n  </>\n);\n\nNavButton.propTypes = {\n  handleAction: PropTypes.func.isRequired,\n  show: PropTypes.bool.isRequired,\n  modifier: PropTypes.string.isRequired\n};\n\nexport default NavButton;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,MAAMC,SAAS,GAAG,CAAC;EAAEC,YAAF;EAAgBC,IAAhB;EAAsBC;AAAtB,CAAD,kBAChB,0CACGD,IAAI,iBACH;EACE,IAAI,EAAC,QADP;EAEE,SAAS,EAAG,0DAAyDC,QAAS,EAFhF;EAGE,OAAO,EAAEF;AAHX,gBAIE;EACE,SAAS,EAAG,gBAAeE,QAAQ,KAAK,MAAb,GAAsB,OAAtB,GAAgC,MAAO,EADpE;EAEE,eAAc,aAAYA,QAAS;AAFrC,EAJF,CAFJ,CADF;;AAgBAH,SAAS,CAACI,SAAV,GAAsB;EACpBH,YAAY,EAAEF,SAAS,CAACM,IAAV,CAAeC,UADT;EAEpBJ,IAAI,EAAEH,SAAS,CAACQ,IAAV,CAAeD,UAFD;EAGpBH,QAAQ,EAAEJ,SAAS,CAACS,MAAV,CAAiBF;AAHP,CAAtB;AAMA,eAAeN,SAAf"}

package/lib-es/components/Image/GlobalLightbox/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Image/GlobalLightbox/index.js"],"names":["dynamic"],"mappings":"AAAA,OAAOA,OAAP,MAAoB,cAApB;AAEA,eAAeA,OAAO,CAAC,MACrB;AAAO;AAAgD,kBAAvD,CADoB,CAAtB","sourcesContent":["import dynamic from 'next/dynamic';\n\nexport default dynamic(() =>\n  import(/* webpackChunkName: \"blazePbGlobalLightbox\" */ './GlobalLightbox')\n);\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["dynamic"],"sources":["../../../../src/components/Image/GlobalLightbox/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nexport default dynamic(() =>\n  import(/* webpackChunkName: \"blazePbGlobalLightbox\" */ './GlobalLightbox')\n);\n"],"mappings":"AAAA,OAAOA,OAAP,MAAoB,cAApB;AAEA,eAAeA,OAAO,CAAC,MACrB;AAAO;AAAgD,kBAAvD,CADoB,CAAtB"}

package/lib-es/components/Image/Image.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Image/Image.js"],"names":["React","useState","PropTypes","useInView","Wrapper","ImageRender","ImageDetails","getClassModifiers","getImageData","getDisplayCountData","shouldShowProperty","buildImageProperties","IMAGE","HERO","IN_VIEW_CONFIG","Image","url","modifier","_modifier","imageId","enableLightbox","name","toggleModal","handleSelectedImage","displayCount","lightboxImages","isHero","priority","type","areImageCreditsDisplayed","isCaptionDisplayed","images","imageData","imageUrl","elementTitle","credits","imageCredits","otherProps","displayLightbox","setDisplayLightbox","isIntersecting","outerRef","caption","altText","hrefUrl","imageDataCredits","href","ImgWrapper","imgWrapperProps","lightboxImgProps","modifiers","wrapperClassName","toggleLightbox","handleEnableLightbox","shouldDisplayCaption","isDisplayed","value","creditsValue","shouldDisplayCredits","shouldDisplayCount","countMessage","sizeKey","filter","Boolean","join","shouldDisplayImage","propTypes","string","bool","func","array","object","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport Wrapper from '../Wrapper';\nimport ImageRender from './ImageRender';\nimport ImageDetails from './ImageDetails';\nimport getClassModifiers from '../../utils/get-class-modifiers';\nimport { getImageData } from '../../utils';\nimport { getDisplayCountData, shouldShowProperty, buildImageProperties } from '../../helpers';\nimport { IMAGE, HERO, IN_VIEW_CONFIG } from '../../constants';\n\nconst Image = ({\n  url,\n  modifier: _modifier,\n  imageId,\n  enableLightbox,\n  name,\n  toggleModal,\n  handleSelectedImage,\n  displayCount,\n  lightboxImages,\n  isHero,\n  priority,\n  type,\n  areImageCreditsDisplayed,\n  isCaptionDisplayed,\n  images,\n  imageData,\n  imageUrl,\n  elementTitle,\n  credits,\n  imageCredits,\n  ...otherProps\n}) => {\n  const [displayLightbox, setDisplayLightbox] = useState(false);\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n\n  const { caption, altText, hrefUrl, credits: imageDataCredits } = getImageData(\n    otherProps,\n    imageData\n  );\n\n  const href = url || hrefUrl;\n\n  const { ImgWrapper, imgWrapperProps, lightboxImgProps } = buildImageProperties({\n    href,\n    name,\n    enableLightbox,\n    isHero\n  });\n\n  const modifier = _modifier || '';\n  const modifiers = getClassModifiers(type, { modifier, ...otherProps });\n  const wrapperClassName = isHero ? HERO : IMAGE;\n  const toggleLightbox = () => setDisplayLightbox(!displayLightbox);\n\n  const handleEnableLightbox = () => {\n    if (!enableLightbox) return;\n    toggleModal();\n    handleSelectedImage(imageId);\n  };\n\n  const shouldDisplayCaption = shouldShowProperty({\n    isDisplayed: isCaptionDisplayed,\n    value: caption\n  });\n\n  // deprecated: imageCredits is deprecated. This code is to handle legacy data. check before changing/removing\n  const creditsValue = credits || imageCredits || imageDataCredits;\n\n  const shouldDisplayCredits = shouldShowProperty({\n    isDisplayed: areImageCreditsDisplayed,\n    value: creditsValue\n  });\n  const { shouldDisplayCount, countMessage } = getDisplayCountData(displayCount, images);\n  const sizeKey = [IMAGE, isHero ? HERO : '', _modifier].filter(Boolean).join(':');\n  const shouldDisplayImage = !!imageUrl && (priority || isIntersecting);\n\n  return (\n    <Wrapper ref={outerRef} className={wrapperClassName} modifiers={modifiers} {...otherProps}>\n      {elementTitle && <h2 className=\"heading heading--section\">{elementTitle}</h2>}\n      {shouldDisplayImage && (\n        <ImgWrapper {...imgWrapperProps}>\n          <ImageRender\n            {...otherProps}\n            alt={altText}\n            imageUrl={imageUrl}\n            handleEnableLightbox={handleEnableLightbox}\n            toggleLightbox={toggleLightbox}\n            displayLightbox={displayLightbox}\n            caption={caption}\n            enableLightbox={enableLightbox}\n            lightboxImgProps={lightboxImgProps}\n            name={name}\n            displayCount={displayCount}\n            lightboxImages={lightboxImages}\n            isHero={isHero}\n            priority={priority}\n            sizeKey={sizeKey}\n          />\n        </ImgWrapper>\n      )}\n      {shouldDisplayCount && (\n        <div\n          className=\"image__button image__button--count\"\n          role=\"button\"\n          onClick={handleEnableLightbox}>\n          <p>{countMessage}</p>\n          <div className=\"arrow arrow--right\" />\n        </div>\n      )}\n      {(shouldDisplayCaption || shouldDisplayCredits) && (\n        <ImageDetails\n          caption={caption}\n          credits={creditsValue}\n          shouldDisplayCaption={shouldDisplayCaption}\n          shouldDisplayCredits={shouldDisplayCredits}\n        />\n      )}\n    </Wrapper>\n  );\n};\n\nImage.propTypes = {\n  url: PropTypes.string,\n  name: PropTypes.string,\n  modifier: PropTypes.string,\n  imageId: PropTypes.string,\n  enableLightbox: PropTypes.bool,\n  toggleModal: PropTypes.func,\n  handleSelectedImage: PropTypes.func,\n  displayCount: PropTypes.bool,\n  lightboxImages: PropTypes.array,\n  images: PropTypes.array,\n  isHero: PropTypes.bool,\n  priority: PropTypes.bool,\n  type: PropTypes.string,\n  areImageCreditsDisplayed: PropTypes.bool,\n  isCaptionDisplayed: PropTypes.bool,\n  imageData: PropTypes.object,\n  imageUrl: PropTypes.string,\n  credits: PropTypes.string,\n  imageCredits: PropTypes.string,\n  elementTitle: PropTypes.string\n};\n\nImage.defaultProps = {\n  modifier: '',\n  url: null,\n  name: '',\n  credits: '',\n  imageCredits: '',\n  enableLightbox: false,\n  imageId: '',\n  handleSelectedImage: () => {},\n  toggleModal: () => {},\n  displayCount: false,\n  lightboxImages: [],\n  images: [],\n  isHero: false,\n  priority: false,\n  type: '',\n  areImageCreditsDisplayed: false,\n  isCaptionDisplayed: true,\n  imageData: {},\n  imageUrl: '',\n  elementTitle: ''\n};\n\nexport default Image;\n"],"file":"Image.js"}
+{"version":3,"file":"Image.js","names":["React","useState","PropTypes","useInView","Wrapper","ImageRender","ImageDetails","getClassModifiers","getImageData","getDisplayCountData","shouldShowProperty","buildImageProperties","IMAGE","HERO","IN_VIEW_CONFIG","Image","url","modifier","_modifier","imageId","enableLightbox","name","toggleModal","handleSelectedImage","displayCount","lightboxImages","isHero","priority","type","areImageCreditsDisplayed","isCaptionDisplayed","images","imageData","imageUrl","elementTitle","credits","imageCredits","otherProps","displayLightbox","setDisplayLightbox","isIntersecting","outerRef","caption","altText","hrefUrl","imageDataCredits","href","ImgWrapper","imgWrapperProps","lightboxImgProps","modifiers","wrapperClassName","toggleLightbox","handleEnableLightbox","shouldDisplayCaption","isDisplayed","value","creditsValue","shouldDisplayCredits","shouldDisplayCount","countMessage","sizeKey","filter","Boolean","join","shouldDisplayImage","propTypes","string","bool","func","array","object","defaultProps"],"sources":["../../../src/components/Image/Image.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport Wrapper from '../Wrapper';\nimport ImageRender from './ImageRender';\nimport ImageDetails from './ImageDetails';\nimport getClassModifiers from '../../utils/get-class-modifiers';\nimport { getImageData } from '../../utils';\nimport { getDisplayCountData, shouldShowProperty, buildImageProperties } from '../../helpers';\nimport { IMAGE, HERO, IN_VIEW_CONFIG } from '../../constants';\n\nconst Image = ({\n  url,\n  modifier: _modifier,\n  imageId,\n  enableLightbox,\n  name,\n  toggleModal,\n  handleSelectedImage,\n  displayCount,\n  lightboxImages,\n  isHero,\n  priority,\n  type,\n  areImageCreditsDisplayed,\n  isCaptionDisplayed,\n  images,\n  imageData,\n  imageUrl,\n  elementTitle,\n  credits,\n  imageCredits,\n  ...otherProps\n}) => {\n  const [displayLightbox, setDisplayLightbox] = useState(false);\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n\n  const { caption, altText, hrefUrl, credits: imageDataCredits } = getImageData(\n    otherProps,\n    imageData\n  );\n\n  const href = url || hrefUrl;\n\n  const { ImgWrapper, imgWrapperProps, lightboxImgProps } = buildImageProperties({\n    href,\n    name,\n    enableLightbox,\n    isHero\n  });\n\n  const modifier = _modifier || '';\n  const modifiers = getClassModifiers(type, { modifier, ...otherProps });\n  const wrapperClassName = isHero ? HERO : IMAGE;\n  const toggleLightbox = () => setDisplayLightbox(!displayLightbox);\n\n  const handleEnableLightbox = () => {\n    if (!enableLightbox) return;\n    toggleModal();\n    handleSelectedImage(imageId);\n  };\n\n  const shouldDisplayCaption = shouldShowProperty({\n    isDisplayed: isCaptionDisplayed,\n    value: caption\n  });\n\n  // deprecated: imageCredits is deprecated. This code is to handle legacy data. check before changing/removing\n  const creditsValue = credits || imageCredits || imageDataCredits;\n\n  const shouldDisplayCredits = shouldShowProperty({\n    isDisplayed: areImageCreditsDisplayed,\n    value: creditsValue\n  });\n  const { shouldDisplayCount, countMessage } = getDisplayCountData(displayCount, images);\n  const sizeKey = [IMAGE, isHero ? HERO : '', _modifier].filter(Boolean).join(':');\n  const shouldDisplayImage = !!imageUrl && (priority || isIntersecting);\n\n  return (\n    <Wrapper ref={outerRef} className={wrapperClassName} modifiers={modifiers} {...otherProps}>\n      {elementTitle && <h2 className=\"heading heading--section\">{elementTitle}</h2>}\n      {shouldDisplayImage && (\n        <ImgWrapper {...imgWrapperProps}>\n          <ImageRender\n            {...otherProps}\n            alt={altText}\n            imageUrl={imageUrl}\n            handleEnableLightbox={handleEnableLightbox}\n            toggleLightbox={toggleLightbox}\n            displayLightbox={displayLightbox}\n            caption={caption}\n            enableLightbox={enableLightbox}\n            lightboxImgProps={lightboxImgProps}\n            name={name}\n            displayCount={displayCount}\n            lightboxImages={lightboxImages}\n            isHero={isHero}\n            priority={priority}\n            sizeKey={sizeKey}\n          />\n        </ImgWrapper>\n      )}\n      {shouldDisplayCount && (\n        <div\n          className=\"image__button image__button--count\"\n          role=\"button\"\n          onClick={handleEnableLightbox}>\n          <p>{countMessage}</p>\n          <div className=\"arrow arrow--right\" />\n        </div>\n      )}\n      {(shouldDisplayCaption || shouldDisplayCredits) && (\n        <ImageDetails\n          caption={caption}\n          credits={creditsValue}\n          shouldDisplayCaption={shouldDisplayCaption}\n          shouldDisplayCredits={shouldDisplayCredits}\n        />\n      )}\n    </Wrapper>\n  );\n};\n\nImage.propTypes = {\n  url: PropTypes.string,\n  name: PropTypes.string,\n  modifier: PropTypes.string,\n  imageId: PropTypes.string,\n  enableLightbox: PropTypes.bool,\n  toggleModal: PropTypes.func,\n  handleSelectedImage: PropTypes.func,\n  displayCount: PropTypes.bool,\n  lightboxImages: PropTypes.array,\n  images: PropTypes.array,\n  isHero: PropTypes.bool,\n  priority: PropTypes.bool,\n  type: PropTypes.string,\n  areImageCreditsDisplayed: PropTypes.bool,\n  isCaptionDisplayed: PropTypes.bool,\n  imageData: PropTypes.object,\n  imageUrl: PropTypes.string,\n  credits: PropTypes.string,\n  imageCredits: PropTypes.string,\n  elementTitle: PropTypes.string\n};\n\nImage.defaultProps = {\n  modifier: '',\n  url: null,\n  name: '',\n  credits: '',\n  imageCredits: '',\n  enableLightbox: false,\n  imageId: '',\n  handleSelectedImage: () => {},\n  toggleModal: () => {},\n  displayCount: false,\n  lightboxImages: [],\n  images: [],\n  isHero: false,\n  priority: false,\n  type: '',\n  areImageCreditsDisplayed: false,\n  isCaptionDisplayed: true,\n  imageData: {},\n  imageUrl: '',\n  elementTitle: ''\n};\n\nexport default Image;\n"],"mappings":"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"}

package/lib-es/components/Image/ImageDetails.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Image/ImageDetails.js"],"names":["React","PropTypes","ImageDetails","caption","credits","shouldDisplayCaption","shouldDisplayCredits","propTypes","string","bool","isRequired","defaultProps"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,MAAMC,YAAY,GAAG,CAAC;AAAEC,EAAAA,OAAF;AAAWC,EAAAA,OAAX;AAAoBC,EAAAA,oBAApB;AAA0CC,EAAAA;AAA1C,CAAD,kBACnB;AAAK,EAAA,SAAS,EAAC,gBAAf;AAAgC,iBAAY;AAA5C,GACGD,oBAAoB,iBAAI;AAAK,EAAA,SAAS,EAAC;AAAf,GAA0BF,OAA1B,CAD3B,EAEGG,oBAAoB,iBAAI;AAAK,EAAA,SAAS,EAAC;AAAf,GAA0BF,OAA1B,CAF3B,CADF;;AAOAF,YAAY,CAACK,SAAb,GAAyB;AACvBJ,EAAAA,OAAO,EAAEF,SAAS,CAACO,MADI;AAEvBJ,EAAAA,OAAO,EAAEH,SAAS,CAACO,MAFI;AAGvBH,EAAAA,oBAAoB,EAAEJ,SAAS,CAACQ,IAAV,CAAeC,UAHd;AAIvBJ,EAAAA,oBAAoB,EAAEL,SAAS,CAACQ,IAAV,CAAeC;AAJd,CAAzB;AAOAR,YAAY,CAACS,YAAb,GAA4B;AAC1BR,EAAAA,OAAO,EAAE,IADiB;AAE1BC,EAAAA,OAAO,EAAE;AAFiB,CAA5B;AAKA,eAAeF,YAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst ImageDetails = ({ caption, credits, shouldDisplayCaption, shouldDisplayCredits }) => (\n  <div className=\"image__details\" data-testid=\"image-details\">\n    {shouldDisplayCaption && <div className=\"caption\">{caption}</div>}\n    {shouldDisplayCredits && <div className=\"credits\">{credits}</div>}\n  </div>\n);\n\nImageDetails.propTypes = {\n  caption: PropTypes.string,\n  credits: PropTypes.string,\n  shouldDisplayCaption: PropTypes.bool.isRequired,\n  shouldDisplayCredits: PropTypes.bool.isRequired\n};\n\nImageDetails.defaultProps = {\n  caption: null,\n  credits: null\n};\n\nexport default ImageDetails;\n"],"file":"ImageDetails.js"}
+{"version":3,"file":"ImageDetails.js","names":["React","PropTypes","ImageDetails","caption","credits","shouldDisplayCaption","shouldDisplayCredits","propTypes","string","bool","isRequired","defaultProps"],"sources":["../../../src/components/Image/ImageDetails.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst ImageDetails = ({ caption, credits, shouldDisplayCaption, shouldDisplayCredits }) => (\n  <div className=\"image__details\" data-testid=\"image-details\">\n    {shouldDisplayCaption && <div className=\"caption\">{caption}</div>}\n    {shouldDisplayCredits && <div className=\"credits\">{credits}</div>}\n  </div>\n);\n\nImageDetails.propTypes = {\n  caption: PropTypes.string,\n  credits: PropTypes.string,\n  shouldDisplayCaption: PropTypes.bool.isRequired,\n  shouldDisplayCredits: PropTypes.bool.isRequired\n};\n\nImageDetails.defaultProps = {\n  caption: null,\n  credits: null\n};\n\nexport default ImageDetails;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,MAAMC,YAAY,GAAG,CAAC;EAAEC,OAAF;EAAWC,OAAX;EAAoBC,oBAApB;EAA0CC;AAA1C,CAAD,kBACnB;EAAK,SAAS,EAAC,gBAAf;EAAgC,eAAY;AAA5C,GACGD,oBAAoB,iBAAI;EAAK,SAAS,EAAC;AAAf,GAA0BF,OAA1B,CAD3B,EAEGG,oBAAoB,iBAAI;EAAK,SAAS,EAAC;AAAf,GAA0BF,OAA1B,CAF3B,CADF;;AAOAF,YAAY,CAACK,SAAb,GAAyB;EACvBJ,OAAO,EAAEF,SAAS,CAACO,MADI;EAEvBJ,OAAO,EAAEH,SAAS,CAACO,MAFI;EAGvBH,oBAAoB,EAAEJ,SAAS,CAACQ,IAAV,CAAeC,UAHd;EAIvBJ,oBAAoB,EAAEL,SAAS,CAACQ,IAAV,CAAeC;AAJd,CAAzB;AAOAR,YAAY,CAACS,YAAb,GAA4B;EAC1BR,OAAO,EAAE,IADiB;EAE1BC,OAAO,EAAE;AAFiB,CAA5B;AAKA,eAAeF,YAAf"}

package/lib-es/components/Image/ImageFactory.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Image/ImageFactory.js"],"names":["React","useContext","PropTypes","MainContext","Image","useGetImageIdFromRelation","useGetImages","useGetSingleEntitySchema","getImageIds","isUsingRelationImage","checkIfUsingRelationImage","ImageFactory","props","imageId","parent","itemId","entity","fetchFromRelation","imageRelation","isPreview","data","getEntitySchema","actions","relationData","loading","relationLoading","updatedImageIds","imageIds","length","getFile","getFiles","error","message","files","map","id","imageData","url","imageUrl","propTypes","string","bool","array","object","defaultProps"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport Image from './Image';\nimport { useGetImageIdFromRelation, useGetImages, useGetSingleEntitySchema } from '../../hooks';\nimport { getImageIds, isUsingRelationImage as checkIfUsingRelationImage } from '../../helpers';\n\nconst ImageFactory = props => {\n  const {\n    imageId,\n    parent: { itemId },\n    entity,\n    fetchFromRelation,\n    imageRelation\n  } = props;\n  const { isPreview } = useContext(MainContext);\n  const isUsingRelationImage = checkIfUsingRelationImage(entity, fetchFromRelation, imageRelation);\n  const { data: { getEntitySchema = {} } = {} } = useGetSingleEntitySchema(entity, !entity);\n  const { actions = {} } = getEntitySchema;\n  const { data: relationData, loading: relationLoading } = useGetImageIdFromRelation(\n    itemId,\n    imageRelation,\n    actions,\n    isUsingRelationImage,\n    isPreview\n  );\n\n  const updatedImageIds = relationLoading\n    ? null\n    : getImageIds(imageRelation, relationData, imageId);\n  const imageIds =\n    updatedImageIds && updatedImageIds.length === 1 ? updatedImageIds[0] : updatedImageIds;\n  const { data: { getFile, getFiles = [] } = {}, loading, error } = useGetImages(\n    imageIds,\n    updatedImageIds && updatedImageIds.length > 1\n  );\n  if (error) return error.message;\n  if (loading) return '';\n\n  const files = getFile ? [getFile] : getFiles;\n  return files.map(({ id, data: imageData = {}, url: imageUrl = '' }) => {\n    if (!imageUrl) return null;\n    return <Image key={id} {...props} imageData={imageData} imageUrl={imageUrl} />;\n  });\n};\n\nImageFactory.propTypes = {\n  entity: PropTypes.string,\n  fetchFromRelation: PropTypes.bool,\n  imageId: PropTypes.string,\n  imageRelation: PropTypes.array,\n  parent: PropTypes.object\n};\n\nImageFactory.defaultProps = {\n  entity: '',\n  fetchFromRelation: false,\n  imageId: '',\n  imageRelation: [],\n  parent: {}\n};\n\nexport default ImageFactory;\n"],"file":"ImageFactory.js"}
+{"version":3,"file":"ImageFactory.js","names":["React","useContext","PropTypes","MainContext","Image","useGetImageIdFromRelation","useGetImages","useGetSingleEntitySchema","getImageIds","isUsingRelationImage","checkIfUsingRelationImage","ImageFactory","props","imageId","parent","itemId","entity","fetchFromRelation","imageRelation","isPreview","data","getEntitySchema","actions","relationData","loading","relationLoading","updatedImageIds","imageIds","length","getFile","getFiles","error","message","files","map","id","imageData","url","imageUrl","propTypes","string","bool","array","object","defaultProps"],"sources":["../../../src/components/Image/ImageFactory.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport Image from './Image';\nimport { useGetImageIdFromRelation, useGetImages, useGetSingleEntitySchema } from '../../hooks';\nimport { getImageIds, isUsingRelationImage as checkIfUsingRelationImage } from '../../helpers';\n\nconst ImageFactory = props => {\n  const {\n    imageId,\n    parent: { itemId },\n    entity,\n    fetchFromRelation,\n    imageRelation\n  } = props;\n  const { isPreview } = useContext(MainContext);\n  const isUsingRelationImage = checkIfUsingRelationImage(entity, fetchFromRelation, imageRelation);\n  const { data: { getEntitySchema = {} } = {} } = useGetSingleEntitySchema(entity, !entity);\n  const { actions = {} } = getEntitySchema;\n  const { data: relationData, loading: relationLoading } = useGetImageIdFromRelation(\n    itemId,\n    imageRelation,\n    actions,\n    isUsingRelationImage,\n    isPreview\n  );\n\n  const updatedImageIds = relationLoading\n    ? null\n    : getImageIds(imageRelation, relationData, imageId);\n  const imageIds =\n    updatedImageIds && updatedImageIds.length === 1 ? updatedImageIds[0] : updatedImageIds;\n  const { data: { getFile, getFiles = [] } = {}, loading, error } = useGetImages(\n    imageIds,\n    updatedImageIds && updatedImageIds.length > 1\n  );\n  if (error) return error.message;\n  if (loading) return '';\n\n  const files = getFile ? [getFile] : getFiles;\n  return files.map(({ id, data: imageData = {}, url: imageUrl = '' }) => {\n    if (!imageUrl) return null;\n    return <Image key={id} {...props} imageData={imageData} imageUrl={imageUrl} />;\n  });\n};\n\nImageFactory.propTypes = {\n  entity: PropTypes.string,\n  fetchFromRelation: PropTypes.bool,\n  imageId: PropTypes.string,\n  imageRelation: PropTypes.array,\n  parent: PropTypes.object\n};\n\nImageFactory.defaultProps = {\n  entity: '',\n  fetchFromRelation: false,\n  imageId: '',\n  imageRelation: [],\n  parent: {}\n};\n\nexport default ImageFactory;\n"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,WAAT,QAA4B,8BAA5B;AACA,OAAOC,KAAP,MAAkB,SAAlB;AACA,SAASC,yBAAT,EAAoCC,YAApC,EAAkDC,wBAAlD,QAAkF,aAAlF;AACA,SAASC,WAAT,EAAsBC,oBAAoB,IAAIC,yBAA9C,QAA+E,eAA/E;;AAEA,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IACJC,OADI;IAEJC,MAAM,EAAE;MAAEC;IAAF,CAFJ;IAGJC,MAHI;IAIJC,iBAJI;IAKJC;EALI,IAMFN,KANJ;EAOA,MAAM;IAAEO;EAAF,IAAgBlB,UAAU,CAACE,WAAD,CAAhC;EACA,MAAMM,oBAAoB,GAAGC,yBAAyB,CAACM,MAAD,EAASC,iBAAT,EAA4BC,aAA5B,CAAtD;EACA,MAAM;IAAEE,IAAI,EAAE;MAAEC,eAAe,GAAG;IAApB,IAA2B;EAAnC,IAA0Cd,wBAAwB,CAACS,MAAD,EAAS,CAACA,MAAV,CAAxE;EACA,MAAM;IAAEM,OAAO,GAAG;EAAZ,IAAmBD,eAAzB;EACA,MAAM;IAAED,IAAI,EAAEG,YAAR;IAAsBC,OAAO,EAAEC;EAA/B,IAAmDpB,yBAAyB,CAChFU,MADgF,EAEhFG,aAFgF,EAGhFI,OAHgF,EAIhFb,oBAJgF,EAKhFU,SALgF,CAAlF;EAQA,MAAMO,eAAe,GAAGD,eAAe,GACnC,IADmC,GAEnCjB,WAAW,CAACU,aAAD,EAAgBK,YAAhB,EAA8BV,OAA9B,CAFf;EAGA,MAAMc,QAAQ,GACZD,eAAe,IAAIA,eAAe,CAACE,MAAhB,KAA2B,CAA9C,GAAkDF,eAAe,CAAC,CAAD,CAAjE,GAAuEA,eADzE;EAEA,MAAM;IAAEN,IAAI,EAAE;MAAES,OAAF;MAAWC,QAAQ,GAAG;IAAtB,IAA6B,EAArC;IAAyCN,OAAzC;IAAkDO;EAAlD,IAA4DzB,YAAY,CAC5EqB,QAD4E,EAE5ED,eAAe,IAAIA,eAAe,CAACE,MAAhB,GAAyB,CAFgC,CAA9E;EAIA,IAAIG,KAAJ,EAAW,OAAOA,KAAK,CAACC,OAAb;EACX,IAAIR,OAAJ,EAAa,OAAO,EAAP;EAEb,MAAMS,KAAK,GAAGJ,OAAO,GAAG,CAACA,OAAD,CAAH,GAAeC,QAApC;EACA,OAAOG,KAAK,CAACC,GAAN,CAAU,CAAC;IAAEC,EAAF;IAAMf,IAAI,EAAEgB,SAAS,GAAG,EAAxB;IAA4BC,GAAG,EAAEC,QAAQ,GAAG;EAA5C,CAAD,KAAsD;IACrE,IAAI,CAACA,QAAL,EAAe,OAAO,IAAP;IACf,oBAAO,oBAAC,KAAD;MAAO,GAAG,EAAEH;IAAZ,GAAoBvB,KAApB;MAA2B,SAAS,EAAEwB,SAAtC;MAAiD,QAAQ,EAAEE;IAA3D,GAAP;EACD,CAHM,CAAP;AAID,CArCD;;AAuCA3B,YAAY,CAAC4B,SAAb,GAAyB;EACvBvB,MAAM,EAAEd,SAAS,CAACsC,MADK;EAEvBvB,iBAAiB,EAAEf,SAAS,CAACuC,IAFN;EAGvB5B,OAAO,EAAEX,SAAS,CAACsC,MAHI;EAIvBtB,aAAa,EAAEhB,SAAS,CAACwC,KAJF;EAKvB5B,MAAM,EAAEZ,SAAS,CAACyC;AALK,CAAzB;AAQAhC,YAAY,CAACiC,YAAb,GAA4B;EAC1B5B,MAAM,EAAE,EADkB;EAE1BC,iBAAiB,EAAE,KAFO;EAG1BJ,OAAO,EAAE,EAHiB;EAI1BK,aAAa,EAAE,EAJW;EAK1BJ,MAAM,EAAE;AALkB,CAA5B;AAQA,eAAeH,YAAf"}

package/lib-es/components/Image/ImageRender.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Image/ImageRender.js"],"names":["React","PropTypes","ResponsiveImage","Lightbox","ImageRender","alt","imageUrl","handleEnableLightbox","toggleLightbox","displayLightbox","enableLightbox","caption","lightboxImgProps","name","metaTitle","heroModifier","style","isHero","priority","sizeKey","otherProps","imageStyle","cursor","propTypes","bool","isRequired","string","func","object","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport Lightbox from './Lightbox';\n\nconst ImageRender = ({\n  alt,\n  imageUrl,\n  handleEnableLightbox,\n  toggleLightbox,\n  displayLightbox,\n  enableLightbox,\n  caption,\n  lightboxImgProps,\n  name,\n  metaTitle,\n  heroModifier,\n  style,\n  isHero,\n  priority,\n  sizeKey,\n  ...otherProps\n}) => {\n  const imageStyle = enableLightbox ? { cursor: 'pointer' } : style;\n\n  return (\n    <>\n      <ResponsiveImage\n        sizeKey={sizeKey}\n        alt={alt}\n        src={imageUrl}\n        onClick={handleEnableLightbox}\n        style={imageStyle}\n      />\n      {displayLightbox && (\n        <Lightbox\n          imageUrl={imageUrl}\n          alt={alt}\n          priority={priority}\n          closeModal={toggleLightbox}\n          caption={caption}\n          imgWrapperProps={lightboxImgProps}\n          name={metaTitle || name}\n          {...otherProps}\n        />\n      )}\n    </>\n  );\n};\n\nImageRender.propTypes = {\n  displayLightbox: PropTypes.bool.isRequired,\n  enableLightbox: PropTypes.bool.isRequired,\n  alt: PropTypes.string,\n  caption: PropTypes.string,\n  imageUrl: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  heroModifier: PropTypes.string,\n  metaTitle: PropTypes.string,\n  handleEnableLightbox: PropTypes.func.isRequired,\n  toggleLightbox: PropTypes.func.isRequired,\n  lightboxImgProps: PropTypes.object.isRequired,\n  style: PropTypes.object,\n  isHero: PropTypes.bool,\n  priority: PropTypes.bool,\n  sizeKey: PropTypes.string\n};\n\nImageRender.defaultProps = {\n  name: '',\n  metaTitle: '',\n  heroModifier: '',\n  alt: '',\n  caption: '',\n  isHero: false,\n  priority: false,\n  style: {},\n  sizeKey: ''\n};\n\nexport default ImageRender;\n"],"file":"ImageRender.js"}
+{"version":3,"file":"ImageRender.js","names":["React","PropTypes","ResponsiveImage","Lightbox","ImageRender","alt","imageUrl","handleEnableLightbox","toggleLightbox","displayLightbox","enableLightbox","caption","lightboxImgProps","name","metaTitle","heroModifier","style","isHero","priority","sizeKey","otherProps","imageStyle","cursor","propTypes","bool","isRequired","string","func","object","defaultProps"],"sources":["../../../src/components/Image/ImageRender.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport Lightbox from './Lightbox';\n\nconst ImageRender = ({\n  alt,\n  imageUrl,\n  handleEnableLightbox,\n  toggleLightbox,\n  displayLightbox,\n  enableLightbox,\n  caption,\n  lightboxImgProps,\n  name,\n  metaTitle,\n  heroModifier,\n  style,\n  isHero,\n  priority,\n  sizeKey,\n  ...otherProps\n}) => {\n  const imageStyle = enableLightbox ? { cursor: 'pointer' } : style;\n\n  return (\n    <>\n      <ResponsiveImage\n        sizeKey={sizeKey}\n        alt={alt}\n        src={imageUrl}\n        onClick={handleEnableLightbox}\n        style={imageStyle}\n      />\n      {displayLightbox && (\n        <Lightbox\n          imageUrl={imageUrl}\n          alt={alt}\n          priority={priority}\n          closeModal={toggleLightbox}\n          caption={caption}\n          imgWrapperProps={lightboxImgProps}\n          name={metaTitle || name}\n          {...otherProps}\n        />\n      )}\n    </>\n  );\n};\n\nImageRender.propTypes = {\n  displayLightbox: PropTypes.bool.isRequired,\n  enableLightbox: PropTypes.bool.isRequired,\n  alt: PropTypes.string,\n  caption: PropTypes.string,\n  imageUrl: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  heroModifier: PropTypes.string,\n  metaTitle: PropTypes.string,\n  handleEnableLightbox: PropTypes.func.isRequired,\n  toggleLightbox: PropTypes.func.isRequired,\n  lightboxImgProps: PropTypes.object.isRequired,\n  style: PropTypes.object,\n  isHero: PropTypes.bool,\n  priority: PropTypes.bool,\n  sizeKey: PropTypes.string\n};\n\nImageRender.defaultProps = {\n  name: '',\n  metaTitle: '',\n  heroModifier: '',\n  alt: '',\n  caption: '',\n  isHero: false,\n  priority: false,\n  style: {},\n  sizeKey: ''\n};\n\nexport default ImageRender;\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,eAAT,QAAgC,4BAAhC;AACA,OAAOC,QAAP,MAAqB,YAArB;;AAEA,MAAMC,WAAW,GAAG,QAiBd;EAAA,IAjBe;IACnBC,GADmB;IAEnBC,QAFmB;IAGnBC,oBAHmB;IAInBC,cAJmB;IAKnBC,eALmB;IAMnBC,cANmB;IAOnBC,OAPmB;IAQnBC,gBARmB;IASnBC,IATmB;IAUnBC,SAVmB;IAWnBC,YAXmB;IAYnBC,KAZmB;IAanBC,MAbmB;IAcnBC,QAdmB;IAenBC;EAfmB,CAiBf;EAAA,IADDC,UACC;;EACJ,MAAMC,UAAU,GAAGX,cAAc,GAAG;IAAEY,MAAM,EAAE;EAAV,CAAH,GAA2BN,KAA5D;EAEA,oBACE,uDACE,oBAAC,eAAD;IACE,OAAO,EAAEG,OADX;IAEE,GAAG,EAAEd,GAFP;IAGE,GAAG,EAAEC,QAHP;IAIE,OAAO,EAAEC,oBAJX;IAKE,KAAK,EAAEc;EALT,EADF,EAQGZ,eAAe,iBACd,oBAAC,QAAD;IACE,QAAQ,EAAEH,QADZ;IAEE,GAAG,EAAED,GAFP;IAGE,QAAQ,EAAEa,QAHZ;IAIE,UAAU,EAAEV,cAJd;IAKE,OAAO,EAAEG,OALX;IAME,eAAe,EAAEC,gBANnB;IAOE,IAAI,EAAEE,SAAS,IAAID;EAPrB,GAQMO,UARN,EATJ,CADF;AAuBD,CA3CD;;AA6CAhB,WAAW,CAACmB,SAAZ,GAAwB;EACtBd,eAAe,EAAER,SAAS,CAACuB,IAAV,CAAeC,UADV;EAEtBf,cAAc,EAAET,SAAS,CAACuB,IAAV,CAAeC,UAFT;EAGtBpB,GAAG,EAAEJ,SAAS,CAACyB,MAHO;EAItBf,OAAO,EAAEV,SAAS,CAACyB,MAJG;EAKtBpB,QAAQ,EAAEL,SAAS,CAACyB,MAAV,CAAiBD,UALL;EAMtBZ,IAAI,EAAEZ,SAAS,CAACyB,MANM;EAOtBX,YAAY,EAAEd,SAAS,CAACyB,MAPF;EAQtBZ,SAAS,EAAEb,SAAS,CAACyB,MARC;EAStBnB,oBAAoB,EAAEN,SAAS,CAAC0B,IAAV,CAAeF,UATf;EAUtBjB,cAAc,EAAEP,SAAS,CAAC0B,IAAV,CAAeF,UAVT;EAWtBb,gBAAgB,EAAEX,SAAS,CAAC2B,MAAV,CAAiBH,UAXb;EAYtBT,KAAK,EAAEf,SAAS,CAAC2B,MAZK;EAatBX,MAAM,EAAEhB,SAAS,CAACuB,IAbI;EActBN,QAAQ,EAAEjB,SAAS,CAACuB,IAdE;EAetBL,OAAO,EAAElB,SAAS,CAACyB;AAfG,CAAxB;AAkBAtB,WAAW,CAACyB,YAAZ,GAA2B;EACzBhB,IAAI,EAAE,EADmB;EAEzBC,SAAS,EAAE,EAFc;EAGzBC,YAAY,EAAE,EAHW;EAIzBV,GAAG,EAAE,EAJoB;EAKzBM,OAAO,EAAE,EALgB;EAMzBM,MAAM,EAAE,KANiB;EAOzBC,QAAQ,EAAE,KAPe;EAQzBF,KAAK,EAAE,EARkB;EASzBG,OAAO,EAAE;AATgB,CAA3B;AAYA,eAAef,WAAf"}

package/lib-es/components/Image/Lightbox/Lightbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Image/Lightbox/Lightbox.js"],"names":["React","Fragment","PropTypes","Modal","useInView","ResponsiveImage","BlazeLink","IN_VIEW_CONFIG","Lightbox","name","imageUrl","altTxt","closeModal","imageCaption","imgWrapperProps","isIntersecting","outerRef","hasLink","Object","keys","length","ImgWrapper","propTypes","string","func","isRequired","object","modifier","defaultProps"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,oBAAlB;AACA,SAASC,SAAT,QAA0B,oCAA1B;AACA,SAASC,eAAT,QAAgC,4BAAhC;AACA,OAAOC,SAAP,MAAsB,iBAAtB;AACA,SAASC,cAAT,QAA+B,oBAA/B,C,CAEA;;AACA,MAAMC,QAAQ,GAAG,CAAC;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,QAAR;AAAkBC,EAAAA,MAAlB;AAA0BC,EAAAA,UAA1B;AAAsCC,EAAAA,YAAtC;AAAoDC,EAAAA;AAApD,CAAD,KAA2E;AAC1F,QAAM,CAACC,cAAD,EAAiBC,QAAjB,IAA6BZ,SAAS,CAACG,cAAD,CAA5C;AAEA,QAAMU,OAAO,GAAGC,MAAM,CAACC,IAAP,CAAYL,eAAZ,EAA6BM,MAA7C;AACA,QAAMC,UAAU,GAAGJ,OAAO,GAAGX,SAAH,GAAeL,QAAzC;AAEA,sBACE,oBAAC,KAAD;AAAO,IAAA,KAAK,EAAEQ,IAAd;AAAoB,IAAA,OAAO,EAAEG,UAA7B;AAAyC,IAAA,YAAY;AAArD,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,GAAG,EAAEI,QAAV;AAAoB,IAAA,SAAS,EAAC;AAA9B,KACGD,cAAc,iBACb,oBAAC,UAAD,eAAgBD,eAAhB;AAAiC,IAAA,IAAI,EAAEG,OAAO,GAAG,MAAH,GAAY;AAA1D,mBACE,oBAAC,eAAD;AAAiB,IAAA,GAAG,EAAEP,QAAtB;AAAgC,IAAA,GAAG,EAAEC,MAArC;AAA6C,IAAA,OAAO,EAAC;AAArD,IADF,CAFJ,CADF,CADF,CADF,EAYGE,YAAY,iBACX;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,KAA0BA,YAA1B,CADF,CAbJ,CADF;AAoBD,CA1BD;;AA4BAL,QAAQ,CAACc,SAAT,GAAqB;AACnBb,EAAAA,IAAI,EAAEP,SAAS,CAACqB,MADG;AAEnBX,EAAAA,UAAU,EAAEV,SAAS,CAACsB,IAAV,CAAeC,UAFR;AAGnBX,EAAAA,eAAe,EAAEZ,SAAS,CAACwB,MAHR;AAInBhB,EAAAA,QAAQ,EAAER,SAAS,CAACqB,MAJD;AAKnBV,EAAAA,YAAY,EAAEX,SAAS,CAACqB,MALL;AAMnBZ,EAAAA,MAAM,EAAET,SAAS,CAACqB,MANC;AAOnBI,EAAAA,QAAQ,EAAEzB,SAAS,CAACqB;AAPD,CAArB;AAUAf,QAAQ,CAACoB,YAAT,GAAwB;AACtBnB,EAAAA,IAAI,EAAE,EADgB;AAEtBK,EAAAA,eAAe,EAAE,EAFK;AAGtBa,EAAAA,QAAQ,EAAE,EAHY;AAItBd,EAAAA,YAAY,EAAE,EAJQ;AAKtBF,EAAAA,MAAM,EAAE,EALc;AAMtBD,EAAAA,QAAQ,EAAE;AANY,CAAxB;AASA,eAAeF,QAAf","sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport Modal from '@blaze-react/modal';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport BlazeLink from '../../BlazeLink';\nimport { IN_VIEW_CONFIG } from '../../../constants';\n\n// add for full screen modal based on blaze, and pass modifiers(lightbox)\nconst Lightbox = ({ name, imageUrl, altTxt, closeModal, imageCaption, imgWrapperProps }) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n\n  const hasLink = Object.keys(imgWrapperProps).length;\n  const ImgWrapper = hasLink ? BlazeLink : Fragment;\n\n  return (\n    <Modal title={name} onClose={closeModal} isFullScreen>\n      <div className=\"row row--display-row\">\n        <div className=\"column column--two-thirds\">\n          <div ref={outerRef} className=\"image\">\n            {isIntersecting && (\n              <ImgWrapper {...imgWrapperProps} role={hasLink ? 'link' : ''}>\n                <ResponsiveImage src={imageUrl} alt={altTxt} sizeKey=\"lightbox\" />\n              </ImgWrapper>\n            )}\n          </div>\n        </div>\n      </div>\n      {imageCaption && (\n        <div className=\"row row--display-row\">\n          <div className=\"caption\">{imageCaption}</div>\n        </div>\n      )}\n    </Modal>\n  );\n};\n\nLightbox.propTypes = {\n  name: PropTypes.string,\n  closeModal: PropTypes.func.isRequired,\n  imgWrapperProps: PropTypes.object,\n  imageUrl: PropTypes.string,\n  imageCaption: PropTypes.string,\n  altTxt: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nLightbox.defaultProps = {\n  name: '',\n  imgWrapperProps: {},\n  modifier: '',\n  imageCaption: '',\n  altTxt: '',\n  imageUrl: ''\n};\n\nexport default Lightbox;\n"],"file":"Lightbox.js"}
+{"version":3,"file":"Lightbox.js","names":["React","Fragment","PropTypes","Modal","useInView","ResponsiveImage","BlazeLink","IN_VIEW_CONFIG","Lightbox","name","imageUrl","altTxt","closeModal","imageCaption","imgWrapperProps","isIntersecting","outerRef","hasLink","Object","keys","length","ImgWrapper","propTypes","string","func","isRequired","object","modifier","defaultProps"],"sources":["../../../../src/components/Image/Lightbox/Lightbox.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport Modal from '@blaze-react/modal';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport BlazeLink from '../../BlazeLink';\nimport { IN_VIEW_CONFIG } from '../../../constants';\n\n// add for full screen modal based on blaze, and pass modifiers(lightbox)\nconst Lightbox = ({ name, imageUrl, altTxt, closeModal, imageCaption, imgWrapperProps }) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n\n  const hasLink = Object.keys(imgWrapperProps).length;\n  const ImgWrapper = hasLink ? BlazeLink : Fragment;\n\n  return (\n    <Modal title={name} onClose={closeModal} isFullScreen>\n      <div className=\"row row--display-row\">\n        <div className=\"column column--two-thirds\">\n          <div ref={outerRef} className=\"image\">\n            {isIntersecting && (\n              <ImgWrapper {...imgWrapperProps} role={hasLink ? 'link' : ''}>\n                <ResponsiveImage src={imageUrl} alt={altTxt} sizeKey=\"lightbox\" />\n              </ImgWrapper>\n            )}\n          </div>\n        </div>\n      </div>\n      {imageCaption && (\n        <div className=\"row row--display-row\">\n          <div className=\"caption\">{imageCaption}</div>\n        </div>\n      )}\n    </Modal>\n  );\n};\n\nLightbox.propTypes = {\n  name: PropTypes.string,\n  closeModal: PropTypes.func.isRequired,\n  imgWrapperProps: PropTypes.object,\n  imageUrl: PropTypes.string,\n  imageCaption: PropTypes.string,\n  altTxt: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nLightbox.defaultProps = {\n  name: '',\n  imgWrapperProps: {},\n  modifier: '',\n  imageCaption: '',\n  altTxt: '',\n  imageUrl: ''\n};\n\nexport default Lightbox;\n"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,oBAAlB;AACA,SAASC,SAAT,QAA0B,oCAA1B;AACA,SAASC,eAAT,QAAgC,4BAAhC;AACA,OAAOC,SAAP,MAAsB,iBAAtB;AACA,SAASC,cAAT,QAA+B,oBAA/B,C,CAEA;;AACA,MAAMC,QAAQ,GAAG,CAAC;EAAEC,IAAF;EAAQC,QAAR;EAAkBC,MAAlB;EAA0BC,UAA1B;EAAsCC,YAAtC;EAAoDC;AAApD,CAAD,KAA2E;EAC1F,MAAM,CAACC,cAAD,EAAiBC,QAAjB,IAA6BZ,SAAS,CAACG,cAAD,CAA5C;EAEA,MAAMU,OAAO,GAAGC,MAAM,CAACC,IAAP,CAAYL,eAAZ,EAA6BM,MAA7C;EACA,MAAMC,UAAU,GAAGJ,OAAO,GAAGX,SAAH,GAAeL,QAAzC;EAEA,oBACE,oBAAC,KAAD;IAAO,KAAK,EAAEQ,IAAd;IAAoB,OAAO,EAAEG,UAA7B;IAAyC,YAAY;EAArD,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,GAAG,EAAEI,QAAV;IAAoB,SAAS,EAAC;EAA9B,GACGD,cAAc,iBACb,oBAAC,UAAD,eAAgBD,eAAhB;IAAiC,IAAI,EAAEG,OAAO,GAAG,MAAH,GAAY;EAA1D,iBACE,oBAAC,eAAD;IAAiB,GAAG,EAAEP,QAAtB;IAAgC,GAAG,EAAEC,MAArC;IAA6C,OAAO,EAAC;EAArD,EADF,CAFJ,CADF,CADF,CADF,EAYGE,YAAY,iBACX;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,GAA0BA,YAA1B,CADF,CAbJ,CADF;AAoBD,CA1BD;;AA4BAL,QAAQ,CAACc,SAAT,GAAqB;EACnBb,IAAI,EAAEP,SAAS,CAACqB,MADG;EAEnBX,UAAU,EAAEV,SAAS,CAACsB,IAAV,CAAeC,UAFR;EAGnBX,eAAe,EAAEZ,SAAS,CAACwB,MAHR;EAInBhB,QAAQ,EAAER,SAAS,CAACqB,MAJD;EAKnBV,YAAY,EAAEX,SAAS,CAACqB,MALL;EAMnBZ,MAAM,EAAET,SAAS,CAACqB,MANC;EAOnBI,QAAQ,EAAEzB,SAAS,CAACqB;AAPD,CAArB;AAUAf,QAAQ,CAACoB,YAAT,GAAwB;EACtBnB,IAAI,EAAE,EADgB;EAEtBK,eAAe,EAAE,EAFK;EAGtBa,QAAQ,EAAE,EAHY;EAItBd,YAAY,EAAE,EAJQ;EAKtBF,MAAM,EAAE,EALc;EAMtBD,QAAQ,EAAE;AANY,CAAxB;AASA,eAAeF,QAAf"}

package/lib-es/components/Image/Lightbox/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Image/Lightbox/index.js"],"names":["Lightbox"],"mappings":"AAAA,OAAOA,QAAP,MAAqB,YAArB;AAEA,eAAeA,QAAf","sourcesContent":["import Lightbox from './Lightbox';\n\nexport default Lightbox;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["Lightbox"],"sources":["../../../../src/components/Image/Lightbox/index.js"],"sourcesContent":["import Lightbox from './Lightbox';\n\nexport default Lightbox;\n"],"mappings":"AAAA,OAAOA,QAAP,MAAqB,YAArB;AAEA,eAAeA,QAAf"}

package/lib-es/components/Image/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Image/index.js"],"names":["Image"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,gBAAlB;AAEA,eAAeA,KAAf","sourcesContent":["import Image from './ImageFactory';\n\nexport default Image;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["Image"],"sources":["../../../src/components/Image/index.js"],"sourcesContent":["import Image from './ImageFactory';\n\nexport default Image;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,gBAAlB;AAEA,eAAeA,KAAf"}

package/lib-es/components/ItemListButton/ItemListButton.js

@@ -0,0 +1,118 @@
+import React, { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { BsBookmarkStarFill, BsBookmarkCheckFill, BsBookmarkStar, BsBookmarkXFill } from 'react-icons/bs';
+import { useQuery, useMutation } from '@apollo/client';
+import { getItemList, addItemsToList, removeItemsFromList } from '../../application/query';
+import { getItemListData, getItemListId } from '../../helpers';
+import { LIST_ITEM_LOCAL_KEY } from '../../constants';
+
+const ItemListButton = ({
+  listName,
+  parent,
+  modifier
+}) => {
+  const {
+    itemId,
+    itemEntity
+  } = parent;
+  const idFromStorage = getItemListId(listName);
+  const [listId, setListId] = useState(idFromStorage);
+  const [isHover, setIsHover] = useState(false);
+  useEffect(() => {
+    const storageEventHandler = () => {
+      const newId = getItemListId(listName);
+      setListId(newId);
+    };
+
+    window.addEventListener('storage', storageEventHandler);
+    return () => {
+      window.removeEventListener('storage', storageEventHandler);
+    };
+  }, [listName]);
+
+  const getIcon = () => {
+    if (isInList) return isHover ? BsBookmarkXFill : BsBookmarkCheckFill;
+    return isHover ? BsBookmarkStarFill : BsBookmarkStar;
+  };
+
+  const {
+    data,
+    error,
+    loading
+  } = useQuery(getItemList, {
+    variables: {
+      id: listId
+    },
+    skip: !listId
+  });
+  const [addListItem] = useMutation(addItemsToList, {
+    onCompleted: ({
+      addItemsToList: listAddResult
+    }) => {
+      const {
+        result: {
+          id
+        }
+      } = listAddResult;
+
+      if (!listId) {
+        const localListName = `${LIST_ITEM_LOCAL_KEY}${listName}`;
+        localStorage.setItem(localListName, id);
+        window.dispatchEvent(new Event('storage'));
+      }
+    }
+  });
+  const [removeListItem] = useMutation(removeItemsFromList);
+
+  const clickHandler = () => {
+    setIsHover(false);
+    isInList ? removeListItem({
+      variables: {
+        listId,
+        listItems: [{
+          itemId,
+          itemEntity
+        }]
+      },
+      skip: !listId
+    }) : addListItem({
+      variables: {
+        name: listName,
+        id: listId,
+        listItems: [{
+          itemId,
+          itemEntity
+        }]
+      },
+      skip: !listId
+    });
+  };
+
+  if (loading) return '';
+  if (error) return error.message;
+  const listItems = getItemListData(data);
+  const isInList = !!listItems.find(({
+    itemId: idToCheck
+  }) => idToCheck === itemId);
+  const Icon = getIcon();
+  return /*#__PURE__*/React.createElement("div", {
+    className: `item-list-button ${modifier}`,
+    role: "button",
+    onClick: clickHandler,
+    onMouseEnter: () => setIsHover(true),
+    onMouseLeave: () => setIsHover(false)
+  }, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(Icon, null)));
+};
+
+ItemListButton.propTypes = {
+  parent: PropTypes.object,
+  listName: PropTypes.string,
+  modifier: PropTypes.string
+};
+ItemListButton.defaultProps = {
+  parent: {},
+  listName: '',
+  modifier: ''
+};
+export default ItemListButton;
+//# sourceMappingURL=ItemListButton.js.map

package/lib-es/components/ItemListButton/ItemListButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemListButton.js","names":["React","useState","useEffect","PropTypes","BsBookmarkStarFill","BsBookmarkCheckFill","BsBookmarkStar","BsBookmarkXFill","useQuery","useMutation","getItemList","addItemsToList","removeItemsFromList","getItemListData","getItemListId","LIST_ITEM_LOCAL_KEY","ItemListButton","listName","parent","modifier","itemId","itemEntity","idFromStorage","listId","setListId","isHover","setIsHover","storageEventHandler","newId","window","addEventListener","removeEventListener","getIcon","isInList","data","error","loading","variables","id","skip","addListItem","onCompleted","listAddResult","result","localListName","localStorage","setItem","dispatchEvent","Event","removeListItem","clickHandler","listItems","name","message","find","idToCheck","Icon","propTypes","object","string","defaultProps"],"sources":["../../../src/components/ItemListButton/ItemListButton.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  BsBookmarkStarFill,\n  BsBookmarkCheckFill,\n  BsBookmarkStar,\n  BsBookmarkXFill\n} from 'react-icons/bs';\nimport { useQuery, useMutation } from '@apollo/client';\nimport { getItemList, addItemsToList, removeItemsFromList } from '../../application/query';\nimport { getItemListData, getItemListId } from '../../helpers';\nimport { LIST_ITEM_LOCAL_KEY } from '../../constants';\n\nconst ItemListButton = ({ listName, parent, modifier }) => {\n  const { itemId, itemEntity } = parent;\n  const idFromStorage = getItemListId(listName);\n  const [listId, setListId] = useState(idFromStorage);\n  const [isHover, setIsHover] = useState(false);\n\n  useEffect(\n    () => {\n      const storageEventHandler = () => {\n        const newId = getItemListId(listName);\n        setListId(newId);\n      };\n\n      window.addEventListener('storage', storageEventHandler);\n\n      return () => {\n        window.removeEventListener('storage', storageEventHandler);\n      };\n    },\n    [listName]\n  );\n  const getIcon = () => {\n    if (isInList) return isHover ? BsBookmarkXFill : BsBookmarkCheckFill;\n    return isHover ? BsBookmarkStarFill : BsBookmarkStar;\n  };\n\n  const { data, error, loading } = useQuery(getItemList, {\n    variables: { id: listId },\n    skip: !listId\n  });\n\n  const [addListItem] = useMutation(addItemsToList, {\n    onCompleted: ({ addItemsToList: listAddResult }) => {\n      const {\n        result: { id }\n      } = listAddResult;\n\n      if (!listId) {\n        const localListName = `${LIST_ITEM_LOCAL_KEY}${listName}`;\n        localStorage.setItem(localListName, id);\n        window.dispatchEvent(new Event('storage'));\n      }\n    }\n  });\n\n  const [removeListItem] = useMutation(removeItemsFromList);\n\n  const clickHandler = () => {\n    setIsHover(false);\n    isInList\n      ? removeListItem({\n          variables: { listId, listItems: [{ itemId, itemEntity }] },\n          skip: !listId\n        })\n      : addListItem({\n          variables: { name: listName, id: listId, listItems: [{ itemId, itemEntity }] },\n          skip: !listId\n        });\n  };\n\n  if (loading) return '';\n  if (error) return error.message;\n\n  const listItems = getItemListData(data);\n  const isInList = !!listItems.find(({ itemId: idToCheck }) => idToCheck === itemId);\n  const Icon = getIcon();\n\n  return (\n    <div\n      className={`item-list-button ${modifier}`}\n      role=\"button\"\n      onClick={clickHandler}\n      onMouseEnter={() => setIsHover(true)}\n      onMouseLeave={() => setIsHover(false)}>\n      <i>\n        <Icon />\n      </i>\n    </div>\n  );\n};\n\nItemListButton.propTypes = {\n  parent: PropTypes.object,\n  listName: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nItemListButton.defaultProps = {\n  parent: {},\n  listName: '',\n  modifier: ''\n};\n\nexport default ItemListButton;\n"],"mappings":"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"}

package/lib-es/components/ItemListButton/index.js

@@ -0,0 +1,3 @@
+import ItemListButton from './ItemListButton';
+export default ItemListButton;
+//# sourceMappingURL=index.js.map

package/lib-es/components/ItemListButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ItemListButton"],"sources":["../../../src/components/ItemListButton/index.js"],"sourcesContent":["import ItemListButton from './ItemListButton';\n\nexport default ItemListButton;\n"],"mappings":"AAAA,OAAOA,cAAP,MAA2B,kBAA3B;AAEA,eAAeA,cAAf"}

package/lib-es/components/ItemListCounter/ItemListCounter.js

@@ -0,0 +1,67 @@
+import React, { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { useRouter } from 'next/router';
+import { useQuery } from '@apollo/client';
+import { BsBookmarkStarFill, BsBookmarkStar } from 'react-icons/bs';
+import { getItemList } from '../../application/query';
+import { getItemListData, getItemListId } from '../../helpers';
+
+const ItemListCounter = ({
+  listName,
+  modifier,
+  url
+}) => {
+  const router = useRouter();
+  const idFromStorage = getItemListId(listName);
+  const [listId, setListId] = useState(idFromStorage);
+  useEffect(() => {
+    const storageEventHandler = () => {
+      const newId = getItemListId(listName);
+      setListId(newId);
+    };
+
+    window.addEventListener('storage', storageEventHandler);
+    return () => {
+      window.removeEventListener('storage', storageEventHandler);
+    };
+  }, [listName]);
+  const {
+    data,
+    error,
+    loading
+  } = useQuery(getItemList, {
+    variables: {
+      id: listId
+    },
+    skip: !listId
+  });
+  if (loading) return '';
+  if (error) return error.message;
+  const listItems = getItemListData(data);
+  const listLength = listItems.length;
+  const CounterIcon = listLength ? BsBookmarkStarFill : BsBookmarkStar;
+
+  const handleClick = () => router.push('/Resolver', `${url}?itemListId=${listId}`);
+
+  return /*#__PURE__*/React.createElement("div", {
+    role: "button",
+    type: "button",
+    className: `item-list-counter ${modifier}`,
+    onClick: handleClick
+  }, /*#__PURE__*/React.createElement(CounterIcon, null), /*#__PURE__*/React.createElement("span", {
+    className: "item-list-counter__badge"
+  }, listLength));
+};
+
+ItemListCounter.propTypes = {
+  url: PropTypes.string,
+  listName: PropTypes.string,
+  modifier: PropTypes.string
+};
+ItemListCounter.defaultProps = {
+  url: '',
+  listName: '',
+  modifier: ''
+};
+export default ItemListCounter;
+//# sourceMappingURL=ItemListCounter.js.map

package/lib-es/components/ItemListCounter/ItemListCounter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemListCounter.js","names":["React","useState","useEffect","PropTypes","useRouter","useQuery","BsBookmarkStarFill","BsBookmarkStar","getItemList","getItemListData","getItemListId","ItemListCounter","listName","modifier","url","router","idFromStorage","listId","setListId","storageEventHandler","newId","window","addEventListener","removeEventListener","data","error","loading","variables","id","skip","message","listItems","listLength","length","CounterIcon","handleClick","push","propTypes","string","defaultProps"],"sources":["../../../src/components/ItemListCounter/ItemListCounter.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { useQuery } from '@apollo/client';\nimport { BsBookmarkStarFill, BsBookmarkStar } from 'react-icons/bs';\nimport { getItemList } from '../../application/query';\nimport { getItemListData, getItemListId } from '../../helpers';\n\nconst ItemListCounter = ({ listName, modifier, url }) => {\n  const router = useRouter();\n  const idFromStorage = getItemListId(listName);\n  const [listId, setListId] = useState(idFromStorage);\n\n  useEffect(\n    () => {\n      const storageEventHandler = () => {\n        const newId = getItemListId(listName);\n        setListId(newId);\n      };\n\n      window.addEventListener('storage', storageEventHandler);\n\n      return () => {\n        window.removeEventListener('storage', storageEventHandler);\n      };\n    },\n    [listName]\n  );\n\n  const { data, error, loading } = useQuery(getItemList, {\n    variables: { id: listId },\n    skip: !listId\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n\n  const listItems = getItemListData(data);\n  const listLength = listItems.length;\n  const CounterIcon = listLength ? BsBookmarkStarFill : BsBookmarkStar;\n\n  const handleClick = () => router.push('/Resolver', `${url}?itemListId=${listId}`);\n\n  return (\n    <div\n      role=\"button\"\n      type=\"button\"\n      className={`item-list-counter ${modifier}`}\n      onClick={handleClick}>\n      <CounterIcon />\n      <span className=\"item-list-counter__badge\">{listLength}</span>\n    </div>\n  );\n};\n\nItemListCounter.propTypes = {\n  url: PropTypes.string,\n  listName: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nItemListCounter.defaultProps = {\n  url: '',\n  listName: '',\n  modifier: ''\n};\n\nexport default ItemListCounter;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,SAA1B,QAA2C,OAA3C;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,QAAT,QAAyB,gBAAzB;AACA,SAASC,kBAAT,EAA6BC,cAA7B,QAAmD,gBAAnD;AACA,SAASC,WAAT,QAA4B,yBAA5B;AACA,SAASC,eAAT,EAA0BC,aAA1B,QAA+C,eAA/C;;AAEA,MAAMC,eAAe,GAAG,CAAC;EAAEC,QAAF;EAAYC,QAAZ;EAAsBC;AAAtB,CAAD,KAAiC;EACvD,MAAMC,MAAM,GAAGX,SAAS,EAAxB;EACA,MAAMY,aAAa,GAAGN,aAAa,CAACE,QAAD,CAAnC;EACA,MAAM,CAACK,MAAD,EAASC,SAAT,IAAsBjB,QAAQ,CAACe,aAAD,CAApC;EAEAd,SAAS,CACP,MAAM;IACJ,MAAMiB,mBAAmB,GAAG,MAAM;MAChC,MAAMC,KAAK,GAAGV,aAAa,CAACE,QAAD,CAA3B;MACAM,SAAS,CAACE,KAAD,CAAT;IACD,CAHD;;IAKAC,MAAM,CAACC,gBAAP,CAAwB,SAAxB,EAAmCH,mBAAnC;IAEA,OAAO,MAAM;MACXE,MAAM,CAACE,mBAAP,CAA2B,SAA3B,EAAsCJ,mBAAtC;IACD,CAFD;EAGD,CAZM,EAaP,CAACP,QAAD,CAbO,CAAT;EAgBA,MAAM;IAAEY,IAAF;IAAQC,KAAR;IAAeC;EAAf,IAA2BrB,QAAQ,CAACG,WAAD,EAAc;IACrDmB,SAAS,EAAE;MAAEC,EAAE,EAAEX;IAAN,CAD0C;IAErDY,IAAI,EAAE,CAACZ;EAF8C,CAAd,CAAzC;EAKA,IAAIS,OAAJ,EAAa,OAAO,EAAP;EACb,IAAID,KAAJ,EAAW,OAAOA,KAAK,CAACK,OAAb;EAEX,MAAMC,SAAS,GAAGtB,eAAe,CAACe,IAAD,CAAjC;EACA,MAAMQ,UAAU,GAAGD,SAAS,CAACE,MAA7B;EACA,MAAMC,WAAW,GAAGF,UAAU,GAAG1B,kBAAH,GAAwBC,cAAtD;;EAEA,MAAM4B,WAAW,GAAG,MAAMpB,MAAM,CAACqB,IAAP,CAAY,WAAZ,EAA0B,GAAEtB,GAAI,eAAcG,MAAO,EAArD,CAA1B;;EAEA,oBACE;IACE,IAAI,EAAC,QADP;IAEE,IAAI,EAAC,QAFP;IAGE,SAAS,EAAG,qBAAoBJ,QAAS,EAH3C;IAIE,OAAO,EAAEsB;EAJX,gBAKE,oBAAC,WAAD,OALF,eAME;IAAM,SAAS,EAAC;EAAhB,GAA4CH,UAA5C,CANF,CADF;AAUD,CA7CD;;AA+CArB,eAAe,CAAC0B,SAAhB,GAA4B;EAC1BvB,GAAG,EAAEX,SAAS,CAACmC,MADW;EAE1B1B,QAAQ,EAAET,SAAS,CAACmC,MAFM;EAG1BzB,QAAQ,EAAEV,SAAS,CAACmC;AAHM,CAA5B;AAMA3B,eAAe,CAAC4B,YAAhB,GAA+B;EAC7BzB,GAAG,EAAE,EADwB;EAE7BF,QAAQ,EAAE,EAFmB;EAG7BC,QAAQ,EAAE;AAHmB,CAA/B;AAMA,eAAeF,eAAf"}

package/lib-es/components/ItemListCounter/index.js

@@ -0,0 +1,3 @@
+import ItemListCounter from './ItemListCounter';
+export default ItemListCounter;
+//# sourceMappingURL=index.js.map

package/lib-es/components/ItemListCounter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ItemListCounter"],"sources":["../../../src/components/ItemListCounter/index.js"],"sourcesContent":["import ItemListCounter from './ItemListCounter';\n\nexport default ItemListCounter;\n"],"mappings":"AAAA,OAAOA,eAAP,MAA4B,mBAA5B;AAEA,eAAeA,eAAf"}

package/lib-es/components/Layout/Layout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Layout/Layout.js"],"names":["React","PropTypes","Wrapper","getClassModifiers","useGetImages","getStylesToUpdate","checkIfRowHasColumns","renderChildren","hasChildren","COLUMN","Layout","type","children","settings","modifier","backgroundImage","tagType","otherProps","data","getFile","url","style","title","classModifiers","additionalRowModifier","propTypes","string","isRequired","shape","oneOfType","arrayOf","node","defaultProps"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,OAAP,MAAoB,YAApB;AACA,SAASC,iBAAT,QAAkC,aAAlC;AACA,SAASC,YAAT,QAA6B,aAA7B;AACA,SAASC,iBAAT,EAA4BC,oBAA5B,QAAwD,WAAxD;AACA,SAASC,cAAT,EAAyBC,WAAzB,QAA4C,eAA5C;AACA,SAASC,MAAT,QAAuB,iBAAvB;;AAEA,MAAMC,MAAM,GAAG,QAQT;AAAA,MARU;AACdC,IAAAA,IADc;AAEdC,IAAAA,QAFc;AAGdC,IAAAA,QAHc;AAIdC,IAAAA,QAJc;AAKdC,IAAAA,eALc;AAMdC,IAAAA;AANc,GAQV;AAAA,MADDC,UACC;;AACJ,QAAM;AACJC,IAAAA,IAAI,EAAE;AAAEC,MAAAA,OAAO,EAAE;AAAEC,QAAAA,GAAG,GAAG;AAAR,UAAiB;AAA5B;AADF,MAEFhB,YAAY,CAACW,eAAD,CAFhB;AAIA,QAAMM,KAAK,GAAGhB,iBAAiB,CAAC;AAAEU,IAAAA,eAAe,EAAEK;AAAnB,GAAD,CAA/B;AACA,QAAM;AAAEE,IAAAA;AAAF,MAAYT,QAAlB;AAEA,QAAMU,cAAc,GAAGpB,iBAAiB,CAACQ,IAAD;AAASG,IAAAA;AAAT,KAAsBG,UAAtB,EAAxC;AACA,QAAMO,qBAAqB,GAAGlB,oBAAoB,CAACK,IAAD,EAAOC,QAAP,CAApB,GAAuC,cAAvC,GAAwD,EAAtF;AAEA,MAAID,IAAI,KAAKF,MAAT,IAAmB,CAACD,WAAW,CAACI,QAAD,CAAnC,EAA+C,OAAO,IAAP;AAE/C,sBACE,oBAAC,OAAD;AACE,IAAA,OAAO,EAAEI,OADX;AAEE,IAAA,SAAS,EAAEL,IAFb;AAGE,IAAA,SAAS,EAAG,GAAEY,cAAe,GAAEC,qBAAsB,EAHvD;AAIE,IAAA,KAAK,EAAEH;AAJT,KAKGC,KAAK,iBAAI;AAAI,IAAA,SAAS,EAAC;AAAd,KAA0CA,KAA1C,CALZ,EAMGf,cAAc,CAACK,QAAD,EAAWK,UAAX,CANjB,CADF;AAUD,CA/BD;;AAiCAP,MAAM,CAACe,SAAP,GAAmB;AACjBd,EAAAA,IAAI,EAAEV,SAAS,CAACyB,MAAV,CAAiBC,UADN;AAEjBd,EAAAA,QAAQ,EAAEZ,SAAS,CAAC2B,KAAV,CAAgB;AACxBN,IAAAA,KAAK,EAAErB,SAAS,CAACyB;AADO,GAAhB,CAFO;AAKjBZ,EAAAA,QAAQ,EAAEb,SAAS,CAACyB,MALH;AAMjBX,EAAAA,eAAe,EAAEd,SAAS,CAACyB,MANV;AAOjBV,EAAAA,OAAO,EAAEf,SAAS,CAACyB,MAPF;AAQjBd,EAAAA,QAAQ,EAAEX,SAAS,CAAC4B,SAAV,CAAoB,CAAC5B,SAAS,CAAC6B,OAAV,CAAkB7B,SAAS,CAAC8B,IAA5B,CAAD,EAAoC9B,SAAS,CAAC8B,IAA9C,CAApB,EAAyEJ;AARlE,CAAnB;AAWAjB,MAAM,CAACsB,YAAP,GAAsB;AACpBnB,EAAAA,QAAQ,EAAE;AACRS,IAAAA,KAAK,EAAE;AADC,GADU;AAIpBP,EAAAA,eAAe,EAAE,EAJG;AAKpBD,EAAAA,QAAQ,EAAE,EALU;AAMpBE,EAAAA,OAAO,EAAE;AANW,CAAtB;AASA,eAAeN,MAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Wrapper from '../Wrapper';\nimport { getClassModifiers } from '../../utils';\nimport { useGetImages } from '../../hooks';\nimport { getStylesToUpdate, checkIfRowHasColumns } from './helpers';\nimport { renderChildren, hasChildren } from '../../helpers';\nimport { COLUMN } from '../../constants';\n\nconst Layout = ({\n  type,\n  children,\n  settings,\n  modifier,\n  backgroundImage,\n  tagType,\n  ...otherProps\n}) => {\n  const {\n    data: { getFile: { url = null } = {} }\n  } = useGetImages(backgroundImage);\n\n  const style = getStylesToUpdate({ backgroundImage: url });\n  const { title } = settings;\n\n  const classModifiers = getClassModifiers(type, { modifier, ...otherProps });\n  const additionalRowModifier = checkIfRowHasColumns(type, children) ? ' display-row' : '';\n\n  if (type === COLUMN && !hasChildren(children)) return null;\n\n  return (\n    <Wrapper\n      tagType={tagType}\n      className={type}\n      modifiers={`${classModifiers}${additionalRowModifier}`}\n      style={style}>\n      {title && <h2 className=\"heading heading--section\">{title}</h2>}\n      {renderChildren(children, otherProps)}\n    </Wrapper>\n  );\n};\n\nLayout.propTypes = {\n  type: PropTypes.string.isRequired,\n  settings: PropTypes.shape({\n    title: PropTypes.string\n  }),\n  modifier: PropTypes.string,\n  backgroundImage: PropTypes.string,\n  tagType: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nLayout.defaultProps = {\n  settings: {\n    title: ''\n  },\n  backgroundImage: '',\n  modifier: '',\n  tagType: ''\n};\n\nexport default Layout;\n"],"file":"Layout.js"}
+{"version":3,"file":"Layout.js","names":["React","PropTypes","Wrapper","getClassModifiers","useGetImages","getStylesToUpdate","checkIfRowHasColumns","renderChildren","hasChildren","COLUMN","Layout","type","children","settings","modifier","backgroundImage","tagType","otherProps","data","getFile","url","style","title","classModifiers","additionalRowModifier","propTypes","string","isRequired","shape","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/Layout/Layout.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Wrapper from '../Wrapper';\nimport { getClassModifiers } from '../../utils';\nimport { useGetImages } from '../../hooks';\nimport { getStylesToUpdate, checkIfRowHasColumns } from './helpers';\nimport { renderChildren, hasChildren } from '../../helpers';\nimport { COLUMN } from '../../constants';\n\nconst Layout = ({\n  type,\n  children,\n  settings,\n  modifier,\n  backgroundImage,\n  tagType,\n  ...otherProps\n}) => {\n  const {\n    data: { getFile: { url = null } = {} }\n  } = useGetImages(backgroundImage);\n\n  const style = getStylesToUpdate({ backgroundImage: url });\n  const { title } = settings;\n\n  const classModifiers = getClassModifiers(type, { modifier, ...otherProps });\n  const additionalRowModifier = checkIfRowHasColumns(type, children) ? ' display-row' : '';\n\n  if (type === COLUMN && !hasChildren(children)) return null;\n\n  return (\n    <Wrapper\n      tagType={tagType}\n      className={type}\n      modifiers={`${classModifiers}${additionalRowModifier}`}\n      style={style}>\n      {title && <h2 className=\"heading heading--section\">{title}</h2>}\n      {renderChildren(children, otherProps)}\n    </Wrapper>\n  );\n};\n\nLayout.propTypes = {\n  type: PropTypes.string.isRequired,\n  settings: PropTypes.shape({\n    title: PropTypes.string\n  }),\n  modifier: PropTypes.string,\n  backgroundImage: PropTypes.string,\n  tagType: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nLayout.defaultProps = {\n  settings: {\n    title: ''\n  },\n  backgroundImage: '',\n  modifier: '',\n  tagType: ''\n};\n\nexport default Layout;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,OAAP,MAAoB,YAApB;AACA,SAASC,iBAAT,QAAkC,aAAlC;AACA,SAASC,YAAT,QAA6B,aAA7B;AACA,SAASC,iBAAT,EAA4BC,oBAA5B,QAAwD,WAAxD;AACA,SAASC,cAAT,EAAyBC,WAAzB,QAA4C,eAA5C;AACA,SAASC,MAAT,QAAuB,iBAAvB;;AAEA,MAAMC,MAAM,GAAG,QAQT;EAAA,IARU;IACdC,IADc;IAEdC,QAFc;IAGdC,QAHc;IAIdC,QAJc;IAKdC,eALc;IAMdC;EANc,CAQV;EAAA,IADDC,UACC;;EACJ,MAAM;IACJC,IAAI,EAAE;MAAEC,OAAO,EAAE;QAAEC,GAAG,GAAG;MAAR,IAAiB;IAA5B;EADF,IAEFhB,YAAY,CAACW,eAAD,CAFhB;EAIA,MAAMM,KAAK,GAAGhB,iBAAiB,CAAC;IAAEU,eAAe,EAAEK;EAAnB,CAAD,CAA/B;EACA,MAAM;IAAEE;EAAF,IAAYT,QAAlB;EAEA,MAAMU,cAAc,GAAGpB,iBAAiB,CAACQ,IAAD;IAASG;EAAT,GAAsBG,UAAtB,EAAxC;EACA,MAAMO,qBAAqB,GAAGlB,oBAAoB,CAACK,IAAD,EAAOC,QAAP,CAApB,GAAuC,cAAvC,GAAwD,EAAtF;EAEA,IAAID,IAAI,KAAKF,MAAT,IAAmB,CAACD,WAAW,CAACI,QAAD,CAAnC,EAA+C,OAAO,IAAP;EAE/C,oBACE,oBAAC,OAAD;IACE,OAAO,EAAEI,OADX;IAEE,SAAS,EAAEL,IAFb;IAGE,SAAS,EAAG,GAAEY,cAAe,GAAEC,qBAAsB,EAHvD;IAIE,KAAK,EAAEH;EAJT,GAKGC,KAAK,iBAAI;IAAI,SAAS,EAAC;EAAd,GAA0CA,KAA1C,CALZ,EAMGf,cAAc,CAACK,QAAD,EAAWK,UAAX,CANjB,CADF;AAUD,CA/BD;;AAiCAP,MAAM,CAACe,SAAP,GAAmB;EACjBd,IAAI,EAAEV,SAAS,CAACyB,MAAV,CAAiBC,UADN;EAEjBd,QAAQ,EAAEZ,SAAS,CAAC2B,KAAV,CAAgB;IACxBN,KAAK,EAAErB,SAAS,CAACyB;EADO,CAAhB,CAFO;EAKjBZ,QAAQ,EAAEb,SAAS,CAACyB,MALH;EAMjBX,eAAe,EAAEd,SAAS,CAACyB,MANV;EAOjBV,OAAO,EAAEf,SAAS,CAACyB,MAPF;EAQjBd,QAAQ,EAAEX,SAAS,CAAC4B,SAAV,CAAoB,CAAC5B,SAAS,CAAC6B,OAAV,CAAkB7B,SAAS,CAAC8B,IAA5B,CAAD,EAAoC9B,SAAS,CAAC8B,IAA9C,CAApB,EAAyEJ;AARlE,CAAnB;AAWAjB,MAAM,CAACsB,YAAP,GAAsB;EACpBnB,QAAQ,EAAE;IACRS,KAAK,EAAE;EADC,CADU;EAIpBP,eAAe,EAAE,EAJG;EAKpBD,QAAQ,EAAE,EALU;EAMpBE,OAAO,EAAE;AANW,CAAtB;AASA,eAAeN,MAAf"}

package/lib-es/components/Layout/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Layout/constants.js"],"names":["childPropsToUse","ROW","COLUMN"],"mappings":"AAAA;AACA,MAAMA,eAAe,GAAG,CAAC,OAAD,CAAxB;AACA,MAAMC,GAAG,GAAG,KAAZ;AACA,MAAMC,MAAM,GAAG,QAAf;AAEA,SAASF,eAAT,EAA0BC,GAA1B,EAA+BC,MAA/B","sourcesContent":["// Expand array with new prop keys as needed\nconst childPropsToUse = ['width'];\nconst ROW = 'row';\nconst COLUMN = 'column';\n\nexport { childPropsToUse, ROW, COLUMN };\n"],"file":"constants.js"}
+{"version":3,"file":"constants.js","names":["childPropsToUse","ROW","COLUMN"],"sources":["../../../src/components/Layout/constants.js"],"sourcesContent":["// Expand array with new prop keys as needed\nconst childPropsToUse = ['width'];\nconst ROW = 'row';\nconst COLUMN = 'column';\n\nexport { childPropsToUse, ROW, COLUMN };\n"],"mappings":"AAAA;AACA,MAAMA,eAAe,GAAG,CAAC,OAAD,CAAxB;AACA,MAAMC,GAAG,GAAG,KAAZ;AACA,MAAMC,MAAM,GAAG,QAAf;AAEA,SAASF,eAAT,EAA0BC,GAA1B,EAA+BC,MAA/B"}

package/lib-es/components/Layout/helpers/check-if-row-has-columns.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Layout/helpers/check-if-row-has-columns.js"],"names":["React","ROW","COLUMN","checkIfRowHasColumns","type","children","hasColumn","Children","forEach","child","childrenElements","props","Array","isArray","length","nestedChildren","nestedChild","nestedChildType","component"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT,EAAcC,MAAd,QAA4B,cAA5B;;AAEA,SAASC,oBAAT,CAA8BC,IAA9B,EAAoCC,QAApC,EAA8C;AAC5C,MAAID,IAAI,KAAKH,GAAb,EAAkB,OAAO,KAAP;AAClB,MAAIK,SAAS,GAAG,KAAhB;AAEAN,EAAAA,KAAK,CAACO,QAAN,CAAeC,OAAf,CAAuBH,QAAvB,EAAiCI,KAAK,IAAI;AACxC,UAAMC,gBAAgB,GAAGD,KAAK,CAACE,KAAN,CAAYN,QAArC;;AACA,QAAIO,KAAK,CAACC,OAAN,CAAcH,gBAAd,KAAmCA,gBAAgB,CAACI,MAAxD,EAAgE;AAC9D,YAAM,GAAGC,cAAH,IAAqBN,KAAK,CAACE,KAAN,CAAYN,QAAvC;AACAU,MAAAA,cAAc,CAACP,OAAf,CAAuBQ,WAAW,IAAI;AACpC,cAAMC,eAAe,GAAGD,WAAW,CAACL,KAAZ,CAAkBO,SAAlB,CAA4Bd,IAApD;AACA,YAAIa,eAAe,KAAKf,MAAxB,EAAgCI,SAAS,GAAG,IAAZ;AACjC,OAHD;AAID;AACF,GATD;AAUA,SAAOA,SAAP;AACD;;AAED,eAAeH,oBAAf","sourcesContent":["import React from 'react';\nimport { ROW, COLUMN } from '../constants';\n\nfunction checkIfRowHasColumns(type, children) {\n  if (type !== ROW) return false;\n  let hasColumn = false;\n\n  React.Children.forEach(children, child => {\n    const childrenElements = child.props.children;\n    if (Array.isArray(childrenElements) && childrenElements.length) {\n      const [, nestedChildren] = child.props.children;\n      nestedChildren.forEach(nestedChild => {\n        const nestedChildType = nestedChild.props.component.type;\n        if (nestedChildType === COLUMN) hasColumn = true;\n      });\n    }\n  });\n  return hasColumn;\n}\n\nexport default checkIfRowHasColumns;\n"],"file":"check-if-row-has-columns.js"}
+{"version":3,"file":"check-if-row-has-columns.js","names":["React","ROW","COLUMN","checkIfRowHasColumns","type","children","hasColumn","Children","forEach","child","childrenElements","props","Array","isArray","length","nestedChildren","nestedChild","nestedChildType","component"],"sources":["../../../../src/components/Layout/helpers/check-if-row-has-columns.js"],"sourcesContent":["import React from 'react';\nimport { ROW, COLUMN } from '../constants';\n\nfunction checkIfRowHasColumns(type, children) {\n  if (type !== ROW) return false;\n  let hasColumn = false;\n\n  React.Children.forEach(children, child => {\n    const childrenElements = child.props.children;\n    if (Array.isArray(childrenElements) && childrenElements.length) {\n      const [, nestedChildren] = child.props.children;\n      nestedChildren.forEach(nestedChild => {\n        const nestedChildType = nestedChild.props.component.type;\n        if (nestedChildType === COLUMN) hasColumn = true;\n      });\n    }\n  });\n  return hasColumn;\n}\n\nexport default checkIfRowHasColumns;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT,EAAcC,MAAd,QAA4B,cAA5B;;AAEA,SAASC,oBAAT,CAA8BC,IAA9B,EAAoCC,QAApC,EAA8C;EAC5C,IAAID,IAAI,KAAKH,GAAb,EAAkB,OAAO,KAAP;EAClB,IAAIK,SAAS,GAAG,KAAhB;EAEAN,KAAK,CAACO,QAAN,CAAeC,OAAf,CAAuBH,QAAvB,EAAiCI,KAAK,IAAI;IACxC,MAAMC,gBAAgB,GAAGD,KAAK,CAACE,KAAN,CAAYN,QAArC;;IACA,IAAIO,KAAK,CAACC,OAAN,CAAcH,gBAAd,KAAmCA,gBAAgB,CAACI,MAAxD,EAAgE;MAC9D,MAAM,GAAGC,cAAH,IAAqBN,KAAK,CAACE,KAAN,CAAYN,QAAvC;MACAU,cAAc,CAACP,OAAf,CAAuBQ,WAAW,IAAI;QACpC,MAAMC,eAAe,GAAGD,WAAW,CAACL,KAAZ,CAAkBO,SAAlB,CAA4Bd,IAApD;QACA,IAAIa,eAAe,KAAKf,MAAxB,EAAgCI,SAAS,GAAG,IAAZ;MACjC,CAHD;IAID;EACF,CATD;EAUA,OAAOA,SAAP;AACD;;AAED,eAAeH,oBAAf"}

package/lib-es/components/Layout/helpers/get-styles-to-update.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Layout/helpers/get-styles-to-update.js"],"names":["getStylesToUpdate","backgroundImage"],"mappings":"AAAA,MAAMA,iBAAiB,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAyB;AACjD,MAAI,CAACA,eAAL,EAAsB,OAAO,EAAP;AAEtB,SAAO;AACLA,IAAAA,eAAe,EAAG,QAAOA,eAAgB;AADpC,GAAP;AAGD,CAND;;AAQA,eAAeD,iBAAf","sourcesContent":["const getStylesToUpdate = ({ backgroundImage }) => {\n  if (!backgroundImage) return {};\n\n  return {\n    backgroundImage: `url(\"${backgroundImage}\")`\n  };\n};\n\nexport default getStylesToUpdate;\n"],"file":"get-styles-to-update.js"}
+{"version":3,"file":"get-styles-to-update.js","names":["getStylesToUpdate","backgroundImage"],"sources":["../../../../src/components/Layout/helpers/get-styles-to-update.js"],"sourcesContent":["const getStylesToUpdate = ({ backgroundImage }) => {\n  if (!backgroundImage) return {};\n\n  return {\n    backgroundImage: `url(\"${backgroundImage}\")`\n  };\n};\n\nexport default getStylesToUpdate;\n"],"mappings":"AAAA,MAAMA,iBAAiB,GAAG,CAAC;EAAEC;AAAF,CAAD,KAAyB;EACjD,IAAI,CAACA,eAAL,EAAsB,OAAO,EAAP;EAEtB,OAAO;IACLA,eAAe,EAAG,QAAOA,eAAgB;EADpC,CAAP;AAGD,CAND;;AAQA,eAAeD,iBAAf"}

package/lib-es/components/Layout/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Layout/helpers/index.js"],"names":["getStylesToUpdate","checkIfRowHasColumns"],"mappings":"AAAA,OAAOA,iBAAP,MAA8B,wBAA9B;AACA,OAAOC,oBAAP,MAAiC,4BAAjC;AAEA,SAASD,iBAAT,EAA4BC,oBAA5B","sourcesContent":["import getStylesToUpdate from './get-styles-to-update';\nimport checkIfRowHasColumns from './check-if-row-has-columns';\n\nexport { getStylesToUpdate, checkIfRowHasColumns };\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["getStylesToUpdate","checkIfRowHasColumns"],"sources":["../../../../src/components/Layout/helpers/index.js"],"sourcesContent":["import getStylesToUpdate from './get-styles-to-update';\nimport checkIfRowHasColumns from './check-if-row-has-columns';\n\nexport { getStylesToUpdate, checkIfRowHasColumns };\n"],"mappings":"AAAA,OAAOA,iBAAP,MAA8B,wBAA9B;AACA,OAAOC,oBAAP,MAAiC,4BAAjC;AAEA,SAASD,iBAAT,EAA4BC,oBAA5B"}

package/lib-es/components/Layout/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Layout/index.js"],"names":["Layout"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,UAAnB;AAEA,eAAeA,MAAf","sourcesContent":["import Layout from './Layout';\n\nexport default Layout;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["Layout"],"sources":["../../../src/components/Layout/index.js"],"sourcesContent":["import Layout from './Layout';\n\nexport default Layout;\n"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,UAAnB;AAEA,eAAeA,MAAf"}

package/lib-es/components/LazyImage/LazyImage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/LazyImage/LazyImage.js"],"names":["React","PropTypes","ResponsiveImage","useInView","IN_VIEW_CONFIG","LazyImage","src","alt","sizeKey","priority","props","isIntersecting","outerRef","shouldRender","propTypes","string","isRequired","bool","defaultProps"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,eAAT,QAAgC,4BAAhC;AACA,SAASC,SAAT,QAA0B,oCAA1B;AACA,SAASC,cAAT,QAA+B,iBAA/B;;AAEA,MAAMC,SAAS,GAAG,QAA+C;AAAA,MAA9C;AAAEC,IAAAA,GAAF;AAAOC,IAAAA,GAAP;AAAYC,IAAAA,OAAZ;AAAqBC,IAAAA;AAArB,GAA8C;AAAA,MAAZC,KAAY;;AAC/D,QAAM,CAACC,cAAD,EAAiBC,QAAjB,IAA6BT,SAAS,CAACC,cAAD,CAA5C;AACA,QAAMS,YAAY,GAAGJ,QAAQ,IAAIE,cAAjC;AAEA,sBACE;AAAM,IAAA,GAAG,EAAEC;AAAX,KACGC,YAAY,iBAAI,oBAAC,eAAD;AAAiB,IAAA,GAAG,EAAEP,GAAtB;AAA2B,IAAA,GAAG,EAAEC,GAAhC;AAAqC,IAAA,OAAO,EAAEC;AAA9C,KAA2DE,KAA3D,EADnB,CADF;AAKD,CATD;;AAWAL,SAAS,CAACS,SAAV,GAAsB;AACpBR,EAAAA,GAAG,EAAEL,SAAS,CAACc,MAAV,CAAiBC,UADF;AAEpBT,EAAAA,GAAG,EAAEN,SAAS,CAACc,MAFK;AAGpBP,EAAAA,OAAO,EAAEP,SAAS,CAACc,MAAV,CAAiBC,UAHN;AAIpBP,EAAAA,QAAQ,EAAER,SAAS,CAACgB;AAJA,CAAtB;AAOAZ,SAAS,CAACa,YAAV,GAAyB;AACvBX,EAAAA,GAAG,EAAE,EADkB;AAEvBE,EAAAA,QAAQ,EAAE;AAFa,CAAzB;AAKA,eAAeJ,SAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { IN_VIEW_CONFIG } from '../../constants';\n\nconst LazyImage = ({ src, alt, sizeKey, priority, ...props }) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n  const shouldRender = priority || isIntersecting;\n\n  return (\n    <span ref={outerRef}>\n      {shouldRender && <ResponsiveImage src={src} alt={alt} sizeKey={sizeKey} {...props} />}\n    </span>\n  );\n};\n\nLazyImage.propTypes = {\n  src: PropTypes.string.isRequired,\n  alt: PropTypes.string,\n  sizeKey: PropTypes.string.isRequired,\n  priority: PropTypes.bool\n};\n\nLazyImage.defaultProps = {\n  alt: '',\n  priority: false\n};\n\nexport default LazyImage;\n"],"file":"LazyImage.js"}
+{"version":3,"file":"LazyImage.js","names":["React","PropTypes","ResponsiveImage","useInView","IN_VIEW_CONFIG","LazyImage","src","alt","sizeKey","priority","props","isIntersecting","outerRef","shouldRender","propTypes","string","isRequired","bool","defaultProps"],"sources":["../../../src/components/LazyImage/LazyImage.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { IN_VIEW_CONFIG } from '../../constants';\n\nconst LazyImage = ({ src, alt, sizeKey, priority, ...props }) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n  const shouldRender = priority || isIntersecting;\n\n  return (\n    <span ref={outerRef}>\n      {shouldRender && <ResponsiveImage src={src} alt={alt} sizeKey={sizeKey} {...props} />}\n    </span>\n  );\n};\n\nLazyImage.propTypes = {\n  src: PropTypes.string.isRequired,\n  alt: PropTypes.string,\n  sizeKey: PropTypes.string.isRequired,\n  priority: PropTypes.bool\n};\n\nLazyImage.defaultProps = {\n  alt: '',\n  priority: false\n};\n\nexport default LazyImage;\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,eAAT,QAAgC,4BAAhC;AACA,SAASC,SAAT,QAA0B,oCAA1B;AACA,SAASC,cAAT,QAA+B,iBAA/B;;AAEA,MAAMC,SAAS,GAAG,QAA+C;EAAA,IAA9C;IAAEC,GAAF;IAAOC,GAAP;IAAYC,OAAZ;IAAqBC;EAArB,CAA8C;EAAA,IAAZC,KAAY;;EAC/D,MAAM,CAACC,cAAD,EAAiBC,QAAjB,IAA6BT,SAAS,CAACC,cAAD,CAA5C;EACA,MAAMS,YAAY,GAAGJ,QAAQ,IAAIE,cAAjC;EAEA,oBACE;IAAM,GAAG,EAAEC;EAAX,GACGC,YAAY,iBAAI,oBAAC,eAAD;IAAiB,GAAG,EAAEP,GAAtB;IAA2B,GAAG,EAAEC,GAAhC;IAAqC,OAAO,EAAEC;EAA9C,GAA2DE,KAA3D,EADnB,CADF;AAKD,CATD;;AAWAL,SAAS,CAACS,SAAV,GAAsB;EACpBR,GAAG,EAAEL,SAAS,CAACc,MAAV,CAAiBC,UADF;EAEpBT,GAAG,EAAEN,SAAS,CAACc,MAFK;EAGpBP,OAAO,EAAEP,SAAS,CAACc,MAAV,CAAiBC,UAHN;EAIpBP,QAAQ,EAAER,SAAS,CAACgB;AAJA,CAAtB;AAOAZ,SAAS,CAACa,YAAV,GAAyB;EACvBX,GAAG,EAAE,EADkB;EAEvBE,QAAQ,EAAE;AAFa,CAAzB;AAKA,eAAeJ,SAAf"}

package/lib-es/components/LazyImage/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/LazyImage/index.js"],"names":["dynamic"],"mappings":"AAAA,OAAOA,OAAP,MAAoB,cAApB;AAEA,eAAeA,OAAO,CAAC,MAAM;AAAO;AAA2C,aAAlD,CAAP,CAAtB","sourcesContent":["import dynamic from 'next/dynamic';\n\nexport default dynamic(() => import(/* webpackChunkName: \"blazePbLazyImage\" */ './LazyImage'));\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["dynamic"],"sources":["../../../src/components/LazyImage/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nexport default dynamic(() => import(/* webpackChunkName: \"blazePbLazyImage\" */ './LazyImage'));\n"],"mappings":"AAAA,OAAOA,OAAP,MAAoB,cAApB;AAEA,eAAeA,OAAO,CAAC,MAAM;AAAO;AAA2C,aAAlD,CAAP,CAAtB"}