@jbrowse/core 2.17.0 → 3.0.0

package/BaseFeatureWidget/BaseFeatureDetail/ArrayValue.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 export default function ArrayValue({ name, value, description, prefix, }: {
     description?: React.ReactNode;
     name: string;
     value: unknown[];
     prefix?: string[];
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/BaseFeatureWidget/BaseFeatureDetail/ArrayValue.js

@@ -4,13 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = ArrayValue;
-const react_1 = __importDefault(require("react"));
-const is_object_1 = __importDefault(require("is-object"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const mui_1 = require("tss-react/mui");
-// locals
 const Attributes_1 = __importDefault(require("./Attributes"));
-const FieldName_1 = __importDefault(require("./FieldName"));
 const BasicValue_1 = __importDefault(require("./BasicValue"));
+const FieldName_1 = __importDefault(require("./FieldName"));
+const util_1 = require("../../util");
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     field: {
         display: 'flex',
@@ -28,17 +27,12 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
 function ArrayValue({ name, value, description, prefix = [], }) {
     const { classes } = useStyles();
     if (value.length === 1) {
-        return (0, is_object_1.default)(value[0]) ? (react_1.default.createElement(Attributes_1.default, { attributes: value[0], prefix: [...prefix, name] })) : (react_1.default.createElement("div", { className: classes.field },
-            react_1.default.createElement(FieldName_1.default, { prefix: prefix, description: description, name: name }),
-            react_1.default.createElement(BasicValue_1.default, { value: value[0] })));
+        return (0, util_1.isObject)(value[0]) ? ((0, jsx_runtime_1.jsx)(Attributes_1.default, { attributes: value[0], prefix: [...prefix, name] })) : ((0, jsx_runtime_1.jsxs)("div", { className: classes.field, children: [(0, jsx_runtime_1.jsx)(FieldName_1.default, { prefix: prefix, description: description, name: name }), (0, jsx_runtime_1.jsx)(BasicValue_1.default, { value: value[0] })] }));
     }
-    else if (value.every(val => (0, is_object_1.default)(val))) {
-        return (react_1.default.createElement(react_1.default.Fragment, null, value.map((val, i) => (react_1.default.createElement(Attributes_1.default, { key: `${JSON.stringify(val)}-${i}`, attributes: val, prefix: [...prefix, `${name}-${i}`] })))));
+    else if (value.every(val => (0, util_1.isObject)(val))) {
+        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: value.map((val, i) => ((0, jsx_runtime_1.jsx)(Attributes_1.default, { attributes: val, prefix: [...prefix, `${name}-${i}`] }, `${JSON.stringify(val)}-${i}`))) }));
     }
     else {
-        return (react_1.default.createElement("div", { className: classes.field },
-            react_1.default.createElement(FieldName_1.default, { prefix: prefix, description: description, name: name }),
-            value.map((val, i) => (react_1.default.createElement("div", { key: `${JSON.stringify(val)}-${i}`, className: classes.fieldSubvalue },
-                react_1.default.createElement(BasicValue_1.default, { value: val }))))));
+        return ((0, jsx_runtime_1.jsxs)("div", { className: classes.field, children: [(0, jsx_runtime_1.jsx)(FieldName_1.default, { prefix: prefix, description: description, name: name }), value.map((val, i) => ((0, jsx_runtime_1.jsx)("div", { className: classes.fieldSubvalue, children: (0, jsx_runtime_1.jsx)(BasicValue_1.default, { value: val }) }, `${JSON.stringify(val)}-${i}`)))] }));
     }
 }

package/BaseFeatureWidget/BaseFeatureDetail/Attributes.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export default function Attributes(props: {
     attributes: {
         [key: string]: unknown;
@@ -10,4 +9,4 @@ export default function Attributes(props: {
     descriptions?: Record<string, React.ReactNode>;
     prefix?: string[];
     hideUris?: boolean;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/BaseFeatureWidget/BaseFeatureDetail/Attributes.js

@@ -4,17 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = Attributes;
-const react_1 = __importDefault(require("react"));
-const is_object_1 = __importDefault(require("is-object"));
-// locals
-const util_1 = require("./util");
-const util_2 = require("../../util");
-const DataGridDetails_1 = __importDefault(require("./DataGridDetails"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const ArrayValue_1 = __importDefault(require("./ArrayValue"));
-const UriField_1 = __importDefault(require("./UriField"));
+const DataGridDetails_1 = __importDefault(require("./DataGridDetails"));
 const SimpleField_1 = __importDefault(require("./SimpleField"));
+const UriField_1 = __importDefault(require("./UriField"));
+const util_1 = require("./util");
+const util_2 = require("../../util");
 const MAX_FIELD_NAME_WIDTH = 170;
-// these are always omitted as too detailed
 const globalOmit = [
     '__jbrowsefmt',
     'length',
@@ -32,21 +29,19 @@ function Attributes(props) {
     const { __jbrowsefmt, ...rest } = attributes;
     const formattedAttributes = { ...rest, ...__jbrowsefmt };
     const maxLabelWidth = (0, util_1.generateMaxWidth)(Object.entries(formattedAttributes).filter(([k, v]) => v !== undefined && !omits.has(k)), prefix);
-    return (react_1.default.createElement(react_1.default.Fragment, null, Object.entries(formattedAttributes)
-        .filter(([k, v]) => v !== undefined && !omits.has(k))
-        .map(([key, value]) => {
-        const description = (0, util_1.accessNested)([...prefix, key], descriptions);
-        if (Array.isArray(value)) {
-            // check if it looks like an array of objects, which could be used
-            // in data grid
-            return value.length > 1 && value.every(val => (0, is_object_1.default)(val)) ? (react_1.default.createElement(DataGridDetails_1.default, { key: key, name: key, prefix: prefix, value: value })) : (react_1.default.createElement(ArrayValue_1.default, { key: key, name: key, value: value, description: description, prefix: prefix }));
-        }
-        else if ((0, is_object_1.default)(value)) {
-            const { omitSingleLevel, ...rest } = props;
-            return (0, util_2.isUriLocation)(value) ? (hideUris ? null : (react_1.default.createElement(UriField_1.default, { key: key, name: key, prefix: prefix, value: value }))) : (react_1.default.createElement(Attributes, { key: key, ...rest, attributes: value, descriptions: descriptions, prefix: [...prefix, key] }));
-        }
-        else {
-            return (react_1.default.createElement(SimpleField_1.default, { key: key, name: key, value: formatter(value, key), description: description, prefix: prefix, width: Math.min(maxLabelWidth, MAX_FIELD_NAME_WIDTH) }));
-        }
-    })));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: Object.entries(formattedAttributes)
+            .filter(([k, v]) => v !== undefined && !omits.has(k))
+            .map(([key, value]) => {
+            const description = (0, util_1.accessNested)([...prefix, key], descriptions);
+            if (Array.isArray(value)) {
+                return value.length > 1 && value.every(val => (0, util_2.isObject)(val)) ? ((0, jsx_runtime_1.jsx)(DataGridDetails_1.default, { name: key, prefix: prefix, value: value }, key)) : ((0, jsx_runtime_1.jsx)(ArrayValue_1.default, { name: key, value: value, description: description, prefix: prefix }, key));
+            }
+            else if ((0, util_2.isObject)(value)) {
+                const { omitSingleLevel, ...rest } = props;
+                return (0, util_2.isUriLocation)(value) ? (hideUris ? null : ((0, jsx_runtime_1.jsx)(UriField_1.default, { name: key, prefix: prefix, value: value }, key))) : ((0, jsx_runtime_1.jsx)(Attributes, { ...rest, attributes: value, descriptions: descriptions, prefix: [...prefix, key] }, key));
+            }
+            else {
+                return ((0, jsx_runtime_1.jsx)(SimpleField_1.default, { name: key, value: formatter(value, key), description: description, prefix: prefix, width: Math.min(maxLabelWidth, MAX_FIELD_NAME_WIDTH) }, key));
+            }
+        }) }));
 }

package/BaseFeatureWidget/BaseFeatureDetail/BaseCard.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-import { BaseCardProps } from '../types';
-export default function BaseCard({ children, title, defaultExpanded, }: BaseCardProps): React.JSX.Element;
+import type { BaseCardProps } from '../types';
+export default function BaseCard({ children, title, defaultExpanded, }: BaseCardProps): import("react/jsx-runtime").JSX.Element;

package/BaseFeatureWidget/BaseFeatureDetail/BaseCard.js

@@ -4,11 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = BaseCard;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
 const material_1 = require("@mui/material");
 const mui_1 = require("tss-react/mui");
-// icons
-const ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     expansionPanelDetails: {
         display: 'block',
@@ -20,8 +19,5 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
 }));
 function BaseCard({ children, title, defaultExpanded = true, }) {
     const { classes } = useStyles();
-    return (react_1.default.createElement(material_1.Accordion, { defaultExpanded: defaultExpanded },
-        react_1.default.createElement(material_1.AccordionSummary, { expandIcon: react_1.default.createElement(ExpandMore_1.default, { className: classes.icon }) },
-            react_1.default.createElement(material_1.Typography, { variant: "button" }, title)),
-        react_1.default.createElement(material_1.AccordionDetails, { className: classes.expansionPanelDetails }, children)));
+    return ((0, jsx_runtime_1.jsxs)(material_1.Accordion, { defaultExpanded: defaultExpanded, children: [(0, jsx_runtime_1.jsx)(material_1.AccordionSummary, { expandIcon: (0, jsx_runtime_1.jsx)(ExpandMore_1.default, { className: classes.icon }), children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "button", children: title }) }), (0, jsx_runtime_1.jsx)(material_1.AccordionDetails, { className: classes.expansionPanelDetails, children: children })] }));
 }

package/BaseFeatureWidget/BaseFeatureDetail/BasicValue.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export default function BasicValue({ value }: {
     value: unknown;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/BaseFeatureWidget/BaseFeatureDetail/BasicValue.js

@@ -1,15 +1,12 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = BasicValue;
-const react_1 = __importDefault(require("react"));
-const mui_1 = require("tss-react/mui");
-const is_object_1 = __importDefault(require("is-object"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const material_1 = require("@mui/material");
-// locals
+const mui_1 = require("tss-react/mui");
 const ui_1 = require("../../ui");
+const util_1 = require("../../util");
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     fieldValue: {
         wordBreak: 'break-word',
@@ -22,5 +19,5 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
 function BasicValue({ value }) {
     const { classes } = useStyles();
     const isLink = /^https?:\/\//.exec(`${value}`);
-    return (react_1.default.createElement("div", { className: classes.fieldValue }, react_1.default.isValidElement(value) ? (value) : isLink ? (react_1.default.createElement(material_1.Link, { href: `${value}` }, `${value}`)) : (react_1.default.createElement(ui_1.SanitizedHTML, { html: (0, is_object_1.default)(value) ? JSON.stringify(value) : String(value) }))));
+    return ((0, jsx_runtime_1.jsx)("div", { className: classes.fieldValue, children: (0, react_1.isValidElement)(value) ? (value) : isLink ? ((0, jsx_runtime_1.jsx)(material_1.Link, { href: `${value}`, children: `${value}` })) : ((0, jsx_runtime_1.jsx)(ui_1.SanitizedHTML, { html: (0, util_1.isObject)(value) ? JSON.stringify(value) : String(value) })) }));
 }

package/BaseFeatureWidget/BaseFeatureDetail/CoreDetails.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-import { BaseProps } from '../types';
-export default function CoreDetails(props: BaseProps): React.JSX.Element;
+import type { BaseProps } from '../types';
+export default function CoreDetails(props: BaseProps): import("react/jsx-runtime").JSX.Element;

package/BaseFeatureWidget/BaseFeatureDetail/CoreDetails.js

@@ -4,11 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = CoreDetails;
-const react_1 = __importDefault(require("react"));
-// locals
-const util_1 = require("../../util");
-const SimpleField_1 = __importDefault(require("./SimpleField"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const Position_1 = __importDefault(require("./Position"));
+const SimpleField_1 = __importDefault(require("./SimpleField"));
+const util_1 = require("../../util");
 function CoreDetails(props) {
     const { feature } = props;
     const obj = feature;
@@ -24,10 +23,8 @@ function CoreDetails(props) {
         length: 'Length',
         type: 'Type',
     };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(SimpleField_1.default, { name: "Position", value: react_1.default.createElement(Position_1.default, { ...props, feature: formattedFeat }) }),
-        Object.entries(coreRenderedDetails)
-            .map(([key, name]) => [name, displayedDetails[key]])
-            .filter(([, value]) => value != null)
-            .map(([name, value]) => (react_1.default.createElement(SimpleField_1.default, { key: name, name: name, value: value })))));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SimpleField_1.default, { name: "Position", value: (0, jsx_runtime_1.jsx)(Position_1.default, { ...props, feature: formattedFeat }) }), Object.entries(coreRenderedDetails)
+                .map(([key, name]) => [name, displayedDetails[key]])
+                .filter(([, value]) => value != null)
+                .map(([name, value]) => ((0, jsx_runtime_1.jsx)(SimpleField_1.default, { name: name, value: value }, name)))] }));
 }

package/BaseFeatureWidget/BaseFeatureDetail/DataGridDetails.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 export default function DataGridDetails({ value, prefix, name, }: {
     name: string;
     prefix?: string[];
     value: Record<string, unknown>[];
-}): React.JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;

package/BaseFeatureWidget/BaseFeatureDetail/DataGridDetails.js

@@ -1,40 +1,17 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = DataGridDetails;
-const react_1 = __importStar(require("react"));
-const mui_1 = require("tss-react/mui");
-const x_data_grid_1 = require("@mui/x-data-grid");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const material_1 = require("@mui/material");
-// locals
-const util_1 = require("../../util");
+const x_data_grid_1 = require("@mui/x-data-grid");
+const mui_1 = require("tss-react/mui");
 const FieldName_1 = __importDefault(require("./FieldName"));
 const ui_1 = require("../../ui");
+const util_1 = require("../../util");
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     margin: {
         marginBottom: theme.spacing(4),
@@ -50,12 +27,11 @@ function DataGridDetails({ value, prefix, name, }) {
     const [checked, setChecked] = (0, react_1.useState)(false);
     const keys = Object.keys(value[0]).sort();
     const unionKeys = new Set(keys);
-    // avoids key 'id' from being used in row data
     const rows = Object.entries(value).map(([k, val]) => {
         const { id, ...rest } = val;
         return {
-            id: k, // used by material UI
-            identifier: id, // renamed from id to identifier
+            id: k,
+            identifier: id,
             ...rest,
         };
     });
@@ -64,8 +40,6 @@ function DataGridDetails({ value, prefix, name, }) {
             unionKeys.add(k);
         }
     }
-    // avoids key 'id' from being used in column names, and tries
-    // to make it at the start of the colNames array
     let colNames;
     if (unionKeys.has('id')) {
         unionKeys.delete('id');
@@ -76,28 +50,24 @@ function DataGridDetails({ value, prefix, name, }) {
     }
     const widths = colNames.map(e => (0, util_1.measureGridWidth)(rows.map(r => r[e])));
     if (unionKeys.size < keys.length + 5) {
-        return (react_1.default.createElement("div", { className: classes.margin },
-            react_1.default.createElement(FieldName_1.default, { prefix: prefix, name: name }),
-            react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { checked: checked, onChange: event => {
-                        setChecked(event.target.checked);
-                    } }), label: react_1.default.createElement(material_1.Typography, { variant: "body2" }, "Show options") }),
-            react_1.default.createElement(x_data_grid_1.DataGrid, { autoHeight: true, disableRowSelectionOnClick: true, rows: rows, rowHeight: 20, columnHeaderHeight: 35, hideFooter: rows.length < 25, slots: {
-                    toolbar: checked ? x_data_grid_1.GridToolbar : null,
-                }, slotProps: {
-                    toolbar: {
-                        printOptions: {
-                            disableToolbarButton: true,
-                        },
-                    },
-                }, columns: colNames.map((val, index) => ({
-                    field: val,
-                    renderCell: params => {
-                        const value = params.value;
-                        return (react_1.default.createElement("div", { className: classes.cell },
-                            react_1.default.createElement(ui_1.SanitizedHTML, { html: (0, util_1.getStr)(value || '') })));
-                    },
-                    width: widths[index],
-                })) })));
+        return ((0, jsx_runtime_1.jsxs)("div", { className: classes.margin, children: [(0, jsx_runtime_1.jsx)(FieldName_1.default, { prefix: prefix, name: name }), (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: checked, onChange: event => {
+                            setChecked(event.target.checked);
+                        } }), label: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: "Show options" }) }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column' }, children: (0, jsx_runtime_1.jsx)(x_data_grid_1.DataGrid, { disableRowSelectionOnClick: true, rows: rows, rowHeight: 20, columnHeaderHeight: 35, hideFooter: rows.length < 25, slots: {
+                            toolbar: checked ? x_data_grid_1.GridToolbar : null,
+                        }, slotProps: {
+                            toolbar: {
+                                printOptions: {
+                                    disableToolbarButton: true,
+                                },
+                            },
+                        }, columns: colNames.map((val, index) => ({
+                            field: val,
+                            renderCell: params => {
+                                const value = params.value;
+                                return ((0, jsx_runtime_1.jsx)("div", { className: classes.cell, children: (0, jsx_runtime_1.jsx)(ui_1.SanitizedHTML, { html: (0, util_1.getStr)(value || '') }) }));
+                            },
+                            width: widths[index],
+                        })) }) })] }));
     }
     return null;
 }

package/BaseFeatureWidget/BaseFeatureDetail/FeatureDetails.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import { IAnyStateTreeNode } from 'mobx-state-tree';
-import { SimpleFeatureSerialized } from '../../util';
+import type { SimpleFeatureSerialized } from '../../util';
+import type { IAnyStateTreeNode } from 'mobx-state-tree';
 export default function FeatureDetails(props: {
     model: IAnyStateTreeNode;
     feature: SimpleFeatureSerialized;
@@ -8,4 +7,4 @@ export default function FeatureDetails(props: {
     omit?: string[];
     descriptions?: Record<string, React.ReactNode>;
     formatter?: (val: unknown, key: string) => React.ReactNode;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/BaseFeatureWidget/BaseFeatureDetail/FeatureDetails.js

@@ -4,18 +4,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = FeatureDetails;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const ErrorBoundary_1 = require("@jbrowse/core/ui/ErrorBoundary");
 const material_1 = require("@mui/material");
-// locals
-const util_1 = require("../../util");
-const ui_1 = require("../../ui");
-const util_2 = require("./util");
+const util_1 = require("./util");
 const SequenceFeatureDetails_1 = __importDefault(require("../SequenceFeatureDetails"));
 const Attributes_1 = __importDefault(require("./Attributes"));
 const BaseCard_1 = __importDefault(require("./BaseCard"));
 const CoreDetails_1 = __importDefault(require("./CoreDetails"));
-// coreDetails are omitted in some circumstances
+const ui_1 = require("../../ui");
+const util_2 = require("../../util");
 const coreDetails = [
     'name',
     'start',
@@ -29,38 +27,22 @@ function FeatureDetails(props) {
     const { omit = [], model, feature, depth = 0 } = props;
     const { maxDepth } = model;
     const { mate, name = '', id = '', type = '', subfeatures, uniqueId } = feature;
-    const pm = (0, util_1.getEnv)(model).pluginManager;
-    const session = (0, util_1.getSession)(model);
+    const pm = (0, util_2.getEnv)(model).pluginManager;
+    const session = (0, util_2.getSession)(model);
     const ExtraPanel = pm.evaluateExtensionPoint('Core-extraFeaturePanel', null, {
         session,
         feature,
         model,
     });
     const m = mate;
-    return (react_1.default.createElement(BaseCard_1.default, { title: (0, util_2.generateTitle)(name, id, type) },
-        react_1.default.createElement(material_1.Typography, null, "Core details"),
-        react_1.default.createElement(CoreDetails_1.default, { ...props }),
-        m ? (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(material_1.Divider, null),
-            react_1.default.createElement(material_1.Typography, null, "Mate details"),
-            react_1.default.createElement(CoreDetails_1.default, { ...props, feature: {
-                    ...m,
-                    start: m.start,
-                    end: m.end,
-                    refName: m.refName,
-                    uniqueId: `${uniqueId}-mate`,
-                } }))) : null,
-        react_1.default.createElement(material_1.Divider, null),
-        react_1.default.createElement(material_1.Typography, null, "Attributes"),
-        react_1.default.createElement(Attributes_1.default, { attributes: feature, ...props, omit: omit, omitSingleLevel: coreDetails }),
-        react_1.default.createElement(ErrorBoundary_1.ErrorBoundary, { FallbackComponent: e => react_1.default.createElement(ui_1.ErrorMessage, { error: e.error }) },
-            react_1.default.createElement(SequenceFeatureDetails_1.default, { ...props })),
-        ExtraPanel ? (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(material_1.Divider, null),
-            react_1.default.createElement(BaseCard_1.default, { title: ExtraPanel.name },
-                react_1.default.createElement(ExtraPanel.Component, { ...props })))) : null,
-        depth < maxDepth && (subfeatures === null || subfeatures === void 0 ? void 0 : subfeatures.length) ? (react_1.default.createElement(BaseCard_1.default, { title: "Subfeatures", defaultExpanded: depth < 1 }, subfeatures.map((sub, idx) => (react_1.default.createElement(FeatureDetails, { key: JSON.stringify(sub), feature: {
-                ...sub,
-                uniqueId: `${uniqueId}_${idx}`,
-            }, model: model, depth: depth + 1 }))))) : null));
+    return ((0, jsx_runtime_1.jsxs)(BaseCard_1.default, { title: (0, util_1.generateTitle)(name, id, type), children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Core details" }), (0, jsx_runtime_1.jsx)(CoreDetails_1.default, { ...props }), m ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Mate details" }), (0, jsx_runtime_1.jsx)(CoreDetails_1.default, { ...props, feature: {
+                            ...m,
+                            start: m.start,
+                            end: m.end,
+                            refName: m.refName,
+                            uniqueId: `${uniqueId}-mate`,
+                        } })] })) : null, (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Attributes" }), (0, jsx_runtime_1.jsx)(Attributes_1.default, { attributes: feature, ...props, omit: omit, omitSingleLevel: coreDetails }), (0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { FallbackComponent: e => (0, jsx_runtime_1.jsx)(ui_1.ErrorMessage, { error: e.error }), children: (0, jsx_runtime_1.jsx)(SequenceFeatureDetails_1.default, { ...props }) }), ExtraPanel ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(BaseCard_1.default, { title: ExtraPanel.name, children: (0, jsx_runtime_1.jsx)(ExtraPanel.Component, { ...props }) })] })) : null, depth < maxDepth && (subfeatures === null || subfeatures === void 0 ? void 0 : subfeatures.length) ? ((0, jsx_runtime_1.jsx)(BaseCard_1.default, { title: "Subfeatures", defaultExpanded: depth < 1, children: subfeatures.map((sub, idx) => ((0, jsx_runtime_1.jsx)(FeatureDetails, { feature: {
+                        ...sub,
+                        uniqueId: `${uniqueId}_${idx}`,
+                    }, model: model, depth: depth + 1 }, JSON.stringify(sub)))) })) : null] }));
 }

package/BaseFeatureWidget/BaseFeatureDetail/FieldName.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 export default function FieldName({ description, name, width, prefix, }: {
     description?: React.ReactNode;
     name: string;
     prefix?: string[];
     width?: number;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/BaseFeatureWidget/BaseFeatureDetail/FieldName.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = FieldName;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const mui_1 = require("tss-react/mui");
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
@@ -26,6 +23,5 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
 function FieldName({ description, name, width, prefix = [], }) {
     const { classes, cx } = useStyles();
     const val = [...prefix, name].join('.');
-    return description ? (react_1.default.createElement(material_1.Tooltip, { title: description, placement: "left" },
-        react_1.default.createElement("div", { className: cx(classes.fieldDescription, classes.fieldName) }, val))) : (react_1.default.createElement("div", { className: classes.fieldName, style: { width: width } }, val));
+    return description ? ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: description, placement: "left", children: (0, jsx_runtime_1.jsx)("div", { className: cx(classes.fieldDescription, classes.fieldName), children: val }) })) : ((0, jsx_runtime_1.jsx)("div", { className: classes.fieldName, style: { width: width }, children: val }));
 }

package/BaseFeatureWidget/BaseFeatureDetail/Position.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-import { BaseProps } from '../types';
-export default function Position(props: BaseProps): React.JSX.Element;
+import type { BaseProps } from '../types';
+export default function Position(props: BaseProps): import("react/jsx-runtime").JSX.Element;

package/BaseFeatureWidget/BaseFeatureDetail/Position.js

@@ -1,10 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = Position;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const util_1 = require("../../util");
 function Position(props) {
     const { feature } = props;
@@ -16,5 +13,5 @@ function Position(props) {
     };
     const str = strandMap[strand] ? `(${strandMap[strand]})` : '';
     const loc = (0, util_1.assembleLocString)(feature);
-    return react_1.default.createElement(react_1.default.Fragment, null, `${loc} ${str}`);
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: `${loc} ${str}` });
 }

package/BaseFeatureWidget/BaseFeatureDetail/SimpleField.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 export default function SimpleField({ name, value, description, prefix, width, }: {
     description?: React.ReactNode;
     name: string;
     value: unknown;
     prefix?: string[];
     width?: number;
-}): React.JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;

package/BaseFeatureWidget/BaseFeatureDetail/SimpleField.js

@@ -4,10 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = SimpleField;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const mui_1 = require("tss-react/mui");
-const FieldName_1 = __importDefault(require("./FieldName"));
 const BasicValue_1 = __importDefault(require("./BasicValue"));
+const FieldName_1 = __importDefault(require("./FieldName"));
 const useStyles = (0, mui_1.makeStyles)()({
     field: {
         display: 'flex',
@@ -16,7 +16,5 @@ const useStyles = (0, mui_1.makeStyles)()({
 });
 function SimpleField({ name, value, description, prefix, width, }) {
     const { classes } = useStyles();
-    return value !== null && value !== undefined ? (react_1.default.createElement("div", { className: classes.field },
-        react_1.default.createElement(FieldName_1.default, { prefix: prefix, description: description, name: name, width: width }),
-        react_1.default.createElement(BasicValue_1.default, { value: value }))) : null;
+    return value !== null && value !== undefined ? ((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: value })] })) : null;
 }

package/BaseFeatureWidget/BaseFeatureDetail/UriField.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export default function UriField({ value, prefix, name, }: {
     value: {
         uri: string;
@@ -6,4 +5,4 @@ export default function UriField({ value, prefix, name, }: {
     };
     name: string;
     prefix: string[];
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/BaseFeatureWidget/BaseFeatureDetail/UriField.js

@@ -4,10 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = UriField;
-const react_1 = __importDefault(require("react"));
-const FieldName_1 = __importDefault(require("./FieldName"));
+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',
@@ -24,7 +24,5 @@ function UriField({ value, prefix, name, }) {
     catch (e) {
         href = uri;
     }
-    return (react_1.default.createElement("div", { className: classes.field },
-        react_1.default.createElement(FieldName_1.default, { prefix: prefix, name: name }),
-        react_1.default.createElement(BasicValue_1.default, { value: href })));
+    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 })] }));
 }

package/BaseFeatureWidget/BaseFeatureDetail/index.d.ts

@@ -1,14 +1,13 @@
-import React from 'react';
-import { BaseCardProps, BaseProps } from '../types';
-export declare const BaseCoreDetails: (props: BaseProps) => React.JSX.Element;
-export declare const BaseAttributes: (props: BaseProps) => React.JSX.Element;
+import type { BaseCardProps, BaseProps } from '../types';
+export declare const BaseCoreDetails: (props: BaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BaseAttributes: (props: BaseProps) => import("react/jsx-runtime").JSX.Element;
 export interface BaseInputProps extends BaseCardProps {
     omit?: string[];
     model: any;
     descriptions?: Record<string, React.ReactNode>;
     formatter?: (val: unknown, key: string) => React.ReactNode;
 }
-declare const BaseFeatureDetail: ({ model }: BaseInputProps) => React.JSX.Element | null;
+declare const BaseFeatureDetail: ({ model }: BaseInputProps) => import("react/jsx-runtime").JSX.Element | null;
 export default BaseFeatureDetail;
 export { default as BaseCard } from './BaseCard';
 export { default as FeatureDetails } from './FeatureDetails';