@vlsergey/react-bootstrap-pagetable/lib/cjs/controlled/DefaultItemFieldCellLinkWrapper.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"));
function DefaultItemFieldCellLinkWrapper(_a) {
    var children = _a.children, hyperlink = _a.hyperlink;
    return react_1.jsx("a", { css: react_1.css("\n& {\ndisplay: block;\nheight: 100%;\n}\n.table & {\nmargin: -0.75rem;\npadding: 0.75rem;\nheight: calc(100% + 2 * 0.75rem);\n}\n.table-sm & {\nmargin: -0.3rem;\npadding: 0.3rem;\nheight: calc(100% + 2 * 0.3rem);\n}\n"), href: hyperlink }, children);
}
exports.default = react_2.default.memo(DefaultItemFieldCellLinkWrapper);