@blaze-cms/react-page-builder 0.146.0-translations.6 → 0.147.0-rc-eagle.2

package/lib/components/Iframe/Iframe.js.map

@@ -1 +1 @@
-{"version":3,"file":"Iframe.js","names":["_react","_interopRequireDefault","require","_propTypes","_iframeResizerReact","_constants","Iframe","_ref","src","modifier","width","height","enableScrolling","modifierString","concat","iframeClassName","IFRAME_CLASS","defaultWidth","DEFAULT_WIDTH","createElement","className","scrolling","autoResize","sizeHeight","style","propTypes","PropTypes","string","isRequired","bool","defaultProps","_default","exports"],"sources":["../../../src/components/Iframe/Iframe.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport IframeResizer from 'iframe-resizer-react';\nimport { IFRAME_CLASS, DEFAULT_WIDTH } from './constants';\n\nconst Iframe = ({ src, modifier, width, height, enableScrolling }) => {\n  if (!src) return null;\n  const modifierString = modifier ? ` ${modifier}` : '';\n  const iframeClassName = `${IFRAME_CLASS}${modifierString}`;\n  const defaultWidth = !width ? DEFAULT_WIDTH : {};\n  return (\n    <div className={iframeClassName}>\n      <IframeResizer\n        scrolling={enableScrolling}\n        autoResize\n        src={src}\n        sizeHeight={!height}\n        height={height}\n        width={width}\n        style={defaultWidth}\n      />\n    </div>\n  );\n};\n\nIframe.propTypes = {\n  src: PropTypes.string.isRequired,\n  enableScrolling: PropTypes.bool,\n  modifier: PropTypes.string,\n  width: PropTypes.string,\n  height: PropTypes.string\n};\n\nIframe.defaultProps = { enableScrolling: false, modifier: '', width: '', height: '' };\n\nexport default Iframe;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,mBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAMI,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAA0D;EAAA,IAApDC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IAAEC,eAAe,GAAAL,IAAA,CAAfK,eAAe;EAC7D,IAAI,CAACJ,GAAG,EAAE,OAAO,IAAI;EACrB,IAAMK,cAAc,GAAGJ,QAAQ,OAAAK,MAAA,CAAOL,QAAQ,IAAK,EAAE;EACrD,IAAMM,eAAe,MAAAD,MAAA,CAAME,uBAAY,EAAAF,MAAA,CAAGD,cAAc,CAAE;EAC1D,IAAMI,YAAY,GAAG,CAACP,KAAK,GAAGQ,wBAAa,GAAG,CAAC,CAAC;EAChD,oBACElB,MAAA,YAAAmB,aAAA;IAAKC,SAAS,EAAEL;EAAgB,gBAC9Bf,MAAA,YAAAmB,aAAA,CAACf,mBAAA,WAAa;IACZiB,SAAS,EAAET,eAAgB;IAC3BU,UAAU;IACVd,GAAG,EAAEA,GAAI;IACTe,UAAU,EAAE,CAACZ,MAAO;IACpBA,MAAM,EAAEA,MAAO;IACfD,KAAK,EAAEA,KAAM;IACbc,KAAK,EAAEP;EAAa,CACrB,CACE,CAAC;AAEV,CAAC;AAEDX,MAAM,CAACmB,SAAS,GAAG;EACjBjB,GAAG,EAAEkB,qBAAS,CAACC,MAAM,CAACC,UAAU;EAChChB,eAAe,EAAEc,qBAAS,CAACG,IAAI;EAC/BpB,QAAQ,EAAEiB,qBAAS,CAACC,MAAM;EAC1BjB,KAAK,EAAEgB,qBAAS,CAACC,MAAM;EACvBhB,MAAM,EAAEe,qBAAS,CAACC;AACpB,CAAC;AAEDrB,MAAM,CAACwB,YAAY,GAAG;EAAElB,eAAe,EAAE,KAAK;EAAEH,QAAQ,EAAE,EAAE;EAAEC,KAAK,EAAE,EAAE;EAAEC,MAAM,EAAE;AAAG,CAAC;AAAC,IAAAoB,QAAA,GAAAC,OAAA,cAEvE1B,MAAM"}
+{"version":3,"file":"Iframe.js","names":["_react","_interopRequireDefault","require","_propTypes","_iframeResizerReact","_constants","Iframe","src","modifier","width","height","enableScrolling","modifierString","iframeClassName","IFRAME_CLASS","defaultWidth","DEFAULT_WIDTH","default","createElement","className","scrolling","autoResize","sizeHeight","style","propTypes","PropTypes","string","isRequired","bool","defaultProps","_default","exports"],"sources":["../../../src/components/Iframe/Iframe.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport IframeResizer from 'iframe-resizer-react';\nimport { IFRAME_CLASS, DEFAULT_WIDTH } from './constants';\n\nconst Iframe = ({ src, modifier, width, height, enableScrolling }) => {\n  if (!src) return null;\n  const modifierString = modifier ? ` ${modifier}` : '';\n  const iframeClassName = `${IFRAME_CLASS}${modifierString}`;\n  const defaultWidth = !width ? DEFAULT_WIDTH : {};\n  return (\n    <div className={iframeClassName}>\n      <IframeResizer\n        scrolling={enableScrolling}\n        autoResize\n        src={src}\n        sizeHeight={!height}\n        height={height}\n        width={width}\n        style={defaultWidth}\n      />\n    </div>\n  );\n};\n\nIframe.propTypes = {\n  src: PropTypes.string.isRequired,\n  enableScrolling: PropTypes.bool,\n  modifier: PropTypes.string,\n  width: PropTypes.string,\n  height: PropTypes.string\n};\n\nIframe.defaultProps = { enableScrolling: false, modifier: '', width: '', height: '' };\n\nexport default Iframe;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,mBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,MAAMI,MAAM,GAAGA,CAAC;EAAEC,GAAG;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,MAAM;EAAEC;AAAgB,CAAC,KAAK;EACpE,IAAI,CAACJ,GAAG,EAAE,OAAO,IAAI;EACrB,MAAMK,cAAc,GAAGJ,QAAQ,GAAG,IAAIA,QAAQ,EAAE,GAAG,EAAE;EACrD,MAAMK,eAAe,GAAG,GAAGC,uBAAY,GAAGF,cAAc,EAAE;EAC1D,MAAMG,YAAY,GAAG,CAACN,KAAK,GAAGO,wBAAa,GAAG,CAAC,CAAC;EAChD,oBACEhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAEN;EAAgB,gBAC9Bb,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,mBAAA,CAAAa,OAAa;IACZG,SAAS,EAAET,eAAgB;IAC3BU,UAAU;IACVd,GAAG,EAAEA,GAAI;IACTe,UAAU,EAAE,CAACZ,MAAO;IACpBA,MAAM,EAAEA,MAAO;IACfD,KAAK,EAAEA,KAAM;IACbc,KAAK,EAAER;EAAa,CACrB,CACE,CAAC;AAEV,CAAC;AAEDT,MAAM,CAACkB,SAAS,GAAG;EACjBjB,GAAG,EAAEkB,kBAAS,CAACC,MAAM,CAACC,UAAU;EAChChB,eAAe,EAAEc,kBAAS,CAACG,IAAI;EAC/BpB,QAAQ,EAAEiB,kBAAS,CAACC,MAAM;EAC1BjB,KAAK,EAAEgB,kBAAS,CAACC,MAAM;EACvBhB,MAAM,EAAEe,kBAAS,CAACC;AACpB,CAAC;AAEDpB,MAAM,CAACuB,YAAY,GAAG;EAAElB,eAAe,EAAE,KAAK;EAAEH,QAAQ,EAAE,EAAE;EAAEC,KAAK,EAAE,EAAE;EAAEC,MAAM,EAAE;AAAG,CAAC;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAAd,OAAA,GAEvEX,MAAM","ignoreList":[]}

package/lib/components/Iframe/constants.js

@@ -1,12 +1,11 @@
 "use strict";
 
-require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.IFRAME_CLASS = exports.DEFAULT_WIDTH = void 0;
-var IFRAME_CLASS = exports.IFRAME_CLASS = 'iframe-container';
-var DEFAULT_WIDTH = exports.DEFAULT_WIDTH = {
+const IFRAME_CLASS = exports.IFRAME_CLASS = 'iframe-container';
+const DEFAULT_WIDTH = exports.DEFAULT_WIDTH = {
   width: '1px',
   minWidth: '100%'
 };

package/lib/components/Iframe/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["IFRAME_CLASS","exports","DEFAULT_WIDTH","width","minWidth"],"sources":["../../../src/components/Iframe/constants.js"],"sourcesContent":["const IFRAME_CLASS = 'iframe-container';\nconst DEFAULT_WIDTH = { width: '1px', minWidth: '100%' };\n\nexport { IFRAME_CLASS, DEFAULT_WIDTH };\n"],"mappings":";;;;;;;AAAA,IAAMA,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,kBAAkB;AACvC,IAAME,aAAa,GAAAD,OAAA,CAAAC,aAAA,GAAG;EAAEC,KAAK,EAAE,KAAK;EAAEC,QAAQ,EAAE;AAAO,CAAC"}
+{"version":3,"file":"constants.js","names":["IFRAME_CLASS","exports","DEFAULT_WIDTH","width","minWidth"],"sources":["../../../src/components/Iframe/constants.js"],"sourcesContent":["const IFRAME_CLASS = 'iframe-container';\nconst DEFAULT_WIDTH = { width: '1px', minWidth: '100%' };\n\nexport { IFRAME_CLASS, DEFAULT_WIDTH };\n"],"mappings":";;;;;;AAAA,MAAMA,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,kBAAkB;AACvC,MAAME,aAAa,GAAAD,OAAA,CAAAC,aAAA,GAAG;EAAEC,KAAK,EAAE,KAAK;EAAEC,QAAQ,EAAE;AAAO,CAAC","ignoreList":[]}

package/lib/components/Iframe/index.js

@@ -1,11 +1,10 @@
 "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;
+exports.default = void 0;
 var _Iframe = _interopRequireDefault(require("./Iframe"));
-var _default = exports["default"] = _Iframe["default"];
+var _default = exports.default = _Iframe.default;
 //# sourceMappingURL=index.js.map

package/lib/components/Iframe/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Iframe","_interopRequireDefault","require","_default","exports","Iframe"],"sources":["../../../src/components/Iframe/index.js"],"sourcesContent":["import Iframe from './Iframe';\n\nexport default Iframe;\n"],"mappings":";;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8B,IAAAC,QAAA,GAAAC,OAAA,cAEfC,kBAAM"}
+{"version":3,"file":"index.js","names":["_Iframe","_interopRequireDefault","require","_default","exports","default","Iframe"],"sources":["../../../src/components/Iframe/index.js"],"sourcesContent":["import Iframe from './Iframe';\n\nexport default Iframe;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8B,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEfC,eAAM","ignoreList":[]}

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

@@ -1,23 +1,11 @@
 "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");
+exports.default = void 0;
 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");
@@ -25,157 +13,151 @@ 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 _getImageData = _interopRequireDefault(require("../../../utils/get-image-data"));
+var _useGetImages = _interopRequireDefault(require("../../../hooks/use-get-images"));
 var _helpers = require("../../../helpers");
-var _excluded = ["imageId", "url", "name", "enableLightbox", "isCaptionDisplayed", "areImageCreditsDisplayed", "imageCredits", "credits"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var GlobalLightbox = function GlobalLightbox(_ref) {
-  var images = _ref.images,
-    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];
-  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);
-  var _useGetImages = (0, _useGetImages2["default"])(imageId),
-    data = _useGetImages.data,
-    loading = _useGetImages.loading,
-    error = _useGetImages.error;
+const _excluded = ["imageId", "url", "name", "enableLightbox", "isCaptionDisplayed", "areImageCreditsDisplayed", "imageCredits", "credits"];
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const GlobalLightbox = ({
+  images,
+  onClose,
+  selectedImage,
+  metaTitle,
+  parentName
+}) => {
+  const [index, setIndex] = (0, _react.useState)(selectedImage);
+  const currentImage = images[index] || {};
+  const {
+      imageId,
+      url,
+      name,
+      enableLightbox,
+      isCaptionDisplayed,
+      areImageCreditsDisplayed,
+      imageCredits,
+      credits
+    } = currentImage,
+    otherProps = (0, _objectWithoutProperties2.default)(currentImage, _excluded);
+  const {
+    data,
+    loading,
+    error
+  } = (0, _useGetImages.default)(imageId);
   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;
-  var urlProps = {
+  const {
+    url: imageUrl = '',
+    data: imageData = {}
+  } = data.getFile || {
+    getFile: {
+      url: '',
+      data: {}
+    }
+  };
+  const urlProps = {
     href: url,
     title: name
   };
-  var imgWrapperProps = url ? urlProps : {};
-  var _getImageData = (0, _getImageData2["default"])(otherProps, imageData),
-    caption = _getImageData.caption,
-    altText = _getImageData.altText;
-  var shouldDisplayCaption = (0, _helpers.shouldShowProperty)({
+  const imgWrapperProps = url ? urlProps : {};
+  const {
+    caption,
+    altText
+  } = (0, _getImageData.default)(otherProps, imageData);
+  const shouldDisplayCaption = (0, _helpers.shouldShowProperty)({
     isDisplayed: isCaptionDisplayed,
     value: caption
   });
 
   // deprecated: imageCredits is deprecated. This code is to handle legacy data. check before changing/removing
-  var shouldDisplayCredits = (0, _helpers.shouldShowProperty)({
+  const shouldDisplayCredits = (0, _helpers.shouldShowProperty)({
     isDisplayed: areImageCreditsDisplayed,
     value: credits || imageCredits
   });
-  var navigate = function navigate(position) {
-    var newPosition = index + position;
+  const navigate = position => {
+    const 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, " / ").concat(images.length);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, !!images.length && /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+  const handlePrevious = () => navigate(-1);
+  const handleNext = () => navigate(1);
+  const handleClose = () => onClose();
+  const showNext = index !== images.length - 1;
+  const showPrevious = !!index;
+  const imageCounter = `${index + 1} / ${images.length}`;
+  return !!images.length && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
     className: "overlay"
-  }), /*#__PURE__*/_react["default"].createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "modal modal--full-screen modal--gallery modal--show"
-  }, /*#__PURE__*/_react["default"].createElement("header", {
+  }, /*#__PURE__*/_react.default.createElement("header", {
     className: "modal__header modal__header--gallery"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "modal__title modal__title--gallery"
-  }, parentName || metaTitle || name), /*#__PURE__*/_react["default"].createElement("div", {
+  }, parentName || metaTitle || name), /*#__PURE__*/_react.default.createElement("div", {
     role: "button",
     className: "modal__close",
     onClick: handleClose,
     "aria-label": "Close modal"
-  }, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_fa.FaTimes, null)))), /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("i", null, /*#__PURE__*/_react.default.createElement(_fa.FaTimes, null)))), /*#__PURE__*/_react.default.createElement("div", {
     className: "modal__content modal__content--gallery"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "gallery"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "gallery__column gallery__column--slider"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "gallery__slider"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "slider__wrapper slider__wrapper--gallery open"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "slider__header slider__header--gallery"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "slider__counter slider__counter--gallery",
     "data-testid": "image-counter"
-  }, imageCounter)), /*#__PURE__*/_react["default"].createElement(_NavButton["default"], {
+  }, imageCounter)), /*#__PURE__*/_react.default.createElement(_NavButton.default, {
     handleAction: handlePrevious,
     show: showPrevious,
     modifier: "previous",
     ariaLabel: "Previous Image"
-  }), /*#__PURE__*/_react["default"].createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "slider slider--gallery"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "slider__list slider__list--gallery"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "slider__list-wrapper slider__list-wrapper--gallery"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "slider__slide slider__slide--gallery"
-  }, loading && /*#__PURE__*/_react["default"].createElement("div", null), Object.keys(imgWrapperProps).length ? /*#__PURE__*/_react["default"].createElement(_BlazeLink["default"], imgWrapperProps, /*#__PURE__*/_react["default"].createElement(_imageCdnReact.ResponsiveImage, {
+  }, loading && /*#__PURE__*/_react.default.createElement("div", null), Object.keys(imgWrapperProps).length ? /*#__PURE__*/_react.default.createElement(_BlazeLink.default, imgWrapperProps, /*#__PURE__*/_react.default.createElement(_imageCdnReact.ResponsiveImage, {
     src: imageUrl,
     alt: altText,
     sizeKey: "globalLightbox",
     "data-testid": "globalLightboxImage"
-  })) : /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, /*#__PURE__*/_react["default"].createElement(_imageCdnReact.ResponsiveImage, {
+  })) : /*#__PURE__*/_react.default.createElement(_imageCdnReact.ResponsiveImage, {
     src: imageUrl,
     alt: altText,
     sizeKey: "globalLightbox",
     "data-testid": "globalLightboxImage"
-  })))))), /*#__PURE__*/_react["default"].createElement(_NavButton["default"], {
+  }))))), /*#__PURE__*/_react.default.createElement(_NavButton.default, {
     ariaLabel: "Next Image",
     handleAction: handleNext,
     show: showNext,
     modifier: "next"
-  })), (shouldDisplayCaption || shouldDisplayCredits) && /*#__PURE__*/_react["default"].createElement(_ImageDetails["default"], {
+  })), (shouldDisplayCaption || shouldDisplayCredits) && /*#__PURE__*/_react.default.createElement(_ImageDetails.default, {
     caption: caption,
     credits: credits || imageCredits,
     shouldDisplayCaption: shouldDisplayCaption,
     shouldDisplayCredits: shouldDisplayCredits
-  }))))))));
+  })))))));
 };
 GlobalLightbox.propTypes = {
-  images: _propTypes["default"].arrayOf(_propTypes["default"].shape({
-    url: _propTypes["default"].string,
-    imageId: _propTypes["default"].string
+  images: _propTypes.default.arrayOf(_propTypes.default.shape({
+    url: _propTypes.default.string,
+    imageId: _propTypes.default.string
   })),
-  metaTitle: _propTypes["default"].string,
-  onClose: _propTypes["default"].func.isRequired,
-  selectedImage: _propTypes["default"].number,
-  parentName: _propTypes["default"].string
+  metaTitle: _propTypes.default.string,
+  onClose: _propTypes.default.func.isRequired,
+  selectedImage: _propTypes.default.number,
+  parentName: _propTypes.default.string
 };
 GlobalLightbox.defaultProps = {
   metaTitle: '',
@@ -183,5 +165,5 @@ GlobalLightbox.defaultProps = {
   selectedImage: 0,
   parentName: ''
 };
-var _default = exports["default"] = GlobalLightbox;
+var _default = exports.default = GlobalLightbox;
 //# sourceMappingURL=GlobalLightbox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalLightbox.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_imageCdnReact","_fa","_BlazeLink","_ImageDetails","_NavButton","_getImageData2","_useGetImages2","_helpers","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","GlobalLightbox","_ref","images","onClose","selectedImage","metaTitle","parentName","_useState","useState","_useState2","_slicedToArray2","index","setIndex","currentImage","imageId","url","name","enableLightbox","isCaptionDisplayed","areImageCreditsDisplayed","imageCredits","credits","otherProps","_objectWithoutProperties2","_useGetImages","useGetImages","data","loading","error","message","_ref2","getFile","_ref2$url","imageUrl","_ref2$data","imageData","urlProps","href","title","imgWrapperProps","_getImageData","getImageData","caption","altText","shouldDisplayCaption","shouldShowProperty","isDisplayed","value","shouldDisplayCredits","navigate","position","newPosition","handlePrevious","handleNext","handleClose","showNext","length","showPrevious","imageCounter","concat","createElement","Fragment","className","role","onClick","FaTimes","handleAction","show","modifier","ariaLabel","keys","ResponsiveImage","src","alt","sizeKey","propTypes","PropTypes","arrayOf","shape","string","func","isRequired","number","defaultProps","_default","exports"],"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  // deprecated: imageCredits is deprecated. This code is to handle legacy data. check before changing/removing\n  const shouldDisplayCredits = shouldShowProperty({\n    isDisplayed: areImageCreditsDisplayed,\n    value: credits || imageCredits\n  });\n\n  const navigate = position => {\n    const newPosition = index + position;\n    if (images[newPosition]) {\n      setIndex(newPosition);\n    }\n  };\n\n  const handlePrevious = () => navigate(-1);\n  const handleNext = () => navigate(1);\n  const handleClose = () => onClose();\n\n  const showNext = index !== images.length - 1;\n  const showPrevious = !!index;\n\n  const imageCounter = `${index + 1} / ${images.length}`;\n\n  return (\n    <>\n      {!!images.length && (\n        <div>\n          <div className=\"overlay\" />\n          <div className=\"modal modal--full-screen modal--gallery modal--show\">\n            <header className=\"modal__header modal__header--gallery\">\n              <div className=\"modal__title modal__title--gallery\">\n                {parentName || metaTitle || name}\n              </div>\n              <div\n                role=\"button\"\n                className=\"modal__close\"\n                onClick={handleClose}\n                aria-label=\"Close modal\">\n                <i>\n                  <FaTimes />\n                </i>\n              </div>\n            </header>\n            <div className=\"modal__content modal__content--gallery\">\n              <div className=\"gallery\">\n                <div className=\"gallery__column gallery__column--slider\">\n                  <div className=\"gallery__slider\">\n                    <div className=\"slider__wrapper slider__wrapper--gallery open\">\n                      <div className=\"slider__header slider__header--gallery\">\n                        <div\n                          className=\"slider__counter slider__counter--gallery\"\n                          data-testid=\"image-counter\">\n                          {imageCounter}\n                        </div>\n                      </div>\n\n                      <NavButton\n                        handleAction={handlePrevious}\n                        show={showPrevious}\n                        modifier=\"previous\"\n                        ariaLabel=\"Previous Image\"\n                      />\n\n                      <div className=\"slider slider--gallery\">\n                        <div className=\"slider__list slider__list--gallery\">\n                          <div className=\"slider__list-wrapper slider__list-wrapper--gallery\">\n                            <div className=\"slider__slide slider__slide--gallery\">\n                              {loading && <div />}\n                              {Object.keys(imgWrapperProps).length ? (\n                                <BlazeLink {...imgWrapperProps}>\n                                  <ResponsiveImage\n                                    src={imageUrl}\n                                    alt={altText}\n                                    sizeKey=\"globalLightbox\"\n                                    data-testid=\"globalLightboxImage\"\n                                  />\n                                </BlazeLink>\n                              ) : (\n                                <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\n                        ariaLabel=\"Next Image\"\n                        handleAction={handleNext}\n                        show={showNext}\n                        modifier=\"next\"\n                      />\n                    </div>\n                    {(shouldDisplayCaption || shouldDisplayCredits) && (\n                      <ImageDetails\n                        caption={caption}\n                        credits={credits || imageCredits}\n                        shouldDisplayCaption={shouldDisplayCaption}\n                        shouldDisplayCredits={shouldDisplayCredits}\n                      />\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n\nGlobalLightbox.propTypes = {\n  images: PropTypes.arrayOf(\n    PropTypes.shape({\n      url: PropTypes.string,\n      imageId: PropTypes.string\n    })\n  ),\n  metaTitle: PropTypes.string,\n  onClose: PropTypes.func.isRequired,\n  selectedImage: PropTypes.number,\n  parentName: PropTypes.string\n};\n\nGlobalLightbox.defaultProps = {\n  metaTitle: '',\n  images: [],\n  selectedImage: 0,\n  parentName: ''\n};\n\nexport default GlobalLightbox;\n"],"mappings":"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"}
+{"version":3,"file":"GlobalLightbox.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_imageCdnReact","_fa","_BlazeLink","_ImageDetails","_NavButton","_getImageData","_useGetImages","_helpers","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","GlobalLightbox","images","onClose","selectedImage","metaTitle","parentName","index","setIndex","useState","currentImage","imageId","url","name","enableLightbox","isCaptionDisplayed","areImageCreditsDisplayed","imageCredits","credits","otherProps","_objectWithoutProperties2","data","loading","error","useGetImages","message","imageUrl","imageData","getFile","urlProps","href","title","imgWrapperProps","caption","altText","getImageData","shouldDisplayCaption","shouldShowProperty","isDisplayed","value","shouldDisplayCredits","navigate","position","newPosition","handlePrevious","handleNext","handleClose","showNext","length","showPrevious","imageCounter","createElement","className","role","onClick","FaTimes","handleAction","show","modifier","ariaLabel","keys","ResponsiveImage","src","alt","sizeKey","propTypes","PropTypes","arrayOf","shape","string","func","isRequired","number","defaultProps","_default","exports"],"sources":["../../../../src/components/Image/GlobalLightbox/GlobalLightbox.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport { FaTimes } from 'react-icons/fa';\nimport BlazeLink from '../../BlazeLink';\nimport ImageDetails from '../ImageDetails';\nimport NavButton from './NavButton';\nimport getImageData from '../../../utils/get-image-data';\nimport useGetImages from '../../../hooks/use-get-images';\nimport { shouldShowProperty } from '../../../helpers';\n\nconst GlobalLightbox = ({ images, onClose, selectedImage, metaTitle, parentName }) => {\n  const [index, setIndex] = useState(selectedImage);\n\n  const currentImage = images[index] || {};\n\n  const {\n    imageId,\n    url,\n    name,\n    enableLightbox,\n    isCaptionDisplayed,\n    areImageCreditsDisplayed,\n    imageCredits,\n    credits,\n    ...otherProps\n  } = currentImage;\n\n  const { data, loading, error } = useGetImages(imageId);\n\n  if (error) {\n    return error.message;\n  }\n\n  const { url: imageUrl = '', data: imageData = {} } = data.getFile || {\n    getFile: { url: '', data: {} }\n  };\n\n  const urlProps = { href: url, title: name };\n  const imgWrapperProps = url ? urlProps : {};\n\n  const { caption, altText } = getImageData(otherProps, imageData);\n\n  const shouldDisplayCaption = shouldShowProperty({\n    isDisplayed: isCaptionDisplayed,\n    value: caption\n  });\n\n  // deprecated: imageCredits is deprecated. This code is to handle legacy data. check before changing/removing\n  const shouldDisplayCredits = shouldShowProperty({\n    isDisplayed: areImageCreditsDisplayed,\n    value: credits || imageCredits\n  });\n\n  const navigate = position => {\n    const newPosition = index + position;\n    if (images[newPosition]) {\n      setIndex(newPosition);\n    }\n  };\n\n  const handlePrevious = () => navigate(-1);\n  const handleNext = () => navigate(1);\n  const handleClose = () => onClose();\n\n  const showNext = index !== images.length - 1;\n  const showPrevious = !!index;\n\n  const imageCounter = `${index + 1} / ${images.length}`;\n\n  return (\n    !!images.length && (\n      <div>\n        <div className=\"overlay\" />\n        <div className=\"modal modal--full-screen modal--gallery modal--show\">\n          <header className=\"modal__header modal__header--gallery\">\n            <div className=\"modal__title modal__title--gallery\">\n              {parentName || metaTitle || name}\n            </div>\n            <div\n              role=\"button\"\n              className=\"modal__close\"\n              onClick={handleClose}\n              aria-label=\"Close modal\">\n              <i>\n                <FaTimes />\n              </i>\n            </div>\n          </header>\n          <div className=\"modal__content modal__content--gallery\">\n            <div className=\"gallery\">\n              <div className=\"gallery__column gallery__column--slider\">\n                <div className=\"gallery__slider\">\n                  <div className=\"slider__wrapper slider__wrapper--gallery open\">\n                    <div className=\"slider__header slider__header--gallery\">\n                      <div\n                        className=\"slider__counter slider__counter--gallery\"\n                        data-testid=\"image-counter\">\n                        {imageCounter}\n                      </div>\n                    </div>\n\n                    <NavButton\n                      handleAction={handlePrevious}\n                      show={showPrevious}\n                      modifier=\"previous\"\n                      ariaLabel=\"Previous Image\"\n                    />\n\n                    <div className=\"slider slider--gallery\">\n                      <div className=\"slider__list slider__list--gallery\">\n                        <div className=\"slider__list-wrapper slider__list-wrapper--gallery\">\n                          <div className=\"slider__slide slider__slide--gallery\">\n                            {loading && <div />}\n                            {Object.keys(imgWrapperProps).length ? (\n                              <BlazeLink {...imgWrapperProps}>\n                                <ResponsiveImage\n                                  src={imageUrl}\n                                  alt={altText}\n                                  sizeKey=\"globalLightbox\"\n                                  data-testid=\"globalLightboxImage\"\n                                />\n                              </BlazeLink>\n                            ) : (\n                              <ResponsiveImage\n                                src={imageUrl}\n                                alt={altText}\n                                sizeKey=\"globalLightbox\"\n                                data-testid=\"globalLightboxImage\"\n                              />\n                            )}\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n\n                    <NavButton\n                      ariaLabel=\"Next Image\"\n                      handleAction={handleNext}\n                      show={showNext}\n                      modifier=\"next\"\n                    />\n                  </div>\n                  {(shouldDisplayCaption || shouldDisplayCredits) && (\n                    <ImageDetails\n                      caption={caption}\n                      credits={credits || imageCredits}\n                      shouldDisplayCaption={shouldDisplayCaption}\n                      shouldDisplayCredits={shouldDisplayCredits}\n                    />\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    )\n  );\n};\n\nGlobalLightbox.propTypes = {\n  images: PropTypes.arrayOf(\n    PropTypes.shape({\n      url: PropTypes.string,\n      imageId: PropTypes.string\n    })\n  ),\n  metaTitle: PropTypes.string,\n  onClose: PropTypes.func.isRequired,\n  selectedImage: PropTypes.number,\n  parentName: PropTypes.string\n};\n\nGlobalLightbox.defaultProps = {\n  metaTitle: '',\n  images: [],\n  selectedImage: 0,\n  parentName: ''\n};\n\nexport default GlobalLightbox;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,33 +1,31 @@
 "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;
+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,
-    ariaLabel = _ref.ariaLabel;
-  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),
-    onClick: handleAction,
-    "aria-label": ariaLabel
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "arrow arrow--".concat(modifier === 'next' ? 'right' : 'left'),
-    "data-testid": "navButton-".concat(modifier)
-  })));
-};
+const NavButton = ({
+  handleAction,
+  show,
+  modifier,
+  ariaLabel
+}) => show ? /*#__PURE__*/_react.default.createElement("div", {
+  role: "button",
+  className: `slider__button slider__button--gallery slider__button--${modifier}`,
+  onClick: handleAction,
+  "aria-label": ariaLabel
+}, /*#__PURE__*/_react.default.createElement("div", {
+  className: `arrow arrow--${modifier === 'next' ? 'right' : 'left'}`,
+  "data-testid": `navButton-${modifier}`
+})) : null;
 NavButton.propTypes = {
-  handleAction: _propTypes["default"].func.isRequired,
-  show: _propTypes["default"].bool.isRequired,
-  modifier: _propTypes["default"].string.isRequired,
-  ariaLabel: _propTypes["default"].string.isRequired
+  handleAction: _propTypes.default.func.isRequired,
+  show: _propTypes.default.bool.isRequired,
+  modifier: _propTypes.default.string.isRequired,
+  ariaLabel: _propTypes.default.string.isRequired
 };
-var _default = exports["default"] = NavButton;
+var _default = exports.default = NavButton;
 //# sourceMappingURL=NavButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NavButton.js","names":["_react","_interopRequireDefault","require","_propTypes","NavButton","_ref","handleAction","show","modifier","ariaLabel","createElement","Fragment","role","className","concat","onClick","propTypes","PropTypes","func","isRequired","bool","string","_default","exports"],"sources":["../../../../src/components/Image/GlobalLightbox/NavButton.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst NavButton = ({ handleAction, show, modifier, ariaLabel }) => (\n  <>\n    {show && (\n      <div\n        role=\"button\"\n        className={`slider__button slider__button--gallery slider__button--${modifier}`}\n        onClick={handleAction}\n        aria-label={ariaLabel}>\n        <div\n          className={`arrow arrow--${modifier === 'next' ? 'right' : 'left'}`}\n          data-testid={`navButton-${modifier}`}\n        />\n      </div>\n    )}\n  </>\n);\n\nNavButton.propTypes = {\n  handleAction: PropTypes.func.isRequired,\n  show: PropTypes.bool.isRequired,\n  modifier: PropTypes.string.isRequired,\n  ariaLabel: PropTypes.string.isRequired\n};\n\nexport default NavButton;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAME,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA;EAAA,IAAMC,YAAY,GAAAD,IAAA,CAAZC,YAAY;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;EAAA,oBAC1DT,MAAA,YAAAU,aAAA,CAAAV,MAAA,YAAAW,QAAA,QACGJ,IAAI,iBACHP,MAAA,YAAAU,aAAA;IACEE,IAAI,EAAC,QAAQ;IACbC,SAAS,4DAAAC,MAAA,CAA4DN,QAAQ,CAAG;IAChFO,OAAO,EAAET,YAAa;IACtB,cAAYG;EAAU,gBACtBT,MAAA,YAAAU,aAAA;IACEG,SAAS,kBAAAC,MAAA,CAAkBN,QAAQ,KAAK,MAAM,GAAG,OAAO,GAAG,MAAM,CAAG;IACpE,4BAAAM,MAAA,CAA0BN,QAAQ;EAAG,CACtC,CACE,CAEP,CAAC;AAAA,CACJ;AAEDJ,SAAS,CAACY,SAAS,GAAG;EACpBV,YAAY,EAAEW,qBAAS,CAACC,IAAI,CAACC,UAAU;EACvCZ,IAAI,EAAEU,qBAAS,CAACG,IAAI,CAACD,UAAU;EAC/BX,QAAQ,EAAES,qBAAS,CAACI,MAAM,CAACF,UAAU;EACrCV,SAAS,EAAEQ,qBAAS,CAACI,MAAM,CAACF;AAC9B,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,cAEanB,SAAS"}
+{"version":3,"file":"NavButton.js","names":["_react","_interopRequireDefault","require","_propTypes","NavButton","handleAction","show","modifier","ariaLabel","default","createElement","role","className","onClick","propTypes","PropTypes","func","isRequired","bool","string","_default","exports"],"sources":["../../../../src/components/Image/GlobalLightbox/NavButton.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst NavButton = ({ handleAction, show, modifier, ariaLabel }) =>\n  show ? (\n    <div\n      role=\"button\"\n      className={`slider__button slider__button--gallery slider__button--${modifier}`}\n      onClick={handleAction}\n      aria-label={ariaLabel}>\n      <div\n        className={`arrow arrow--${modifier === 'next' ? 'right' : 'left'}`}\n        data-testid={`navButton-${modifier}`}\n      />\n    </div>\n  ) : null;\n\nNavButton.propTypes = {\n  handleAction: PropTypes.func.isRequired,\n  show: PropTypes.bool.isRequired,\n  modifier: PropTypes.string.isRequired,\n  ariaLabel: PropTypes.string.isRequired\n};\n\nexport default NavButton;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,MAAME,SAAS,GAAGA,CAAC;EAAEC,YAAY;EAAEC,IAAI;EAAEC,QAAQ;EAAEC;AAAU,CAAC,KAC5DF,IAAI,gBACFN,MAAA,CAAAS,OAAA,CAAAC,aAAA;EACEC,IAAI,EAAC,QAAQ;EACbC,SAAS,EAAE,0DAA0DL,QAAQ,EAAG;EAChFM,OAAO,EAAER,YAAa;EACtB,cAAYG;AAAU,gBACtBR,MAAA,CAAAS,OAAA,CAAAC,aAAA;EACEE,SAAS,EAAE,gBAAgBL,QAAQ,KAAK,MAAM,GAAG,OAAO,GAAG,MAAM,EAAG;EACpE,eAAa,aAAaA,QAAQ;AAAG,CACtC,CACE,CAAC,GACJ,IAAI;AAEVH,SAAS,CAACU,SAAS,GAAG;EACpBT,YAAY,EAAEU,kBAAS,CAACC,IAAI,CAACC,UAAU;EACvCX,IAAI,EAAES,kBAAS,CAACG,IAAI,CAACD,UAAU;EAC/BV,QAAQ,EAAEQ,kBAAS,CAACI,MAAM,CAACF,UAAU;EACrCT,SAAS,EAAEO,kBAAS,CAACI,MAAM,CAACF;AAC9B,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAZ,OAAA,GAEaL,SAAS","ignoreList":[]}

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

@@ -4,22 +4,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 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");
+exports.default = void 0;
 var _dynamic = _interopRequireDefault(require("next/dynamic"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2["default"])(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var _default = exports["default"] = (0, _dynamic["default"])(function () {
-  return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require( /* webpackChunkName: "blazePbGlobalLightbox" */'./GlobalLightbox'));
-  });
-});
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+var _default = exports.default = (0, _dynamic.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('./GlobalLightbox'))));
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_dynamic","_interopRequireDefault","require","_getRequireWildcardCache","e","WeakMap","r","t","_interopRequireWildcard","__esModule","_typeof2","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_default","exports","dynamic","Promise","resolve","then"],"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,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAmC,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAI,wBAAAJ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,eAAAA,CAAA,oBAAAM,QAAA,aAAAN,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAI,GAAA,CAAAP,CAAA,UAAAG,CAAA,CAAAK,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAlB,CAAA,EAAAe,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,cAAAT,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAiB,GAAA,CAAApB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAAA,IAAAY,QAAA,GAAAC,OAAA,cAEpB,IAAAC,mBAAO,EAAC;EAAA,OAAAC,OAAA,CAAAC,OAAA,GAAAC,IAAA;IAAA,OAAAtB,uBAAA,CAAAN,OAAA,EACd,+CAAgD,kBAAkB;EAAA;AAAA,CAC3E,CAAC"}
+{"version":3,"file":"index.js","names":["_dynamic","_interopRequireDefault","require","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_default","exports","dynamic","Promise","resolve","then"],"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,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAmC,SAAAC,wBAAAC,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAH,uBAAA,YAAAA,CAAAC,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,IAAAkB,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEpB,IAAAW,gBAAO,EACpB,MAAAC,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAAzB,uBAAA,CAAAD,OAAA,CAA6D,kBAAkB,GACjF,CAAC","ignoreList":[]}