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

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.107.0-alpha.0](https://github.com/thebyte9/blaze/compare/v0.106.2...v0.107.0-alpha.0) (2021-09-22)
+
+
+### Features
+
+* added loopableProps to dataSummary ([#3108](https://github.com/thebyte9/blaze/issues/3108)) ([3398fbb](https://github.com/thebyte9/blaze/commit/3398fbbdee3e9146702292bfcf0599de3c6161c3))
+
+
+
+
+
 ## [0.106.2](https://github.com/thebyte9/blaze/compare/v0.106.1...v0.106.2) (2021-09-22)
 
 

package/lib/components/DataSummary/DataSummaryFactory.js

@@ -41,7 +41,7 @@ var _helpers2 = require("./helpers");
 
 var _DataSummaryRender = _interopRequireDefault(require("./DataSummaryRender"));
 
-var _excluded = ["entity", "dataRecordId", "propsToDisplay", "type", "useSelectedEntity", "elementTitle", "modifier", "headingStyle"];
+var _excluded = ["entity", "dataRecordId", "propsToDisplay", "type", "useSelectedEntity", "elementTitle", "modifier", "headingStyle", "loopProperties", "loopLimit"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -56,6 +56,8 @@ var DataSummaryFactory = function DataSummaryFactory(_ref) {
       elementTitle = _ref.elementTitle,
       modifier = _ref.modifier,
       headingStyle = _ref.headingStyle,
+      loopProperties = _ref.loopProperties,
+      loopLimit = _ref.loopLimit,
       dataSummaryProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var entityForQuery = useSelectedEntity ? entity : dataSummaryProps.parent.itemEntity;
 
@@ -74,6 +76,7 @@ var DataSummaryFactory = function DataSummaryFactory(_ref) {
   if (loading) return '';
   if (error) return error.message;
   if (!data) return null;
+  if (!propsToDisplay || !propsToDisplay.length) return null;
   var propsToDisplayValues = (0, _helpers.checkPropsToUse)(propsToDisplay);
   var propsQueryString = (0, _helpers.buildPropsQuery)(data, propsToDisplayValues);
   var dataSummaryQuery = (0, _helpers2.getDataSummaryQuery)(data, isPreview, propsQueryString);
@@ -81,6 +84,8 @@ var DataSummaryFactory = function DataSummaryFactory(_ref) {
   return /*#__PURE__*/_react["default"].createElement(_DataSummaryRender["default"], {
     recordId: recordId,
     propsToDisplay: propsToDisplay,
+    loopProperties: loopProperties,
+    loopLimit: loopLimit,
     query: dataSummaryQuery,
     type: type,
     elementTitle: elementTitle,
@@ -97,7 +102,9 @@ DataSummaryFactory.propTypes = {
   useSelectedEntity: _propTypes["default"].bool,
   elementTitle: _propTypes["default"].string,
   modifier: _propTypes["default"].string,
-  headingStyle: _propTypes["default"].string
+  headingStyle: _propTypes["default"].string,
+  loopProperties: _propTypes["default"].array,
+  loopLimit: _propTypes["default"].number
 };
 DataSummaryFactory.defaultProps = {
   type: 'text',
@@ -107,7 +114,9 @@ DataSummaryFactory.defaultProps = {
   entity: '',
   elementTitle: '',
   modifier: '',
-  headingStyle: 'h2'
+  headingStyle: 'h2',
+  loopProperties: [],
+  loopLimit: 0
 };
 var _default = DataSummaryFactory;
 exports["default"] = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/DataSummary/DataSummaryFactory.js"],"names":["DataSummaryFactory","entity","dataRecordId","propsToDisplay","type","useSelectedEntity","elementTitle","modifier","headingStyle","dataSummaryProps","entityForQuery","parent","itemEntity","getSingleEntitySchema","variables","id","data","error","loading","MainContext","isPreview","message","propsToDisplayValues","propsQueryString","dataSummaryQuery","recordId","itemId","propTypes","PropTypes","string","array","bool","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAUrB;AAAA,MATJC,MASI,QATJA,MASI;AAAA,MARJC,YAQI,QARJA,YAQI;AAAA,MAPJC,cAOI,QAPJA,cAOI;AAAA,MANJC,IAMI,QANJA,IAMI;AAAA,MALJC,iBAKI,QALJA,iBAKI;AAAA,MAJJC,YAII,QAJJA,YAII;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,YAEI,QAFJA,YAEI;AAAA,MADDC,gBACC;AACJ,MAAMC,cAAc,GAAGL,iBAAiB,GAAGJ,MAAH,GAAYQ,gBAAgB,CAACE,MAAjB,CAAwBC,UAA5E;;AACA,kBAAiC,0BAASC,4BAAT,EAAgC;AAC/DC,IAAAA,SAAS,EAAE;AAAEC,MAAAA,EAAE,EAAEL;AAAN;AADoD,GAAhC,CAAjC;AAAA,MAAQM,IAAR,aAAQA,IAAR;AAAA,MAAcC,KAAd,aAAcA,KAAd;AAAA,MAAqBC,OAArB,aAAqBA,OAArB;;AAGA,oBAAsB,uBAAWC,6BAAX,CAAtB;AAAA,MAAQC,SAAR,eAAQA,SAAR;;AAEA,MAAIF,OAAJ,EAAa,OAAO,EAAP;AACb,MAAID,KAAJ,EAAW,OAAOA,KAAK,CAACI,OAAb;AACX,MAAI,CAACL,IAAL,EAAW,OAAO,IAAP;AAEX,MAAMM,oBAAoB,GAAG,8BAAgBnB,cAAhB,CAA7B;AACA,MAAMoB,gBAAgB,GAAG,8BAAgBP,IAAhB,EAAsBM,oBAAtB,CAAzB;AACA,MAAME,gBAAgB,GAAG,mCAAoBR,IAApB,EAA0BI,SAA1B,EAAqCG,gBAArC,CAAzB;AACA,MAAME,QAAQ,GAAGvB,YAAY,CAAC,CAAD,CAAZ,IAAmBO,gBAAgB,CAACE,MAAjB,CAAwBe,MAA5D;AAEA,sBACE,gCAAC,6BAAD;AACE,IAAA,QAAQ,EAAED,QADZ;AAEE,IAAA,cAAc,EAAEtB,cAFlB;AAGE,IAAA,KAAK,EAAEqB,gBAHT;AAIE,IAAA,IAAI,EAAEpB,IAJR;AAKE,IAAA,YAAY,EAAEE,YALhB;AAME,IAAA,QAAQ,EAAEC,QANZ;AAOE,IAAA,OAAO,EAAEC;AAPX,IADF;AAWD,CArCD;;AAuCAR,kBAAkB,CAAC2B,SAAnB,GAA+B;AAC7BvB,EAAAA,IAAI,EAAEwB,sBAAUC,MADa;AAE7B3B,EAAAA,YAAY,EAAE0B,sBAAUE,KAFK;AAG7B3B,EAAAA,cAAc,EAAEyB,sBAAUE,KAHG;AAI7B7B,EAAAA,MAAM,EAAE2B,sBAAUC,MAJW;AAK7BxB,EAAAA,iBAAiB,EAAEuB,sBAAUG,IALA;AAM7BzB,EAAAA,YAAY,EAAEsB,sBAAUC,MANK;AAO7BtB,EAAAA,QAAQ,EAAEqB,sBAAUC,MAPS;AAQ7BrB,EAAAA,YAAY,EAAEoB,sBAAUC;AARK,CAA/B;AAWA7B,kBAAkB,CAACgC,YAAnB,GAAkC;AAChC5B,EAAAA,IAAI,EAAE,MAD0B;AAEhCF,EAAAA,YAAY,EAAE,EAFkB;AAGhCC,EAAAA,cAAc,EAAE,EAHgB;AAIhCE,EAAAA,iBAAiB,EAAE,IAJa;AAKhCJ,EAAAA,MAAM,EAAE,EALwB;AAMhCK,EAAAA,YAAY,EAAE,EANkB;AAOhCC,EAAAA,QAAQ,EAAE,EAPsB;AAQhCC,EAAAA,YAAY,EAAE;AARkB,CAAlC;eAWeR,kB","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":["DataSummaryFactory","entity","dataRecordId","propsToDisplay","type","useSelectedEntity","elementTitle","modifier","headingStyle","loopProperties","loopLimit","dataSummaryProps","entityForQuery","parent","itemEntity","getSingleEntitySchema","variables","id","data","error","loading","MainContext","isPreview","message","length","propsToDisplayValues","propsQueryString","dataSummaryQuery","recordId","itemId","propTypes","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/components/DataSummary/DataSummaryRender.js

@@ -23,7 +23,7 @@ var _utils = require("../../utils");
 
 var _helpers = require("./helpers");
 
-var _excluded = ["type", "htmlTag", "recordId", "query", "propsToDisplay", "elementTitle"];
+var _excluded = ["type", "htmlTag", "recordId", "query", "propsToDisplay", "elementTitle", "loopProperties", "loopLimit"];
 
 var DataSummaryRender = function DataSummaryRender(_ref) {
   var type = _ref.type,
@@ -32,6 +32,8 @@ var DataSummaryRender = function DataSummaryRender(_ref) {
       query = _ref.query,
       propsToDisplay = _ref.propsToDisplay,
       elementTitle = _ref.elementTitle,
+      loopProperties = _ref.loopProperties,
+      loopLimit = _ref.loopLimit,
       otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
 
   var _useQuery = (0, _reactHooks.useQuery)(query, {
@@ -47,8 +49,9 @@ var DataSummaryRender = function DataSummaryRender(_ref) {
   if (error) return error.message;
   if (!data || !data.entityData) return null;
   var entityData = data.entityData;
+  var shouldLoop = loopProperties && loopProperties.length;
   var modifier = (0, _utils.getClassModifiers)('list', otherProps);
-  var summaryPropsWithContent = (0, _helpers.buildPropsToDisplayWithContent)(entityData, propsToDisplay);
+  var summaryPropsWithContent = shouldLoop ? (0, _helpers.buildLoopPropsContent)(loopProperties, propsToDisplay, loopLimit, entityData) : (0, _helpers.buildPropsToDisplayWithContent)(entityData, propsToDisplay);
   var propsToDisplayModifiers = (0, _utils.getPropsToDisplayModifiers)(propsToDisplay);
   var summaryPropsWithCleanContent = (0, _helpers.stripSummaryPropsContent)(propsToDisplay, summaryPropsWithContent);
   var SummaryComponent = _DataSummaryTypes.summaryComponents[type];
@@ -68,7 +71,9 @@ DataSummaryRender.propTypes = {
   recordId: _propTypes["default"].string,
   propsToDisplay: _propTypes["default"].array,
   elementTitle: _propTypes["default"].string,
-  htmlTag: _propTypes["default"].string
+  htmlTag: _propTypes["default"].string,
+  loopProperties: _propTypes["default"].array,
+  loopLimit: _propTypes["default"].number
 };
 DataSummaryRender.defaultProps = {
   type: 'text',
@@ -76,7 +81,9 @@ DataSummaryRender.defaultProps = {
   recordId: '',
   propsToDisplay: [],
   elementTitle: '',
-  htmlTag: 'h2'
+  htmlTag: 'h2',
+  loopProperties: [],
+  loopLimit: 0
 };
 var _default = DataSummaryRender;
 exports["default"] = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/DataSummary/DataSummaryRender.js"],"names":["DataSummaryRender","type","htmlTag","recordId","query","propsToDisplay","elementTitle","otherProps","variables","id","data","error","loading","message","entityData","modifier","summaryPropsWithContent","propsToDisplayModifiers","summaryPropsWithCleanContent","SummaryComponent","summaryComponents","length","propTypes","PropTypes","string","object","array","defaultProps"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAQpB;AAAA,MAPJC,IAOI,QAPJA,IAOI;AAAA,MANJC,OAMI,QANJA,OAMI;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,KAII,QAJJA,KAII;AAAA,MAHJC,cAGI,QAHJA,cAGI;AAAA,MAFJC,YAEI,QAFJA,YAEI;AAAA,MADDC,UACC;;AACJ,kBAAiC,0BAASH,KAAT,EAAgB;AAC/CI,IAAAA,SAAS,EAAE;AAAEC,MAAAA,EAAE,EAAEN;AAAN;AADoC,GAAhB,CAAjC;AAAA,MAAQO,IAAR,aAAQA,IAAR;AAAA,MAAcC,KAAd,aAAcA,KAAd;AAAA,MAAqBC,OAArB,aAAqBA,OAArB;;AAIA,MAAIA,OAAJ,EAAa,OAAO,EAAP;AACb,MAAID,KAAJ,EAAW,OAAOA,KAAK,CAACE,OAAb;AACX,MAAI,CAACH,IAAD,IAAS,CAACA,IAAI,CAACI,UAAnB,EAA+B,OAAO,IAAP;AAC/B,MAAQA,UAAR,GAAuBJ,IAAvB,CAAQI,UAAR;AACA,MAAMC,QAAQ,GAAG,8BAAkB,MAAlB,EAA0BR,UAA1B,CAAjB;AACA,MAAMS,uBAAuB,GAAG,6CAA+BF,UAA/B,EAA2CT,cAA3C,CAAhC;AACA,MAAMY,uBAAuB,GAAG,uCAA2BZ,cAA3B,CAAhC;AACA,MAAMa,4BAA4B,GAAG,uCACnCb,cADmC,EAEnCW,uBAFmC,CAArC;AAIA,MAAMG,gBAAgB,GAAGC,oCAAkBnB,IAAlB,CAAzB;AACA,MAAI,CAACiB,4BAA4B,CAACG,MAAlC,EAA0C,OAAO,IAAP;AAE1C,sBACE,gCAAC,gBAAD;AACE,IAAA,QAAQ,EAAEN,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,CAACsB,SAAlB,GAA8B;AAC5BrB,EAAAA,IAAI,EAAEsB,sBAAUC,MADY;AAE5BpB,EAAAA,KAAK,EAAEmB,sBAAUE,MAFW;AAG5BtB,EAAAA,QAAQ,EAAEoB,sBAAUC,MAHQ;AAI5BnB,EAAAA,cAAc,EAAEkB,sBAAUG,KAJE;AAK5BpB,EAAAA,YAAY,EAAEiB,sBAAUC,MALI;AAM5BtB,EAAAA,OAAO,EAAEqB,sBAAUC;AANS,CAA9B;AASAxB,iBAAiB,CAAC2B,YAAlB,GAAiC;AAC/B1B,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;eASeF,iB","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":["DataSummaryRender","type","htmlTag","recordId","query","propsToDisplay","elementTitle","loopProperties","loopLimit","otherProps","variables","id","data","error","loading","message","entityData","shouldLoop","length","modifier","summaryPropsWithContent","propsToDisplayModifiers","summaryPropsWithCleanContent","SummaryComponent","summaryComponents","propTypes","PropTypes","string","object","array","number","defaultProps"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAMA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAUpB;AAAA,MATJC,IASI,QATJA,IASI;AAAA,MARJC,OAQI,QARJA,OAQI;AAAA,MAPJC,QAOI,QAPJA,QAOI;AAAA,MANJC,KAMI,QANJA,KAMI;AAAA,MALJC,cAKI,QALJA,cAKI;AAAA,MAJJC,YAII,QAJJA,YAII;AAAA,MAHJC,cAGI,QAHJA,cAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,UACC;;AACJ,kBAAiC,0BAASL,KAAT,EAAgB;AAC/CM,IAAAA,SAAS,EAAE;AAAEC,MAAAA,EAAE,EAAER;AAAN;AADoC,GAAhB,CAAjC;AAAA,MAAQS,IAAR,aAAQA,IAAR;AAAA,MAAcC,KAAd,aAAcA,KAAd;AAAA,MAAqBC,OAArB,aAAqBA,OAArB;;AAIA,MAAIA,OAAJ,EAAa,OAAO,EAAP;AACb,MAAID,KAAJ,EAAW,OAAOA,KAAK,CAACE,OAAb;AACX,MAAI,CAACH,IAAD,IAAS,CAACA,IAAI,CAACI,UAAnB,EAA+B,OAAO,IAAP;AAE/B,MAAQA,UAAR,GAAuBJ,IAAvB,CAAQI,UAAR;AACA,MAAMC,UAAU,GAAGV,cAAc,IAAIA,cAAc,CAACW,MAApD;AACA,MAAMC,QAAQ,GAAG,8BAAkB,MAAlB,EAA0BV,UAA1B,CAAjB;AACA,MAAMW,uBAAuB,GAAGH,UAAU,GACtC,oCAAsBV,cAAtB,EAAsCF,cAAtC,EAAsDG,SAAtD,EAAiEQ,UAAjE,CADsC,GAEtC,6CAA+BA,UAA/B,EAA2CX,cAA3C,CAFJ;AAIA,MAAMgB,uBAAuB,GAAG,uCAA2BhB,cAA3B,CAAhC;AACA,MAAMiB,4BAA4B,GAAG,uCACnCjB,cADmC,EAEnCe,uBAFmC,CAArC;AAIA,MAAMG,gBAAgB,GAAGC,oCAAkBvB,IAAlB,CAAzB;AACA,MAAI,CAACqB,4BAA4B,CAACJ,MAAlC,EAA0C,OAAO,IAAP;AAE1C,sBACE,gCAAC,gBAAD;AACE,IAAA,QAAQ,EAAEC,QADZ;AAEE,IAAA,YAAY,EAAEb,YAFhB;AAGE,IAAA,uBAAuB,EAAEgB,4BAH3B;AAIE,IAAA,uBAAuB,EAAED,uBAJ3B;AAKE,IAAA,OAAO,EAAEnB;AALX,IADF;AASD,CA3CD;;AA6CAF,iBAAiB,CAACyB,SAAlB,GAA8B;AAC5BxB,EAAAA,IAAI,EAAEyB,sBAAUC,MADY;AAE5BvB,EAAAA,KAAK,EAAEsB,sBAAUE,MAFW;AAG5BzB,EAAAA,QAAQ,EAAEuB,sBAAUC,MAHQ;AAI5BtB,EAAAA,cAAc,EAAEqB,sBAAUG,KAJE;AAK5BvB,EAAAA,YAAY,EAAEoB,sBAAUC,MALI;AAM5BzB,EAAAA,OAAO,EAAEwB,sBAAUC,MANS;AAO5BpB,EAAAA,cAAc,EAAEmB,sBAAUG,KAPE;AAQ5BrB,EAAAA,SAAS,EAAEkB,sBAAUI;AARO,CAA9B;AAWA9B,iBAAiB,CAAC+B,YAAlB,GAAiC;AAC/B9B,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,IANsB;AAO/BK,EAAAA,cAAc,EAAE,EAPe;AAQ/BC,EAAAA,SAAS,EAAE;AARoB,CAAjC;eAWeR,iB","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/components/DataSummary/helpers/build-loop-props-content.js

@@ -0,0 +1,102 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+require("core-js/modules/es.array.for-each.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.array.is-array.js");
+
+require("core-js/modules/es.array.includes.js");
+
+require("core-js/modules/es.string.includes.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.array.map.js");
+
+var _lodash = _interopRequireDefault(require("lodash.upperfirst"));
+
+var _lodash2 = _interopRequireDefault(require("lodash.flatten"));
+
+var _getLinkToPublishedContent = _interopRequireDefault(require("./get-link-to-published-content"));
+
+var _getLoopPropsLimit = _interopRequireDefault(require("./get-loop-props-limit"));
+
+var _getPropValue = _interopRequireDefault(require("./get-prop-value"));
+
+var getLoopValue = function getLoopValue(value) {
+  var keyField = value.keyField;
+  return value[keyField];
+};
+
+var separateValues = function separateValues(propsToDisplay, loopProps, data) {
+  var regularValues = {};
+  var loopValues = {};
+  propsToDisplay.forEach(function (options) {
+    var propertiesToDisplay = options.propertiesToDisplay;
+    propertiesToDisplay.forEach(function (prop) {
+      var value = (0, _getPropValue["default"])(prop, data, options);
+      var isArrayValue = Array.isArray(value);
+      if (!value) return;
+      var isLoopableProp = loopProps.includes(prop) && isArrayValue;
+
+      if (isLoopableProp) {
+        loopValues[prop] = value;
+      } else {
+        regularValues[prop] = value;
+      }
+    });
+  });
+  return [regularValues, loopValues];
+};
+
+var buildLoopPropsContent = function buildLoopPropsContent() {
+  var loopProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var propsToDisplay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var limit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  var data = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  var loopPropsWithContent = [];
+
+  var _separateValues = separateValues(propsToDisplay, loopProps, data),
+      _separateValues2 = (0, _slicedToArray2["default"])(_separateValues, 2),
+      regularValues = _separateValues2[0],
+      loopValues = _separateValues2[1];
+
+  var loopLimit = (0, _getLoopPropsLimit["default"])(loopValues, limit);
+
+  var _loop = function _loop(i) {
+    var propsArray = (0, _lodash2["default"])(propsToDisplay.map(function (options) {
+      var propertiesToDisplay = options.propertiesToDisplay,
+          label = options.label;
+      return propertiesToDisplay.map(function (key) {
+        var loopValue = loopValues[key];
+        var propValue = loopValue ? getLoopValue(loopValue[i]) : regularValues[key];
+        if (!propValue) return null;
+        var linkToPublishedContent = (0, _getLinkToPublishedContent["default"])(key, data);
+        return [(0, _lodash["default"])(label), propValue, linkToPublishedContent];
+      });
+    })).filter(Boolean);
+    loopPropsWithContent.push(propsArray);
+  };
+
+  for (var i = 0; i < loopLimit; i += 1) {
+    _loop(i);
+  }
+
+  return (0, _lodash2["default"])(loopPropsWithContent);
+};
+
+var _default = buildLoopPropsContent;
+exports["default"] = _default;
+//# sourceMappingURL=build-loop-props-content.js.map

package/lib/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":["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":"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","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/components/DataSummary/helpers/get-loop-props-limit.js

@@ -0,0 +1,31 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+require("core-js/modules/es.array.for-each.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.array.is-array.js");
+
+var getLoopPropsLimit = function getLoopPropsLimit(values, limit) {
+  var valuesLimit = 1;
+  if (!values) return valuesLimit;
+  Object.keys(values).forEach(function (key) {
+    var value = values[key];
+    if (value && Array.isArray(value) && value.length > valuesLimit) valuesLimit = value.length;
+  });
+  if (!limit || valuesLimit < limit) return valuesLimit;
+  return limit;
+};
+
+var _default = getLoopPropsLimit;
+exports["default"] = _default;
+//# sourceMappingURL=get-loop-props-limit.js.map

package/lib/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,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,MAAD,EAASC,KAAT,EAAmB;AAC3C,MAAIC,WAAW,GAAG,CAAlB;AACA,MAAI,CAACF,MAAL,EAAa,OAAOE,WAAP;AACbC,EAAAA,MAAM,CAACC,IAAP,CAAYJ,MAAZ,EAAoBK,OAApB,CAA4B,UAAAC,GAAG,EAAI;AACjC,QAAMC,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;;eAWeF,iB","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/components/DataSummary/helpers/get-prop-value.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/DataSummary/helpers/get-prop-value.js"],"names":["getPropValue","key","props","options","baseKey","split","nestedKey","filter","_","i","join","prefix","suffix","value","valueIsArray","Array","isArray","nestedValue","trim"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAACC,GAAD,EAAMC,KAAN,EAA8B;AAAA,MAAjBC,OAAiB,uEAAP,EAAO;AACjD,MAAMC,OAAO,GAAGH,GAAG,CAACI,KAAJ,CAAU,GAAV,EAAe,CAAf,CAAhB;AACA,MAAMC,SAAS,GAAGL,GAAG,CAClBI,KADe,CACT,GADS,EAEfE,MAFe,CAER,UAACC,CAAD,EAAIC,CAAJ;AAAA,WAAUA,CAAC,KAAK,CAAhB;AAAA,GAFQ,EAGfC,IAHe,CAGV,GAHU,CAAlB;AAIA,wBAAqCP,OAArC,CAAQQ,MAAR;AAAA,MAAQA,MAAR,gCAAiB,EAAjB;AAAA,wBAAqCR,OAArC,CAAqBS,MAArB;AAAA,MAAqBA,MAArB,gCAA8B,EAA9B;AACA,MAAMC,KAAK,GAAGX,KAAK,CAACE,OAAD,CAAnB;AACA,MAAI,OAAOS,KAAP,KAAiB,SAAjB,IAA8B,CAACA,KAAnC,EAA0C,OAAO,IAAP;;AAE1C,MAAIP,SAAJ,EAAe;AACb,QAAMQ,YAAY,GAAGC,KAAK,CAACC,OAAN,CAAcH,KAAd,CAArB;AACA,QAAMI,WAAW,GAAG,CAACH,YAAD,GAAgBD,KAAK,CAACP,SAAD,CAArB,GAAmC,EAAvD;AACA,QAAIQ,YAAJ,EAAkB,OAAO,mCAAkBR,SAAlB,EAA6BO,KAA7B,EAAoCF,MAApC,EAA4CC,MAA5C,CAAP;AAElB,WAAOK,WAAW,GAAG,UAAGN,MAAH,cAAaM,WAAb,cAA4BL,MAA5B,EAAqCM,IAArC,EAAH,GAAiD,IAAnE;AACD;;AAED,SAAO,UAAGP,MAAH,cAAaE,KAAb,cAAsBD,MAAtB,EAA+BM,IAA/B,EAAP;AACD,CAnBD;;eAqBelB,Y","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":["getPropValue","key","props","options","baseKey","split","nestedKey","filter","_","i","join","prefix","suffix","value","valueIsArray","Array","isArray","nestedValue","trim"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAACC,GAAD,EAAMC,KAAN,EAA8B;AAAA,MAAjBC,OAAiB,uEAAP,EAAO;AACjD,MAAMC,OAAO,GAAGH,GAAG,CAACI,KAAJ,CAAU,GAAV,EAAe,CAAf,CAAhB;AACA,MAAMC,SAAS,GAAGL,GAAG,CAClBI,KADe,CACT,GADS,EAEfE,MAFe,CAER,UAACC,CAAD,EAAIC,CAAJ;AAAA,WAAUA,CAAC,KAAK,CAAhB;AAAA,GAFQ,EAGfC,IAHe,CAGV,GAHU,CAAlB;AAIA,wBAAqCP,OAArC,CAAQQ,MAAR;AAAA,MAAQA,MAAR,gCAAiB,EAAjB;AAAA,wBAAqCR,OAArC,CAAqBS,MAArB;AAAA,MAAqBA,MAArB,gCAA8B,EAA9B;AACA,MAAMC,KAAK,GAAGX,KAAK,CAACE,OAAD,CAAnB;AAEA,MAAI,OAAOS,KAAP,KAAiB,SAAjB,IAA8B,CAACA,KAAnC,EAA0C,OAAO,IAAP;;AAE1C,MAAIP,SAAJ,EAAe;AACb,QAAMQ,YAAY,GAAGC,KAAK,CAACC,OAAN,CAAcH,KAAd,CAArB;AACA,QAAMI,WAAW,GAAG,CAACH,YAAD,GAAgBD,KAAK,CAACP,SAAD,CAArB,GAAmC,EAAvD;AACA,QAAIQ,YAAJ,EAAkB,OAAO,mCAAkBR,SAAlB,EAA6BO,KAA7B,EAAoCF,MAApC,EAA4CC,MAA5C,CAAP;AAClB,WAAOK,WAAW,GAAG,UAAGN,MAAH,cAAaM,WAAb,cAA4BL,MAA5B,EAAqCM,IAArC,EAAH,GAAiD,IAAnE;AACD;;AAED,SAAO,UAAGP,MAAH,cAAaE,KAAb,cAAsBD,MAAtB,EAA+BM,IAA/B,EAAP;AACD,CAnBD;;eAqBelB,Y","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/components/DataSummary/helpers/index.js

@@ -31,6 +31,12 @@ Object.defineProperty(exports, "stripSummaryPropsContent", {
     return _stripSummaryPropsContent["default"];
   }
 });
+Object.defineProperty(exports, "buildLoopPropsContent", {
+  enumerable: true,
+  get: function get() {
+    return _buildLoopPropsContent["default"];
+  }
+});
 
 var _getDataSummaryQuery = _interopRequireDefault(require("./get-data-summary-query"));
 
@@ -39,4 +45,6 @@ var _buildPropsToDisplayWithContent = _interopRequireDefault(require("./build-pr
 var _getLinkToPublishedContent = _interopRequireDefault(require("./get-link-to-published-content"));
 
 var _stripSummaryPropsContent = _interopRequireDefault(require("./strip-summary-props-content"));
+
+var _buildLoopPropsContent = _interopRequireDefault(require("./build-loop-props-content"));
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/DataSummary/helpers/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA","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":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA","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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.106.2",
+  "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": "af20502aa0b782866dc654da5fd941597e496666"
+  "gitHead": "fb86622f935fc0cbf63381aec468ed0dd31cca03"
 }

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/tests/unit/src/components/DataSummary/helpers/build-loop-props-content.test.js

@@ -0,0 +1,60 @@
+import '@testing-library/jest-dom/extend-expect';
+import { buildLoopPropsContent } from '../../../../../../src/components/DataSummary/helpers';
+import { mockedLoopProps, mockedPropsToDisplay, mockedData, mockedResults } from './mocks';
+
+describe('buildLoopPropsContent helper function', () => {
+  const noParamsPassed = buildLoopPropsContent();
+  const noValuesPassed = buildLoopPropsContent([], [], 0, {});
+  const noDataPassed = buildLoopPropsContent(mockedLoopProps, mockedPropsToDisplay, 0, {});
+  const withNoLoopValues = buildLoopPropsContent([], mockedPropsToDisplay, 0, mockedData[0]);
+  const withNoLoopableValues = buildLoopPropsContent(
+    mockedLoopProps,
+    mockedPropsToDisplay,
+    0,
+    mockedData[1]
+  );
+  const withLoopableValues = buildLoopPropsContent(
+    mockedLoopProps,
+    mockedPropsToDisplay,
+    0,
+    mockedData[0]
+  );
+  const withUnreachableLimit = buildLoopPropsContent(
+    mockedLoopProps,
+    mockedPropsToDisplay,
+    12,
+    mockedData[0]
+  );
+  const withLimit = buildLoopPropsContent(mockedLoopProps, mockedPropsToDisplay, 2, mockedData[0]);
+
+  it('should always return an array', () => {
+    expect(Array.isArray(noParamsPassed)).toBeTruthy();
+    expect(Array.isArray(noValuesPassed)).toBeTruthy();
+    expect(Array.isArray(noDataPassed)).toBeTruthy();
+    expect(Array.isArray(withNoLoopValues)).toBeTruthy();
+    expect(Array.isArray(withNoLoopableValues)).toBeTruthy();
+  });
+
+  it('should return an empty array if no propsToDisplay or matching values are found', () => {
+    expect(noParamsPassed).toEqual([]);
+    expect(noValuesPassed).toEqual([]);
+    expect(noDataPassed).toEqual([]);
+  });
+
+  it('should return regular dataSummary content if no loopable values are found', () => {
+    expect(withNoLoopValues).toEqual(mockedResults[0]);
+    expect(withNoLoopableValues).toEqual(mockedResults[1]);
+  });
+
+  it('should return looped data summary if loopable values are found', () => {
+    expect(withLoopableValues).toEqual(mockedResults[2]);
+  });
+
+  it('should return maxed looped data summary if limit is higher than loopable props', () => {
+    expect(withUnreachableLimit).toEqual(mockedResults[2]);
+  });
+
+  it('should return looped data based on limit if is reachable', () => {
+    expect(withLimit).toEqual(mockedResults[3]);
+  });
+});

package/tests/unit/src/components/DataSummary/{DataSummaryTypes/helpers → helpers}/build-props-to-display-with-content.test.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import { buildPropsToDisplayWithContent } from '../../../../../../../src/components/DataSummary/helpers';
+import { buildPropsToDisplayWithContent } from '../../../../../../src/components/DataSummary/helpers';
 
 const mockedPropsArray = ['id', 'name', 'tags.name', 'tags.id'];
 

package/tests/unit/src/components/DataSummary/{DataSummaryTypes/helpers → helpers}/get-data-summary-query.test.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import { getDataSummaryQuery } from '../../../../../../../src/components/DataSummary/helpers';
+import { getDataSummaryQuery } from '../../../../../../src/components/DataSummary/helpers';
 
 describe('get data summary query func', () => {
   const data = {

package/tests/unit/src/components/DataSummary/{DataSummaryTypes/helpers → helpers}/get-link-to-published-content.test.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import { getLinkToPublishedContent } from '../../../../../../../src/components/DataSummary/helpers';
+import { getLinkToPublishedContent } from '../../../../../../src/components/DataSummary/helpers';
 
 describe('get link to published content', () => {
   it('should be a function', () => {

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

@@ -0,0 +1,32 @@
+import '@testing-library/jest-dom/extend-expect';
+import getLoopPropsLimit from '../../../../../../src/components/DataSummary/helpers/get-loop-props-limit';
+
+const mockedValues = [
+  { test: [1, 2, 3] },
+  { test: [1, 2, 3, 4], test2: [1, 2, 3, 4, 5], test3: [1, 2] }
+];
+describe('getLoopPropsLimit helper function', () => {
+  const noParamsPassed = getLoopPropsLimit();
+  const noValuesPassed = getLoopPropsLimit(undefined, 12);
+  const noLimitPassed = getLoopPropsLimit(mockedValues[0]);
+  const withLimit = getLoopPropsLimit(mockedValues[0], 2);
+  const withHigherLimitThanValues = getLoopPropsLimit(mockedValues[1], 22);
+
+  it('should always return a number', () => {
+    expect(typeof noParamsPassed).toEqual('number');
+    expect(typeof noValuesPassed).toEqual('number');
+    expect(typeof noLimitPassed).toEqual('number');
+    expect(typeof withLimit).toEqual('number');
+    expect(typeof withHigherLimitThanValues).toEqual('number');
+  });
+
+  it('if no values are passed should return a limit of 1', () => {
+    expect(noValuesPassed).toEqual(1);
+  });
+
+  it('should return the limitToUse based on values and limit passed', () => {
+    expect(withLimit).toEqual(2);
+    expect(noLimitPassed).toEqual(3);
+    expect(withHigherLimitThanValues).toEqual(5);
+  });
+});

package/tests/unit/src/components/DataSummary/{DataSummaryTypes/helpers → helpers}/get-prop-value.test.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import getPropValue from '../../../../../../../src/components/DataSummary/helpers/get-prop-value';
+import getPropValue from '../../../../../../src/components/DataSummary/helpers/get-prop-value';
 
 describe('build props to display func', () => {
   const key = 'id';

package/tests/unit/src/components/DataSummary/{DataSummaryTypes/helpers → helpers}/get-value-from-array.test.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import getValueFromArray from '../../../../../../../src/components/DataSummary/helpers/get-value-from-array';
+import getValueFromArray from '../../../../../../src/components/DataSummary/helpers/get-value-from-array';
 
 const key = 'id';
 const arr = [{ id: 'fd21b310-e9d9-11e9-a6fe-5b82b901ff45', utl: 'test-url' }];

package/tests/unit/src/components/DataSummary/helpers/mocks.js

@@ -0,0 +1,88 @@
+const labels = ['Whataver normal label', 'Label for looped prop'];
+const nestedLoopString = 'nested loop';
+const nestedValueString = 'nestedValue';
+const preffixString = 'pre';
+const suffixString = ' -suff';
+const dataNameString = 'data name';
+const mockedLoopProps = ['nestedLoopProp.nestedValue'];
+const mockedPropsToDisplay = [
+  {
+    bold: false,
+    enableLink: true,
+    label: labels[0],
+    modifier: '',
+    prefix: preffixString,
+    propertiesToDisplay: ['name'],
+    shouldStrip: true
+  },
+  {
+    bold: false,
+    enableLink: true,
+    label: labels[1],
+    modifier: '',
+    suffix: suffixString,
+    propertiesToDisplay: ['nestedLoopProp.nestedValue'],
+    shouldStrip: true
+  }
+];
+
+const mockedData = [
+  {
+    name: dataNameString,
+    nestedLoopProp: [
+      { [nestedValueString]: `${nestedLoopString} 1` },
+      { [nestedValueString]: `${nestedLoopString} 2` },
+      { [nestedValueString]: `${nestedLoopString} 3` }
+    ]
+  },
+  {
+    name: dataNameString,
+    nestedLoopProp: { [nestedValueString]: `test ${nestedLoopString} value` }
+  }
+];
+const mockedResults = [
+  [
+    [labels[0], `${preffixString} ${dataNameString}`, ''],
+    [
+      labels[1],
+      [
+        {
+          keyField: nestedValueString,
+          [nestedValueString]: `${nestedLoopString} 1${suffixString}`,
+          url: ''
+        },
+        {
+          keyField: nestedValueString,
+          [nestedValueString]: `${nestedLoopString} 2${suffixString}`,
+          url: ''
+        },
+        {
+          keyField: nestedValueString,
+          [nestedValueString]: `${nestedLoopString} 3${suffixString}`,
+          url: ''
+        }
+      ],
+      ''
+    ]
+  ],
+  [
+    [labels[0], `${preffixString} ${dataNameString}`, ''],
+    [labels[1], `test ${nestedLoopString} value ${suffixString}`, '']
+  ],
+  [
+    [labels[0], `${preffixString} ${dataNameString}`, ''],
+    [labels[1], `${nestedLoopString} 1${suffixString}`, ''],
+    [labels[0], `${preffixString} ${dataNameString}`, ''],
+    [labels[1], `${nestedLoopString} 2${suffixString}`, ''],
+    [labels[0], `${preffixString} ${dataNameString}`, ''],
+    [labels[1], `${nestedLoopString} 3${suffixString}`, '']
+  ],
+  [
+    [labels[0], `${preffixString} ${dataNameString}`, ''],
+    [labels[1], `${nestedLoopString} 1${suffixString}`, ''],
+    [labels[0], `${preffixString} ${dataNameString}`, ''],
+    [labels[1], `${nestedLoopString} 2${suffixString}`, '']
+  ]
+];
+
+export { mockedLoopProps, mockedPropsToDisplay, mockedData, mockedResults };

package/tests/unit/src/components/DataSummary/{DataSummaryTypes/helpers → helpers}/strip-summary-props-content.test.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import stripSummaryPropsContent from '../../../../../../../src/components/DataSummary/helpers/strip-summary-props-content';
+import stripSummaryPropsContent from '../../../../../../src/components/DataSummary/helpers/strip-summary-props-content';
 
 describe('strip summary props content', () => {
   const stripTrue = [{ shouldStrip: true }];