@blaze-cms/plugin-data-ui 0.146.0-alpha.5 → 0.146.0-alpha.51

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/ListingTable.js

@@ -138,7 +138,8 @@ const ListingTable = ({ match, entitySchema, history }) => {
         url: match.url,
         toggleModal,
         firstColumn,
-        isEnquiry
+        isEnquiry,
+        entitySchema
       })
     });
     history.push('?page=1');

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

@@ -1,19 +1,39 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
+import { RenderHook } from '@blaze-cms/plugin-render-hooks-ui';
 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, toggleModal, label, firstColumn = 'name', isEnquiry }) =>
+const formatRows = ({
+  rows,
+  url,
+  toggleModal,
+  label,
+  firstColumn = 'name',
+  isEnquiry,
+  entitySchema
+}) =>
   rows.map(data => {
     const editUrl = `${url}/update/${data.id}`;
+
     const rowProps = {
       ...data,
       [firstColumn]: (
-        <Link to={editUrl} role="button">
-          {data[firstColumn]}
-        </Link>
+        <>
+          <Link to={editUrl} role="button">
+            {data[firstColumn]}
+          </Link>
+          <RenderHook
+            hookKey="entity:listing:table:row:column:after"
+            schema={entitySchema}
+            data={data}
+            value={data[firstColumn]}
+            column={firstColumn}
+          />
+        </>
       )
     };
     if (!isEnquiry)
@@ -47,6 +67,7 @@ const buildArrayRowContent = rowData => (
               </span>
               <span className="table-row-list__group__item__value">
                 <InfoBoxValue item={item} />
+                <InfoBoxTooltip info={item} />
               </span>
             </div>
           ))}
@@ -117,7 +138,14 @@ const populateRows = ({ toggleModal, url, entitySchema, rows }) => {
     columns,
     labels,
     orderBy: [...formProperties],
-    rows: formatRows({ firstColumn, rows: parsedRowData, url, toggleModal, isEnquiry }),
+    rows: formatRows({
+      firstColumn,
+      rows: parsedRowData,
+      url,
+      toggleModal,
+      isEnquiry,
+      entitySchema
+    }),
     isEnquiry
   };
 };