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

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

import { __assign } from "tslib";
/** @jsx jsx */
import { css, jsx } from '@emotion/react';
import React from 'react';
import { useControlledContext } from './ControlledContext';
import useVisibleFields from './visibleFields/useVisibleFields';
function DefaultRowsRenderer() {
    var _a = useControlledContext(), itemFieldCellRenderer = _a.itemFieldCellRenderer, itemModel = _a.itemModel, page = _a.page, rowProps = _a.rowProps;
    var visibleFields = useVisibleFields();
    var item2id = itemModel.idF;
    var ItemFieldCellRenderer = itemFieldCellRenderer;
    return page.content.map(function (item) { return jsx("tr", __assign({ css: css('height: 1px;'), key: item2id(item) }, (rowProps ? rowProps(item) : {})), visibleFields.map(function (field) {
        return jsx(ItemFieldCellRenderer, { field: field, item: item, key: field.key });
    })); });
}
export default React.memo(DefaultRowsRenderer);