@blaze-cms/react-page-builder 0.125.0-f-admin-updates.0 → 0.125.0

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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"}

package/lib/components/Image/ImageDetails.js

@@ -1,23 +1,18 @@
 "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 ImageDetails = function ImageDetails(_ref) {
   var caption = _ref.caption,
-      credits = _ref.credits,
-      shouldDisplayCaption = _ref.shouldDisplayCaption,
-      shouldDisplayCredits = _ref.shouldDisplayCredits;
+    credits = _ref.credits,
+    shouldDisplayCaption = _ref.shouldDisplayCaption,
+    shouldDisplayCredits = _ref.shouldDisplayCredits;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "image__details",
     "data-testid": "image-details"
@@ -27,7 +22,6 @@ var ImageDetails = function ImageDetails(_ref) {
     className: "credits"
   }, credits));
 };
-
 ImageDetails.propTypes = {
   caption: _propTypes["default"].string,
   credits: _propTypes["default"].string,

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

@@ -1 +1 @@
-{"version":3,"file":"ImageDetails.js","names":["ImageDetails","caption","credits","shouldDisplayCaption","shouldDisplayCredits","propTypes","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;;AACA;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe;EAAA,IAAGC,OAAH,QAAGA,OAAH;EAAA,IAAYC,OAAZ,QAAYA,OAAZ;EAAA,IAAqBC,oBAArB,QAAqBA,oBAArB;EAAA,IAA2CC,oBAA3C,QAA2CA,oBAA3C;EAAA,oBACnB;IAAK,SAAS,EAAC,gBAAf;IAAgC,eAAY;EAA5C,GACGD,oBAAoB,iBAAI;IAAK,SAAS,EAAC;EAAf,GAA0BF,OAA1B,CAD3B,EAEGG,oBAAoB,iBAAI;IAAK,SAAS,EAAC;EAAf,GAA0BF,OAA1B,CAF3B,CADmB;AAAA,CAArB;;AAOAF,YAAY,CAACK,SAAb,GAAyB;EACvBJ,OAAO,EAAEK,qBAAA,CAAUC,MADI;EAEvBL,OAAO,EAAEI,qBAAA,CAAUC,MAFI;EAGvBJ,oBAAoB,EAAEG,qBAAA,CAAUE,IAAV,CAAeC,UAHd;EAIvBL,oBAAoB,EAAEE,qBAAA,CAAUE,IAAV,CAAeC;AAJd,CAAzB;AAOAT,YAAY,CAACU,YAAb,GAA4B;EAC1BT,OAAO,EAAE,IADiB;EAE1BC,OAAO,EAAE;AAFiB,CAA5B;eAKeF,Y"}
+{"version":3,"file":"ImageDetails.js","names":["ImageDetails","caption","credits","shouldDisplayCaption","shouldDisplayCredits","propTypes","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;AACA;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAY;EAAA,IAAMC,OAAO,QAAPA,OAAO;IAAEC,OAAO,QAAPA,OAAO;IAAEC,oBAAoB,QAApBA,oBAAoB;IAAEC,oBAAoB,QAApBA,oBAAoB;EAAA,oBAClF;IAAK,SAAS,EAAC,gBAAgB;IAAC,eAAY;EAAe,GACxDD,oBAAoB,iBAAI;IAAK,SAAS,EAAC;EAAS,GAAEF,OAAO,CAAO,EAChEG,oBAAoB,iBAAI;IAAK,SAAS,EAAC;EAAS,GAAEF,OAAO,CAAO,CAC7D;AAAA,CACP;AAEDF,YAAY,CAACK,SAAS,GAAG;EACvBJ,OAAO,EAAEK,qBAAS,CAACC,MAAM;EACzBL,OAAO,EAAEI,qBAAS,CAACC,MAAM;EACzBJ,oBAAoB,EAAEG,qBAAS,CAACE,IAAI,CAACC,UAAU;EAC/CL,oBAAoB,EAAEE,qBAAS,CAACE,IAAI,CAACC;AACvC,CAAC;AAEDT,YAAY,CAACU,YAAY,GAAG;EAC1BT,OAAO,EAAE,IAAI;EACbC,OAAO,EAAE;AACX,CAAC;AAAC,eAEaF,YAAY;AAAA"}

package/lib/components/Image/ImageFactory.js

@@ -1,94 +1,66 @@
 "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;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 require("core-js/modules/es.array.map.js");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _nextjsComponents = require("@blaze-cms/nextjs-components");
-
 var _Image = _interopRequireDefault(require("./Image"));
-
 var _hooks = require("../../hooks");
-
 var _helpers = require("../../helpers");
-
 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 ImageFactory = function ImageFactory(props) {
   var imageId = props.imageId,
-      itemId = props.parent.itemId,
-      entity = props.entity,
-      fetchFromRelation = props.fetchFromRelation,
-      imageRelation = props.imageRelation;
-
+    itemId = props.parent.itemId,
+    entity = props.entity,
+    fetchFromRelation = props.fetchFromRelation,
+    imageRelation = props.imageRelation;
   var _useContext = (0, _react.useContext)(_nextjsComponents.MainContext),
-      isPreview = _useContext.isPreview;
-
+    isPreview = _useContext.isPreview;
   var isUsingRelationImage = (0, _helpers.isUsingRelationImage)(entity, fetchFromRelation, imageRelation);
-
   var _useGetSingleEntitySc = (0, _hooks.useGetSingleEntitySchema)(entity, !entity),
-      _useGetSingleEntitySc2 = _useGetSingleEntitySc.data;
-
+    _useGetSingleEntitySc2 = _useGetSingleEntitySc.data;
   _useGetSingleEntitySc2 = _useGetSingleEntitySc2 === void 0 ? {} : _useGetSingleEntitySc2;
   var _useGetSingleEntitySc3 = _useGetSingleEntitySc2.getEntitySchema,
-      getEntitySchema = _useGetSingleEntitySc3 === void 0 ? {} : _useGetSingleEntitySc3;
+    getEntitySchema = _useGetSingleEntitySc3 === void 0 ? {} : _useGetSingleEntitySc3;
   var _getEntitySchema$acti = getEntitySchema.actions,
-      actions = _getEntitySchema$acti === void 0 ? {} : _getEntitySchema$acti;
-
+    actions = _getEntitySchema$acti === void 0 ? {} : _getEntitySchema$acti;
   var _useGetImageIdFromRel = (0, _hooks.useGetImageIdFromRelation)(itemId, imageRelation, actions, isUsingRelationImage, isPreview),
-      relationData = _useGetImageIdFromRel.data,
-      relationLoading = _useGetImageIdFromRel.loading;
-
+    relationData = _useGetImageIdFromRel.data,
+    relationLoading = _useGetImageIdFromRel.loading;
   var updatedImageIds = relationLoading ? null : (0, _helpers.getImageIds)(imageRelation, relationData, imageId);
   var imageIds = updatedImageIds && updatedImageIds.length === 1 ? updatedImageIds[0] : updatedImageIds;
-
   var _useGetImages = (0, _hooks.useGetImages)(imageIds, updatedImageIds && updatedImageIds.length > 1),
-      _useGetImages$data = _useGetImages.data;
-
+    _useGetImages$data = _useGetImages.data;
   _useGetImages$data = _useGetImages$data === void 0 ? {} : _useGetImages$data;
   var getFile = _useGetImages$data.getFile,
-      _useGetImages$data$ge = _useGetImages$data.getFiles,
-      getFiles = _useGetImages$data$ge === void 0 ? [] : _useGetImages$data$ge,
-      loading = _useGetImages.loading,
-      error = _useGetImages.error;
+    _useGetImages$data$ge = _useGetImages$data.getFiles,
+    getFiles = _useGetImages$data$ge === void 0 ? [] : _useGetImages$data$ge,
+    loading = _useGetImages.loading,
+    error = _useGetImages.error;
   if (error) return error.message;
   if (loading) return '';
   var files = getFile ? [getFile] : getFiles;
   return files.map(function (_ref) {
     var id = _ref.id,
-        _ref$data = _ref.data,
-        imageData = _ref$data === void 0 ? {} : _ref$data,
-        _ref$url = _ref.url,
-        imageUrl = _ref$url === void 0 ? '' : _ref$url;
+      _ref$data = _ref.data,
+      imageData = _ref$data === void 0 ? {} : _ref$data,
+      _ref$url = _ref.url,
+      imageUrl = _ref$url === void 0 ? '' : _ref$url;
     if (!imageUrl) return null;
     return /*#__PURE__*/_react["default"].createElement(_Image["default"], (0, _extends2["default"])({
       key: id
@@ -98,7 +70,6 @@ var ImageFactory = function ImageFactory(props) {
     }));
   });
 };
-
 ImageFactory.propTypes = {
   entity: _propTypes["default"].string,
   fetchFromRelation: _propTypes["default"].bool,

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

@@ -1 +1 @@
-{"version":3,"file":"ImageFactory.js","names":["ImageFactory","props","imageId","itemId","parent","entity","fetchFromRelation","imageRelation","useContext","MainContext","isPreview","isUsingRelationImage","checkIfUsingRelationImage","useGetSingleEntitySchema","data","getEntitySchema","actions","useGetImageIdFromRelation","relationData","relationLoading","loading","updatedImageIds","getImageIds","imageIds","length","useGetImages","getFile","getFiles","error","message","files","map","id","imageData","url","imageUrl","propTypes","PropTypes","string","bool","array","object","defaultProps"],"sources":["../../../src/components/Image/ImageFactory.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport Image from './Image';\nimport { useGetImageIdFromRelation, useGetImages, useGetSingleEntitySchema } from '../../hooks';\nimport { getImageIds, isUsingRelationImage as checkIfUsingRelationImage } from '../../helpers';\n\nconst ImageFactory = props => {\n  const {\n    imageId,\n    parent: { itemId },\n    entity,\n    fetchFromRelation,\n    imageRelation\n  } = props;\n  const { isPreview } = useContext(MainContext);\n  const isUsingRelationImage = checkIfUsingRelationImage(entity, fetchFromRelation, imageRelation);\n  const { data: { getEntitySchema = {} } = {} } = useGetSingleEntitySchema(entity, !entity);\n  const { actions = {} } = getEntitySchema;\n  const { data: relationData, loading: relationLoading } = useGetImageIdFromRelation(\n    itemId,\n    imageRelation,\n    actions,\n    isUsingRelationImage,\n    isPreview\n  );\n\n  const updatedImageIds = relationLoading\n    ? null\n    : getImageIds(imageRelation, relationData, imageId);\n  const imageIds =\n    updatedImageIds && updatedImageIds.length === 1 ? updatedImageIds[0] : updatedImageIds;\n  const { data: { getFile, getFiles = [] } = {}, loading, error } = useGetImages(\n    imageIds,\n    updatedImageIds && updatedImageIds.length > 1\n  );\n  if (error) return error.message;\n  if (loading) return '';\n\n  const files = getFile ? [getFile] : getFiles;\n  return files.map(({ id, data: imageData = {}, url: imageUrl = '' }) => {\n    if (!imageUrl) return null;\n    return <Image key={id} {...props} imageData={imageData} imageUrl={imageUrl} />;\n  });\n};\n\nImageFactory.propTypes = {\n  entity: PropTypes.string,\n  fetchFromRelation: PropTypes.bool,\n  imageId: PropTypes.string,\n  imageRelation: PropTypes.array,\n  parent: PropTypes.object\n};\n\nImageFactory.defaultProps = {\n  entity: '',\n  fetchFromRelation: false,\n  imageId: '',\n  imageRelation: [],\n  parent: {}\n};\n\nexport default ImageFactory;\n"],"mappings":"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"}
+{"version":3,"file":"ImageFactory.js","names":["ImageFactory","props","imageId","itemId","parent","entity","fetchFromRelation","imageRelation","useContext","MainContext","isPreview","isUsingRelationImage","checkIfUsingRelationImage","useGetSingleEntitySchema","data","getEntitySchema","actions","useGetImageIdFromRelation","relationData","relationLoading","loading","updatedImageIds","getImageIds","imageIds","length","useGetImages","getFile","getFiles","error","message","files","map","id","imageData","url","imageUrl","propTypes","PropTypes","string","bool","array","object","defaultProps"],"sources":["../../../src/components/Image/ImageFactory.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport Image from './Image';\nimport { useGetImageIdFromRelation, useGetImages, useGetSingleEntitySchema } from '../../hooks';\nimport { getImageIds, isUsingRelationImage as checkIfUsingRelationImage } from '../../helpers';\n\nconst ImageFactory = props => {\n  const {\n    imageId,\n    parent: { itemId },\n    entity,\n    fetchFromRelation,\n    imageRelation\n  } = props;\n  const { isPreview } = useContext(MainContext);\n  const isUsingRelationImage = checkIfUsingRelationImage(entity, fetchFromRelation, imageRelation);\n  const { data: { getEntitySchema = {} } = {} } = useGetSingleEntitySchema(entity, !entity);\n  const { actions = {} } = getEntitySchema;\n  const { data: relationData, loading: relationLoading } = useGetImageIdFromRelation(\n    itemId,\n    imageRelation,\n    actions,\n    isUsingRelationImage,\n    isPreview\n  );\n\n  const updatedImageIds = relationLoading\n    ? null\n    : getImageIds(imageRelation, relationData, imageId);\n  const imageIds =\n    updatedImageIds && updatedImageIds.length === 1 ? updatedImageIds[0] : updatedImageIds;\n  const { data: { getFile, getFiles = [] } = {}, loading, error } = useGetImages(\n    imageIds,\n    updatedImageIds && updatedImageIds.length > 1\n  );\n  if (error) return error.message;\n  if (loading) return '';\n\n  const files = getFile ? [getFile] : getFiles;\n  return files.map(({ id, data: imageData = {}, url: imageUrl = '' }) => {\n    if (!imageUrl) return null;\n    return <Image key={id} {...props} imageData={imageData} imageUrl={imageUrl} />;\n  });\n};\n\nImageFactory.propTypes = {\n  entity: PropTypes.string,\n  fetchFromRelation: PropTypes.bool,\n  imageId: PropTypes.string,\n  imageRelation: PropTypes.array,\n  parent: PropTypes.object\n};\n\nImageFactory.defaultProps = {\n  entity: '',\n  fetchFromRelation: false,\n  imageId: '',\n  imageRelation: [],\n  parent: {}\n};\n\nexport default ImageFactory;\n"],"mappings":"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"}

package/lib/components/Image/ImageRender.js

@@ -1,49 +1,37 @@
 "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;
-
 require("core-js/modules/es.function.name.js");
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _head = _interopRequireDefault(require("next/head"));
-
 var _imageCdnReact = require("@blaze-cms/image-cdn-react");
-
 var _Lightbox = _interopRequireDefault(require("./Lightbox"));
-
 var _excluded = ["alt", "imageUrl", "handleEnableLightbox", "toggleLightbox", "displayLightbox", "enableLightbox", "caption", "lightboxImgProps", "name", "metaTitle", "heroModifier", "style", "isHero", "priority", "sizeKey"];
-
 var ImageRender = function ImageRender(_ref) {
   var alt = _ref.alt,
-      imageUrl = _ref.imageUrl,
-      handleEnableLightbox = _ref.handleEnableLightbox,
-      toggleLightbox = _ref.toggleLightbox,
-      displayLightbox = _ref.displayLightbox,
-      enableLightbox = _ref.enableLightbox,
-      caption = _ref.caption,
-      lightboxImgProps = _ref.lightboxImgProps,
-      name = _ref.name,
-      metaTitle = _ref.metaTitle,
-      heroModifier = _ref.heroModifier,
-      style = _ref.style,
-      isHero = _ref.isHero,
-      priority = _ref.priority,
-      sizeKey = _ref.sizeKey,
-      otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    imageUrl = _ref.imageUrl,
+    handleEnableLightbox = _ref.handleEnableLightbox,
+    toggleLightbox = _ref.toggleLightbox,
+    displayLightbox = _ref.displayLightbox,
+    enableLightbox = _ref.enableLightbox,
+    caption = _ref.caption,
+    lightboxImgProps = _ref.lightboxImgProps,
+    name = _ref.name,
+    metaTitle = _ref.metaTitle,
+    heroModifier = _ref.heroModifier,
+    style = _ref.style,
+    isHero = _ref.isHero,
+    priority = _ref.priority,
+    sizeKey = _ref.sizeKey,
+    otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var imageStyle = enableLightbox ? {
     cursor: 'pointer'
   } : style;
@@ -65,7 +53,6 @@ var ImageRender = function ImageRender(_ref) {
     name: metaTitle || name
   }, otherProps)));
 };
-
 ImageRender.propTypes = {
   displayLightbox: _propTypes["default"].bool.isRequired,
   enableLightbox: _propTypes["default"].bool.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"ImageRender.js","names":["ImageRender","alt","imageUrl","handleEnableLightbox","toggleLightbox","displayLightbox","enableLightbox","caption","lightboxImgProps","name","metaTitle","heroModifier","style","isHero","priority","sizeKey","otherProps","imageStyle","cursor","HeadComponent","Head","propTypes","PropTypes","bool","isRequired","string","func","object","defaultProps"],"sources":["../../../src/components/Image/ImageRender.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Head from 'next/head';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport Lightbox from './Lightbox';\n\nconst ImageRender = ({\n  alt,\n  imageUrl,\n  handleEnableLightbox,\n  toggleLightbox,\n  displayLightbox,\n  enableLightbox,\n  caption,\n  lightboxImgProps,\n  name,\n  metaTitle,\n  heroModifier,\n  style,\n  isHero,\n  priority,\n  sizeKey,\n  ...otherProps\n}) => {\n  const imageStyle = enableLightbox ? { cursor: 'pointer' } : style;\n  const HeadComponent = priority ? Head : null;\n\n  return (\n    <>\n      <ResponsiveImage\n        sizeKey={sizeKey}\n        alt={alt}\n        src={imageUrl}\n        onClick={handleEnableLightbox}\n        style={imageStyle}\n        HeadComponent={HeadComponent}\n      />\n      {displayLightbox && (\n        <Lightbox\n          imageUrl={imageUrl}\n          alt={alt}\n          priority={priority}\n          closeModal={toggleLightbox}\n          caption={caption}\n          imgWrapperProps={lightboxImgProps}\n          name={metaTitle || name}\n          {...otherProps}\n        />\n      )}\n    </>\n  );\n};\n\nImageRender.propTypes = {\n  displayLightbox: PropTypes.bool.isRequired,\n  enableLightbox: PropTypes.bool.isRequired,\n  alt: PropTypes.string,\n  caption: PropTypes.string,\n  imageUrl: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  heroModifier: PropTypes.string,\n  metaTitle: PropTypes.string,\n  handleEnableLightbox: PropTypes.func.isRequired,\n  toggleLightbox: PropTypes.func.isRequired,\n  lightboxImgProps: PropTypes.object.isRequired,\n  style: PropTypes.object,\n  isHero: PropTypes.bool,\n  priority: PropTypes.bool,\n  sizeKey: PropTypes.string\n};\n\nImageRender.defaultProps = {\n  name: '',\n  metaTitle: '',\n  heroModifier: '',\n  alt: '',\n  caption: '',\n  isHero: false,\n  priority: false,\n  style: {},\n  sizeKey: ''\n};\n\nexport default ImageRender;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAiBd;EAAA,IAhBJC,GAgBI,QAhBJA,GAgBI;EAAA,IAfJC,QAeI,QAfJA,QAeI;EAAA,IAdJC,oBAcI,QAdJA,oBAcI;EAAA,IAbJC,cAaI,QAbJA,cAaI;EAAA,IAZJC,eAYI,QAZJA,eAYI;EAAA,IAXJC,cAWI,QAXJA,cAWI;EAAA,IAVJC,OAUI,QAVJA,OAUI;EAAA,IATJC,gBASI,QATJA,gBASI;EAAA,IARJC,IAQI,QARJA,IAQI;EAAA,IAPJC,SAOI,QAPJA,SAOI;EAAA,IANJC,YAMI,QANJA,YAMI;EAAA,IALJC,KAKI,QALJA,KAKI;EAAA,IAJJC,MAII,QAJJA,MAII;EAAA,IAHJC,QAGI,QAHJA,QAGI;EAAA,IAFJC,OAEI,QAFJA,OAEI;EAAA,IADDC,UACC;EACJ,IAAMC,UAAU,GAAGX,cAAc,GAAG;IAAEY,MAAM,EAAE;EAAV,CAAH,GAA2BN,KAA5D;EACA,IAAMO,aAAa,GAAGL,QAAQ,GAAGM,gBAAH,GAAU,IAAxC;EAEA,oBACE,+EACE,gCAAC,8BAAD;IACE,OAAO,EAAEL,OADX;IAEE,GAAG,EAAEd,GAFP;IAGE,GAAG,EAAEC,QAHP;IAIE,OAAO,EAAEC,oBAJX;IAKE,KAAK,EAAEc,UALT;IAME,aAAa,EAAEE;EANjB,EADF,EASGd,eAAe,iBACd,gCAAC,oBAAD;IACE,QAAQ,EAAEH,QADZ;IAEE,GAAG,EAAED,GAFP;IAGE,QAAQ,EAAEa,QAHZ;IAIE,UAAU,EAAEV,cAJd;IAKE,OAAO,EAAEG,OALX;IAME,eAAe,EAAEC,gBANnB;IAOE,IAAI,EAAEE,SAAS,IAAID;EAPrB,GAQMO,UARN,EAVJ,CADF;AAwBD,CA7CD;;AA+CAhB,WAAW,CAACqB,SAAZ,GAAwB;EACtBhB,eAAe,EAAEiB,qBAAA,CAAUC,IAAV,CAAeC,UADV;EAEtBlB,cAAc,EAAEgB,qBAAA,CAAUC,IAAV,CAAeC,UAFT;EAGtBvB,GAAG,EAAEqB,qBAAA,CAAUG,MAHO;EAItBlB,OAAO,EAAEe,qBAAA,CAAUG,MAJG;EAKtBvB,QAAQ,EAAEoB,qBAAA,CAAUG,MAAV,CAAiBD,UALL;EAMtBf,IAAI,EAAEa,qBAAA,CAAUG,MANM;EAOtBd,YAAY,EAAEW,qBAAA,CAAUG,MAPF;EAQtBf,SAAS,EAAEY,qBAAA,CAAUG,MARC;EAStBtB,oBAAoB,EAAEmB,qBAAA,CAAUI,IAAV,CAAeF,UATf;EAUtBpB,cAAc,EAAEkB,qBAAA,CAAUI,IAAV,CAAeF,UAVT;EAWtBhB,gBAAgB,EAAEc,qBAAA,CAAUK,MAAV,CAAiBH,UAXb;EAYtBZ,KAAK,EAAEU,qBAAA,CAAUK,MAZK;EAatBd,MAAM,EAAES,qBAAA,CAAUC,IAbI;EActBT,QAAQ,EAAEQ,qBAAA,CAAUC,IAdE;EAetBR,OAAO,EAAEO,qBAAA,CAAUG;AAfG,CAAxB;AAkBAzB,WAAW,CAAC4B,YAAZ,GAA2B;EACzBnB,IAAI,EAAE,EADmB;EAEzBC,SAAS,EAAE,EAFc;EAGzBC,YAAY,EAAE,EAHW;EAIzBV,GAAG,EAAE,EAJoB;EAKzBM,OAAO,EAAE,EALgB;EAMzBM,MAAM,EAAE,KANiB;EAOzBC,QAAQ,EAAE,KAPe;EAQzBF,KAAK,EAAE,EARkB;EASzBG,OAAO,EAAE;AATgB,CAA3B;eAYef,W"}
+{"version":3,"file":"ImageRender.js","names":["ImageRender","alt","imageUrl","handleEnableLightbox","toggleLightbox","displayLightbox","enableLightbox","caption","lightboxImgProps","name","metaTitle","heroModifier","style","isHero","priority","sizeKey","otherProps","imageStyle","cursor","HeadComponent","Head","propTypes","PropTypes","bool","isRequired","string","func","object","defaultProps"],"sources":["../../../src/components/Image/ImageRender.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Head from 'next/head';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport Lightbox from './Lightbox';\n\nconst ImageRender = ({\n  alt,\n  imageUrl,\n  handleEnableLightbox,\n  toggleLightbox,\n  displayLightbox,\n  enableLightbox,\n  caption,\n  lightboxImgProps,\n  name,\n  metaTitle,\n  heroModifier,\n  style,\n  isHero,\n  priority,\n  sizeKey,\n  ...otherProps\n}) => {\n  const imageStyle = enableLightbox ? { cursor: 'pointer' } : style;\n  const HeadComponent = priority ? Head : null;\n\n  return (\n    <>\n      <ResponsiveImage\n        sizeKey={sizeKey}\n        alt={alt}\n        src={imageUrl}\n        onClick={handleEnableLightbox}\n        style={imageStyle}\n        HeadComponent={HeadComponent}\n      />\n      {displayLightbox && (\n        <Lightbox\n          imageUrl={imageUrl}\n          alt={alt}\n          priority={priority}\n          closeModal={toggleLightbox}\n          caption={caption}\n          imgWrapperProps={lightboxImgProps}\n          name={metaTitle || name}\n          {...otherProps}\n        />\n      )}\n    </>\n  );\n};\n\nImageRender.propTypes = {\n  displayLightbox: PropTypes.bool.isRequired,\n  enableLightbox: PropTypes.bool.isRequired,\n  alt: PropTypes.string,\n  caption: PropTypes.string,\n  imageUrl: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  heroModifier: PropTypes.string,\n  metaTitle: PropTypes.string,\n  handleEnableLightbox: PropTypes.func.isRequired,\n  toggleLightbox: PropTypes.func.isRequired,\n  lightboxImgProps: PropTypes.object.isRequired,\n  style: PropTypes.object,\n  isHero: PropTypes.bool,\n  priority: PropTypes.bool,\n  sizeKey: PropTypes.string\n};\n\nImageRender.defaultProps = {\n  name: '',\n  metaTitle: '',\n  heroModifier: '',\n  alt: '',\n  caption: '',\n  isHero: false,\n  priority: false,\n  style: {},\n  sizeKey: ''\n};\n\nexport default ImageRender;\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAkC;AAElC,IAAMA,WAAW,GAAG,SAAdA,WAAW,OAiBX;EAAA,IAhBJC,GAAG,QAAHA,GAAG;IACHC,QAAQ,QAARA,QAAQ;IACRC,oBAAoB,QAApBA,oBAAoB;IACpBC,cAAc,QAAdA,cAAc;IACdC,eAAe,QAAfA,eAAe;IACfC,cAAc,QAAdA,cAAc;IACdC,OAAO,QAAPA,OAAO;IACPC,gBAAgB,QAAhBA,gBAAgB;IAChBC,IAAI,QAAJA,IAAI;IACJC,SAAS,QAATA,SAAS;IACTC,YAAY,QAAZA,YAAY;IACZC,KAAK,QAALA,KAAK;IACLC,MAAM,QAANA,MAAM;IACNC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IACJC,UAAU;EAEb,IAAMC,UAAU,GAAGX,cAAc,GAAG;IAAEY,MAAM,EAAE;EAAU,CAAC,GAAGN,KAAK;EACjE,IAAMO,aAAa,GAAGL,QAAQ,GAAGM,gBAAI,GAAG,IAAI;EAE5C,oBACE,+EACE,gCAAC,8BAAe;IACd,OAAO,EAAEL,OAAQ;IACjB,GAAG,EAAEd,GAAI;IACT,GAAG,EAAEC,QAAS;IACd,OAAO,EAAEC,oBAAqB;IAC9B,KAAK,EAAEc,UAAW;IAClB,aAAa,EAAEE;EAAc,EAC7B,EACDd,eAAe,iBACd,gCAAC,oBAAQ;IACP,QAAQ,EAAEH,QAAS;IACnB,GAAG,EAAED,GAAI;IACT,QAAQ,EAAEa,QAAS;IACnB,UAAU,EAAEV,cAAe;IAC3B,OAAO,EAAEG,OAAQ;IACjB,eAAe,EAAEC,gBAAiB;IAClC,IAAI,EAAEE,SAAS,IAAID;EAAK,GACpBO,UAAU,EAEjB,CACA;AAEP,CAAC;AAEDhB,WAAW,CAACqB,SAAS,GAAG;EACtBhB,eAAe,EAAEiB,qBAAS,CAACC,IAAI,CAACC,UAAU;EAC1ClB,cAAc,EAAEgB,qBAAS,CAACC,IAAI,CAACC,UAAU;EACzCvB,GAAG,EAAEqB,qBAAS,CAACG,MAAM;EACrBlB,OAAO,EAAEe,qBAAS,CAACG,MAAM;EACzBvB,QAAQ,EAAEoB,qBAAS,CAACG,MAAM,CAACD,UAAU;EACrCf,IAAI,EAAEa,qBAAS,CAACG,MAAM;EACtBd,YAAY,EAAEW,qBAAS,CAACG,MAAM;EAC9Bf,SAAS,EAAEY,qBAAS,CAACG,MAAM;EAC3BtB,oBAAoB,EAAEmB,qBAAS,CAACI,IAAI,CAACF,UAAU;EAC/CpB,cAAc,EAAEkB,qBAAS,CAACI,IAAI,CAACF,UAAU;EACzChB,gBAAgB,EAAEc,qBAAS,CAACK,MAAM,CAACH,UAAU;EAC7CZ,KAAK,EAAEU,qBAAS,CAACK,MAAM;EACvBd,MAAM,EAAES,qBAAS,CAACC,IAAI;EACtBT,QAAQ,EAAEQ,qBAAS,CAACC,IAAI;EACxBR,OAAO,EAAEO,qBAAS,CAACG;AACrB,CAAC;AAEDzB,WAAW,CAAC4B,YAAY,GAAG;EACzBnB,IAAI,EAAE,EAAE;EACRC,SAAS,EAAE,EAAE;EACbC,YAAY,EAAE,EAAE;EAChBV,GAAG,EAAE,EAAE;EACPM,OAAO,EAAE,EAAE;EACXM,MAAM,EAAE,KAAK;EACbC,QAAQ,EAAE,KAAK;EACfF,KAAK,EAAE,CAAC,CAAC;EACTG,OAAO,EAAE;AACX,CAAC;AAAC,eAEaf,WAAW;AAAA"}