feat(table): allow paths as attributes values on column definition

Author: assisrafael

demo/TableExamples.jsx

@@ -51,11 +51,11 @@ export function TableExamples() {
         <div className="col mb-3">
           <h1 className="h4">Simple Table</h1>
           <Table
-            columns={['a', 'b', 'c']}
+            columns={['a', 'b', 'c.d']}
             docs={[
-              { a: 1, b: 2, c: 3 },
-              { a: 4, b: 5, c: 6 },
-              { a: 7, b: 8, c: 9 },
+              { a: 1, b: 2, c: { d: 3 } },
+              { a: 4, b: 5, c: { d: 6 } },
+              { a: 7, b: 8, c: { d: 9 } },
             ]}
           />
         </div>

src/table/TableBody.jsx

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { getColumnClass } from './table-helpers';
 import { safeClick } from '../utils/event-handlers';
+import { getValueByPath } from '../utils/getters-setters';
 
 export function TableBody({ columns, docs, rowClass, actions }) {
   return (
@@ -42,7 +43,7 @@ TableBody.propTypes = {
 };
 
 function getColumnValue(doc, column, docIndex) {
-  const rawValue = doc[column.attribute];
+  const rawValue = getValueByPath(doc, column.attribute);
 
   if (!column.format) {
     return rawValue;