@blaze-cms/react-page-builder 0.141.0-core-styles.21 → 0.141.0-core-styles.23

package/lib/variants/ThumbnailCarousel/index.js

@@ -3,27 +3,39 @@
 require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.symbol.js");
 require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.object.to-string.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.object.to-string.js");
+require("core-js/modules/es.promise.js");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _ThumbnailCarousel = _interopRequireDefault(require("./ThumbnailCarousel"));
+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" != _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; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ThumbnailCarousel = {
   getSettings: function getSettings(componentSettings) {
     return _objectSpread({}, componentSettings);
   },
-  VariantComponent: _ThumbnailCarousel["default"]
+  VariantComponent: (0, _dynamic["default"])(function () {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require( /* webpackChunkName: "blazePbVariantThumbnailCarousel" */'./ThumbnailCarousel'));
+    });
+  })
 };
 var _default = exports["default"] = ThumbnailCarousel;
 //# sourceMappingURL=index.js.map

package/lib/variants/ThumbnailCarousel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_ThumbnailCarousel","_interopRequireDefault","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","ThumbnailCarousel","getSettings","componentSettings","VariantComponent","ThumbnailCarouselComponent","_default","exports"],"sources":["../../../src/variants/ThumbnailCarousel/index.js"],"sourcesContent":["import ThumbnailCarouselComponent from './ThumbnailCarousel';\n\nconst ThumbnailCarousel = {\n  getSettings: componentSettings => ({\n    ...componentSettings\n  }),\n  VariantComponent: ThumbnailCarouselComponent\n};\n\nexport default ThumbnailCarousel;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA6D,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAE7D,IAAMoB,iBAAiB,GAAG;EACxBC,WAAW,EAAE,SAAAA,YAAAC,iBAAiB;IAAA,OAAAV,aAAA,KACzBU,iBAAiB;EAAA,CACpB;EACFC,gBAAgB,EAAEC;AACpB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaN,iBAAiB"}
+{"version":3,"file":"index.js","names":["_dynamic","_interopRequireDefault","require","_getRequireWildcardCache","e","WeakMap","r","t","_interopRequireWildcard","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","ThumbnailCarousel","getSettings","componentSettings","VariantComponent","dynamic","Promise","resolve","then","_default","exports"],"sources":["../../../src/variants/ThumbnailCarousel/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst ThumbnailCarousel = {\n  getSettings: componentSettings => ({\n    ...componentSettings\n  }),\n  VariantComponent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVariantThumbnailCarousel\" */ './ThumbnailCarousel')\n  )\n};\n\nexport default ThumbnailCarousel;\n"],"mappings":"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"}

package/lib/variants/ThumbnailCarousel/useThumbnailCarousel.js

@@ -15,7 +15,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-require("core-js/modules/es.array.index-of.js");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -34,19 +33,24 @@ var useThumbnailCarousel = function useThumbnailCarousel(_ref) {
   var thumbnailsListRef = (0, _react.useRef)(null);
   var selectedImageId = imageIds[selectedImageIndex];
   var mainImageButtonClick = function mainImageButtonClick(next) {
+    var newIndex;
     if (next) {
       var isLast = imageIds.length - 1 === selectedImageIndex;
-      var newIndex = isLast ? 0 : selectedImageIndex + 1;
-      setSelectedImageIndex(newIndex);
+      newIndex = isLast ? 0 : selectedImageIndex + 1;
     } else {
       var isFirst = selectedImageIndex === 0;
-      var _newIndex = isFirst ? imageIds.length - 1 : selectedImageIndex - 1;
-      setSelectedImageIndex(_newIndex);
+      newIndex = isFirst ? imageIds.length - 1 : selectedImageIndex - 1;
     }
+    scrollToImage(newIndex);
   };
-  var thumbnailImageClick = function thumbnailImageClick(id) {
-    var newIndex = imageIds.indexOf(id);
-    if (newIndex !== -1) setSelectedImageIndex(newIndex);
+  var scrollToImage = function scrollToImage(newIndex) {
+    if (thumbnailsListRef.current && selectedImageIndex !== newIndex) {
+      thumbnailsListRef.current.scrollTo({
+        left: 150 * newIndex,
+        behavior: 'smooth'
+      });
+      setSelectedImageIndex(newIndex);
+    }
   };
   return _objectSpread(_objectSpread({}, props), {}, {
     imageIds: imageIds,
@@ -54,7 +58,7 @@ var useThumbnailCarousel = function useThumbnailCarousel(_ref) {
     selectedImageIndex: selectedImageIndex,
     thumbnailsListRef: thumbnailsListRef,
     priorityLimit: priorityLimit,
-    thumbnailImageClick: thumbnailImageClick,
+    scrollToImage: scrollToImage,
     mainImageButtonClick: mainImageButtonClick
   });
 };

package/lib/variants/ThumbnailCarousel/useThumbnailCarousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"useThumbnailCarousel.js","names":["_react","require","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","useThumbnailCarousel","_ref","imageIds","priorityLimit","props","_objectWithoutProperties2","_useState","useState","_useState2","_slicedToArray2","selectedImageIndex","setSelectedImageIndex","thumbnailsListRef","useRef","selectedImageId","mainImageButtonClick","next","isLast","newIndex","isFirst","thumbnailImageClick","id","indexOf","_default","exports"],"sources":["../../../src/variants/ThumbnailCarousel/useThumbnailCarousel.js"],"sourcesContent":["import { useState, useRef } from 'react';\n\nconst useThumbnailCarousel = ({ imageIds, priorityLimit, ...props }) => {\n  const [selectedImageIndex, setSelectedImageIndex] = useState(0);\n  const thumbnailsListRef = useRef(null);\n  const selectedImageId = imageIds[selectedImageIndex];\n\n  const mainImageButtonClick = next => {\n    if (next) {\n      const isLast = imageIds.length - 1 === selectedImageIndex;\n      const newIndex = isLast ? 0 : selectedImageIndex + 1;\n      setSelectedImageIndex(newIndex);\n    } else {\n      const isFirst = selectedImageIndex === 0;\n      const newIndex = isFirst ? imageIds.length - 1 : selectedImageIndex - 1;\n      setSelectedImageIndex(newIndex);\n    }\n  };\n\n  const thumbnailImageClick = id => {\n    const newIndex = imageIds.indexOf(id);\n    if (newIndex !== -1) setSelectedImageIndex(newIndex);\n  };\n\n  return {\n    ...props,\n    imageIds,\n    selectedImageId,\n    selectedImageIndex,\n    thumbnailsListRef,\n    priorityLimit,\n    thumbnailImageClick,\n    mainImageButtonClick\n  };\n};\n\nexport default useThumbnailCarousel;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAyC,IAAAC,SAAA;AAAA,SAAAC,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAEzC,IAAMoB,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAA8C;EAAA,IAAxCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IAAKC,KAAK,OAAAC,yBAAA,aAAAJ,IAAA,EAAAvB,SAAA;EAC/D,IAAA4B,SAAA,GAAoD,IAAAC,eAAQ,EAAC,CAAC,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAH,SAAA;IAAxDI,kBAAkB,GAAAF,UAAA;IAAEG,qBAAqB,GAAAH,UAAA;EAChD,IAAMI,iBAAiB,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EACtC,IAAMC,eAAe,GAAGZ,QAAQ,CAACQ,kBAAkB,CAAC;EAEpD,IAAMK,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAGC,IAAI,EAAI;IACnC,IAAIA,IAAI,EAAE;MACR,IAAMC,MAAM,GAAGf,QAAQ,CAACR,MAAM,GAAG,CAAC,KAAKgB,kBAAkB;MACzD,IAAMQ,QAAQ,GAAGD,MAAM,GAAG,CAAC,GAAGP,kBAAkB,GAAG,CAAC;MACpDC,qBAAqB,CAACO,QAAQ,CAAC;IACjC,CAAC,MAAM;MACL,IAAMC,OAAO,GAAGT,kBAAkB,KAAK,CAAC;MACxC,IAAMQ,SAAQ,GAAGC,OAAO,GAAGjB,QAAQ,CAACR,MAAM,GAAG,CAAC,GAAGgB,kBAAkB,GAAG,CAAC;MACvEC,qBAAqB,CAACO,SAAQ,CAAC;IACjC;EACF,CAAC;EAED,IAAME,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAGC,EAAE,EAAI;IAChC,IAAMH,QAAQ,GAAGhB,QAAQ,CAACoB,OAAO,CAACD,EAAE,CAAC;IACrC,IAAIH,QAAQ,KAAK,CAAC,CAAC,EAAEP,qBAAqB,CAACO,QAAQ,CAAC;EACtD,CAAC;EAED,OAAA1B,aAAA,CAAAA,aAAA,KACKY,KAAK;IACRF,QAAQ,EAARA,QAAQ;IACRY,eAAe,EAAfA,eAAe;IACfJ,kBAAkB,EAAlBA,kBAAkB;IAClBE,iBAAiB,EAAjBA,iBAAiB;IACjBT,aAAa,EAAbA,aAAa;IACbiB,mBAAmB,EAAnBA,mBAAmB;IACnBL,oBAAoB,EAApBA;EAAoB;AAExB,CAAC;AAAC,IAAAQ,QAAA,GAAAC,OAAA,cAEaxB,oBAAoB"}
+{"version":3,"file":"useThumbnailCarousel.js","names":["_react","require","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","useThumbnailCarousel","_ref","imageIds","priorityLimit","props","_objectWithoutProperties2","_useState","useState","_useState2","_slicedToArray2","selectedImageIndex","setSelectedImageIndex","thumbnailsListRef","useRef","selectedImageId","mainImageButtonClick","next","newIndex","isLast","isFirst","scrollToImage","current","scrollTo","left","behavior","_default","exports"],"sources":["../../../src/variants/ThumbnailCarousel/useThumbnailCarousel.js"],"sourcesContent":["import { useState, useRef } from 'react';\n\nconst useThumbnailCarousel = ({ imageIds, priorityLimit, ...props }) => {\n  const [selectedImageIndex, setSelectedImageIndex] = useState(0);\n  const thumbnailsListRef = useRef(null);\n  const selectedImageId = imageIds[selectedImageIndex];\n\n  const mainImageButtonClick = next => {\n    let newIndex;\n    if (next) {\n      const isLast = imageIds.length - 1 === selectedImageIndex;\n      newIndex = isLast ? 0 : selectedImageIndex + 1;\n    } else {\n      const isFirst = selectedImageIndex === 0;\n      newIndex = isFirst ? imageIds.length - 1 : selectedImageIndex - 1;\n    }\n    scrollToImage(newIndex);\n  };\n\n  const scrollToImage = newIndex => {\n    if (thumbnailsListRef.current && selectedImageIndex !== newIndex) {\n      thumbnailsListRef.current.scrollTo({\n        left: 150 * newIndex,\n        behavior: 'smooth'\n      });\n      setSelectedImageIndex(newIndex);\n    }\n  };\n\n  return {\n    ...props,\n    imageIds,\n    selectedImageId,\n    selectedImageIndex,\n    thumbnailsListRef,\n    priorityLimit,\n    scrollToImage,\n    mainImageButtonClick\n  };\n};\n\nexport default useThumbnailCarousel;\n"],"mappings":"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"}

package/lib/variants/index.js

@@ -6,8 +6,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _HeroImage = _interopRequireDefault(require("./HeroImage"));
+var _Infographic = _interopRequireDefault(require("./Infographic"));
+var _LongformGallery = _interopRequireDefault(require("./LongformGallery"));
+var _LongformRow = _interopRequireDefault(require("./LongformRow"));
+var _ParallaxImageTextRight = _interopRequireDefault(require("./ParallaxImageTextRight"));
 var _ThumbnailCarousel = _interopRequireDefault(require("./ThumbnailCarousel"));
 var _default = exports["default"] = {
+  heroImage: _HeroImage["default"],
+  infographic: _Infographic["default"],
+  longformGallery: _LongformGallery["default"],
+  longformRow: _LongformRow["default"],
+  parallaxImageTextRight: _ParallaxImageTextRight["default"],
   thumbnailCarousel: _ThumbnailCarousel["default"]
 };
 //# sourceMappingURL=index.js.map

package/lib/variants/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_ThumbnailCarousel","_interopRequireDefault","require","_default","exports","thumbnailCarousel"],"sources":["../../src/variants/index.js"],"sourcesContent":["import thumbnailCarousel from './ThumbnailCarousel';\n\nexport default {\n  thumbnailCarousel\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAoD,IAAAC,QAAA,GAAAC,OAAA,cAErC;EACbC,iBAAiB,EAAjBA;AACF,CAAC"}
+{"version":3,"file":"index.js","names":["_HeroImage","_interopRequireDefault","require","_Infographic","_LongformGallery","_LongformRow","_ParallaxImageTextRight","_ThumbnailCarousel","_default","exports","heroImage","infographic","longformGallery","longformRow","parallaxImageTextRight","thumbnailCarousel"],"sources":["../../src/variants/index.js"],"sourcesContent":["import heroImage from './HeroImage';\nimport infographic from './Infographic';\nimport longformGallery from './LongformGallery';\nimport longformRow from './LongformRow';\nimport parallaxImageTextRight from './ParallaxImageTextRight';\nimport thumbnailCarousel from './ThumbnailCarousel';\n\nexport default {\n  heroImage,\n  infographic,\n  longformGallery,\n  longformRow,\n  parallaxImageTextRight,\n  thumbnailCarousel\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,uBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,kBAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAoD,IAAAM,QAAA,GAAAC,OAAA,cAErC;EACbC,SAAS,EAATA,qBAAS;EACTC,WAAW,EAAXA,uBAAW;EACXC,eAAe,EAAfA,2BAAe;EACfC,WAAW,EAAXA,uBAAW;EACXC,sBAAsB,EAAtBA,kCAAsB;EACtBC,iBAAiB,EAAjBA;AACF,CAAC"}

package/lib-es/components/ContentGroup/ContentGroupTabs.js

@@ -6,9 +6,9 @@ import { TAB, TABS, SIDEPANEL, CONTENT_GROUP, PANEL } from './constants';
 const ContentGroupTabs = ({
   name,
   contentType,
-  modifier,
   groupSections,
-  sectionsData
+  sectionsData,
+  VariantComponent
 }) => {
   const router = useRouter();
   const [selectedTab, setSelectedTab] = useState(getActiveTab(sectionsData, ''));
@@ -23,13 +23,14 @@ const ContentGroupTabs = ({
     const activeTab = getActiveTab(sectionsData, asPath);
     if (activeTab !== selectedTab) setSelectedTab(activeTab);
   }, [asPath, sectionsData, selectedTab]);
+  const WrapperComponent = VariantComponent || 'div';
   return /*#__PURE__*/React.createElement("div", {
     className: mainDivClass
   }, /*#__PURE__*/React.createElement("ul", {
     className: contentGroupClass,
     role: "tablist",
     "aria-label": name
-  }, groupSections.map((groupSection, index) => {
+  }, groupSections.map((_, index) => {
     const [sectionName, sectioLabel] = sectionsData[index];
     const tabId = `${TAB}-${sectionName}`;
     const panelId = `${PANEL}-${sectionName}`;
@@ -58,11 +59,12 @@ const ContentGroupTabs = ({
     const tabId = `${TAB}-${sectionName}`;
     const panelId = `${PANEL}-${sectionName}`;
     if (selectedTab !== tabId) return null;
-    return /*#__PURE__*/React.createElement("div", {
-      id: sectionName,
+    return /*#__PURE__*/React.createElement(WrapperComponent, {
       key: panelId,
+      id: sectionName,
       className: sectionClass,
       role: "tabpanel",
+      tabId: tabId,
       "aria-labelledby": tabId
     }, groupSection);
   }));
@@ -70,12 +72,12 @@ const ContentGroupTabs = ({
 ContentGroupTabs.propTypes = {
   name: PropTypes.string.isRequired,
   contentType: PropTypes.string.isRequired,
-  modifier: PropTypes.string,
   groupSections: PropTypes.array.isRequired,
-  sectionsData: PropTypes.array.isRequired
+  sectionsData: PropTypes.array.isRequired,
+  VariantComponent: PropTypes.func
 };
 ContentGroupTabs.defaultProps = {
-  modifier: ''
+  VariantComponent: null
 };
 export default ContentGroupTabs;
 //# sourceMappingURL=ContentGroupTabs.js.map

package/lib-es/components/ContentGroup/ContentGroupTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentGroupTabs.js","names":["React","useState","useEffect","PropTypes","useRouter","getActiveTab","TAB","TABS","SIDEPANEL","CONTENT_GROUP","PANEL","ContentGroupTabs","name","contentType","modifier","groupSections","sectionsData","router","selectedTab","setSelectedTab","asPath","contentClassame","mainDivClass","contentGroupClass","sectionClass","activeTab","createElement","className","role","map","groupSection","index","sectionName","sectioLabel","tabId","panelId","isSelected","buttonClassName","id","key","type","onClick","baseUrl","split","newUrl","push","shallow","propTypes","string","isRequired","array","defaultProps"],"sources":["../../../src/components/ContentGroup/ContentGroupTabs.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { getActiveTab } from './helpers';\nimport { TAB, TABS, SIDEPANEL, CONTENT_GROUP, PANEL } from './constants';\n\nconst ContentGroupTabs = ({ name, contentType, modifier, groupSections, sectionsData }) => {\n  const router = useRouter();\n  const [selectedTab, setSelectedTab] = useState(getActiveTab(sectionsData, ''));\n  const { asPath } = router;\n  const contentClassame = contentType === TAB ? TABS : SIDEPANEL;\n  const mainDivClass = `${CONTENT_GROUP}-${contentClassame}`;\n  const contentGroupClass = `${CONTENT_GROUP}-${contentClassame}__buttons-wrapper`;\n  const sectionClass = `${CONTENT_GROUP}-${contentClassame}__content-section`;\n\n  useEffect(\n    () => {\n      const activeTab = getActiveTab(sectionsData, asPath);\n      if (activeTab !== selectedTab) setSelectedTab(activeTab);\n    },\n    [asPath, sectionsData, selectedTab]\n  );\n\n  return (\n    <div className={mainDivClass}>\n      <ul className={contentGroupClass} role=\"tablist\" aria-label={name}>\n        {groupSections.map((groupSection, index) => {\n          const [sectionName, sectioLabel] = sectionsData[index];\n          const tabId = `${TAB}-${sectionName}`;\n          const panelId = `${PANEL}-${sectionName}`;\n          const isSelected = selectedTab === tabId;\n          const buttonClassName = `${CONTENT_GROUP}-${contentClassame}__button${\n            isSelected ? '--is-active' : ''\n          }`;\n\n          return (\n            <button\n              id={tabId}\n              key={tabId}\n              className={buttonClassName}\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={isSelected}\n              aria-controls={panelId}\n              onClick={() => {\n                const baseUrl = asPath.split('#')[0];\n                const newUrl = `${baseUrl}#${sectionName}`;\n                if (asPath === newUrl) return;\n                router.push(`/Resolver`, newUrl, { shallow: true });\n                setSelectedTab(tabId);\n              }}>\n              {sectioLabel}\n            </button>\n          );\n        })}\n      </ul>\n      {groupSections.map((groupSection, index) => {\n        const [sectionName] = sectionsData[index];\n        const tabId = `${TAB}-${sectionName}`;\n        const panelId = `${PANEL}-${sectionName}`;\n        if (selectedTab !== tabId) return null;\n\n        return (\n          <div\n            id={sectionName}\n            key={panelId}\n            className={sectionClass}\n            role=\"tabpanel\"\n            aria-labelledby={tabId}>\n            {groupSection}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nContentGroupTabs.propTypes = {\n  name: PropTypes.string.isRequired,\n  contentType: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  groupSections: PropTypes.array.isRequired,\n  sectionsData: PropTypes.array.isRequired\n};\n\nContentGroupTabs.defaultProps = {\n  modifier: ''\n};\n\nexport default ContentGroupTabs;\n"],"mappings":"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"}
+{"version":3,"file":"ContentGroupTabs.js","names":["React","useState","useEffect","PropTypes","useRouter","getActiveTab","TAB","TABS","SIDEPANEL","CONTENT_GROUP","PANEL","ContentGroupTabs","name","contentType","groupSections","sectionsData","VariantComponent","router","selectedTab","setSelectedTab","asPath","contentClassame","mainDivClass","contentGroupClass","sectionClass","activeTab","WrapperComponent","createElement","className","role","map","_","index","sectionName","sectioLabel","tabId","panelId","isSelected","buttonClassName","id","key","type","onClick","baseUrl","split","newUrl","push","shallow","groupSection","propTypes","string","isRequired","array","func","defaultProps"],"sources":["../../../src/components/ContentGroup/ContentGroupTabs.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { getActiveTab } from './helpers';\nimport { TAB, TABS, SIDEPANEL, CONTENT_GROUP, PANEL } from './constants';\n\nconst ContentGroupTabs = ({ name, contentType, groupSections, sectionsData, VariantComponent }) => {\n  const router = useRouter();\n  const [selectedTab, setSelectedTab] = useState(getActiveTab(sectionsData, ''));\n  const { asPath } = router;\n  const contentClassame = contentType === TAB ? TABS : SIDEPANEL;\n  const mainDivClass = `${CONTENT_GROUP}-${contentClassame}`;\n  const contentGroupClass = `${CONTENT_GROUP}-${contentClassame}__buttons-wrapper`;\n  const sectionClass = `${CONTENT_GROUP}-${contentClassame}__content-section`;\n\n  useEffect(\n    () => {\n      const activeTab = getActiveTab(sectionsData, asPath);\n      if (activeTab !== selectedTab) setSelectedTab(activeTab);\n    },\n    [asPath, sectionsData, selectedTab]\n  );\n\n  const WrapperComponent = VariantComponent || 'div';\n\n  return (\n    <div className={mainDivClass}>\n      <ul className={contentGroupClass} role=\"tablist\" aria-label={name}>\n        {groupSections.map((_, index) => {\n          const [sectionName, sectioLabel] = sectionsData[index];\n          const tabId = `${TAB}-${sectionName}`;\n          const panelId = `${PANEL}-${sectionName}`;\n          const isSelected = selectedTab === tabId;\n          const buttonClassName = `${CONTENT_GROUP}-${contentClassame}__button${\n            isSelected ? '--is-active' : ''\n          }`;\n\n          return (\n            <button\n              id={tabId}\n              key={tabId}\n              className={buttonClassName}\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={isSelected}\n              aria-controls={panelId}\n              onClick={() => {\n                const baseUrl = asPath.split('#')[0];\n                const newUrl = `${baseUrl}#${sectionName}`;\n                if (asPath === newUrl) return;\n                router.push(`/Resolver`, newUrl, { shallow: true });\n                setSelectedTab(tabId);\n              }}>\n              {sectioLabel}\n            </button>\n          );\n        })}\n      </ul>\n      {groupSections.map((groupSection, index) => {\n        const [sectionName] = sectionsData[index];\n        const tabId = `${TAB}-${sectionName}`;\n        const panelId = `${PANEL}-${sectionName}`;\n        if (selectedTab !== tabId) return null;\n\n        return (\n          <WrapperComponent\n            key={panelId}\n            id={sectionName}\n            className={sectionClass}\n            role=\"tabpanel\"\n            tabId={tabId}\n            aria-labelledby={tabId}>\n            {groupSection}\n          </WrapperComponent>\n        );\n      })}\n    </div>\n  );\n};\n\nContentGroupTabs.propTypes = {\n  name: PropTypes.string.isRequired,\n  contentType: PropTypes.string.isRequired,\n  groupSections: PropTypes.array.isRequired,\n  sectionsData: PropTypes.array.isRequired,\n  VariantComponent: PropTypes.func\n};\n\nContentGroupTabs.defaultProps = {\n  VariantComponent: null\n};\n\nexport default ContentGroupTabs;\n"],"mappings":"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"}

package/lib-es/components/Video/providers/Default.js

@@ -1,29 +1,36 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Player } from 'video-react';
+import { VIDEO_WRAPPER_CLASS_NAME } from '../../../constants';
+
 // import 'video-react/styles/scss/video-react.scss';
 
 const Default = ({
   modifier,
   url,
-  autoplay
-}) => /*#__PURE__*/React.createElement(Player, {
+  autoplay,
+  loop
+}) => /*#__PURE__*/React.createElement("div", {
+  className: VIDEO_WRAPPER_CLASS_NAME
+}, /*#__PURE__*/React.createElement(Player, {
   className: modifier,
   preload: "none",
   autoPlay: autoplay,
+  loop: loop,
   muted: autoplay
 }, /*#__PURE__*/React.createElement("source", {
-  src: url,
-  type: "video/mp4"
-}));
+  src: url
+})));
 Default.propTypes = {
   url: PropTypes.string.isRequired,
   modifier: PropTypes.string,
-  autoplay: PropTypes.bool
+  autoplay: PropTypes.bool,
+  loop: PropTypes.bool
 };
 Default.defaultProps = {
   modifier: null,
-  autoplay: false
+  autoplay: false,
+  loop: false
 };
 export default Default;
 //# sourceMappingURL=Default.js.map

package/lib-es/components/Video/providers/Default.js.map

@@ -1 +1 @@
-{"version":3,"file":"Default.js","names":["React","PropTypes","Player","Default","modifier","url","autoplay","createElement","className","preload","autoPlay","muted","src","type","propTypes","string","isRequired","bool","defaultProps"],"sources":["../../../../src/components/Video/providers/Default.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Player } from 'video-react';\n// import 'video-react/styles/scss/video-react.scss';\n\nconst Default = ({ modifier, url, autoplay }) => (\n  <Player className={modifier} preload=\"none\" autoPlay={autoplay} muted={autoplay}>\n    <source src={url} type=\"video/mp4\" />\n  </Player>\n);\n\nDefault.propTypes = {\n  url: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  autoplay: PropTypes.bool\n};\n\nDefault.defaultProps = {\n  modifier: null,\n  autoplay: false\n};\n\nexport default Default;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,MAAM,QAAQ,aAAa;AACpC;;AAEA,MAAMC,OAAO,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,GAAG;EAAEC;AAAS,CAAC,kBAC1CN,KAAA,CAAAO,aAAA,CAACL,MAAM;EAACM,SAAS,EAAEJ,QAAS;EAACK,OAAO,EAAC,MAAM;EAACC,QAAQ,EAAEJ,QAAS;EAACK,KAAK,EAAEL;AAAS,gBAC9EN,KAAA,CAAAO,aAAA;EAAQK,GAAG,EAAEP,GAAI;EAACQ,IAAI,EAAC;AAAW,CAAE,CAC9B,CACT;AAEDV,OAAO,CAACW,SAAS,GAAG;EAClBT,GAAG,EAAEJ,SAAS,CAACc,MAAM,CAACC,UAAU;EAChCZ,QAAQ,EAAEH,SAAS,CAACc,MAAM;EAC1BT,QAAQ,EAAEL,SAAS,CAACgB;AACtB,CAAC;AAEDd,OAAO,CAACe,YAAY,GAAG;EACrBd,QAAQ,EAAE,IAAI;EACdE,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeH,OAAO"}
+{"version":3,"file":"Default.js","names":["React","PropTypes","Player","VIDEO_WRAPPER_CLASS_NAME","Default","modifier","url","autoplay","loop","createElement","className","preload","autoPlay","muted","src","propTypes","string","isRequired","bool","defaultProps"],"sources":["../../../../src/components/Video/providers/Default.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Player } from 'video-react';\nimport { VIDEO_WRAPPER_CLASS_NAME } from '../../../constants';\n\n// import 'video-react/styles/scss/video-react.scss';\n\nconst Default = ({ modifier, url, autoplay, loop }) => (\n  <div className={VIDEO_WRAPPER_CLASS_NAME}>\n    <Player className={modifier} preload=\"none\" autoPlay={autoplay} loop={loop} muted={autoplay}>\n      <source src={url} />\n    </Player>\n  </div>\n);\n\nDefault.propTypes = {\n  url: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  autoplay: PropTypes.bool,\n  loop: PropTypes.bool\n};\n\nDefault.defaultProps = {\n  modifier: null,\n  autoplay: false,\n  loop: false\n};\n\nexport default Default;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,wBAAwB,QAAQ,oBAAoB;;AAE7D;;AAEA,MAAMC,OAAO,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,GAAG;EAAEC,QAAQ;EAAEC;AAAK,CAAC,kBAChDR,KAAA,CAAAS,aAAA;EAAKC,SAAS,EAAEP;AAAyB,gBACvCH,KAAA,CAAAS,aAAA,CAACP,MAAM;EAACQ,SAAS,EAAEL,QAAS;EAACM,OAAO,EAAC,MAAM;EAACC,QAAQ,EAAEL,QAAS;EAACC,IAAI,EAAEA,IAAK;EAACK,KAAK,EAAEN;AAAS,gBAC1FP,KAAA,CAAAS,aAAA;EAAQK,GAAG,EAAER;AAAI,CAAE,CACb,CACL,CACN;AAEDF,OAAO,CAACW,SAAS,GAAG;EAClBT,GAAG,EAAEL,SAAS,CAACe,MAAM,CAACC,UAAU;EAChCZ,QAAQ,EAAEJ,SAAS,CAACe,MAAM;EAC1BT,QAAQ,EAAEN,SAAS,CAACiB,IAAI;EACxBV,IAAI,EAAEP,SAAS,CAACiB;AAClB,CAAC;AAEDd,OAAO,CAACe,YAAY,GAAG;EACrBd,QAAQ,EAAE,IAAI;EACdE,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAE;AACR,CAAC;AAED,eAAeJ,OAAO"}

package/lib-es/components/Video/providers/get-provider.js

@@ -3,7 +3,8 @@ const SUPPORTED_PROVIDERS = {
   youtube: dynamic(() => import( /* webpackChunkName: "blazePbVideoYouTube" */'./YouTube/YouTubeProvider')),
   JWPlayer: dynamic(() => import( /* webpackChunkName: "blazePbVideoJWPlayer" */'./JWPlayer/JWPlayerProvider')),
   vimeo: dynamic(() => import( /* webpackChunkName: "blazePbVideoVimeo" */'./Vimeo/VimeoProvider')),
-  default: dynamic(() => import( /* webpackChunkName: "blazePbVideoDefault" */'./Default'))
+  default: dynamic(() => import( /* webpackChunkName: "blazePbVideoDefault" */'./Default')),
+  html: dynamic(() => import( /* webpackChunkName: "blazePbVideoDefault" */'./Default'))
 };
 function getProvider(provider) {
   return SUPPORTED_PROVIDERS[provider] || SUPPORTED_PROVIDERS.default;

package/lib-es/components/Video/providers/get-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-provider.js","names":["dynamic","SUPPORTED_PROVIDERS","youtube","JWPlayer","vimeo","default","getProvider","provider"],"sources":["../../../../src/components/Video/providers/get-provider.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst SUPPORTED_PROVIDERS = {\n  youtube: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVideoYouTube\" */ './YouTube/YouTubeProvider')\n  ),\n  JWPlayer: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVideoJWPlayer\" */ './JWPlayer/JWPlayerProvider')\n  ),\n  vimeo: dynamic(() => import(/* webpackChunkName: \"blazePbVideoVimeo\" */ './Vimeo/VimeoProvider')),\n  default: dynamic(() => import(/* webpackChunkName: \"blazePbVideoDefault\" */ './Default'))\n};\n\nfunction getProvider(provider) {\n  return SUPPORTED_PROVIDERS[provider] || SUPPORTED_PROVIDERS.default;\n}\n\nexport default getProvider;\n"],"mappings":"AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,mBAAmB,GAAG;EAC1BC,OAAO,EAAEF,OAAO,CAAC,MACf,MAAM,EAAC,6CAA8C,2BAA2B,CAClF,CAAC;EACDG,QAAQ,EAAEH,OAAO,CAAC,MAChB,MAAM,EAAC,8CAA+C,6BAA6B,CACrF,CAAC;EACDI,KAAK,EAAEJ,OAAO,CAAC,MAAM,MAAM,EAAC,2CAA4C,uBAAuB,CAAC,CAAC;EACjGK,OAAO,EAAEL,OAAO,CAAC,MAAM,MAAM,EAAC,6CAA8C,WAAW,CAAC;AAC1F,CAAC;AAED,SAASM,WAAWA,CAACC,QAAQ,EAAE;EAC7B,OAAON,mBAAmB,CAACM,QAAQ,CAAC,IAAIN,mBAAmB,CAACI,OAAO;AACrE;AAEA,eAAeC,WAAW"}
+{"version":3,"file":"get-provider.js","names":["dynamic","SUPPORTED_PROVIDERS","youtube","JWPlayer","vimeo","default","html","getProvider","provider"],"sources":["../../../../src/components/Video/providers/get-provider.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst SUPPORTED_PROVIDERS = {\n  youtube: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVideoYouTube\" */ './YouTube/YouTubeProvider')\n  ),\n  JWPlayer: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVideoJWPlayer\" */ './JWPlayer/JWPlayerProvider')\n  ),\n  vimeo: dynamic(() => import(/* webpackChunkName: \"blazePbVideoVimeo\" */ './Vimeo/VimeoProvider')),\n  default: dynamic(() => import(/* webpackChunkName: \"blazePbVideoDefault\" */ './Default')),\n  html: dynamic(() => import(/* webpackChunkName: \"blazePbVideoDefault\" */ './Default'))\n};\n\nfunction getProvider(provider) {\n  return SUPPORTED_PROVIDERS[provider] || SUPPORTED_PROVIDERS.default;\n}\n\nexport default getProvider;\n"],"mappings":"AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,mBAAmB,GAAG;EAC1BC,OAAO,EAAEF,OAAO,CAAC,MACf,MAAM,EAAC,6CAA8C,2BAA2B,CAClF,CAAC;EACDG,QAAQ,EAAEH,OAAO,CAAC,MAChB,MAAM,EAAC,8CAA+C,6BAA6B,CACrF,CAAC;EACDI,KAAK,EAAEJ,OAAO,CAAC,MAAM,MAAM,EAAC,2CAA4C,uBAAuB,CAAC,CAAC;EACjGK,OAAO,EAAEL,OAAO,CAAC,MAAM,MAAM,EAAC,6CAA8C,WAAW,CAAC,CAAC;EACzFM,IAAI,EAAEN,OAAO,CAAC,MAAM,MAAM,EAAC,6CAA8C,WAAW,CAAC;AACvF,CAAC;AAED,SAASO,WAAWA,CAACC,QAAQ,EAAE;EAC7B,OAAOP,mBAAmB,CAACO,QAAQ,CAAC,IAAIP,mBAAmB,CAACI,OAAO;AACrE;AAEA,eAAeE,WAAW"}

package/lib-es/hooks/helpers/getVariant.js.map

@@ -1 +1 @@
-{"version":3,"file":"getVariant.js","names":["variantHandler","getVariant","settings","variant","VariantComponent","getSettings","get","variantSettings"],"sources":["../../../src/hooks/helpers/getVariant.js"],"sourcesContent":["import { variantHandler } from '../../utils';\n\nexport default function getVariant(settings) {\n  const { variant } = settings;\n  if (!variant) return [null, {}];\n  const { VariantComponent, getSettings } = variantHandler.get(variant) || {};\n  const variantSettings =\n    !!getSettings && typeof getSettings === 'function' ? getSettings(settings) : settings;\n\n  return [VariantComponent, variantSettings];\n}\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,aAAa;AAE5C,eAAe,SAASC,UAAUA,CAACC,QAAQ,EAAE;EAC3C,MAAM;IAAEC;EAAQ,CAAC,GAAGD,QAAQ;EAC5B,IAAI,CAACC,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;EAC/B,MAAM;IAAEC,gBAAgB;IAAEC;EAAY,CAAC,GAAGL,cAAc,CAACM,GAAG,CAACH,OAAO,CAAC,IAAI,CAAC,CAAC;EAC3E,MAAMI,eAAe,GACnB,CAAC,CAACF,WAAW,IAAI,OAAOA,WAAW,KAAK,UAAU,GAAGA,WAAW,CAACH,QAAQ,CAAC,GAAGA,QAAQ;EAEvF,OAAO,CAACE,gBAAgB,EAAEG,eAAe,CAAC;AAC5C"}
+{"version":3,"file":"getVariant.js","names":["variantHandler","getVariant","settings","variant","VariantComponent","getSettings","get","variantSettings"],"sources":["../../../src/hooks/helpers/getVariant.js"],"sourcesContent":["import { variantHandler } from '../../utils';\n\nexport default function getVariant(settings) {\n  const { variant } = settings;\n  if (!variant) return [null, {}];\n\n  const { VariantComponent, getSettings } = variantHandler.get(variant) || {};\n  const variantSettings =\n    !!getSettings && typeof getSettings === 'function' ? getSettings(settings) : settings;\n\n  return [VariantComponent, variantSettings];\n}\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,aAAa;AAE5C,eAAe,SAASC,UAAUA,CAACC,QAAQ,EAAE;EAC3C,MAAM;IAAEC;EAAQ,CAAC,GAAGD,QAAQ;EAC5B,IAAI,CAACC,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;EAE/B,MAAM;IAAEC,gBAAgB;IAAEC;EAAY,CAAC,GAAGL,cAAc,CAACM,GAAG,CAACH,OAAO,CAAC,IAAI,CAAC,CAAC;EAC3E,MAAMI,eAAe,GACnB,CAAC,CAACF,WAAW,IAAI,OAAOA,WAAW,KAAK,UAAU,GAAGA,WAAW,CAACH,QAAQ,CAAC,GAAGA,QAAQ;EAEvF,OAAO,CAACE,gBAAgB,EAAEG,eAAe,CAAC;AAC5C"}

package/lib-es/utils/variant-handler.js

@@ -13,7 +13,8 @@ function variantMapHandler() {
   }
   function validate(key, variant) {
     if (!key || !variant) throw new BlazeError('Variant requires key and component');
-    if (variants.has(key) && key !== 'array') throw new BlazeError(`Variant already exists`);
+    // eslint-disable-next-line no-console
+    if (variants.has(key) && key !== 'array') console.warn(`Variant already exists: ${key}`); // todo: restore error // throw new BlazeError(`Variant already exists: ${key}`);
   }
   return {
     add,

package/lib-es/utils/variant-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"variant-handler.js","names":["BlazeError","variantMapHandler","variants","Map","get","key","getAll","Array","from","entries","add","variant","validate","set","has","variantHandler"],"sources":["../../src/utils/variant-handler.js"],"sourcesContent":["import { BlazeError } from '@blaze-cms/core-errors';\n\nfunction variantMapHandler() {\n  const variants = new Map();\n\n  function get(key) {\n    return variants.get(key);\n  }\n\n  function getAll() {\n    return Array.from(variants.entries());\n  }\n\n  function add(key, variant) {\n    validate(key, variant);\n    variants.set(key, variant);\n  }\n\n  function validate(key, variant) {\n    if (!key || !variant) throw new BlazeError('Variant requires key and component');\n    if (variants.has(key) && key !== 'array') throw new BlazeError(`Variant already exists`);\n  }\n\n  return {\n    add,\n    get,\n    getAll\n  };\n}\n\nconst variantHandler = variantMapHandler();\n\nexport default variantHandler;\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,wBAAwB;AAEnD,SAASC,iBAAiBA,CAAA,EAAG;EAC3B,MAAMC,QAAQ,GAAG,IAAIC,GAAG,CAAC,CAAC;EAE1B,SAASC,GAAGA,CAACC,GAAG,EAAE;IAChB,OAAOH,QAAQ,CAACE,GAAG,CAACC,GAAG,CAAC;EAC1B;EAEA,SAASC,MAAMA,CAAA,EAAG;IAChB,OAAOC,KAAK,CAACC,IAAI,CAACN,QAAQ,CAACO,OAAO,CAAC,CAAC,CAAC;EACvC;EAEA,SAASC,GAAGA,CAACL,GAAG,EAAEM,OAAO,EAAE;IACzBC,QAAQ,CAACP,GAAG,EAAEM,OAAO,CAAC;IACtBT,QAAQ,CAACW,GAAG,CAACR,GAAG,EAAEM,OAAO,CAAC;EAC5B;EAEA,SAASC,QAAQA,CAACP,GAAG,EAAEM,OAAO,EAAE;IAC9B,IAAI,CAACN,GAAG,IAAI,CAACM,OAAO,EAAE,MAAM,IAAIX,UAAU,CAAC,oCAAoC,CAAC;IAChF,IAAIE,QAAQ,CAACY,GAAG,CAACT,GAAG,CAAC,IAAIA,GAAG,KAAK,OAAO,EAAE,MAAM,IAAIL,UAAU,CAAE,wBAAuB,CAAC;EAC1F;EAEA,OAAO;IACLU,GAAG;IACHN,GAAG;IACHE;EACF,CAAC;AACH;AAEA,MAAMS,cAAc,GAAGd,iBAAiB,CAAC,CAAC;AAE1C,eAAec,cAAc"}
+{"version":3,"file":"variant-handler.js","names":["BlazeError","variantMapHandler","variants","Map","get","key","getAll","Array","from","entries","add","variant","validate","set","has","console","warn","variantHandler"],"sources":["../../src/utils/variant-handler.js"],"sourcesContent":["import { BlazeError } from '@blaze-cms/core-errors';\n\nfunction variantMapHandler() {\n  const variants = new Map();\n\n  function get(key) {\n    return variants.get(key);\n  }\n\n  function getAll() {\n    return Array.from(variants.entries());\n  }\n\n  function add(key, variant) {\n    validate(key, variant);\n    variants.set(key, variant);\n  }\n\n  function validate(key, variant) {\n    if (!key || !variant) throw new BlazeError('Variant requires key and component');\n    // eslint-disable-next-line no-console\n    if (variants.has(key) && key !== 'array') console.warn(`Variant already exists: ${key}`); // todo: restore error // throw new BlazeError(`Variant already exists: ${key}`);\n  }\n\n  return {\n    add,\n    get,\n    getAll\n  };\n}\n\nconst variantHandler = variantMapHandler();\n\nexport default variantHandler;\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,wBAAwB;AAEnD,SAASC,iBAAiBA,CAAA,EAAG;EAC3B,MAAMC,QAAQ,GAAG,IAAIC,GAAG,CAAC,CAAC;EAE1B,SAASC,GAAGA,CAACC,GAAG,EAAE;IAChB,OAAOH,QAAQ,CAACE,GAAG,CAACC,GAAG,CAAC;EAC1B;EAEA,SAASC,MAAMA,CAAA,EAAG;IAChB,OAAOC,KAAK,CAACC,IAAI,CAACN,QAAQ,CAACO,OAAO,CAAC,CAAC,CAAC;EACvC;EAEA,SAASC,GAAGA,CAACL,GAAG,EAAEM,OAAO,EAAE;IACzBC,QAAQ,CAACP,GAAG,EAAEM,OAAO,CAAC;IACtBT,QAAQ,CAACW,GAAG,CAACR,GAAG,EAAEM,OAAO,CAAC;EAC5B;EAEA,SAASC,QAAQA,CAACP,GAAG,EAAEM,OAAO,EAAE;IAC9B,IAAI,CAACN,GAAG,IAAI,CAACM,OAAO,EAAE,MAAM,IAAIX,UAAU,CAAC,oCAAoC,CAAC;IAChF;IACA,IAAIE,QAAQ,CAACY,GAAG,CAACT,GAAG,CAAC,IAAIA,GAAG,KAAK,OAAO,EAAEU,OAAO,CAACC,IAAI,CAAE,2BAA0BX,GAAI,EAAC,CAAC,CAAC,CAAC;EAC5F;EAEA,OAAO;IACLK,GAAG;IACHN,GAAG;IACHE;EACF,CAAC;AACH;AAEA,MAAMW,cAAc,GAAGhB,iBAAiB,CAAC,CAAC;AAE1C,eAAegB,cAAc"}

package/lib-es/variants/HeroImage/index.js

@@ -0,0 +1,10 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+const HeroImage = {
+  getSettings: componentSettings => _objectSpread(_objectSpread({}, componentSettings), {}, {
+    modifier: 'hero-image'
+  })
+};
+export default HeroImage;
+//# sourceMappingURL=index.js.map

package/lib-es/variants/HeroImage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["HeroImage","getSettings","componentSettings","_objectSpread","modifier"],"sources":["../../../src/variants/HeroImage/index.js"],"sourcesContent":["const HeroImage = {\n  getSettings: componentSettings => ({\n    ...componentSettings,\n    modifier: 'hero-image'\n  })\n};\n\nexport default HeroImage;\n"],"mappings":";;;AAAA,MAAMA,SAAS,GAAG;EAChBC,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,CAAAA,aAAA,KACzBD,iBAAiB;IACpBE,QAAQ,EAAE;EAAY;AAE1B,CAAC;AAED,eAAeJ,SAAS"}

package/lib-es/variants/Infographic/Infographic.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import useInfographic from './useInfographic';
+const Infographic = props => {
+  const {
+    contentRef,
+    id,
+    className,
+    tabId,
+    children
+  } = useInfographic(props);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: contentRef,
+    id: id,
+    className: className,
+    role: "tabpanel",
+    "aria-labelledby": tabId
+  }, children);
+};
+export default Infographic;
+//# sourceMappingURL=Infographic.js.map

package/lib-es/variants/Infographic/Infographic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Infographic.js","names":["React","useInfographic","Infographic","props","contentRef","id","className","tabId","children","createElement","ref","role"],"sources":["../../../src/variants/Infographic/Infographic.js"],"sourcesContent":["import React from 'react';\nimport useInfographic from './useInfographic';\n\nconst Infographic = props => {\n  const { contentRef, id, className, tabId, children } = useInfographic(props);\n\n  return (\n    <div ref={contentRef} id={id} className={className} role=\"tabpanel\" aria-labelledby={tabId}>\n      {children}\n    </div>\n  );\n};\n\nexport default Infographic;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,cAAc,MAAM,kBAAkB;AAE7C,MAAMC,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAAEC,UAAU;IAAEC,EAAE;IAAEC,SAAS;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGP,cAAc,CAACE,KAAK,CAAC;EAE5E,oBACEH,KAAA,CAAAS,aAAA;IAAKC,GAAG,EAAEN,UAAW;IAACC,EAAE,EAAEA,EAAG;IAACC,SAAS,EAAEA,SAAU;IAACK,IAAI,EAAC,UAAU;IAAC,mBAAiBJ;EAAM,GACxFC,QACE,CAAC;AAEV,CAAC;AAED,eAAeN,WAAW"}

package/lib-es/variants/Infographic/index.js

@@ -0,0 +1,10 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import dynamic from 'next/dynamic';
+const Infographic = {
+  getSettings: componentSettings => _objectSpread({}, componentSettings),
+  VariantComponent: dynamic(() => import( /* webpackChunkName: "blazePbVariantInfographic" */'./Infographic'))
+};
+export default Infographic;
+//# sourceMappingURL=index.js.map

package/lib-es/variants/Infographic/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["dynamic","Infographic","getSettings","componentSettings","_objectSpread","VariantComponent"],"sources":["../../../src/variants/Infographic/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst Infographic = {\n  getSettings: componentSettings => ({\n    ...componentSettings\n  }),\n  VariantComponent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVariantInfographic\" */ './Infographic')\n  )\n};\n\nexport default Infographic;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,WAAW,GAAG;EAClBC,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,KACzBD,iBAAiB,CACpB;EACFE,gBAAgB,EAAEL,OAAO,CAAC,MACxB,MAAM,EAAC,mDAAoD,eAAe,CAC5E;AACF,CAAC;AAED,eAAeC,WAAW"}

package/lib-es/variants/Infographic/useInfographic.js

@@ -0,0 +1,23 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { useInView } from '@blaze-react/utils/lib/customHooks';
+const useInfographic = _ref => {
+  let {
+      className: _className
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const [isIntersecting, contentRef] = useInView({
+    once: true,
+    offset: '200px'
+  });
+  const className = `${_className} infographic${isIntersecting ? ' infographic__active' : ''}`;
+  return _objectSpread(_objectSpread({}, props), {}, {
+    className,
+    contentRef
+  });
+};
+export default useInfographic;
+//# sourceMappingURL=useInfographic.js.map

package/lib-es/variants/Infographic/useInfographic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInfographic.js","names":["useInView","useInfographic","_ref","className","_className","props","_objectWithoutProperties","_excluded","isIntersecting","contentRef","once","offset","_objectSpread"],"sources":["../../../src/variants/Infographic/useInfographic.js"],"sourcesContent":["import { useInView } from '@blaze-react/utils/lib/customHooks';\n\nconst useInfographic = ({ className: _className, ...props }) => {\n  const [isIntersecting, contentRef] = useInView({\n    once: true,\n    offset: '200px'\n  });\n\n  const className = `${_className} infographic${isIntersecting ? ' infographic__active' : ''}`;\n\n  return {\n    ...props,\n    className,\n    contentRef\n  };\n};\n\nexport default useInfographic;\n"],"mappings":";;;;;AAAA,SAASA,SAAS,QAAQ,oCAAoC;AAE9D,MAAMC,cAAc,GAAGC,IAAA,IAAyC;EAAA,IAAxC;MAAEC,SAAS,EAAEC;IAAqB,CAAC,GAAAF,IAAA;IAAPG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACvD,MAAM,CAACC,cAAc,EAAEC,UAAU,CAAC,GAAGT,SAAS,CAAC;IAC7CU,IAAI,EAAE,IAAI;IACVC,MAAM,EAAE;EACV,CAAC,CAAC;EAEF,MAAMR,SAAS,GAAI,GAAEC,UAAW,eAAcI,cAAc,GAAG,sBAAsB,GAAG,EAAG,EAAC;EAE5F,OAAAI,aAAA,CAAAA,aAAA,KACKP,KAAK;IACRF,SAAS;IACTM;EAAU;AAEd,CAAC;AAED,eAAeR,cAAc"}

package/lib-es/variants/LongformGallery/LongformGallery.js

@@ -0,0 +1,40 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { withTitle } from '../../HOC';
+import useLongformGallery from './useLongformGallery';
+import LongformGalleryImage from './LongformGalleryImage';
+const LongformGallery = props => {
+  const {
+    loading,
+    error,
+    groupedImages,
+    shouldDisplayCaption,
+    caption,
+    handleImageOnClick
+  } = useLongformGallery(props);
+  if (loading || error || !groupedImages.length) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "longform-gallery",
+    "data-testid": "longform-gallery"
+  }, groupedImages.map((imageGroup, i) =>
+  /*#__PURE__*/
+  // eslint-disable-next-line react/no-array-index-key
+  React.createElement("div", {
+    key: i,
+    "data-testid": "grouped-images",
+    className: "longform-gallery__images"
+  }, imageGroup.map(secondaryImage => /*#__PURE__*/React.createElement(LongformGalleryImage, _extends({
+    key: secondaryImage.id
+  }, secondaryImage, {
+    numberOfImages: imageGroup.length,
+    className: imageGroup.length > 2 ? 'longform-gallery__images__image secondary-image' : 'longform-gallery__images__image main-image',
+    handleImageOnClick: handleImageOnClick
+  }))))), shouldDisplayCaption && /*#__PURE__*/React.createElement("div", {
+    className: "carousel__details",
+    "data-testid": "carousel-details"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "caption"
+  }, caption)));
+};
+export default withTitle(LongformGallery);
+//# sourceMappingURL=LongformGallery.js.map

package/lib-es/variants/LongformGallery/LongformGallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LongformGallery.js","names":["React","withTitle","useLongformGallery","LongformGalleryImage","LongformGallery","props","loading","error","groupedImages","shouldDisplayCaption","caption","handleImageOnClick","length","createElement","className","map","imageGroup","i","key","secondaryImage","_extends","id","numberOfImages"],"sources":["../../../src/variants/LongformGallery/LongformGallery.js"],"sourcesContent":["import React from 'react';\nimport { withTitle } from '../../HOC';\nimport useLongformGallery from './useLongformGallery';\nimport LongformGalleryImage from './LongformGalleryImage';\n\nconst LongformGallery = props => {\n  const {\n    loading,\n    error,\n    groupedImages,\n    shouldDisplayCaption,\n    caption,\n    handleImageOnClick\n  } = useLongformGallery(props);\n\n  if (loading || error || !groupedImages.length) return null;\n\n  return (\n    <div className=\"longform-gallery\" data-testid=\"longform-gallery\">\n      {groupedImages.map((imageGroup, i) => (\n        // eslint-disable-next-line react/no-array-index-key\n        <div key={i} data-testid=\"grouped-images\" className=\"longform-gallery__images\">\n          {imageGroup.map(secondaryImage => (\n            <LongformGalleryImage\n              key={secondaryImage.id}\n              {...secondaryImage}\n              numberOfImages={imageGroup.length}\n              className={\n                imageGroup.length > 2\n                  ? 'longform-gallery__images__image secondary-image'\n                  : 'longform-gallery__images__image main-image'\n              }\n              handleImageOnClick={handleImageOnClick}\n            />\n          ))}\n        </div>\n      ))}\n      {shouldDisplayCaption && (\n        <div className=\"carousel__details\" data-testid=\"carousel-details\">\n          <div className=\"caption\">{caption}</div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default withTitle(LongformGallery);\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,WAAW;AACrC,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,OAAOC,oBAAoB,MAAM,wBAAwB;AAEzD,MAAMC,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IACJC,OAAO;IACPC,KAAK;IACLC,aAAa;IACbC,oBAAoB;IACpBC,OAAO;IACPC;EACF,CAAC,GAAGT,kBAAkB,CAACG,KAAK,CAAC;EAE7B,IAAIC,OAAO,IAAIC,KAAK,IAAI,CAACC,aAAa,CAACI,MAAM,EAAE,OAAO,IAAI;EAE1D,oBACEZ,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAC,kBAAkB;IAAC,eAAY;EAAkB,GAC7DN,aAAa,CAACO,GAAG,CAAC,CAACC,UAAU,EAAEC,CAAC;EAAA;EAC/B;EACAjB,KAAA,CAAAa,aAAA;IAAKK,GAAG,EAAED,CAAE;IAAC,eAAY,gBAAgB;IAACH,SAAS,EAAC;EAA0B,GAC3EE,UAAU,CAACD,GAAG,CAACI,cAAc,iBAC5BnB,KAAA,CAAAa,aAAA,CAACV,oBAAoB,EAAAiB,QAAA;IACnBF,GAAG,EAAEC,cAAc,CAACE;EAAG,GACnBF,cAAc;IAClBG,cAAc,EAAEN,UAAU,CAACJ,MAAO;IAClCE,SAAS,EACPE,UAAU,CAACJ,MAAM,GAAG,CAAC,GACjB,iDAAiD,GACjD,4CACL;IACDD,kBAAkB,EAAEA;EAAmB,EACxC,CACF,CACE,CACN,CAAC,EACDF,oBAAoB,iBACnBT,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAC,mBAAmB;IAAC,eAAY;EAAkB,gBAC/Dd,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAC;EAAS,GAAEJ,OAAa,CACpC,CAEJ,CAAC;AAEV,CAAC;AAED,eAAeT,SAAS,CAACG,eAAe,CAAC"}

package/lib-es/variants/LongformGallery/LongformGalleryImage.js

@@ -0,0 +1,59 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["id", "url", "caption", "altText", "priority", "className", "numberOfImages", "handleImageOnClick"];
+import React from 'react';
+import PropTypes from 'prop-types';
+import Head from 'next/head';
+import { useInView } from '@blaze-react/utils/lib/customHooks';
+import { ResponsiveImage } from '@blaze-cms/image-cdn-react';
+import { IN_VIEW_CONFIG } from './constants';
+const LongformGalleryImage = _ref => {
+  let {
+      id,
+      url,
+      caption,
+      altText,
+      priority,
+      className,
+      numberOfImages,
+      handleImageOnClick
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);
+  const shouldRender = priority || isIntersecting;
+  const HeadComponent = priority ? Head : null;
+  const sizeKey = `carousel:longform:${numberOfImages}`;
+  return /*#__PURE__*/React.createElement("div", {
+    ref: outerRef,
+    className: `${className}`
+  }, /*#__PURE__*/React.createElement("div", {
+    role: "button",
+    className: "longform-gallery__images__image__container",
+    "data-testid": "longform-gallery__images__image__container",
+    onClick: () => handleImageOnClick(id)
+  }, shouldRender && /*#__PURE__*/React.createElement(ResponsiveImage, _extends({
+    sizeKey: sizeKey,
+    role: "button",
+    src: url,
+    alt: altText,
+    priority: priority,
+    HeadComponent: HeadComponent
+  }, props))), !!caption && /*#__PURE__*/React.createElement("div", {
+    className: "longform-gallery__images__image__details",
+    "data-testid": "longform-gallery__images__image__details"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "longform-gallery__images__image__details__caption"
+  }, caption)));
+};
+LongformGalleryImage.propTypes = {
+  id: PropTypes.string.isRequired,
+  url: PropTypes.string.isRequired,
+  caption: PropTypes.string.isRequired,
+  numberOfImages: PropTypes.number.isRequired,
+  altText: PropTypes.string.isRequired,
+  priority: PropTypes.bool.isRequired,
+  className: PropTypes.string.isRequired,
+  handleImageOnClick: PropTypes.func.isRequired
+};
+export default LongformGalleryImage;
+//# sourceMappingURL=LongformGalleryImage.js.map

package/lib-es/variants/LongformGallery/LongformGalleryImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LongformGalleryImage.js","names":["React","PropTypes","Head","useInView","ResponsiveImage","IN_VIEW_CONFIG","LongformGalleryImage","_ref","id","url","caption","altText","priority","className","numberOfImages","handleImageOnClick","props","_objectWithoutProperties","_excluded","isIntersecting","outerRef","shouldRender","HeadComponent","sizeKey","createElement","ref","role","onClick","_extends","src","alt","propTypes","string","isRequired","number","bool","func"],"sources":["../../../src/variants/LongformGallery/LongformGalleryImage.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Head from 'next/head';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport { IN_VIEW_CONFIG } from './constants';\n\nconst LongformGalleryImage = ({\n  id,\n  url,\n  caption,\n  altText,\n  priority,\n  className,\n  numberOfImages,\n  handleImageOnClick,\n  ...props\n}) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n  const shouldRender = priority || isIntersecting;\n  const HeadComponent = priority ? Head : null;\n  const sizeKey = `carousel:longform:${numberOfImages}`;\n\n  return (\n    <div ref={outerRef} className={`${className}`}>\n      <div\n        role=\"button\"\n        className=\"longform-gallery__images__image__container\"\n        data-testid=\"longform-gallery__images__image__container\"\n        onClick={() => handleImageOnClick(id)}>\n        {shouldRender && (\n          <ResponsiveImage\n            sizeKey={sizeKey}\n            role=\"button\"\n            src={url}\n            alt={altText}\n            priority={priority}\n            HeadComponent={HeadComponent}\n            {...props}\n          />\n        )}\n      </div>\n      {!!caption && (\n        <div\n          className=\"longform-gallery__images__image__details\"\n          data-testid=\"longform-gallery__images__image__details\">\n          <div className=\"longform-gallery__images__image__details__caption\">{caption}</div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nLongformGalleryImage.propTypes = {\n  id: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  caption: PropTypes.string.isRequired,\n  numberOfImages: PropTypes.number.isRequired,\n  altText: PropTypes.string.isRequired,\n  priority: PropTypes.bool.isRequired,\n  className: PropTypes.string.isRequired,\n  handleImageOnClick: PropTypes.func.isRequired\n};\n\nexport default LongformGalleryImage;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,WAAW;AAC5B,SAASC,SAAS,QAAQ,oCAAoC;AAC9D,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,cAAc,QAAQ,aAAa;AAE5C,MAAMC,oBAAoB,GAAGC,IAAA,IAUvB;EAAA,IAVwB;MAC5BC,EAAE;MACFC,GAAG;MACHC,OAAO;MACPC,OAAO;MACPC,QAAQ;MACRC,SAAS;MACTC,cAAc;MACdC;IAEF,CAAC,GAAAR,IAAA;IADIS,KAAK,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA;EAER,MAAM,CAACC,cAAc,EAAEC,QAAQ,CAAC,GAAGjB,SAAS,CAACE,cAAc,CAAC;EAC5D,MAAMgB,YAAY,GAAGT,QAAQ,IAAIO,cAAc;EAC/C,MAAMG,aAAa,GAAGV,QAAQ,GAAGV,IAAI,GAAG,IAAI;EAC5C,MAAMqB,OAAO,GAAI,qBAAoBT,cAAe,EAAC;EAErD,oBACEd,KAAA,CAAAwB,aAAA;IAAKC,GAAG,EAAEL,QAAS;IAACP,SAAS,EAAG,GAAEA,SAAU;EAAE,gBAC5Cb,KAAA,CAAAwB,aAAA;IACEE,IAAI,EAAC,QAAQ;IACbb,SAAS,EAAC,4CAA4C;IACtD,eAAY,4CAA4C;IACxDc,OAAO,EAAEA,CAAA,KAAMZ,kBAAkB,CAACP,EAAE;EAAE,GACrCa,YAAY,iBACXrB,KAAA,CAAAwB,aAAA,CAACpB,eAAe,EAAAwB,QAAA;IACdL,OAAO,EAAEA,OAAQ;IACjBG,IAAI,EAAC,QAAQ;IACbG,GAAG,EAAEpB,GAAI;IACTqB,GAAG,EAAEnB,OAAQ;IACbC,QAAQ,EAAEA,QAAS;IACnBU,aAAa,EAAEA;EAAc,GACzBN,KAAK,CACV,CAEA,CAAC,EACL,CAAC,CAACN,OAAO,iBACRV,KAAA,CAAAwB,aAAA;IACEX,SAAS,EAAC,0CAA0C;IACpD,eAAY;EAA0C,gBACtDb,KAAA,CAAAwB,aAAA;IAAKX,SAAS,EAAC;EAAmD,GAAEH,OAAa,CAC9E,CAEJ,CAAC;AAEV,CAAC;AAEDJ,oBAAoB,CAACyB,SAAS,GAAG;EAC/BvB,EAAE,EAAEP,SAAS,CAAC+B,MAAM,CAACC,UAAU;EAC/BxB,GAAG,EAAER,SAAS,CAAC+B,MAAM,CAACC,UAAU;EAChCvB,OAAO,EAAET,SAAS,CAAC+B,MAAM,CAACC,UAAU;EACpCnB,cAAc,EAAEb,SAAS,CAACiC,MAAM,CAACD,UAAU;EAC3CtB,OAAO,EAAEV,SAAS,CAAC+B,MAAM,CAACC,UAAU;EACpCrB,QAAQ,EAAEX,SAAS,CAACkC,IAAI,CAACF,UAAU;EACnCpB,SAAS,EAAEZ,SAAS,CAAC+B,MAAM,CAACC,UAAU;EACtClB,kBAAkB,EAAEd,SAAS,CAACmC,IAAI,CAACH;AACrC,CAAC;AAED,eAAe3B,oBAAoB"}