@blaze-cms/react-page-builder 0.146.0-core-styles.61 → 0.146.0-core-styles.62

package/lib-es/utils/get-class-modifiers.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-class-modifiers.js","names":["BUTTON","BUTTON_ICON","CLASS_MODIFIERS","ICON_BUTTON","LINK","CODE","COMPONENTS_DEFAULT_VALUES","BUTTON_TYPE","DEFAULT","DESKTOP","GTM_CLASS_NAME","HIDE","ICON","MOBILE","MODIFIER","SIZE","STICKY","STYLE","TABLET","WIDTH","ALIGNMENT","PARALLAX","commonProps","responsiveProps","buttonProps","iconProps","commonAttributes","props","prefix","supportedTypes","row","column","button","icon","textBlock","_objectSpread","banner","image","hero","video","list","code","getClassModifiers","type","supportedProps","defaultValues","modifiers","map","prop","propValue","stringValue","isResponsiveProp","includes","undefined","filter","Boolean","unshift","join"],"sources":["../../src/utils/get-class-modifiers.js"],"sourcesContent":["import { BUTTON, BUTTON_ICON, CLASS_MODIFIERS, ICON_BUTTON, LINK, CODE } from '../constants';\nimport COMPONENTS_DEFAULT_VALUES from '../constants/componentsDefaultValues';\n\nconst {\n  BUTTON_TYPE,\n  DEFAULT,\n  DESKTOP,\n  GTM_CLASS_NAME,\n  HIDE,\n  ICON,\n  MOBILE,\n  MODIFIER,\n  SIZE,\n  STICKY,\n  STYLE,\n  TABLET,\n  WIDTH,\n  ALIGNMENT,\n  PARALLAX\n} = CLASS_MODIFIERS;\nconst commonProps = [GTM_CLASS_NAME, MODIFIER, PARALLAX];\nconst responsiveProps = [DESKTOP, TABLET, MOBILE];\nconst buttonProps = [SIZE, BUTTON_TYPE, ICON, STYLE, ALIGNMENT, ...commonProps];\nconst iconProps = [BUTTON_TYPE, ...commonProps];\n\nconst commonAttributes = { props: commonProps, prefix: null };\n\nconst supportedTypes = {\n  row: { props: [WIDTH, STICKY, ...responsiveProps, ...commonProps] },\n  column: { props: [WIDTH, STICKY, ...responsiveProps, ...commonProps] },\n  button: {\n    props: buttonProps,\n    prefix: BUTTON\n  },\n  icon: { props: iconProps, prefix: ICON_BUTTON },\n  textBlock: { ...commonAttributes },\n  banner: { ...commonAttributes },\n  image: { ...commonAttributes },\n  hero: { ...commonAttributes },\n  video: { ...commonAttributes },\n  list: { ...commonAttributes },\n  code: { ...commonAttributes, prefix: CODE }\n};\n\nexport default function getClassModifiers(type, props) {\n  const { props: supportedProps, prefix } = supportedTypes[type] || {};\n  const defaultValues = COMPONENTS_DEFAULT_VALUES[type] || {};\n  if (!supportedProps) return '';\n\n  const modifiers = supportedProps\n    .map(prop => {\n      const propValue = props[prop];\n      const stringValue = typeof propValue === 'boolean' ? prop : propValue;\n\n      const isResponsiveProp = responsiveProps.includes(prop);\n      if (prop === ICON) return propValue ? BUTTON_ICON : '';\n      if (prop === MODIFIER && propValue) return `${propValue}`;\n      if (propValue === DEFAULT || stringValue === type) return '';\n      if (isResponsiveProp) return propValue ? '' : `${HIDE}-${prop}`;\n      if (propValue === null || propValue === undefined) return defaultValues[prop] || '';\n      if (prop === WIDTH || prop === LINK) return `${type}--${propValue}`;\n      if (prop === GTM_CLASS_NAME) return `${propValue}`;\n      if (prop === STICKY) return propValue ? `${type}--${stringValue}` : '';\n      if (prop === PARALLAX) return propValue ? `${type}--${stringValue}` : '';\n\n      return stringValue ? `${type}--${stringValue}` : '';\n    })\n    .filter(Boolean);\n  if (prefix) modifiers.unshift(prefix);\n\n  return modifiers.join(' ');\n}\n"],"mappings":";;;AAAA,SAASA,MAAM,EAAEC,WAAW,EAAEC,eAAe,EAAEC,WAAW,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAC5F,OAAOC,yBAAyB,MAAM,sCAAsC;AAE5E,MAAM;EACJC,WAAW;EACXC,OAAO;EACPC,OAAO;EACPC,cAAc;EACdC,IAAI;EACJC,IAAI;EACJC,MAAM;EACNC,QAAQ;EACRC,IAAI;EACJC,MAAM;EACNC,KAAK;EACLC,MAAM;EACNC,KAAK;EACLC,SAAS;EACTC;AACF,CAAC,GAAGnB,eAAe;AACnB,MAAMoB,WAAW,GAAG,CAACZ,cAAc,EAAEI,QAAQ,EAAEO,QAAQ,CAAC;AACxD,MAAME,eAAe,GAAG,CAACd,OAAO,EAAES,MAAM,EAAEL,MAAM,CAAC;AACjD,MAAMW,WAAW,GAAG,CAACT,IAAI,EAAER,WAAW,EAAEK,IAAI,EAAEK,KAAK,EAAEG,SAAS,EAAE,GAAGE,WAAW,CAAC;AAC/E,MAAMG,SAAS,GAAG,CAAClB,WAAW,EAAE,GAAGe,WAAW,CAAC;AAE/C,MAAMI,gBAAgB,GAAG;EAAEC,KAAK,EAAEL,WAAW;EAAEM,MAAM,EAAE;AAAK,CAAC;AAE7D,MAAMC,cAAc,GAAG;EACrBC,GAAG,EAAE;IAAEH,KAAK,EAAE,CAACR,KAAK,EAAEH,MAAM,EAAE,GAAGO,eAAe,EAAE,GAAGD,WAAW;EAAE,CAAC;EACnES,MAAM,EAAE;IAAEJ,KAAK,EAAE,CAACR,KAAK,EAAEH,MAAM,EAAE,GAAGO,eAAe,EAAE,GAAGD,WAAW;EAAE,CAAC;EACtEU,MAAM,EAAE;IACNL,KAAK,EAAEH,WAAW;IAClBI,MAAM,EAAE5B;EACV,CAAC;EACDiC,IAAI,EAAE;IAAEN,KAAK,EAAEF,SAAS;IAAEG,MAAM,EAAEzB;EAAY,CAAC;EAC/C+B,SAAS,EAAAC,aAAA,KAAOT,gBAAgB,CAAE;EAClCU,MAAM,EAAAD,aAAA,KAAOT,gBAAgB,CAAE;EAC/BW,KAAK,EAAAF,aAAA,KAAOT,gBAAgB,CAAE;EAC9BY,IAAI,EAAAH,aAAA,KAAOT,gBAAgB,CAAE;EAC7Ba,KAAK,EAAAJ,aAAA,KAAOT,gBAAgB,CAAE;EAC9Bc,IAAI,EAAAL,aAAA,KAAOT,gBAAgB,CAAE;EAC7Be,IAAI,EAAAN,aAAA,CAAAA,aAAA,KAAOT,gBAAgB;IAAEE,MAAM,EAAEvB;EAAI;AAC3C,CAAC;AAED,eAAe,SAASqC,iBAAiBA,CAACC,IAAI,EAAEhB,KAAK,EAAE;EACrD,MAAM;IAAEA,KAAK,EAAEiB,cAAc;IAAEhB;EAAO,CAAC,GAAGC,cAAc,CAACc,IAAI,CAAC,IAAI,CAAC,CAAC;EACpE,MAAME,aAAa,GAAGvC,yBAAyB,CAACqC,IAAI,CAAC,IAAI,CAAC,CAAC;EAC3D,IAAI,CAACC,cAAc,EAAE,OAAO,EAAE;EAE9B,MAAME,SAAS,GAAGF,cAAc,CAC7BG,GAAG,CAACC,IAAI,IAAI;IACX,MAAMC,SAAS,GAAGtB,KAAK,CAACqB,IAAI,CAAC;IAC7B,MAAME,WAAW,GAAG,OAAOD,SAAS,KAAK,SAAS,GAAGD,IAAI,GAAGC,SAAS;IAErE,MAAME,gBAAgB,GAAG5B,eAAe,CAAC6B,QAAQ,CAACJ,IAAI,CAAC;IACvD,IAAIA,IAAI,KAAKpC,IAAI,EAAE,OAAOqC,SAAS,GAAGhD,WAAW,GAAG,EAAE;IACtD,IAAI+C,IAAI,KAAKlC,QAAQ,IAAImC,SAAS,EAAE,OAAQ,GAAEA,SAAU,EAAC;IACzD,IAAIA,SAAS,KAAKzC,OAAO,IAAI0C,WAAW,KAAKP,IAAI,EAAE,OAAO,EAAE;IAC5D,IAAIQ,gBAAgB,EAAE,OAAOF,SAAS,GAAG,EAAE,GAAI,GAAEtC,IAAK,IAAGqC,IAAK,EAAC;IAC/D,IAAIC,SAAS,KAAK,IAAI,IAAIA,SAAS,KAAKI,SAAS,EAAE,OAAOR,aAAa,CAACG,IAAI,CAAC,IAAI,EAAE;IACnF,IAAIA,IAAI,KAAK7B,KAAK,IAAI6B,IAAI,KAAK5C,IAAI,EAAE,OAAQ,GAAEuC,IAAK,KAAIM,SAAU,EAAC;IACnE,IAAID,IAAI,KAAKtC,cAAc,EAAE,OAAQ,GAAEuC,SAAU,EAAC;IAClD,IAAID,IAAI,KAAKhC,MAAM,EAAE,OAAOiC,SAAS,GAAI,GAAEN,IAAK,KAAIO,WAAY,EAAC,GAAG,EAAE;IACtE,IAAIF,IAAI,KAAK3B,QAAQ,EAAE,OAAO4B,SAAS,GAAI,GAAEN,IAAK,KAAIO,WAAY,EAAC,GAAG,EAAE;IAExE,OAAOA,WAAW,GAAI,GAAEP,IAAK,KAAIO,WAAY,EAAC,GAAG,EAAE;EACrD,CAAC,CAAC,CACDI,MAAM,CAACC,OAAO,CAAC;EAClB,IAAI3B,MAAM,EAAEkB,SAAS,CAACU,OAAO,CAAC5B,MAAM,CAAC;EAErC,OAAOkB,SAAS,CAACW,IAAI,CAAC,GAAG,CAAC;AAC5B","ignoreList":[]}
+{"version":3,"file":"get-class-modifiers.js","names":["BUTTON","BUTTON_ICON","CLASS_MODIFIERS","ICON_BUTTON","LINK","CODE","COMPONENTS_DEFAULT_VALUES","BUTTON_TYPE","DEFAULT","DESKTOP","GTM_CLASS_NAME","HIDE","ICON","MOBILE","MODIFIER","SIZE","STICKY","STYLE","TABLET","WIDTH","ALIGNMENT","PARALLAX","commonProps","responsiveProps","buttonProps","iconProps","commonAttributes","props","prefix","supportedTypes","row","column","button","icon","textBlock","_objectSpread","banner","image","hero","video","list","code","getClassModifiers","type","supportedProps","defaultValues","modifiers","map","prop","propValue","stringValue","isResponsiveProp","includes","undefined","filter","Boolean","unshift","join"],"sources":["../../src/utils/get-class-modifiers.js"],"sourcesContent":["import { BUTTON, BUTTON_ICON, CLASS_MODIFIERS, ICON_BUTTON, LINK, CODE } from '../constants';\nimport COMPONENTS_DEFAULT_VALUES from '../constants/componentsDefaultValues';\n\nconst {\n  BUTTON_TYPE,\n  DEFAULT,\n  DESKTOP,\n  GTM_CLASS_NAME,\n  HIDE,\n  ICON,\n  MOBILE,\n  MODIFIER,\n  SIZE,\n  STICKY,\n  STYLE,\n  TABLET,\n  WIDTH,\n  ALIGNMENT,\n  PARALLAX\n} = CLASS_MODIFIERS;\nconst commonProps = [GTM_CLASS_NAME, MODIFIER, PARALLAX];\nconst responsiveProps = [DESKTOP, TABLET, MOBILE];\nconst buttonProps = [SIZE, BUTTON_TYPE, ICON, STYLE, ALIGNMENT, ...commonProps];\nconst iconProps = [BUTTON_TYPE, ...commonProps];\n\nconst commonAttributes = { props: commonProps, prefix: null };\n\nconst supportedTypes = {\n  row: { props: [WIDTH, STICKY, ...responsiveProps, ...commonProps] },\n  column: { props: [WIDTH, STICKY, ...responsiveProps, ...commonProps] },\n  button: {\n    props: buttonProps,\n    prefix: BUTTON\n  },\n  icon: { props: iconProps, prefix: ICON_BUTTON },\n  textBlock: { ...commonAttributes },\n  banner: { ...commonAttributes },\n  image: { ...commonAttributes },\n  hero: { ...commonAttributes },\n  video: { ...commonAttributes },\n  list: { ...commonAttributes },\n  code: { ...commonAttributes, prefix: CODE }\n};\n\nexport default function getClassModifiers(type, props) {\n  const { props: supportedProps, prefix } = supportedTypes[type] || {};\n  const defaultValues = COMPONENTS_DEFAULT_VALUES[type] || {};\n  if (!supportedProps) return '';\n\n  const modifiers = supportedProps\n    .map(prop => {\n      const propValue = props[prop];\n      const stringValue = typeof propValue === 'boolean' ? prop : propValue;\n\n      const isResponsiveProp = responsiveProps.includes(prop);\n      if (prop === ICON) return propValue ? BUTTON_ICON : '';\n      if (prop === MODIFIER && propValue) return `${propValue}`;\n      if (propValue === DEFAULT || stringValue === type) return '';\n      if (isResponsiveProp) return propValue ? '' : `${HIDE}-${prop}`;\n      if (propValue === null || propValue === undefined) return defaultValues[prop] || '';\n      if (prop === WIDTH || prop === LINK) return `${type}--${propValue}`;\n      if (prop === GTM_CLASS_NAME) return `${propValue}`;\n      if (prop === STICKY) return propValue ? `${type}--${stringValue}` : '';\n      if (prop === PARALLAX) return propValue ? `${type}--${stringValue}` : '';\n\n      return stringValue ? `${type}--${stringValue}` : '';\n    })\n    .filter(Boolean);\n  if (prefix) modifiers.unshift(prefix);\n\n  return modifiers.join(' ');\n}\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import dynamic from 'next/dynamic';
 const Infographic = {
   getSettings: componentSettings => _objectSpread({}, componentSettings),
-  VariantComponent: dynamic(() => import( /* webpackChunkName: "blazePbVariantInfographic" */'./Infographic'))
+  VariantComponent: dynamic(() => import(/* webpackChunkName: "blazePbVariantInfographic" */'./Infographic'))
 };
 export default Infographic;
 //# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"LiveBlogList.js","names":["React","useRef","useState","useEffect","dayjs","relativeTime","Button","FaPlus","FaMinus","BsPinAngleFill","extend","COLLAPSE_HEIGHT","LiveBlogList","children","date","published","featured","alternativeHeadline","isExpanded","setIsExpanded","shouldShowButton","setShouldShowButton","displayedDate","displayedTime","setDisplayedDate","usedDate","contentRef","el","current","check","scrollHeight","ResizeObserver","ro","observe","disconnect","days","diff","lessThanAYear","newDate","fromNow","format","toggleExpanded","value","isCollapsed","showHeader","createElement","className","Fragment","ref","onClick","type"],"sources":["../../../src/variants/LiveBlogList/LiveBlogList.js"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport dayjs from 'dayjs';\nimport relativeTime from 'dayjs/plugin/relativeTime';\nimport Button from '@blaze-react/button';\nimport { FaPlus, FaMinus } from 'react-icons/fa';\nimport { BsPinAngleFill } from 'react-icons/bs';\n\ndayjs.extend(relativeTime);\n\nconst COLLAPSE_HEIGHT = 380;\n\nconst LiveBlogList = ({ children, date, published, featured, alternativeHeadline }) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [shouldShowButton, setShouldShowButton] = useState(false);\n  const [{ displayedDate, displayedTime }, setDisplayedDate] = useState({\n    displayedDate: '&nbsp;',\n    displayedTime: ''\n  });\n  const usedDate = date;\n  const contentRef = useRef(null);\n\n  useEffect(\n    () => {\n      const el = contentRef.current;\n      if (!el) return;\n\n      const check = () => setShouldShowButton(el.scrollHeight > COLLAPSE_HEIGHT);\n\n      if (typeof ResizeObserver !== 'undefined') {\n        check();\n        const ro = new ResizeObserver(check);\n        ro.observe(el);\n        return () => ro.disconnect();\n      }\n      check();\n    },\n    [children]\n  );\n\n  useEffect(\n    () => {\n      if (!usedDate) return;\n      const days = dayjs().diff(dayjs(usedDate), 'day');\n      const lessThanAYear = days < 365;\n\n      let newDate;\n      if (days < 1) newDate = dayjs(usedDate).fromNow();\n      else if (lessThanAYear) newDate = dayjs(usedDate).format('DD MMM');\n      else newDate = dayjs(usedDate).format('DD MMM YYYY');\n\n      setDisplayedDate({\n        displayedDate: newDate,\n        displayedTime: lessThanAYear ? dayjs(usedDate).format('HH:mm') : null\n      });\n    },\n    [usedDate]\n  );\n\n  const toggleExpanded = () => setIsExpanded(value => !value);\n  const isCollapsed = !isExpanded;\n  const showHeader = usedDate || alternativeHeadline || featured;\n\n  return (\n    <div className={`live-blog-container${featured ? ' live-blog-container--featured' : ''}`}>\n      {showHeader && (\n        <div className=\"live-blog-date\">\n          {featured && <BsPinAngleFill />}\n          {usedDate && (\n            <>\n              <span className=\"live-blog-date--date\">{displayedDate}</span>\n              {displayedTime && <span className=\"live-blog-date--time\">{displayedTime}</span>}\n            </>\n          )}\n          {alternativeHeadline && (\n            <span className=\"live-blog-date--headline\">{alternativeHeadline}</span>\n          )}\n        </div>\n      )}\n\n      <div\n        ref={contentRef}\n        className={`live-blog-content ${\n          isCollapsed\n            ? 'live-blog-content--collapsed collapsed'\n            : 'live-blog-content--opened opened'\n        }`}>\n        {children}\n      </div>\n\n      {shouldShowButton && (\n        <div className=\"live-blog-button-wrapper\">\n          <Button\n            aria-label={isExpanded ? 'Show Less' : 'Show More'}\n            className=\"live-blog-toggle\"\n            onClick={toggleExpanded}\n            type=\"button\">\n            {isExpanded ? (\n              <>\n                <FaMinus className=\"toggle-icon\" /> Show Less\n              </>\n            ) : (\n              <>\n                <FaPlus className=\"toggle-icon\" /> Show More\n              </>\n            )}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default LiveBlogList;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"LiveBlogList.js","names":["React","useRef","useState","useEffect","dayjs","relativeTime","Button","FaPlus","FaMinus","BsPinAngleFill","extend","COLLAPSE_HEIGHT","LiveBlogList","children","date","published","featured","alternativeHeadline","isExpanded","setIsExpanded","shouldShowButton","setShouldShowButton","displayedDate","displayedTime","setDisplayedDate","usedDate","contentRef","el","current","check","scrollHeight","ResizeObserver","ro","observe","disconnect","days","diff","lessThanAYear","newDate","fromNow","format","toggleExpanded","value","isCollapsed","showHeader","createElement","className","Fragment","ref","onClick","type"],"sources":["../../../src/variants/LiveBlogList/LiveBlogList.js"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport dayjs from 'dayjs';\nimport relativeTime from 'dayjs/plugin/relativeTime';\nimport Button from '@blaze-react/button';\nimport { FaPlus, FaMinus } from 'react-icons/fa';\nimport { BsPinAngleFill } from 'react-icons/bs';\n\ndayjs.extend(relativeTime);\n\nconst COLLAPSE_HEIGHT = 380;\n\nconst LiveBlogList = ({ children, date, published, featured, alternativeHeadline }) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [shouldShowButton, setShouldShowButton] = useState(false);\n  const [{ displayedDate, displayedTime }, setDisplayedDate] = useState({\n    displayedDate: '&nbsp;',\n    displayedTime: ''\n  });\n  const usedDate = date;\n  const contentRef = useRef(null);\n\n  useEffect(\n    () => {\n      const el = contentRef.current;\n      if (!el) return;\n\n      const check = () => setShouldShowButton(el.scrollHeight > COLLAPSE_HEIGHT);\n\n      if (typeof ResizeObserver !== 'undefined') {\n        check();\n        const ro = new ResizeObserver(check);\n        ro.observe(el);\n        return () => ro.disconnect();\n      }\n      check();\n    },\n    [children]\n  );\n\n  useEffect(\n    () => {\n      if (!usedDate) return;\n      const days = dayjs().diff(dayjs(usedDate), 'day');\n      const lessThanAYear = days < 365;\n\n      let newDate;\n      if (days < 1) newDate = dayjs(usedDate).fromNow();\n      else if (lessThanAYear) newDate = dayjs(usedDate).format('DD MMM');\n      else newDate = dayjs(usedDate).format('DD MMM YYYY');\n\n      setDisplayedDate({\n        displayedDate: newDate,\n        displayedTime: lessThanAYear ? dayjs(usedDate).format('HH:mm') : null\n      });\n    },\n    [usedDate]\n  );\n\n  const toggleExpanded = () => setIsExpanded(value => !value);\n  const isCollapsed = !isExpanded;\n  const showHeader = usedDate || alternativeHeadline || featured;\n\n  return (\n    <div className={`live-blog-container${featured ? ' live-blog-container--featured' : ''}`}>\n      {showHeader && (\n        <div className=\"live-blog-date\">\n          {featured && <BsPinAngleFill />}\n          {usedDate && (\n            <>\n              <span className=\"live-blog-date--date\">{displayedDate}</span>\n              {displayedTime && <span className=\"live-blog-date--time\">{displayedTime}</span>}\n            </>\n          )}\n          {alternativeHeadline && (\n            <span className=\"live-blog-date--headline\">{alternativeHeadline}</span>\n          )}\n        </div>\n      )}\n\n      <div\n        ref={contentRef}\n        className={`live-blog-content ${\n          isCollapsed\n            ? 'live-blog-content--collapsed collapsed'\n            : 'live-blog-content--opened opened'\n        }`}>\n        {children}\n      </div>\n\n      {shouldShowButton && (\n        <div className=\"live-blog-button-wrapper\">\n          <Button\n            aria-label={isExpanded ? 'Show Less' : 'Show More'}\n            className=\"live-blog-toggle\"\n            onClick={toggleExpanded}\n            type=\"button\">\n            {isExpanded ? (\n              <>\n                <FaMinus className=\"toggle-icon\" /> Show Less\n              </>\n            ) : (\n              <>\n                <FaPlus className=\"toggle-icon\" /> Show More\n              </>\n            )}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default LiveBlogList;\n"],"mappings":"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","ignoreList":[]}

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

@@ -3,7 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import dynamic from 'next/dynamic';
 const liveBlogList = {
-  VariantComponent: dynamic(() => import( /* webpackChunkName: "blazePbliveBlogList" */'./LiveBlogList')),
+  VariantComponent: dynamic(() => import(/* webpackChunkName: "blazePbliveBlogList" */'./LiveBlogList')),
   getSettings: componentSettings => _objectSpread(_objectSpread({}, componentSettings), {}, {
     modifier: 'liveBlogList'
   })

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["dynamic","liveBlogList","VariantComponent","getSettings","componentSettings","_objectSpread","modifier"],"sources":["../../../src/variants/LiveBlogList/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst liveBlogList = {\n  VariantComponent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbliveBlogList\" */ './LiveBlogList')\n  ),\n  getSettings: componentSettings => ({\n    ...componentSettings,\n    modifier: 'liveBlogList'\n  })\n};\n\nexport default liveBlogList;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,YAAY,GAAG;EACnBC,gBAAgB,EAAEF,OAAO,CAAC,MACxB,MAAM,EAAC,6CAA8C,gBAAgB,CACvE,CAAC;EACDG,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,CAAAA,aAAA,KACzBD,iBAAiB;IACpBE,QAAQ,EAAE;EAAc;AAE5B,CAAC;AAED,eAAeL,YAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["dynamic","liveBlogList","VariantComponent","getSettings","componentSettings","_objectSpread","modifier"],"sources":["../../../src/variants/LiveBlogList/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst liveBlogList = {\n  VariantComponent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbliveBlogList\" */ './LiveBlogList')\n  ),\n  getSettings: componentSettings => ({\n    ...componentSettings,\n    modifier: 'liveBlogList'\n  })\n};\n\nexport default liveBlogList;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,YAAY,GAAG;EACnBC,gBAAgB,EAAEF,OAAO,CAAC,MACxB,MAAM,CAAC,6CAA8C,gBAAgB,CACvE,CAAC;EACDG,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,CAAAA,aAAA,KACzBD,iBAAiB;IACpBE,QAAQ,EAAE;EAAc;AAE5B,CAAC;AAED,eAAeL,YAAY","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["gql","GET_IMAGES_QUERY","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,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,gBAAgB,GAAGD,GAAI;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAME,cAAc,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;AAEnE,MAAMC,cAAc,GAAG;EACrBC,IAAI,EAAE,IAAI;EACVC,MAAM,EAAE,OAAO;EACfC,YAAY,EAAE;AAChB,CAAC;AAED,SAASL,gBAAgB,EAAEE,cAAc,EAAED,cAAc","ignoreList":[]}
+{"version":3,"file":"constants.js","names":["gql","GET_IMAGES_QUERY","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,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,gBAAgB,GAAGD,GAAG;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAME,cAAc,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;AAEnE,MAAMC,cAAc,GAAG;EACrBC,IAAI,EAAE,IAAI;EACVC,MAAM,EAAE,OAAO;EACfC,YAAY,EAAE;AAChB,CAAC;AAED,SAASL,gBAAgB,EAAEE,cAAc,EAAED,cAAc","ignoreList":[]}

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

@@ -3,7 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import dynamic from 'next/dynamic';
 const LongformGallery = {
-  VariantComponent: dynamic(() => import( /* webpackChunkName: "blazePbVariantLongformGallery" */'./LongformGallery')),
+  VariantComponent: dynamic(() => import(/* webpackChunkName: "blazePbVariantLongformGallery" */'./LongformGallery')),
   getSettings: componentSettings => _objectSpread(_objectSpread({}, componentSettings), {}, {
     modifier: 'longformGallery'
   })

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["dynamic","LongformGallery","VariantComponent","getSettings","componentSettings","_objectSpread","modifier"],"sources":["../../../src/variants/LongformGallery/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst LongformGallery = {\n  VariantComponent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVariantLongformGallery\" */ './LongformGallery')\n  ),\n  getSettings: componentSettings => ({\n    ...componentSettings,\n    modifier: 'longformGallery'\n  })\n};\n\nexport default LongformGallery;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,eAAe,GAAG;EACtBC,gBAAgB,EAAEF,OAAO,CAAC,MACxB,MAAM,EAAC,uDAAwD,mBAAmB,CACpF,CAAC;EACDG,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,CAAAA,aAAA,KACzBD,iBAAiB;IACpBE,QAAQ,EAAE;EAAiB;AAE/B,CAAC;AAED,eAAeL,eAAe","ignoreList":[]}
+{"version":3,"file":"index.js","names":["dynamic","LongformGallery","VariantComponent","getSettings","componentSettings","_objectSpread","modifier"],"sources":["../../../src/variants/LongformGallery/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst LongformGallery = {\n  VariantComponent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVariantLongformGallery\" */ './LongformGallery')\n  ),\n  getSettings: componentSettings => ({\n    ...componentSettings,\n    modifier: 'longformGallery'\n  })\n};\n\nexport default LongformGallery;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,eAAe,GAAG;EACtBC,gBAAgB,EAAEF,OAAO,CAAC,MACxB,MAAM,CAAC,uDAAwD,mBAAmB,CACpF,CAAC;EACDG,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,CAAAA,aAAA,KACzBD,iBAAiB;IACpBE,QAAQ,EAAE;EAAiB;AAE/B,CAAC;AAED,eAAeL,eAAe","ignoreList":[]}

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

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import dynamic from 'next/dynamic';
 const SlideSummary = {
   getSettings: componentSettings => _objectSpread({}, componentSettings),
-  VariantComponent: dynamic(() => import( /* webpackChunkName: "blazePbVariantSlideSummary" */'./SlideSummary'))
+  VariantComponent: dynamic(() => import(/* webpackChunkName: "blazePbVariantSlideSummary" */'./SlideSummary'))
 };
 export default SlideSummary;
 //# sourceMappingURL=index.js.map

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

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

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

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import dynamic from 'next/dynamic';
 const ThumbnailCarousel = {
   getSettings: componentSettings => _objectSpread({}, componentSettings),
-  VariantComponent: dynamic(() => import( /* webpackChunkName: "blazePbVariantThumbnailCarousel" */'./ThumbnailCarousel'))
+  VariantComponent: dynamic(() => import(/* webpackChunkName: "blazePbVariantThumbnailCarousel" */'./ThumbnailCarousel'))
 };
 export default ThumbnailCarousel;
 //# sourceMappingURL=index.js.map

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.146.0-core-styles.61",
+  "version": "0.146.0-core-styles.62",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -91,5 +91,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "8fa30efb2aec60464da5156e9670c0adc44e6384"
+  "gitHead": "92dcab6fab3478c0e7966f13df33bd4a144c1401"
 }

package/src/components/MenuItem/MenuItemRender.js

@@ -1,3 +1,4 @@
+/* eslint-disable jsx-a11y/no-static-element-interactions */
 import React, { useState, useContext, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { FaChevronDown, FaChevronUp } from 'react-icons/fa';
@@ -29,6 +30,7 @@ const MenuItemRender = ({ children, eventType, text, modifier, url, parent }) =>
   const isActive = router ? isUrlPathMatch(router.asPath, urlToUse) : false;
   const isActiveParent = router ? hasActiveChild(router.asPath, children) : false;
   const shouldPreOpen = openActiveSubmenus && isActiveParent && isClickEvent;
+  const hasValidChildren = hasChildren(children);
 
   const [displayChildren, setDisplayChildren] = useState(shouldPreOpen);
 
@@ -63,7 +65,11 @@ const MenuItemRender = ({ children, eventType, text, modifier, url, parent }) =>
     }
   };
 
-  const hasValidChildren = hasChildren(children);
+  const handleMobileClick = () => {
+    if (!urlToUse && hasValidChildren) {
+      setDisplayChildren(!displayChildren);
+    }
+  };
 
   const menuItemLinkClassname = classnames('menu--item--link', {
     'menu--item--link--active': isActive,
@@ -72,7 +78,11 @@ const MenuItemRender = ({ children, eventType, text, modifier, url, parent }) =>
 
   return (
     <li className={modifier} onMouseEnter={handleItemEvent} onMouseLeave={handleItemEvent}>
-      <div className={menuItemLinkClassname}>
+      <div
+        className={menuItemLinkClassname}
+        onClick={handleMobileClick}
+        role={!urlToUse && hasValidChildren ? 'button' : undefined}
+        tabIndex={!urlToUse && hasValidChildren ? 0 : undefined}>
         {urlToUse ? (
           <BlazeLink href={urlToUse}>{textToUse}</BlazeLink>
         ) : (
@@ -84,7 +94,11 @@ const MenuItemRender = ({ children, eventType, text, modifier, url, parent }) =>
           <i
             role="button"
             className="menu--item--link--icon"
-            onClick={() => setDisplayChildren(!displayChildren)}>
+            onClick={e => {
+              e.stopPropagation();
+              setDisplayChildren(!displayChildren);
+            }}
+            tabIndex={0}>
             {displayChildren ? <FaChevronUp /> : <FaChevronDown />}
           </i>
         )}

package/tests/unit/src/components/MenuItem/MenuItemRender.test.js

@@ -7,6 +7,8 @@ import { render, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 import MenuRender from '../../../../../src/components/MenuItem/MenuItemRender';
 
+const MENU_ITEM_CHILDREN_CLASS = 'menu--item-children';
+
 let mockAsPathValue = '/';
 
 jest.mock('next/router', () => {
@@ -75,7 +77,7 @@ describe('MenuRender component', () => {
     );
 
     fireEvent.mouseEnter(getByText('Parent'));
-    let childContainer = container.querySelector('.menu--item-children');
+    let childContainer = container.querySelector(`.${MENU_ITEM_CHILDREN_CLASS}`);
     expect(childContainer).not.toHaveClass('hidden');
 
     mockAsPathValue = '/new-route';
@@ -85,7 +87,28 @@ describe('MenuRender component', () => {
       </MenuRender>
     );
 
-    childContainer = container.querySelector('.menu--item-children');
+    childContainer = container.querySelector(`.${MENU_ITEM_CHILDREN_CLASS}`);
+    expect(childContainer).toHaveClass('hidden');
+  });
+
+  it('toggles display of children when chevron icon is clicked', () => {
+    const { container } = render(
+      <MenuRender eventType="click" text="Parent">
+        <div data-testid="child">Child</div>
+      </MenuRender>
+    );
+    let childContainer = container.querySelector(`.${MENU_ITEM_CHILDREN_CLASS}`);
+    expect(childContainer).toHaveClass('hidden');
+
+    const chevronIcon = container.querySelector('.menu--item--link--icon');
+    expect(chevronIcon).toBeInTheDocument();
+
+    chevronIcon.click();
+    childContainer = container.querySelector(`.${MENU_ITEM_CHILDREN_CLASS}`);
+    expect(childContainer).not.toHaveClass('hidden');
+
+    chevronIcon.click();
+    childContainer = container.querySelector(`.${MENU_ITEM_CHILDREN_CLASS}`);
     expect(childContainer).toHaveClass('hidden');
   });
 });

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

@@ -17,6 +17,7 @@ exports[`MenuItem component should render a MenuItem based on passed parameters
       <i
         class="menu--item--link--icon"
         role="button"
+        tabindex="0"
       >
         <svg
           fill="currentColor"