@blaze-cms/react-page-builder 0.125.0-alpha.7 → 0.125.0-auth-updates.1

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

@@ -10,7 +10,6 @@ import NavButton from './NavButton';
 import getImageData from '../../../utils/get-image-data';
 import useGetImages from '../../../hooks/use-get-images';
 import { shouldShowProperty } from '../../../helpers';
-
 const GlobalLightbox = ({
   images,
   onClose,
@@ -20,29 +19,25 @@ const GlobalLightbox = ({
 }) => {
   const [index, setIndex] = useState(selectedImage);
   const currentImage = images[index] || {};
-
   const {
-    imageId,
-    url,
-    name,
-    enableLightbox,
-    isCaptionDisplayed,
-    areImageCreditsDisplayed,
-    imageCredits,
-    credits
-  } = currentImage,
-        otherProps = _objectWithoutProperties(currentImage, _excluded);
-
+      imageId,
+      url,
+      name,
+      enableLightbox,
+      isCaptionDisplayed,
+      areImageCreditsDisplayed,
+      imageCredits,
+      credits
+    } = currentImage,
+    otherProps = _objectWithoutProperties(currentImage, _excluded);
   const {
     data,
     loading,
     error
   } = useGetImages(imageId);
-
   if (error) {
     return error.message;
   }
-
   const {
     url: imageUrl = '',
     data: imageData = {}
@@ -64,27 +59,22 @@ const GlobalLightbox = ({
   const shouldDisplayCaption = shouldShowProperty({
     isDisplayed: isCaptionDisplayed,
     value: caption
-  }); // depreciated: imageCredits is depreciated. This code is to handle legacy data. check before changing/removing
+  });
 
+  // depreciated: imageCredits is depreciated. This code is to handle legacy data. check before changing/removing
   const shouldDisplayCredits = shouldShowProperty({
     isDisplayed: areImageCreditsDisplayed,
     value: credits || imageCredits
   });
-
   const navigate = position => {
     const newPosition = index + position;
-
     if (images[newPosition]) {
       setIndex(newPosition);
     }
   };
-
   const handlePrevious = () => navigate(-1);
-
   const handleNext = () => navigate(1);
-
   const handleClose = () => onClose();
-
   const showNext = index !== images.length - 1;
   const showPrevious = !!index;
   const imageCounter = `${index + 1} of ${images.length}`;
@@ -148,7 +138,6 @@ const GlobalLightbox = ({
     shouldDisplayCredits: shouldDisplayCredits
   }))))))));
 };
-
 GlobalLightbox.propTypes = {
   images: PropTypes.arrayOf(PropTypes.shape({
     url: PropTypes.string,

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

@@ -1 +1 @@
-{"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":"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"}
+{"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":"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"}

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

@@ -1,6 +1,5 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-
 const NavButton = ({
   handleAction,
   show,
@@ -13,7 +12,6 @@ const NavButton = ({
   className: `arrow arrow--${modifier === 'next' ? 'right' : 'left'}`,
   "data-testid": `navButton-${modifier}`
 })));
-
 NavButton.propTypes = {
   handleAction: PropTypes.func.isRequired,
   show: PropTypes.bool.isRequired,

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

@@ -1 +1 @@
-{"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"}
+{"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,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAG,CAAC;EAAEC,YAAY;EAAEC,IAAI;EAAEC;AAAS,CAAC,kBACjD,0CACGD,IAAI,iBACH;EACE,IAAI,EAAC,QAAQ;EACb,SAAS,EAAG,0DAAyDC,QAAS,EAAE;EAChF,OAAO,EAAEF;AAAa,gBACtB;EACE,SAAS,EAAG,gBAAeE,QAAQ,KAAK,MAAM,GAAG,OAAO,GAAG,MAAO,EAAE;EACpE,eAAc,aAAYA,QAAS;AAAE,EACrC,CAEL,CAEJ;AAEDH,SAAS,CAACI,SAAS,GAAG;EACpBH,YAAY,EAAEF,SAAS,CAACM,IAAI,CAACC,UAAU;EACvCJ,IAAI,EAAEH,SAAS,CAACQ,IAAI,CAACD,UAAU;EAC/BH,QAAQ,EAAEJ,SAAS,CAACS,MAAM,CAACF;AAC7B,CAAC;AAED,eAAeN,SAAS"}

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

@@ -1,5 +1,3 @@
 import dynamic from 'next/dynamic';
-export default dynamic(() => import(
-/* webpackChunkName: "blazePbGlobalLightbox" */
-'./GlobalLightbox'));
+export default dynamic(() => import( /* webpackChunkName: "blazePbGlobalLightbox" */'./GlobalLightbox'));
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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,OAAO,MAAM,cAAc;AAElC,eAAeA,OAAO,CAAC,MACrB,MAAM,EAAC,+CAAgD,kBAAkB,CAAC,CAC3E"}

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

@@ -2,11 +2,8 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 const _excluded = ["url", "modifier", "imageId", "enableLightbox", "name", "toggleModal", "handleSelectedImage", "displayCount", "lightboxImages", "isHero", "priority", "type", "areImageCreditsDisplayed", "isCaptionDisplayed", "images", "imageData", "imageUrl", "elementTitle", "credits", "imageCredits"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { useInView } from '@blaze-react/utils/lib/customHooks';
@@ -17,32 +14,30 @@ import getClassModifiers from '../../utils/get-class-modifiers';
 import { getImageData } from '../../utils';
 import { getDisplayCountData, shouldShowProperty, buildImageProperties } from '../../helpers';
 import { IMAGE, HERO, IN_VIEW_CONFIG } from '../../constants';
-
 const Image = _ref => {
   let {
-    url,
-    modifier: _modifier,
-    imageId,
-    enableLightbox,
-    name,
-    toggleModal,
-    handleSelectedImage,
-    displayCount,
-    lightboxImages,
-    isHero,
-    priority,
-    type,
-    areImageCreditsDisplayed,
-    isCaptionDisplayed,
-    images,
-    imageData,
-    imageUrl,
-    elementTitle,
-    credits,
-    imageCredits
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
+      url,
+      modifier: _modifier,
+      imageId,
+      enableLightbox,
+      name,
+      toggleModal,
+      handleSelectedImage,
+      displayCount,
+      lightboxImages,
+      isHero,
+      priority,
+      type,
+      areImageCreditsDisplayed,
+      isCaptionDisplayed,
+      images,
+      imageData,
+      imageUrl,
+      elementTitle,
+      credits,
+      imageCredits
+    } = _ref,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   const [displayLightbox, setDisplayLightbox] = useState(false);
   const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);
   const {
@@ -67,20 +62,18 @@ const Image = _ref => {
     modifier
   }, otherProps));
   const wrapperClassName = isHero ? HERO : IMAGE;
-
   const toggleLightbox = () => setDisplayLightbox(!displayLightbox);
-
   const handleEnableLightbox = () => {
     if (!enableLightbox) return;
     toggleModal();
     handleSelectedImage(imageId);
   };
-
   const shouldDisplayCaption = shouldShowProperty({
     isDisplayed: isCaptionDisplayed,
     value: caption
-  }); // deprecated: imageCredits is deprecated. This code is to handle legacy data. check before changing/removing
+  });
 
+  // deprecated: imageCredits is deprecated. This code is to handle legacy data. check before changing/removing
   const creditsValue = credits || imageCredits || imageDataCredits;
   const shouldDisplayCredits = shouldShowProperty({
     isDisplayed: areImageCreditsDisplayed,
@@ -126,7 +119,6 @@ const Image = _ref => {
     shouldDisplayCredits: shouldDisplayCredits
   }));
 };
-
 Image.propTypes = {
   url: PropTypes.string,
   name: PropTypes.string,

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

@@ -1 +1 @@
-{"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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"}
+{"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

@@ -1,6 +1,5 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-
 const ImageDetails = ({
   caption,
   credits,
@@ -14,7 +13,6 @@ const ImageDetails = ({
 }, caption), shouldDisplayCredits && /*#__PURE__*/React.createElement("div", {
   className: "credits"
 }, credits));
-
 ImageDetails.propTypes = {
   caption: PropTypes.string,
   credits: PropTypes.string,

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

@@ -1 +1 @@
-{"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"}
+{"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,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,YAAY,GAAG,CAAC;EAAEC,OAAO;EAAEC,OAAO;EAAEC,oBAAoB;EAAEC;AAAqB,CAAC,kBACpF;EAAK,SAAS,EAAC,gBAAgB;EAAC,eAAY;AAAe,GACxDD,oBAAoB,iBAAI;EAAK,SAAS,EAAC;AAAS,GAAEF,OAAO,CAAO,EAChEG,oBAAoB,iBAAI;EAAK,SAAS,EAAC;AAAS,GAAEF,OAAO,CAAO,CAEpE;AAEDF,YAAY,CAACK,SAAS,GAAG;EACvBJ,OAAO,EAAEF,SAAS,CAACO,MAAM;EACzBJ,OAAO,EAAEH,SAAS,CAACO,MAAM;EACzBH,oBAAoB,EAAEJ,SAAS,CAACQ,IAAI,CAACC,UAAU;EAC/CJ,oBAAoB,EAAEL,SAAS,CAACQ,IAAI,CAACC;AACvC,CAAC;AAEDR,YAAY,CAACS,YAAY,GAAG;EAC1BR,OAAO,EAAE,IAAI;EACbC,OAAO,EAAE;AACX,CAAC;AAED,eAAeF,YAAY"}

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

@@ -5,7 +5,6 @@ import { MainContext } from '@blaze-cms/nextjs-components';
 import Image from './Image';
 import { useGetImageIdFromRelation, useGetImages, useGetSingleEntitySchema } from '../../hooks';
 import { getImageIds, isUsingRelationImage as checkIfUsingRelationImage } from '../../helpers';
-
 const ImageFactory = props => {
   const {
     imageId,
@@ -59,7 +58,6 @@ const ImageFactory = props => {
     }));
   });
 };
-
 ImageFactory.propTypes = {
   entity: PropTypes.string,
   fetchFromRelation: PropTypes.bool,

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

@@ -1 +1 @@
-{"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"}
+{"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,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,WAAW,QAAQ,8BAA8B;AAC1D,OAAOC,KAAK,MAAM,SAAS;AAC3B,SAASC,yBAAyB,EAAEC,YAAY,EAAEC,wBAAwB,QAAQ,aAAa;AAC/F,SAASC,WAAW,EAAEC,oBAAoB,IAAIC,yBAAyB,QAAQ,eAAe;AAE9F,MAAMC,YAAY,GAAGC,KAAK,IAAI;EAC5B,MAAM;IACJC,OAAO;IACPC,MAAM,EAAE;MAAEC;IAAO,CAAC;IAClBC,MAAM;IACNC,iBAAiB;IACjBC;EACF,CAAC,GAAGN,KAAK;EACT,MAAM;IAAEO;EAAU,CAAC,GAAGlB,UAAU,CAACE,WAAW,CAAC;EAC7C,MAAMM,oBAAoB,GAAGC,yBAAyB,CAACM,MAAM,EAAEC,iBAAiB,EAAEC,aAAa,CAAC;EAChG,MAAM;IAAEE,IAAI,EAAE;MAAEC,eAAe,GAAG,CAAC;IAAE,CAAC,GAAG,CAAC;EAAE,CAAC,GAAGd,wBAAwB,CAACS,MAAM,EAAE,CAACA,MAAM,CAAC;EACzF,MAAM;IAAEM,OAAO,GAAG,CAAC;EAAE,CAAC,GAAGD,eAAe;EACxC,MAAM;IAAED,IAAI,EAAEG,YAAY;IAAEC,OAAO,EAAEC;EAAgB,CAAC,GAAGpB,yBAAyB,CAChFU,MAAM,EACNG,aAAa,EACbI,OAAO,EACPb,oBAAoB,EACpBU,SAAS,CACV;EAED,MAAMO,eAAe,GAAGD,eAAe,GACnC,IAAI,GACJjB,WAAW,CAACU,aAAa,EAAEK,YAAY,EAAEV,OAAO,CAAC;EACrD,MAAMc,QAAQ,GACZD,eAAe,IAAIA,eAAe,CAACE,MAAM,KAAK,CAAC,GAAGF,eAAe,CAAC,CAAC,CAAC,GAAGA,eAAe;EACxF,MAAM;IAAEN,IAAI,EAAE;MAAES,OAAO;MAAEC,QAAQ,GAAG;IAAG,CAAC,GAAG,CAAC,CAAC;IAAEN,OAAO;IAAEO;EAAM,CAAC,GAAGzB,YAAY,CAC5EqB,QAAQ,EACRD,eAAe,IAAIA,eAAe,CAACE,MAAM,GAAG,CAAC,CAC9C;EACD,IAAIG,KAAK,EAAE,OAAOA,KAAK,CAACC,OAAO;EAC/B,IAAIR,OAAO,EAAE,OAAO,EAAE;EAEtB,MAAMS,KAAK,GAAGJ,OAAO,GAAG,CAACA,OAAO,CAAC,GAAGC,QAAQ;EAC5C,OAAOG,KAAK,CAACC,GAAG,CAAC,CAAC;IAAEC,EAAE;IAAEf,IAAI,EAAEgB,SAAS,GAAG,CAAC,CAAC;IAAEC,GAAG,EAAEC,QAAQ,GAAG;EAAG,CAAC,KAAK;IACrE,IAAI,CAACA,QAAQ,EAAE,OAAO,IAAI;IAC1B,oBAAO,oBAAC,KAAK;MAAC,GAAG,EAAEH;IAAG,GAAKvB,KAAK;MAAE,SAAS,EAAEwB,SAAU;MAAC,QAAQ,EAAEE;IAAS,GAAG;EAChF,CAAC,CAAC;AACJ,CAAC;AAED3B,YAAY,CAAC4B,SAAS,GAAG;EACvBvB,MAAM,EAAEd,SAAS,CAACsC,MAAM;EACxBvB,iBAAiB,EAAEf,SAAS,CAACuC,IAAI;EACjC5B,OAAO,EAAEX,SAAS,CAACsC,MAAM;EACzBtB,aAAa,EAAEhB,SAAS,CAACwC,KAAK;EAC9B5B,MAAM,EAAEZ,SAAS,CAACyC;AACpB,CAAC;AAEDhC,YAAY,CAACiC,YAAY,GAAG;EAC1B5B,MAAM,EAAE,EAAE;EACVC,iBAAiB,EAAE,KAAK;EACxBJ,OAAO,EAAE,EAAE;EACXK,aAAa,EAAE,EAAE;EACjBJ,MAAM,EAAE,CAAC;AACX,CAAC;AAED,eAAeH,YAAY"}

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

@@ -6,27 +6,25 @@ import PropTypes from 'prop-types';
 import Head from 'next/head';
 import { ResponsiveImage } from '@blaze-cms/image-cdn-react';
 import Lightbox from './Lightbox';
-
 const ImageRender = _ref => {
   let {
-    alt,
-    imageUrl,
-    handleEnableLightbox,
-    toggleLightbox,
-    displayLightbox,
-    enableLightbox,
-    caption,
-    lightboxImgProps,
-    name,
-    metaTitle,
-    heroModifier,
-    style,
-    isHero,
-    priority,
-    sizeKey
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
+      alt,
+      imageUrl,
+      handleEnableLightbox,
+      toggleLightbox,
+      displayLightbox,
+      enableLightbox,
+      caption,
+      lightboxImgProps,
+      name,
+      metaTitle,
+      heroModifier,
+      style,
+      isHero,
+      priority,
+      sizeKey
+    } = _ref,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   const imageStyle = enableLightbox ? {
     cursor: 'pointer'
   } : style;
@@ -48,7 +46,6 @@ const ImageRender = _ref => {
     name: metaTitle || name
   }, otherProps)));
 };
-
 ImageRender.propTypes = {
   displayLightbox: PropTypes.bool.isRequired,
   enableLightbox: PropTypes.bool.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"ImageRender.js","names":["React","PropTypes","Head","ResponsiveImage","Lightbox","ImageRender","alt","imageUrl","handleEnableLightbox","toggleLightbox","displayLightbox","enableLightbox","caption","lightboxImgProps","name","metaTitle","heroModifier","style","isHero","priority","sizeKey","otherProps","imageStyle","cursor","HeadComponent","propTypes","bool","isRequired","string","func","object","defaultProps"],"sources":["../../../src/components/Image/ImageRender.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Head from 'next/head';\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  const HeadComponent = priority ? Head : null;\n\n  return (\n    <>\n      <ResponsiveImage\n        sizeKey={sizeKey}\n        alt={alt}\n        src={imageUrl}\n        onClick={handleEnableLightbox}\n        style={imageStyle}\n        HeadComponent={HeadComponent}\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,OAAOC,IAAP,MAAiB,WAAjB;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;EACA,MAAMO,aAAa,GAAGL,QAAQ,GAAGjB,IAAH,GAAU,IAAxC;EAEA,oBACE,uDACE,oBAAC,eAAD;IACE,OAAO,EAAEkB,OADX;IAEE,GAAG,EAAEd,GAFP;IAGE,GAAG,EAAEC,QAHP;IAIE,OAAO,EAAEC,oBAJX;IAKE,KAAK,EAAEc,UALT;IAME,aAAa,EAAEE;EANjB,EADF,EASGd,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,EAVJ,CADF;AAwBD,CA7CD;;AA+CAhB,WAAW,CAACoB,SAAZ,GAAwB;EACtBf,eAAe,EAAET,SAAS,CAACyB,IAAV,CAAeC,UADV;EAEtBhB,cAAc,EAAEV,SAAS,CAACyB,IAAV,CAAeC,UAFT;EAGtBrB,GAAG,EAAEL,SAAS,CAAC2B,MAHO;EAItBhB,OAAO,EAAEX,SAAS,CAAC2B,MAJG;EAKtBrB,QAAQ,EAAEN,SAAS,CAAC2B,MAAV,CAAiBD,UALL;EAMtBb,IAAI,EAAEb,SAAS,CAAC2B,MANM;EAOtBZ,YAAY,EAAEf,SAAS,CAAC2B,MAPF;EAQtBb,SAAS,EAAEd,SAAS,CAAC2B,MARC;EAStBpB,oBAAoB,EAAEP,SAAS,CAAC4B,IAAV,CAAeF,UATf;EAUtBlB,cAAc,EAAER,SAAS,CAAC4B,IAAV,CAAeF,UAVT;EAWtBd,gBAAgB,EAAEZ,SAAS,CAAC6B,MAAV,CAAiBH,UAXb;EAYtBV,KAAK,EAAEhB,SAAS,CAAC6B,MAZK;EAatBZ,MAAM,EAAEjB,SAAS,CAACyB,IAbI;EActBP,QAAQ,EAAElB,SAAS,CAACyB,IAdE;EAetBN,OAAO,EAAEnB,SAAS,CAAC2B;AAfG,CAAxB;AAkBAvB,WAAW,CAAC0B,YAAZ,GAA2B;EACzBjB,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"}
+{"version":3,"file":"ImageRender.js","names":["React","PropTypes","Head","ResponsiveImage","Lightbox","ImageRender","alt","imageUrl","handleEnableLightbox","toggleLightbox","displayLightbox","enableLightbox","caption","lightboxImgProps","name","metaTitle","heroModifier","style","isHero","priority","sizeKey","otherProps","imageStyle","cursor","HeadComponent","propTypes","bool","isRequired","string","func","object","defaultProps"],"sources":["../../../src/components/Image/ImageRender.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Head from 'next/head';\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  const HeadComponent = priority ? Head : null;\n\n  return (\n    <>\n      <ResponsiveImage\n        sizeKey={sizeKey}\n        alt={alt}\n        src={imageUrl}\n        onClick={handleEnableLightbox}\n        style={imageStyle}\n        HeadComponent={HeadComponent}\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,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,WAAW;AAC5B,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,OAAOC,QAAQ,MAAM,YAAY;AAEjC,MAAMC,WAAW,GAAG,QAiBd;EAAA,IAjBe;MACnBC,GAAG;MACHC,QAAQ;MACRC,oBAAoB;MACpBC,cAAc;MACdC,eAAe;MACfC,cAAc;MACdC,OAAO;MACPC,gBAAgB;MAChBC,IAAI;MACJC,SAAS;MACTC,YAAY;MACZC,KAAK;MACLC,MAAM;MACNC,QAAQ;MACRC;IAEF,CAAC;IADIC,UAAU;EAEb,MAAMC,UAAU,GAAGX,cAAc,GAAG;IAAEY,MAAM,EAAE;EAAU,CAAC,GAAGN,KAAK;EACjE,MAAMO,aAAa,GAAGL,QAAQ,GAAGjB,IAAI,GAAG,IAAI;EAE5C,oBACE,uDACE,oBAAC,eAAe;IACd,OAAO,EAAEkB,OAAQ;IACjB,GAAG,EAAEd,GAAI;IACT,GAAG,EAAEC,QAAS;IACd,OAAO,EAAEC,oBAAqB;IAC9B,KAAK,EAAEc,UAAW;IAClB,aAAa,EAAEE;EAAc,EAC7B,EACDd,eAAe,iBACd,oBAAC,QAAQ;IACP,QAAQ,EAAEH,QAAS;IACnB,GAAG,EAAED,GAAI;IACT,QAAQ,EAAEa,QAAS;IACnB,UAAU,EAAEV,cAAe;IAC3B,OAAO,EAAEG,OAAQ;IACjB,eAAe,EAAEC,gBAAiB;IAClC,IAAI,EAAEE,SAAS,IAAID;EAAK,GACpBO,UAAU,EAEjB,CACA;AAEP,CAAC;AAEDhB,WAAW,CAACoB,SAAS,GAAG;EACtBf,eAAe,EAAET,SAAS,CAACyB,IAAI,CAACC,UAAU;EAC1ChB,cAAc,EAAEV,SAAS,CAACyB,IAAI,CAACC,UAAU;EACzCrB,GAAG,EAAEL,SAAS,CAAC2B,MAAM;EACrBhB,OAAO,EAAEX,SAAS,CAAC2B,MAAM;EACzBrB,QAAQ,EAAEN,SAAS,CAAC2B,MAAM,CAACD,UAAU;EACrCb,IAAI,EAAEb,SAAS,CAAC2B,MAAM;EACtBZ,YAAY,EAAEf,SAAS,CAAC2B,MAAM;EAC9Bb,SAAS,EAAEd,SAAS,CAAC2B,MAAM;EAC3BpB,oBAAoB,EAAEP,SAAS,CAAC4B,IAAI,CAACF,UAAU;EAC/ClB,cAAc,EAAER,SAAS,CAAC4B,IAAI,CAACF,UAAU;EACzCd,gBAAgB,EAAEZ,SAAS,CAAC6B,MAAM,CAACH,UAAU;EAC7CV,KAAK,EAAEhB,SAAS,CAAC6B,MAAM;EACvBZ,MAAM,EAAEjB,SAAS,CAACyB,IAAI;EACtBP,QAAQ,EAAElB,SAAS,CAACyB,IAAI;EACxBN,OAAO,EAAEnB,SAAS,CAAC2B;AACrB,CAAC;AAEDvB,WAAW,CAAC0B,YAAY,GAAG;EACzBjB,IAAI,EAAE,EAAE;EACRC,SAAS,EAAE,EAAE;EACbC,YAAY,EAAE,EAAE;EAChBV,GAAG,EAAE,EAAE;EACPM,OAAO,EAAE,EAAE;EACXM,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAE,KAAK;EACfF,KAAK,EAAE,CAAC,CAAC;EACTG,OAAO,EAAE;AACX,CAAC;AAED,eAAef,WAAW"}

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

@@ -5,8 +5,9 @@ import Modal from '@blaze-react/modal';
 import { useInView } from '@blaze-react/utils/lib/customHooks';
 import { ResponsiveImage } from '@blaze-cms/image-cdn-react';
 import BlazeLink from '../../BlazeLink';
-import { IN_VIEW_CONFIG } from '../../../constants'; // add for full screen modal based on blaze, and pass modifiers(lightbox)
+import { IN_VIEW_CONFIG } from '../../../constants';
 
+// add for full screen modal based on blaze, and pass modifiers(lightbox)
 const Lightbox = ({
   name,
   imageUrl,
@@ -41,7 +42,6 @@ const Lightbox = ({
     className: "caption"
   }, imageCaption)));
 };
-
 Lightbox.propTypes = {
   name: PropTypes.string,
   closeModal: PropTypes.func.isRequired,

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

@@ -1 +1 @@
-{"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"}
+{"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,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,oBAAoB;AACtC,SAASC,SAAS,QAAQ,oCAAoC;AAC9D,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,OAAOC,SAAS,MAAM,iBAAiB;AACvC,SAASC,cAAc,QAAQ,oBAAoB;;AAEnD;AACA,MAAMC,QAAQ,GAAG,CAAC;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,MAAM;EAAEC,UAAU;EAAEC,YAAY;EAAEC;AAAgB,CAAC,KAAK;EAC1F,MAAM,CAACC,cAAc,EAAEC,QAAQ,CAAC,GAAGZ,SAAS,CAACG,cAAc,CAAC;EAE5D,MAAMU,OAAO,GAAGC,MAAM,CAACC,IAAI,CAACL,eAAe,CAAC,CAACM,MAAM;EACnD,MAAMC,UAAU,GAAGJ,OAAO,GAAGX,SAAS,GAAGL,QAAQ;EAEjD,oBACE,oBAAC,KAAK;IAAC,KAAK,EAAEQ,IAAK;IAAC,OAAO,EAAEG,UAAW;IAAC,YAAY;EAAA,gBACnD;IAAK,SAAS,EAAC;EAAsB,gBACnC;IAAK,SAAS,EAAC;EAA2B,gBACxC;IAAK,GAAG,EAAEI,QAAS;IAAC,SAAS,EAAC;EAAO,GAClCD,cAAc,iBACb,oBAAC,UAAU,eAAKD,eAAe;IAAE,IAAI,EAAEG,OAAO,GAAG,MAAM,GAAG;EAAG,iBAC3D,oBAAC,eAAe;IAAC,GAAG,EAAEP,QAAS;IAAC,GAAG,EAAEC,MAAO;IAAC,OAAO,EAAC;EAAU,EAAG,CAErE,CACG,CACF,CACF,EACLE,YAAY,iBACX;IAAK,SAAS,EAAC;EAAsB,gBACnC;IAAK,SAAS,EAAC;EAAS,GAAEA,YAAY,CAAO,CAEhD,CACK;AAEZ,CAAC;AAEDL,QAAQ,CAACc,SAAS,GAAG;EACnBb,IAAI,EAAEP,SAAS,CAACqB,MAAM;EACtBX,UAAU,EAAEV,SAAS,CAACsB,IAAI,CAACC,UAAU;EACrCX,eAAe,EAAEZ,SAAS,CAACwB,MAAM;EACjChB,QAAQ,EAAER,SAAS,CAACqB,MAAM;EAC1BV,YAAY,EAAEX,SAAS,CAACqB,MAAM;EAC9BZ,MAAM,EAAET,SAAS,CAACqB,MAAM;EACxBI,QAAQ,EAAEzB,SAAS,CAACqB;AACtB,CAAC;AAEDf,QAAQ,CAACoB,YAAY,GAAG;EACtBnB,IAAI,EAAE,EAAE;EACRK,eAAe,EAAE,CAAC,CAAC;EACnBa,QAAQ,EAAE,EAAE;EACZd,YAAY,EAAE,EAAE;EAChBF,MAAM,EAAE,EAAE;EACVD,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeF,QAAQ"}

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

@@ -1 +1 @@
-{"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"}
+{"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,QAAQ,MAAM,YAAY;AAEjC,eAAeA,QAAQ"}

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

@@ -1 +1 @@
-{"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"}
+{"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,KAAK,MAAM,gBAAgB;AAElC,eAAeA,KAAK"}

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

@@ -5,7 +5,6 @@ import { useQuery, useMutation } from '@apollo/client';
 import { getItemList, addItemsToList, removeItemsFromList } from '../../../application/query';
 import { getItemListData, setItemListId } from '../helpers';
 import { useItemListId } from '../hooks';
-
 const ItemListButton = ({
   listName,
   parent,
@@ -21,12 +20,10 @@ const ItemListButton = ({
   } = useItemListId({
     listName
   });
-
   const getIcon = () => {
     if (isInList) return isHover ? BsBookmarkXFill : BsBookmarkCheckFill;
     return isHover ? BsBookmarkStarFill : BsBookmarkStar;
   };
-
   const {
     data,
     error,
@@ -46,14 +43,12 @@ const ItemListButton = ({
           id
         }
       } = listAddResult;
-
       if (!listId) {
         setItemListId(listName, id);
       }
     }
   });
   const [removeListItem] = useMutation(removeItemsFromList);
-
   const clickHandler = () => {
     setIsHover(false);
     isInList ? removeListItem({
@@ -77,7 +72,6 @@ const ItemListButton = ({
       skip: !listId
     });
   };
-
   if (loading) return '';
   if (error) return error.message;
   const listItems = getItemListData(data);
@@ -96,7 +90,6 @@ const ItemListButton = ({
     onMouseLeave: () => setIsHover(false)
   }, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(Icon, null)));
 };
-
 ItemListButton.propTypes = {
   parent: PropTypes.object,
   listName: PropTypes.string,