Sha256: 6a7d3ab8afa9a8b8e0d8a22dcee17e59a0c1b4ede3038ceb21c7242f90eeae83
Contents?: true
Size: 1.64 KB
Versions: 107
Compression:
Stored size: 1.64 KB
Contents
import React from "react";
import classnames from "classnames";
import {
buildAriaProps,
buildCss,
buildDataProps,
buildHtmlProps,
} from "../../utilities/props";
import { globalProps } from "../../utilities/globalProps";
type TableRowPropTypes = {
aria?: { [key: string]: string };
children: React.ReactNode[] | React.ReactNode;
className: string;
data?: { [key: string]: string };
htmlOptions?: { [key: string]: string | number | boolean | (() => void) };
id?: string;
sideHighlightColor: string;
tag?: "table" | "div";
};
const TableRow = (props: TableRowPropTypes) => {
const {
aria = {},
children,
className,
data = {},
htmlOptions = {},
id,
sideHighlightColor = "none",
tag = "table",
} = props;
const ariaProps = buildAriaProps(aria);
const dataProps = buildDataProps(data);
const htmlProps = buildHtmlProps(htmlOptions);
const sideHighlightClass =
sideHighlightColor != "" ? `side_highlight_${sideHighlightColor}` : null;
const classes = classnames(
buildCss("pb_table_row_kit", sideHighlightClass),
"pb_table_tr",
globalProps(props),
className
);
const isTableTag = tag === "table";
return (
<>
{isTableTag ? (
<tr
{...ariaProps}
{...dataProps}
{...htmlProps}
className={classes}
id={id}
>
{children}
</tr>
) : (
<div
{...ariaProps}
{...dataProps}
{...htmlProps}
className={classes}
id={id}
>
{children}
</div>
)}
</>
);
};
export default TableRow;
Version data entries
107 entries across 107 versions & 1 rubygems