@atlaskit/dynamic-table
Version:
A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.
33 lines (32 loc) • 1.43 kB
JavaScript
/* table-row.tsx generated by @compiled/babel-plugin v3.0.2 */
import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
var _excluded = ["isHighlighted", "children", "style", "testId", "className"];
import "./table-row.compiled.css";
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
import { forwardRef } from 'react';
var rowStyles = null;
var rowBackgroundStyles = null;
var rowHighlightedBackgroundStyles = null;
// eslint-disable-next-line @repo/internal/react/require-jsdoc
export var TableBodyRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
var isHighlighted = _ref.isHighlighted,
children = _ref.children,
style = _ref.style,
testId = _ref.testId,
className = _ref.className,
rest = _objectWithoutProperties(_ref, _excluded);
return /*#__PURE__*/React.createElement("tr", _extends({
style: style,
/**
* We rely on this `className` for the `RankableTableBodyRow` to apply extra styles.
* With Compiled it needs to be statically analyzable. It does not get applied via spread props.
*/
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
className: ax(["_bfhksm61 _1ygbdfik _1ah312gs", isHighlighted ? "_bfhk15s3 _irr3ufnl" : "_irr31dpa", className])
}, rest, {
ref: ref,
"data-testid": testId
}), children);
});