@blaze-cms/plugin-data-ui 0.141.0 → 0.141.1-alpha.0

package/lib-es/components/InfoBoxes/helpers/build-dynamic-query.js

@@ -3,24 +3,24 @@ import { BlazeError } from '@blaze-cms/core-errors';
 export default function buildDynamicQuery({
   id,
   schema,
-  infoBox
+  properties
 }) {
+  if (!id) return null;
   if (!schema || !schema.actions || !schema.actions.get || !schema.properties) {
     throw new BlazeError('DataEntity query requires get action, properties and fields from entity schema');
   }
-  const fields = `${infoBox.property} {
+  const fields = properties.map(infoProperty => `${infoProperty} {
       label
       value
       showLabel
-    }`;
-  return {
-    query: gql`query getInfoBoxData($id: String!){
+      url
+    }`);
+  return gql`query getInfoBoxData($id: String!){
     ${schema.actions.get}( id: $id ) {
       id
-     ${fields}
+      ${fields.map(field => field)}
      __typename
     }
-  }`
-  };
+  }`;
 }
 //# sourceMappingURL=build-dynamic-query.js.map

package/lib-es/components/InfoBoxes/helpers/build-dynamic-query.js.map

@@ -1 +1 @@
-{"version":3,"file":"build-dynamic-query.js","names":["gql","BlazeError","buildDynamicQuery","id","schema","infoBox","actions","get","properties","fields","property","query"],"sources":["../../../../src/components/InfoBoxes/helpers/build-dynamic-query.js"],"sourcesContent":["import { gql } from '@apollo/client';\nimport { BlazeError } from '@blaze-cms/core-errors';\n\nexport default function buildDynamicQuery({ id, schema, infoBox }) {\n  if (!schema || !schema.actions || !schema.actions.get || !schema.properties) {\n    throw new BlazeError(\n      'DataEntity query requires get action, properties and fields from entity schema'\n    );\n  }\n\n  const fields = `${infoBox.property} {\n      label\n      value\n      showLabel\n    }`;\n\n  return {\n    query: gql`query getInfoBoxData($id: String!){\n    ${schema.actions.get}( id: $id ) {\n      id\n     ${fields}\n     __typename\n    }\n  }`\n  };\n}\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,SAASC,UAAU,QAAQ,wBAAwB;AAEnD,eAAe,SAASC,iBAAiBA,CAAC;EAAEC,EAAE;EAAEC,MAAM;EAAEC;AAAQ,CAAC,EAAE;EACjE,IAAI,CAACD,MAAM,IAAI,CAACA,MAAM,CAACE,OAAO,IAAI,CAACF,MAAM,CAACE,OAAO,CAACC,GAAG,IAAI,CAACH,MAAM,CAACI,UAAU,EAAE;IAC3E,MAAM,IAAIP,UAAU,CAClB,gFACF,CAAC;EACH;EAEA,MAAMQ,MAAM,GAAI,GAAEJ,OAAO,CAACK,QAAS;AACrC;AACA;AACA;AACA,MAAM;EAEJ,OAAO;IACLC,KAAK,EAAEX,GAAI;AACf,MAAMI,MAAM,CAACE,OAAO,CAACC,GAAI;AACzB;AACA,OAAOE,MAAO;AACd;AACA;AACA;EACE,CAAC;AACH"}
+{"version":3,"file":"build-dynamic-query.js","names":["gql","BlazeError","buildDynamicQuery","id","schema","properties","actions","get","fields","map","infoProperty","field"],"sources":["../../../../src/components/InfoBoxes/helpers/build-dynamic-query.js"],"sourcesContent":["import { gql } from '@apollo/client';\nimport { BlazeError } from '@blaze-cms/core-errors';\n\nexport default function buildDynamicQuery({ id, schema, properties }) {\n  if (!id) return null;\n\n  if (!schema || !schema.actions || !schema.actions.get || !schema.properties) {\n    throw new BlazeError(\n      'DataEntity query requires get action, properties and fields from entity schema'\n    );\n  }\n\n  const fields = properties.map(\n    infoProperty =>\n      `${infoProperty} {\n      label\n      value\n      showLabel\n      url\n    }`\n  );\n\n  return gql`query getInfoBoxData($id: String!){\n    ${schema.actions.get}( id: $id ) {\n      id\n      ${fields.map(field => field)}\n     __typename\n    }\n  }`;\n}\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,SAASC,UAAU,QAAQ,wBAAwB;AAEnD,eAAe,SAASC,iBAAiBA,CAAC;EAAEC,EAAE;EAAEC,MAAM;EAAEC;AAAW,CAAC,EAAE;EACpE,IAAI,CAACF,EAAE,EAAE,OAAO,IAAI;EAEpB,IAAI,CAACC,MAAM,IAAI,CAACA,MAAM,CAACE,OAAO,IAAI,CAACF,MAAM,CAACE,OAAO,CAACC,GAAG,IAAI,CAACH,MAAM,CAACC,UAAU,EAAE;IAC3E,MAAM,IAAIJ,UAAU,CAClB,gFACF,CAAC;EACH;EAEA,MAAMO,MAAM,GAAGH,UAAU,CAACI,GAAG,CAC3BC,YAAY,IACT,GAAEA,YAAa;AACtB;AACA;AACA;AACA;AACA,MACE,CAAC;EAED,OAAOV,GAAI;AACb,MAAMI,MAAM,CAACE,OAAO,CAACC,GAAI;AACzB;AACA,QAAQC,MAAM,CAACC,GAAG,CAACE,KAAK,IAAIA,KAAK,CAAE;AACnC;AACA;AACA,IAAI;AACJ"}

package/lib-es/components/InfoBoxes/hooks/useInfoBox.js

@@ -4,12 +4,10 @@ function useInfoBox({
   schema,
   infoBox
 }) {
-  const {
-    query
-  } = buildDynamicQuery({
+  const query = buildDynamicQuery({
     id,
     schema,
-    infoBox
+    properties: [infoBox.property]
   });
   return {
     query: query || null

package/lib-es/components/InfoBoxes/hooks/useInfoBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInfoBox.js","names":["buildDynamicQuery","useInfoBox","id","schema","infoBox","query"],"sources":["../../../../src/components/InfoBoxes/hooks/useInfoBox.js"],"sourcesContent":["import buildDynamicQuery from '../helpers/build-dynamic-query';\n\nfunction useInfoBox({ id, schema, infoBox }) {\n  const { query } = buildDynamicQuery({\n    id,\n    schema,\n    infoBox\n  });\n\n  return { query: query || null };\n}\n\nexport default useInfoBox;\n"],"mappings":"AAAA,OAAOA,iBAAiB,MAAM,gCAAgC;AAE9D,SAASC,UAAUA,CAAC;EAAEC,EAAE;EAAEC,MAAM;EAAEC;AAAQ,CAAC,EAAE;EAC3C,MAAM;IAAEC;EAAM,CAAC,GAAGL,iBAAiB,CAAC;IAClCE,EAAE;IACFC,MAAM;IACNC;EACF,CAAC,CAAC;EAEF,OAAO;IAAEC,KAAK,EAAEA,KAAK,IAAI;EAAK,CAAC;AACjC;AAEA,eAAeJ,UAAU"}
+{"version":3,"file":"useInfoBox.js","names":["buildDynamicQuery","useInfoBox","id","schema","infoBox","query","properties","property"],"sources":["../../../../src/components/InfoBoxes/hooks/useInfoBox.js"],"sourcesContent":["import buildDynamicQuery from '../helpers/build-dynamic-query';\n\nfunction useInfoBox({ id, schema, infoBox }) {\n  const query = buildDynamicQuery({\n    id,\n    schema,\n    properties: [infoBox.property]\n  });\n\n  return { query: query || null };\n}\n\nexport default useInfoBox;\n"],"mappings":"AAAA,OAAOA,iBAAiB,MAAM,gCAAgC;AAE9D,SAASC,UAAUA,CAAC;EAAEC,EAAE;EAAEC,MAAM;EAAEC;AAAQ,CAAC,EAAE;EAC3C,MAAMC,KAAK,GAAGL,iBAAiB,CAAC;IAC9BE,EAAE;IACFC,MAAM;IACNG,UAAU,EAAE,CAACF,OAAO,CAACG,QAAQ;EAC/B,CAAC,CAAC;EAEF,OAAO;IAAEF,KAAK,EAAEA,KAAK,IAAI;EAAK,CAAC;AACjC;AAEA,eAAeJ,UAAU"}

package/lib-es/components/InfoBoxes/presentational/InfoBox.js

@@ -1,5 +1,7 @@
 import PropTypes from 'prop-types';
 import React from 'react';
+import InfoBoxValue from './InfoBoxValue';
+import InfoBoxLabel from './InfoBoxLabel';
 const InfoBox = ({
   items,
   infoBoxKey
@@ -7,15 +9,18 @@ const InfoBox = ({
   if (!items) return null;
   const infoBoxItems = items.map(item => Object.values(item).map(info => {
     if (!info.label || !info.value) return null;
-    const label = info.showLabel === false ? '' : `${info.label}: `;
     return /*#__PURE__*/React.createElement("div", {
       className: "info-box--item",
       key: `${infoBoxKey}-${info.label.toLowerCase()}`
     }, /*#__PURE__*/React.createElement("div", {
       className: "info-box--label"
-    }, label), /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement(InfoBoxLabel, {
+      item: info
+    })), /*#__PURE__*/React.createElement("div", {
       className: "info-box--value"
-    }, info.value));
+    }, /*#__PURE__*/React.createElement(InfoBoxValue, {
+      item: info
+    })));
   }).filter(Boolean));
   return /*#__PURE__*/React.createElement("div", {
     className: "info-box",

package/lib-es/components/InfoBoxes/presentational/InfoBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoBox.js","names":["PropTypes","React","InfoBox","items","infoBoxKey","infoBoxItems","map","item","Object","values","info","label","value","showLabel","createElement","className","key","toLowerCase","filter","Boolean","propTypes","string","isRequired","array"],"sources":["../../../../src/components/InfoBoxes/presentational/InfoBox.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nconst InfoBox = ({ items, infoBoxKey }) => {\n  if (!items) return null;\n\n  const infoBoxItems = items.map(item =>\n    Object.values(item)\n      .map(info => {\n        if (!info.label || !info.value) return null;\n        const label = info.showLabel === false ? '' : `${info.label}: `;\n        return (\n          <div className=\"info-box--item\" key={`${infoBoxKey}-${info.label.toLowerCase()}`}>\n            <div className=\"info-box--label\">{label}</div>\n            <div className=\"info-box--value\">{info.value}</div>\n          </div>\n        );\n      })\n      .filter(Boolean)\n  );\n\n  return (\n    <div className=\"info-box\" key={infoBoxKey}>\n      <div className=\"info-box--container\">{infoBoxItems}</div>\n    </div>\n  );\n};\n\nexport default InfoBox;\n\nInfoBox.propTypes = {\n  infoBoxKey: PropTypes.string.isRequired,\n  items: PropTypes.array.isRequired\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,OAAO;AAEzB,MAAMC,OAAO,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAW,CAAC,KAAK;EACzC,IAAI,CAACD,KAAK,EAAE,OAAO,IAAI;EAEvB,MAAME,YAAY,GAAGF,KAAK,CAACG,GAAG,CAACC,IAAI,IACjCC,MAAM,CAACC,MAAM,CAACF,IAAI,CAAC,CAChBD,GAAG,CAACI,IAAI,IAAI;IACX,IAAI,CAACA,IAAI,CAACC,KAAK,IAAI,CAACD,IAAI,CAACE,KAAK,EAAE,OAAO,IAAI;IAC3C,MAAMD,KAAK,GAAGD,IAAI,CAACG,SAAS,KAAK,KAAK,GAAG,EAAE,GAAI,GAAEH,IAAI,CAACC,KAAM,IAAG;IAC/D,oBACEV,KAAA,CAAAa,aAAA;MAAKC,SAAS,EAAC,gBAAgB;MAACC,GAAG,EAAG,GAAEZ,UAAW,IAAGM,IAAI,CAACC,KAAK,CAACM,WAAW,CAAC,CAAE;IAAE,gBAC/EhB,KAAA,CAAAa,aAAA;MAAKC,SAAS,EAAC;IAAiB,GAAEJ,KAAW,CAAC,eAC9CV,KAAA,CAAAa,aAAA;MAAKC,SAAS,EAAC;IAAiB,GAAEL,IAAI,CAACE,KAAW,CAC/C,CAAC;EAEV,CAAC,CAAC,CACDM,MAAM,CAACC,OAAO,CACnB,CAAC;EAED,oBACElB,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAEZ;EAAW,gBACxCH,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAC;EAAqB,GAAEV,YAAkB,CACrD,CAAC;AAEV,CAAC;AAED,eAAeH,OAAO;AAEtBA,OAAO,CAACkB,SAAS,GAAG;EAClBhB,UAAU,EAAEJ,SAAS,CAACqB,MAAM,CAACC,UAAU;EACvCnB,KAAK,EAAEH,SAAS,CAACuB,KAAK,CAACD;AACzB,CAAC"}
+{"version":3,"file":"InfoBox.js","names":["PropTypes","React","InfoBoxValue","InfoBoxLabel","InfoBox","items","infoBoxKey","infoBoxItems","map","item","Object","values","info","label","value","createElement","className","key","toLowerCase","filter","Boolean","propTypes","string","isRequired","array"],"sources":["../../../../src/components/InfoBoxes/presentational/InfoBox.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport InfoBoxValue from './InfoBoxValue';\nimport InfoBoxLabel from './InfoBoxLabel';\n\nconst InfoBox = ({ items, infoBoxKey }) => {\n  if (!items) return null;\n\n  const infoBoxItems = items.map(item =>\n    Object.values(item)\n      .map(info => {\n        if (!info.label || !info.value) return null;\n\n        return (\n          <div className=\"info-box--item\" key={`${infoBoxKey}-${info.label.toLowerCase()}`}>\n            <div className=\"info-box--label\">\n              <InfoBoxLabel item={info} />\n            </div>\n            <div className=\"info-box--value\">\n              <InfoBoxValue item={info} />\n            </div>\n          </div>\n        );\n      })\n      .filter(Boolean)\n  );\n\n  return (\n    <div className=\"info-box\" key={infoBoxKey}>\n      <div className=\"info-box--container\">{infoBoxItems}</div>\n    </div>\n  );\n};\n\nexport default InfoBox;\n\nInfoBox.propTypes = {\n  infoBoxKey: PropTypes.string.isRequired,\n  items: PropTypes.array.isRequired\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,YAAY,MAAM,gBAAgB;AAEzC,MAAMC,OAAO,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAW,CAAC,KAAK;EACzC,IAAI,CAACD,KAAK,EAAE,OAAO,IAAI;EAEvB,MAAME,YAAY,GAAGF,KAAK,CAACG,GAAG,CAACC,IAAI,IACjCC,MAAM,CAACC,MAAM,CAACF,IAAI,CAAC,CAChBD,GAAG,CAACI,IAAI,IAAI;IACX,IAAI,CAACA,IAAI,CAACC,KAAK,IAAI,CAACD,IAAI,CAACE,KAAK,EAAE,OAAO,IAAI;IAE3C,oBACEb,KAAA,CAAAc,aAAA;MAAKC,SAAS,EAAC,gBAAgB;MAACC,GAAG,EAAG,GAAEX,UAAW,IAAGM,IAAI,CAACC,KAAK,CAACK,WAAW,CAAC,CAAE;IAAE,gBAC/EjB,KAAA,CAAAc,aAAA;MAAKC,SAAS,EAAC;IAAiB,gBAC9Bf,KAAA,CAAAc,aAAA,CAACZ,YAAY;MAACM,IAAI,EAAEG;IAAK,CAAE,CACxB,CAAC,eACNX,KAAA,CAAAc,aAAA;MAAKC,SAAS,EAAC;IAAiB,gBAC9Bf,KAAA,CAAAc,aAAA,CAACb,YAAY;MAACO,IAAI,EAAEG;IAAK,CAAE,CACxB,CACF,CAAC;EAEV,CAAC,CAAC,CACDO,MAAM,CAACC,OAAO,CACnB,CAAC;EAED,oBACEnB,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAEX;EAAW,gBACxCL,KAAA,CAAAc,aAAA;IAAKC,SAAS,EAAC;EAAqB,GAAET,YAAkB,CACrD,CAAC;AAEV,CAAC;AAED,eAAeH,OAAO;AAEtBA,OAAO,CAACiB,SAAS,GAAG;EAClBf,UAAU,EAAEN,SAAS,CAACsB,MAAM,CAACC,UAAU;EACvClB,KAAK,EAAEL,SAAS,CAACwB,KAAK,CAACD;AACzB,CAAC"}

package/lib-es/components/InfoBoxes/presentational/InfoBoxLabel.js

@@ -0,0 +1,12 @@
+const InfoBoxLabel = ({
+  item,
+  suffix = ' '
+}) => {
+  const {
+    label,
+    showLabel = true
+  } = item;
+  return showLabel ? `${label}:${suffix}` : null;
+};
+export default InfoBoxLabel;
+//# sourceMappingURL=InfoBoxLabel.js.map

package/lib-es/components/InfoBoxes/presentational/InfoBoxLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBoxLabel.js","names":["InfoBoxLabel","item","suffix","label","showLabel"],"sources":["../../../../src/components/InfoBoxes/presentational/InfoBoxLabel.js"],"sourcesContent":["const InfoBoxLabel = ({ item, suffix = ' ' }) => {\n  const { label, showLabel = true } = item;\n  return showLabel ? `${label}:${suffix}` : null;\n};\n\nexport default InfoBoxLabel;\n"],"mappings":"AAAA,MAAMA,YAAY,GAAGA,CAAC;EAAEC,IAAI;EAAEC,MAAM,GAAG;AAAI,CAAC,KAAK;EAC/C,MAAM;IAAEC,KAAK;IAAEC,SAAS,GAAG;EAAK,CAAC,GAAGH,IAAI;EACxC,OAAOG,SAAS,GAAI,GAAED,KAAM,IAAGD,MAAO,EAAC,GAAG,IAAI;AAChD,CAAC;AAED,eAAeF,YAAY"}

package/lib-es/components/InfoBoxes/presentational/InfoBoxValue.js

@@ -0,0 +1,30 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { Link } from 'react-router-dom';
+const InfoBoxValue = ({
+  item = {}
+}) => {
+  const {
+    url,
+    value
+  } = item;
+  if (url) {
+    if (url.startsWith('http')) {
+      return /*#__PURE__*/React.createElement("a", {
+        href: url,
+        target: "_blank",
+        rel: "noopener noreferrer"
+      }, value);
+    }
+    return /*#__PURE__*/React.createElement(Link, {
+      to: url,
+      target: "_blank"
+    }, value);
+  }
+  return value;
+};
+InfoBoxValue.propTypes = {
+  item: PropTypes.object.isRequired
+};
+export default InfoBoxValue;
+//# sourceMappingURL=InfoBoxValue.js.map

package/lib-es/components/InfoBoxes/presentational/InfoBoxValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBoxValue.js","names":["PropTypes","React","Link","InfoBoxValue","item","url","value","startsWith","createElement","href","target","rel","to","propTypes","object","isRequired"],"sources":["../../../../src/components/InfoBoxes/presentational/InfoBoxValue.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport { Link } from 'react-router-dom';\n\nconst InfoBoxValue = ({ item = {} }) => {\n  const { url, value } = item;\n  if (url) {\n    if (url.startsWith('http')) {\n      return (\n        <a href={url} target=\"_blank\" rel=\"noopener noreferrer\">\n          {value}\n        </a>\n      );\n    }\n    return (\n      <Link to={url} target=\"_blank\">\n        {value}\n      </Link>\n    );\n  }\n\n  return value;\n};\n\nInfoBoxValue.propTypes = {\n  item: PropTypes.object.isRequired\n};\n\nexport default InfoBoxValue;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,MAAMC,YAAY,GAAGA,CAAC;EAAEC,IAAI,GAAG,CAAC;AAAE,CAAC,KAAK;EACtC,MAAM;IAAEC,GAAG;IAAEC;EAAM,CAAC,GAAGF,IAAI;EAC3B,IAAIC,GAAG,EAAE;IACP,IAAIA,GAAG,CAACE,UAAU,CAAC,MAAM,CAAC,EAAE;MAC1B,oBACEN,KAAA,CAAAO,aAAA;QAAGC,IAAI,EAAEJ,GAAI;QAACK,MAAM,EAAC,QAAQ;QAACC,GAAG,EAAC;MAAqB,GACpDL,KACA,CAAC;IAER;IACA,oBACEL,KAAA,CAAAO,aAAA,CAACN,IAAI;MAACU,EAAE,EAAEP,GAAI;MAACK,MAAM,EAAC;IAAQ,GAC3BJ,KACG,CAAC;EAEX;EAEA,OAAOA,KAAK;AACd,CAAC;AAEDH,YAAY,CAACU,SAAS,GAAG;EACvBT,IAAI,EAAEJ,SAAS,CAACc,MAAM,CAACC;AACzB,CAAC;AAED,eAAeZ,YAAY"}

package/lib-es/components/ListingTable/mappers/populate-rows.js

@@ -5,6 +5,8 @@ import React from 'react';
 import { Link } from 'react-router-dom';
 import TableActions from '../TableActions';
 import { ACTIONS } from '../../../constants';
+import InfoBoxValue from '../../InfoBoxes/presentational/InfoBoxValue';
+import InfoBoxLabel from '../../InfoBoxes/presentational/InfoBoxLabel';
 const formatRows = ({
   rows,
   url,
@@ -40,21 +42,17 @@ const buildArrayRowContent = rowData => /*#__PURE__*/React.createElement("div",
   if (!rowGroup.length) return null;
   return /*#__PURE__*/React.createElement("div", {
     className: "table-row-list__group"
-  }, rowGroup.map(({
-    label,
-    value,
-    url
-  }) => /*#__PURE__*/React.createElement("div", {
+  }, rowGroup.map(item => /*#__PURE__*/React.createElement("div", {
     className: "table-row-list__group__item"
   }, /*#__PURE__*/React.createElement("span", {
     className: "table-row-list__group__item__label"
-  }, " ", label, ":"), url && value ? /*#__PURE__*/React.createElement(Link, {
-    to: url,
-    role: "button",
+  }, /*#__PURE__*/React.createElement(InfoBoxLabel, {
+    item: item
+  })), /*#__PURE__*/React.createElement("span", {
     className: "table-row-list__group__item__value"
-  }, value) : value && /*#__PURE__*/React.createElement("span", {
-    className: "table-row-list__group__item__value"
-  }, " ", value))));
+  }, /*#__PURE__*/React.createElement(InfoBoxValue, {
+    item: item
+  })))));
 }));
 const buildArrayRowData = rowData => {
   const dataGroups = [];

package/lib-es/components/ListingTable/mappers/populate-rows.js.map

@@ -1 +1 @@
-{"version":3,"file":"populate-rows.js","names":["React","Link","TableActions","ACTIONS","formatRows","rows","url","toggleModal","label","firstColumn","isEnquiry","map","data","editUrl","id","rowProps","_objectSpread","createElement","to","role","actions","showDeleteModal","getSanitizedColumnLabel","columnProp","sanitizedChar","index","length","toUpperCase","toLowerCase","buildArrayRowContent","rowData","className","rowGroup","value","buildArrayRowData","dataGroups","groups","Math","ceil","currentStart","slice","getParsedRowData","Object","keys","reduce","acc","key","parsedData","Array","isArray","getColumnsAndLabels","listingProperties","allProperties","columns","labels","forEach","listingProperty","propKey","includes","split","push","parsedRowData","populateRows","entitySchema","schemaId","properties","dynamicProperties","formProperties","columnOptions","identification","sort","orderBy"],"sources":["../../../../src/components/ListingTable/mappers/populate-rows.js"],"sourcesContent":["import React from 'react';\nimport { Link } from 'react-router-dom';\nimport TableActions from '../TableActions';\nimport { ACTIONS } from '../../../constants';\n\nconst formatRows = ({ rows, url, toggleModal, label, firstColumn = 'name', isEnquiry }) =>\n  rows.map(data => {\n    const editUrl = `${url}/update/${data.id}`;\n    const rowProps = {\n      ...data,\n      [firstColumn]: (\n        <Link to={editUrl} role=\"button\">\n          {data[firstColumn]}\n        </Link>\n      )\n    };\n    if (!isEnquiry)\n      rowProps.actions = (\n        <TableActions editUrl={editUrl} data={data} showDeleteModal={toggleModal} />\n      );\n    return rowProps;\n  });\n\nconst getSanitizedColumnLabel = columnProp => {\n  let sanitizedChar = '';\n\n  for (let index = 0; index < columnProp.length; index += 1) {\n    if (index && columnProp[index] === columnProp[index].toUpperCase())\n      sanitizedChar = `${sanitizedChar} ${columnProp[index].toLowerCase()}`;\n    else sanitizedChar += columnProp[index];\n  }\n  return sanitizedChar;\n};\n\nconst buildArrayRowContent = rowData => (\n  <div className=\"table-row-list\">\n    {rowData.map(rowGroup => {\n      if (!rowGroup.length) return null;\n      return (\n        <div className=\"table-row-list__group\">\n          {rowGroup.map(({ label, value, url }) => (\n            <div className=\"table-row-list__group__item\">\n              <span className=\"table-row-list__group__item__label\"> {label}:</span>\n              {url && value ? (\n                <Link to={url} role=\"button\" className=\"table-row-list__group__item__value\">\n                  {value}\n                </Link>\n              ) : (\n                value && <span className=\"table-row-list__group__item__value\"> {value}</span>\n              )}\n            </div>\n          ))}\n        </div>\n      );\n    })}\n  </div>\n);\n\nconst buildArrayRowData = rowData => {\n  const dataGroups = [];\n  const groups = Math.ceil(rowData.length / 3) || 1;\n  for (let index = 0; index < groups; index += 1) {\n    const currentStart = index * groups;\n    dataGroups[index] = rowData.slice(currentStart, currentStart + 3);\n  }\n\n  return buildArrayRowContent(dataGroups);\n};\n\nconst getParsedRowData = rows =>\n  rows.map(rowData =>\n    Object.keys(rowData).reduce((acc, key) => {\n      const parsedData = Array.isArray(rowData[key])\n        ? buildArrayRowData(rowData[key])\n        : rowData[key];\n      return { ...acc, [key]: parsedData };\n    }, {})\n  );\n\nconst getColumnsAndLabels = (listingProperties, allProperties, rows) => {\n  const columns = [];\n  const labels = {};\n\n  listingProperties.forEach(listingProperty => {\n    const propKey = listingProperty.includes(' ') ? listingProperty.split(' ')[0] : listingProperty;\n    const { label } = allProperties[propKey] || {};\n    columns.push(propKey);\n    labels[propKey] = label || getSanitizedColumnLabel(propKey);\n  });\n  const parsedRowData = getParsedRowData(rows);\n\n  return { columns, labels, parsedRowData };\n};\n\nconst populateRows = ({ toggleModal, url, entitySchema, rows }) => {\n  const {\n    id: schemaId,\n    listingProperties,\n    properties,\n    dynamicProperties = {},\n    formProperties\n  } = entitySchema;\n\n  const isEnquiry = schemaId === 'enquiry';\n  const columnOptions = !isEnquiry ? [...listingProperties, ACTIONS] : [...listingProperties];\n\n  const allProperties = { ...properties, ...dynamicProperties };\n  const { columns, labels, parsedRowData } = getColumnsAndLabels(\n    columnOptions,\n    allProperties,\n    rows\n  );\n  const [firstColumn] = columns;\n\n  return {\n    identification: 'id',\n    sort: null,\n    columns,\n    labels,\n    orderBy: [...formProperties],\n    rows: formatRows({ firstColumn, rows: parsedRowData, url, toggleModal, isEnquiry }),\n    isEnquiry\n  };\n};\n\nexport { populateRows, formatRows, getParsedRowData };\n"],"mappings":"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"}
+{"version":3,"file":"populate-rows.js","names":["React","Link","TableActions","ACTIONS","InfoBoxValue","InfoBoxLabel","formatRows","rows","url","toggleModal","label","firstColumn","isEnquiry","map","data","editUrl","id","rowProps","_objectSpread","createElement","to","role","actions","showDeleteModal","getSanitizedColumnLabel","columnProp","sanitizedChar","index","length","toUpperCase","toLowerCase","buildArrayRowContent","rowData","className","rowGroup","item","buildArrayRowData","dataGroups","groups","Math","ceil","currentStart","slice","getParsedRowData","Object","keys","reduce","acc","key","parsedData","Array","isArray","getColumnsAndLabels","listingProperties","allProperties","columns","labels","forEach","listingProperty","propKey","includes","split","push","parsedRowData","populateRows","entitySchema","schemaId","properties","dynamicProperties","formProperties","columnOptions","identification","sort","orderBy"],"sources":["../../../../src/components/ListingTable/mappers/populate-rows.js"],"sourcesContent":["import React from 'react';\nimport { Link } from 'react-router-dom';\nimport TableActions from '../TableActions';\nimport { ACTIONS } from '../../../constants';\nimport InfoBoxValue from '../../InfoBoxes/presentational/InfoBoxValue';\nimport InfoBoxLabel from '../../InfoBoxes/presentational/InfoBoxLabel';\n\nconst formatRows = ({ rows, url, toggleModal, label, firstColumn = 'name', isEnquiry }) =>\n  rows.map(data => {\n    const editUrl = `${url}/update/${data.id}`;\n    const rowProps = {\n      ...data,\n      [firstColumn]: (\n        <Link to={editUrl} role=\"button\">\n          {data[firstColumn]}\n        </Link>\n      )\n    };\n    if (!isEnquiry)\n      rowProps.actions = (\n        <TableActions editUrl={editUrl} data={data} showDeleteModal={toggleModal} />\n      );\n    return rowProps;\n  });\n\nconst getSanitizedColumnLabel = columnProp => {\n  let sanitizedChar = '';\n\n  for (let index = 0; index < columnProp.length; index += 1) {\n    if (index && columnProp[index] === columnProp[index].toUpperCase())\n      sanitizedChar = `${sanitizedChar} ${columnProp[index].toLowerCase()}`;\n    else sanitizedChar += columnProp[index];\n  }\n  return sanitizedChar;\n};\n\nconst buildArrayRowContent = rowData => (\n  <div className=\"table-row-list\">\n    {rowData.map(rowGroup => {\n      if (!rowGroup.length) return null;\n      return (\n        <div className=\"table-row-list__group\">\n          {rowGroup.map(item => (\n            <div className=\"table-row-list__group__item\">\n              <span className=\"table-row-list__group__item__label\">\n                <InfoBoxLabel item={item} />\n              </span>\n              <span className=\"table-row-list__group__item__value\">\n                <InfoBoxValue item={item} />\n              </span>\n            </div>\n          ))}\n        </div>\n      );\n    })}\n  </div>\n);\n\nconst buildArrayRowData = rowData => {\n  const dataGroups = [];\n  const groups = Math.ceil(rowData.length / 3) || 1;\n  for (let index = 0; index < groups; index += 1) {\n    const currentStart = index * groups;\n    dataGroups[index] = rowData.slice(currentStart, currentStart + 3);\n  }\n\n  return buildArrayRowContent(dataGroups);\n};\n\nconst getParsedRowData = rows =>\n  rows.map(rowData =>\n    Object.keys(rowData).reduce((acc, key) => {\n      const parsedData = Array.isArray(rowData[key])\n        ? buildArrayRowData(rowData[key])\n        : rowData[key];\n      return { ...acc, [key]: parsedData };\n    }, {})\n  );\n\nconst getColumnsAndLabels = (listingProperties, allProperties, rows) => {\n  const columns = [];\n  const labels = {};\n\n  listingProperties.forEach(listingProperty => {\n    const propKey = listingProperty.includes(' ') ? listingProperty.split(' ')[0] : listingProperty;\n    const { label } = allProperties[propKey] || {};\n    columns.push(propKey);\n    labels[propKey] = label || getSanitizedColumnLabel(propKey);\n  });\n  const parsedRowData = getParsedRowData(rows);\n\n  return { columns, labels, parsedRowData };\n};\n\nconst populateRows = ({ toggleModal, url, entitySchema, rows }) => {\n  const {\n    id: schemaId,\n    listingProperties,\n    properties,\n    dynamicProperties = {},\n    formProperties\n  } = entitySchema;\n\n  const isEnquiry = schemaId === 'enquiry';\n  const columnOptions = !isEnquiry ? [...listingProperties, ACTIONS] : [...listingProperties];\n\n  const allProperties = { ...properties, ...dynamicProperties };\n  const { columns, labels, parsedRowData } = getColumnsAndLabels(\n    columnOptions,\n    allProperties,\n    rows\n  );\n  const [firstColumn] = columns;\n\n  return {\n    identification: 'id',\n    sort: null,\n    columns,\n    labels,\n    orderBy: [...formProperties],\n    rows: formatRows({ firstColumn, rows: parsedRowData, url, toggleModal, isEnquiry }),\n    isEnquiry\n  };\n};\n\nexport { populateRows, formatRows, getParsedRowData };\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/plugin-data-ui",
-  "version": "0.141.0",
+  "version": "0.141.1-alpha.0",
   "description": "Blaze plugin data ui",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -67,5 +67,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "2a61d1506ef11a21af4d65d1eaf065b9fbdb9e23"
+  "gitHead": "40fba7798d3b9c4d0426d23ef85288738ef00afa"
 }

package/src/components/EntityManager/Entity/Entity.js

@@ -423,7 +423,7 @@ const Entity = ({
     schema?.interfaces?.includes('page-builder/page-builder');
 
   return (
-    <RecordEditContextProvider value={{ externalUpdateTime }}>
+    <RecordEditContextProvider value={{ externalUpdateTime, updated: formData?.values?.updated }}>
       <div className="page">
         <EntityHeader
           entityData={entityData}

package/src/components/EntityManager/Entity/SideBarRelations/hooks/useCustomSidebarData.js

@@ -1,13 +1,17 @@
 import { useContext, useEffect } from 'react';
 import ProptTypes from 'prop-types';
 import { useQuery, gql } from '@apollo/client';
-import buildDynamicQuery from '../helpers/build-dynamic-query';
+import buildDynamicQuery from '../../../../InfoBoxes/helpers/build-dynamic-query';
 import { RecordEditContext } from '../../../utils/RecordEditContext';
 
 const useCustomSidebarData = ({ id, schema, displayProperties }) => {
-  const { externalUpdateTime } = useContext(RecordEditContext);
+  const { externalUpdateTime, updated } = useContext(RecordEditContext);
 
-  const query = buildDynamicQuery({ id, schema, displayProperties });
+  const query =
+    displayProperties.adminMainInfoProperty &&
+    Array.isArray(displayProperties.adminMainInfoProperty)
+      ? buildDynamicQuery({ id, schema, properties: displayProperties.adminMainInfoProperty })
+      : null;
 
   const customSidebarInfoQuery =
     query ||
@@ -26,7 +30,7 @@ const useCustomSidebarData = ({ id, schema, displayProperties }) => {
     () => {
       refetch();
     },
-    [externalUpdateTime, refetch]
+    [externalUpdateTime, updated, refetch]
   );
 
   return { data: data.__typename !== 'Query' ? data : null, loading, error };

package/src/components/EntityManager/Entity/SideBarRelations/index.js

@@ -82,17 +82,19 @@ const SideBarRelations = ({ schema, onChange, formData, entity }) => {
               )}
             </div>
           )}
-
-          {!schema.displayProperties.adminMainInfoProperty && (
-            <>
-              <p>
-                Created: <span>{formattedCreated}</span>
-              </p>
-              <p>
-                Updated: <span>{formattedUpdated}</span>
-              </p>
-            </>
-          )}
+          {!schema.displayProperties.disableDefaultAdminInfo &&
+            formattedCreated && (
+              <>
+                <>
+                  <p>
+                    Created: <span>{formattedCreated}</span>
+                  </p>
+                  <p>
+                    Updated: <span>{formattedUpdated}</span>
+                  </p>
+                </>
+              </>
+            )}
 
           <CustomSidebarInfoContainer
             id={itemId}

package/src/components/EntityManager/Entity/SideBarRelations/presentational/CustomSidebarInfo.js

@@ -1,5 +1,7 @@
 import PropTypes from 'prop-types';
 import React from 'react';
+import InfoBoxValue from '../../../../InfoBoxes/presentational/InfoBoxValue';
+import InfoBoxLabel from '../../../../InfoBoxes/presentational/InfoBoxLabel';
 
 const CustomSidebarInfo = ({ items, customSidebarInfoKey }) => {
   if (!items) return null;
@@ -11,7 +13,10 @@ const CustomSidebarInfo = ({ items, customSidebarInfoKey }) => {
 
         return (
           <p>
-            {info.label}: <span>{info.value}</span>
+            <InfoBoxLabel item={info} />
+            <span>
+              <InfoBoxValue item={info} />
+            </span>
           </p>
         );
       })

package/src/components/InfoBoxes/helpers/build-dynamic-query.js

@@ -1,26 +1,30 @@
 import { gql } from '@apollo/client';
 import { BlazeError } from '@blaze-cms/core-errors';
 
-export default function buildDynamicQuery({ id, schema, infoBox }) {
+export default function buildDynamicQuery({ id, schema, properties }) {
+  if (!id) return null;
+
   if (!schema || !schema.actions || !schema.actions.get || !schema.properties) {
     throw new BlazeError(
       'DataEntity query requires get action, properties and fields from entity schema'
     );
   }
 
-  const fields = `${infoBox.property} {
+  const fields = properties.map(
+    infoProperty =>
+      `${infoProperty} {
       label
       value
       showLabel
-    }`;
+      url
+    }`
+  );
 
-  return {
-    query: gql`query getInfoBoxData($id: String!){
+  return gql`query getInfoBoxData($id: String!){
     ${schema.actions.get}( id: $id ) {
       id
-     ${fields}
+      ${fields.map(field => field)}
      __typename
     }
-  }`
-  };
+  }`;
 }

package/src/components/InfoBoxes/hooks/useInfoBox.js

@@ -1,10 +1,10 @@
 import buildDynamicQuery from '../helpers/build-dynamic-query';
 
 function useInfoBox({ id, schema, infoBox }) {
-  const { query } = buildDynamicQuery({
+  const query = buildDynamicQuery({
     id,
     schema,
-    infoBox
+    properties: [infoBox.property]
   });
 
   return { query: query || null };

package/src/components/InfoBoxes/presentational/InfoBox.js

@@ -1,5 +1,7 @@
 import PropTypes from 'prop-types';
 import React from 'react';
+import InfoBoxValue from './InfoBoxValue';
+import InfoBoxLabel from './InfoBoxLabel';
 
 const InfoBox = ({ items, infoBoxKey }) => {
   if (!items) return null;
@@ -8,11 +10,15 @@ const InfoBox = ({ items, infoBoxKey }) => {
     Object.values(item)
       .map(info => {
         if (!info.label || !info.value) return null;
-        const label = info.showLabel === false ? '' : `${info.label}: `;
+
         return (
           <div className="info-box--item" key={`${infoBoxKey}-${info.label.toLowerCase()}`}>
-            <div className="info-box--label">{label}</div>
-            <div className="info-box--value">{info.value}</div>
+            <div className="info-box--label">
+              <InfoBoxLabel item={info} />
+            </div>
+            <div className="info-box--value">
+              <InfoBoxValue item={info} />
+            </div>
           </div>
         );
       })

package/src/components/InfoBoxes/presentational/InfoBoxLabel.js

@@ -0,0 +1,6 @@
+const InfoBoxLabel = ({ item, suffix = ' ' }) => {
+  const { label, showLabel = true } = item;
+  return showLabel ? `${label}:${suffix}` : null;
+};
+
+export default InfoBoxLabel;

package/src/components/InfoBoxes/presentational/InfoBoxValue.js

@@ -0,0 +1,29 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import { Link } from 'react-router-dom';
+
+const InfoBoxValue = ({ item = {} }) => {
+  const { url, value } = item;
+  if (url) {
+    if (url.startsWith('http')) {
+      return (
+        <a href={url} target="_blank" rel="noopener noreferrer">
+          {value}
+        </a>
+      );
+    }
+    return (
+      <Link to={url} target="_blank">
+        {value}
+      </Link>
+    );
+  }
+
+  return value;
+};
+
+InfoBoxValue.propTypes = {
+  item: PropTypes.object.isRequired
+};
+
+export default InfoBoxValue;

package/src/components/ListingTable/mappers/populate-rows.js

@@ -2,6 +2,8 @@ import React from 'react';
 import { Link } from 'react-router-dom';
 import TableActions from '../TableActions';
 import { ACTIONS } from '../../../constants';
+import InfoBoxValue from '../../InfoBoxes/presentational/InfoBoxValue';
+import InfoBoxLabel from '../../InfoBoxes/presentational/InfoBoxLabel';
 
 const formatRows = ({ rows, url, toggleModal, label, firstColumn = 'name', isEnquiry }) =>
   rows.map(data => {
@@ -38,16 +40,14 @@ const buildArrayRowContent = rowData => (
       if (!rowGroup.length) return null;
       return (
         <div className="table-row-list__group">
-          {rowGroup.map(({ label, value, url }) => (
+          {rowGroup.map(item => (
             <div className="table-row-list__group__item">
-              <span className="table-row-list__group__item__label"> {label}:</span>
-              {url && value ? (
-                <Link to={url} role="button" className="table-row-list__group__item__value">
-                  {value}
-                </Link>
-              ) : (
-                value && <span className="table-row-list__group__item__value"> {value}</span>
-              )}
+              <span className="table-row-list__group__item__label">
+                <InfoBoxLabel item={item} />
+              </span>
+              <span className="table-row-list__group__item__value">
+                <InfoBoxValue item={item} />
+              </span>
             </div>
           ))}
         </div>