54 lines
1.4 KiB
JavaScript
54 lines
1.4 KiB
JavaScript
import React from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import classnames from 'classnames';
|
|
|
|
const TableRow = ({ children, className, isTableHead, style }) => {
|
|
const childrens = React.Children.map(children, child => {
|
|
const isValidReactElement = React.isValidElement(child);
|
|
|
|
return isValidReactElement
|
|
? React.cloneElement(child, { isTableHead })
|
|
: children;
|
|
});
|
|
|
|
return (
|
|
<div className={classnames('w-full flex', className)} style={style}>
|
|
{childrens}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
TableRow.defaultProps = {
|
|
isTableHead: false,
|
|
className: '',
|
|
style: {},
|
|
};
|
|
|
|
TableRow.propTypes = {
|
|
isTableHead: PropTypes.bool,
|
|
children: function(props, propName, componentName) {
|
|
const elements = React.Children.toArray(props.children);
|
|
const isString = elements.some(child => typeof child === 'string');
|
|
|
|
if (isString) {
|
|
return new Error(
|
|
`Failed prop type: Invalid prop ${propName} supplied to ${componentName}, expected a valid element instead of a string.`
|
|
);
|
|
}
|
|
|
|
const isInvalidElement = elements.some(
|
|
child => !React.isValidElement(child)
|
|
);
|
|
|
|
if (isInvalidElement) {
|
|
return new Error(
|
|
`Failed prop type: Invalid prop ${propName} supplied to ${componentName}, expected a valid node element.`
|
|
);
|
|
}
|
|
},
|
|
className: PropTypes.string,
|
|
style: PropTypes.object,
|
|
};
|
|
|
|
export default TableRow;
|