react-virtualized
Version:
React components for efficiently rendering large, scrollable lists and tabular data
77 lines • 2.12 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
import * as React from 'react';
/*:: import type {RowRendererParams} from './types';*/
/**
* Default row renderer for Table.
*/
export default function defaultRowRenderer(_ref /*:: */) {
var className = _ref /*:: */.className,
columns = _ref /*:: */.columns,
index = _ref /*:: */.index,
key = _ref /*:: */.key,
onRowClick = _ref /*:: */.onRowClick,
onRowDoubleClick = _ref /*:: */.onRowDoubleClick,
onRowMouseOut = _ref /*:: */.onRowMouseOut,
onRowMouseOver = _ref /*:: */.onRowMouseOver,
onRowRightClick = _ref /*:: */.onRowRightClick,
rowData = _ref /*:: */.rowData,
style = _ref /*:: */.style;
var a11yProps = {
'aria-rowindex': index + 1
};
if (onRowClick || onRowDoubleClick || onRowMouseOut || onRowMouseOver || onRowRightClick) {
a11yProps['aria-label'] = 'row';
a11yProps.tabIndex = 0;
if (onRowClick) {
a11yProps.onClick = function (event) {
return onRowClick({
event: event,
index: index,
rowData: rowData
});
};
}
if (onRowDoubleClick) {
a11yProps.onDoubleClick = function (event) {
return onRowDoubleClick({
event: event,
index: index,
rowData: rowData
});
};
}
if (onRowMouseOut) {
a11yProps.onMouseOut = function (event) {
return onRowMouseOut({
event: event,
index: index,
rowData: rowData
});
};
}
if (onRowMouseOver) {
a11yProps.onMouseOver = function (event) {
return onRowMouseOver({
event: event,
index: index,
rowData: rowData
});
};
}
if (onRowRightClick) {
a11yProps.onContextMenu = function (event) {
return onRowRightClick({
event: event,
index: index,
rowData: rowData
});
};
}
}
return /*#__PURE__*/React.createElement("div", _extends({}, a11yProps, {
className: className,
key: key,
role: "row",
style: style
}), columns);
}