diff --git a/src/defaultProps.js b/src/defaultProps.js index 0be55ef..cce9bc0 100644 --- a/src/defaultProps.js +++ b/src/defaultProps.js @@ -171,11 +171,11 @@ export default { rowsText: 'rows', // Components - TableComponent: _.makeTemplateComponent('rt-table'), - TheadComponent: _.makeTemplateComponent('rt-thead'), - TbodyComponent: _.makeTemplateComponent('rt-tbody'), - TrGroupComponent: _.makeTemplateComponent('rt-tr-group'), - TrComponent: _.makeTemplateComponent('rt-tr'), + TableComponent: _.makeTemplateComponent('rt-table', 'Table'), + TheadComponent: _.makeTemplateComponent('rt-thead', 'Thead'), + TbodyComponent: _.makeTemplateComponent('rt-tbody', 'Tbody'), + TrGroupComponent: _.makeTemplateComponent('rt-tr-group', 'TrGroup'), + TrComponent: _.makeTemplateComponent('rt-tr', 'Tr'), ThComponent: ({ toggleSort, className, children, ...rest }) => { return (
) }, - TdComponent: _.makeTemplateComponent('rt-td'), - TfootComponent: _.makeTemplateComponent('rt-tfoot'), + TdComponent: _.makeTemplateComponent('rt-td', 'Td'), + TfootComponent: _.makeTemplateComponent('rt-tfoot', 'Tfoot'), FilterComponent: ({ filter, onChange }) =>
, - NoDataComponent: _.makeTemplateComponent('rt-noData'), - ResizerComponent: _.makeTemplateComponent('rt-resizer'), + NoDataComponent: _.makeTemplateComponent('rt-noData', 'NoData'), + ResizerComponent: _.makeTemplateComponent('rt-resizer', 'Resizer'), PadRowComponent: () =>  , } diff --git a/src/utils.js b/src/utils.js index 1bc537c..8d7a02b 100644 --- a/src/utils.js +++ b/src/utils.js @@ -121,11 +121,16 @@ function sum (arr) { }, 0) } -function makeTemplateComponent (compClass) { - return ({ children, className, ...rest }) => +function makeTemplateComponent (compClass, displayName) { + if (!displayName) { + throw new Error('No displayName found for template component:', compClass) + } + const cmp = ({ children, className, ...rest }) =>
{children}
+ cmp.displayName = displayName + return cmp } function groupBy (xs, key) {