@blaze-cms/react-page-builder 0.137.0 → 0.137.1

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.137.1](https://github.com/thebyte9/blaze/compare/v0.137.0...v0.137.1) (2023-12-12)
+
+
+### Bug Fixes
+
+* do not set parallax class if undefined ([8aa7014](https://github.com/thebyte9/blaze/commit/8aa70140a294b060ac108a2b7f2ff2cd2ed3e457))
+
+
+
+
+
 # [0.137.0](https://github.com/thebyte9/blaze/compare/v0.137.0-alpha.1...v0.137.0) (2023-12-11)
 
 **Note:** Version bump only for package @blaze-cms/react-page-builder

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

@@ -91,6 +91,7 @@ function getClassModifiers(type, props) {
     if (prop === WIDTH || prop === _constants.LINK) return "".concat(type, "--").concat(propValue);
     if (prop === GTM_CLASS_NAME) return "".concat(propValue);
     if (prop === STICKY) return propValue ? "".concat(type, "--").concat(stringValue) : '';
+    if (prop === PARALLAX) return propValue ? "".concat(type, "--").concat(stringValue) : '';
     return stringValue ? "".concat(type, "--").concat(stringValue) : '';
   }).filter(Boolean);
   if (prefix) modifiers.unshift(prefix);

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

@@ -1 +1 @@
-{"version":3,"file":"get-class-modifiers.js","names":["_constants","require","_componentsDefaultValues","_interopRequireDefault","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","BUTTON_TYPE","CLASS_MODIFIERS","DEFAULT","DESKTOP","GTM_CLASS_NAME","HIDE","ICON","MOBILE","MODIFIER","SIZE","STICKY","STYLE","TABLET","WIDTH","ALIGNMENT","PARALLAX","commonProps","responsiveProps","buttonProps","concat","iconProps","commonAttributes","props","prefix","supportedTypes","row","column","button","BUTTON","icon","ICON_BUTTON","textBlock","banner","image","hero","video","list","code","CODE","getClassModifiers","type","_ref","supportedProps","defaultValues","COMPONENTS_DEFAULT_VALUES","modifiers","map","prop","propValue","stringValue","isResponsiveProp","includes","BUTTON_ICON","undefined","LINK","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      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\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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"}
+{"version":3,"file":"get-class-modifiers.js","names":["_constants","require","_componentsDefaultValues","_interopRequireDefault","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","BUTTON_TYPE","CLASS_MODIFIERS","DEFAULT","DESKTOP","GTM_CLASS_NAME","HIDE","ICON","MOBILE","MODIFIER","SIZE","STICKY","STYLE","TABLET","WIDTH","ALIGNMENT","PARALLAX","commonProps","responsiveProps","buttonProps","concat","iconProps","commonAttributes","props","prefix","supportedTypes","row","column","button","BUTTON","icon","ICON_BUTTON","textBlock","banner","image","hero","video","list","code","CODE","getClassModifiers","type","_ref","supportedProps","defaultValues","COMPONENTS_DEFAULT_VALUES","modifiers","map","prop","propValue","stringValue","isResponsiveProp","includes","BUTTON_ICON","undefined","LINK","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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"}

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

@@ -72,6 +72,7 @@ export default function getClassModifiers(type, props) {
     if (prop === WIDTH || prop === LINK) return `${type}--${propValue}`;
     if (prop === GTM_CLASS_NAME) return `${propValue}`;
     if (prop === STICKY) return propValue ? `${type}--${stringValue}` : '';
+    if (prop === PARALLAX) return propValue ? `${type}--${stringValue}` : '';
     return stringValue ? `${type}--${stringValue}` : '';
   }).filter(Boolean);
   if (prefix) modifiers.unshift(prefix);

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      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\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;IACrE,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;IAEtE,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"}
+{"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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.137.0",
+  "version": "0.137.1",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -89,5 +89,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "6c1f895cae00909ca2bc1059b8de1cdd38c3af66"
+  "gitHead": "c1cda9a21f23050af5691303cb2bfce8a873639c"
 }

package/src/utils/get-class-modifiers.js

@@ -51,6 +51,7 @@ export default function getClassModifiers(type, props) {
     .map(prop => {
       const propValue = props[prop];
       const stringValue = typeof propValue === 'boolean' ? prop : propValue;
+
       const isResponsiveProp = responsiveProps.includes(prop);
       if (prop === ICON) return propValue ? BUTTON_ICON : '';
       if (prop === MODIFIER && propValue) return `${propValue}`;
@@ -60,6 +61,7 @@ export default function getClassModifiers(type, props) {
       if (prop === WIDTH || prop === LINK) return `${type}--${propValue}`;
       if (prop === GTM_CLASS_NAME) return `${propValue}`;
       if (prop === STICKY) return propValue ? `${type}--${stringValue}` : '';
+      if (prop === PARALLAX) return propValue ? `${type}--${stringValue}` : '';
 
       return stringValue ? `${type}--${stringValue}` : '';
     })

package/tests/unit/src/utils/get-class-modifiers.test.js

@@ -1,7 +1,7 @@
-import '@testing-library/jest-dom/extend-expect';
 import { getClassModifiers } from '../../../../src/utils';
 
 describe('get class modifiers', () => {
+  const parallaxClass = 'image--parallax';
   const mockedProps = {
     desktop: true,
     mobile: false,
@@ -96,4 +96,21 @@ describe('get class modifiers', () => {
     const defaultProps = getClassModifiers('button', unsetProps);
     expect(defaultProps).toContain('button--center alignment');
   });
+
+  it('should add parallax settings', () => {
+    const imageMockedProps = {
+      parallax: true
+    };
+    expect(getClassModifiers('image', imageMockedProps)).toContain(parallaxClass);
+  });
+
+  it('should not add parallax if false or not present', () => {
+    const imageMockedProps = {
+      parallax: false
+    };
+    expect(getClassModifiers('image', imageMockedProps)).not.toContain(parallaxClass);
+
+    delete imageMockedProps.parallax;
+    expect(getClassModifiers('image', imageMockedProps)).not.toContain(parallaxClass);
+  });
 });