@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail/UriField.js

JBrowse 2 core libraries used by plugins

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = UriField;
const jsx_runtime_1 = require("react/jsx-runtime");
const mui_1 = require("tss-react/mui");
const BasicValue_1 = __importDefault(require("./BasicValue"));
const FieldName_1 = __importDefault(require("./FieldName"));
const useStyles = (0, mui_1.makeStyles)()({
    field: {
        display: 'flex',
        flexWrap: 'wrap',
    },
});
function UriField({ value, prefix, name, }) {
    const { classes } = useStyles();
    const { uri, baseUri = '' } = value;
    let href;
    try {
        href = new URL(uri, baseUri).href;
    }
    catch (e) {
        href = uri;
    }
    return ((0, jsx_runtime_1.jsxs)("div", { className: classes.field, children: [(0, jsx_runtime_1.jsx)(FieldName_1.default, { prefix: prefix, name: name }), (0, jsx_runtime_1.jsx)(BasicValue_1.default, { value: href })] }));
}