@blaze-cms/react-page-builder 0.125.0-admin-updates.1 → 0.125.0-alpha.13

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":";;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,SAAT,QAA0B,oCAA1B;AACA,OAAOC,OAAP,MAAoB,YAApB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AACA,OAAOC,iBAAP,MAA8B,iCAA9B;AACA,SAASC,YAAT,QAA6B,aAA7B;AACA,SAASC,mBAAT,EAA8BC,kBAA9B,EAAkDC,oBAAlD,QAA8E,eAA9E;AACA,SAASC,KAAT,EAAgBC,IAAhB,EAAsBC,cAAtB,QAA4C,iBAA5C;;AAEA,MAAMC,KAAK,GAAG,QAsBR;EAAA,IAtBS;IACbC,GADa;IAEbC,QAAQ,EAAEC,SAFG;IAGbC,OAHa;IAIbC,cAJa;IAKbC,IALa;IAMbC,WANa;IAObC,mBAPa;IAQbC,YARa;IASbC,cATa;IAUbC,MAVa;IAWbC,QAXa;IAYbC,IAZa;IAabC,wBAba;IAcbC,kBAda;IAebC,MAfa;IAgBbC,SAhBa;IAiBbC,QAjBa;IAkBbC,YAlBa;IAmBbC,OAnBa;IAoBbC;EApBa,CAsBT;EAAA,IADDC,UACC;;EACJ,MAAM,CAACC,eAAD,EAAkBC,kBAAlB,IAAwCtC,QAAQ,CAAC,KAAD,CAAtD;EACA,MAAM,CAACuC,cAAD,EAAiBC,QAAjB,IAA6BtC,SAAS,CAACW,cAAD,CAA5C;EAEA,MAAM;IAAE4B,OAAF;IAAWC,OAAX;IAAoBC,OAApB;IAA6BT,OAAO,EAAEU;EAAtC,IAA2DrC,YAAY,CAC3E6B,UAD2E,EAE3EL,SAF2E,CAA7E;EAKA,MAAMc,IAAI,GAAG9B,GAAG,IAAI4B,OAApB;EAEA,MAAM;IAAEG,UAAF;IAAcC,eAAd;IAA+BC;EAA/B,IAAoDtC,oBAAoB,CAAC;IAC7EmC,IAD6E;IAE7EzB,IAF6E;IAG7ED,cAH6E;IAI7EM;EAJ6E,CAAD,CAA9E;EAOA,MAAMT,QAAQ,GAAGC,SAAS,IAAI,EAA9B;EACA,MAAMgC,SAAS,GAAG3C,iBAAiB,CAACqB,IAAD;IAASX;EAAT,GAAsBoB,UAAtB,EAAnC;EACA,MAAMc,gBAAgB,GAAGzB,MAAM,GAAGb,IAAH,GAAUD,KAAzC;;EACA,MAAMwC,cAAc,GAAG,MAAMb,kBAAkB,CAAC,CAACD,eAAF,CAA/C;;EAEA,MAAMe,oBAAoB,GAAG,MAAM;IACjC,IAAI,CAACjC,cAAL,EAAqB;IACrBE,WAAW;IACXC,mBAAmB,CAACJ,OAAD,CAAnB;EACD,CAJD;;EAMA,MAAMmC,oBAAoB,GAAG5C,kBAAkB,CAAC;IAC9C6C,WAAW,EAAEzB,kBADiC;IAE9C0B,KAAK,EAAEd;EAFuC,CAAD,CAA/C,CA7BI,CAkCJ;;EACA,MAAMe,YAAY,GAAGtB,OAAO,IAAIC,YAAX,IAA2BS,gBAAhD;EAEA,MAAMa,oBAAoB,GAAGhD,kBAAkB,CAAC;IAC9C6C,WAAW,EAAE1B,wBADiC;IAE9C2B,KAAK,EAAEC;EAFuC,CAAD,CAA/C;EAIA,MAAM;IAAEE,kBAAF;IAAsBC;EAAtB,IAAuCnD,mBAAmB,CAACe,YAAD,EAAeO,MAAf,CAAhE;EACA,MAAM8B,OAAO,GAAG,CAACjD,KAAD,EAAQc,MAAM,GAAGb,IAAH,GAAU,EAAxB,EAA4BK,SAA5B,EAAuC4C,MAAvC,CAA8CC,OAA9C,EAAuDC,IAAvD,CAA4D,GAA5D,CAAhB;EACA,MAAMC,kBAAkB,GAAG,CAAC,CAAChC,QAAF,KAAeN,QAAQ,IAAIa,cAA3B,CAA3B;EAEA,oBACE,oBAAC,OAAD;IAAS,GAAG,EAAEC,QAAd;IAAwB,SAAS,EAAEU,gBAAnC;IAAqD,SAAS,EAAED;EAAhE,GAA+Eb,UAA/E,GACGH,YAAY,iBAAI;IAAI,SAAS,EAAC;EAAd,GAA0CA,YAA1C,CADnB,EAEG+B,kBAAkB,iBACjB,oBAAC,UAAD,EAAgBjB,eAAhB,eACE,oBAAC,WAAD,eACMX,UADN;IAEE,GAAG,EAAEM,OAFP;IAGE,QAAQ,EAAEV,QAHZ;IAIE,oBAAoB,EAAEoB,oBAJxB;IAKE,cAAc,EAAED,cALlB;IAME,eAAe,EAAEd,eANnB;IAOE,OAAO,EAAEI,OAPX;IAQE,cAAc,EAAEtB,cARlB;IASE,gBAAgB,EAAE6B,gBATpB;IAUE,IAAI,EAAE5B,IAVR;IAWE,YAAY,EAAEG,YAXhB;IAYE,cAAc,EAAEC,cAZlB;IAaE,MAAM,EAAEC,MAbV;IAcE,QAAQ,EAAEC,QAdZ;IAeE,OAAO,EAAEkC;EAfX,GADF,CAHJ,EAuBGF,kBAAkB,iBACjB;IACE,SAAS,EAAC,oCADZ;IAEE,IAAI,EAAC,QAFP;IAGE,OAAO,EAAEN;EAHX,gBAIE,+BAAIO,YAAJ,CAJF,eAKE;IAAK,SAAS,EAAC;EAAf,EALF,CAxBJ,EAgCG,CAACN,oBAAoB,IAAII,oBAAzB,kBACC,oBAAC,YAAD;IACE,OAAO,EAAEhB,OADX;IAEE,OAAO,EAAEe,YAFX;IAGE,oBAAoB,EAAEH,oBAHxB;IAIE,oBAAoB,EAAEI;EAJxB,EAjCJ,CADF;AA2CD,CA9GD;;AAgHA3C,KAAK,CAACmD,SAAN,GAAkB;EAChBlD,GAAG,EAAEd,SAAS,CAACiE,MADC;EAEhB9C,IAAI,EAAEnB,SAAS,CAACiE,MAFA;EAGhBlD,QAAQ,EAAEf,SAAS,CAACiE,MAHJ;EAIhBhD,OAAO,EAAEjB,SAAS,CAACiE,MAJH;EAKhB/C,cAAc,EAAElB,SAAS,CAACkE,IALV;EAMhB9C,WAAW,EAAEpB,SAAS,CAACmE,IANP;EAOhB9C,mBAAmB,EAAErB,SAAS,CAACmE,IAPf;EAQhB7C,YAAY,EAAEtB,SAAS,CAACkE,IARR;EAShB3C,cAAc,EAAEvB,SAAS,CAACoE,KATV;EAUhBvC,MAAM,EAAE7B,SAAS,CAACoE,KAVF;EAWhB5C,MAAM,EAAExB,SAAS,CAACkE,IAXF;EAYhBzC,QAAQ,EAAEzB,SAAS,CAACkE,IAZJ;EAahBxC,IAAI,EAAE1B,SAAS,CAACiE,MAbA;EAchBtC,wBAAwB,EAAE3B,SAAS,CAACkE,IAdpB;EAehBtC,kBAAkB,EAAE5B,SAAS,CAACkE,IAfd;EAgBhBpC,SAAS,EAAE9B,SAAS,CAACqE,MAhBL;EAiBhBtC,QAAQ,EAAE/B,SAAS,CAACiE,MAjBJ;EAkBhBhC,OAAO,EAAEjC,SAAS,CAACiE,MAlBH;EAmBhB/B,YAAY,EAAElC,SAAS,CAACiE,MAnBR;EAoBhBjC,YAAY,EAAEhC,SAAS,CAACiE;AApBR,CAAlB;AAuBApD,KAAK,CAACyD,YAAN,GAAqB;EACnBvD,QAAQ,EAAE,EADS;EAEnBD,GAAG,EAAE,IAFc;EAGnBK,IAAI,EAAE,EAHa;EAInBc,OAAO,EAAE,EAJU;EAKnBC,YAAY,EAAE,EALK;EAMnBhB,cAAc,EAAE,KANG;EAOnBD,OAAO,EAAE,EAPU;EAQnBI,mBAAmB,EAAE,MAAM,CAAE,CARV;EASnBD,WAAW,EAAE,MAAM,CAAE,CATF;EAUnBE,YAAY,EAAE,KAVK;EAWnBC,cAAc,EAAE,EAXG;EAYnBM,MAAM,EAAE,EAZW;EAanBL,MAAM,EAAE,KAbW;EAcnBC,QAAQ,EAAE,KAdS;EAenBC,IAAI,EAAE,EAfa;EAgBnBC,wBAAwB,EAAE,KAhBP;EAiBnBC,kBAAkB,EAAE,IAjBD;EAkBnBE,SAAS,EAAE,EAlBQ;EAmBnBC,QAAQ,EAAE,EAnBS;EAoBnBC,YAAY,EAAE;AApBK,CAArB;AAuBA,eAAenB,KAAf"}
+{"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,

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

@@ -1 +1 @@
-{"version":3,"file":"ItemListButton.js","names":["React","useState","PropTypes","BsBookmarkStarFill","BsBookmarkCheckFill","BsBookmarkStar","BsBookmarkXFill","useQuery","useMutation","getItemList","addItemsToList","removeItemsFromList","getItemListData","setItemListId","useItemListId","ItemListButton","listName","parent","modifier","itemId","itemEntity","isHover","setIsHover","listId","getIcon","isInList","data","error","loading","variables","id","skip","addListItem","onCompleted","listAddResult","result","removeListItem","clickHandler","listItems","name","message","find","idToCheck","entityToCheck","Icon","stateClassName","className","filter","Boolean","join","propTypes","object","string","defaultProps"],"sources":["../../../../src/components/ItemList/ItemListButton/ItemListButton.js"],"sourcesContent":["import React, { useState } 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, setItemListId } from '../helpers';\nimport { useItemListId } from '../hooks';\n\nconst ItemListButton = ({ listName, parent, modifier }) => {\n  const { itemId, itemEntity } = parent;\n  const [isHover, setIsHover] = useState(false);\n  const { listId } = useItemListId({ 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        setItemListId(listName, id);\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(\n    ({ itemId: idToCheck, itemEntity: entityToCheck }) =>\n      idToCheck === itemId && entityToCheck === itemEntity\n  );\n  const Icon = getIcon();\n  const stateClassName = isInList ? 'item-list-button--selected' : '';\n  const className = ['item-list-button', stateClassName, modifier].filter(Boolean).join(' ');\n\n  return (\n    <div\n      className={className}\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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"}
+{"version":3,"file":"ItemListButton.js","names":["React","useState","PropTypes","BsBookmarkStarFill","BsBookmarkCheckFill","BsBookmarkStar","BsBookmarkXFill","useQuery","useMutation","getItemList","addItemsToList","removeItemsFromList","getItemListData","setItemListId","useItemListId","ItemListButton","listName","parent","modifier","itemId","itemEntity","isHover","setIsHover","listId","getIcon","isInList","data","error","loading","variables","id","skip","addListItem","onCompleted","listAddResult","result","removeListItem","clickHandler","listItems","name","message","find","idToCheck","entityToCheck","Icon","stateClassName","className","filter","Boolean","join","propTypes","object","string","defaultProps"],"sources":["../../../../src/components/ItemList/ItemListButton/ItemListButton.js"],"sourcesContent":["import React, { useState } 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, setItemListId } from '../helpers';\nimport { useItemListId } from '../hooks';\n\nconst ItemListButton = ({ listName, parent, modifier }) => {\n  const { itemId, itemEntity } = parent;\n  const [isHover, setIsHover] = useState(false);\n  const { listId } = useItemListId({ 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        setItemListId(listName, id);\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(\n    ({ itemId: idToCheck, itemEntity: entityToCheck }) =>\n      idToCheck === itemId && entityToCheck === itemEntity\n  );\n  const Icon = getIcon();\n  const stateClassName = isInList ? 'item-list-button--selected' : '';\n  const className = ['item-list-button', stateClassName, modifier].filter(Boolean).join(' ');\n\n  return (\n    <div\n      className={className}\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/ItemList/ItemListButton/index.js.map

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

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

@@ -6,7 +6,6 @@ import { BsBookmarkStarFill, BsBookmarkStar } from 'react-icons/bs';
 import { getItemList } from '../../../application/query';
 import { useItemListId } from '../hooks';
 import { getItemListData } from '../helpers';
-
 const ItemListCounter = ({
   listName,
   modifier,
@@ -33,9 +32,7 @@ const ItemListCounter = ({
   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",
@@ -45,7 +42,6 @@ const ItemListCounter = ({
     className: "item-list-counter__badge"
   }, listLength));
 };
-
 ItemListCounter.propTypes = {
   url: PropTypes.string,
   listName: PropTypes.string,

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

@@ -1 +1 @@
-{"version":3,"file":"ItemListCounter.js","names":["React","PropTypes","useRouter","useQuery","BsBookmarkStarFill","BsBookmarkStar","getItemList","useItemListId","getItemListData","ItemListCounter","listName","modifier","url","router","listId","data","error","loading","variables","id","skip","message","listItems","listLength","length","CounterIcon","handleClick","push","propTypes","string","defaultProps"],"sources":["../../../../src/components/ItemList/ItemListCounter/ItemListCounter.js"],"sourcesContent":["import React 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 { useItemListId } from '../hooks';\nimport { getItemListData } from '../helpers';\n\nconst ItemListCounter = ({ listName, modifier, url }) => {\n  const router = useRouter();\n  const { listId } = useItemListId({ listName });\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,MAAkB,OAAlB;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,4BAA5B;AACA,SAASC,aAAT,QAA8B,UAA9B;AACA,SAASC,eAAT,QAAgC,YAAhC;;AAEA,MAAMC,eAAe,GAAG,CAAC;EAAEC,QAAF;EAAYC,QAAZ;EAAsBC;AAAtB,CAAD,KAAiC;EACvD,MAAMC,MAAM,GAAGX,SAAS,EAAxB;EACA,MAAM;IAAEY;EAAF,IAAaP,aAAa,CAAC;IAAEG;EAAF,CAAD,CAAhC;EAEA,MAAM;IAAEK,IAAF;IAAQC,KAAR;IAAeC;EAAf,IAA2Bd,QAAQ,CAACG,WAAD,EAAc;IACrDY,SAAS,EAAE;MAAEC,EAAE,EAAEL;IAAN,CAD0C;IAErDM,IAAI,EAAE,CAACN;EAF8C,CAAd,CAAzC;EAKA,IAAIG,OAAJ,EAAa,OAAO,EAAP;EACb,IAAID,KAAJ,EAAW,OAAOA,KAAK,CAACK,OAAb;EAEX,MAAMC,SAAS,GAAGd,eAAe,CAACO,IAAD,CAAjC;EACA,MAAMQ,UAAU,GAAGD,SAAS,CAACE,MAA7B;EACA,MAAMC,WAAW,GAAGF,UAAU,GAAGnB,kBAAH,GAAwBC,cAAtD;;EAEA,MAAMqB,WAAW,GAAG,MAAMb,MAAM,CAACc,IAAP,CAAY,WAAZ,EAA0B,GAAEf,GAAI,eAAcE,MAAO,EAArD,CAA1B;;EAEA,oBACE;IACE,IAAI,EAAC,QADP;IAEE,IAAI,EAAC,QAFP;IAGE,SAAS,EAAG,qBAAoBH,QAAS,EAH3C;IAIE,OAAO,EAAEe;EAJX,gBAKE,oBAAC,WAAD,OALF,eAME;IAAM,SAAS,EAAC;EAAhB,GAA4CH,UAA5C,CANF,CADF;AAUD,CA5BD;;AA8BAd,eAAe,CAACmB,SAAhB,GAA4B;EAC1BhB,GAAG,EAAEX,SAAS,CAAC4B,MADW;EAE1BnB,QAAQ,EAAET,SAAS,CAAC4B,MAFM;EAG1BlB,QAAQ,EAAEV,SAAS,CAAC4B;AAHM,CAA5B;AAMApB,eAAe,CAACqB,YAAhB,GAA+B;EAC7BlB,GAAG,EAAE,EADwB;EAE7BF,QAAQ,EAAE,EAFmB;EAG7BC,QAAQ,EAAE;AAHmB,CAA/B;AAMA,eAAeF,eAAf"}
+{"version":3,"file":"ItemListCounter.js","names":["React","PropTypes","useRouter","useQuery","BsBookmarkStarFill","BsBookmarkStar","getItemList","useItemListId","getItemListData","ItemListCounter","listName","modifier","url","router","listId","data","error","loading","variables","id","skip","message","listItems","listLength","length","CounterIcon","handleClick","push","propTypes","string","defaultProps"],"sources":["../../../../src/components/ItemList/ItemListCounter/ItemListCounter.js"],"sourcesContent":["import React 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 { useItemListId } from '../hooks';\nimport { getItemListData } from '../helpers';\n\nconst ItemListCounter = ({ listName, modifier, url }) => {\n  const router = useRouter();\n  const { listId } = useItemListId({ listName });\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,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,kBAAkB,EAAEC,cAAc,QAAQ,gBAAgB;AACnE,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,aAAa,QAAQ,UAAU;AACxC,SAASC,eAAe,QAAQ,YAAY;AAE5C,MAAMC,eAAe,GAAG,CAAC;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC;AAAI,CAAC,KAAK;EACvD,MAAMC,MAAM,GAAGX,SAAS,EAAE;EAC1B,MAAM;IAAEY;EAAO,CAAC,GAAGP,aAAa,CAAC;IAAEG;EAAS,CAAC,CAAC;EAE9C,MAAM;IAAEK,IAAI;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGd,QAAQ,CAACG,WAAW,EAAE;IACrDY,SAAS,EAAE;MAAEC,EAAE,EAAEL;IAAO,CAAC;IACzBM,IAAI,EAAE,CAACN;EACT,CAAC,CAAC;EAEF,IAAIG,OAAO,EAAE,OAAO,EAAE;EACtB,IAAID,KAAK,EAAE,OAAOA,KAAK,CAACK,OAAO;EAE/B,MAAMC,SAAS,GAAGd,eAAe,CAACO,IAAI,CAAC;EACvC,MAAMQ,UAAU,GAAGD,SAAS,CAACE,MAAM;EACnC,MAAMC,WAAW,GAAGF,UAAU,GAAGnB,kBAAkB,GAAGC,cAAc;EAEpE,MAAMqB,WAAW,GAAG,MAAMb,MAAM,CAACc,IAAI,CAAC,WAAW,EAAG,GAAEf,GAAI,eAAcE,MAAO,EAAC,CAAC;EAEjF,oBACE;IACE,IAAI,EAAC,QAAQ;IACb,IAAI,EAAC,QAAQ;IACb,SAAS,EAAG,qBAAoBH,QAAS,EAAE;IAC3C,OAAO,EAAEe;EAAY,gBACrB,oBAAC,WAAW,OAAG,eACf;IAAM,SAAS,EAAC;EAA0B,GAAEH,UAAU,CAAQ,CAC1D;AAEV,CAAC;AAEDd,eAAe,CAACmB,SAAS,GAAG;EAC1BhB,GAAG,EAAEX,SAAS,CAAC4B,MAAM;EACrBnB,QAAQ,EAAET,SAAS,CAAC4B,MAAM;EAC1BlB,QAAQ,EAAEV,SAAS,CAAC4B;AACtB,CAAC;AAEDpB,eAAe,CAACqB,YAAY,GAAG;EAC7BlB,GAAG,EAAE,EAAE;EACPF,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeF,eAAe"}

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

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

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

@@ -8,7 +8,6 @@ import { getItemList } from '../../../application/query';
 import { useItemListId } from '../hooks';
 import { getItemListData, setItemListId, setParamAndRedirect } from '../helpers';
 import { LIST_ITEM_QUERY_PARAM } from '../constants';
-
 const ItemListNew = ({
   listName,
   modifier,
@@ -40,18 +39,15 @@ const ItemListNew = ({
   if (error) return error.message;
   const listItems = getItemListData(data);
   if (!listItems.length) return '';
-
   const handleClick = () => {
     setItemListId(listName, '');
     setParamAndRedirect(router);
   };
-
   return /*#__PURE__*/React.createElement(BlazeButton, {
     className: `item-list-new ${modifier}`,
     onClick: handleClick
   }, text);
 };
-
 ItemListNew.propTypes = {
   listName: PropTypes.string.isRequired,
   modifier: PropTypes.string,

package/lib-es/components/ItemList/ItemListNew/ItemListNew.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemListNew.js","names":["React","PropTypes","useRouter","useQuery","BlazeButton","parseUrl","getItemList","useItemListId","getItemListData","setItemListId","setParamAndRedirect","LIST_ITEM_QUERY_PARAM","ItemListNew","listName","modifier","text","router","query","listItemId","asPath","listId","listIdToUse","data","error","loading","variables","id","skip","message","listItems","length","handleClick","propTypes","string","isRequired","defaultProps"],"sources":["../../../../src/components/ItemList/ItemListNew/ItemListNew.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { useQuery } from '@apollo/client';\nimport BlazeButton from '@blaze-react/button';\nimport { parseUrl } from 'query-string';\nimport { getItemList } from '../../../application/query';\nimport { useItemListId } from '../hooks';\nimport { getItemListData, setItemListId, setParamAndRedirect } from '../helpers';\nimport { LIST_ITEM_QUERY_PARAM } from '../constants';\n\nconst ItemListNew = ({ listName, modifier, text }) => {\n  const router = useRouter();\n  const { query: { [LIST_ITEM_QUERY_PARAM]: listItemId } = {} } = parseUrl(router.asPath);\n\n  const { listId } = useItemListId({ listName });\n  const listIdToUse = listItemId || listId;\n  const { data, error, loading } = useQuery(getItemList, {\n    variables: { id: listIdToUse },\n    skip: !listIdToUse\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n\n  const listItems = getItemListData(data);\n  if (!listItems.length) return '';\n\n  const handleClick = () => {\n    setItemListId(listName, '');\n    setParamAndRedirect(router);\n  };\n\n  return (\n    <BlazeButton className={`item-list-new ${modifier}`} onClick={handleClick}>\n      {text}\n    </BlazeButton>\n  );\n};\n\nItemListNew.propTypes = {\n  listName: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  text: PropTypes.string.isRequired\n};\n\nItemListNew.defaultProps = {\n  modifier: ''\n};\n\nexport default ItemListNew;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,QAAT,QAAyB,gBAAzB;AACA,OAAOC,WAAP,MAAwB,qBAAxB;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,SAASC,WAAT,QAA4B,4BAA5B;AACA,SAASC,aAAT,QAA8B,UAA9B;AACA,SAASC,eAAT,EAA0BC,aAA1B,EAAyCC,mBAAzC,QAAoE,YAApE;AACA,SAASC,qBAAT,QAAsC,cAAtC;;AAEA,MAAMC,WAAW,GAAG,CAAC;EAAEC,QAAF;EAAYC,QAAZ;EAAsBC;AAAtB,CAAD,KAAkC;EACpD,MAAMC,MAAM,GAAGd,SAAS,EAAxB;EACA,MAAM;IAAEe,KAAK,EAAE;MAAE,CAACN,qBAAD,GAAyBO;IAA3B,IAA0C;EAAnD,IAA0Db,QAAQ,CAACW,MAAM,CAACG,MAAR,CAAxE;EAEA,MAAM;IAAEC;EAAF,IAAab,aAAa,CAAC;IAAEM;EAAF,CAAD,CAAhC;EACA,MAAMQ,WAAW,GAAGH,UAAU,IAAIE,MAAlC;EACA,MAAM;IAAEE,IAAF;IAAQC,KAAR;IAAeC;EAAf,IAA2BrB,QAAQ,CAACG,WAAD,EAAc;IACrDmB,SAAS,EAAE;MAAEC,EAAE,EAAEL;IAAN,CAD0C;IAErDM,IAAI,EAAE,CAACN;EAF8C,CAAd,CAAzC;EAKA,IAAIG,OAAJ,EAAa,OAAO,EAAP;EACb,IAAID,KAAJ,EAAW,OAAOA,KAAK,CAACK,OAAb;EAEX,MAAMC,SAAS,GAAGrB,eAAe,CAACc,IAAD,CAAjC;EACA,IAAI,CAACO,SAAS,CAACC,MAAf,EAAuB,OAAO,EAAP;;EAEvB,MAAMC,WAAW,GAAG,MAAM;IACxBtB,aAAa,CAACI,QAAD,EAAW,EAAX,CAAb;IACAH,mBAAmB,CAACM,MAAD,CAAnB;EACD,CAHD;;EAKA,oBACE,oBAAC,WAAD;IAAa,SAAS,EAAG,iBAAgBF,QAAS,EAAlD;IAAqD,OAAO,EAAEiB;EAA9D,GACGhB,IADH,CADF;AAKD,CA3BD;;AA6BAH,WAAW,CAACoB,SAAZ,GAAwB;EACtBnB,QAAQ,EAAEZ,SAAS,CAACgC,MAAV,CAAiBC,UADL;EAEtBpB,QAAQ,EAAEb,SAAS,CAACgC,MAFE;EAGtBlB,IAAI,EAAEd,SAAS,CAACgC,MAAV,CAAiBC;AAHD,CAAxB;AAMAtB,WAAW,CAACuB,YAAZ,GAA2B;EACzBrB,QAAQ,EAAE;AADe,CAA3B;AAIA,eAAeF,WAAf"}
+{"version":3,"file":"ItemListNew.js","names":["React","PropTypes","useRouter","useQuery","BlazeButton","parseUrl","getItemList","useItemListId","getItemListData","setItemListId","setParamAndRedirect","LIST_ITEM_QUERY_PARAM","ItemListNew","listName","modifier","text","router","query","listItemId","asPath","listId","listIdToUse","data","error","loading","variables","id","skip","message","listItems","length","handleClick","propTypes","string","isRequired","defaultProps"],"sources":["../../../../src/components/ItemList/ItemListNew/ItemListNew.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { useQuery } from '@apollo/client';\nimport BlazeButton from '@blaze-react/button';\nimport { parseUrl } from 'query-string';\nimport { getItemList } from '../../../application/query';\nimport { useItemListId } from '../hooks';\nimport { getItemListData, setItemListId, setParamAndRedirect } from '../helpers';\nimport { LIST_ITEM_QUERY_PARAM } from '../constants';\n\nconst ItemListNew = ({ listName, modifier, text }) => {\n  const router = useRouter();\n  const { query: { [LIST_ITEM_QUERY_PARAM]: listItemId } = {} } = parseUrl(router.asPath);\n\n  const { listId } = useItemListId({ listName });\n  const listIdToUse = listItemId || listId;\n  const { data, error, loading } = useQuery(getItemList, {\n    variables: { id: listIdToUse },\n    skip: !listIdToUse\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n\n  const listItems = getItemListData(data);\n  if (!listItems.length) return '';\n\n  const handleClick = () => {\n    setItemListId(listName, '');\n    setParamAndRedirect(router);\n  };\n\n  return (\n    <BlazeButton className={`item-list-new ${modifier}`} onClick={handleClick}>\n      {text}\n    </BlazeButton>\n  );\n};\n\nItemListNew.propTypes = {\n  listName: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  text: PropTypes.string.isRequired\n};\n\nItemListNew.defaultProps = {\n  modifier: ''\n};\n\nexport default ItemListNew;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,OAAOC,WAAW,MAAM,qBAAqB;AAC7C,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,aAAa,QAAQ,UAAU;AACxC,SAASC,eAAe,EAAEC,aAAa,EAAEC,mBAAmB,QAAQ,YAAY;AAChF,SAASC,qBAAqB,QAAQ,cAAc;AAEpD,MAAMC,WAAW,GAAG,CAAC;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC;AAAK,CAAC,KAAK;EACpD,MAAMC,MAAM,GAAGd,SAAS,EAAE;EAC1B,MAAM;IAAEe,KAAK,EAAE;MAAE,CAACN,qBAAqB,GAAGO;IAAW,CAAC,GAAG,CAAC;EAAE,CAAC,GAAGb,QAAQ,CAACW,MAAM,CAACG,MAAM,CAAC;EAEvF,MAAM;IAAEC;EAAO,CAAC,GAAGb,aAAa,CAAC;IAAEM;EAAS,CAAC,CAAC;EAC9C,MAAMQ,WAAW,GAAGH,UAAU,IAAIE,MAAM;EACxC,MAAM;IAAEE,IAAI;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGrB,QAAQ,CAACG,WAAW,EAAE;IACrDmB,SAAS,EAAE;MAAEC,EAAE,EAAEL;IAAY,CAAC;IAC9BM,IAAI,EAAE,CAACN;EACT,CAAC,CAAC;EAEF,IAAIG,OAAO,EAAE,OAAO,EAAE;EACtB,IAAID,KAAK,EAAE,OAAOA,KAAK,CAACK,OAAO;EAE/B,MAAMC,SAAS,GAAGrB,eAAe,CAACc,IAAI,CAAC;EACvC,IAAI,CAACO,SAAS,CAACC,MAAM,EAAE,OAAO,EAAE;EAEhC,MAAMC,WAAW,GAAG,MAAM;IACxBtB,aAAa,CAACI,QAAQ,EAAE,EAAE,CAAC;IAC3BH,mBAAmB,CAACM,MAAM,CAAC;EAC7B,CAAC;EAED,oBACE,oBAAC,WAAW;IAAC,SAAS,EAAG,iBAAgBF,QAAS,EAAE;IAAC,OAAO,EAAEiB;EAAY,GACvEhB,IAAI,CACO;AAElB,CAAC;AAEDH,WAAW,CAACoB,SAAS,GAAG;EACtBnB,QAAQ,EAAEZ,SAAS,CAACgC,MAAM,CAACC,UAAU;EACrCpB,QAAQ,EAAEb,SAAS,CAACgC,MAAM;EAC1BlB,IAAI,EAAEd,SAAS,CAACgC,MAAM,CAACC;AACzB,CAAC;AAEDtB,WAAW,CAACuB,YAAY,GAAG;EACzBrB,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeF,WAAW"}

package/lib-es/components/ItemList/ItemListNew/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ItemListNew"],"sources":["../../../../src/components/ItemList/ItemListNew/index.js"],"sourcesContent":["import ItemListNew from './ItemListNew';\n\nexport default ItemListNew;\n"],"mappings":"AAAA,OAAOA,WAAP,MAAwB,eAAxB;AAEA,eAAeA,WAAf"}
+{"version":3,"file":"index.js","names":["ItemListNew"],"sources":["../../../../src/components/ItemList/ItemListNew/index.js"],"sourcesContent":["import ItemListNew from './ItemListNew';\n\nexport default ItemListNew;\n"],"mappings":"AAAA,OAAOA,WAAW,MAAM,eAAe;AAEvC,eAAeA,WAAW"}