@blaze-cms/react-page-builder 0.141.0-core-styles.1 → 0.141.0-core-variants.0

package/CHANGELOG.md

@@ -3,53 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# [0.141.0-core-styles.1](https://github.com/thebyte9/blaze/compare/v0.141.0-core-styles.0...v0.141.0-core-styles.1) (2024-03-15)
-
-
-### Features
-
-* use classic pagination in the listing ([#4148](https://github.com/thebyte9/blaze/issues/4148)) ([4b96d20](https://github.com/thebyte9/blaze/commit/4b96d20b288bc75a16a93c950ae951e84e5f2055))
-
-
+# [0.141.0-core-variants.0](https://github.com/thebyte9/blaze/compare/v0.140.1...v0.141.0-core-variants.0) (2024-03-26)
 
 
+### Bug Fixes
 
-# [0.141.0-core-styles.0](https://github.com/thebyte9/blaze/compare/v0.140.2-core-styles.1...v0.141.0-core-styles.0) (2024-03-08)
+* addressed missing styles for parallax image right ([dbf4281](https://github.com/thebyte9/blaze/commit/dbf42813ef8acf007451518b77f8572b17b63174))
+* adds style fixes to admin ([696ff96](https://github.com/thebyte9/blaze/commit/696ff96fb9ad36e4b1b09a80af21d1c846475405))
+* fixed lint ([618286f](https://github.com/thebyte9/blaze/commit/618286f8410d0cb0ce9ee8de940cbf92e4096c11))
+* fixed tests ([0b63e67](https://github.com/thebyte9/blaze/commit/0b63e67fd80183aa1b4691495edc01eb3675310f))
+* fixed unresolved paths ([7b04d5b](https://github.com/thebyte9/blaze/commit/7b04d5b2a970bf55752486faf66bf83d977c85c3))
+* fixed wrong paths ([d69e71b](https://github.com/thebyte9/blaze/commit/d69e71bf0e59aa84cf1a8e6b41062d2bc12c757b))
+* wip ([6692604](https://github.com/thebyte9/blaze/commit/6692604231971e82dbba1139ff725186cda54eac))
 
 
 ### Features
 
+* added core variants to blaze ([8c62b62](https://github.com/thebyte9/blaze/commit/8c62b62909f78adc84158b9efc01d5b25bfcec6b))
+* added infographic mock ([bd461fd](https://github.com/thebyte9/blaze/commit/bd461fdaccfe860e98b1bf29e771bce219d77c32))
 * page builder component app event hook ([#4290](https://github.com/thebyte9/blaze/issues/4290)) ([f97ae66](https://github.com/thebyte9/blaze/commit/f97ae66eb03aff3837f67e089334ba4128f50081))
 
 
 
-## [0.140.1](https://github.com/thebyte9/blaze/compare/v0.140.1-alpha.0...v0.140.1) (2024-03-04)
-
-
-
-## [0.140.1-alpha.0](https://github.com/thebyte9/blaze/compare/v0.140.0...v0.140.1-alpha.0) (2024-03-04)
-
-
-
-
-
-## [0.140.2-core-styles.1](https://github.com/thebyte9/blaze/compare/v0.140.2-core-styles.0...v0.140.2-core-styles.1) (2024-03-07)
-
-**Note:** Version bump only for package @blaze-cms/react-page-builder
-
-
-
-
-
-## [0.140.2-core-styles.0](https://github.com/thebyte9/blaze/compare/v0.140.0...v0.140.2-core-styles.0) (2024-03-06)
-
-
-### Bug Fixes
-
-* added prefix_length to fuzzy querys ([#4278](https://github.com/thebyte9/blaze/issues/4278)) ([887cc4f](https://github.com/thebyte9/blaze/commit/887cc4f5b669cbe3c597cd8cd9bf050e30767b47))
-
-
-
 
 
 ## [0.140.1](https://github.com/thebyte9/blaze/compare/v0.140.1-alpha.0...v0.140.1) (2024-03-04)

package/lib/components/ContentGroup/ContentGroupTabs.js

@@ -27,9 +27,9 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var ContentGroupTabs = function ContentGroupTabs(_ref) {
   var name = _ref.name,
     contentType = _ref.contentType,
-    modifier = _ref.modifier,
     groupSections = _ref.groupSections,
-    sectionsData = _ref.sectionsData;
+    sectionsData = _ref.sectionsData,
+    VariantComponent = _ref.VariantComponent;
   var router = (0, _router.useRouter)();
   var _useState = (0, _react.useState)((0, _helpers.getActiveTab)(sectionsData, '')),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -44,13 +44,14 @@ var ContentGroupTabs = function ContentGroupTabs(_ref) {
     var activeTab = (0, _helpers.getActiveTab)(sectionsData, asPath);
     if (activeTab !== selectedTab) setSelectedTab(activeTab);
   }, [asPath, sectionsData, selectedTab]);
+  var WrapperComponent = VariantComponent || 'div';
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: mainDivClass
   }, /*#__PURE__*/_react["default"].createElement("ul", {
     className: contentGroupClass,
     role: "tablist",
     "aria-label": name
-  }, groupSections.map(function (groupSection, index) {
+  }, groupSections.map(function (_, index) {
     var _sectionsData$index = (0, _slicedToArray2["default"])(sectionsData[index], 2),
       sectionName = _sectionsData$index[0],
       sectioLabel = _sectionsData$index[1];
@@ -82,11 +83,12 @@ var ContentGroupTabs = function ContentGroupTabs(_ref) {
     var tabId = "".concat(_constants.TAB, "-").concat(sectionName);
     var panelId = "".concat(_constants.PANEL, "-").concat(sectionName);
     if (selectedTab !== tabId) return null;
-    return /*#__PURE__*/_react["default"].createElement("div", {
-      id: sectionName,
+    return /*#__PURE__*/_react["default"].createElement(WrapperComponent, {
       key: panelId,
+      id: sectionName,
       className: sectionClass,
       role: "tabpanel",
+      tabId: tabId,
       "aria-labelledby": tabId
     }, groupSection);
   }));
@@ -94,12 +96,12 @@ var ContentGroupTabs = function ContentGroupTabs(_ref) {
 ContentGroupTabs.propTypes = {
   name: _propTypes["default"].string.isRequired,
   contentType: _propTypes["default"].string.isRequired,
-  modifier: _propTypes["default"].string,
   groupSections: _propTypes["default"].array.isRequired,
-  sectionsData: _propTypes["default"].array.isRequired
+  sectionsData: _propTypes["default"].array.isRequired,
+  VariantComponent: _propTypes["default"].func
 };
 ContentGroupTabs.defaultProps = {
-  modifier: ''
+  VariantComponent: null
 };
 var _default = exports["default"] = ContentGroupTabs;
 //# sourceMappingURL=ContentGroupTabs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContentGroupTabs.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_router","_helpers","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ContentGroupTabs","_ref","name","contentType","modifier","groupSections","sectionsData","router","useRouter","_useState","useState","getActiveTab","_useState2","_slicedToArray2","selectedTab","setSelectedTab","asPath","contentClassame","TAB","TABS","SIDEPANEL","mainDivClass","concat","CONTENT_GROUP","contentGroupClass","sectionClass","useEffect","activeTab","createElement","className","role","map","groupSection","index","_sectionsData$index","sectionName","sectioLabel","tabId","panelId","PANEL","isSelected","buttonClassName","id","key","type","onClick","baseUrl","split","newUrl","push","shallow","_sectionsData$index2","propTypes","PropTypes","string","isRequired","array","defaultProps","_default","exports"],"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","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_router","_helpers","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ContentGroupTabs","_ref","name","contentType","groupSections","sectionsData","VariantComponent","router","useRouter","_useState","useState","getActiveTab","_useState2","_slicedToArray2","selectedTab","setSelectedTab","asPath","contentClassame","TAB","TABS","SIDEPANEL","mainDivClass","concat","CONTENT_GROUP","contentGroupClass","sectionClass","useEffect","activeTab","WrapperComponent","createElement","className","role","map","_","index","_sectionsData$index","sectionName","sectioLabel","tabId","panelId","PANEL","isSelected","buttonClassName","id","key","type","onClick","baseUrl","split","newUrl","push","shallow","groupSection","_sectionsData$index2","propTypes","PropTypes","string","isRequired","array","func","defaultProps","_default","exports"],"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/hooks/helpers/getVariant.js.map

@@ -1 +1 @@
-{"version":3,"file":"getVariant.js","names":["_utils","require","getVariant","settings","variant","_ref","variantHandler","get","VariantComponent","getSettings","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,IAAAA,MAAA,GAAAC,OAAA;AAEe,SAASC,UAAUA,CAACC,QAAQ,EAAE;EAC3C,IAAQC,OAAO,GAAKD,QAAQ,CAApBC,OAAO;EACf,IAAI,CAACA,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;EAC/B,IAAAC,IAAA,GAA0CC,qBAAc,CAACC,GAAG,CAACH,OAAO,CAAC,IAAI,CAAC,CAAC;IAAnEI,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;IAAEC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;EACrC,IAAMC,eAAe,GACnB,CAAC,CAACD,WAAW,IAAI,OAAOA,WAAW,KAAK,UAAU,GAAGA,WAAW,CAACN,QAAQ,CAAC,GAAGA,QAAQ;EAEvF,OAAO,CAACK,gBAAgB,EAAEE,eAAe,CAAC;AAC5C"}
+{"version":3,"file":"getVariant.js","names":["_utils","require","getVariant","settings","variant","_ref","variantHandler","get","VariantComponent","getSettings","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,IAAAA,MAAA,GAAAC,OAAA;AAEe,SAASC,UAAUA,CAACC,QAAQ,EAAE;EAC3C,IAAQC,OAAO,GAAKD,QAAQ,CAApBC,OAAO;EACf,IAAI,CAACA,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;EAE/B,IAAAC,IAAA,GAA0CC,qBAAc,CAACC,GAAG,CAACH,OAAO,CAAC,IAAI,CAAC,CAAC;IAAnEI,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;IAAEC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;EACrC,IAAMC,eAAe,GACnB,CAAC,CAACD,WAAW,IAAI,OAAOA,WAAW,KAAK,UAAU,GAAGA,WAAW,CAACN,QAAQ,CAAC,GAAGA,QAAQ;EAEvF,OAAO,CAACK,gBAAgB,EAAEE,eAAe,CAAC;AAC5C"}

package/lib/variants/HeroImage/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+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");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@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) { (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 HeroImage = {
+  getSettings: function getSettings(componentSettings) {
+    return _objectSpread(_objectSpread({}, componentSettings), {}, {
+      modifier: 'hero-image'
+    });
+  }
+};
+var _default = exports["default"] = HeroImage;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["HeroImage","getSettings","componentSettings","_objectSpread","modifier","_default","exports"],"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,IAAMA,SAAS,GAAG;EAChBC,WAAW,EAAE,SAAAA,YAAAC,iBAAiB;IAAA,OAAAC,aAAA,CAAAA,aAAA,KACzBD,iBAAiB;MACpBE,QAAQ,EAAE;IAAY;EAAA;AAE1B,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaN,SAAS"}

package/lib/variants/Infographic/Infographic.js

@@ -0,0 +1,27 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _useInfographic2 = _interopRequireDefault(require("./useInfographic"));
+var Infographic = function Infographic(props) {
+  var _useInfographic = (0, _useInfographic2["default"])(props),
+    contentRef = _useInfographic.contentRef,
+    id = _useInfographic.id,
+    className = _useInfographic.className,
+    tabId = _useInfographic.tabId,
+    children = _useInfographic.children;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    ref: contentRef,
+    id: id,
+    className: className,
+    role: "tabpanel",
+    "aria-labelledby": tabId
+  }, children);
+};
+var _default = exports["default"] = Infographic;
+//# sourceMappingURL=Infographic.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Infographic.js","names":["_react","_interopRequireDefault","require","_useInfographic2","Infographic","props","_useInfographic","useInfographic","contentRef","id","className","tabId","children","createElement","ref","role","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAME,WAAW,GAAG,SAAdA,WAAWA,CAAGC,KAAK,EAAI;EAC3B,IAAAC,eAAA,GAAuD,IAAAC,2BAAc,EAACF,KAAK,CAAC;IAApEG,UAAU,GAAAF,eAAA,CAAVE,UAAU;IAAEC,EAAE,GAAAH,eAAA,CAAFG,EAAE;IAAEC,SAAS,GAAAJ,eAAA,CAATI,SAAS;IAAEC,KAAK,GAAAL,eAAA,CAALK,KAAK;IAAEC,QAAQ,GAAAN,eAAA,CAARM,QAAQ;EAElD,oBACEZ,MAAA,YAAAa,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;AAAC,IAAAI,QAAA,GAAAC,OAAA,cAEab,WAAW"}

package/lib/variants/Infographic/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+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");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _Infographic = _interopRequireDefault(require("./Infographic"));
+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 Infographic = {
+  getSettings: function getSettings(componentSettings) {
+    return _objectSpread({}, componentSettings);
+  },
+  VariantComponent: _Infographic["default"]
+};
+var _default = exports["default"] = Infographic;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Infographic","_interopRequireDefault","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","Infographic","getSettings","componentSettings","VariantComponent","InfographicComponent","_default","exports"],"sources":["../../../src/variants/Infographic/index.js"],"sourcesContent":["import InfographicComponent from './Infographic';\n\nconst Infographic = {\n  getSettings: componentSettings => ({\n    ...componentSettings\n  }),\n  VariantComponent: InfographicComponent\n};\n\nexport default Infographic;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAiD,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;AAEjD,IAAMoB,WAAW,GAAG;EAClBC,WAAW,EAAE,SAAAA,YAAAC,iBAAiB;IAAA,OAAAV,aAAA,KACzBU,iBAAiB;EAAA,CACpB;EACFC,gBAAgB,EAAEC;AACpB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaN,WAAW"}

package/lib/variants/Infographic/useInfographic.js

@@ -0,0 +1,43 @@
+"use strict";
+
+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");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+require("core-js/modules/es.array.concat.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"));
+var _customHooks = require("@blaze-react/utils/lib/customHooks");
+var _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) { (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 useInfographic = function useInfographic(_ref) {
+  var _className = _ref.className,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var _useInView = (0, _customHooks.useInView)({
+      once: true,
+      offset: '200px'
+    }),
+    _useInView2 = (0, _slicedToArray2["default"])(_useInView, 2),
+    isIntersecting = _useInView2[0],
+    contentRef = _useInView2[1];
+  var className = "".concat(_className, " infographic").concat(isIntersecting ? ' infographic__active' : '');
+  return _objectSpread(_objectSpread({}, props), {}, {
+    className: className,
+    contentRef: contentRef
+  });
+};
+var _default = exports["default"] = useInfographic;
+//# sourceMappingURL=useInfographic.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInfographic.js","names":["_customHooks","require","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","useInfographic","_ref","_className","className","props","_objectWithoutProperties2","_useInView","useInView","once","offset","_useInView2","_slicedToArray2","isIntersecting","contentRef","concat","_default","exports"],"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,IAAAA,YAAA,GAAAC,OAAA;AAA+D,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;AAE/D,IAAMoB,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAA4C;EAAA,IAA3BC,UAAU,GAAAD,IAAA,CAArBE,SAAS;IAAiBC,KAAK,OAAAC,yBAAA,aAAAJ,IAAA,EAAAvB,SAAA;EACvD,IAAA4B,UAAA,GAAqC,IAAAC,sBAAS,EAAC;MAC7CC,IAAI,EAAE,IAAI;MACVC,MAAM,EAAE;IACV,CAAC,CAAC;IAAAC,WAAA,OAAAC,eAAA,aAAAL,UAAA;IAHKM,cAAc,GAAAF,WAAA;IAAEG,UAAU,GAAAH,WAAA;EAKjC,IAAMP,SAAS,MAAAW,MAAA,CAAMZ,UAAU,kBAAAY,MAAA,CAAeF,cAAc,GAAG,sBAAsB,GAAG,EAAE,CAAE;EAE5F,OAAApB,aAAA,CAAAA,aAAA,KACKY,KAAK;IACRD,SAAS,EAATA,SAAS;IACTU,UAAU,EAAVA;EAAU;AAEd,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,cAEahB,cAAc"}

package/lib/variants/LongformGallery/LongformGallery.js

@@ -0,0 +1,51 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+require("core-js/modules/es.array.map.js");
+var _react = _interopRequireDefault(require("react"));
+var _useLongformGallery2 = _interopRequireDefault(require("./useLongformGallery"));
+var _LongformGalleryImage = _interopRequireDefault(require("./LongformGalleryImage"));
+var LongformGallery = function LongformGallery(props) {
+  var _useLongformGallery = (0, _useLongformGallery2["default"])(props),
+    error = _useLongformGallery.error,
+    mainImages = _useLongformGallery.mainImages,
+    secondaryImages = _useLongformGallery.secondaryImages,
+    secondaryImageClassname = _useLongformGallery.secondaryImageClassname,
+    handleImageOnClick = _useLongformGallery.handleImageOnClick;
+  if (error) return null;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "longform-gallery",
+    "data-testid": "longform-gallery"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "longform-gallery__images main-images"
+  }, mainImages.map(function (mainImageData) {
+    return /*#__PURE__*/_react["default"].createElement(_LongformGalleryImage["default"], (0, _extends2["default"])({
+      key: mainImageData.id
+    }, mainImageData, {
+      className: "longform-gallery__images__image main-image",
+      handleImageOnClick: handleImageOnClick
+    }));
+  })), secondaryImages.map(function (secondaryImagesGroup, i) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      // eslint-disable-next-line react/no-array-index-key
+      key: i,
+      "data-testid": "secondary-images",
+      className: "longform-gallery__images secondary-images"
+    }, secondaryImagesGroup.map(function (secondaryImage) {
+      return /*#__PURE__*/_react["default"].createElement(_LongformGalleryImage["default"], (0, _extends2["default"])({
+        key: secondaryImage.id
+      }, secondaryImage, {
+        className: secondaryImageClassname,
+        handleImageOnClick: handleImageOnClick
+      }));
+    }));
+  }));
+};
+var _default = exports["default"] = LongformGallery;
+//# sourceMappingURL=LongformGallery.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LongformGallery.js","names":["_react","_interopRequireDefault","require","_useLongformGallery2","_LongformGalleryImage","LongformGallery","props","_useLongformGallery","useLongformGallery","error","mainImages","secondaryImages","secondaryImageClassname","handleImageOnClick","createElement","className","map","mainImageData","_extends2","key","id","secondaryImagesGroup","i","secondaryImage","_default","exports"],"sources":["../../../src/variants/LongformGallery/LongformGallery.js"],"sourcesContent":["import React from 'react';\nimport useLongformGallery from './useLongformGallery';\nimport LongformGalleryImage from './LongformGalleryImage';\n\nconst LongformGallery = props => {\n  const {\n    error,\n    mainImages,\n    secondaryImages,\n    secondaryImageClassname,\n    handleImageOnClick\n  } = useLongformGallery(props);\n\n  if (error) return null;\n\n  return (\n    <div className=\"longform-gallery\" data-testid=\"longform-gallery\">\n      <div className=\"longform-gallery__images main-images\">\n        {mainImages.map(mainImageData => (\n          <LongformGalleryImage\n            key={mainImageData.id}\n            {...mainImageData}\n            className=\"longform-gallery__images__image main-image\"\n            handleImageOnClick={handleImageOnClick}\n          />\n        ))}\n      </div>\n      {secondaryImages.map((secondaryImagesGroup, i) => (\n        <div\n          // eslint-disable-next-line react/no-array-index-key\n          key={i}\n          data-testid=\"secondary-images\"\n          className=\"longform-gallery__images secondary-images\">\n          {secondaryImagesGroup.map(secondaryImage => (\n            <LongformGalleryImage\n              key={secondaryImage.id}\n              {...secondaryImage}\n              className={secondaryImageClassname}\n              handleImageOnClick={handleImageOnClick}\n            />\n          ))}\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport default LongformGallery;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,qBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,eAAe,GAAG,SAAlBA,eAAeA,CAAGC,KAAK,EAAI;EAC/B,IAAAC,mBAAA,GAMI,IAAAC,+BAAkB,EAACF,KAAK,CAAC;IAL3BG,KAAK,GAAAF,mBAAA,CAALE,KAAK;IACLC,UAAU,GAAAH,mBAAA,CAAVG,UAAU;IACVC,eAAe,GAAAJ,mBAAA,CAAfI,eAAe;IACfC,uBAAuB,GAAAL,mBAAA,CAAvBK,uBAAuB;IACvBC,kBAAkB,GAAAN,mBAAA,CAAlBM,kBAAkB;EAGpB,IAAIJ,KAAK,EAAE,OAAO,IAAI;EAEtB,oBACET,MAAA,YAAAc,aAAA;IAAKC,SAAS,EAAC,kBAAkB;IAAC,eAAY;EAAkB,gBAC9Df,MAAA,YAAAc,aAAA;IAAKC,SAAS,EAAC;EAAsC,GAClDL,UAAU,CAACM,GAAG,CAAC,UAAAC,aAAa;IAAA,oBAC3BjB,MAAA,YAAAc,aAAA,CAACV,qBAAA,WAAoB,MAAAc,SAAA;MACnBC,GAAG,EAAEF,aAAa,CAACG;IAAG,GAClBH,aAAa;MACjBF,SAAS,EAAC,4CAA4C;MACtDF,kBAAkB,EAAEA;IAAmB,EACxC,CAAC;EAAA,CACH,CACE,CAAC,EACLF,eAAe,CAACK,GAAG,CAAC,UAACK,oBAAoB,EAAEC,CAAC;IAAA,oBAC3CtB,MAAA,YAAAc,aAAA;MACE;MACAK,GAAG,EAAEG,CAAE;MACP,eAAY,kBAAkB;MAC9BP,SAAS,EAAC;IAA2C,GACpDM,oBAAoB,CAACL,GAAG,CAAC,UAAAO,cAAc;MAAA,oBACtCvB,MAAA,YAAAc,aAAA,CAACV,qBAAA,WAAoB,MAAAc,SAAA;QACnBC,GAAG,EAAEI,cAAc,CAACH;MAAG,GACnBG,cAAc;QAClBR,SAAS,EAAEH,uBAAwB;QACnCC,kBAAkB,EAAEA;MAAmB,EACxC,CAAC;IAAA,CACH,CACE,CAAC;EAAA,CACP,CACE,CAAC;AAEV,CAAC;AAAC,IAAAW,QAAA,GAAAC,OAAA,cAEapB,eAAe"}

package/lib/variants/LongformGallery/LongformGalleryImage.js

@@ -0,0 +1,68 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _head = _interopRequireDefault(require("next/head"));
+var _customHooks = require("@blaze-react/utils/lib/customHooks");
+var _imageCdnReact = require("@blaze-cms/image-cdn-react");
+var _constants = require("./constants");
+var _excluded = ["id", "url", "caption", "altText", "priority", "className", "handleImageOnClick"];
+var LongformGalleryImage = function LongformGalleryImage(_ref) {
+  var id = _ref.id,
+    url = _ref.url,
+    caption = _ref.caption,
+    altText = _ref.altText,
+    priority = _ref.priority,
+    className = _ref.className,
+    handleImageOnClick = _ref.handleImageOnClick,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var _useInView = (0, _customHooks.useInView)(_constants.IN_VIEW_CONFIG),
+    _useInView2 = (0, _slicedToArray2["default"])(_useInView, 2),
+    isIntersecting = _useInView2[0],
+    outerRef = _useInView2[1];
+  var shouldRender = priority || isIntersecting;
+  var HeadComponent = priority ? _head["default"] : null;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    ref: outerRef,
+    className: className
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    role: "button",
+    className: "longform-gallery__images__image__container",
+    "data-testid": "longform-gallery__images__image__container",
+    onClick: function onClick() {
+      return handleImageOnClick(id);
+    }
+  }, shouldRender && /*#__PURE__*/_react["default"].createElement(_imageCdnReact.ResponsiveImage, (0, _extends2["default"])({
+    sizeKey: "carousel",
+    role: "button",
+    src: url,
+    alt: altText,
+    priority: priority,
+    HeadComponent: HeadComponent
+  }, props))), !!caption && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "longform-gallery__images__image__details",
+    "data-testid": "longform-gallery__images__image__details"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "longform-gallery__images__image__details__caption"
+  }, caption)));
+};
+LongformGalleryImage.propTypes = {
+  id: _propTypes["default"].string.isRequired,
+  url: _propTypes["default"].string.isRequired,
+  caption: _propTypes["default"].string.isRequired,
+  altText: _propTypes["default"].string.isRequired,
+  priority: _propTypes["default"].bool.isRequired,
+  className: _propTypes["default"].string.isRequired,
+  handleImageOnClick: _propTypes["default"].func.isRequired
+};
+var _default = exports["default"] = LongformGalleryImage;
+//# sourceMappingURL=LongformGalleryImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LongformGalleryImage.js","names":["_react","_interopRequireDefault","require","_propTypes","_head","_customHooks","_imageCdnReact","_constants","_excluded","LongformGalleryImage","_ref","id","url","caption","altText","priority","className","handleImageOnClick","props","_objectWithoutProperties2","_useInView","useInView","IN_VIEW_CONFIG","_useInView2","_slicedToArray2","isIntersecting","outerRef","shouldRender","HeadComponent","Head","createElement","ref","role","onClick","ResponsiveImage","_extends2","sizeKey","src","alt","propTypes","PropTypes","string","isRequired","bool","func","_default","exports"],"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  handleImageOnClick,\n  ...props\n}) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n  const shouldRender = priority || isIntersecting;\n  const HeadComponent = priority ? Head : null;\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=\"carousel\"\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  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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAA6C,IAAAM,SAAA;AAE7C,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EASpB;EAAA,IARJC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IACHC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,kBAAkB,GAAAP,IAAA,CAAlBO,kBAAkB;IACfC,KAAK,OAAAC,yBAAA,aAAAT,IAAA,EAAAF,SAAA;EAER,IAAAY,UAAA,GAAmC,IAAAC,sBAAS,EAACC,yBAAc,CAAC;IAAAC,WAAA,OAAAC,eAAA,aAAAJ,UAAA;IAArDK,cAAc,GAAAF,WAAA;IAAEG,QAAQ,GAAAH,WAAA;EAC/B,IAAMI,YAAY,GAAGZ,QAAQ,IAAIU,cAAc;EAC/C,IAAMG,aAAa,GAAGb,QAAQ,GAAGc,gBAAI,GAAG,IAAI;EAE5C,oBACE7B,MAAA,YAAA8B,aAAA;IAAKC,GAAG,EAAEL,QAAS;IAACV,SAAS,EAAEA;EAAU,gBACvChB,MAAA,YAAA8B,aAAA;IACEE,IAAI,EAAC,QAAQ;IACbhB,SAAS,EAAC,4CAA4C;IACtD,eAAY,4CAA4C;IACxDiB,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMhB,kBAAkB,CAACN,EAAE,CAAC;IAAA;EAAC,GACrCgB,YAAY,iBACX3B,MAAA,YAAA8B,aAAA,CAACxB,cAAA,CAAA4B,eAAe,MAAAC,SAAA;IACdC,OAAO,EAAC,UAAU;IAClBJ,IAAI,EAAC,QAAQ;IACbK,GAAG,EAAEzB,GAAI;IACT0B,GAAG,EAAExB,OAAQ;IACbC,QAAQ,EAAEA,QAAS;IACnBa,aAAa,EAAEA;EAAc,GACzBV,KAAK,CACV,CAEA,CAAC,EACL,CAAC,CAACL,OAAO,iBACRb,MAAA,YAAA8B,aAAA;IACEd,SAAS,EAAC,0CAA0C;IACpD,eAAY;EAA0C,gBACtDhB,MAAA,YAAA8B,aAAA;IAAKd,SAAS,EAAC;EAAmD,GAAEH,OAAa,CAC9E,CAEJ,CAAC;AAEV,CAAC;AAEDJ,oBAAoB,CAAC8B,SAAS,GAAG;EAC/B5B,EAAE,EAAE6B,qBAAS,CAACC,MAAM,CAACC,UAAU;EAC/B9B,GAAG,EAAE4B,qBAAS,CAACC,MAAM,CAACC,UAAU;EAChC7B,OAAO,EAAE2B,qBAAS,CAACC,MAAM,CAACC,UAAU;EACpC5B,OAAO,EAAE0B,qBAAS,CAACC,MAAM,CAACC,UAAU;EACpC3B,QAAQ,EAAEyB,qBAAS,CAACG,IAAI,CAACD,UAAU;EACnC1B,SAAS,EAAEwB,qBAAS,CAACC,MAAM,CAACC,UAAU;EACtCzB,kBAAkB,EAAEuB,qBAAS,CAACI,IAAI,CAACF;AACrC,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,cAEarC,oBAAoB"}

package/lib/variants/LongformGallery/constants.js

@@ -0,0 +1,19 @@
+"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.PROPS_TO_CHECK = exports.IN_VIEW_CONFIG = exports.GET_IMAGES_QUERY = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _client = require("@apollo/client");
+var _templateObject;
+var GET_IMAGES_QUERY = exports.GET_IMAGES_QUERY = (0, _client.gql)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  query getImages($where: JSON!) {\n    getImages: getFiles(where: $where) {\n      id\n      url\n      data\n    }\n  }\n"])));
+var PROPS_TO_CHECK = exports.PROPS_TO_CHECK = ['altText', 'caption', 'hrefUrl', 'credits'];
+var IN_VIEW_CONFIG = exports.IN_VIEW_CONFIG = {
+  once: true,
+  offset: '200px',
+  bottomOffset: '-200px'
+};
+//# sourceMappingURL=constants.js.map

package/lib/variants/LongformGallery/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["_client","require","_templateObject","GET_IMAGES_QUERY","exports","gql","_taggedTemplateLiteral2","PROPS_TO_CHECK","IN_VIEW_CONFIG","once","offset","bottomOffset"],"sources":["../../../src/variants/LongformGallery/constants.js"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst GET_IMAGES_QUERY = gql`\n  query getImages($where: JSON!) {\n    getImages: getFiles(where: $where) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst PROPS_TO_CHECK = ['altText', 'caption', 'hrefUrl', 'credits'];\n\nconst IN_VIEW_CONFIG = {\n  once: true,\n  offset: '200px',\n  bottomOffset: '-200px'\n};\n\nexport { GET_IMAGES_QUERY, IN_VIEW_CONFIG, PROPS_TO_CHECK };\n"],"mappings":";;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAqC,IAAAC,eAAA;AAErC,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,OAAGE,WAAG,EAAAH,eAAA,KAAAA,eAAA,OAAAI,uBAAA,iJAQ3B;AAED,IAAMC,cAAc,GAAAH,OAAA,CAAAG,cAAA,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;AAEnE,IAAMC,cAAc,GAAAJ,OAAA,CAAAI,cAAA,GAAG;EACrBC,IAAI,EAAE,IAAI;EACVC,MAAM,EAAE,OAAO;EACfC,YAAY,EAAE;AAChB,CAAC"}

package/lib/variants/LongformGallery/helpers/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "parseImageData", {
+  enumerable: true,
+  get: function get() {
+    return _parseImageData["default"];
+  }
+});
+Object.defineProperty(exports, "separateImages", {
+  enumerable: true,
+  get: function get() {
+    return _separateImages["default"];
+  }
+});
+Object.defineProperty(exports, "shouldSkip", {
+  enumerable: true,
+  get: function get() {
+    return _shouldSkip["default"];
+  }
+});
+var _parseImageData = _interopRequireDefault(require("./parseImageData"));
+var _separateImages = _interopRequireDefault(require("./separateImages"));
+var _shouldSkip = _interopRequireDefault(require("./shouldSkip"));
+//# sourceMappingURL=index.js.map

package/lib/variants/LongformGallery/helpers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_parseImageData","_interopRequireDefault","require","_separateImages","_shouldSkip"],"sources":["../../../../src/variants/LongformGallery/helpers/index.js"],"sourcesContent":["import parseImageData from './parseImageData';\nimport separateImages from './separateImages';\nimport shouldSkip from './shouldSkip';\n\nexport { parseImageData, separateImages, shouldSkip };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA"}

package/lib/variants/LongformGallery/helpers/parseImageData.js

@@ -0,0 +1,42 @@
+"use strict";
+
+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.get-own-property-descriptor.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");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
+var _constants = require("../constants");
+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 parseImageData = function parseImageData(image, index, priorityLimit, shouldDisplayCaption) {
+  var _image$data = image.data,
+    data = _image$data === void 0 ? {} : _image$data;
+  var parsedData = {};
+  _constants.PROPS_TO_CHECK.forEach(function (dataKey) {
+    var value = data && data[dataKey];
+    if (dataKey === 'caption') {
+      parsedData[dataKey] = shouldDisplayCaption && !!value ? (0, _htmlReactParser["default"])(value) : '';
+      return;
+    }
+    parsedData[dataKey] = value || '';
+  });
+  return _objectSpread(_objectSpread({}, parsedData), {}, {
+    id: image.id,
+    url: image.url,
+    priority: index < priorityLimit
+  });
+};
+var _default = exports["default"] = parseImageData;
+//# sourceMappingURL=parseImageData.js.map

package/lib/variants/LongformGallery/helpers/parseImageData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseImageData.js","names":["_htmlReactParser","_interopRequireDefault","require","_constants","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","parseImageData","image","index","priorityLimit","shouldDisplayCaption","_image$data","data","parsedData","PROPS_TO_CHECK","dataKey","value","parseHTML","id","url","priority","_default","exports"],"sources":["../../../../src/variants/LongformGallery/helpers/parseImageData.js"],"sourcesContent":["import parseHTML from 'html-react-parser';\nimport { PROPS_TO_CHECK } from '../constants';\n\nconst parseImageData = (image, index, priorityLimit, shouldDisplayCaption) => {\n  const { data = {} } = image;\n  const parsedData = {};\n\n  PROPS_TO_CHECK.forEach(dataKey => {\n    const value = data && data[dataKey];\n    if (dataKey === 'caption') {\n      parsedData[dataKey] = shouldDisplayCaption && !!value ? parseHTML(value) : '';\n      return;\n    }\n    parsedData[dataKey] = value || '';\n  });\n\n  return {\n    ...parsedData,\n    id: image.id,\n    url: image.url,\n    priority: index < priorityLimit\n  };\n};\n\nexport default parseImageData;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAA8C,SAAAE,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;AAE9C,IAAMoB,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAAK,EAAEC,KAAK,EAAEC,aAAa,EAAEC,oBAAoB,EAAK;EAC5E,IAAAC,WAAA,GAAsBJ,KAAK,CAAnBK,IAAI;IAAJA,IAAI,GAAAD,WAAA,cAAG,CAAC,CAAC,GAAAA,WAAA;EACjB,IAAME,UAAU,GAAG,CAAC,CAAC;EAErBC,yBAAc,CAACb,OAAO,CAAC,UAAAc,OAAO,EAAI;IAChC,IAAMC,KAAK,GAAGJ,IAAI,IAAIA,IAAI,CAACG,OAAO,CAAC;IACnC,IAAIA,OAAO,KAAK,SAAS,EAAE;MACzBF,UAAU,CAACE,OAAO,CAAC,GAAGL,oBAAoB,IAAI,CAAC,CAACM,KAAK,GAAG,IAAAC,2BAAS,EAACD,KAAK,CAAC,GAAG,EAAE;MAC7E;IACF;IACAH,UAAU,CAACE,OAAO,CAAC,GAAGC,KAAK,IAAI,EAAE;EACnC,CAAC,CAAC;EAEF,OAAAlB,aAAA,CAAAA,aAAA,KACKe,UAAU;IACbK,EAAE,EAAEX,KAAK,CAACW,EAAE;IACZC,GAAG,EAAEZ,KAAK,CAACY,GAAG;IACdC,QAAQ,EAAEZ,KAAK,GAAGC;EAAa;AAEnC,CAAC;AAAC,IAAAY,QAAA,GAAAC,OAAA,cAEahB,cAAc"}