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

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

@@ -1,147 +1,106 @@
 "use strict";
 
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 require("core-js/modules/es.object.define-property.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 require("core-js/modules/es.function.name.js");
-
 require("core-js/modules/es.array.concat.js");
-
 require("core-js/modules/es.object.keys.js");
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _imageCdnReact = require("@blaze-cms/image-cdn-react");
-
 var _fa = require("react-icons/fa");
-
 var _BlazeLink = _interopRequireDefault(require("../../BlazeLink"));
-
 var _ImageDetails = _interopRequireDefault(require("../ImageDetails"));
-
 var _NavButton = _interopRequireDefault(require("./NavButton"));
-
 var _getImageData2 = _interopRequireDefault(require("../../../utils/get-image-data"));
-
 var _useGetImages2 = _interopRequireDefault(require("../../../hooks/use-get-images"));
-
 var _helpers = require("../../../helpers");
-
 var _excluded = ["imageId", "url", "name", "enableLightbox", "isCaptionDisplayed", "areImageCreditsDisplayed", "imageCredits", "credits"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var GlobalLightbox = function GlobalLightbox(_ref) {
   var images = _ref.images,
-      onClose = _ref.onClose,
-      selectedImage = _ref.selectedImage,
-      metaTitle = _ref.metaTitle,
-      parentName = _ref.parentName;
-
+    onClose = _ref.onClose,
+    selectedImage = _ref.selectedImage,
+    metaTitle = _ref.metaTitle,
+    parentName = _ref.parentName;
   var _useState = (0, _react.useState)(selectedImage),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      index = _useState2[0],
-      setIndex = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    index = _useState2[0],
+    setIndex = _useState2[1];
   var currentImage = images[index] || {};
   var imageId = currentImage.imageId,
-      url = currentImage.url,
-      name = currentImage.name,
-      enableLightbox = currentImage.enableLightbox,
-      isCaptionDisplayed = currentImage.isCaptionDisplayed,
-      areImageCreditsDisplayed = currentImage.areImageCreditsDisplayed,
-      imageCredits = currentImage.imageCredits,
-      credits = currentImage.credits,
-      otherProps = (0, _objectWithoutProperties2["default"])(currentImage, _excluded);
-
+    url = currentImage.url,
+    name = currentImage.name,
+    enableLightbox = currentImage.enableLightbox,
+    isCaptionDisplayed = currentImage.isCaptionDisplayed,
+    areImageCreditsDisplayed = currentImage.areImageCreditsDisplayed,
+    imageCredits = currentImage.imageCredits,
+    credits = currentImage.credits,
+    otherProps = (0, _objectWithoutProperties2["default"])(currentImage, _excluded);
   var _useGetImages = (0, _useGetImages2["default"])(imageId),
-      data = _useGetImages.data,
-      loading = _useGetImages.loading,
-      error = _useGetImages.error;
-
+    data = _useGetImages.data,
+    loading = _useGetImages.loading,
+    error = _useGetImages.error;
   if (error) {
     return error.message;
   }
-
   var _ref2 = data.getFile || {
-    getFile: {
-      url: '',
-      data: {}
-    }
-  },
-      _ref2$url = _ref2.url,
-      imageUrl = _ref2$url === void 0 ? '' : _ref2$url,
-      _ref2$data = _ref2.data,
-      imageData = _ref2$data === void 0 ? {} : _ref2$data;
-
+      getFile: {
+        url: '',
+        data: {}
+      }
+    },
+    _ref2$url = _ref2.url,
+    imageUrl = _ref2$url === void 0 ? '' : _ref2$url,
+    _ref2$data = _ref2.data,
+    imageData = _ref2$data === void 0 ? {} : _ref2$data;
   var urlProps = {
     href: url,
     title: name
   };
   var imgWrapperProps = url ? urlProps : {};
-
   var _getImageData = (0, _getImageData2["default"])(otherProps, imageData),
-      caption = _getImageData.caption,
-      altText = _getImageData.altText;
-
+    caption = _getImageData.caption,
+    altText = _getImageData.altText;
   var shouldDisplayCaption = (0, _helpers.shouldShowProperty)({
     isDisplayed: isCaptionDisplayed,
     value: caption
-  }); // depreciated: imageCredits is depreciated. This code is to handle legacy data. check before changing/removing
+  });
 
+  // depreciated: imageCredits is depreciated. This code is to handle legacy data. check before changing/removing
   var shouldDisplayCredits = (0, _helpers.shouldShowProperty)({
     isDisplayed: areImageCreditsDisplayed,
     value: credits || imageCredits
   });
-
   var navigate = function navigate(position) {
     var newPosition = index + position;
-
     if (images[newPosition]) {
       setIndex(newPosition);
     }
   };
-
   var handlePrevious = function handlePrevious() {
     return navigate(-1);
   };
-
   var handleNext = function handleNext() {
     return navigate(1);
   };
-
   var handleClose = function handleClose() {
     return onClose();
   };
-
   var showNext = index !== images.length - 1;
   var showPrevious = !!index;
   var imageCounter = "".concat(index + 1, " of ").concat(images.length);
@@ -205,7 +164,6 @@ var GlobalLightbox = function GlobalLightbox(_ref) {
     shouldDisplayCredits: shouldDisplayCredits
   }))))))));
 };
-
 GlobalLightbox.propTypes = {
   images: _propTypes["default"].arrayOf(_propTypes["default"].shape({
     url: _propTypes["default"].string,

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalLightbox.js","names":["GlobalLightbox","images","onClose","selectedImage","metaTitle","parentName","useState","index","setIndex","currentImage","imageId","url","name","enableLightbox","isCaptionDisplayed","areImageCreditsDisplayed","imageCredits","credits","otherProps","useGetImages","data","loading","error","message","getFile","imageUrl","imageData","urlProps","href","title","imgWrapperProps","getImageData","caption","altText","shouldDisplayCaption","shouldShowProperty","isDisplayed","value","shouldDisplayCredits","navigate","position","newPosition","handlePrevious","handleNext","handleClose","showNext","length","showPrevious","imageCounter","Object","keys","propTypes","PropTypes","arrayOf","shape","string","func","isRequired","number","defaultProps"],"sources":["../../../../src/components/Image/GlobalLightbox/GlobalLightbox.js"],"sourcesContent":["import React, { useState, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport { FaTimes } from 'react-icons/fa';\nimport BlazeLink from '../../BlazeLink';\nimport ImageDetails from '../ImageDetails';\nimport NavButton from './NavButton';\nimport getImageData from '../../../utils/get-image-data';\nimport useGetImages from '../../../hooks/use-get-images';\nimport { shouldShowProperty } from '../../../helpers';\n\nconst GlobalLightbox = ({ images, onClose, selectedImage, metaTitle, parentName }) => {\n  const [index, setIndex] = useState(selectedImage);\n\n  const currentImage = images[index] || {};\n\n  const {\n    imageId,\n    url,\n    name,\n    enableLightbox,\n    isCaptionDisplayed,\n    areImageCreditsDisplayed,\n    imageCredits,\n    credits,\n    ...otherProps\n  } = currentImage;\n\n  const { data, loading, error } = useGetImages(imageId);\n\n  if (error) {\n    return error.message;\n  }\n\n  const { url: imageUrl = '', data: imageData = {} } = data.getFile || {\n    getFile: { url: '', data: {} }\n  };\n\n  const urlProps = { href: url, title: name };\n  const imgWrapperProps = url ? urlProps : {};\n\n  const { caption, altText } = getImageData(otherProps, imageData);\n\n  const shouldDisplayCaption = shouldShowProperty({\n    isDisplayed: isCaptionDisplayed,\n    value: caption\n  });\n\n  // depreciated: imageCredits is depreciated. This code is to handle legacy data. check before changing/removing\n  const shouldDisplayCredits = shouldShowProperty({\n    isDisplayed: areImageCreditsDisplayed,\n    value: credits || imageCredits\n  });\n\n  const navigate = position => {\n    const newPosition = index + position;\n    if (images[newPosition]) {\n      setIndex(newPosition);\n    }\n  };\n\n  const handlePrevious = () => navigate(-1);\n  const handleNext = () => navigate(1);\n  const handleClose = () => onClose();\n\n  const showNext = index !== images.length - 1;\n  const showPrevious = !!index;\n\n  const imageCounter = `${index + 1} of ${images.length}`;\n\n  return (\n    <>\n      {!!images.length && (\n        <div>\n          <div className=\"overlay\" />\n          <div className=\"modal modal--full-screen modal--gallery modal--show\">\n            <header className=\"modal__header modal__header--gallery\">\n              <div className=\"modal__title modal__title--gallery\">\n                {parentName || metaTitle || name}\n              </div>\n              <div role=\"button\" className=\"modal__close\" onClick={handleClose}>\n                <i>\n                  <FaTimes />\n                </i>\n              </div>\n            </header>\n            <div className=\"modal__content modal__content--gallery\">\n              <div className=\"gallery\">\n                <div className=\"gallery__column gallery__column--slider\">\n                  <div className=\"gallery__slider\">\n                    <div className=\"slider__wrapper slider__wrapper--gallery open\">\n                      <div className=\"slider__header slider__header--gallery\">\n                        <div\n                          className=\"slider__counter slider__counter--gallery\"\n                          data-testid=\"image-counter\">\n                          {imageCounter}\n                        </div>\n                      </div>\n\n                      <NavButton\n                        handleAction={handlePrevious}\n                        show={showPrevious}\n                        modifier=\"previous\"\n                      />\n\n                      <div className=\"slider slider--gallery\">\n                        <div className=\"slider__list slider__list--gallery\">\n                          <div className=\"slider__list-wrapper slider__list-wrapper--gallery\">\n                            <div className=\"slider__slide slider__slide--gallery\">\n                              {loading && <div />}\n                              {Object.keys(imgWrapperProps).length ? (\n                                <BlazeLink {...imgWrapperProps}>\n                                  <ResponsiveImage\n                                    src={imageUrl}\n                                    alt={altText}\n                                    sizeKey=\"globalLightbox\"\n                                    data-testid=\"globalLightboxImage\"\n                                  />\n                                </BlazeLink>\n                              ) : (\n                                <Fragment>\n                                  <ResponsiveImage\n                                    src={imageUrl}\n                                    alt={altText}\n                                    sizeKey=\"globalLightbox\"\n                                    data-testid=\"globalLightboxImage\"\n                                  />\n                                </Fragment>\n                              )}\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n\n                      <NavButton handleAction={handleNext} show={showNext} modifier=\"next\" />\n                    </div>\n                    {(shouldDisplayCaption || shouldDisplayCredits) && (\n                      <ImageDetails\n                        caption={caption}\n                        credits={credits || imageCredits}\n                        shouldDisplayCaption={shouldDisplayCaption}\n                        shouldDisplayCredits={shouldDisplayCredits}\n                      />\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n\nGlobalLightbox.propTypes = {\n  images: PropTypes.arrayOf(\n    PropTypes.shape({\n      url: PropTypes.string,\n      imageId: PropTypes.string\n    })\n  ),\n  metaTitle: PropTypes.string,\n  onClose: PropTypes.func.isRequired,\n  selectedImage: PropTypes.number,\n  parentName: PropTypes.string\n};\n\nGlobalLightbox.defaultProps = {\n  metaTitle: '',\n  images: [],\n  selectedImage: 0,\n  parentName: ''\n};\n\nexport default GlobalLightbox;\n"],"mappings":"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"}
+{"version":3,"file":"GlobalLightbox.js","names":["GlobalLightbox","images","onClose","selectedImage","metaTitle","parentName","useState","index","setIndex","currentImage","imageId","url","name","enableLightbox","isCaptionDisplayed","areImageCreditsDisplayed","imageCredits","credits","otherProps","useGetImages","data","loading","error","message","getFile","imageUrl","imageData","urlProps","href","title","imgWrapperProps","getImageData","caption","altText","shouldDisplayCaption","shouldShowProperty","isDisplayed","value","shouldDisplayCredits","navigate","position","newPosition","handlePrevious","handleNext","handleClose","showNext","length","showPrevious","imageCounter","Object","keys","propTypes","PropTypes","arrayOf","shape","string","func","isRequired","number","defaultProps"],"sources":["../../../../src/components/Image/GlobalLightbox/GlobalLightbox.js"],"sourcesContent":["import React, { useState, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport { FaTimes } from 'react-icons/fa';\nimport BlazeLink from '../../BlazeLink';\nimport ImageDetails from '../ImageDetails';\nimport NavButton from './NavButton';\nimport getImageData from '../../../utils/get-image-data';\nimport useGetImages from '../../../hooks/use-get-images';\nimport { shouldShowProperty } from '../../../helpers';\n\nconst GlobalLightbox = ({ images, onClose, selectedImage, metaTitle, parentName }) => {\n  const [index, setIndex] = useState(selectedImage);\n\n  const currentImage = images[index] || {};\n\n  const {\n    imageId,\n    url,\n    name,\n    enableLightbox,\n    isCaptionDisplayed,\n    areImageCreditsDisplayed,\n    imageCredits,\n    credits,\n    ...otherProps\n  } = currentImage;\n\n  const { data, loading, error } = useGetImages(imageId);\n\n  if (error) {\n    return error.message;\n  }\n\n  const { url: imageUrl = '', data: imageData = {} } = data.getFile || {\n    getFile: { url: '', data: {} }\n  };\n\n  const urlProps = { href: url, title: name };\n  const imgWrapperProps = url ? urlProps : {};\n\n  const { caption, altText } = getImageData(otherProps, imageData);\n\n  const shouldDisplayCaption = shouldShowProperty({\n    isDisplayed: isCaptionDisplayed,\n    value: caption\n  });\n\n  // depreciated: imageCredits is depreciated. This code is to handle legacy data. check before changing/removing\n  const shouldDisplayCredits = shouldShowProperty({\n    isDisplayed: areImageCreditsDisplayed,\n    value: credits || imageCredits\n  });\n\n  const navigate = position => {\n    const newPosition = index + position;\n    if (images[newPosition]) {\n      setIndex(newPosition);\n    }\n  };\n\n  const handlePrevious = () => navigate(-1);\n  const handleNext = () => navigate(1);\n  const handleClose = () => onClose();\n\n  const showNext = index !== images.length - 1;\n  const showPrevious = !!index;\n\n  const imageCounter = `${index + 1} of ${images.length}`;\n\n  return (\n    <>\n      {!!images.length && (\n        <div>\n          <div className=\"overlay\" />\n          <div className=\"modal modal--full-screen modal--gallery modal--show\">\n            <header className=\"modal__header modal__header--gallery\">\n              <div className=\"modal__title modal__title--gallery\">\n                {parentName || metaTitle || name}\n              </div>\n              <div role=\"button\" className=\"modal__close\" onClick={handleClose}>\n                <i>\n                  <FaTimes />\n                </i>\n              </div>\n            </header>\n            <div className=\"modal__content modal__content--gallery\">\n              <div className=\"gallery\">\n                <div className=\"gallery__column gallery__column--slider\">\n                  <div className=\"gallery__slider\">\n                    <div className=\"slider__wrapper slider__wrapper--gallery open\">\n                      <div className=\"slider__header slider__header--gallery\">\n                        <div\n                          className=\"slider__counter slider__counter--gallery\"\n                          data-testid=\"image-counter\">\n                          {imageCounter}\n                        </div>\n                      </div>\n\n                      <NavButton\n                        handleAction={handlePrevious}\n                        show={showPrevious}\n                        modifier=\"previous\"\n                      />\n\n                      <div className=\"slider slider--gallery\">\n                        <div className=\"slider__list slider__list--gallery\">\n                          <div className=\"slider__list-wrapper slider__list-wrapper--gallery\">\n                            <div className=\"slider__slide slider__slide--gallery\">\n                              {loading && <div />}\n                              {Object.keys(imgWrapperProps).length ? (\n                                <BlazeLink {...imgWrapperProps}>\n                                  <ResponsiveImage\n                                    src={imageUrl}\n                                    alt={altText}\n                                    sizeKey=\"globalLightbox\"\n                                    data-testid=\"globalLightboxImage\"\n                                  />\n                                </BlazeLink>\n                              ) : (\n                                <Fragment>\n                                  <ResponsiveImage\n                                    src={imageUrl}\n                                    alt={altText}\n                                    sizeKey=\"globalLightbox\"\n                                    data-testid=\"globalLightboxImage\"\n                                  />\n                                </Fragment>\n                              )}\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n\n                      <NavButton handleAction={handleNext} show={showNext} modifier=\"next\" />\n                    </div>\n                    {(shouldDisplayCaption || shouldDisplayCredits) && (\n                      <ImageDetails\n                        caption={caption}\n                        credits={credits || imageCredits}\n                        shouldDisplayCaption={shouldDisplayCaption}\n                        shouldDisplayCredits={shouldDisplayCredits}\n                      />\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n\nGlobalLightbox.propTypes = {\n  images: PropTypes.arrayOf(\n    PropTypes.shape({\n      url: PropTypes.string,\n      imageId: PropTypes.string\n    })\n  ),\n  metaTitle: PropTypes.string,\n  onClose: PropTypes.func.isRequired,\n  selectedImage: PropTypes.number,\n  parentName: PropTypes.string\n};\n\nGlobalLightbox.defaultProps = {\n  metaTitle: '',\n  images: [],\n  selectedImage: 0,\n  parentName: ''\n};\n\nexport default GlobalLightbox;\n"],"mappings":"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"}

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

@@ -1,22 +1,17 @@
 "use strict";
 
 require("core-js/modules/es.object.define-property.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var NavButton = function NavButton(_ref) {
   var handleAction = _ref.handleAction,
-      show = _ref.show,
-      modifier = _ref.modifier;
+    show = _ref.show,
+    modifier = _ref.modifier;
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, show && /*#__PURE__*/_react["default"].createElement("div", {
     role: "button",
     className: "slider__button slider__button--gallery slider__button--".concat(modifier),
@@ -26,7 +21,6 @@ var NavButton = function NavButton(_ref) {
     "data-testid": "navButton-".concat(modifier)
   })));
 };
-
 NavButton.propTypes = {
   handleAction: _propTypes["default"].func.isRequired,
   show: _propTypes["default"].bool.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"NavButton.js","names":["NavButton","handleAction","show","modifier","propTypes","PropTypes","func","isRequired","bool","string"],"sources":["../../../../src/components/Image/GlobalLightbox/NavButton.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst NavButton = ({ handleAction, show, modifier }) => (\n  <>\n    {show && (\n      <div\n        role=\"button\"\n        className={`slider__button slider__button--gallery slider__button--${modifier}`}\n        onClick={handleAction}>\n        <div\n          className={`arrow arrow--${modifier === 'next' ? 'right' : 'left'}`}\n          data-testid={`navButton-${modifier}`}\n        />\n      </div>\n    )}\n  </>\n);\n\nNavButton.propTypes = {\n  handleAction: PropTypes.func.isRequired,\n  show: PropTypes.bool.isRequired,\n  modifier: PropTypes.string.isRequired\n};\n\nexport default NavButton;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY;EAAA,IAAGC,YAAH,QAAGA,YAAH;EAAA,IAAiBC,IAAjB,QAAiBA,IAAjB;EAAA,IAAuBC,QAAvB,QAAuBA,QAAvB;EAAA,oBAChB,kEACGD,IAAI,iBACH;IACE,IAAI,EAAC,QADP;IAEE,SAAS,mEAA4DC,QAA5D,CAFX;IAGE,OAAO,EAAEF;EAHX,gBAIE;IACE,SAAS,yBAAkBE,QAAQ,KAAK,MAAb,GAAsB,OAAtB,GAAgC,MAAlD,CADX;IAEE,mCAA0BA,QAA1B;EAFF,EAJF,CAFJ,CADgB;AAAA,CAAlB;;AAgBAH,SAAS,CAACI,SAAV,GAAsB;EACpBH,YAAY,EAAEI,qBAAA,CAAUC,IAAV,CAAeC,UADT;EAEpBL,IAAI,EAAEG,qBAAA,CAAUG,IAAV,CAAeD,UAFD;EAGpBJ,QAAQ,EAAEE,qBAAA,CAAUI,MAAV,CAAiBF;AAHP,CAAtB;eAMeP,S"}
+{"version":3,"file":"NavButton.js","names":["NavButton","handleAction","show","modifier","propTypes","PropTypes","func","isRequired","bool","string"],"sources":["../../../../src/components/Image/GlobalLightbox/NavButton.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst NavButton = ({ handleAction, show, modifier }) => (\n  <>\n    {show && (\n      <div\n        role=\"button\"\n        className={`slider__button slider__button--gallery slider__button--${modifier}`}\n        onClick={handleAction}>\n        <div\n          className={`arrow arrow--${modifier === 'next' ? 'right' : 'left'}`}\n          data-testid={`navButton-${modifier}`}\n        />\n      </div>\n    )}\n  </>\n);\n\nNavButton.propTypes = {\n  handleAction: PropTypes.func.isRequired,\n  show: PropTypes.bool.isRequired,\n  modifier: PropTypes.string.isRequired\n};\n\nexport default NavButton;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAS;EAAA,IAAMC,YAAY,QAAZA,YAAY;IAAEC,IAAI,QAAJA,IAAI;IAAEC,QAAQ,QAARA,QAAQ;EAAA,oBAC/C,kEACGD,IAAI,iBACH;IACE,IAAI,EAAC,QAAQ;IACb,SAAS,mEAA4DC,QAAQ,CAAG;IAChF,OAAO,EAAEF;EAAa,gBACtB;IACE,SAAS,yBAAkBE,QAAQ,KAAK,MAAM,GAAG,OAAO,GAAG,MAAM,CAAG;IACpE,mCAA0BA,QAAQ;EAAG,EACrC,CAEL,CACA;AAAA,CACJ;AAEDH,SAAS,CAACI,SAAS,GAAG;EACpBH,YAAY,EAAEI,qBAAS,CAACC,IAAI,CAACC,UAAU;EACvCL,IAAI,EAAEG,qBAAS,CAACG,IAAI,CAACD,UAAU;EAC/BJ,QAAQ,EAAEE,qBAAS,CAACI,MAAM,CAACF;AAC7B,CAAC;AAAC,eAEaP,SAAS;AAAA"}

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

@@ -1,41 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.promise.js");
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 require("core-js/modules/es.object.define-property.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 var _dynamic = _interopRequireDefault(require("next/dynamic"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2["default"])(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var _default = (0, _dynamic["default"])(function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require('./GlobalLightbox'));
   });
 });
-
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["dynamic"],"sources":["../../../../src/components/Image/GlobalLightbox/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nexport default dynamic(() =>\n  import(/* webpackChunkName: \"blazePbGlobalLightbox\" */ './GlobalLightbox')\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;eAEe,IAAAA,mBAAA,EAAQ;EAAA;IAAA,uCACkC,kBADlC;EAAA;AAAA,CAAR,C"}
+{"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;AAAmC;AAAA;AAAA,eAEpB,IAAAA,mBAAO,EAAC;EAAA;IAAA,uCACkC,kBAAkB;EAAA;AAAA,CAAC,CAC3E;AAAA"}

package/lib/components/Image/Image.js

@@ -1,166 +1,118 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/es.array.for-each.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 require("core-js/modules/es.object.define-properties.js");
-
 require("core-js/modules/es.object.define-property.js");
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 require("core-js/modules/es.function.name.js");
-
 require("core-js/modules/es.array.join.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _customHooks = require("@blaze-react/utils/lib/customHooks");
-
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
-
 var _ImageRender = _interopRequireDefault(require("./ImageRender"));
-
 var _ImageDetails = _interopRequireDefault(require("./ImageDetails"));
-
 var _getClassModifiers = _interopRequireDefault(require("../../utils/get-class-modifiers"));
-
 var _utils = require("../../utils");
-
 var _helpers = require("../../helpers");
-
 var _constants = require("../../constants");
-
 var _excluded = ["url", "modifier", "imageId", "enableLightbox", "name", "toggleModal", "handleSelectedImage", "displayCount", "lightboxImages", "isHero", "priority", "type", "areImageCreditsDisplayed", "isCaptionDisplayed", "images", "imageData", "imageUrl", "elementTitle", "credits", "imageCredits"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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) { (0, _defineProperty2["default"])(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; }
-
 var Image = function Image(_ref) {
   var url = _ref.url,
-      _modifier = _ref.modifier,
-      imageId = _ref.imageId,
-      enableLightbox = _ref.enableLightbox,
-      name = _ref.name,
-      toggleModal = _ref.toggleModal,
-      handleSelectedImage = _ref.handleSelectedImage,
-      displayCount = _ref.displayCount,
-      lightboxImages = _ref.lightboxImages,
-      isHero = _ref.isHero,
-      priority = _ref.priority,
-      type = _ref.type,
-      areImageCreditsDisplayed = _ref.areImageCreditsDisplayed,
-      isCaptionDisplayed = _ref.isCaptionDisplayed,
-      images = _ref.images,
-      imageData = _ref.imageData,
-      imageUrl = _ref.imageUrl,
-      elementTitle = _ref.elementTitle,
-      credits = _ref.credits,
-      imageCredits = _ref.imageCredits,
-      otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-
+    _modifier = _ref.modifier,
+    imageId = _ref.imageId,
+    enableLightbox = _ref.enableLightbox,
+    name = _ref.name,
+    toggleModal = _ref.toggleModal,
+    handleSelectedImage = _ref.handleSelectedImage,
+    displayCount = _ref.displayCount,
+    lightboxImages = _ref.lightboxImages,
+    isHero = _ref.isHero,
+    priority = _ref.priority,
+    type = _ref.type,
+    areImageCreditsDisplayed = _ref.areImageCreditsDisplayed,
+    isCaptionDisplayed = _ref.isCaptionDisplayed,
+    images = _ref.images,
+    imageData = _ref.imageData,
+    imageUrl = _ref.imageUrl,
+    elementTitle = _ref.elementTitle,
+    credits = _ref.credits,
+    imageCredits = _ref.imageCredits,
+    otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      displayLightbox = _useState2[0],
-      setDisplayLightbox = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    displayLightbox = _useState2[0],
+    setDisplayLightbox = _useState2[1];
   var _useInView = (0, _customHooks.useInView)(_constants.IN_VIEW_CONFIG),
-      _useInView2 = (0, _slicedToArray2["default"])(_useInView, 2),
-      isIntersecting = _useInView2[0],
-      outerRef = _useInView2[1];
-
+    _useInView2 = (0, _slicedToArray2["default"])(_useInView, 2),
+    isIntersecting = _useInView2[0],
+    outerRef = _useInView2[1];
   var _getImageData = (0, _utils.getImageData)(otherProps, imageData),
-      caption = _getImageData.caption,
-      altText = _getImageData.altText,
-      hrefUrl = _getImageData.hrefUrl,
-      imageDataCredits = _getImageData.credits;
-
+    caption = _getImageData.caption,
+    altText = _getImageData.altText,
+    hrefUrl = _getImageData.hrefUrl,
+    imageDataCredits = _getImageData.credits;
   var href = url || hrefUrl;
-
   var _buildImageProperties = (0, _helpers.buildImageProperties)({
-    href: href,
-    name: name,
-    enableLightbox: enableLightbox,
-    isHero: isHero
-  }),
-      ImgWrapper = _buildImageProperties.ImgWrapper,
-      imgWrapperProps = _buildImageProperties.imgWrapperProps,
-      lightboxImgProps = _buildImageProperties.lightboxImgProps;
-
+      href: href,
+      name: name,
+      enableLightbox: enableLightbox,
+      isHero: isHero
+    }),
+    ImgWrapper = _buildImageProperties.ImgWrapper,
+    imgWrapperProps = _buildImageProperties.imgWrapperProps,
+    lightboxImgProps = _buildImageProperties.lightboxImgProps;
   var modifier = _modifier || '';
   var modifiers = (0, _getClassModifiers["default"])(type, _objectSpread({
     modifier: modifier
   }, otherProps));
   var wrapperClassName = isHero ? _constants.HERO : _constants.IMAGE;
-
   var toggleLightbox = function toggleLightbox() {
     return setDisplayLightbox(!displayLightbox);
   };
-
   var handleEnableLightbox = function handleEnableLightbox() {
     if (!enableLightbox) return;
     toggleModal();
     handleSelectedImage(imageId);
   };
-
   var shouldDisplayCaption = (0, _helpers.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
   var creditsValue = credits || imageCredits || imageDataCredits;
   var shouldDisplayCredits = (0, _helpers.shouldShowProperty)({
     isDisplayed: areImageCreditsDisplayed,
     value: creditsValue
   });
-
   var _getDisplayCountData = (0, _helpers.getDisplayCountData)(displayCount, images),
-      shouldDisplayCount = _getDisplayCountData.shouldDisplayCount,
-      countMessage = _getDisplayCountData.countMessage;
-
+    shouldDisplayCount = _getDisplayCountData.shouldDisplayCount,
+    countMessage = _getDisplayCountData.countMessage;
   var sizeKey = [_constants.IMAGE, isHero ? _constants.HERO : '', _modifier].filter(Boolean).join(':');
   var shouldDisplayImage = !!imageUrl && (priority || isIntersecting);
   return /*#__PURE__*/_react["default"].createElement(_Wrapper["default"], (0, _extends2["default"])({
@@ -197,7 +149,6 @@ var Image = function Image(_ref) {
     shouldDisplayCredits: shouldDisplayCredits
   }));
 };
-
 Image.propTypes = {
   url: _propTypes["default"].string,
   name: _propTypes["default"].string,

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

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