@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
JavaScript
;
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);