UNPKG

@atlaskit/dynamic-table

Version:

A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.

62 lines (61 loc) 3.46 kB
"use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports.RankableTableCell = void 0; var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")); var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck")); var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass")); var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn")); var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf")); var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits")); var _react = _interopRequireDefault(require("react")); var _inlineStylesIfRanking = require("../../internal/inline-styles-if-ranking"); var _tableCell = require("../../styled/rankable/table-cell"); var _excluded = ["content", "testId"]; function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); } function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } // eslint-disable-next-line @repo/internal/react/no-class-components var RankableTableCell = exports.RankableTableCell = /*#__PURE__*/function (_React$Component) { function RankableTableCell() { (0, _classCallCheck2.default)(this, RankableTableCell); return _callSuper(this, RankableTableCell, arguments); } (0, _inherits2.default)(RankableTableCell, _React$Component); return (0, _createClass2.default)(RankableTableCell, [{ key: "render", value: function render() { var _this$props = this.props, cell = _this$props.cell, head = _this$props.head, isFixedSize = _this$props.isFixedSize, isRanking = _this$props.isRanking, refWidth = _this$props.refWidth, innerRef = _this$props.innerRef, testId = _this$props.testId; var content = cell.content, cellTestId = cell.testId, restCellProps = (0, _objectWithoutProperties2.default)(cell, _excluded); var _ref = head || {}, shouldTruncate = _ref.shouldTruncate, width = _ref.width; var inlineStyles = (0, _inlineStylesIfRanking.inlineStylesIfRanking)(isRanking, refWidth); return /*#__PURE__*/_react.default.createElement(_tableCell.RankableTableBodyCell, (0, _extends2.default)({}, restCellProps, { isFixedSize: isFixedSize, shouldTruncate: shouldTruncate, width: width, isRanking: isRanking // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766 , style: inlineStyles, onKeyDown: function onKeyDown(e) { return e.stopPropagation(); }, innerRef: innerRef, "data-testid": cellTestId || testId && "".concat(testId, "--rankable--table--body--cell") }), content); } }]); }(_react.default.Component);