@atlaskit/dynamic-table/dist/cjs/components/rankable/table-row.js

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

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = 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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireDefault(require("react"));
var _pragmaticDragAndDropReactBeautifulDndMigration = require("@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration");
var _withDimensions = _interopRequireDefault(require("../../hoc/with-dimensions"));
var _inlineStylesIfRanking = require("../../internal/inline-styles-if-ranking");
var _tableRow = require("../../styled/rankable/table-row");
var _tableCell = _interopRequireDefault(require("./table-cell"));
var _excluded = ["cells", "testId", "key", "isHighlighted"];
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
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; })(); } // Allowing existing usage of non Pragmatic drag and drop solution
// eslint-disable-next-line @repo/internal/react/no-class-components
var RankableTableRow = /*#__PURE__*/function (_React$Component) {
  function RankableTableRow() {
    var _this;
    (0, _classCallCheck2.default)(this, RankableTableRow);
    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }
    _this = _callSuper(this, RankableTableRow, [].concat(args));
    (0, _defineProperty2.default)(_this, "innerRef", function (innerRefFn) {
      return function (ref) {
        innerRefFn(ref);
        if (typeof _this.props.innerRef === 'function') {
          _this.props.innerRef(ref);
        }
      };
    });
    return _this;
  }
  (0, _inherits2.default)(RankableTableRow, _React$Component);
  return (0, _createClass2.default)(RankableTableRow, [{
    key: "render",
    value: function render() {
      var _this2 = this;
      var _this$props = this.props,
        row = _this$props.row,
        head = _this$props.head,
        isFixedSize = _this$props.isFixedSize,
        isRanking = _this$props.isRanking,
        refWidth = _this$props.refWidth,
        rowIndex = _this$props.rowIndex,
        isRankingDisabled = _this$props.isRankingDisabled,
        isHighlighted = _this$props.isHighlighted,
        testId = _this$props.testId;
      var cells = row.cells,
        rowTestId = row.testId,
        key = row.key,
        isRowHighlighted = row.isHighlighted,
        restRowProps = (0, _objectWithoutProperties2.default)(row, _excluded);
      var inlineStyles = (0, _inlineStylesIfRanking.inlineStylesIfRanking)(isRanking, refWidth);
      if (typeof key !== 'string' && !isRankingDisabled) {
        throw new Error('dynamic-table: ranking is not possible because table row does not have a key. Add the key to the row or disable ranking.');
      }
      return /*#__PURE__*/_react.default.createElement(_pragmaticDragAndDropReactBeautifulDndMigration.Draggable, {
        draggableId: key || rowIndex.toString(),
        index: rowIndex,
        isDragDisabled: isRankingDisabled
      }, function (provided, snapshot) {
        var _provided$dragHandleP;
        return /*#__PURE__*/_react.default.createElement(_tableRow.RankableTableBodyRow, (0, _extends2.default)({}, restRowProps, provided.dragHandleProps, provided.draggableProps, {
          /**
           * `provided.dragHandleProps` provides `role="button"` which we don't want to apply to table rows.
           *
           * Providing `role="button"` is the RBD 13 behavior which the migration layer emulates.
           * Previously we used RBD 12 which did not provide a role to the drag handle.
           */
          role: undefined
          // It is necessary to prevent the passing of aria-labelledby
          ,
          "aria-labelledby": undefined,
          "aria-describedby": (_provided$dragHandleP = provided.dragHandleProps) === null || _provided$dragHandleP === void 0 ? void 0 : _provided$dragHandleP['aria-describedby'],
          ref: _this2.innerRef(provided.innerRef)
          // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
          ,
          style: _objectSpread(_objectSpread({}, provided.draggableProps.style), inlineStyles),
          isHighlighted: isHighlighted || isRowHighlighted,
          isRanking: isRanking,
          isRankingItem: snapshot.isDragging,
          testId: rowTestId || testId && "".concat(testId, "--rankable--table--body--row")
        }), cells.map(function (cell, cellIndex) {
          var headCell = (head || {
            cells: []
          }).cells[cellIndex];
          return /*#__PURE__*/_react.default.createElement(_tableCell.default, {
            head: headCell,
            cell: cell,
            isRanking: isRanking,
            key: cell.key || cellIndex,
            isFixedSize: isFixedSize,
            testId: testId
          });
        }));
      });
    }
  }]);
}(_react.default.Component); // eslint-disable-next-line import/no-anonymous-default-export
var _default_1 = (0, _withDimensions.default)(RankableTableRow);
var _default = exports.default = _default_1;