@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail/SimpleField.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 = SimpleField;
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 SimpleField({ name, value, description, prefix, width, formatter, }) {
    const { classes } = useStyles();
    return value != null ? ((0, jsx_runtime_1.jsxs)("div", { className: classes.field, children: [(0, jsx_runtime_1.jsx)(FieldName_1.default, { prefix: prefix, description: description, name: name, width: width }), (0, jsx_runtime_1.jsx)(BasicValue_1.default, { value: formatter ? formatter(value, name) : value })] })) : null;
}