@vlsergey/react-bootstrap-pagetable/lib/esm/reactRouter/ReactRouterItemFieldCellLinkWrapper.js

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

/** @jsx jsx */
import { css, jsx } from '@emotion/react';
import React from 'react';
import { Link } from 'react-router-dom';
var FAKE_HOST = 'somenonexistentfakehost.temp';
var FAKE_URL_BASE = "https://" + FAKE_HOST + "/";
function ReactRouterItemFieldCellLinkWrapper(_a) {
    var children = _a.children, hyperlink = _a.hyperlink;
    var url = new URL(hyperlink, FAKE_URL_BASE);
    if (url.host !== FAKE_HOST) {
        return jsx("a", { css: 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);
    }
    return jsx(Link, { css: 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"), to: hyperlink }, children);
}
export default React.memo(ReactRouterItemFieldCellLinkWrapper);