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

package/lib-es/components/MenuItem/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","names":["React","useState","useContext","useEffect","PropTypes","FaChevronDown","FaChevronUp","HOVER","MOUSE_ENTER","MOUSE_LEAVE","HIDDEN","hasChildren","BlazeLink","MenuContext","MenuItem","children","eventType","text","modifier","url","displayChildren","setDisplayChildren","showMobileMenu","isHoverEvent","childrenDisplayClass","handleItemEvent","type","hasValidChildren","createElement","className","onMouseEnter","onMouseLeave","href","role","onClick","propTypes","string","isRequired","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/MenuItem/MenuItem.js"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { FaChevronDown, FaChevronUp } from 'react-icons/fa';\nimport { HOVER, MOUSE_ENTER, MOUSE_LEAVE, HIDDEN } from '../../constants';\nimport { hasChildren } from '../../helpers';\nimport BlazeLink from '../BlazeLink';\nimport MenuContext from '../Menu/MenuContext';\n\nconst MenuItem = ({ children, eventType, text, modifier, url }) => {\n  const [displayChildren, setDisplayChildren] = useState(false);\n  const { showMobileMenu } = useContext(MenuContext);\n\n  useEffect(\n    () => {\n      if (!showMobileMenu) setDisplayChildren(false);\n    },\n    [showMobileMenu]\n  );\n\n  const isHoverEvent = eventType === HOVER;\n  const childrenDisplayClass = displayChildren ? '' : HIDDEN;\n\n  const handleItemEvent = ({ type }) => {\n    if (isHoverEvent) {\n      if (type === MOUSE_ENTER) {\n        setDisplayChildren(true);\n      }\n      if (type === MOUSE_LEAVE) {\n        setDisplayChildren(false);\n      }\n    }\n  };\n  const hasValidChildren = hasChildren(children);\n\n  return (\n    <li className={modifier} onMouseEnter={handleItemEvent} onMouseLeave={handleItemEvent}>\n      <div className=\"menu--item--link\">\n        {url ? (\n          <BlazeLink href={url}>{text}</BlazeLink>\n        ) : (\n          <span role=\"button\" onClick={handleItemEvent}>\n            {text}\n          </span>\n        )}\n        {hasValidChildren && (\n          <i\n            role=\"button\"\n            className=\"menu--item--link--icon\"\n            onClick={() => setDisplayChildren(!displayChildren)}>\n            {displayChildren ? <FaChevronUp /> : <FaChevronDown />}\n          </i>\n        )}\n      </div>\n\n      {hasValidChildren && (\n        <div className={`menu--item-children ${childrenDisplayClass}`}>{children}</div>\n      )}\n    </li>\n  );\n};\n\nMenuItem.propTypes = {\n  modifier: PropTypes.string,\n  text: PropTypes.string,\n  url: PropTypes.string,\n  eventType: PropTypes.string.isRequired,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenuItem.defaultProps = {\n  url: '',\n  modifier: '',\n  text: '',\n  children: null\n};\n\nexport default MenuItem;\n"],"mappings":"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"}
+{"version":3,"file":"MenuItem.js","names":["React","useState","useContext","useEffect","PropTypes","FaChevronDown","FaChevronUp","HOVER","MOUSE_ENTER","MOUSE_LEAVE","HIDDEN","hasChildren","BlazeLink","MenuContext","MenuItem","children","eventType","text","modifier","url","displayChildren","setDisplayChildren","showMobileMenu","isHoverEvent","childrenDisplayClass","handleItemEvent","type","hasValidChildren","createElement","className","onMouseEnter","onMouseLeave","href","role","onClick","propTypes","string","isRequired","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/MenuItem/MenuItem.js"],"sourcesContent":["import React, { useState, useContext, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { FaChevronDown, FaChevronUp } from 'react-icons/fa';\nimport { HOVER, MOUSE_ENTER, MOUSE_LEAVE, HIDDEN } from '../../constants';\nimport { hasChildren } from '../../helpers';\nimport BlazeLink from '../BlazeLink';\nimport MenuContext from '../Menu/MenuContext';\n\nconst MenuItem = ({ children, eventType, text, modifier, url }) => {\n  const [displayChildren, setDisplayChildren] = useState(false);\n  const { showMobileMenu } = useContext(MenuContext);\n\n  useEffect(\n    () => {\n      if (!showMobileMenu) setDisplayChildren(false);\n    },\n    [showMobileMenu]\n  );\n\n  const isHoverEvent = eventType === HOVER;\n  const childrenDisplayClass = displayChildren ? '' : HIDDEN;\n\n  const handleItemEvent = ({ type }) => {\n    if (isHoverEvent) {\n      if (type === MOUSE_ENTER) {\n        setDisplayChildren(true);\n      }\n      if (type === MOUSE_LEAVE) {\n        setDisplayChildren(false);\n      }\n    }\n  };\n  const hasValidChildren = hasChildren(children);\n\n  return (\n    <li\n      className={modifier}\n      onMouseEnter={handleItemEvent}\n      onMouseLeave={handleItemEvent}\n      aria-label={text}>\n      <div className=\"menu--item--link\">\n        {url ? (\n          <BlazeLink href={url}>{text}</BlazeLink>\n        ) : (\n          <span role=\"button\" onClick={handleItemEvent}>\n            {text}\n          </span>\n        )}\n        {hasValidChildren && (\n          <i\n            role=\"button\"\n            className=\"menu--item--link--icon\"\n            onClick={() => setDisplayChildren(!displayChildren)}>\n            {displayChildren ? <FaChevronUp /> : <FaChevronDown />}\n          </i>\n        )}\n      </div>\n      {hasValidChildren && (\n        <div className={`menu--item-children ${childrenDisplayClass}`}>{children}</div>\n      )}\n    </li>\n  );\n};\n\nMenuItem.propTypes = {\n  modifier: PropTypes.string,\n  text: PropTypes.string,\n  url: PropTypes.string,\n  eventType: PropTypes.string.isRequired,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenuItem.defaultProps = {\n  url: '',\n  modifier: '',\n  text: '',\n  children: null\n};\n\nexport default MenuItem;\n"],"mappings":"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"}

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\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"}
+{"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"}

package/lib-es/variants/index.js

@@ -1,13 +1,2 @@
-import heroImage from './HeroImage';
-import infographic from './Infographic';
-import longformGallery from './LongformGallery';
-import longformRow from './LongformRow';
-import parallaxImageTextRight from './ParallaxImageTextRight';
-export default {
-  heroImage,
-  infographic,
-  longformGallery,
-  longformRow,
-  parallaxImageTextRight
-};
+export default {};
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["heroImage","infographic","longformGallery","longformRow","parallaxImageTextRight"],"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';\n\nexport default {\n  heroImage,\n  infographic,\n  longformGallery,\n  longformRow,\n  parallaxImageTextRight\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,aAAa;AACnC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,sBAAsB,MAAM,0BAA0B;AAE7D,eAAe;EACbJ,SAAS;EACTC,WAAW;EACXC,eAAe;EACfC,WAAW;EACXC;AACF,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/variants/index.js"],"sourcesContent":["export default {};\n"],"mappings":"AAAA,eAAe,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.141.0-core-variants.0",
+  "version": "0.141.0-core-styles.10",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -27,15 +27,15 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/core-auth-ui": "0.141.0-core-variants.0",
-    "@blaze-cms/core-errors": "^0.139.0",
-    "@blaze-cms/core-errors-ui": "^0.139.0",
+    "@blaze-cms/core-auth-ui": "0.140.2-core-styles.1",
+    "@blaze-cms/core-errors": "0.140.2-core-styles.1",
+    "@blaze-cms/core-errors-ui": "0.140.2-core-styles.1",
     "@blaze-cms/image-cdn-react": "0.3.0-alpha.6",
-    "@blaze-cms/nextjs-components": "0.141.0-core-variants.0",
-    "@blaze-cms/plugin-search-ui": "0.141.0-core-variants.0",
-    "@blaze-cms/setup-ui": "^0.139.0",
-    "@blaze-cms/utils": "^0.139.0",
-    "@blaze-cms/utils-handlebars": "0.141.0-core-variants.0",
+    "@blaze-cms/nextjs-components": "0.141.0-core-styles.0",
+    "@blaze-cms/plugin-search-ui": "0.141.0-core-styles.3",
+    "@blaze-cms/setup-ui": "0.140.2-core-styles.1",
+    "@blaze-cms/utils": "0.140.2-core-styles.1",
+    "@blaze-cms/utils-handlebars": "0.141.0-core-styles.0",
     "@blaze-react/breadcrumb": "0.8.0-alpha.60",
     "@blaze-react/button": "0.5.19",
     "@blaze-react/checkboxes": "0.5.31",
@@ -89,5 +89,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "575e2c9a6dcb15af4072847bd66677affb1abedc"
+  "gitHead": "67e322293aeb483041c2f4dd4c23fe977a86e120"
 }

package/src/components/ContentGroup/ContentGroupTabs.js

@@ -4,7 +4,7 @@ import { useRouter } from 'next/router';
 import { getActiveTab } from './helpers';
 import { TAB, TABS, SIDEPANEL, CONTENT_GROUP, PANEL } from './constants';
 
-const ContentGroupTabs = ({ name, contentType, groupSections, sectionsData, VariantComponent }) => {
+const ContentGroupTabs = ({ name, contentType, modifier, groupSections, sectionsData }) => {
   const router = useRouter();
   const [selectedTab, setSelectedTab] = useState(getActiveTab(sectionsData, ''));
   const { asPath } = router;
@@ -21,12 +21,10 @@ const ContentGroupTabs = ({ name, contentType, groupSections, sectionsData, Vari
     [asPath, sectionsData, selectedTab]
   );
 
-  const WrapperComponent = VariantComponent || 'div';
-
   return (
     <div className={mainDivClass}>
       <ul className={contentGroupClass} role="tablist" aria-label={name}>
-        {groupSections.map((_, index) => {
+        {groupSections.map((groupSection, index) => {
           const [sectionName, sectioLabel] = sectionsData[index];
           const tabId = `${TAB}-${sectionName}`;
           const panelId = `${PANEL}-${sectionName}`;
@@ -63,15 +61,14 @@ const ContentGroupTabs = ({ name, contentType, groupSections, sectionsData, Vari
         if (selectedTab !== tabId) return null;
 
         return (
-          <WrapperComponent
-            key={panelId}
+          <div
             id={sectionName}
+            key={panelId}
             className={sectionClass}
             role="tabpanel"
-            tabId={tabId}
             aria-labelledby={tabId}>
             {groupSection}
-          </WrapperComponent>
+          </div>
         );
       })}
     </div>
@@ -81,13 +78,13 @@ const ContentGroupTabs = ({ name, contentType, groupSections, sectionsData, Vari
 ContentGroupTabs.propTypes = {
   name: PropTypes.string.isRequired,
   contentType: PropTypes.string.isRequired,
+  modifier: PropTypes.string,
   groupSections: PropTypes.array.isRequired,
-  sectionsData: PropTypes.array.isRequired,
-  VariantComponent: PropTypes.func
+  sectionsData: PropTypes.array.isRequired
 };
 
 ContentGroupTabs.defaultProps = {
-  VariantComponent: null
+  modifier: ''
 };
 
 export default ContentGroupTabs;

package/src/components/Menu/Menu.js

@@ -22,7 +22,6 @@ const Menu = ({
   logoOnMobileAlt,
   logoOnMobileModifier,
   logoOnDesktopModifier,
-  logoOnDesktopAlignment,
   closeIconModifier
 }) => {
   const router = useRouter();
@@ -62,7 +61,8 @@ const Menu = ({
               className={`flex w-screen z-50 justify-${mobileIconAlignment} ${isMobileMenuExpanded}`}>
               <BlazeButton
                 className={`menu--mobile-button ${mobileButtonModifier}`}
-                onClick={() => setShowMobileMenu(!showMobileMenu)}>
+                onClick={() => setShowMobileMenu(!showMobileMenu)}
+                aria-label={showMobileMenu ? 'Close mobile menu' : 'Open mobile menu'}>
                 <i>
                   {showMobileMenu ? (
                     <MdClose className={closeIconModifier} />
@@ -108,7 +108,6 @@ Menu.propTypes = {
   logoOnMobileAlt: PropTypes.string,
   logoOnMobileModifier: PropTypes.string,
   logoOnDesktopModifier: PropTypes.string,
-  logoOnDesktopAlignment: PropTypes.string,
   hamburgerIconModifier: PropTypes.string,
   closeIconModifier: PropTypes.string,
   mobileButtonModifier: PropTypes.string,
@@ -131,7 +130,6 @@ Menu.defaultProps = {
   mobileIconAlignment: '',
   mobileMenuModifier: '',
   mobileMenuChildrenModifier: '',
-  logoOnDesktopAlignment: 'left',
   modifier: '',
   children: []
 };

package/src/components/MenuItem/MenuItem.js

@@ -33,7 +33,11 @@ const MenuItem = ({ children, eventType, text, modifier, url }) => {
   const hasValidChildren = hasChildren(children);
 
   return (
-    <li className={modifier} onMouseEnter={handleItemEvent} onMouseLeave={handleItemEvent}>
+    <li
+      className={modifier}
+      onMouseEnter={handleItemEvent}
+      onMouseLeave={handleItemEvent}
+      aria-label={text}>
       <div className="menu--item--link">
         {url ? (
           <BlazeLink href={url}>{text}</BlazeLink>
@@ -51,7 +55,6 @@ const MenuItem = ({ children, eventType, text, modifier, url }) => {
           </i>
         )}
       </div>
-
       {hasValidChildren && (
         <div className={`menu--item-children ${childrenDisplayClass}`}>{children}</div>
       )}

package/src/hooks/helpers/getVariant.js

@@ -3,7 +3,6 @@ import { variantHandler } from '../../utils';
 export default function getVariant(settings) {
   const { variant } = settings;
   if (!variant) return [null, {}];
-
   const { VariantComponent, getSettings } = variantHandler.get(variant) || {};
   const variantSettings =
     !!getSettings && typeof getSettings === 'function' ? getSettings(settings) : settings;

package/src/variants/index.js

@@ -1,13 +1 @@
-import heroImage from './HeroImage';
-import infographic from './Infographic';
-import longformGallery from './LongformGallery';
-import longformRow from './LongformRow';
-import parallaxImageTextRight from './ParallaxImageTextRight';
-
-export default {
-  heroImage,
-  infographic,
-  longformGallery,
-  longformRow,
-  parallaxImageTextRight
-};
+export default {};

package/tests/unit/src/components/ContentGroup/__snapshots__/ContentGroupTabs.test.js.snap

@@ -36,7 +36,6 @@ exports[`ContentGroupTabs component should match snapshot and render sidepanel c
       class="content-group-sidepanel__content-section"
       id="section-one"
       role="tabpanel"
-      tabid="tab-section-one"
     >
       <div>
         section one
@@ -82,7 +81,6 @@ exports[`ContentGroupTabs component should match snapshot and render tabs conten
       class="content-group-tabs__content-section"
       id="section-one"
       role="tabpanel"
-      tabid="tab-section-one"
     >
       <div>
         section one

package/tests/unit/src/components/MenuItem/__snapshots__/MenuItem.test.js.snap

@@ -3,6 +3,7 @@
 exports[`MenuItem component should render link if url is passed 1`] = `
 <DocumentFragment>
   <li
+    aria-label="Item 1"
     class="menu-item-mod"
   >
     <div
@@ -49,6 +50,7 @@ exports[`MenuItem component should render link if url is passed 1`] = `
 exports[`MenuItem component should render without throwing an error and match snapshot 1`] = `
 <DocumentFragment>
   <li
+    aria-label="Item 1"
     class="menu-item-mod"
   >
     <div

package/tests/unit/src/components/PlaceholderIcon/__snapshots__/index.test.js.snap

@@ -7,8 +7,10 @@ exports[`Placeholder component should render PlaceholderIcon 1`] = `
     data-testid="placeholder-icon"
   >
     <svg
+      height="25px"
       version="1.1"
       viewBox="0 0 20 20"
+      width="25px"
       xmlns="http://www.w3.org/2000/svg"
       xmlns:xlink="http://www.w3.org/1999/xlink"
     >

package/lib/variants/HeroImage/index.js

@@ -1,29 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,27 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,29 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,43 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,51 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,68 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,19 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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"}