@blaze-cms/react-page-builder 0.106.0-alpha.0 → 0.107.0-alpha.0

package/lib-es/components/DataSummary/DataSummaryFactory.js

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-const _excluded = ["entity", "dataRecordId", "propsToDisplay", "type", "useSelectedEntity", "elementTitle", "modifier", "headingStyle"];
+const _excluded = ["entity", "dataRecordId", "propsToDisplay", "type", "useSelectedEntity", "elementTitle", "modifier", "headingStyle", "loopProperties", "loopLimit"];
 import React, { useContext } from 'react';
 import { useQuery } from '@apollo/react-hooks';
 import PropTypes from 'prop-types';
@@ -18,7 +18,9 @@ const DataSummaryFactory = _ref => {
     useSelectedEntity,
     elementTitle,
     modifier,
-    headingStyle
+    headingStyle,
+    loopProperties,
+    loopLimit
   } = _ref,
       dataSummaryProps = _objectWithoutProperties(_ref, _excluded);
 
@@ -38,6 +40,7 @@ const DataSummaryFactory = _ref => {
   if (loading) return '';
   if (error) return error.message;
   if (!data) return null;
+  if (!propsToDisplay || !propsToDisplay.length) return null;
   const propsToDisplayValues = checkPropsToUse(propsToDisplay);
   const propsQueryString = buildPropsQuery(data, propsToDisplayValues);
   const dataSummaryQuery = getDataSummaryQuery(data, isPreview, propsQueryString);
@@ -45,6 +48,8 @@ const DataSummaryFactory = _ref => {
   return /*#__PURE__*/React.createElement(DataSummaryRender, {
     recordId: recordId,
     propsToDisplay: propsToDisplay,
+    loopProperties: loopProperties,
+    loopLimit: loopLimit,
     query: dataSummaryQuery,
     type: type,
     elementTitle: elementTitle,
@@ -61,7 +66,9 @@ DataSummaryFactory.propTypes = {
   useSelectedEntity: PropTypes.bool,
   elementTitle: PropTypes.string,
   modifier: PropTypes.string,
-  headingStyle: PropTypes.string
+  headingStyle: PropTypes.string,
+  loopProperties: PropTypes.array,
+  loopLimit: PropTypes.number
 };
 DataSummaryFactory.defaultProps = {
   type: 'text',
@@ -71,7 +78,9 @@ DataSummaryFactory.defaultProps = {
   entity: '',
   elementTitle: '',
   modifier: '',
-  headingStyle: 'h2'
+  headingStyle: 'h2',
+  loopProperties: [],
+  loopLimit: 0
 };
 export default DataSummaryFactory;
 //# sourceMappingURL=DataSummaryFactory.js.map

package/lib-es/components/DataSummary/DataSummaryFactory.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/DataSummary/DataSummaryFactory.js"],"names":["React","useContext","useQuery","PropTypes","MainContext","getSingleEntitySchema","buildPropsQuery","checkPropsToUse","getDataSummaryQuery","DataSummaryRender","DataSummaryFactory","entity","dataRecordId","propsToDisplay","type","useSelectedEntity","elementTitle","modifier","headingStyle","dataSummaryProps","entityForQuery","parent","itemEntity","data","error","loading","variables","id","isPreview","message","propsToDisplayValues","propsQueryString","dataSummaryQuery","recordId","itemId","propTypes","string","array","bool","defaultProps"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\nimport { useQuery } from '@apollo/react-hooks';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { getSingleEntitySchema } from '../../application/query';\nimport { buildPropsQuery, checkPropsToUse } from '../../helpers';\nimport { getDataSummaryQuery } from './helpers';\nimport DataSummaryRender from './DataSummaryRender';\n\nconst DataSummaryFactory = ({\n  entity,\n  dataRecordId,\n  propsToDisplay,\n  type,\n  useSelectedEntity,\n  elementTitle,\n  modifier,\n  headingStyle,\n  ...dataSummaryProps\n}) => {\n  const entityForQuery = useSelectedEntity ? entity : dataSummaryProps.parent.itemEntity;\n  const { data, error, loading } = useQuery(getSingleEntitySchema, {\n    variables: { id: entityForQuery }\n  });\n  const { isPreview } = useContext(MainContext);\n\n  if (loading) return '';\n  if (error) return error.message;\n  if (!data) return null;\n\n  const propsToDisplayValues = checkPropsToUse(propsToDisplay);\n  const propsQueryString = buildPropsQuery(data, propsToDisplayValues);\n  const dataSummaryQuery = getDataSummaryQuery(data, isPreview, propsQueryString);\n  const recordId = dataRecordId[0] || dataSummaryProps.parent.itemId;\n\n  return (\n    <DataSummaryRender\n      recordId={recordId}\n      propsToDisplay={propsToDisplay}\n      query={dataSummaryQuery}\n      type={type}\n      elementTitle={elementTitle}\n      modifier={modifier}\n      htmlTag={headingStyle}\n    />\n  );\n};\n\nDataSummaryFactory.propTypes = {\n  type: PropTypes.string,\n  dataRecordId: PropTypes.array,\n  propsToDisplay: PropTypes.array,\n  entity: PropTypes.string,\n  useSelectedEntity: PropTypes.bool,\n  elementTitle: PropTypes.string,\n  modifier: PropTypes.string,\n  headingStyle: PropTypes.string\n};\n\nDataSummaryFactory.defaultProps = {\n  type: 'text',\n  dataRecordId: [],\n  propsToDisplay: [],\n  useSelectedEntity: true,\n  entity: '',\n  elementTitle: '',\n  modifier: '',\n  headingStyle: 'h2'\n};\n\nexport default DataSummaryFactory;\n"],"file":"DataSummaryFactory.js"}
+{"version":3,"sources":["../../../src/components/DataSummary/DataSummaryFactory.js"],"names":["React","useContext","useQuery","PropTypes","MainContext","getSingleEntitySchema","buildPropsQuery","checkPropsToUse","getDataSummaryQuery","DataSummaryRender","DataSummaryFactory","entity","dataRecordId","propsToDisplay","type","useSelectedEntity","elementTitle","modifier","headingStyle","loopProperties","loopLimit","dataSummaryProps","entityForQuery","parent","itemEntity","data","error","loading","variables","id","isPreview","message","length","propsToDisplayValues","propsQueryString","dataSummaryQuery","recordId","itemId","propTypes","string","array","bool","number","defaultProps"],"mappings":"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","sourcesContent":["import React, { useContext } from 'react';\nimport { useQuery } from '@apollo/react-hooks';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { getSingleEntitySchema } from '../../application/query';\nimport { buildPropsQuery, checkPropsToUse } from '../../helpers';\nimport { getDataSummaryQuery } from './helpers';\nimport DataSummaryRender from './DataSummaryRender';\n\nconst DataSummaryFactory = ({\n  entity,\n  dataRecordId,\n  propsToDisplay,\n  type,\n  useSelectedEntity,\n  elementTitle,\n  modifier,\n  headingStyle,\n  loopProperties,\n  loopLimit,\n  ...dataSummaryProps\n}) => {\n  const entityForQuery = useSelectedEntity ? entity : dataSummaryProps.parent.itemEntity;\n  const { data, error, loading } = useQuery(getSingleEntitySchema, {\n    variables: { id: entityForQuery }\n  });\n  const { isPreview } = useContext(MainContext);\n\n  if (loading) return '';\n  if (error) return error.message;\n  if (!data) return null;\n  if (!propsToDisplay || !propsToDisplay.length) return null;\n  const propsToDisplayValues = checkPropsToUse(propsToDisplay);\n  const propsQueryString = buildPropsQuery(data, propsToDisplayValues);\n  const dataSummaryQuery = getDataSummaryQuery(data, isPreview, propsQueryString);\n  const recordId = dataRecordId[0] || dataSummaryProps.parent.itemId;\n\n  return (\n    <DataSummaryRender\n      recordId={recordId}\n      propsToDisplay={propsToDisplay}\n      loopProperties={loopProperties}\n      loopLimit={loopLimit}\n      query={dataSummaryQuery}\n      type={type}\n      elementTitle={elementTitle}\n      modifier={modifier}\n      htmlTag={headingStyle}\n    />\n  );\n};\n\nDataSummaryFactory.propTypes = {\n  type: PropTypes.string,\n  dataRecordId: PropTypes.array,\n  propsToDisplay: PropTypes.array,\n  entity: PropTypes.string,\n  useSelectedEntity: PropTypes.bool,\n  elementTitle: PropTypes.string,\n  modifier: PropTypes.string,\n  headingStyle: PropTypes.string,\n  loopProperties: PropTypes.array,\n  loopLimit: PropTypes.number\n};\n\nDataSummaryFactory.defaultProps = {\n  type: 'text',\n  dataRecordId: [],\n  propsToDisplay: [],\n  useSelectedEntity: true,\n  entity: '',\n  elementTitle: '',\n  modifier: '',\n  headingStyle: 'h2',\n  loopProperties: [],\n  loopLimit: 0\n};\n\nexport default DataSummaryFactory;\n"],"file":"DataSummaryFactory.js"}

package/lib-es/components/DataSummary/DataSummaryRender.js

@@ -1,11 +1,11 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-const _excluded = ["type", "htmlTag", "recordId", "query", "propsToDisplay", "elementTitle"];
+const _excluded = ["type", "htmlTag", "recordId", "query", "propsToDisplay", "elementTitle", "loopProperties", "loopLimit"];
 import React from 'react';
 import { useQuery } from '@apollo/react-hooks';
 import PropTypes from 'prop-types';
 import { summaryComponents } from './DataSummaryTypes';
 import { getClassModifiers, getPropsToDisplayModifiers } from '../../utils';
-import { buildPropsToDisplayWithContent, stripSummaryPropsContent } from './helpers';
+import { buildPropsToDisplayWithContent, stripSummaryPropsContent, buildLoopPropsContent } from './helpers';
 
 const DataSummaryRender = _ref => {
   let {
@@ -14,7 +14,9 @@ const DataSummaryRender = _ref => {
     recordId,
     query,
     propsToDisplay,
-    elementTitle
+    elementTitle,
+    loopProperties,
+    loopLimit
   } = _ref,
       otherProps = _objectWithoutProperties(_ref, _excluded);
 
@@ -33,8 +35,9 @@ const DataSummaryRender = _ref => {
   const {
     entityData
   } = data;
+  const shouldLoop = loopProperties && loopProperties.length;
   const modifier = getClassModifiers('list', otherProps);
-  const summaryPropsWithContent = buildPropsToDisplayWithContent(entityData, propsToDisplay);
+  const summaryPropsWithContent = shouldLoop ? buildLoopPropsContent(loopProperties, propsToDisplay, loopLimit, entityData) : buildPropsToDisplayWithContent(entityData, propsToDisplay);
   const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);
   const summaryPropsWithCleanContent = stripSummaryPropsContent(propsToDisplay, summaryPropsWithContent);
   const SummaryComponent = summaryComponents[type];
@@ -54,7 +57,9 @@ DataSummaryRender.propTypes = {
   recordId: PropTypes.string,
   propsToDisplay: PropTypes.array,
   elementTitle: PropTypes.string,
-  htmlTag: PropTypes.string
+  htmlTag: PropTypes.string,
+  loopProperties: PropTypes.array,
+  loopLimit: PropTypes.number
 };
 DataSummaryRender.defaultProps = {
   type: 'text',
@@ -62,7 +67,9 @@ DataSummaryRender.defaultProps = {
   recordId: '',
   propsToDisplay: [],
   elementTitle: '',
-  htmlTag: 'h2'
+  htmlTag: 'h2',
+  loopProperties: [],
+  loopLimit: 0
 };
 export default DataSummaryRender;
 //# sourceMappingURL=DataSummaryRender.js.map

package/lib-es/components/DataSummary/DataSummaryRender.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/DataSummary/DataSummaryRender.js"],"names":["React","useQuery","PropTypes","summaryComponents","getClassModifiers","getPropsToDisplayModifiers","buildPropsToDisplayWithContent","stripSummaryPropsContent","DataSummaryRender","type","htmlTag","recordId","query","propsToDisplay","elementTitle","otherProps","data","error","loading","variables","id","message","entityData","modifier","summaryPropsWithContent","propsToDisplayModifiers","summaryPropsWithCleanContent","SummaryComponent","length","propTypes","string","object","array","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyB,qBAAzB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,iBAAT,QAAkC,oBAAlC;AACA,SAASC,iBAAT,EAA4BC,0BAA5B,QAA8D,aAA9D;AACA,SAASC,8BAAT,EAAyCC,wBAAzC,QAAyE,WAAzE;;AAEA,MAAMC,iBAAiB,GAAG,QAQpB;AAAA,MARqB;AACzBC,IAAAA,IADyB;AAEzBC,IAAAA,OAFyB;AAGzBC,IAAAA,QAHyB;AAIzBC,IAAAA,KAJyB;AAKzBC,IAAAA,cALyB;AAMzBC,IAAAA;AANyB,GAQrB;AAAA,MADDC,UACC;;AACJ,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,KAAR;AAAeC,IAAAA;AAAf,MAA2BjB,QAAQ,CAACW,KAAD,EAAQ;AAC/CO,IAAAA,SAAS,EAAE;AAAEC,MAAAA,EAAE,EAAET;AAAN;AADoC,GAAR,CAAzC;AAIA,MAAIO,OAAJ,EAAa,OAAO,EAAP;AACb,MAAID,KAAJ,EAAW,OAAOA,KAAK,CAACI,OAAb;AACX,MAAI,CAACL,IAAD,IAAS,CAACA,IAAI,CAACM,UAAnB,EAA+B,OAAO,IAAP;AAC/B,QAAM;AAAEA,IAAAA;AAAF,MAAiBN,IAAvB;AACA,QAAMO,QAAQ,GAAGnB,iBAAiB,CAAC,MAAD,EAASW,UAAT,CAAlC;AACA,QAAMS,uBAAuB,GAAGlB,8BAA8B,CAACgB,UAAD,EAAaT,cAAb,CAA9D;AACA,QAAMY,uBAAuB,GAAGpB,0BAA0B,CAACQ,cAAD,CAA1D;AACA,QAAMa,4BAA4B,GAAGnB,wBAAwB,CAC3DM,cAD2D,EAE3DW,uBAF2D,CAA7D;AAIA,QAAMG,gBAAgB,GAAGxB,iBAAiB,CAACM,IAAD,CAA1C;AACA,MAAI,CAACiB,4BAA4B,CAACE,MAAlC,EAA0C,OAAO,IAAP;AAE1C,sBACE,oBAAC,gBAAD;AACE,IAAA,QAAQ,EAAEL,QADZ;AAEE,IAAA,YAAY,EAAET,YAFhB;AAGE,IAAA,uBAAuB,EAAEY,4BAH3B;AAIE,IAAA,uBAAuB,EAAED,uBAJ3B;AAKE,IAAA,OAAO,EAAEf;AALX,IADF;AASD,CApCD;;AAsCAF,iBAAiB,CAACqB,SAAlB,GAA8B;AAC5BpB,EAAAA,IAAI,EAAEP,SAAS,CAAC4B,MADY;AAE5BlB,EAAAA,KAAK,EAAEV,SAAS,CAAC6B,MAFW;AAG5BpB,EAAAA,QAAQ,EAAET,SAAS,CAAC4B,MAHQ;AAI5BjB,EAAAA,cAAc,EAAEX,SAAS,CAAC8B,KAJE;AAK5BlB,EAAAA,YAAY,EAAEZ,SAAS,CAAC4B,MALI;AAM5BpB,EAAAA,OAAO,EAAER,SAAS,CAAC4B;AANS,CAA9B;AASAtB,iBAAiB,CAACyB,YAAlB,GAAiC;AAC/BxB,EAAAA,IAAI,EAAE,MADyB;AAE/BG,EAAAA,KAAK,EAAE,EAFwB;AAG/BD,EAAAA,QAAQ,EAAE,EAHqB;AAI/BE,EAAAA,cAAc,EAAE,EAJe;AAK/BC,EAAAA,YAAY,EAAE,EALiB;AAM/BJ,EAAAA,OAAO,EAAE;AANsB,CAAjC;AASA,eAAeF,iBAAf","sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/react-hooks';\nimport PropTypes from 'prop-types';\nimport { summaryComponents } from './DataSummaryTypes';\nimport { getClassModifiers, getPropsToDisplayModifiers } from '../../utils';\nimport { buildPropsToDisplayWithContent, stripSummaryPropsContent } from './helpers';\n\nconst DataSummaryRender = ({\n  type,\n  htmlTag,\n  recordId,\n  query,\n  propsToDisplay,\n  elementTitle,\n  ...otherProps\n}) => {\n  const { data, error, loading } = useQuery(query, {\n    variables: { id: recordId }\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n  if (!data || !data.entityData) return null;\n  const { entityData } = data;\n  const modifier = getClassModifiers('list', otherProps);\n  const summaryPropsWithContent = buildPropsToDisplayWithContent(entityData, propsToDisplay);\n  const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);\n  const summaryPropsWithCleanContent = stripSummaryPropsContent(\n    propsToDisplay,\n    summaryPropsWithContent\n  );\n  const SummaryComponent = summaryComponents[type];\n  if (!summaryPropsWithCleanContent.length) return null;\n\n  return (\n    <SummaryComponent\n      modifier={modifier}\n      elementTitle={elementTitle}\n      summaryPropsWithContent={summaryPropsWithCleanContent}\n      propsToDisplayModifiers={propsToDisplayModifiers}\n      htmlTag={htmlTag}\n    />\n  );\n};\n\nDataSummaryRender.propTypes = {\n  type: PropTypes.string,\n  query: PropTypes.object,\n  recordId: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  elementTitle: PropTypes.string,\n  htmlTag: PropTypes.string\n};\n\nDataSummaryRender.defaultProps = {\n  type: 'text',\n  query: {},\n  recordId: '',\n  propsToDisplay: [],\n  elementTitle: '',\n  htmlTag: 'h2'\n};\n\nexport default DataSummaryRender;\n"],"file":"DataSummaryRender.js"}
+{"version":3,"sources":["../../../src/components/DataSummary/DataSummaryRender.js"],"names":["React","useQuery","PropTypes","summaryComponents","getClassModifiers","getPropsToDisplayModifiers","buildPropsToDisplayWithContent","stripSummaryPropsContent","buildLoopPropsContent","DataSummaryRender","type","htmlTag","recordId","query","propsToDisplay","elementTitle","loopProperties","loopLimit","otherProps","data","error","loading","variables","id","message","entityData","shouldLoop","length","modifier","summaryPropsWithContent","propsToDisplayModifiers","summaryPropsWithCleanContent","SummaryComponent","propTypes","string","object","array","number","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/react-hooks';\nimport PropTypes from 'prop-types';\nimport { summaryComponents } from './DataSummaryTypes';\nimport { getClassModifiers, getPropsToDisplayModifiers } from '../../utils';\nimport {\n  buildPropsToDisplayWithContent,\n  stripSummaryPropsContent,\n  buildLoopPropsContent\n} from './helpers';\n\nconst DataSummaryRender = ({\n  type,\n  htmlTag,\n  recordId,\n  query,\n  propsToDisplay,\n  elementTitle,\n  loopProperties,\n  loopLimit,\n  ...otherProps\n}) => {\n  const { data, error, loading } = useQuery(query, {\n    variables: { id: recordId }\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n  if (!data || !data.entityData) return null;\n\n  const { entityData } = data;\n  const shouldLoop = loopProperties && loopProperties.length;\n  const modifier = getClassModifiers('list', otherProps);\n  const summaryPropsWithContent = shouldLoop\n    ? buildLoopPropsContent(loopProperties, propsToDisplay, loopLimit, entityData)\n    : buildPropsToDisplayWithContent(entityData, propsToDisplay);\n\n  const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);\n  const summaryPropsWithCleanContent = stripSummaryPropsContent(\n    propsToDisplay,\n    summaryPropsWithContent\n  );\n  const SummaryComponent = summaryComponents[type];\n  if (!summaryPropsWithCleanContent.length) return null;\n\n  return (\n    <SummaryComponent\n      modifier={modifier}\n      elementTitle={elementTitle}\n      summaryPropsWithContent={summaryPropsWithCleanContent}\n      propsToDisplayModifiers={propsToDisplayModifiers}\n      htmlTag={htmlTag}\n    />\n  );\n};\n\nDataSummaryRender.propTypes = {\n  type: PropTypes.string,\n  query: PropTypes.object,\n  recordId: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  elementTitle: PropTypes.string,\n  htmlTag: PropTypes.string,\n  loopProperties: PropTypes.array,\n  loopLimit: PropTypes.number\n};\n\nDataSummaryRender.defaultProps = {\n  type: 'text',\n  query: {},\n  recordId: '',\n  propsToDisplay: [],\n  elementTitle: '',\n  htmlTag: 'h2',\n  loopProperties: [],\n  loopLimit: 0\n};\n\nexport default DataSummaryRender;\n"],"file":"DataSummaryRender.js"}

package/lib-es/components/DataSummary/helpers/build-loop-props-content.js

@@ -0,0 +1,63 @@
+import upperFirst from 'lodash.upperfirst';
+import flatten from 'lodash.flatten';
+import getLinkToPublishedContent from './get-link-to-published-content';
+import getLoopPropsLimit from './get-loop-props-limit';
+import getPropValue from './get-prop-value';
+
+const getLoopValue = value => {
+  const {
+    keyField
+  } = value;
+  return value[keyField];
+};
+
+const separateValues = (propsToDisplay, loopProps, data) => {
+  const regularValues = {};
+  const loopValues = {};
+  propsToDisplay.forEach(options => {
+    const {
+      propertiesToDisplay
+    } = options;
+    propertiesToDisplay.forEach(prop => {
+      const value = getPropValue(prop, data, options);
+      const isArrayValue = Array.isArray(value);
+      if (!value) return;
+      const isLoopableProp = loopProps.includes(prop) && isArrayValue;
+
+      if (isLoopableProp) {
+        loopValues[prop] = value;
+      } else {
+        regularValues[prop] = value;
+      }
+    });
+  });
+  return [regularValues, loopValues];
+};
+
+const buildLoopPropsContent = (loopProps = [], propsToDisplay = [], limit = 0, data = {}) => {
+  const loopPropsWithContent = [];
+  const [regularValues, loopValues] = separateValues(propsToDisplay, loopProps, data);
+  const loopLimit = getLoopPropsLimit(loopValues, limit);
+
+  for (let i = 0; i < loopLimit; i += 1) {
+    const propsArray = flatten(propsToDisplay.map(options => {
+      const {
+        propertiesToDisplay,
+        label
+      } = options;
+      return propertiesToDisplay.map(key => {
+        const loopValue = loopValues[key];
+        const propValue = loopValue ? getLoopValue(loopValue[i]) : regularValues[key];
+        if (!propValue) return null;
+        const linkToPublishedContent = getLinkToPublishedContent(key, data);
+        return [upperFirst(label), propValue, linkToPublishedContent];
+      });
+    })).filter(Boolean);
+    loopPropsWithContent.push(propsArray);
+  }
+
+  return flatten(loopPropsWithContent);
+};
+
+export default buildLoopPropsContent;
+//# sourceMappingURL=build-loop-props-content.js.map

package/lib-es/components/DataSummary/helpers/build-loop-props-content.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/DataSummary/helpers/build-loop-props-content.js"],"names":["upperFirst","flatten","getLinkToPublishedContent","getLoopPropsLimit","getPropValue","getLoopValue","value","keyField","separateValues","propsToDisplay","loopProps","data","regularValues","loopValues","forEach","options","propertiesToDisplay","prop","isArrayValue","Array","isArray","isLoopableProp","includes","buildLoopPropsContent","limit","loopPropsWithContent","loopLimit","i","propsArray","map","label","key","loopValue","propValue","linkToPublishedContent","filter","Boolean","push"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,mBAAvB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,yBAAP,MAAsC,iCAAtC;AACA,OAAOC,iBAAP,MAA8B,wBAA9B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;;AAEA,MAAMC,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AAAEC,IAAAA;AAAF,MAAeD,KAArB;AACA,SAAOA,KAAK,CAACC,QAAD,CAAZ;AACD,CAHD;;AAKA,MAAMC,cAAc,GAAG,CAACC,cAAD,EAAiBC,SAAjB,EAA4BC,IAA5B,KAAqC;AAC1D,QAAMC,aAAa,GAAG,EAAtB;AACA,QAAMC,UAAU,GAAG,EAAnB;AAEAJ,EAAAA,cAAc,CAACK,OAAf,CAAuBC,OAAO,IAAI;AAChC,UAAM;AAAEC,MAAAA;AAAF,QAA0BD,OAAhC;AACAC,IAAAA,mBAAmB,CAACF,OAApB,CAA4BG,IAAI,IAAI;AAClC,YAAMX,KAAK,GAAGF,YAAY,CAACa,IAAD,EAAON,IAAP,EAAaI,OAAb,CAA1B;AACA,YAAMG,YAAY,GAAGC,KAAK,CAACC,OAAN,CAAcd,KAAd,CAArB;AACA,UAAI,CAACA,KAAL,EAAY;AACZ,YAAMe,cAAc,GAAGX,SAAS,CAACY,QAAV,CAAmBL,IAAnB,KAA4BC,YAAnD;;AAEA,UAAIG,cAAJ,EAAoB;AAClBR,QAAAA,UAAU,CAACI,IAAD,CAAV,GAAmBX,KAAnB;AACD,OAFD,MAEO;AACLM,QAAAA,aAAa,CAACK,IAAD,CAAb,GAAsBX,KAAtB;AACD;AACF,KAXD;AAYD,GAdD;AAeA,SAAO,CAACM,aAAD,EAAgBC,UAAhB,CAAP;AACD,CApBD;;AAsBA,MAAMU,qBAAqB,GAAG,CAACb,SAAS,GAAG,EAAb,EAAiBD,cAAc,GAAG,EAAlC,EAAsCe,KAAK,GAAG,CAA9C,EAAiDb,IAAI,GAAG,EAAxD,KAA+D;AAC3F,QAAMc,oBAAoB,GAAG,EAA7B;AACA,QAAM,CAACb,aAAD,EAAgBC,UAAhB,IAA8BL,cAAc,CAACC,cAAD,EAAiBC,SAAjB,EAA4BC,IAA5B,CAAlD;AAEA,QAAMe,SAAS,GAAGvB,iBAAiB,CAACU,UAAD,EAAaW,KAAb,CAAnC;;AAEA,OAAK,IAAIG,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGD,SAApB,EAA+BC,CAAC,IAAI,CAApC,EAAuC;AACrC,UAAMC,UAAU,GAAG3B,OAAO,CACxBQ,cAAc,CAACoB,GAAf,CAAmBd,OAAO,IAAI;AAC5B,YAAM;AAAEC,QAAAA,mBAAF;AAAuBc,QAAAA;AAAvB,UAAiCf,OAAvC;AACA,aAAOC,mBAAmB,CAACa,GAApB,CAAwBE,GAAG,IAAI;AACpC,cAAMC,SAAS,GAAGnB,UAAU,CAACkB,GAAD,CAA5B;AACA,cAAME,SAAS,GAAGD,SAAS,GAAG3B,YAAY,CAAC2B,SAAS,CAACL,CAAD,CAAV,CAAf,GAAgCf,aAAa,CAACmB,GAAD,CAAxE;AACA,YAAI,CAACE,SAAL,EAAgB,OAAO,IAAP;AAChB,cAAMC,sBAAsB,GAAGhC,yBAAyB,CAAC6B,GAAD,EAAMpB,IAAN,CAAxD;AAEA,eAAO,CAACX,UAAU,CAAC8B,KAAD,CAAX,EAAoBG,SAApB,EAA+BC,sBAA/B,CAAP;AACD,OAPM,CAAP;AAQD,KAVD,CADwB,CAAP,CAYjBC,MAZiB,CAYVC,OAZU,CAAnB;AAaAX,IAAAA,oBAAoB,CAACY,IAArB,CAA0BT,UAA1B;AACD;;AAED,SAAO3B,OAAO,CAACwB,oBAAD,CAAd;AACD,CAxBD;;AA0BA,eAAeF,qBAAf","sourcesContent":["import upperFirst from 'lodash.upperfirst';\nimport flatten from 'lodash.flatten';\nimport getLinkToPublishedContent from './get-link-to-published-content';\nimport getLoopPropsLimit from './get-loop-props-limit';\nimport getPropValue from './get-prop-value';\n\nconst getLoopValue = value => {\n  const { keyField } = value;\n  return value[keyField];\n};\n\nconst separateValues = (propsToDisplay, loopProps, data) => {\n  const regularValues = {};\n  const loopValues = {};\n\n  propsToDisplay.forEach(options => {\n    const { propertiesToDisplay } = options;\n    propertiesToDisplay.forEach(prop => {\n      const value = getPropValue(prop, data, options);\n      const isArrayValue = Array.isArray(value);\n      if (!value) return;\n      const isLoopableProp = loopProps.includes(prop) && isArrayValue;\n\n      if (isLoopableProp) {\n        loopValues[prop] = value;\n      } else {\n        regularValues[prop] = value;\n      }\n    });\n  });\n  return [regularValues, loopValues];\n};\n\nconst buildLoopPropsContent = (loopProps = [], propsToDisplay = [], limit = 0, data = {}) => {\n  const loopPropsWithContent = [];\n  const [regularValues, loopValues] = separateValues(propsToDisplay, loopProps, data);\n\n  const loopLimit = getLoopPropsLimit(loopValues, limit);\n\n  for (let i = 0; i < loopLimit; i += 1) {\n    const propsArray = flatten(\n      propsToDisplay.map(options => {\n        const { propertiesToDisplay, label } = options;\n        return propertiesToDisplay.map(key => {\n          const loopValue = loopValues[key];\n          const propValue = loopValue ? getLoopValue(loopValue[i]) : regularValues[key];\n          if (!propValue) return null;\n          const linkToPublishedContent = getLinkToPublishedContent(key, data);\n\n          return [upperFirst(label), propValue, linkToPublishedContent];\n        });\n      })\n    ).filter(Boolean);\n    loopPropsWithContent.push(propsArray);\n  }\n\n  return flatten(loopPropsWithContent);\n};\n\nexport default buildLoopPropsContent;\n"],"file":"build-loop-props-content.js"}

package/lib-es/components/DataSummary/helpers/get-loop-props-limit.js

@@ -0,0 +1,13 @@
+const getLoopPropsLimit = (values, limit) => {
+  let valuesLimit = 1;
+  if (!values) return valuesLimit;
+  Object.keys(values).forEach(key => {
+    const value = values[key];
+    if (value && Array.isArray(value) && value.length > valuesLimit) valuesLimit = value.length;
+  });
+  if (!limit || valuesLimit < limit) return valuesLimit;
+  return limit;
+};
+
+export default getLoopPropsLimit;
+//# sourceMappingURL=get-loop-props-limit.js.map

package/lib-es/components/DataSummary/helpers/get-loop-props-limit.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/DataSummary/helpers/get-loop-props-limit.js"],"names":["getLoopPropsLimit","values","limit","valuesLimit","Object","keys","forEach","key","value","Array","isArray","length"],"mappings":"AAAA,MAAMA,iBAAiB,GAAG,CAACC,MAAD,EAASC,KAAT,KAAmB;AAC3C,MAAIC,WAAW,GAAG,CAAlB;AACA,MAAI,CAACF,MAAL,EAAa,OAAOE,WAAP;AACbC,EAAAA,MAAM,CAACC,IAAP,CAAYJ,MAAZ,EAAoBK,OAApB,CAA4BC,GAAG,IAAI;AACjC,UAAMC,KAAK,GAAGP,MAAM,CAACM,GAAD,CAApB;AACA,QAAIC,KAAK,IAAIC,KAAK,CAACC,OAAN,CAAcF,KAAd,CAAT,IAAiCA,KAAK,CAACG,MAAN,GAAeR,WAApD,EAAiEA,WAAW,GAAGK,KAAK,CAACG,MAApB;AAClE,GAHD;AAIA,MAAI,CAACT,KAAD,IAAUC,WAAW,GAAGD,KAA5B,EAAmC,OAAOC,WAAP;AACnC,SAAOD,KAAP;AACD,CATD;;AAWA,eAAeF,iBAAf","sourcesContent":["const getLoopPropsLimit = (values, limit) => {\n  let valuesLimit = 1;\n  if (!values) return valuesLimit;\n  Object.keys(values).forEach(key => {\n    const value = values[key];\n    if (value && Array.isArray(value) && value.length > valuesLimit) valuesLimit = value.length;\n  });\n  if (!limit || valuesLimit < limit) return valuesLimit;\n  return limit;\n};\n\nexport default getLoopPropsLimit;\n"],"file":"get-loop-props-limit.js"}

package/lib-es/components/DataSummary/helpers/get-prop-value.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/DataSummary/helpers/get-prop-value.js"],"names":["getValueFromArray","getPropValue","key","props","options","baseKey","split","nestedKey","filter","_","i","join","prefix","suffix","value","valueIsArray","Array","isArray","nestedValue","trim"],"mappings":"AAAA,OAAOA,iBAAP,MAA8B,wBAA9B;;AAEA,MAAMC,YAAY,GAAG,CAACC,GAAD,EAAMC,KAAN,EAAaC,OAAO,GAAG,EAAvB,KAA8B;AACjD,QAAMC,OAAO,GAAGH,GAAG,CAACI,KAAJ,CAAU,GAAV,EAAe,CAAf,CAAhB;AACA,QAAMC,SAAS,GAAGL,GAAG,CAClBI,KADe,CACT,GADS,EAEfE,MAFe,CAER,CAACC,CAAD,EAAIC,CAAJ,KAAUA,CAAC,KAAK,CAFR,EAGfC,IAHe,CAGV,GAHU,CAAlB;AAIA,QAAM;AAAEC,IAAAA,MAAM,GAAG,EAAX;AAAeC,IAAAA,MAAM,GAAG;AAAxB,MAA+BT,OAArC;AACA,QAAMU,KAAK,GAAGX,KAAK,CAACE,OAAD,CAAnB;AACA,MAAI,OAAOS,KAAP,KAAiB,SAAjB,IAA8B,CAACA,KAAnC,EAA0C,OAAO,IAAP;;AAE1C,MAAIP,SAAJ,EAAe;AACb,UAAMQ,YAAY,GAAGC,KAAK,CAACC,OAAN,CAAcH,KAAd,CAArB;AACA,UAAMI,WAAW,GAAG,CAACH,YAAD,GAAgBD,KAAK,CAACP,SAAD,CAArB,GAAmC,EAAvD;AACA,QAAIQ,YAAJ,EAAkB,OAAOf,iBAAiB,CAACO,SAAD,EAAYO,KAAZ,EAAmBF,MAAnB,EAA2BC,MAA3B,CAAxB;AAElB,WAAOK,WAAW,GAAI,GAAEN,MAAO,IAAGM,WAAY,IAAGL,MAAO,EAAnC,CAAqCM,IAArC,EAAH,GAAiD,IAAnE;AACD;;AAED,SAAQ,GAAEP,MAAO,IAAGE,KAAM,IAAGD,MAAO,EAA7B,CAA+BM,IAA/B,EAAP;AACD,CAnBD;;AAqBA,eAAelB,YAAf","sourcesContent":["import getValueFromArray from './get-value-from-array';\n\nconst getPropValue = (key, props, options = {}) => {\n  const baseKey = key.split('.')[0];\n  const nestedKey = key\n    .split('.')\n    .filter((_, i) => i !== 0)\n    .join('.');\n  const { prefix = '', suffix = '' } = options;\n  const value = props[baseKey];\n  if (typeof value !== 'boolean' && !value) return null;\n\n  if (nestedKey) {\n    const valueIsArray = Array.isArray(value);\n    const nestedValue = !valueIsArray ? value[nestedKey] : '';\n    if (valueIsArray) return getValueFromArray(nestedKey, value, prefix, suffix);\n\n    return nestedValue ? `${prefix} ${nestedValue} ${suffix}`.trim() : null;\n  }\n\n  return `${prefix} ${value} ${suffix}`.trim();\n};\n\nexport default getPropValue;\n"],"file":"get-prop-value.js"}
+{"version":3,"sources":["../../../../src/components/DataSummary/helpers/get-prop-value.js"],"names":["getValueFromArray","getPropValue","key","props","options","baseKey","split","nestedKey","filter","_","i","join","prefix","suffix","value","valueIsArray","Array","isArray","nestedValue","trim"],"mappings":"AAAA,OAAOA,iBAAP,MAA8B,wBAA9B;;AAEA,MAAMC,YAAY,GAAG,CAACC,GAAD,EAAMC,KAAN,EAAaC,OAAO,GAAG,EAAvB,KAA8B;AACjD,QAAMC,OAAO,GAAGH,GAAG,CAACI,KAAJ,CAAU,GAAV,EAAe,CAAf,CAAhB;AACA,QAAMC,SAAS,GAAGL,GAAG,CAClBI,KADe,CACT,GADS,EAEfE,MAFe,CAER,CAACC,CAAD,EAAIC,CAAJ,KAAUA,CAAC,KAAK,CAFR,EAGfC,IAHe,CAGV,GAHU,CAAlB;AAIA,QAAM;AAAEC,IAAAA,MAAM,GAAG,EAAX;AAAeC,IAAAA,MAAM,GAAG;AAAxB,MAA+BT,OAArC;AACA,QAAMU,KAAK,GAAGX,KAAK,CAACE,OAAD,CAAnB;AAEA,MAAI,OAAOS,KAAP,KAAiB,SAAjB,IAA8B,CAACA,KAAnC,EAA0C,OAAO,IAAP;;AAE1C,MAAIP,SAAJ,EAAe;AACb,UAAMQ,YAAY,GAAGC,KAAK,CAACC,OAAN,CAAcH,KAAd,CAArB;AACA,UAAMI,WAAW,GAAG,CAACH,YAAD,GAAgBD,KAAK,CAACP,SAAD,CAArB,GAAmC,EAAvD;AACA,QAAIQ,YAAJ,EAAkB,OAAOf,iBAAiB,CAACO,SAAD,EAAYO,KAAZ,EAAmBF,MAAnB,EAA2BC,MAA3B,CAAxB;AAClB,WAAOK,WAAW,GAAI,GAAEN,MAAO,IAAGM,WAAY,IAAGL,MAAO,EAAnC,CAAqCM,IAArC,EAAH,GAAiD,IAAnE;AACD;;AAED,SAAQ,GAAEP,MAAO,IAAGE,KAAM,IAAGD,MAAO,EAA7B,CAA+BM,IAA/B,EAAP;AACD,CAnBD;;AAqBA,eAAelB,YAAf","sourcesContent":["import getValueFromArray from './get-value-from-array';\n\nconst getPropValue = (key, props, options = {}) => {\n  const baseKey = key.split('.')[0];\n  const nestedKey = key\n    .split('.')\n    .filter((_, i) => i !== 0)\n    .join('.');\n  const { prefix = '', suffix = '' } = options;\n  const value = props[baseKey];\n\n  if (typeof value !== 'boolean' && !value) return null;\n\n  if (nestedKey) {\n    const valueIsArray = Array.isArray(value);\n    const nestedValue = !valueIsArray ? value[nestedKey] : '';\n    if (valueIsArray) return getValueFromArray(nestedKey, value, prefix, suffix);\n    return nestedValue ? `${prefix} ${nestedValue} ${suffix}`.trim() : null;\n  }\n\n  return `${prefix} ${value} ${suffix}`.trim();\n};\n\nexport default getPropValue;\n"],"file":"get-prop-value.js"}

package/lib-es/components/DataSummary/helpers/index.js

@@ -2,5 +2,6 @@ import getDataSummaryQuery from './get-data-summary-query';
 import buildPropsToDisplayWithContent from './build-props-to-display-with-content';
 import getLinkToPublishedContent from './get-link-to-published-content';
 import stripSummaryPropsContent from './strip-summary-props-content';
-export { getDataSummaryQuery, buildPropsToDisplayWithContent, getLinkToPublishedContent, stripSummaryPropsContent };
+import buildLoopPropsContent from './build-loop-props-content';
+export { getDataSummaryQuery, buildPropsToDisplayWithContent, getLinkToPublishedContent, stripSummaryPropsContent, buildLoopPropsContent };
 //# sourceMappingURL=index.js.map

package/lib-es/components/DataSummary/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/DataSummary/helpers/index.js"],"names":["getDataSummaryQuery","buildPropsToDisplayWithContent","getLinkToPublishedContent","stripSummaryPropsContent"],"mappings":"AAAA,OAAOA,mBAAP,MAAgC,0BAAhC;AACA,OAAOC,8BAAP,MAA2C,uCAA3C;AACA,OAAOC,yBAAP,MAAsC,iCAAtC;AACA,OAAOC,wBAAP,MAAqC,+BAArC;AAEA,SACEH,mBADF,EAEEC,8BAFF,EAGEC,yBAHF,EAIEC,wBAJF","sourcesContent":["import getDataSummaryQuery from './get-data-summary-query';\nimport buildPropsToDisplayWithContent from './build-props-to-display-with-content';\nimport getLinkToPublishedContent from './get-link-to-published-content';\nimport stripSummaryPropsContent from './strip-summary-props-content';\n\nexport {\n  getDataSummaryQuery,\n  buildPropsToDisplayWithContent,\n  getLinkToPublishedContent,\n  stripSummaryPropsContent\n};\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/components/DataSummary/helpers/index.js"],"names":["getDataSummaryQuery","buildPropsToDisplayWithContent","getLinkToPublishedContent","stripSummaryPropsContent","buildLoopPropsContent"],"mappings":"AAAA,OAAOA,mBAAP,MAAgC,0BAAhC;AACA,OAAOC,8BAAP,MAA2C,uCAA3C;AACA,OAAOC,yBAAP,MAAsC,iCAAtC;AACA,OAAOC,wBAAP,MAAqC,+BAArC;AACA,OAAOC,qBAAP,MAAkC,4BAAlC;AAEA,SACEJ,mBADF,EAEEC,8BAFF,EAGEC,yBAHF,EAIEC,wBAJF,EAKEC,qBALF","sourcesContent":["import getDataSummaryQuery from './get-data-summary-query';\nimport buildPropsToDisplayWithContent from './build-props-to-display-with-content';\nimport getLinkToPublishedContent from './get-link-to-published-content';\nimport stripSummaryPropsContent from './strip-summary-props-content';\nimport buildLoopPropsContent from './build-loop-props-content';\n\nexport {\n  getDataSummaryQuery,\n  buildPropsToDisplayWithContent,\n  getLinkToPublishedContent,\n  stripSummaryPropsContent,\n  buildLoopPropsContent\n};\n"],"file":"index.js"}

package/lib-es/hooks/helpers/buildPBComponents.js

@@ -35,7 +35,7 @@ function BuildPBComponents(components, options = {}, rootLevel = false) {
     parent,
     name: parentName
   } = options;
-  if (rootLevel) StoreImages.resetImages();
+  if (rootLevel && !open) StoreImages.resetImages();
   StoreImages.addImages(getLightboxImages(components).concat(lightboxImages), options);
   StoreImages.setHandlers({
     toggleModal,

package/lib-es/hooks/helpers/buildPBComponents.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/helpers/buildPBComponents.js"],"names":["React","cloneDeep","GlobalLightbox","RenderComponent","getBannersByType","injectElementBanners","StoreImages","getLightboxImages","insertBanners","checkBannerInsertionSet","getBannerIndex","ELEMENT","PB_TYPE_TEXTBLOCK","renderChildComponents","options","items","length","BuildPBComponents","components","rootLevel","isArray","Array","metaTitle","lightboxImages","toggleModal","open","selectedImage","setSelectedImage","parent","name","parentName","resetImages","addImages","concat","setHandlers","imageProps","handleSelectedImage","images","map","image","component","hasElementBanners","banners","hasTextBlockBanners","textBlockBanners","updatedChildren","filter","settings","insertionType","bannerToInject","bannerIndex","hasComponentItems","childComponents","id"],"mappings":"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","sourcesContent":["import React from 'react';\nimport cloneDeep from 'lodash.clonedeep';\nimport GlobalLightbox from '../../components/Image/GlobalLightbox';\nimport RenderComponent from './RenderComponent';\nimport getBannersByType from './get-banners-by-type';\nimport injectElementBanners from './inject-element-banners';\nimport StoreImages from './StoreImages';\nimport getLightboxImages from './get-lightbox-images';\nimport insertBanners from './insert-banners';\nimport checkBannerInsertionSet from './check-banner-insertion-set';\nimport getBannerIndex from './get-banner-index';\nimport { ELEMENT } from '../../constants';\nimport { PB_TYPE_TEXTBLOCK } from './constants';\n\nfunction renderChildComponents(options, items = []) {\n  return items && items.length ? BuildPBComponents(items, options) : [];\n}\n\nfunction BuildPBComponents(components, options = {}, rootLevel = false) {\n  const isArray = Array.isArray(components);\n  if (!isArray) return [];\n\n  const {\n    metaTitle,\n    lightboxImages = [],\n    toggleModal,\n    open,\n    selectedImage,\n    setSelectedImage,\n    parent,\n    name: parentName\n  } = options;\n\n  if (rootLevel) StoreImages.resetImages();\n\n  StoreImages.addImages(getLightboxImages(components).concat(lightboxImages), options);\n  StoreImages.setHandlers({ toggleModal, setSelectedImage });\n\n  const imageProps = {\n    toggleModal: StoreImages.toggleModal,\n    handleSelectedImage: StoreImages.handleSelectedImage\n  };\n\n  const images = StoreImages.images.map(image => ({ ...image, ...imageProps }));\n\n  return (\n    <>\n      {open && (\n        <GlobalLightbox\n          images={images}\n          onClose={StoreImages.toggleModal}\n          selectedImage={selectedImage}\n          metaTitle={metaTitle}\n          parentName={parentName}\n          parent={parent}\n        />\n      )}\n      {components.map(component => {\n        const { items = [] } = component;\n        const [hasElementBanners, banners] = getBannersByType(items, ELEMENT);\n        const [hasTextBlockBanners, textBlockBanners] = getBannersByType(items, PB_TYPE_TEXTBLOCK);\n        let updatedChildren =\n          items &&\n          cloneDeep(items).filter(\n            ({ settings: { insertionType } = {} }) => insertionType !== PB_TYPE_TEXTBLOCK\n          );\n\n        if (hasElementBanners) {\n          updatedChildren = injectElementBanners(banners, updatedChildren);\n        } else {\n          // TODO: this block is for banner retrocompatibility, once completly migrated remove it as well as all related helpers\n          const bannerToInject = checkBannerInsertionSet(updatedChildren);\n          const bannerIndex = getBannerIndex(updatedChildren, bannerToInject);\n          const hasComponentItems = !!(updatedChildren && updatedChildren.length);\n\n          if (hasComponentItems && bannerIndex > -1) {\n            updatedChildren = insertBanners(updatedChildren, bannerIndex, bannerToInject);\n          }\n        }\n\n        const childComponents = renderChildComponents(options, updatedChildren);\n\n        return (\n          <RenderComponent\n            component={component}\n            siblings={updatedChildren}\n            childComponents={childComponents}\n            imageProps={imageProps}\n            options={{ ...options }}\n            images={images}\n            key={`${component.id}`}\n            hasTextBlockBanners={hasTextBlockBanners}\n            textBlockBanners={textBlockBanners}\n          />\n        );\n      })}\n    </>\n  );\n}\n\nexport default BuildPBComponents;\n"],"file":"buildPBComponents.js"}
+{"version":3,"sources":["../../../src/hooks/helpers/buildPBComponents.js"],"names":["React","cloneDeep","GlobalLightbox","RenderComponent","getBannersByType","injectElementBanners","StoreImages","getLightboxImages","insertBanners","checkBannerInsertionSet","getBannerIndex","ELEMENT","PB_TYPE_TEXTBLOCK","renderChildComponents","options","items","length","BuildPBComponents","components","rootLevel","isArray","Array","metaTitle","lightboxImages","toggleModal","open","selectedImage","setSelectedImage","parent","name","parentName","resetImages","addImages","concat","setHandlers","imageProps","handleSelectedImage","images","map","image","component","hasElementBanners","banners","hasTextBlockBanners","textBlockBanners","updatedChildren","filter","settings","insertionType","bannerToInject","bannerIndex","hasComponentItems","childComponents","id"],"mappings":"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","sourcesContent":["import React from 'react';\nimport cloneDeep from 'lodash.clonedeep';\nimport GlobalLightbox from '../../components/Image/GlobalLightbox';\nimport RenderComponent from './RenderComponent';\nimport getBannersByType from './get-banners-by-type';\nimport injectElementBanners from './inject-element-banners';\nimport StoreImages from './StoreImages';\nimport getLightboxImages from './get-lightbox-images';\nimport insertBanners from './insert-banners';\nimport checkBannerInsertionSet from './check-banner-insertion-set';\nimport getBannerIndex from './get-banner-index';\nimport { ELEMENT } from '../../constants';\nimport { PB_TYPE_TEXTBLOCK } from './constants';\n\nfunction renderChildComponents(options, items = []) {\n  return items && items.length ? BuildPBComponents(items, options) : [];\n}\n\nfunction BuildPBComponents(components, options = {}, rootLevel = false) {\n  const isArray = Array.isArray(components);\n  if (!isArray) return [];\n\n  const {\n    metaTitle,\n    lightboxImages = [],\n    toggleModal,\n    open,\n    selectedImage,\n    setSelectedImage,\n    parent,\n    name: parentName\n  } = options;\n\n  if (rootLevel && !open) StoreImages.resetImages();\n\n  StoreImages.addImages(getLightboxImages(components).concat(lightboxImages), options);\n  StoreImages.setHandlers({ toggleModal, setSelectedImage });\n\n  const imageProps = {\n    toggleModal: StoreImages.toggleModal,\n    handleSelectedImage: StoreImages.handleSelectedImage\n  };\n\n  const images = StoreImages.images.map(image => ({ ...image, ...imageProps }));\n\n  return (\n    <>\n      {open && (\n        <GlobalLightbox\n          images={images}\n          onClose={StoreImages.toggleModal}\n          selectedImage={selectedImage}\n          metaTitle={metaTitle}\n          parentName={parentName}\n          parent={parent}\n        />\n      )}\n      {components.map(component => {\n        const { items = [] } = component;\n        const [hasElementBanners, banners] = getBannersByType(items, ELEMENT);\n        const [hasTextBlockBanners, textBlockBanners] = getBannersByType(items, PB_TYPE_TEXTBLOCK);\n        let updatedChildren =\n          items &&\n          cloneDeep(items).filter(\n            ({ settings: { insertionType } = {} }) => insertionType !== PB_TYPE_TEXTBLOCK\n          );\n\n        if (hasElementBanners) {\n          updatedChildren = injectElementBanners(banners, updatedChildren);\n        } else {\n          // TODO: this block is for banner retrocompatibility, once completly migrated remove it as well as all related helpers\n          const bannerToInject = checkBannerInsertionSet(updatedChildren);\n          const bannerIndex = getBannerIndex(updatedChildren, bannerToInject);\n          const hasComponentItems = !!(updatedChildren && updatedChildren.length);\n\n          if (hasComponentItems && bannerIndex > -1) {\n            updatedChildren = insertBanners(updatedChildren, bannerIndex, bannerToInject);\n          }\n        }\n\n        const childComponents = renderChildComponents(options, updatedChildren);\n\n        return (\n          <RenderComponent\n            component={component}\n            siblings={updatedChildren}\n            childComponents={childComponents}\n            imageProps={imageProps}\n            options={{ ...options }}\n            images={images}\n            key={`${component.id}`}\n            hasTextBlockBanners={hasTextBlockBanners}\n            textBlockBanners={textBlockBanners}\n          />\n        );\n      })}\n    </>\n  );\n}\n\nexport default BuildPBComponents;\n"],"file":"buildPBComponents.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.106.0-alpha.0",
+  "version": "0.107.0-alpha.0",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -88,5 +88,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "9b86874af7401647e50a22e87f30e2b7d933fb3f"
+  "gitHead": "fb86622f935fc0cbf63381aec468ed0dd31cca03"
 }

package/src/components/Card/CardRender.js

@@ -74,15 +74,14 @@ const CardRender = ({ entity, entityFields, itemsToDisplay, children, ...variabl
     _loading
   );
 
-  const updatedFilterBy =
-    getUpdatedFilterBy(
-      inheritedFilters,
-      entityData,
-      currentSchema,
-      filterEntitySchema,
-      itemId,
-      variableProps
-    ) || [];
+  const updatedFilterBy = getUpdatedFilterBy(
+    inheritedFilters,
+    entityData,
+    currentSchema,
+    filterEntitySchema,
+    itemId,
+    variableProps
+  );
 
   const { limit, variables } = filterQuerySetup({
     getEntitySchemas: Object.values(requiredSchema),
@@ -98,13 +97,14 @@ const CardRender = ({ entity, entityFields, itemsToDisplay, children, ...variabl
 
   const { data, error: cardsError, loading: cardsLoading } = useQuery(action, {
     variables,
-    skip: shouldReturn(_loading, _load, schemaLoading, _error, _err, schemaError)
+    skip: shouldReturn(!updatedFilterBy, _loading, _load, schemaLoading, _error, _err, schemaError)
   });
   const imageIds = itemsToDisplay.map(({ imageId }) => imageId).filter(Boolean);
   const { data: imagesData, loading: imagesLoading } = useGetImages(imageIds, true);
   const isLoading = shouldReturn(_loading, _load, schemaLoading, cardsLoading, imagesLoading);
   const hasError = shouldReturn(_error, _err, schemaError);
 
+  if (!updatedFilterBy) return null;
   if (isLoading) return '';
   if (hasError) return null;
   if (cardsError) return cardsError.message;

package/src/components/DataSummary/DataSummaryFactory.js

@@ -16,6 +16,8 @@ const DataSummaryFactory = ({
   elementTitle,
   modifier,
   headingStyle,
+  loopProperties,
+  loopLimit,
   ...dataSummaryProps
 }) => {
   const entityForQuery = useSelectedEntity ? entity : dataSummaryProps.parent.itemEntity;
@@ -27,7 +29,7 @@ const DataSummaryFactory = ({
   if (loading) return '';
   if (error) return error.message;
   if (!data) return null;
-
+  if (!propsToDisplay || !propsToDisplay.length) return null;
   const propsToDisplayValues = checkPropsToUse(propsToDisplay);
   const propsQueryString = buildPropsQuery(data, propsToDisplayValues);
   const dataSummaryQuery = getDataSummaryQuery(data, isPreview, propsQueryString);
@@ -37,6 +39,8 @@ const DataSummaryFactory = ({
     <DataSummaryRender
       recordId={recordId}
       propsToDisplay={propsToDisplay}
+      loopProperties={loopProperties}
+      loopLimit={loopLimit}
       query={dataSummaryQuery}
       type={type}
       elementTitle={elementTitle}
@@ -54,7 +58,9 @@ DataSummaryFactory.propTypes = {
   useSelectedEntity: PropTypes.bool,
   elementTitle: PropTypes.string,
   modifier: PropTypes.string,
-  headingStyle: PropTypes.string
+  headingStyle: PropTypes.string,
+  loopProperties: PropTypes.array,
+  loopLimit: PropTypes.number
 };
 
 DataSummaryFactory.defaultProps = {
@@ -65,7 +71,9 @@ DataSummaryFactory.defaultProps = {
   entity: '',
   elementTitle: '',
   modifier: '',
-  headingStyle: 'h2'
+  headingStyle: 'h2',
+  loopProperties: [],
+  loopLimit: 0
 };
 
 export default DataSummaryFactory;

package/src/components/DataSummary/DataSummaryRender.js

@@ -3,7 +3,11 @@ import { useQuery } from '@apollo/react-hooks';
 import PropTypes from 'prop-types';
 import { summaryComponents } from './DataSummaryTypes';
 import { getClassModifiers, getPropsToDisplayModifiers } from '../../utils';
-import { buildPropsToDisplayWithContent, stripSummaryPropsContent } from './helpers';
+import {
+  buildPropsToDisplayWithContent,
+  stripSummaryPropsContent,
+  buildLoopPropsContent
+} from './helpers';
 
 const DataSummaryRender = ({
   type,
@@ -12,6 +16,8 @@ const DataSummaryRender = ({
   query,
   propsToDisplay,
   elementTitle,
+  loopProperties,
+  loopLimit,
   ...otherProps
 }) => {
   const { data, error, loading } = useQuery(query, {
@@ -21,9 +27,14 @@ const DataSummaryRender = ({
   if (loading) return '';
   if (error) return error.message;
   if (!data || !data.entityData) return null;
+
   const { entityData } = data;
+  const shouldLoop = loopProperties && loopProperties.length;
   const modifier = getClassModifiers('list', otherProps);
-  const summaryPropsWithContent = buildPropsToDisplayWithContent(entityData, propsToDisplay);
+  const summaryPropsWithContent = shouldLoop
+    ? buildLoopPropsContent(loopProperties, propsToDisplay, loopLimit, entityData)
+    : buildPropsToDisplayWithContent(entityData, propsToDisplay);
+
   const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);
   const summaryPropsWithCleanContent = stripSummaryPropsContent(
     propsToDisplay,
@@ -49,7 +60,9 @@ DataSummaryRender.propTypes = {
   recordId: PropTypes.string,
   propsToDisplay: PropTypes.array,
   elementTitle: PropTypes.string,
-  htmlTag: PropTypes.string
+  htmlTag: PropTypes.string,
+  loopProperties: PropTypes.array,
+  loopLimit: PropTypes.number
 };
 
 DataSummaryRender.defaultProps = {
@@ -58,7 +71,9 @@ DataSummaryRender.defaultProps = {
   recordId: '',
   propsToDisplay: [],
   elementTitle: '',
-  htmlTag: 'h2'
+  htmlTag: 'h2',
+  loopProperties: [],
+  loopLimit: 0
 };
 
 export default DataSummaryRender;

package/src/components/DataSummary/helpers/build-loop-props-content.js

@@ -0,0 +1,60 @@
+import upperFirst from 'lodash.upperfirst';
+import flatten from 'lodash.flatten';
+import getLinkToPublishedContent from './get-link-to-published-content';
+import getLoopPropsLimit from './get-loop-props-limit';
+import getPropValue from './get-prop-value';
+
+const getLoopValue = value => {
+  const { keyField } = value;
+  return value[keyField];
+};
+
+const separateValues = (propsToDisplay, loopProps, data) => {
+  const regularValues = {};
+  const loopValues = {};
+
+  propsToDisplay.forEach(options => {
+    const { propertiesToDisplay } = options;
+    propertiesToDisplay.forEach(prop => {
+      const value = getPropValue(prop, data, options);
+      const isArrayValue = Array.isArray(value);
+      if (!value) return;
+      const isLoopableProp = loopProps.includes(prop) && isArrayValue;
+
+      if (isLoopableProp) {
+        loopValues[prop] = value;
+      } else {
+        regularValues[prop] = value;
+      }
+    });
+  });
+  return [regularValues, loopValues];
+};
+
+const buildLoopPropsContent = (loopProps = [], propsToDisplay = [], limit = 0, data = {}) => {
+  const loopPropsWithContent = [];
+  const [regularValues, loopValues] = separateValues(propsToDisplay, loopProps, data);
+
+  const loopLimit = getLoopPropsLimit(loopValues, limit);
+
+  for (let i = 0; i < loopLimit; i += 1) {
+    const propsArray = flatten(
+      propsToDisplay.map(options => {
+        const { propertiesToDisplay, label } = options;
+        return propertiesToDisplay.map(key => {
+          const loopValue = loopValues[key];
+          const propValue = loopValue ? getLoopValue(loopValue[i]) : regularValues[key];
+          if (!propValue) return null;
+          const linkToPublishedContent = getLinkToPublishedContent(key, data);
+
+          return [upperFirst(label), propValue, linkToPublishedContent];
+        });
+      })
+    ).filter(Boolean);
+    loopPropsWithContent.push(propsArray);
+  }
+
+  return flatten(loopPropsWithContent);
+};
+
+export default buildLoopPropsContent;

package/src/components/DataSummary/helpers/get-loop-props-limit.js

@@ -0,0 +1,12 @@
+const getLoopPropsLimit = (values, limit) => {
+  let valuesLimit = 1;
+  if (!values) return valuesLimit;
+  Object.keys(values).forEach(key => {
+    const value = values[key];
+    if (value && Array.isArray(value) && value.length > valuesLimit) valuesLimit = value.length;
+  });
+  if (!limit || valuesLimit < limit) return valuesLimit;
+  return limit;
+};
+
+export default getLoopPropsLimit;

package/src/components/DataSummary/helpers/get-prop-value.js

@@ -8,13 +8,13 @@ const getPropValue = (key, props, options = {}) => {
     .join('.');
   const { prefix = '', suffix = '' } = options;
   const value = props[baseKey];
+
   if (typeof value !== 'boolean' && !value) return null;
 
   if (nestedKey) {
     const valueIsArray = Array.isArray(value);
     const nestedValue = !valueIsArray ? value[nestedKey] : '';
     if (valueIsArray) return getValueFromArray(nestedKey, value, prefix, suffix);
-
     return nestedValue ? `${prefix} ${nestedValue} ${suffix}`.trim() : null;
   }
 

package/src/components/DataSummary/helpers/index.js

@@ -2,10 +2,12 @@ import getDataSummaryQuery from './get-data-summary-query';
 import buildPropsToDisplayWithContent from './build-props-to-display-with-content';
 import getLinkToPublishedContent from './get-link-to-published-content';
 import stripSummaryPropsContent from './strip-summary-props-content';
+import buildLoopPropsContent from './build-loop-props-content';
 
 export {
   getDataSummaryQuery,
   buildPropsToDisplayWithContent,
   getLinkToPublishedContent,
-  stripSummaryPropsContent
+  stripSummaryPropsContent,
+  buildLoopPropsContent
 };

package/src/hooks/helpers/buildPBComponents.js

@@ -31,7 +31,7 @@ function BuildPBComponents(components, options = {}, rootLevel = false) {
     name: parentName
   } = options;
 
-  if (rootLevel) StoreImages.resetImages();
+  if (rootLevel && !open) StoreImages.resetImages();
 
   StoreImages.addImages(getLightboxImages(components).concat(lightboxImages), options);
   StoreImages.setHandlers({ toggleModal, setSelectedImage });