@vlsergey/react-bootstrap-pagetable/lib/cjs/controlled/DefaultRowsRenderer.js

Complex solution to work with pageable data, including sorting, filtering, actions, changing displayed columns, etc.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
/** @jsx jsx */
var react_1 = require("@emotion/react");
var react_2 = tslib_1.__importDefault(require("react"));
var ControlledContext_1 = require("./ControlledContext");
var useVisibleFields_1 = tslib_1.__importDefault(require("./visibleFields/useVisibleFields"));
function DefaultRowsRenderer() {
    var _a = ControlledContext_1.useControlledContext(), itemFieldCellRenderer = _a.itemFieldCellRenderer, itemModel = _a.itemModel, page = _a.page, rowProps = _a.rowProps;
    var visibleFields = useVisibleFields_1.default();
    var item2id = itemModel.idF;
    var ItemFieldCellRenderer = itemFieldCellRenderer;
    return page.content.map(function (item) { return react_1.jsx("tr", tslib_1.__assign({ css: react_1.css('height: 1px;'), key: item2id(item) }, (rowProps ? rowProps(item) : {})), visibleFields.map(function (field) {
        return react_1.jsx(ItemFieldCellRenderer, { field: field, item: item, key: field.key });
    })); });
}
exports.default = react_2.default.memo(DefaultRowsRenderer);