es-grid-template/lib/table-component/footer/TableFooterRow.js

es-grid-template

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _TableFooterCell = _interopRequireDefault(require("./TableFooterCell"));
var _react = _interopRequireDefault(require("react"));
// import type { Person } from "../makeData";

// import type { Person } from "../../tanstack-table/makeData";
// import TableHeadCell from "./TableHeadCell";

const TableFooterRow = ({
  table,
  // columnVirtualizer,
  headerGroup,
  virtualPaddingLeft,
  virtualPaddingRight,
  fixedLeftColumns,
  fixedRightColumns,
  // virtualColumns,
  columnVirtualizer
}) => {
  const virtualColumns = columnVirtualizer.getVirtualItems();
  return /*#__PURE__*/_react.default.createElement("tr", {
    // data-index={headerGroup.id}
    key: headerGroup.id,
    style: {
      display: "flex",
      width: "100%",
      borderTop: "1px solid #e0e0e0"
    }
  }, fixedLeftColumns.length > 0 ? fixedLeftColumns.map(column => {
    return /*#__PURE__*/_react.default.createElement(_TableFooterCell.default, {
      columnVirtualizer: columnVirtualizer,
      key: column.id,
      header: headerGroup.headers.find(h => h.column.id === column.id),
      column: column
    });
  }) : null, virtualPaddingLeft ? /*#__PURE__*/_react.default.createElement("td", {
    className: "",
    style: {
      display: "flex",
      width: virtualPaddingLeft
    }
  }) : null, virtualColumns.map(virtualColumn => {
    const header = headerGroup.headers[virtualColumn.index];
    const isFixed = table.getState().columnPinning.left?.includes(header.column.id) || table.getState().columnPinning.right?.includes(header.column.id);
    // const isFixed = table.getState().columnPinning.left?.includes(header.column.id)

    if (header && !isFixed) {
      return /*#__PURE__*/_react.default.createElement(_TableFooterCell.default, {
        key: header.id,
        header: header,
        column: virtualColumn,
        columnVirtualizer: columnVirtualizer
      });
    }
    return null;
  }),
  //fake empty column to the right for virtualization scroll padding
  fixedRightColumns.length > 0 ? fixedRightColumns.map(column => /*#__PURE__*/_react.default.createElement(_TableFooterCell.default, {
    key: column.id,
    header: headerGroup.headers.find(h => h.column.id === column.id),
    column: column
  })) : null, virtualPaddingRight ?
  /*#__PURE__*/
  //fake empty column to the right for virtualization scroll padding
  _react.default.createElement("td", {
    className: "",
    style: {
      display: "flex",
      width: virtualPaddingRight
    }
  }) : null);
};
var _default = exports.default = TableFooterRow;