@blaze-cms/react-page-builder 0.124.0-alpha.4 → 0.124.0-alpha.6

package/lib-es/hooks/use-get-single-entity-schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-get-single-entity-schema.js","names":["useQuery","getSingleEntitySchema","useGetSingleEntitySchema","id","skip","loading","error","data","variables"],"sources":["../../src/hooks/use-get-single-entity-schema.js"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport { getSingleEntitySchema } from '../application/query';\n\nconst useGetSingleEntitySchema = (id, skip = false) => {\n  const { loading, error, data } = useQuery(getSingleEntitySchema, {\n    variables: {\n      id\n    },\n    skip\n  });\n\n  return { loading, error, data };\n};\n\nexport default useGetSingleEntitySchema;\n"],"mappings":"AAAA,SAASA,QAAT,QAAyB,gBAAzB;AACA,SAASC,qBAAT,QAAsC,sBAAtC;;AAEA,MAAMC,wBAAwB,GAAG,CAACC,EAAD,EAAKC,IAAI,GAAG,KAAZ,KAAsB;EACrD,MAAM;IAAEC,OAAF;IAAWC,KAAX;IAAkBC;EAAlB,IAA2BP,QAAQ,CAACC,qBAAD,EAAwB;IAC/DO,SAAS,EAAE;MACTL;IADS,CADoD;IAI/DC;EAJ+D,CAAxB,CAAzC;EAOA,OAAO;IAAEC,OAAF;IAAWC,KAAX;IAAkBC;EAAlB,CAAP;AACD,CATD;;AAWA,eAAeL,wBAAf"}
+{"version":3,"sources":["../../src/hooks/use-get-single-entity-schema.js"],"names":["useQuery","getSingleEntitySchema","useGetSingleEntitySchema","id","skip","loading","error","data","variables"],"mappings":"AAAA,SAASA,QAAT,QAAyB,gBAAzB;AACA,SAASC,qBAAT,QAAsC,sBAAtC;;AAEA,MAAMC,wBAAwB,GAAG,CAACC,EAAD,EAAKC,IAAI,GAAG,KAAZ,KAAsB;AACrD,QAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,KAAX;AAAkBC,IAAAA;AAAlB,MAA2BP,QAAQ,CAACC,qBAAD,EAAwB;AAC/DO,IAAAA,SAAS,EAAE;AACTL,MAAAA;AADS,KADoD;AAI/DC,IAAAA;AAJ+D,GAAxB,CAAzC;AAOA,SAAO;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,KAAX;AAAkBC,IAAAA;AAAlB,GAAP;AACD,CATD;;AAWA,eAAeL,wBAAf","sourcesContent":["import { useQuery } from '@apollo/client';\nimport { getSingleEntitySchema } from '../application/query';\n\nconst useGetSingleEntitySchema = (id, skip = false) => {\n  const { loading, error, data } = useQuery(getSingleEntitySchema, {\n    variables: {\n      id\n    },\n    skip\n  });\n\n  return { loading, error, data };\n};\n\nexport default useGetSingleEntitySchema;\n"],"file":"use-get-single-entity-schema.js"}

package/lib-es/hooks/use-page-builder.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-page-builder.js","names":["useState","useEffect","buildPBComponents","usePageBuilder","data","page","setPage","getBuiltComponents","components","length"],"sources":["../../src/hooks/use-page-builder.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport buildPBComponents from './helpers';\n\nfunction usePageBuilder(data) {\n  const [page, setPage] = useState([]);\n\n  useEffect(\n    () => {\n      async function getBuiltComponents() {\n        const components = buildPBComponents(data);\n\n        setPage(components);\n      }\n\n      if (data && !page.length) {\n        getBuiltComponents();\n      }\n    },\n    [data, page]\n  );\n\n  return page;\n}\n\nexport default usePageBuilder;\n"],"mappings":"AAAA,SAASA,QAAT,EAAmBC,SAAnB,QAAoC,OAApC;AACA,OAAOC,iBAAP,MAA8B,WAA9B;;AAEA,SAASC,cAAT,CAAwBC,IAAxB,EAA8B;EAC5B,MAAM,CAACC,IAAD,EAAOC,OAAP,IAAkBN,QAAQ,CAAC,EAAD,CAAhC;EAEAC,SAAS,CACP,MAAM;IACJ,eAAeM,kBAAf,GAAoC;MAClC,MAAMC,UAAU,GAAGN,iBAAiB,CAACE,IAAD,CAApC;MAEAE,OAAO,CAACE,UAAD,CAAP;IACD;;IAED,IAAIJ,IAAI,IAAI,CAACC,IAAI,CAACI,MAAlB,EAA0B;MACxBF,kBAAkB;IACnB;EACF,CAXM,EAYP,CAACH,IAAD,EAAOC,IAAP,CAZO,CAAT;EAeA,OAAOA,IAAP;AACD;;AAED,eAAeF,cAAf"}
+{"version":3,"sources":["../../src/hooks/use-page-builder.js"],"names":["useState","useEffect","buildPBComponents","usePageBuilder","data","page","setPage","getBuiltComponents","components","length"],"mappings":"AAAA,SAASA,QAAT,EAAmBC,SAAnB,QAAoC,OAApC;AACA,OAAOC,iBAAP,MAA8B,WAA9B;;AAEA,SAASC,cAAT,CAAwBC,IAAxB,EAA8B;AAC5B,QAAM,CAACC,IAAD,EAAOC,OAAP,IAAkBN,QAAQ,CAAC,EAAD,CAAhC;AAEAC,EAAAA,SAAS,CACP,MAAM;AACJ,mBAAeM,kBAAf,GAAoC;AAClC,YAAMC,UAAU,GAAGN,iBAAiB,CAACE,IAAD,CAApC;AAEAE,MAAAA,OAAO,CAACE,UAAD,CAAP;AACD;;AAED,QAAIJ,IAAI,IAAI,CAACC,IAAI,CAACI,MAAlB,EAA0B;AACxBF,MAAAA,kBAAkB;AACnB;AACF,GAXM,EAYP,CAACH,IAAD,EAAOC,IAAP,CAZO,CAAT;AAeA,SAAOA,IAAP;AACD;;AAED,eAAeF,cAAf","sourcesContent":["import { useState, useEffect } from 'react';\nimport buildPBComponents from './helpers';\n\nfunction usePageBuilder(data) {\n  const [page, setPage] = useState([]);\n\n  useEffect(\n    () => {\n      async function getBuiltComponents() {\n        const components = buildPBComponents(data);\n\n        setPage(components);\n      }\n\n      if (data && !page.length) {\n        getBuiltComponents();\n      }\n    },\n    [data, page]\n  );\n\n  return page;\n}\n\nexport default usePageBuilder;\n"],"file":"use-page-builder.js"}

package/lib-es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","buildPBComponents","getLightboxImages","getComponent","componentMap","getClassModifiers","components","getAction","generateSingleItemQuery","generateMultiItemQuery","getEntitySchema","getSingleEntitySchema","getUser","buildPropsQuery","getUnpublishedEntityName","renderChildren","withTitle","useGetEntitySchema","useGetEntitySchemasAsObj","useGetSingleEntitySchema","summaryComponents","buildPropsToDisplayWithContent"],"sources":["../src/index.js"],"sourcesContent":["export { default as buildPBComponents } from './hooks/helpers/buildPBComponents';\nexport { default as getLightboxImages } from './hooks/helpers/get-lightbox-images';\nexport { default as getComponent } from './hooks/helpers/getComponent';\nexport { componentMap, getClassModifiers } from './utils';\nexport { default as components } from './components';\nexport {\n  getAction,\n  generateSingleItemQuery,\n  generateMultiItemQuery,\n  getEntitySchema,\n  getSingleEntitySchema,\n  getUser\n} from './application/query';\nexport { buildPropsQuery, getUnpublishedEntityName, renderChildren } from './helpers';\nexport { withTitle } from './HOC';\nexport { useGetEntitySchema, useGetEntitySchemasAsObj, useGetSingleEntitySchema } from './hooks';\nexport { summaryComponents } from './components/DataSummary/DataSummaryTypes';\nexport { buildPropsToDisplayWithContent } from './components/DataSummary/helpers';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,iBAApB,QAA6C,mCAA7C;AACA,SAASD,OAAO,IAAIE,iBAApB,QAA6C,qCAA7C;AACA,SAASF,OAAO,IAAIG,YAApB,QAAwC,8BAAxC;AACA,SAASC,YAAT,EAAuBC,iBAAvB,QAAgD,SAAhD;AACA,SAASL,OAAO,IAAIM,UAApB,QAAsC,cAAtC;AACA,SACEC,SADF,EAEEC,uBAFF,EAGEC,sBAHF,EAIEC,eAJF,EAKEC,qBALF,EAMEC,OANF,QAOO,qBAPP;AAQA,SAASC,eAAT,EAA0BC,wBAA1B,EAAoDC,cAApD,QAA0E,WAA1E;AACA,SAASC,SAAT,QAA0B,OAA1B;AACA,SAASC,kBAAT,EAA6BC,wBAA7B,EAAuDC,wBAAvD,QAAuF,SAAvF;AACA,SAASC,iBAAT,QAAkC,2CAAlC;AACA,SAASC,8BAAT,QAA+C,kCAA/C"}
+{"version":3,"sources":["../src/index.js"],"names":["default","buildPBComponents","getLightboxImages","getComponent","componentMap","getClassModifiers","components","getAction","generateSingleItemQuery","generateMultiItemQuery","getEntitySchema","getSingleEntitySchema","getUser","buildPropsQuery","getUnpublishedEntityName","renderChildren","withTitle","useGetEntitySchema","useGetEntitySchemasAsObj","useGetSingleEntitySchema","summaryComponents","buildPropsToDisplayWithContent"],"mappings":"AAAA,SAASA,OAAO,IAAIC,iBAApB,QAA6C,mCAA7C;AACA,SAASD,OAAO,IAAIE,iBAApB,QAA6C,qCAA7C;AACA,SAASF,OAAO,IAAIG,YAApB,QAAwC,8BAAxC;AACA,SAASC,YAAT,EAAuBC,iBAAvB,QAAgD,SAAhD;AACA,SAASL,OAAO,IAAIM,UAApB,QAAsC,cAAtC;AACA,SACEC,SADF,EAEEC,uBAFF,EAGEC,sBAHF,EAIEC,eAJF,EAKEC,qBALF,EAMEC,OANF,QAOO,qBAPP;AAQA,SAASC,eAAT,EAA0BC,wBAA1B,EAAoDC,cAApD,QAA0E,WAA1E;AACA,SAASC,SAAT,QAA0B,OAA1B;AACA,SAASC,kBAAT,EAA6BC,wBAA7B,EAAuDC,wBAAvD,QAAuF,SAAvF;AACA,SAASC,iBAAT,QAAkC,2CAAlC;AACA,SAASC,8BAAT,QAA+C,kCAA/C","sourcesContent":["export { default as buildPBComponents } from './hooks/helpers/buildPBComponents';\nexport { default as getLightboxImages } from './hooks/helpers/get-lightbox-images';\nexport { default as getComponent } from './hooks/helpers/getComponent';\nexport { componentMap, getClassModifiers } from './utils';\nexport { default as components } from './components';\nexport {\n  getAction,\n  generateSingleItemQuery,\n  generateMultiItemQuery,\n  getEntitySchema,\n  getSingleEntitySchema,\n  getUser\n} from './application/query';\nexport { buildPropsQuery, getUnpublishedEntityName, renderChildren } from './helpers';\nexport { withTitle } from './HOC';\nexport { useGetEntitySchema, useGetEntitySchemasAsObj, useGetSingleEntitySchema } from './hooks';\nexport { summaryComponents } from './components/DataSummary/DataSummaryTypes';\nexport { buildPropsToDisplayWithContent } from './components/DataSummary/helpers';\n"],"file":"index.js"}

package/lib-es/utils/component-map.js.map

@@ -1 +1 @@
-{"version":3,"file":"component-map.js","names":["BlazeError","componentMap","components","Map","get","key","getAll","Array","from","entries","add","component","validate","set","has","id","Math","random","test"],"sources":["../../src/utils/component-map.js"],"sourcesContent":["import { BlazeError } from '@blaze-cms/core-errors';\n\nfunction componentMap() {\n  const components = new Map();\n\n  function get(key) {\n    return components.get(key);\n  }\n\n  function getAll() {\n    return Array.from(components.entries());\n  }\n\n  function add({ key, component }) {\n    validate(key, component);\n    components.set(key, component);\n  }\n\n  function validate(key, component) {\n    if (!key || !component) throw new BlazeError('Component requires key and component');\n    if (components.has(key) && key !== 'array') throw new BlazeError(`Component already exist`);\n  }\n\n  return {\n    id: Math.random(),\n    add,\n    get,\n    getAll\n  };\n}\n\nconst test = componentMap();\n\nexport default test;\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,wBAA3B;;AAEA,SAASC,YAAT,GAAwB;EACtB,MAAMC,UAAU,GAAG,IAAIC,GAAJ,EAAnB;;EAEA,SAASC,GAAT,CAAaC,GAAb,EAAkB;IAChB,OAAOH,UAAU,CAACE,GAAX,CAAeC,GAAf,CAAP;EACD;;EAED,SAASC,MAAT,GAAkB;IAChB,OAAOC,KAAK,CAACC,IAAN,CAAWN,UAAU,CAACO,OAAX,EAAX,CAAP;EACD;;EAED,SAASC,GAAT,CAAa;IAAEL,GAAF;IAAOM;EAAP,CAAb,EAAiC;IAC/BC,QAAQ,CAACP,GAAD,EAAMM,SAAN,CAAR;IACAT,UAAU,CAACW,GAAX,CAAeR,GAAf,EAAoBM,SAApB;EACD;;EAED,SAASC,QAAT,CAAkBP,GAAlB,EAAuBM,SAAvB,EAAkC;IAChC,IAAI,CAACN,GAAD,IAAQ,CAACM,SAAb,EAAwB,MAAM,IAAIX,UAAJ,CAAe,sCAAf,CAAN;IACxB,IAAIE,UAAU,CAACY,GAAX,CAAeT,GAAf,KAAuBA,GAAG,KAAK,OAAnC,EAA4C,MAAM,IAAIL,UAAJ,CAAgB,yBAAhB,CAAN;EAC7C;;EAED,OAAO;IACLe,EAAE,EAAEC,IAAI,CAACC,MAAL,EADC;IAELP,GAFK;IAGLN,GAHK;IAILE;EAJK,CAAP;AAMD;;AAED,MAAMY,IAAI,GAAGjB,YAAY,EAAzB;AAEA,eAAeiB,IAAf"}
+{"version":3,"sources":["../../src/utils/component-map.js"],"names":["BlazeError","componentMap","components","Map","get","key","getAll","Array","from","entries","add","component","validate","set","has","id","Math","random","test"],"mappings":"AAAA,SAASA,UAAT,QAA2B,wBAA3B;;AAEA,SAASC,YAAT,GAAwB;AACtB,QAAMC,UAAU,GAAG,IAAIC,GAAJ,EAAnB;;AAEA,WAASC,GAAT,CAAaC,GAAb,EAAkB;AAChB,WAAOH,UAAU,CAACE,GAAX,CAAeC,GAAf,CAAP;AACD;;AAED,WAASC,MAAT,GAAkB;AAChB,WAAOC,KAAK,CAACC,IAAN,CAAWN,UAAU,CAACO,OAAX,EAAX,CAAP;AACD;;AAED,WAASC,GAAT,CAAa;AAAEL,IAAAA,GAAF;AAAOM,IAAAA;AAAP,GAAb,EAAiC;AAC/BC,IAAAA,QAAQ,CAACP,GAAD,EAAMM,SAAN,CAAR;AACAT,IAAAA,UAAU,CAACW,GAAX,CAAeR,GAAf,EAAoBM,SAApB;AACD;;AAED,WAASC,QAAT,CAAkBP,GAAlB,EAAuBM,SAAvB,EAAkC;AAChC,QAAI,CAACN,GAAD,IAAQ,CAACM,SAAb,EAAwB,MAAM,IAAIX,UAAJ,CAAe,sCAAf,CAAN;AACxB,QAAIE,UAAU,CAACY,GAAX,CAAeT,GAAf,KAAuBA,GAAG,KAAK,OAAnC,EAA4C,MAAM,IAAIL,UAAJ,CAAgB,yBAAhB,CAAN;AAC7C;;AAED,SAAO;AACLe,IAAAA,EAAE,EAAEC,IAAI,CAACC,MAAL,EADC;AAELP,IAAAA,GAFK;AAGLN,IAAAA,GAHK;AAILE,IAAAA;AAJK,GAAP;AAMD;;AAED,MAAMY,IAAI,GAAGjB,YAAY,EAAzB;AAEA,eAAeiB,IAAf","sourcesContent":["import { BlazeError } from '@blaze-cms/core-errors';\n\nfunction componentMap() {\n  const components = new Map();\n\n  function get(key) {\n    return components.get(key);\n  }\n\n  function getAll() {\n    return Array.from(components.entries());\n  }\n\n  function add({ key, component }) {\n    validate(key, component);\n    components.set(key, component);\n  }\n\n  function validate(key, component) {\n    if (!key || !component) throw new BlazeError('Component requires key and component');\n    if (components.has(key) && key !== 'array') throw new BlazeError(`Component already exist`);\n  }\n\n  return {\n    id: Math.random(),\n    add,\n    get,\n    getAll\n  };\n}\n\nconst test = componentMap();\n\nexport default test;\n"],"file":"component-map.js"}

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","commonProps","responsiveProps","buttonProps","iconProps","commonAttributes","props","prefix","supportedTypes","row","column","button","icon","textBlock","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} = CLASS_MODIFIERS;\nconst commonProps = [GTM_CLASS_NAME, MODIFIER];\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, ...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,"sources":["../../src/utils/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","commonProps","responsiveProps","buttonProps","iconProps","commonAttributes","props","prefix","supportedTypes","row","column","button","icon","textBlock","banner","image","hero","video","list","code","getClassModifiers","type","supportedProps","defaultValues","modifiers","map","prop","propValue","stringValue","isResponsiveProp","includes","undefined","filter","Boolean","unshift","join"],"mappings":"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","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} = CLASS_MODIFIERS;\nconst commonProps = [GTM_CLASS_NAME, MODIFIER];\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, ...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"],"file":"get-class-modifiers.js"}

package/lib-es/utils/get-image-data.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-image-data.js","names":["parseHTML","PROPS_TO_CHECK","getImageData","otherProps","data","imageData","forEach","keyData","keyProps","value"],"sources":["../../src/utils/get-image-data.js"],"sourcesContent":["import parseHTML from 'html-react-parser';\nimport { PROPS_TO_CHECK } from '../constants';\n\nconst getImageData = (otherProps, data) => {\n  const imageData = {};\n\n  PROPS_TO_CHECK.forEach(([keyData, keyProps]) => {\n    const value = otherProps[keyProps] || (data && data[keyData]);\n    if (keyData === 'caption') {\n      imageData[keyData] = value ? parseHTML(value) : '';\n      return;\n    }\n    imageData[keyData] = value || '';\n  });\n\n  return imageData;\n};\n\nexport default getImageData;\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,mBAAtB;AACA,SAASC,cAAT,QAA+B,cAA/B;;AAEA,MAAMC,YAAY,GAAG,CAACC,UAAD,EAAaC,IAAb,KAAsB;EACzC,MAAMC,SAAS,GAAG,EAAlB;EAEAJ,cAAc,CAACK,OAAf,CAAuB,CAAC,CAACC,OAAD,EAAUC,QAAV,CAAD,KAAyB;IAC9C,MAAMC,KAAK,GAAGN,UAAU,CAACK,QAAD,CAAV,IAAyBJ,IAAI,IAAIA,IAAI,CAACG,OAAD,CAAnD;;IACA,IAAIA,OAAO,KAAK,SAAhB,EAA2B;MACzBF,SAAS,CAACE,OAAD,CAAT,GAAqBE,KAAK,GAAGT,SAAS,CAACS,KAAD,CAAZ,GAAsB,EAAhD;MACA;IACD;;IACDJ,SAAS,CAACE,OAAD,CAAT,GAAqBE,KAAK,IAAI,EAA9B;EACD,CAPD;EASA,OAAOJ,SAAP;AACD,CAbD;;AAeA,eAAeH,YAAf"}
+{"version":3,"sources":["../../src/utils/get-image-data.js"],"names":["parseHTML","PROPS_TO_CHECK","getImageData","otherProps","data","imageData","forEach","keyData","keyProps","value"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,mBAAtB;AACA,SAASC,cAAT,QAA+B,cAA/B;;AAEA,MAAMC,YAAY,GAAG,CAACC,UAAD,EAAaC,IAAb,KAAsB;AACzC,QAAMC,SAAS,GAAG,EAAlB;AAEAJ,EAAAA,cAAc,CAACK,OAAf,CAAuB,CAAC,CAACC,OAAD,EAAUC,QAAV,CAAD,KAAyB;AAC9C,UAAMC,KAAK,GAAGN,UAAU,CAACK,QAAD,CAAV,IAAyBJ,IAAI,IAAIA,IAAI,CAACG,OAAD,CAAnD;;AACA,QAAIA,OAAO,KAAK,SAAhB,EAA2B;AACzBF,MAAAA,SAAS,CAACE,OAAD,CAAT,GAAqBE,KAAK,GAAGT,SAAS,CAACS,KAAD,CAAZ,GAAsB,EAAhD;AACA;AACD;;AACDJ,IAAAA,SAAS,CAACE,OAAD,CAAT,GAAqBE,KAAK,IAAI,EAA9B;AACD,GAPD;AASA,SAAOJ,SAAP;AACD,CAbD;;AAeA,eAAeH,YAAf","sourcesContent":["import parseHTML from 'html-react-parser';\nimport { PROPS_TO_CHECK } from '../constants';\n\nconst getImageData = (otherProps, data) => {\n  const imageData = {};\n\n  PROPS_TO_CHECK.forEach(([keyData, keyProps]) => {\n    const value = otherProps[keyProps] || (data && data[keyData]);\n    if (keyData === 'caption') {\n      imageData[keyData] = value ? parseHTML(value) : '';\n      return;\n    }\n    imageData[keyData] = value || '';\n  });\n\n  return imageData;\n};\n\nexport default getImageData;\n"],"file":"get-image-data.js"}

package/lib-es/utils/get-props-to-display-modifiers.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-props-to-display-modifiers.js","names":["getPropsToDisplayModifiers","propsToDisplay","map","modifier"],"sources":["../../src/utils/get-props-to-display-modifiers.js"],"sourcesContent":["const getPropsToDisplayModifiers = propsToDisplay =>\n  propsToDisplay.map(({ modifier }) => modifier || '');\n\nexport default getPropsToDisplayModifiers;\n"],"mappings":"AAAA,MAAMA,0BAA0B,GAAGC,cAAc,IAC/CA,cAAc,CAACC,GAAf,CAAmB,CAAC;EAAEC;AAAF,CAAD,KAAkBA,QAAQ,IAAI,EAAjD,CADF;;AAGA,eAAeH,0BAAf"}
+{"version":3,"sources":["../../src/utils/get-props-to-display-modifiers.js"],"names":["getPropsToDisplayModifiers","propsToDisplay","map","modifier"],"mappings":"AAAA,MAAMA,0BAA0B,GAAGC,cAAc,IAC/CA,cAAc,CAACC,GAAf,CAAmB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAkBA,QAAQ,IAAI,EAAjD,CADF;;AAGA,eAAeH,0BAAf","sourcesContent":["const getPropsToDisplayModifiers = propsToDisplay =>\n  propsToDisplay.map(({ modifier }) => modifier || '');\n\nexport default getPropsToDisplayModifiers;\n"],"file":"get-props-to-display-modifiers.js"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getClassModifiers","componentMap","isObjectEmpty","getImageData","getPropsToDisplayModifiers"],"sources":["../../src/utils/index.js"],"sourcesContent":["import getClassModifiers from './get-class-modifiers';\nimport componentMap from './component-map';\nimport isObjectEmpty from './is-object-empty';\nimport getImageData from './get-image-data';\nimport getPropsToDisplayModifiers from './get-props-to-display-modifiers';\n\nexport { getClassModifiers, componentMap, isObjectEmpty, getImageData, getPropsToDisplayModifiers };\n"],"mappings":"AAAA,OAAOA,iBAAP,MAA8B,uBAA9B;AACA,OAAOC,YAAP,MAAyB,iBAAzB;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,0BAAP,MAAuC,kCAAvC;AAEA,SAASJ,iBAAT,EAA4BC,YAA5B,EAA0CC,aAA1C,EAAyDC,YAAzD,EAAuEC,0BAAvE"}
+{"version":3,"sources":["../../src/utils/index.js"],"names":["getClassModifiers","componentMap","isObjectEmpty","getImageData","getPropsToDisplayModifiers"],"mappings":"AAAA,OAAOA,iBAAP,MAA8B,uBAA9B;AACA,OAAOC,YAAP,MAAyB,iBAAzB;AACA,OAAOC,aAAP,MAA0B,mBAA1B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,0BAAP,MAAuC,kCAAvC;AAEA,SAASJ,iBAAT,EAA4BC,YAA5B,EAA0CC,aAA1C,EAAyDC,YAAzD,EAAuEC,0BAAvE","sourcesContent":["import getClassModifiers from './get-class-modifiers';\nimport componentMap from './component-map';\nimport isObjectEmpty from './is-object-empty';\nimport getImageData from './get-image-data';\nimport getPropsToDisplayModifiers from './get-props-to-display-modifiers';\n\nexport { getClassModifiers, componentMap, isObjectEmpty, getImageData, getPropsToDisplayModifiers };\n"],"file":"index.js"}

package/lib-es/utils/is-object-empty.js.map

@@ -1 +1 @@
-{"version":3,"file":"is-object-empty.js","names":["isObjectEmpty","objectToCheck","Object","keys","length"],"sources":["../../src/utils/is-object-empty.js"],"sourcesContent":["export default function isObjectEmpty(objectToCheck) {\n  return !(!objectToCheck || Object.keys(objectToCheck).length);\n}\n"],"mappings":"AAAA,eAAe,SAASA,aAAT,CAAuBC,aAAvB,EAAsC;EACnD,OAAO,EAAE,CAACA,aAAD,IAAkBC,MAAM,CAACC,IAAP,CAAYF,aAAZ,EAA2BG,MAA/C,CAAP;AACD"}
+{"version":3,"sources":["../../src/utils/is-object-empty.js"],"names":["isObjectEmpty","objectToCheck","Object","keys","length"],"mappings":"AAAA,eAAe,SAASA,aAAT,CAAuBC,aAAvB,EAAsC;AACnD,SAAO,EAAE,CAACA,aAAD,IAAkBC,MAAM,CAACC,IAAP,CAAYF,aAAZ,EAA2BG,MAA/C,CAAP;AACD","sourcesContent":["export default function isObjectEmpty(objectToCheck) {\n  return !(!objectToCheck || Object.keys(objectToCheck).length);\n}\n"],"file":"is-object-empty.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.124.0-alpha.4",
+  "version": "0.124.0-alpha.6",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -84,5 +84,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "b64d7bf5579ccdf2cdbd4930ed07f27f8c8658a1"
+  "gitHead": "2aa92004e0257ef18f0ebb7615617cf389cbe850"
 }

package/src/application/query/index.js

@@ -156,6 +156,10 @@ const getPublishedContent = entity => `
         ... on ${entity} {
           id
           name
+          image {
+            url
+            __typename
+          }
           url
           __typename
         }

package/src/components/SearchContent/index.js

@@ -1,12 +1,13 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
-import { gql, useQuery } from '@apollo/client';
+import { gql, useApolloClient } from '@apollo/client';
+
 import { useRouter } from 'next/router';
 import { getPublishedContent } from '../../application/query';
 import BlazeLink from '../BlazeLink';
 
 const SearchContent = ({
-  entity,
+  entities,
   searchInputAlignment,
   searchInputWrapperMobile,
   searchInputWrapperDesktop,
@@ -16,44 +17,80 @@ const SearchContent = ({
 }) => {
   const [collapsed, setCollapsed] = useState(collapsible);
   const [searchTerm, setSearchTerm] = useState(null);
+  const [data, setData] = useState([]);
+
   const router = useRouter();
+  const client = useApolloClient();
 
   const capitalize = s => {
     if (typeof s !== 'string') return '';
     return s.charAt(0).toUpperCase() + s.slice(1);
   };
 
-  const [a, b] = entity.split('_');
-
-  const entityName = capitalize(a) + capitalize(b);
+  React.useEffect(() => {
+    if (data && data.length !== 0) return;
+
+    const promises = entities.map(entity => {
+      const [a, b] = entity.split('_');
+
+      const entityName = capitalize(a) + capitalize(b);
+
+      const rawQueryStringified = JSON.stringify({
+        size: 0,
+        query: {
+          bool: {
+            should: [
+              {
+                match: {
+                  docType: entity
+                }
+              }
+            ],
+            minimum_should_match: 1
+          }
+        }
+      });
 
-  const rawQueryStringified = JSON.stringify({
-    size: 0,
-    query: {
-      bool: {
-        should: [
-          {
-            match: {
-              docType: entity
-            }
+      const query = gql`
+        ${getPublishedContent(entityName)}
+      `;
+
+      try {
+        return client.query({
+          query,
+          variables: {
+            rawQueryStringified,
+            offset: 0,
+            limit: 5
           }
-        ],
-        minimum_should_match: 1
+        });
+      } catch (e) {
+        return [];
       }
+    });
+
+    try {
+      (async () => {
+        try {
+          const fetchResults = await Promise.all(promises);
+          const searchResults = fetchResults
+            .map(result => {
+              const { data } = result;
+              return data.searchPublishedContent.results;
+            })
+            .flat();
+
+          setData(searchResults);
+          console.log({ searchResults });
+        } catch (e) {
+          console.error(e);
+        }
+      })();
+    } catch (e) {
+      console.error(e);
     }
   });
 
-  const query = gql`
-    ${getPublishedContent(entityName)}
-  `;
-
-  const { loading, error, data } = useQuery(query, {
-    variables: { rawQueryStringified, offset: 0, limit: 5 }
-  });
-
-  if (loading) return null;
-  if (error) return null;
-
   const handleClick = (e, url) => {
     e.preventDefault();
     router.push(url);
@@ -65,26 +102,28 @@ const SearchContent = ({
     }
   };
 
-  const renderResults = () => {
+  const renderResults = () =>
     // eslint-disable-next-line no-undef
-    const { results } = data?.searchPublishedContent;
+    data?.map(dataItem => {
+      const { name, image, url } = dataItem;
 
-    if (results && searchTerm && searchTerm !== '') {
-      return results.map(({ name, url }) => {
+      if (searchTerm && searchTerm !== '') {
         if (name.includes(searchTerm)) {
           return (
             <BlazeLink href={url} onClick={e => handleClick(e, url)}>
-              {name}
+              <div className="mt-2 mb-1">
+                <div className="flex justify-start items-center">
+                  {image.url ? <img src={image.url} alt={name} className="w-20 h-14" /> : null}
+                  <span className="ml-2">{name}</span>
+                </div>
+              </div>
             </BlazeLink>
           );
         }
 
         return null;
-      });
-    }
-
-    return [];
-  };
+      }
+    });
 
   const searchResultsMessage = searchTerm ? `Search results for: ${searchTerm}` : '';
 
@@ -164,7 +203,7 @@ SearchContent.propTypes = {
   placeholder: PropTypes.string,
   isMobile: PropTypes.bool,
   collapsible: PropTypes.bool,
-  entity: PropTypes.string.isRequired
+  entities: PropTypes.array.isRequired
 };
 
 SearchContent.defaultProps = {