@ui5/webcomponents-react
Version:
React Wrapper for UI5 Web Components and additional components
27 lines • 827 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
export const Cell = props => {
const {
cell: {
value = '',
isGrouped
},
column,
row,
webComponentsReactProperties
} = props;
let cellContent = `${value ?? ''}`;
if (isGrouped) {
cellContent += ` (${row.subRows.length})`;
}
return /*#__PURE__*/_jsx("span", {
id: `${webComponentsReactProperties.uniqueId}${column.id}${row.id}`,
title: cellContent,
className: webComponentsReactProperties.classes.textEllipsis,
"data-column-id-cell-text": column.id
// VoiceOver announces blank because of `aria-hidden` although `aria-labelledby` is set on the `gridcell` element - this is a known bug and there's no workaround
,
"aria-hidden": "true",
children: cellContent
});
};
Cell.displayName = 'CellContent';