@blaze-cms/react-page-builder 0.146.0-node18-core-styles-tooltips.1 → 0.146.0-node18-core-styles-tooltips.4

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

@@ -0,0 +1,161 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["imageId", "url", "name", "enableLightbox", "isCaptionDisplayed", "areImageCreditsDisplayed", "imageCredits", "credits"];
+import React, { useState } from 'react';
+import PropTypes from 'prop-types';
+import { ResponsiveImage } from '@blaze-cms/image-cdn-react';
+import { FaTimes } from 'react-icons/fa';
+import BlazeLink from '../../BlazeLink';
+import ImageDetails from '../ImageDetails';
+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,
+  selectedImage,
+  metaTitle,
+  parentName
+}) => {
+  const [index, setIndex] = useState(selectedImage);
+  const currentImage = images[index] || {};
+  const {
+      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 = {}
+  } = data.getFile || {
+    getFile: {
+      url: '',
+      data: {}
+    }
+  };
+  const urlProps = {
+    href: url,
+    title: name
+  };
+  const imgWrapperProps = url ? urlProps : {};
+  const {
+    caption,
+    altText
+  } = getImageData(otherProps, imageData);
+  const shouldDisplayCaption = shouldShowProperty({
+    isDisplayed: isCaptionDisplayed,
+    value: caption
+  });
+
+  // deprecated: imageCredits is deprecated. 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} / ${images.length}`;
+  return !!images.length && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "overlay"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "modal modal--full-screen modal--gallery modal--show"
+  }, /*#__PURE__*/React.createElement("header", {
+    className: "modal__header modal__header--gallery"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "modal__title modal__title--gallery"
+  }, parentName || metaTitle || name), /*#__PURE__*/React.createElement("div", {
+    role: "button",
+    className: "modal__close",
+    onClick: handleClose,
+    "aria-label": "Close modal"
+  }, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(FaTimes, null)))), /*#__PURE__*/React.createElement("div", {
+    className: "modal__content modal__content--gallery"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "gallery"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "gallery__column gallery__column--slider"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "gallery__slider"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "slider__wrapper slider__wrapper--gallery open"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "slider__header slider__header--gallery"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "slider__counter slider__counter--gallery",
+    "data-testid": "image-counter"
+  }, imageCounter)), /*#__PURE__*/React.createElement(NavButton, {
+    handleAction: handlePrevious,
+    show: showPrevious,
+    modifier: "previous",
+    ariaLabel: "Previous Image"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "slider slider--gallery"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "slider__list slider__list--gallery"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "slider__list-wrapper slider__list-wrapper--gallery"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "slider__slide slider__slide--gallery"
+  }, loading && /*#__PURE__*/React.createElement("div", null), Object.keys(imgWrapperProps).length ? /*#__PURE__*/React.createElement(BlazeLink, imgWrapperProps, /*#__PURE__*/React.createElement(ResponsiveImage, {
+    src: imageUrl,
+    alt: altText,
+    sizeKey: "globalLightbox",
+    "data-testid": "globalLightboxImage"
+  })) : /*#__PURE__*/React.createElement(ResponsiveImage, {
+    src: imageUrl,
+    alt: altText,
+    sizeKey: "globalLightbox",
+    "data-testid": "globalLightboxImage"
+  }))))), /*#__PURE__*/React.createElement(NavButton, {
+    ariaLabel: "Next Image",
+    handleAction: handleNext,
+    show: showNext,
+    modifier: "next"
+  })), (shouldDisplayCaption || shouldDisplayCredits) && /*#__PURE__*/React.createElement(ImageDetails, {
+    caption: caption,
+    credits: credits || imageCredits,
+    shouldDisplayCaption: shouldDisplayCaption,
+    shouldDisplayCredits: shouldDisplayCredits
+  })))))));
+};
+GlobalLightbox.propTypes = {
+  images: PropTypes.arrayOf(PropTypes.shape({
+    url: PropTypes.string,
+    imageId: PropTypes.string
+  })),
+  metaTitle: PropTypes.string,
+  onClose: PropTypes.func.isRequired,
+  selectedImage: PropTypes.number,
+  parentName: PropTypes.string
+};
+GlobalLightbox.defaultProps = {
+  metaTitle: '',
+  images: [],
+  selectedImage: 0,
+  parentName: ''
+};
+export default GlobalLightbox;
+//# sourceMappingURL=GlobalLightbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalLightbox.js","names":["React","useState","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","_objectWithoutProperties","_excluded","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","createElement","className","role","onClick","handleAction","show","modifier","ariaLabel","Object","keys","src","alt","sizeKey","propTypes","arrayOf","shape","string","func","isRequired","number","defaultProps"],"sources":["../../../../src/components/Image/GlobalLightbox/GlobalLightbox.js"],"sourcesContent":["import React, { useState } 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  // deprecated: imageCredits is deprecated. 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} / ${images.length}`;\n\n  return (\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\n              role=\"button\"\n              className=\"modal__close\"\n              onClick={handleClose}\n              aria-label=\"Close modal\">\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                      ariaLabel=\"Previous Image\"\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                              <ResponsiveImage\n                                src={imageUrl}\n                                alt={altText}\n                                sizeKey=\"globalLightbox\"\n                                data-testid=\"globalLightboxImage\"\n                              />\n                            )}\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n\n                    <NavButton\n                      ariaLabel=\"Next Image\"\n                      handleAction={handleNext}\n                      show={showNext}\n                      modifier=\"next\"\n                    />\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\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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","ignoreList":[]}

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+const NavButton = ({
+  handleAction,
+  show,
+  modifier,
+  ariaLabel
+}) => show ? /*#__PURE__*/React.createElement("div", {
+  role: "button",
+  className: `slider__button slider__button--gallery slider__button--${modifier}`,
+  onClick: handleAction,
+  "aria-label": ariaLabel
+}, /*#__PURE__*/React.createElement("div", {
+  className: `arrow arrow--${modifier === 'next' ? 'right' : 'left'}`,
+  "data-testid": `navButton-${modifier}`
+})) : null;
+NavButton.propTypes = {
+  handleAction: PropTypes.func.isRequired,
+  show: PropTypes.bool.isRequired,
+  modifier: PropTypes.string.isRequired,
+  ariaLabel: PropTypes.string.isRequired
+};
+export default NavButton;
+//# sourceMappingURL=NavButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavButton.js","names":["React","PropTypes","NavButton","handleAction","show","modifier","ariaLabel","createElement","role","className","onClick","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, ariaLabel }) =>\n  show ? (\n    <div\n      role=\"button\"\n      className={`slider__button slider__button--gallery slider__button--${modifier}`}\n      onClick={handleAction}\n      aria-label={ariaLabel}>\n      <div\n        className={`arrow arrow--${modifier === 'next' ? 'right' : 'left'}`}\n        data-testid={`navButton-${modifier}`}\n      />\n    </div>\n  ) : null;\n\nNavButton.propTypes = {\n  handleAction: PropTypes.func.isRequired,\n  show: PropTypes.bool.isRequired,\n  modifier: PropTypes.string.isRequired,\n  ariaLabel: PropTypes.string.isRequired\n};\n\nexport default NavButton;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAGA,CAAC;EAAEC,YAAY;EAAEC,IAAI;EAAEC,QAAQ;EAAEC;AAAU,CAAC,KAC5DF,IAAI,gBACFJ,KAAA,CAAAO,aAAA;EACEC,IAAI,EAAC,QAAQ;EACbC,SAAS,EAAE,0DAA0DJ,QAAQ,EAAG;EAChFK,OAAO,EAAEP,YAAa;EACtB,cAAYG;AAAU,gBACtBN,KAAA,CAAAO,aAAA;EACEE,SAAS,EAAE,gBAAgBJ,QAAQ,KAAK,MAAM,GAAG,OAAO,GAAG,MAAM,EAAG;EACpE,eAAa,aAAaA,QAAQ;AAAG,CACtC,CACE,CAAC,GACJ,IAAI;AAEVH,SAAS,CAACS,SAAS,GAAG;EACpBR,YAAY,EAAEF,SAAS,CAACW,IAAI,CAACC,UAAU;EACvCT,IAAI,EAAEH,SAAS,CAACa,IAAI,CAACD,UAAU;EAC/BR,QAAQ,EAAEJ,SAAS,CAACc,MAAM,CAACF,UAAU;EACrCP,SAAS,EAAEL,SAAS,CAACc,MAAM,CAACF;AAC9B,CAAC;AAED,eAAeX,SAAS","ignoreList":[]}

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

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

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

@@ -0,0 +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,OAAO,MAAM,cAAc;AAElC,eAAeA,OAAO,CACpB,MAAM,MAAM,CAAC,+CAAgD,kBAAkB,CACjF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,173 @@
+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", "children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import React, { useState } from 'react';
+import PropTypes from 'prop-types';
+import { useInView } from '@blaze-react/utils/lib/customHooks';
+import Wrapper from '../Wrapper';
+import ImageRender from './ImageRender';
+import ImageDetails from './ImageDetails';
+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,
+      children
+    } = _ref,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  const [displayLightbox, setDisplayLightbox] = useState(false);
+  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);
+  const {
+    caption,
+    altText,
+    hrefUrl,
+    credits: imageDataCredits
+  } = getImageData(otherProps, imageData);
+  const href = url || hrefUrl;
+  const {
+    ImgWrapper,
+    imgWrapperProps,
+    lightboxImgProps
+  } = buildImageProperties({
+    href,
+    name,
+    enableLightbox,
+    isHero
+  });
+  const modifier = _modifier || '';
+  const modifiers = getClassModifiers(type, _objectSpread({
+    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
+  const creditsValue = credits || imageCredits || imageDataCredits;
+  const shouldDisplayCredits = shouldShowProperty({
+    isDisplayed: areImageCreditsDisplayed,
+    value: creditsValue
+  });
+  const {
+    shouldDisplayCount,
+    countMessage
+  } = getDisplayCountData(displayCount, images);
+  const sizeKey = [IMAGE, isHero ? HERO : '', _modifier].filter(Boolean).join(':');
+  const shouldDisplayImage = !!imageUrl && (priority || isIntersecting);
+  return /*#__PURE__*/React.createElement(Wrapper, _extends({
+    ref: outerRef,
+    className: wrapperClassName,
+    modifiers: modifiers
+  }, otherProps), elementTitle && /*#__PURE__*/React.createElement("div", {
+    className: "heading heading--section"
+  }, elementTitle), shouldDisplayImage && /*#__PURE__*/React.createElement(ImgWrapper, imgWrapperProps, /*#__PURE__*/React.createElement(ImageRender, _extends({}, otherProps, {
+    alt: altText,
+    imageUrl: imageUrl,
+    handleEnableLightbox: handleEnableLightbox,
+    toggleLightbox: toggleLightbox,
+    displayLightbox: displayLightbox,
+    caption: caption,
+    enableLightbox: enableLightbox,
+    lightboxImgProps: lightboxImgProps,
+    name: name,
+    displayCount: displayCount,
+    lightboxImages: lightboxImages,
+    isHero: isHero,
+    priority: priority,
+    sizeKey: sizeKey
+  })), children && /*#__PURE__*/React.createElement("div", {
+    className: "image__children"
+  }, children)), shouldDisplayCount && /*#__PURE__*/React.createElement("div", {
+    className: "image__button image__button--count",
+    role: "button",
+    "aria-label": "Show more images",
+    onClick: handleEnableLightbox
+  }, /*#__PURE__*/React.createElement("p", null, countMessage), /*#__PURE__*/React.createElement("div", {
+    className: "arrow arrow--right"
+  })), (shouldDisplayCaption || shouldDisplayCredits) && /*#__PURE__*/React.createElement(ImageDetails, {
+    caption: caption,
+    credits: creditsValue,
+    shouldDisplayCaption: shouldDisplayCaption,
+    shouldDisplayCredits: shouldDisplayCredits
+  }));
+};
+Image.propTypes = {
+  url: PropTypes.string,
+  name: PropTypes.string,
+  modifier: PropTypes.string,
+  imageId: PropTypes.string,
+  enableLightbox: PropTypes.bool,
+  toggleModal: PropTypes.func,
+  handleSelectedImage: PropTypes.func,
+  displayCount: PropTypes.bool,
+  lightboxImages: PropTypes.array,
+  images: PropTypes.array,
+  isHero: PropTypes.bool,
+  priority: PropTypes.bool,
+  type: PropTypes.string,
+  areImageCreditsDisplayed: PropTypes.bool,
+  isCaptionDisplayed: PropTypes.bool,
+  imageData: PropTypes.object,
+  imageUrl: PropTypes.string,
+  credits: PropTypes.string,
+  imageCredits: PropTypes.string,
+  elementTitle: PropTypes.string,
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
+};
+Image.defaultProps = {
+  modifier: '',
+  url: null,
+  name: '',
+  credits: '',
+  imageCredits: '',
+  enableLightbox: false,
+  imageId: '',
+  handleSelectedImage: () => {},
+  toggleModal: () => {},
+  displayCount: false,
+  lightboxImages: [],
+  images: [],
+  isHero: false,
+  priority: false,
+  type: '',
+  areImageCreditsDisplayed: false,
+  isCaptionDisplayed: true,
+  imageData: {},
+  imageUrl: '',
+  elementTitle: '',
+  children: null
+};
+export default Image;
+//# sourceMappingURL=Image.js.map

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

@@ -0,0 +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","_ref","url","modifier","_modifier","imageId","enableLightbox","name","toggleModal","handleSelectedImage","displayCount","lightboxImages","isHero","priority","type","areImageCreditsDisplayed","isCaptionDisplayed","images","imageData","imageUrl","elementTitle","credits","imageCredits","children","otherProps","_objectWithoutProperties","_excluded","displayLightbox","setDisplayLightbox","isIntersecting","outerRef","caption","altText","hrefUrl","imageDataCredits","href","ImgWrapper","imgWrapperProps","lightboxImgProps","modifiers","_objectSpread","wrapperClassName","toggleLightbox","handleEnableLightbox","shouldDisplayCaption","isDisplayed","value","creditsValue","shouldDisplayCredits","shouldDisplayCount","countMessage","sizeKey","filter","Boolean","join","shouldDisplayImage","createElement","_extends","ref","className","alt","role","onClick","propTypes","string","bool","func","array","object","oneOfType","arrayOf","node","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  children,\n  ...otherProps\n}) => {\n  const [displayLightbox, setDisplayLightbox] = useState(false);\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n\n  const {\n    caption,\n    altText,\n    hrefUrl,\n    credits: imageDataCredits\n  } = getImageData(otherProps, imageData);\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 && <div className=\"heading heading--section\">{elementTitle}</div>}\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          {children && <div className=\"image__children\">{children}</div>}\n        </ImgWrapper>\n      )}\n      {shouldDisplayCount && (\n        <div\n          className=\"image__button image__button--count\"\n          role=\"button\"\n          aria-label=\"Show more images\"\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  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\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  children: null\n};\n\nexport default Image;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+const ImageDetails = ({
+  caption,
+  credits,
+  shouldDisplayCaption,
+  shouldDisplayCredits
+}) => /*#__PURE__*/React.createElement("div", {
+  className: "image__details",
+  "data-testid": "image-details"
+}, shouldDisplayCaption && /*#__PURE__*/React.createElement("div", {
+  className: "caption"
+}, caption), shouldDisplayCredits && /*#__PURE__*/React.createElement("div", {
+  className: "credits"
+}, credits));
+ImageDetails.propTypes = {
+  caption: PropTypes.string,
+  credits: PropTypes.string,
+  shouldDisplayCaption: PropTypes.bool.isRequired,
+  shouldDisplayCredits: PropTypes.bool.isRequired
+};
+ImageDetails.defaultProps = {
+  caption: null,
+  credits: null
+};
+export default ImageDetails;
+//# sourceMappingURL=ImageDetails.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageDetails.js","names":["React","PropTypes","ImageDetails","caption","credits","shouldDisplayCaption","shouldDisplayCredits","createElement","className","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,GAAGA,CAAC;EAAEC,OAAO;EAAEC,OAAO;EAAEC,oBAAoB;EAAEC;AAAqB,CAAC,kBACpFN,KAAA,CAAAO,aAAA;EAAKC,SAAS,EAAC,gBAAgB;EAAC,eAAY;AAAe,GACxDH,oBAAoB,iBAAIL,KAAA,CAAAO,aAAA;EAAKC,SAAS,EAAC;AAAS,GAAEL,OAAa,CAAC,EAChEG,oBAAoB,iBAAIN,KAAA,CAAAO,aAAA;EAAKC,SAAS,EAAC;AAAS,GAAEJ,OAAa,CAC7D,CACN;AAEDF,YAAY,CAACO,SAAS,GAAG;EACvBN,OAAO,EAAEF,SAAS,CAACS,MAAM;EACzBN,OAAO,EAAEH,SAAS,CAACS,MAAM;EACzBL,oBAAoB,EAAEJ,SAAS,CAACU,IAAI,CAACC,UAAU;EAC/CN,oBAAoB,EAAEL,SAAS,CAACU,IAAI,CAACC;AACvC,CAAC;AAEDV,YAAY,CAACW,YAAY,GAAG;EAC1BV,OAAO,EAAE,IAAI;EACbC,OAAO,EAAE;AACX,CAAC;AAED,eAAeF,YAAY","ignoreList":[]}

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

@@ -0,0 +1,86 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useContext } from 'react';
+import PropTypes from 'prop-types';
+import { MainContext } from '@blaze-cms/nextjs-components';
+import { useStringTemplate } from '@blaze-cms/utils-handlebars';
+import Image from './Image';
+import { useGetImageIdFromRelation, useGetImages, useGetSingleEntitySchema } from '../../hooks';
+import { getImageIds, isUsingRelationImage as checkIfUsingRelationImage } from '../../helpers';
+const ImageFactory = props => {
+  const {
+    imageId,
+    parent: {
+      itemId
+    },
+    parent,
+    entity,
+    fetchFromRelation,
+    imageRelation,
+    imgSrc
+  } = props;
+  const {
+    isPreview
+  } = useContext(MainContext);
+  const {
+    data: [imgSrcToUse]
+  } = useStringTemplate(parent, [imgSrc]);
+  const skipSingleEntitySchema = !entity || !!imgSrcToUse;
+  const isUsingRelationImage = checkIfUsingRelationImage(entity, fetchFromRelation, imageRelation);
+  const {
+    data: {
+      getEntitySchema: {
+        actions = {}
+      } = {}
+    } = {}
+  } = useGetSingleEntitySchema(entity, skipSingleEntitySchema);
+  const {
+    data: relationData,
+    loading: relationLoading
+  } = useGetImageIdFromRelation(itemId, imageRelation, actions, isUsingRelationImage, isPreview, !!imgSrcToUse);
+  const updatedImageIds = relationLoading ? null : getImageIds(imageRelation, relationData, imageId);
+  const imageIds = updatedImageIds && updatedImageIds.length === 1 ? updatedImageIds[0] : updatedImageIds;
+  const {
+    data: {
+      getFile,
+      getFiles = []
+    } = {},
+    loading,
+    error
+  } = useGetImages(imageIds, updatedImageIds && updatedImageIds.length > 1, !!imgSrcToUse);
+  if (error) return error.message;
+  if (loading) return '';
+  if (imgSrcToUse) return /*#__PURE__*/React.createElement(Image, _extends({}, props, {
+    imageUrl: imgSrcToUse,
+    shouldRenderImgTag: true
+  }));
+  const files = getFile ? [getFile] : getFiles;
+  return files.map(({
+    id,
+    data: imageData = {},
+    url: imageUrl = ''
+  }) => {
+    if (!imageUrl) return null;
+    return /*#__PURE__*/React.createElement(Image, _extends({
+      key: id
+    }, props, {
+      imageData: imageData,
+      imageUrl: imageUrl
+    }));
+  });
+};
+ImageFactory.propTypes = {
+  entity: PropTypes.string,
+  fetchFromRelation: PropTypes.bool,
+  imageId: PropTypes.string,
+  imageRelation: PropTypes.array,
+  parent: PropTypes.object
+};
+ImageFactory.defaultProps = {
+  entity: '',
+  fetchFromRelation: false,
+  imageId: '',
+  imageRelation: [],
+  parent: {}
+};
+export default ImageFactory;
+//# sourceMappingURL=ImageFactory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageFactory.js","names":["React","useContext","PropTypes","MainContext","useStringTemplate","Image","useGetImageIdFromRelation","useGetImages","useGetSingleEntitySchema","getImageIds","isUsingRelationImage","checkIfUsingRelationImage","ImageFactory","props","imageId","parent","itemId","entity","fetchFromRelation","imageRelation","imgSrc","isPreview","data","imgSrcToUse","skipSingleEntitySchema","getEntitySchema","actions","relationData","loading","relationLoading","updatedImageIds","imageIds","length","getFile","getFiles","error","message","createElement","_extends","imageUrl","shouldRenderImgTag","files","map","id","imageData","url","key","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 { useStringTemplate } from '@blaze-cms/utils-handlebars';\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    parent,\n    entity,\n    fetchFromRelation,\n    imageRelation,\n    imgSrc\n  } = props;\n  const { isPreview } = useContext(MainContext);\n  const {\n    data: [imgSrcToUse]\n  } = useStringTemplate(parent, [imgSrc]);\n\n  const skipSingleEntitySchema = !entity || !!imgSrcToUse;\n  const isUsingRelationImage = checkIfUsingRelationImage(entity, fetchFromRelation, imageRelation);\n  const { data: { getEntitySchema: { actions = {} } = {} } = {} } = useGetSingleEntitySchema(\n    entity,\n    skipSingleEntitySchema\n  );\n  const { data: relationData, loading: relationLoading } = useGetImageIdFromRelation(\n    itemId,\n    imageRelation,\n    actions,\n    isUsingRelationImage,\n    isPreview,\n    !!imgSrcToUse\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 {\n    data: { getFile, getFiles = [] } = {},\n    loading,\n    error\n  } = useGetImages(imageIds, updatedImageIds && updatedImageIds.length > 1, !!imgSrcToUse);\n  if (error) return error.message;\n  if (loading) return '';\n\n  if (imgSrcToUse) return <Image {...props} imageUrl={imgSrcToUse} shouldRenderImgTag />;\n\n  const files = getFile ? [getFile] : getFiles;\n\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":"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","ignoreList":[]}

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

@@ -0,0 +1,86 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["alt", "imageUrl", "handleEnableLightbox", "toggleLightbox", "displayLightbox", "enableLightbox", "caption", "lightboxImgProps", "name", "metaTitle", "heroModifier", "style", "isHero", "priority", "sizeKey", "shouldRenderImgTag"];
+import React from 'react';
+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,
+      shouldRenderImgTag
+    } = _ref,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  const imageStyle = enableLightbox ? {
+    cursor: 'pointer'
+  } : style;
+  const HeadComponent = priority ? Head : null;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, shouldRenderImgTag ? /*#__PURE__*/React.createElement("img", {
+    style: imageStyle,
+    src: imageUrl,
+    alt: alt,
+    onClick: handleEnableLightbox
+  }) : /*#__PURE__*/React.createElement(ResponsiveImage, {
+    sizeKey: sizeKey,
+    alt: alt,
+    src: imageUrl,
+    onClick: handleEnableLightbox,
+    style: imageStyle,
+    HeadComponent: HeadComponent
+  }), displayLightbox && /*#__PURE__*/React.createElement(Lightbox, _extends({
+    imageUrl: imageUrl,
+    alt: alt,
+    priority: priority,
+    closeModal: toggleLightbox,
+    caption: caption,
+    imgWrapperProps: lightboxImgProps,
+    name: metaTitle || name
+  }, otherProps)));
+};
+ImageRender.propTypes = {
+  displayLightbox: PropTypes.bool.isRequired,
+  enableLightbox: PropTypes.bool.isRequired,
+  alt: PropTypes.string,
+  caption: PropTypes.string,
+  imageUrl: PropTypes.string.isRequired,
+  name: PropTypes.string,
+  heroModifier: PropTypes.string,
+  metaTitle: PropTypes.string,
+  handleEnableLightbox: PropTypes.func.isRequired,
+  toggleLightbox: PropTypes.func.isRequired,
+  lightboxImgProps: PropTypes.object.isRequired,
+  style: PropTypes.object,
+  isHero: PropTypes.bool,
+  priority: PropTypes.bool,
+  sizeKey: PropTypes.string,
+  shouldRenderImgTag: PropTypes.bool
+};
+ImageRender.defaultProps = {
+  name: '',
+  metaTitle: '',
+  heroModifier: '',
+  alt: '',
+  caption: '',
+  isHero: false,
+  priority: false,
+  style: {},
+  sizeKey: '',
+  shouldRenderImgTag: false
+};
+export default ImageRender;
+//# sourceMappingURL=ImageRender.js.map