@blaze-cms/plugin-data-ui 0.146.0-tooltips.8 → 0.146.0-tooltips.9

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.146.0-tooltips.9](https://github.com/thebyte9/blaze/compare/v0.146.0-tooltips.8...v0.146.0-tooltips.9) (2025-04-07)
+
+
+### Features
+
+* update info box properties to support tooltips ([#4701](https://github.com/thebyte9/blaze/issues/4701)) ([08ed041](https://github.com/thebyte9/blaze/commit/08ed041c9432f02e82e4846974cda65ae6c15a26))
+
+
+
+
+
 # [0.146.0-tooltips.8](https://github.com/thebyte9/blaze/compare/v0.146.0-tooltips.7...v0.146.0-tooltips.8) (2025-03-27)
 
 **Note:** Version bump only for package @blaze-cms/plugin-data-ui

package/lib/components/EntityManager/Entity/SideBarRelations/helpers/build-dynamic-query.js

@@ -21,7 +21,7 @@ function buildDynamicQuery(_ref) {
   }
   if (displayProperties.adminMainInfoProperty && Array.isArray(displayProperties.adminMainInfoProperty)) {
     var fields = displayProperties.adminMainInfoProperty.map(function (infoProperty) {
-      return "".concat(infoProperty, " {\n        label\n        value\n        showLabel\n      }");
+      return "".concat(infoProperty, " {\n        label\n        value\n        showLabel\n        tooltipIcon\n        tooltipContent\n      }");
     });
     return (0, _client.gql)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["query getInfoBoxData($id: String!){\n      ", "( id: $id ) {\n        id\n       ", "\n       __typename\n      }\n    }"])), schema.actions.get, fields.map(function (field) {
       return field;

package/lib/components/EntityManager/Entity/SideBarRelations/helpers/build-dynamic-query.js.map

@@ -1 +1 @@
-{"version":3,"file":"build-dynamic-query.js","names":["_client","require","_coreErrors","_templateObject","buildDynamicQuery","_ref","id","schema","displayProperties","actions","get","properties","BlazeError","adminMainInfoProperty","Array","isArray","fields","map","infoProperty","concat","gql","_taggedTemplateLiteral2","field"],"sources":["../../../../../../src/components/EntityManager/Entity/SideBarRelations/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, displayProperties }) {\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  if (\n    displayProperties.adminMainInfoProperty &&\n    Array.isArray(displayProperties.adminMainInfoProperty)\n  ) {\n    const fields = displayProperties.adminMainInfoProperty.map(\n      infoProperty =>\n        `${infoProperty} {\n        label\n        value\n        showLabel\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\n  return null;\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAAoD,IAAAE,eAAA;AAErC,SAASC,iBAAiBA,CAAAC,IAAA,EAAoC;EAAA,IAAjCC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,iBAAiB,GAAAH,IAAA,CAAjBG,iBAAiB;EACvE,IAAI,CAACD,MAAM,IAAI,CAACA,MAAM,CAACE,OAAO,IAAI,CAACF,MAAM,CAACE,OAAO,CAACC,GAAG,IAAI,CAACH,MAAM,CAACI,UAAU,EAAE;IAC3E,MAAM,IAAIC,sBAAU,CAClB,gFACF,CAAC;EACH;EAEA,IACEJ,iBAAiB,CAACK,qBAAqB,IACvCC,KAAK,CAACC,OAAO,CAACP,iBAAiB,CAACK,qBAAqB,CAAC,EACtD;IACA,IAAMG,MAAM,GAAGR,iBAAiB,CAACK,qBAAqB,CAACI,GAAG,CACxD,UAAAC,YAAY;MAAA,UAAAC,MAAA,CACPD,YAAY;IAAA,CAKnB,CAAC;IAED,WAAOE,WAAG,EAAAjB,eAAA,KAAAA,eAAA,OAAAkB,uBAAA,6IACNd,MAAM,CAACE,OAAO,CAACC,GAAG,EAEjBM,MAAM,CAACC,GAAG,CAAC,UAAAK,KAAK;MAAA,OAAIA,KAAK;IAAA,EAAC;EAIjC;EAEA,OAAO,IAAI;AACb"}
+{"version":3,"file":"build-dynamic-query.js","names":["_client","require","_coreErrors","_templateObject","buildDynamicQuery","_ref","id","schema","displayProperties","actions","get","properties","BlazeError","adminMainInfoProperty","Array","isArray","fields","map","infoProperty","concat","gql","_taggedTemplateLiteral2","field"],"sources":["../../../../../../src/components/EntityManager/Entity/SideBarRelations/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, displayProperties }) {\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  if (\n    displayProperties.adminMainInfoProperty &&\n    Array.isArray(displayProperties.adminMainInfoProperty)\n  ) {\n    const fields = displayProperties.adminMainInfoProperty.map(\n      infoProperty =>\n        `${infoProperty} {\n        label\n        value\n        showLabel\n        tooltipIcon\n        tooltipContent\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\n  return null;\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAAoD,IAAAE,eAAA;AAErC,SAASC,iBAAiBA,CAAAC,IAAA,EAAoC;EAAA,IAAjCC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,iBAAiB,GAAAH,IAAA,CAAjBG,iBAAiB;EACvE,IAAI,CAACD,MAAM,IAAI,CAACA,MAAM,CAACE,OAAO,IAAI,CAACF,MAAM,CAACE,OAAO,CAACC,GAAG,IAAI,CAACH,MAAM,CAACI,UAAU,EAAE;IAC3E,MAAM,IAAIC,sBAAU,CAClB,gFACF,CAAC;EACH;EAEA,IACEJ,iBAAiB,CAACK,qBAAqB,IACvCC,KAAK,CAACC,OAAO,CAACP,iBAAiB,CAACK,qBAAqB,CAAC,EACtD;IACA,IAAMG,MAAM,GAAGR,iBAAiB,CAACK,qBAAqB,CAACI,GAAG,CACxD,UAAAC,YAAY;MAAA,UAAAC,MAAA,CACPD,YAAY;IAAA,CAOnB,CAAC;IAED,WAAOE,WAAG,EAAAjB,eAAA,KAAAA,eAAA,OAAAkB,uBAAA,6IACNd,MAAM,CAACE,OAAO,CAACC,GAAG,EAEjBM,MAAM,CAACC,GAAG,CAAC,UAAAK,KAAK;MAAA,OAAIA,KAAK;IAAA,EAAC;EAIjC;EAEA,OAAO,IAAI;AACb"}

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

@@ -10,10 +10,12 @@ require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.object.values.js");
+require("core-js/modules/es.array.concat.js");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _InfoBoxValue = _interopRequireDefault(require("../../../../InfoBoxes/presentational/InfoBoxValue"));
 var _InfoBoxLabel = _interopRequireDefault(require("../../../../InfoBoxes/presentational/InfoBoxLabel"));
+var _InfoBoxTooltip = _interopRequireDefault(require("../../../../InfoBoxes/InfoBoxTooltip"));
 var CustomSidebarInfo = function CustomSidebarInfo(_ref) {
   var items = _ref.items,
     customSidebarInfoKey = _ref.customSidebarInfoKey;
@@ -21,10 +23,15 @@ var CustomSidebarInfo = function CustomSidebarInfo(_ref) {
   var customSidebarInfoItems = items.map(function (item) {
     return Object.values(item).map(function (info) {
       if (!info.label || !info.value) return null;
-      return /*#__PURE__*/_react["default"].createElement("p", null, /*#__PURE__*/_react["default"].createElement(_InfoBoxLabel["default"], {
+      return /*#__PURE__*/_react["default"].createElement("p", {
+        key: "".concat(customSidebarInfoKey, "-").concat(info.label.toLowerCase())
+      }, /*#__PURE__*/_react["default"].createElement(_InfoBoxLabel["default"], {
         item: info
       }), /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_InfoBoxValue["default"], {
         item: info
+      }), /*#__PURE__*/_react["default"].createElement(_InfoBoxTooltip["default"], {
+        info: info,
+        position: "left"
       })));
     }).filter(Boolean);
   });
@@ -35,9 +42,9 @@ var CustomSidebarInfo = function CustomSidebarInfo(_ref) {
     className: "custom-sidebar-info--container"
   }, customSidebarInfoItems));
 };
-var _default = exports["default"] = CustomSidebarInfo;
 CustomSidebarInfo.propTypes = {
   customSidebarInfoKey: _propTypes["default"].string.isRequired,
   items: _propTypes["default"].array.isRequired
 };
+var _default = exports["default"] = CustomSidebarInfo;
 //# sourceMappingURL=CustomSidebarInfo.js.map

package/lib/components/EntityManager/Entity/SideBarRelations/presentational/CustomSidebarInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomSidebarInfo.js","names":["_propTypes","_interopRequireDefault","require","_react","_InfoBoxValue","_InfoBoxLabel","CustomSidebarInfo","_ref","items","customSidebarInfoKey","customSidebarInfoItems","map","item","Object","values","info","label","value","createElement","filter","Boolean","className","key","_default","exports","propTypes","PropTypes","string","isRequired","array"],"sources":["../../../../../../src/components/EntityManager/Entity/SideBarRelations/presentational/CustomSidebarInfo.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport InfoBoxValue from '../../../../InfoBoxes/presentational/InfoBoxValue';\nimport InfoBoxLabel from '../../../../InfoBoxes/presentational/InfoBoxLabel';\n\nconst CustomSidebarInfo = ({ items, customSidebarInfoKey }) => {\n  if (!items) return null;\n\n  const customSidebarInfoItems = items.map(item =>\n    Object.values(item)\n      .map(info => {\n        if (!info.label || !info.value) return null;\n\n        return (\n          <p>\n            <InfoBoxLabel item={info} />\n            <span>\n              <InfoBoxValue item={info} />\n            </span>\n          </p>\n        );\n      })\n      .filter(Boolean)\n  );\n\n  return (\n    <div className=\"custom-sidebar-info\" key={customSidebarInfoKey}>\n      <div className=\"custom-sidebar-info--container\">{customSidebarInfoItems}</div>\n    </div>\n  );\n};\n\nexport default CustomSidebarInfo;\n\nCustomSidebarInfo.propTypes = {\n  customSidebarInfoKey: PropTypes.string.isRequired,\n  items: PropTypes.array.isRequired\n};\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAMI,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAAwC;EAAA,IAAlCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,oBAAoB,GAAAF,IAAA,CAApBE,oBAAoB;EACtD,IAAI,CAACD,KAAK,EAAE,OAAO,IAAI;EAEvB,IAAME,sBAAsB,GAAGF,KAAK,CAACG,GAAG,CAAC,UAAAC,IAAI;IAAA,OAC3CC,MAAM,CAACC,MAAM,CAACF,IAAI,CAAC,CAChBD,GAAG,CAAC,UAAAI,IAAI,EAAI;MACX,IAAI,CAACA,IAAI,CAACC,KAAK,IAAI,CAACD,IAAI,CAACE,KAAK,EAAE,OAAO,IAAI;MAE3C,oBACEd,MAAA,YAAAe,aAAA,yBACEf,MAAA,YAAAe,aAAA,CAACb,aAAA,WAAY;QAACO,IAAI,EAAEG;MAAK,CAAE,CAAC,eAC5BZ,MAAA,YAAAe,aAAA,4BACEf,MAAA,YAAAe,aAAA,CAACd,aAAA,WAAY;QAACQ,IAAI,EAAEG;MAAK,CAAE,CACvB,CACL,CAAC;IAER,CAAC,CAAC,CACDI,MAAM,CAACC,OAAO,CAAC;EAAA,CACpB,CAAC;EAED,oBACEjB,MAAA,YAAAe,aAAA;IAAKG,SAAS,EAAC,qBAAqB;IAACC,GAAG,EAAEb;EAAqB,gBAC7DN,MAAA,YAAAe,aAAA;IAAKG,SAAS,EAAC;EAAgC,GAAEX,sBAA4B,CAC1E,CAAC;AAEV,CAAC;AAAC,IAAAa,QAAA,GAAAC,OAAA,cAEalB,iBAAiB;AAEhCA,iBAAiB,CAACmB,SAAS,GAAG;EAC5BhB,oBAAoB,EAAEiB,qBAAS,CAACC,MAAM,CAACC,UAAU;EACjDpB,KAAK,EAAEkB,qBAAS,CAACG,KAAK,CAACD;AACzB,CAAC"}
+{"version":3,"file":"CustomSidebarInfo.js","names":["_propTypes","_interopRequireDefault","require","_react","_InfoBoxValue","_InfoBoxLabel","_InfoBoxTooltip","CustomSidebarInfo","_ref","items","customSidebarInfoKey","customSidebarInfoItems","map","item","Object","values","info","label","value","createElement","key","concat","toLowerCase","position","filter","Boolean","className","propTypes","PropTypes","string","isRequired","array","_default","exports"],"sources":["../../../../../../src/components/EntityManager/Entity/SideBarRelations/presentational/CustomSidebarInfo.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport InfoBoxValue from '../../../../InfoBoxes/presentational/InfoBoxValue';\nimport InfoBoxLabel from '../../../../InfoBoxes/presentational/InfoBoxLabel';\nimport InfoBoxTooltip from '../../../../InfoBoxes/InfoBoxTooltip';\n\nconst CustomSidebarInfo = ({ items, customSidebarInfoKey }) => {\n  if (!items) return null;\n\n  const customSidebarInfoItems = items.map(item =>\n    Object.values(item)\n      .map(info => {\n        if (!info.label || !info.value) return null;\n\n        return (\n          <p key={`${customSidebarInfoKey}-${info.label.toLowerCase()}`}>\n            <InfoBoxLabel item={info} />\n            <span>\n              <InfoBoxValue item={info} />\n              <InfoBoxTooltip info={info} position=\"left\" />\n            </span>\n          </p>\n        );\n      })\n      .filter(Boolean)\n  );\n\n  return (\n    <div className=\"custom-sidebar-info\" key={customSidebarInfoKey}>\n      <div className=\"custom-sidebar-info--container\">{customSidebarInfoItems}</div>\n    </div>\n  );\n};\n\nCustomSidebarInfo.propTypes = {\n  customSidebarInfoKey: PropTypes.string.isRequired,\n  items: PropTypes.array.isRequired\n};\n\nexport default CustomSidebarInfo;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAMK,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAAwC;EAAA,IAAlCC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,oBAAoB,GAAAF,IAAA,CAApBE,oBAAoB;EACtD,IAAI,CAACD,KAAK,EAAE,OAAO,IAAI;EAEvB,IAAME,sBAAsB,GAAGF,KAAK,CAACG,GAAG,CAAC,UAAAC,IAAI;IAAA,OAC3CC,MAAM,CAACC,MAAM,CAACF,IAAI,CAAC,CAChBD,GAAG,CAAC,UAAAI,IAAI,EAAI;MACX,IAAI,CAACA,IAAI,CAACC,KAAK,IAAI,CAACD,IAAI,CAACE,KAAK,EAAE,OAAO,IAAI;MAE3C,oBACEf,MAAA,YAAAgB,aAAA;QAAGC,GAAG,KAAAC,MAAA,CAAKX,oBAAoB,OAAAW,MAAA,CAAIL,IAAI,CAACC,KAAK,CAACK,WAAW,CAAC,CAAC;MAAG,gBAC5DnB,MAAA,YAAAgB,aAAA,CAACd,aAAA,WAAY;QAACQ,IAAI,EAAEG;MAAK,CAAE,CAAC,eAC5Bb,MAAA,YAAAgB,aAAA,4BACEhB,MAAA,YAAAgB,aAAA,CAACf,aAAA,WAAY;QAACS,IAAI,EAAEG;MAAK,CAAE,CAAC,eAC5Bb,MAAA,YAAAgB,aAAA,CAACb,eAAA,WAAc;QAACU,IAAI,EAAEA,IAAK;QAACO,QAAQ,EAAC;MAAM,CAAE,CACzC,CACL,CAAC;IAER,CAAC,CAAC,CACDC,MAAM,CAACC,OAAO,CAAC;EAAA,CACpB,CAAC;EAED,oBACEtB,MAAA,YAAAgB,aAAA;IAAKO,SAAS,EAAC,qBAAqB;IAACN,GAAG,EAAEV;EAAqB,gBAC7DP,MAAA,YAAAgB,aAAA;IAAKO,SAAS,EAAC;EAAgC,GAAEf,sBAA4B,CAC1E,CAAC;AAEV,CAAC;AAEDJ,iBAAiB,CAACoB,SAAS,GAAG;EAC5BjB,oBAAoB,EAAEkB,qBAAS,CAACC,MAAM,CAACC,UAAU;EACjDrB,KAAK,EAAEmB,qBAAS,CAACG,KAAK,CAACD;AACzB,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,cAEa1B,iBAAiB"}

package/lib/components/InfoBoxes/InfoBoxTooltip.js

@@ -0,0 +1,40 @@
+"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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _tooltip = _interopRequireDefault(require("@blaze-react/tooltip"));
+var _excluded = ["info"];
+var InfoBoxTooltip = function InfoBoxTooltip(_ref) {
+  var info = _ref.info,
+    tooltipProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var tooltipContent = info.tooltipContent,
+    tooltipIcon = info.tooltipIcon;
+  if (!tooltipContent) return null;
+  var renderTooltipIcon = function renderTooltipIcon(icon) {
+    if (!icon) return null;
+    return /*#__PURE__*/_react["default"].createElement("i", {
+      className: "".concat(icon, " info-box--icon")
+    });
+  };
+  return /*#__PURE__*/_react["default"].createElement(_tooltip["default"], (0, _extends2["default"])({
+    tooltipContent: tooltipContent,
+    trigger: "click",
+    className: "info-box--tooltip"
+  }, tooltipProps), renderTooltipIcon(tooltipIcon));
+};
+InfoBoxTooltip.propTypes = {
+  info: _propTypes["default"].shape({
+    tooltipContent: _propTypes["default"].node,
+    tooltipIcon: _propTypes["default"].string
+  }).isRequired
+};
+var _default = exports["default"] = InfoBoxTooltip;
+//# sourceMappingURL=InfoBoxTooltip.js.map

package/lib/components/InfoBoxes/InfoBoxTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBoxTooltip.js","names":["_react","_interopRequireDefault","require","_propTypes","_tooltip","_excluded","InfoBoxTooltip","_ref","info","tooltipProps","_objectWithoutProperties2","tooltipContent","tooltipIcon","renderTooltipIcon","icon","createElement","className","concat","_extends2","trigger","propTypes","PropTypes","shape","node","string","isRequired","_default","exports"],"sources":["../../../src/components/InfoBoxes/InfoBoxTooltip.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Tooltip from '@blaze-react/tooltip';\n\nconst InfoBoxTooltip = ({ info, ...tooltipProps }) => {\n  const { tooltipContent, tooltipIcon } = info;\n  if (!tooltipContent) return null;\n\n  const renderTooltipIcon = icon => {\n    if (!icon) return null;\n    return <i className={`${icon} info-box--icon`} />;\n  };\n\n  return (\n    <Tooltip\n      tooltipContent={tooltipContent}\n      trigger=\"click\"\n      className=\"info-box--tooltip\"\n      {...tooltipProps}>\n      {renderTooltipIcon(tooltipIcon)}\n    </Tooltip>\n  );\n};\n\nInfoBoxTooltip.propTypes = {\n  info: PropTypes.shape({\n    tooltipContent: PropTypes.node,\n    tooltipIcon: PropTypes.string\n  }).isRequired\n};\n\nexport default InfoBoxTooltip;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AAA2C,IAAAG,SAAA;AAE3C,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAAkC;EAAA,IAA5BC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAKC,YAAY,OAAAC,yBAAA,aAAAH,IAAA,EAAAF,SAAA;EAC7C,IAAQM,cAAc,GAAkBH,IAAI,CAApCG,cAAc;IAAEC,WAAW,GAAKJ,IAAI,CAApBI,WAAW;EACnC,IAAI,CAACD,cAAc,EAAE,OAAO,IAAI;EAEhC,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAGC,IAAI,EAAI;IAChC,IAAI,CAACA,IAAI,EAAE,OAAO,IAAI;IACtB,oBAAOd,MAAA,YAAAe,aAAA;MAAGC,SAAS,KAAAC,MAAA,CAAKH,IAAI;IAAkB,CAAE,CAAC;EACnD,CAAC;EAED,oBACEd,MAAA,YAAAe,aAAA,CAACX,QAAA,WAAO,MAAAc,SAAA;IACNP,cAAc,EAAEA,cAAe;IAC/BQ,OAAO,EAAC,OAAO;IACfH,SAAS,EAAC;EAAmB,GACzBP,YAAY,GACfI,iBAAiB,CAACD,WAAW,CACvB,CAAC;AAEd,CAAC;AAEDN,cAAc,CAACc,SAAS,GAAG;EACzBZ,IAAI,EAAEa,qBAAS,CAACC,KAAK,CAAC;IACpBX,cAAc,EAAEU,qBAAS,CAACE,IAAI;IAC9BX,WAAW,EAAES,qBAAS,CAACG;EACzB,CAAC,CAAC,CAACC;AACL,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEarB,cAAc"}

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

@@ -20,7 +20,7 @@ function buildDynamicQuery(_ref) {
     throw new _coreErrors.BlazeError('DataEntity query requires get action, properties and fields from entity schema');
   }
   var fields = properties.map(function (infoProperty) {
-    return "".concat(infoProperty, " {\n      label\n      value\n      showLabel\n      url\n    }");
+    return "".concat(infoProperty, " {\n      label\n      value\n      showLabel\n      url\n      tooltipIcon\n      tooltipContent\n    }");
   });
   return (0, _client.gql)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["query getInfoBoxData($id: String!){\n    ", "( id: $id ) {\n      id\n      ", "\n     __typename\n    }\n  }"])), schema.actions.get, fields.map(function (field) {
     return field;

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

@@ -1 +1 @@
-{"version":3,"file":"build-dynamic-query.js","names":["_client","require","_coreErrors","_templateObject","buildDynamicQuery","_ref","id","schema","properties","actions","get","BlazeError","fields","map","infoProperty","concat","gql","_taggedTemplateLiteral2","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,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAAoD,IAAAE,eAAA;AAErC,SAASC,iBAAiBA,CAAAC,IAAA,EAA6B;EAAA,IAA1BC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,UAAU,GAAAH,IAAA,CAAVG,UAAU;EAChE,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,IAAIG,sBAAU,CAClB,gFACF,CAAC;EACH;EAEA,IAAMC,MAAM,GAAGJ,UAAU,CAACK,GAAG,CAC3B,UAAAC,YAAY;IAAA,UAAAC,MAAA,CACPD,YAAY;EAAA,CAMnB,CAAC;EAED,WAAOE,WAAG,EAAAb,eAAA,KAAAA,eAAA,OAAAc,uBAAA,kIACNV,MAAM,CAACE,OAAO,CAACC,GAAG,EAEhBE,MAAM,CAACC,GAAG,CAAC,UAAAK,KAAK;IAAA,OAAIA,KAAK;EAAA,EAAC;AAIlC"}
+{"version":3,"file":"build-dynamic-query.js","names":["_client","require","_coreErrors","_templateObject","buildDynamicQuery","_ref","id","schema","properties","actions","get","BlazeError","fields","map","infoProperty","concat","gql","_taggedTemplateLiteral2","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      tooltipIcon\n      tooltipContent\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,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAAoD,IAAAE,eAAA;AAErC,SAASC,iBAAiBA,CAAAC,IAAA,EAA6B;EAAA,IAA1BC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,UAAU,GAAAH,IAAA,CAAVG,UAAU;EAChE,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,IAAIG,sBAAU,CAClB,gFACF,CAAC;EACH;EAEA,IAAMC,MAAM,GAAGJ,UAAU,CAACK,GAAG,CAC3B,UAAAC,YAAY;IAAA,UAAAC,MAAA,CACPD,YAAY;EAAA,CAQnB,CAAC;EAED,WAAOE,WAAG,EAAAb,eAAA,KAAAA,eAAA,OAAAc,uBAAA,kIACNV,MAAM,CAACE,OAAO,CAACC,GAAG,EAEhBE,MAAM,CAACC,GAAG,CAAC,UAAAK,KAAK;IAAA,OAAIA,KAAK;EAAA,EAAC;AAIlC"}

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

@@ -15,6 +15,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 var _InfoBoxValue = _interopRequireDefault(require("./InfoBoxValue"));
 var _InfoBoxLabel = _interopRequireDefault(require("./InfoBoxLabel"));
+var _InfoBoxTooltip = _interopRequireDefault(require("../InfoBoxTooltip"));
 var InfoBox = function InfoBox(_ref) {
   var items = _ref.items,
     infoBoxKey = _ref.infoBoxKey;
@@ -33,6 +34,8 @@ var InfoBox = function InfoBox(_ref) {
         className: "info-box--value"
       }, /*#__PURE__*/_react["default"].createElement(_InfoBoxValue["default"], {
         item: info
+      }), /*#__PURE__*/_react["default"].createElement(_InfoBoxTooltip["default"], {
+        info: info
       })));
     }).filter(Boolean);
   });
@@ -43,9 +46,9 @@ var InfoBox = function InfoBox(_ref) {
     className: "info-box--container"
   }, infoBoxItems));
 };
-var _default = exports["default"] = InfoBox;
 InfoBox.propTypes = {
   infoBoxKey: _propTypes["default"].string.isRequired,
   items: _propTypes["default"].array.isRequired
 };
+var _default = exports["default"] = InfoBox;
 //# sourceMappingURL=InfoBox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InfoBox.js","names":["_propTypes","_interopRequireDefault","require","_react","_InfoBoxValue","_InfoBoxLabel","InfoBox","_ref","items","infoBoxKey","infoBoxItems","map","item","Object","values","info","label","value","createElement","className","key","concat","toLowerCase","filter","Boolean","_default","exports","propTypes","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,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAMI,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAA8B;EAAA,IAAxBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;EAClC,IAAI,CAACD,KAAK,EAAE,OAAO,IAAI;EAEvB,IAAME,YAAY,GAAGF,KAAK,CAACG,GAAG,CAAC,UAAAC,IAAI;IAAA,OACjCC,MAAM,CAACC,MAAM,CAACF,IAAI,CAAC,CAChBD,GAAG,CAAC,UAAAI,IAAI,EAAI;MACX,IAAI,CAACA,IAAI,CAACC,KAAK,IAAI,CAACD,IAAI,CAACE,KAAK,EAAE,OAAO,IAAI;MAE3C,oBACEd,MAAA,YAAAe,aAAA;QAAKC,SAAS,EAAC,gBAAgB;QAACC,GAAG,KAAAC,MAAA,CAAKZ,UAAU,OAAAY,MAAA,CAAIN,IAAI,CAACC,KAAK,CAACM,WAAW,CAAC,CAAC;MAAG,gBAC/EnB,MAAA,YAAAe,aAAA;QAAKC,SAAS,EAAC;MAAiB,gBAC9BhB,MAAA,YAAAe,aAAA,CAACb,aAAA,WAAY;QAACO,IAAI,EAAEG;MAAK,CAAE,CACxB,CAAC,eACNZ,MAAA,YAAAe,aAAA;QAAKC,SAAS,EAAC;MAAiB,gBAC9BhB,MAAA,YAAAe,aAAA,CAACd,aAAA,WAAY;QAACQ,IAAI,EAAEG;MAAK,CAAE,CACxB,CACF,CAAC;IAEV,CAAC,CAAC,CACDQ,MAAM,CAACC,OAAO,CAAC;EAAA,CACpB,CAAC;EAED,oBACErB,MAAA,YAAAe,aAAA;IAAKC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAEX;EAAW,gBACxCN,MAAA,YAAAe,aAAA;IAAKC,SAAS,EAAC;EAAqB,GAAET,YAAkB,CACrD,CAAC;AAEV,CAAC;AAAC,IAAAe,QAAA,GAAAC,OAAA,cAEapB,OAAO;AAEtBA,OAAO,CAACqB,SAAS,GAAG;EAClBlB,UAAU,EAAEmB,qBAAS,CAACC,MAAM,CAACC,UAAU;EACvCtB,KAAK,EAAEoB,qBAAS,CAACG,KAAK,CAACD;AACzB,CAAC"}
+{"version":3,"file":"InfoBox.js","names":["_propTypes","_interopRequireDefault","require","_react","_InfoBoxValue","_InfoBoxLabel","_InfoBoxTooltip","InfoBox","_ref","items","infoBoxKey","infoBoxItems","map","item","Object","values","info","label","value","createElement","className","key","concat","toLowerCase","filter","Boolean","propTypes","PropTypes","string","isRequired","array","_default","exports"],"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';\nimport InfoBoxTooltip from '../InfoBoxTooltip';\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              <InfoBoxTooltip info={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\nInfoBox.propTypes = {\n  infoBoxKey: PropTypes.string.isRequired,\n  items: PropTypes.array.isRequired\n};\n\nexport default InfoBox;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,aAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAMK,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAA8B;EAAA,IAAxBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;EAClC,IAAI,CAACD,KAAK,EAAE,OAAO,IAAI;EAEvB,IAAME,YAAY,GAAGF,KAAK,CAACG,GAAG,CAAC,UAAAC,IAAI;IAAA,OACjCC,MAAM,CAACC,MAAM,CAACF,IAAI,CAAC,CAChBD,GAAG,CAAC,UAAAI,IAAI,EAAI;MACX,IAAI,CAACA,IAAI,CAACC,KAAK,IAAI,CAACD,IAAI,CAACE,KAAK,EAAE,OAAO,IAAI;MAE3C,oBACEf,MAAA,YAAAgB,aAAA;QAAKC,SAAS,EAAC,gBAAgB;QAACC,GAAG,KAAAC,MAAA,CAAKZ,UAAU,OAAAY,MAAA,CAAIN,IAAI,CAACC,KAAK,CAACM,WAAW,CAAC,CAAC;MAAG,gBAC/EpB,MAAA,YAAAgB,aAAA;QAAKC,SAAS,EAAC;MAAiB,gBAC9BjB,MAAA,YAAAgB,aAAA,CAACd,aAAA,WAAY;QAACQ,IAAI,EAAEG;MAAK,CAAE,CACxB,CAAC,eACNb,MAAA,YAAAgB,aAAA;QAAKC,SAAS,EAAC;MAAiB,gBAC9BjB,MAAA,YAAAgB,aAAA,CAACf,aAAA,WAAY;QAACS,IAAI,EAAEG;MAAK,CAAE,CAAC,eAC5Bb,MAAA,YAAAgB,aAAA,CAACb,eAAA,WAAc;QAACU,IAAI,EAAEA;MAAK,CAAE,CAC1B,CACF,CAAC;IAEV,CAAC,CAAC,CACDQ,MAAM,CAACC,OAAO,CAAC;EAAA,CACpB,CAAC;EAED,oBACEtB,MAAA,YAAAgB,aAAA;IAAKC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAEX;EAAW,gBACxCP,MAAA,YAAAgB,aAAA;IAAKC,SAAS,EAAC;EAAqB,GAAET,YAAkB,CACrD,CAAC;AAEV,CAAC;AAEDJ,OAAO,CAACmB,SAAS,GAAG;EAClBhB,UAAU,EAAEiB,qBAAS,CAACC,MAAM,CAACC,UAAU;EACvCpB,KAAK,EAAEkB,qBAAS,CAACG,KAAK,CAACD;AACzB,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,cAEazB,OAAO"}

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

@@ -32,6 +32,7 @@ var _TableActions = _interopRequireDefault(require("../TableActions"));
 var _constants = require("../../../constants");
 var _InfoBoxValue = _interopRequireDefault(require("../../InfoBoxes/presentational/InfoBoxValue"));
 var _InfoBoxLabel = _interopRequireDefault(require("../../InfoBoxes/presentational/InfoBoxLabel"));
+var _InfoBoxTooltip = _interopRequireDefault(require("../../InfoBoxes/InfoBoxTooltip"));
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var formatRows = exports.formatRows = function formatRows(_ref) {
@@ -88,6 +89,8 @@ var buildArrayRowContent = function buildArrayRowContent(rowData) {
         className: "table-row-list__group__item__value"
       }, /*#__PURE__*/_react["default"].createElement(_InfoBoxValue["default"], {
         item: item
+      }), /*#__PURE__*/_react["default"].createElement(_InfoBoxTooltip["default"], {
+        info: item
       })));
     }));
   }));

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

@@ -1 +1 @@
-{"version":3,"file":"populate-rows.js","names":["_react","_interopRequireDefault","require","_reactRouterDom","_pluginRenderHooksUi","_TableActions","_constants","_InfoBoxValue","_InfoBoxLabel","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","formatRows","exports","_ref","rows","url","toggleModal","label","_ref$firstColumn","firstColumn","isEnquiry","entitySchema","map","data","editUrl","concat","id","rowProps","createElement","Fragment","Link","to","role","RenderHook","hookKey","schema","value","column","actions","showDeleteModal","getSanitizedColumnLabel","columnProp","sanitizedChar","index","toUpperCase","toLowerCase","buildArrayRowContent","rowData","className","rowGroup","item","buildArrayRowData","groupSize","Math","ceil","group1","slice","group2","group3","dataGroups","getParsedRowData","reduce","acc","key","parsedData","Array","isArray","getColumnsAndLabels","listingProperties","allProperties","columns","labels","listingProperty","propKey","includes","split","_ref2","parsedRowData","populateRows","_ref3","schemaId","properties","_entitySchema$dynamic","dynamicProperties","formProperties","columnOptions","_toConsumableArray2","ACTIONS","_getColumnsAndLabels","_columns","_slicedToArray2","identification","sort","orderBy"],"sources":["../../../../src/components/ListingTable/mappers/populate-rows.js"],"sourcesContent":["import React from 'react';\nimport { Link } from 'react-router-dom';\nimport { RenderHook } from '@blaze-cms/plugin-render-hooks-ui';\nimport TableActions from '../TableActions';\nimport { ACTIONS } from '../../../constants';\nimport InfoBoxValue from '../../InfoBoxes/presentational/InfoBoxValue';\nimport InfoBoxLabel from '../../InfoBoxes/presentational/InfoBoxLabel';\n\nconst formatRows = ({\n  rows,\n  url,\n  toggleModal,\n  label,\n  firstColumn = 'name',\n  isEnquiry,\n  entitySchema\n}) =>\n  rows.map(data => {\n    const editUrl = `${url}/update/${data.id}`;\n    const rowProps = {\n      ...data,\n      [firstColumn]: (\n        <>\n          <Link to={editUrl} role=\"button\">\n            {data[firstColumn]}\n          </Link>\n          <RenderHook\n            hookKey=\"entity:listing:table:row:column:after\"\n            schema={entitySchema}\n            data={data}\n            value={data[firstColumn]}\n            column={firstColumn}\n          />\n        </>\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 groupSize = Math.ceil(rowData.length / 3);\n  const group1 = rowData.slice(0, groupSize);\n  const group2 = rowData.slice(groupSize, groupSize * 2);\n  const group3 = rowData.slice(groupSize * 2);\n  const dataGroups = [group1, group2, group3];\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({\n      firstColumn,\n      rows: parsedRowData,\n      url,\n      toggleModal,\n      isEnquiry,\n      entitySchema\n    }),\n    isEnquiry\n  };\n};\n\nexport { populateRows, formatRows, getParsedRowData };\n"],"mappings":"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"}
+{"version":3,"file":"populate-rows.js","names":["_react","_interopRequireDefault","require","_reactRouterDom","_pluginRenderHooksUi","_TableActions","_constants","_InfoBoxValue","_InfoBoxLabel","_InfoBoxTooltip","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","formatRows","exports","_ref","rows","url","toggleModal","label","_ref$firstColumn","firstColumn","isEnquiry","entitySchema","map","data","editUrl","concat","id","rowProps","createElement","Fragment","Link","to","role","RenderHook","hookKey","schema","value","column","actions","showDeleteModal","getSanitizedColumnLabel","columnProp","sanitizedChar","index","toUpperCase","toLowerCase","buildArrayRowContent","rowData","className","rowGroup","item","info","buildArrayRowData","groupSize","Math","ceil","group1","slice","group2","group3","dataGroups","getParsedRowData","reduce","acc","key","parsedData","Array","isArray","getColumnsAndLabels","listingProperties","allProperties","columns","labels","listingProperty","propKey","includes","split","_ref2","parsedRowData","populateRows","_ref3","schemaId","properties","_entitySchema$dynamic","dynamicProperties","formProperties","columnOptions","_toConsumableArray2","ACTIONS","_getColumnsAndLabels","_columns","_slicedToArray2","identification","sort","orderBy"],"sources":["../../../../src/components/ListingTable/mappers/populate-rows.js"],"sourcesContent":["import React from 'react';\nimport { Link } from 'react-router-dom';\nimport { RenderHook } from '@blaze-cms/plugin-render-hooks-ui';\nimport TableActions from '../TableActions';\nimport { ACTIONS } from '../../../constants';\nimport InfoBoxValue from '../../InfoBoxes/presentational/InfoBoxValue';\nimport InfoBoxLabel from '../../InfoBoxes/presentational/InfoBoxLabel';\nimport InfoBoxTooltip from '../../InfoBoxes/InfoBoxTooltip';\n\nconst formatRows = ({\n  rows,\n  url,\n  toggleModal,\n  label,\n  firstColumn = 'name',\n  isEnquiry,\n  entitySchema\n}) =>\n  rows.map(data => {\n    const editUrl = `${url}/update/${data.id}`;\n\n    const rowProps = {\n      ...data,\n      [firstColumn]: (\n        <>\n          <Link to={editUrl} role=\"button\">\n            {data[firstColumn]}\n          </Link>\n          <RenderHook\n            hookKey=\"entity:listing:table:row:column:after\"\n            schema={entitySchema}\n            data={data}\n            value={data[firstColumn]}\n            column={firstColumn}\n          />\n        </>\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                <InfoBoxTooltip info={item} />\n              </span>\n            </div>\n          ))}\n        </div>\n      );\n    })}\n  </div>\n);\n\nconst buildArrayRowData = rowData => {\n  const groupSize = Math.ceil(rowData.length / 3);\n  const group1 = rowData.slice(0, groupSize);\n  const group2 = rowData.slice(groupSize, groupSize * 2);\n  const group3 = rowData.slice(groupSize * 2);\n  const dataGroups = [group1, group2, group3];\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({\n      firstColumn,\n      rows: parsedRowData,\n      url,\n      toggleModal,\n      isEnquiry,\n      entitySchema\n    }),\n    isEnquiry\n  };\n};\n\nexport { populateRows, formatRows, getParsedRowData };\n"],"mappings":"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"}

package/lib-es/components/EntityManager/Entity/SideBarRelations/helpers/build-dynamic-query.js

@@ -13,6 +13,8 @@ export default function buildDynamicQuery({
         label
         value
         showLabel
+        tooltipIcon
+        tooltipContent
       }`);
     return gql`query getInfoBoxData($id: String!){
       ${schema.actions.get}( id: $id ) {

package/lib-es/components/EntityManager/Entity/SideBarRelations/helpers/build-dynamic-query.js.map

@@ -1 +1 @@
-{"version":3,"file":"build-dynamic-query.js","names":["gql","BlazeError","buildDynamicQuery","id","schema","displayProperties","actions","get","properties","adminMainInfoProperty","Array","isArray","fields","map","infoProperty","field"],"sources":["../../../../../../src/components/EntityManager/Entity/SideBarRelations/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, displayProperties }) {\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  if (\n    displayProperties.adminMainInfoProperty &&\n    Array.isArray(displayProperties.adminMainInfoProperty)\n  ) {\n    const fields = displayProperties.adminMainInfoProperty.map(\n      infoProperty =>\n        `${infoProperty} {\n        label\n        value\n        showLabel\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\n  return null;\n}\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,SAASC,UAAU,QAAQ,wBAAwB;AAEnD,eAAe,SAASC,iBAAiBA,CAAC;EAAEC,EAAE;EAAEC,MAAM;EAAEC;AAAkB,CAAC,EAAE;EAC3E,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,IACEI,iBAAiB,CAACI,qBAAqB,IACvCC,KAAK,CAACC,OAAO,CAACN,iBAAiB,CAACI,qBAAqB,CAAC,EACtD;IACA,MAAMG,MAAM,GAAGP,iBAAiB,CAACI,qBAAqB,CAACI,GAAG,CACxDC,YAAY,IACT,GAAEA,YAAa;AACxB;AACA;AACA;AACA,QACI,CAAC;IAED,OAAOd,GAAI;AACf,QAAQI,MAAM,CAACE,OAAO,CAACC,GAAI;AAC3B;AACA,SAASK,MAAM,CAACC,GAAG,CAACE,KAAK,IAAIA,KAAK,CAAE;AACpC;AACA;AACA,MAAM;EACJ;EAEA,OAAO,IAAI;AACb"}
+{"version":3,"file":"build-dynamic-query.js","names":["gql","BlazeError","buildDynamicQuery","id","schema","displayProperties","actions","get","properties","adminMainInfoProperty","Array","isArray","fields","map","infoProperty","field"],"sources":["../../../../../../src/components/EntityManager/Entity/SideBarRelations/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, displayProperties }) {\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  if (\n    displayProperties.adminMainInfoProperty &&\n    Array.isArray(displayProperties.adminMainInfoProperty)\n  ) {\n    const fields = displayProperties.adminMainInfoProperty.map(\n      infoProperty =>\n        `${infoProperty} {\n        label\n        value\n        showLabel\n        tooltipIcon\n        tooltipContent\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\n  return null;\n}\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,SAASC,UAAU,QAAQ,wBAAwB;AAEnD,eAAe,SAASC,iBAAiBA,CAAC;EAAEC,EAAE;EAAEC,MAAM;EAAEC;AAAkB,CAAC,EAAE;EAC3E,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,IACEI,iBAAiB,CAACI,qBAAqB,IACvCC,KAAK,CAACC,OAAO,CAACN,iBAAiB,CAACI,qBAAqB,CAAC,EACtD;IACA,MAAMG,MAAM,GAAGP,iBAAiB,CAACI,qBAAqB,CAACI,GAAG,CACxDC,YAAY,IACT,GAAEA,YAAa;AACxB;AACA;AACA;AACA;AACA;AACA,QACI,CAAC;IAED,OAAOd,GAAI;AACf,QAAQI,MAAM,CAACE,OAAO,CAACC,GAAI;AAC3B;AACA,SAASK,MAAM,CAACC,GAAG,CAACE,KAAK,IAAIA,KAAK,CAAE;AACpC;AACA;AACA,MAAM;EACJ;EAEA,OAAO,IAAI;AACb"}

package/lib-es/components/EntityManager/Entity/SideBarRelations/presentational/CustomSidebarInfo.js

@@ -2,6 +2,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import InfoBoxValue from '../../../../InfoBoxes/presentational/InfoBoxValue';
 import InfoBoxLabel from '../../../../InfoBoxes/presentational/InfoBoxLabel';
+import InfoBoxTooltip from '../../../../InfoBoxes/InfoBoxTooltip';
 const CustomSidebarInfo = ({
   items,
   customSidebarInfoKey
@@ -9,10 +10,15 @@ const CustomSidebarInfo = ({
   if (!items) return null;
   const customSidebarInfoItems = items.map(item => Object.values(item).map(info => {
     if (!info.label || !info.value) return null;
-    return /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement(InfoBoxLabel, {
+    return /*#__PURE__*/React.createElement("p", {
+      key: `${customSidebarInfoKey}-${info.label.toLowerCase()}`
+    }, /*#__PURE__*/React.createElement(InfoBoxLabel, {
       item: info
     }), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(InfoBoxValue, {
       item: info
+    }), /*#__PURE__*/React.createElement(InfoBoxTooltip, {
+      info: info,
+      position: "left"
     })));
   }).filter(Boolean));
   return /*#__PURE__*/React.createElement("div", {
@@ -22,9 +28,9 @@ const CustomSidebarInfo = ({
     className: "custom-sidebar-info--container"
   }, customSidebarInfoItems));
 };
-export default CustomSidebarInfo;
 CustomSidebarInfo.propTypes = {
   customSidebarInfoKey: PropTypes.string.isRequired,
   items: PropTypes.array.isRequired
 };
+export default CustomSidebarInfo;
 //# sourceMappingURL=CustomSidebarInfo.js.map

package/lib-es/components/EntityManager/Entity/SideBarRelations/presentational/CustomSidebarInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomSidebarInfo.js","names":["PropTypes","React","InfoBoxValue","InfoBoxLabel","CustomSidebarInfo","items","customSidebarInfoKey","customSidebarInfoItems","map","item","Object","values","info","label","value","createElement","filter","Boolean","className","key","propTypes","string","isRequired","array"],"sources":["../../../../../../src/components/EntityManager/Entity/SideBarRelations/presentational/CustomSidebarInfo.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport InfoBoxValue from '../../../../InfoBoxes/presentational/InfoBoxValue';\nimport InfoBoxLabel from '../../../../InfoBoxes/presentational/InfoBoxLabel';\n\nconst CustomSidebarInfo = ({ items, customSidebarInfoKey }) => {\n  if (!items) return null;\n\n  const customSidebarInfoItems = items.map(item =>\n    Object.values(item)\n      .map(info => {\n        if (!info.label || !info.value) return null;\n\n        return (\n          <p>\n            <InfoBoxLabel item={info} />\n            <span>\n              <InfoBoxValue item={info} />\n            </span>\n          </p>\n        );\n      })\n      .filter(Boolean)\n  );\n\n  return (\n    <div className=\"custom-sidebar-info\" key={customSidebarInfoKey}>\n      <div className=\"custom-sidebar-info--container\">{customSidebarInfoItems}</div>\n    </div>\n  );\n};\n\nexport default CustomSidebarInfo;\n\nCustomSidebarInfo.propTypes = {\n  customSidebarInfoKey: 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,mDAAmD;AAC5E,OAAOC,YAAY,MAAM,mDAAmD;AAE5E,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAqB,CAAC,KAAK;EAC7D,IAAI,CAACD,KAAK,EAAE,OAAO,IAAI;EAEvB,MAAME,sBAAsB,GAAGF,KAAK,CAACG,GAAG,CAACC,IAAI,IAC3CC,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,yBACEd,KAAA,CAAAc,aAAA,CAACZ,YAAY;MAACM,IAAI,EAAEG;IAAK,CAAE,CAAC,eAC5BX,KAAA,CAAAc,aAAA,4BACEd,KAAA,CAAAc,aAAA,CAACb,YAAY;MAACO,IAAI,EAAEG;IAAK,CAAE,CACvB,CACL,CAAC;EAER,CAAC,CAAC,CACDI,MAAM,CAACC,OAAO,CACnB,CAAC;EAED,oBACEhB,KAAA,CAAAc,aAAA;IAAKG,SAAS,EAAC,qBAAqB;IAACC,GAAG,EAAEb;EAAqB,gBAC7DL,KAAA,CAAAc,aAAA;IAAKG,SAAS,EAAC;EAAgC,GAAEX,sBAA4B,CAC1E,CAAC;AAEV,CAAC;AAED,eAAeH,iBAAiB;AAEhCA,iBAAiB,CAACgB,SAAS,GAAG;EAC5Bd,oBAAoB,EAAEN,SAAS,CAACqB,MAAM,CAACC,UAAU;EACjDjB,KAAK,EAAEL,SAAS,CAACuB,KAAK,CAACD;AACzB,CAAC"}
+{"version":3,"file":"CustomSidebarInfo.js","names":["PropTypes","React","InfoBoxValue","InfoBoxLabel","InfoBoxTooltip","CustomSidebarInfo","items","customSidebarInfoKey","customSidebarInfoItems","map","item","Object","values","info","label","value","createElement","key","toLowerCase","position","filter","Boolean","className","propTypes","string","isRequired","array"],"sources":["../../../../../../src/components/EntityManager/Entity/SideBarRelations/presentational/CustomSidebarInfo.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport InfoBoxValue from '../../../../InfoBoxes/presentational/InfoBoxValue';\nimport InfoBoxLabel from '../../../../InfoBoxes/presentational/InfoBoxLabel';\nimport InfoBoxTooltip from '../../../../InfoBoxes/InfoBoxTooltip';\n\nconst CustomSidebarInfo = ({ items, customSidebarInfoKey }) => {\n  if (!items) return null;\n\n  const customSidebarInfoItems = items.map(item =>\n    Object.values(item)\n      .map(info => {\n        if (!info.label || !info.value) return null;\n\n        return (\n          <p key={`${customSidebarInfoKey}-${info.label.toLowerCase()}`}>\n            <InfoBoxLabel item={info} />\n            <span>\n              <InfoBoxValue item={info} />\n              <InfoBoxTooltip info={info} position=\"left\" />\n            </span>\n          </p>\n        );\n      })\n      .filter(Boolean)\n  );\n\n  return (\n    <div className=\"custom-sidebar-info\" key={customSidebarInfoKey}>\n      <div className=\"custom-sidebar-info--container\">{customSidebarInfoItems}</div>\n    </div>\n  );\n};\n\nCustomSidebarInfo.propTypes = {\n  customSidebarInfoKey: PropTypes.string.isRequired,\n  items: PropTypes.array.isRequired\n};\n\nexport default CustomSidebarInfo;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,YAAY,MAAM,mDAAmD;AAC5E,OAAOC,YAAY,MAAM,mDAAmD;AAC5E,OAAOC,cAAc,MAAM,sCAAsC;AAEjE,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAqB,CAAC,KAAK;EAC7D,IAAI,CAACD,KAAK,EAAE,OAAO,IAAI;EAEvB,MAAME,sBAAsB,GAAGF,KAAK,CAACG,GAAG,CAACC,IAAI,IAC3CC,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,oBACEd,KAAA,CAAAe,aAAA;MAAGC,GAAG,EAAG,GAAEV,oBAAqB,IAAGM,IAAI,CAACC,KAAK,CAACI,WAAW,CAAC,CAAE;IAAE,gBAC5DjB,KAAA,CAAAe,aAAA,CAACb,YAAY;MAACO,IAAI,EAAEG;IAAK,CAAE,CAAC,eAC5BZ,KAAA,CAAAe,aAAA,4BACEf,KAAA,CAAAe,aAAA,CAACd,YAAY;MAACQ,IAAI,EAAEG;IAAK,CAAE,CAAC,eAC5BZ,KAAA,CAAAe,aAAA,CAACZ,cAAc;MAACS,IAAI,EAAEA,IAAK;MAACM,QAAQ,EAAC;IAAM,CAAE,CACzC,CACL,CAAC;EAER,CAAC,CAAC,CACDC,MAAM,CAACC,OAAO,CACnB,CAAC;EAED,oBACEpB,KAAA,CAAAe,aAAA;IAAKM,SAAS,EAAC,qBAAqB;IAACL,GAAG,EAAEV;EAAqB,gBAC7DN,KAAA,CAAAe,aAAA;IAAKM,SAAS,EAAC;EAAgC,GAAEd,sBAA4B,CAC1E,CAAC;AAEV,CAAC;AAEDH,iBAAiB,CAACkB,SAAS,GAAG;EAC5BhB,oBAAoB,EAAEP,SAAS,CAACwB,MAAM,CAACC,UAAU;EACjDnB,KAAK,EAAEN,SAAS,CAAC0B,KAAK,CAACD;AACzB,CAAC;AAED,eAAepB,iBAAiB"}

package/lib-es/components/InfoBoxes/InfoBoxTooltip.js

@@ -0,0 +1,36 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["info"];
+import React from 'react';
+import PropTypes from 'prop-types';
+import Tooltip from '@blaze-react/tooltip';
+const InfoBoxTooltip = _ref => {
+  let {
+      info
+    } = _ref,
+    tooltipProps = _objectWithoutProperties(_ref, _excluded);
+  const {
+    tooltipContent,
+    tooltipIcon
+  } = info;
+  if (!tooltipContent) return null;
+  const renderTooltipIcon = icon => {
+    if (!icon) return null;
+    return /*#__PURE__*/React.createElement("i", {
+      className: `${icon} info-box--icon`
+    });
+  };
+  return /*#__PURE__*/React.createElement(Tooltip, _extends({
+    tooltipContent: tooltipContent,
+    trigger: "click",
+    className: "info-box--tooltip"
+  }, tooltipProps), renderTooltipIcon(tooltipIcon));
+};
+InfoBoxTooltip.propTypes = {
+  info: PropTypes.shape({
+    tooltipContent: PropTypes.node,
+    tooltipIcon: PropTypes.string
+  }).isRequired
+};
+export default InfoBoxTooltip;
+//# sourceMappingURL=InfoBoxTooltip.js.map

package/lib-es/components/InfoBoxes/InfoBoxTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBoxTooltip.js","names":["React","PropTypes","Tooltip","InfoBoxTooltip","_ref","info","tooltipProps","_objectWithoutProperties","_excluded","tooltipContent","tooltipIcon","renderTooltipIcon","icon","createElement","className","_extends","trigger","propTypes","shape","node","string","isRequired"],"sources":["../../../src/components/InfoBoxes/InfoBoxTooltip.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Tooltip from '@blaze-react/tooltip';\n\nconst InfoBoxTooltip = ({ info, ...tooltipProps }) => {\n  const { tooltipContent, tooltipIcon } = info;\n  if (!tooltipContent) return null;\n\n  const renderTooltipIcon = icon => {\n    if (!icon) return null;\n    return <i className={`${icon} info-box--icon`} />;\n  };\n\n  return (\n    <Tooltip\n      tooltipContent={tooltipContent}\n      trigger=\"click\"\n      className=\"info-box--tooltip\"\n      {...tooltipProps}>\n      {renderTooltipIcon(tooltipIcon)}\n    </Tooltip>\n  );\n};\n\nInfoBoxTooltip.propTypes = {\n  info: PropTypes.shape({\n    tooltipContent: PropTypes.node,\n    tooltipIcon: PropTypes.string\n  }).isRequired\n};\n\nexport default InfoBoxTooltip;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,OAAO,MAAM,sBAAsB;AAE1C,MAAMC,cAAc,GAAGC,IAAA,IAA+B;EAAA,IAA9B;MAAEC;IAAsB,CAAC,GAAAD,IAAA;IAAdE,YAAY,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAC7C,MAAM;IAAEC,cAAc;IAAEC;EAAY,CAAC,GAAGL,IAAI;EAC5C,IAAI,CAACI,cAAc,EAAE,OAAO,IAAI;EAEhC,MAAME,iBAAiB,GAAGC,IAAI,IAAI;IAChC,IAAI,CAACA,IAAI,EAAE,OAAO,IAAI;IACtB,oBAAOZ,KAAA,CAAAa,aAAA;MAAGC,SAAS,EAAG,GAAEF,IAAK;IAAiB,CAAE,CAAC;EACnD,CAAC;EAED,oBACEZ,KAAA,CAAAa,aAAA,CAACX,OAAO,EAAAa,QAAA;IACNN,cAAc,EAAEA,cAAe;IAC/BO,OAAO,EAAC,OAAO;IACfF,SAAS,EAAC;EAAmB,GACzBR,YAAY,GACfK,iBAAiB,CAACD,WAAW,CACvB,CAAC;AAEd,CAAC;AAEDP,cAAc,CAACc,SAAS,GAAG;EACzBZ,IAAI,EAAEJ,SAAS,CAACiB,KAAK,CAAC;IACpBT,cAAc,EAAER,SAAS,CAACkB,IAAI;IAC9BT,WAAW,EAAET,SAAS,CAACmB;EACzB,CAAC,CAAC,CAACC;AACL,CAAC;AAED,eAAelB,cAAc"}

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

@@ -14,6 +14,8 @@ export default function buildDynamicQuery({
       value
       showLabel
       url
+      tooltipIcon
+      tooltipContent
     }`);
   return gql`query getInfoBoxData($id: String!){
     ${schema.actions.get}( id: $id ) {

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","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"}
+{"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      tooltipIcon\n      tooltipContent\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;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/presentational/InfoBox.js

@@ -2,6 +2,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import InfoBoxValue from './InfoBoxValue';
 import InfoBoxLabel from './InfoBoxLabel';
+import InfoBoxTooltip from '../InfoBoxTooltip';
 const InfoBox = ({
   items,
   infoBoxKey
@@ -20,6 +21,8 @@ const InfoBox = ({
       className: "info-box--value"
     }, /*#__PURE__*/React.createElement(InfoBoxValue, {
       item: info
+    }), /*#__PURE__*/React.createElement(InfoBoxTooltip, {
+      info: info
     })));
   }).filter(Boolean));
   return /*#__PURE__*/React.createElement("div", {
@@ -29,9 +32,9 @@ const InfoBox = ({
     className: "info-box--container"
   }, infoBoxItems));
 };
-export default InfoBox;
 InfoBox.propTypes = {
   infoBoxKey: PropTypes.string.isRequired,
   items: PropTypes.array.isRequired
 };
+export default InfoBox;
 //# sourceMappingURL=InfoBox.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"InfoBox.js","names":["PropTypes","React","InfoBoxValue","InfoBoxLabel","InfoBoxTooltip","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';\nimport InfoBoxTooltip from '../InfoBoxTooltip';\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              <InfoBoxTooltip info={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\nInfoBox.propTypes = {\n  infoBoxKey: PropTypes.string.isRequired,\n  items: PropTypes.array.isRequired\n};\n\nexport default InfoBox;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,cAAc,MAAM,mBAAmB;AAE9C,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,oBACEd,KAAA,CAAAe,aAAA;MAAKC,SAAS,EAAC,gBAAgB;MAACC,GAAG,EAAG,GAAEX,UAAW,IAAGM,IAAI,CAACC,KAAK,CAACK,WAAW,CAAC,CAAE;IAAE,gBAC/ElB,KAAA,CAAAe,aAAA;MAAKC,SAAS,EAAC;IAAiB,gBAC9BhB,KAAA,CAAAe,aAAA,CAACb,YAAY;MAACO,IAAI,EAAEG;IAAK,CAAE,CACxB,CAAC,eACNZ,KAAA,CAAAe,aAAA;MAAKC,SAAS,EAAC;IAAiB,gBAC9BhB,KAAA,CAAAe,aAAA,CAACd,YAAY;MAACQ,IAAI,EAAEG;IAAK,CAAE,CAAC,eAC5BZ,KAAA,CAAAe,aAAA,CAACZ,cAAc;MAACS,IAAI,EAAEA;IAAK,CAAE,CAC1B,CACF,CAAC;EAEV,CAAC,CAAC,CACDO,MAAM,CAACC,OAAO,CACnB,CAAC;EAED,oBACEpB,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAEX;EAAW,gBACxCN,KAAA,CAAAe,aAAA;IAAKC,SAAS,EAAC;EAAqB,GAAET,YAAkB,CACrD,CAAC;AAEV,CAAC;AAEDH,OAAO,CAACiB,SAAS,GAAG;EAClBf,UAAU,EAAEP,SAAS,CAACuB,MAAM,CAACC,UAAU;EACvClB,KAAK,EAAEN,SAAS,CAACyB,KAAK,CAACD;AACzB,CAAC;AAED,eAAenB,OAAO"}

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

@@ -8,6 +8,7 @@ import TableActions from '../TableActions';
 import { ACTIONS } from '../../../constants';
 import InfoBoxValue from '../../InfoBoxes/presentational/InfoBoxValue';
 import InfoBoxLabel from '../../InfoBoxes/presentational/InfoBoxLabel';
+import InfoBoxTooltip from '../../InfoBoxes/InfoBoxTooltip';
 const formatRows = ({
   rows,
   url,
@@ -60,6 +61,8 @@ const buildArrayRowContent = rowData => /*#__PURE__*/React.createElement("div",
     className: "table-row-list__group__item__value"
   }, /*#__PURE__*/React.createElement(InfoBoxValue, {
     item: item
+  }), /*#__PURE__*/React.createElement(InfoBoxTooltip, {
+    info: item
   })))));
 }));
 const buildArrayRowData = rowData => {

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

@@ -1 +1 @@
-{"version":3,"file":"populate-rows.js","names":["React","Link","RenderHook","TableActions","ACTIONS","InfoBoxValue","InfoBoxLabel","formatRows","rows","url","toggleModal","label","firstColumn","isEnquiry","entitySchema","map","data","editUrl","id","rowProps","_objectSpread","createElement","Fragment","to","role","hookKey","schema","value","column","actions","showDeleteModal","getSanitizedColumnLabel","columnProp","sanitizedChar","index","length","toUpperCase","toLowerCase","buildArrayRowContent","rowData","className","rowGroup","item","buildArrayRowData","groupSize","Math","ceil","group1","slice","group2","group3","dataGroups","getParsedRowData","Object","keys","reduce","acc","key","parsedData","Array","isArray","getColumnsAndLabels","listingProperties","allProperties","columns","labels","forEach","listingProperty","propKey","includes","split","push","parsedRowData","populateRows","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 { RenderHook } from '@blaze-cms/plugin-render-hooks-ui';\nimport TableActions from '../TableActions';\nimport { ACTIONS } from '../../../constants';\nimport InfoBoxValue from '../../InfoBoxes/presentational/InfoBoxValue';\nimport InfoBoxLabel from '../../InfoBoxes/presentational/InfoBoxLabel';\n\nconst formatRows = ({\n  rows,\n  url,\n  toggleModal,\n  label,\n  firstColumn = 'name',\n  isEnquiry,\n  entitySchema\n}) =>\n  rows.map(data => {\n    const editUrl = `${url}/update/${data.id}`;\n    const rowProps = {\n      ...data,\n      [firstColumn]: (\n        <>\n          <Link to={editUrl} role=\"button\">\n            {data[firstColumn]}\n          </Link>\n          <RenderHook\n            hookKey=\"entity:listing:table:row:column:after\"\n            schema={entitySchema}\n            data={data}\n            value={data[firstColumn]}\n            column={firstColumn}\n          />\n        </>\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 groupSize = Math.ceil(rowData.length / 3);\n  const group1 = rowData.slice(0, groupSize);\n  const group2 = rowData.slice(groupSize, groupSize * 2);\n  const group3 = rowData.slice(groupSize * 2);\n  const dataGroups = [group1, group2, group3];\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({\n      firstColumn,\n      rows: parsedRowData,\n      url,\n      toggleModal,\n      isEnquiry,\n      entitySchema\n    }),\n    isEnquiry\n  };\n};\n\nexport { populateRows, formatRows, getParsedRowData };\n"],"mappings":"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"}
+{"version":3,"file":"populate-rows.js","names":["React","Link","RenderHook","TableActions","ACTIONS","InfoBoxValue","InfoBoxLabel","InfoBoxTooltip","formatRows","rows","url","toggleModal","label","firstColumn","isEnquiry","entitySchema","map","data","editUrl","id","rowProps","_objectSpread","createElement","Fragment","to","role","hookKey","schema","value","column","actions","showDeleteModal","getSanitizedColumnLabel","columnProp","sanitizedChar","index","length","toUpperCase","toLowerCase","buildArrayRowContent","rowData","className","rowGroup","item","info","buildArrayRowData","groupSize","Math","ceil","group1","slice","group2","group3","dataGroups","getParsedRowData","Object","keys","reduce","acc","key","parsedData","Array","isArray","getColumnsAndLabels","listingProperties","allProperties","columns","labels","forEach","listingProperty","propKey","includes","split","push","parsedRowData","populateRows","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 { RenderHook } from '@blaze-cms/plugin-render-hooks-ui';\nimport TableActions from '../TableActions';\nimport { ACTIONS } from '../../../constants';\nimport InfoBoxValue from '../../InfoBoxes/presentational/InfoBoxValue';\nimport InfoBoxLabel from '../../InfoBoxes/presentational/InfoBoxLabel';\nimport InfoBoxTooltip from '../../InfoBoxes/InfoBoxTooltip';\n\nconst formatRows = ({\n  rows,\n  url,\n  toggleModal,\n  label,\n  firstColumn = 'name',\n  isEnquiry,\n  entitySchema\n}) =>\n  rows.map(data => {\n    const editUrl = `${url}/update/${data.id}`;\n\n    const rowProps = {\n      ...data,\n      [firstColumn]: (\n        <>\n          <Link to={editUrl} role=\"button\">\n            {data[firstColumn]}\n          </Link>\n          <RenderHook\n            hookKey=\"entity:listing:table:row:column:after\"\n            schema={entitySchema}\n            data={data}\n            value={data[firstColumn]}\n            column={firstColumn}\n          />\n        </>\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                <InfoBoxTooltip info={item} />\n              </span>\n            </div>\n          ))}\n        </div>\n      );\n    })}\n  </div>\n);\n\nconst buildArrayRowData = rowData => {\n  const groupSize = Math.ceil(rowData.length / 3);\n  const group1 = rowData.slice(0, groupSize);\n  const group2 = rowData.slice(groupSize, groupSize * 2);\n  const group3 = rowData.slice(groupSize * 2);\n  const dataGroups = [group1, group2, group3];\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({\n      firstColumn,\n      rows: parsedRowData,\n      url,\n      toggleModal,\n      isEnquiry,\n      entitySchema\n    }),\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.146.0-tooltips.8",
+  "version": "0.146.0-tooltips.9",
   "description": "Blaze plugin data ui",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -41,6 +41,7 @@
     "@blaze-react/select": "0.8.0-alpha.100",
     "@blaze-react/table": "0.8.0-alpha.74",
     "@blaze-react/toaster": "0.5.17",
+    "@blaze-react/tooltip": "0.8.0-alpha.100",
     "@blaze-react/utils": "0.5.15",
     "core-js": "^3.2.1",
     "lodash.differencewith": "^4.5.0",
@@ -67,5 +68,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "84b6ad6fbb87a0418c6589a84cfa10a3862f71f1"
+  "gitHead": "fe5d3a5a089071c3b1b8627907be0f6f4b2275ed"
 }

package/src/components/EntityManager/Entity/SideBarRelations/helpers/build-dynamic-query.js

@@ -18,6 +18,8 @@ export default function buildDynamicQuery({ id, schema, displayProperties }) {
         label
         value
         showLabel
+        tooltipIcon
+        tooltipContent
       }`
     );
 

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

@@ -2,6 +2,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import InfoBoxValue from '../../../../InfoBoxes/presentational/InfoBoxValue';
 import InfoBoxLabel from '../../../../InfoBoxes/presentational/InfoBoxLabel';
+import InfoBoxTooltip from '../../../../InfoBoxes/InfoBoxTooltip';
 
 const CustomSidebarInfo = ({ items, customSidebarInfoKey }) => {
   if (!items) return null;
@@ -12,10 +13,11 @@ const CustomSidebarInfo = ({ items, customSidebarInfoKey }) => {
         if (!info.label || !info.value) return null;
 
         return (
-          <p>
+          <p key={`${customSidebarInfoKey}-${info.label.toLowerCase()}`}>
             <InfoBoxLabel item={info} />
             <span>
               <InfoBoxValue item={info} />
+              <InfoBoxTooltip info={info} position="left" />
             </span>
           </p>
         );
@@ -30,9 +32,9 @@ const CustomSidebarInfo = ({ items, customSidebarInfoKey }) => {
   );
 };
 
-export default CustomSidebarInfo;
-
 CustomSidebarInfo.propTypes = {
   customSidebarInfoKey: PropTypes.string.isRequired,
   items: PropTypes.array.isRequired
 };
+
+export default CustomSidebarInfo;

package/src/components/InfoBoxes/InfoBoxTooltip.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import Tooltip from '@blaze-react/tooltip';
+
+const InfoBoxTooltip = ({ info, ...tooltipProps }) => {
+  const { tooltipContent, tooltipIcon } = info;
+  if (!tooltipContent) return null;
+
+  const renderTooltipIcon = icon => {
+    if (!icon) return null;
+    return <i className={`${icon} info-box--icon`} />;
+  };
+
+  return (
+    <Tooltip
+      tooltipContent={tooltipContent}
+      trigger="click"
+      className="info-box--tooltip"
+      {...tooltipProps}>
+      {renderTooltipIcon(tooltipIcon)}
+    </Tooltip>
+  );
+};
+
+InfoBoxTooltip.propTypes = {
+  info: PropTypes.shape({
+    tooltipContent: PropTypes.node,
+    tooltipIcon: PropTypes.string
+  }).isRequired
+};
+
+export default InfoBoxTooltip;

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

@@ -17,6 +17,8 @@ export default function buildDynamicQuery({ id, schema, properties }) {
       value
       showLabel
       url
+      tooltipIcon
+      tooltipContent
     }`
   );
 

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

@@ -2,6 +2,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import InfoBoxValue from './InfoBoxValue';
 import InfoBoxLabel from './InfoBoxLabel';
+import InfoBoxTooltip from '../InfoBoxTooltip';
 
 const InfoBox = ({ items, infoBoxKey }) => {
   if (!items) return null;
@@ -18,6 +19,7 @@ const InfoBox = ({ items, infoBoxKey }) => {
             </div>
             <div className="info-box--value">
               <InfoBoxValue item={info} />
+              <InfoBoxTooltip info={info} />
             </div>
           </div>
         );
@@ -32,9 +34,9 @@ const InfoBox = ({ items, infoBoxKey }) => {
   );
 };
 
-export default InfoBox;
-
 InfoBox.propTypes = {
   infoBoxKey: PropTypes.string.isRequired,
   items: PropTypes.array.isRequired
 };
+
+export default InfoBox;

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

@@ -5,6 +5,7 @@ import TableActions from '../TableActions';
 import { ACTIONS } from '../../../constants';
 import InfoBoxValue from '../../InfoBoxes/presentational/InfoBoxValue';
 import InfoBoxLabel from '../../InfoBoxes/presentational/InfoBoxLabel';
+import InfoBoxTooltip from '../../InfoBoxes/InfoBoxTooltip';
 
 const formatRows = ({
   rows,
@@ -17,6 +18,7 @@ const formatRows = ({
 }) =>
   rows.map(data => {
     const editUrl = `${url}/update/${data.id}`;
+
     const rowProps = {
       ...data,
       [firstColumn]: (
@@ -65,6 +67,7 @@ const buildArrayRowContent = rowData => (
               </span>
               <span className="table-row-list__group__item__value">
                 <InfoBoxValue item={item} />
+                <InfoBoxTooltip info={item} />
               </span>
             </div>
           ))}