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"));
var _useContext = require("../useContext");
const TableFooterRow = ({
  table,
  headerGroup
}) => {
  const visibleColumns = table.getVisibleLeafColumns();
  const {
    onRowFooterStyles
  } = _react.default.useContext(_useContext.TableContext);
  const rowStyles = typeof onRowFooterStyles === 'function' ? onRowFooterStyles() : onRowFooterStyles;
  return /*#__PURE__*/_react.default.createElement("div", {
    key: headerGroup.id,
    style: {
      ...rowStyles,
      display: "grid",
      width: "100%",
      height: 37,
      gridTemplateColumns: `${table.getVisibleLeafColumns().map(n => `${n.getSize()}fr`).join(" ")}`
    },
    className: "ui-rc-grid-footer-row"
  }, visibleColumns.map(header => {
    return /*#__PURE__*/_react.default.createElement(_TableFooterCell.default, {
      key: header.id,
      column: header
    });
  }));
};
var _default = exports.default = TableFooterRow;