@jbrowse/plugin-data-management 2.7.0 → 2.7.2

package/dist/AssemblyManager/AssemblyEditor.d.ts

@@ -1,5 +1,10 @@
 import React from 'react';
+import { AnyConfigurationModel } from '@jbrowse/core/configuration';
 declare const AssemblyEditor: ({ assembly, }: {
-    assembly: any;
+    assembly?: ({
+        [x: string]: any;
+    } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+        setSubschema(slotName: string, data: unknown): any;
+    } & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>) | undefined;
 }) => React.JSX.Element;
 export default AssemblyEditor;

package/dist/AssemblyManager/AssemblyEditor.js

@@ -6,8 +6,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const mobx_react_1 = require("mobx-react");
 const plugin_config_1 = require("@jbrowse/plugin-config");
-const AssemblyEditor = (0, mobx_react_1.observer)(({ assembly, }) => {
-    return (react_1.default.createElement("div", { style: { maxHeight: 600, overflow: 'auto' } },
-        react_1.default.createElement(plugin_config_1.ConfigurationEditor, { model: { target: assembly } })));
+const mui_1 = require("tss-react/mui");
+const useStyles = (0, mui_1.makeStyles)()({
+    container: {
+        overflow: 'auto',
+        maxHeight: 600,
+    },
+});
+const AssemblyEditor = (0, mobx_react_1.observer)(function ({ assembly, }) {
+    const { classes } = useStyles();
+    return (react_1.default.createElement("div", { className: classes.container }, assembly ? (react_1.default.createElement(plugin_config_1.ConfigurationEditor, { model: { target: assembly } })) : (react_1.default.createElement("div", null, "No assembly"))));
 });
 exports.default = AssemblyEditor;

package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetFilter.js

@@ -33,6 +33,7 @@ const mui_1 = require("tss-react/mui");
 const Clear_1 = __importDefault(require("@mui/icons-material/Clear"));
 const Minimize_1 = __importDefault(require("@mui/icons-material/Minimize"));
 const Add_1 = __importDefault(require("@mui/icons-material/Add"));
+const util_1 = require("@jbrowse/core/util");
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     facet: {
         margin: 0,
@@ -42,17 +43,23 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
         marginBottom: theme.spacing(2),
     },
 }));
+function ClearButton({ onClick }) {
+    return (react_1.default.createElement(material_1.Tooltip, { title: "Clear selection on this facet filter" },
+        react_1.default.createElement(material_1.IconButton, { onClick: () => onClick(), size: "small" },
+            react_1.default.createElement(Clear_1.default, null))));
+}
+function ExpandButton({ visible, onClick, }) {
+    return (react_1.default.createElement(material_1.Tooltip, { title: "Minimize/expand this facet filter" },
+        react_1.default.createElement(material_1.IconButton, { onClick: () => onClick(), size: "small" }, visible ? react_1.default.createElement(Minimize_1.default, null) : react_1.default.createElement(Add_1.default, null))));
+}
 function FacetFilter({ column, vals, width, dispatch, filters, }) {
     const { classes } = useStyles();
     const [visible, setVisible] = (0, react_1.useState)(true);
     return (react_1.default.createElement(material_1.FormControl, { key: column.field, className: classes.facet, style: { width } },
         react_1.default.createElement("div", { style: { display: 'flex' } },
             react_1.default.createElement(material_1.Typography, null, column.field),
-            react_1.default.createElement(material_1.Tooltip, { title: "Clear selection on this facet filter" },
-                react_1.default.createElement(material_1.IconButton, { onClick: () => dispatch({ key: column.field, val: [] }), size: "small" },
-                    react_1.default.createElement(Clear_1.default, null))),
-            react_1.default.createElement(material_1.Tooltip, { title: "Minimize/expand this facet filter" },
-                react_1.default.createElement(material_1.IconButton, { onClick: () => setVisible(!visible), size: "small" }, visible ? react_1.default.createElement(Minimize_1.default, null) : react_1.default.createElement(Add_1.default, null)))),
+            react_1.default.createElement(ClearButton, { onClick: () => dispatch({ key: column.field, val: [] }) }),
+            react_1.default.createElement(ExpandButton, { visible: visible, onClick: () => setVisible(!visible) })),
         visible ? (react_1.default.createElement(material_1.Select, { multiple: true, native: true, className: classes.select, value: filters[column.field], onChange: event => {
                 dispatch({
                     key: column.field,
@@ -64,7 +71,7 @@ function FacetFilter({ column, vals, width, dispatch, filters, }) {
             } }, vals
             .sort((a, b) => a[0].localeCompare(b[0]))
             .map(([name, count]) => (react_1.default.createElement("option", { key: name, value: name },
-            name,
+            (0, util_1.coarseStripHTML)(name),
             " (",
             count,
             ")"))))) : null));

package/dist/HierarchicalTrackSelectorWidget/components/tree/TrackLabel.js

@@ -1,35 +1,11 @@
 "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 });
-const react_1 = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const material_1 = require("@mui/material");
 const mui_1 = require("tss-react/mui");
-const Menu_1 = __importDefault(require("@jbrowse/core/ui/Menu"));
 const util_1 = require("@jbrowse/core/util");
 const SanitizedHTML_1 = __importDefault(require("@jbrowse/core/ui/SanitizedHTML"));
 const configuration_1 = require("@jbrowse/core/configuration");
@@ -37,6 +13,7 @@ const configuration_1 = require("@jbrowse/core/configuration");
 const MoreHoriz_1 = __importDefault(require("@mui/icons-material/MoreHoriz"));
 // locals
 const util_2 = require("../util");
+const CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     compactCheckbox: {
         padding: 0,
@@ -49,10 +26,8 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
     },
 }));
 function TrackLabel({ data }) {
-    var _a, _b;
     const { classes } = useStyles();
     const { checked, conf, model, drawerPosition, id, name, onChange, selected } = data;
-    const [info, setInfo] = (0, react_1.useState)();
     const description = (conf && (0, configuration_1.readConfObject)(conf, ['description'])) || '';
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(material_1.Tooltip, { title: description + (selected ? ' (in selection)' : ''), placement: drawerPosition === 'left' ? 'right' : 'left' },
@@ -61,25 +36,25 @@ function TrackLabel({ data }) {
                         'data-testid': `htsTrackEntry-${id}`,
                     } }), label: react_1.default.createElement("div", { "data-testid": `htsTrackLabel-${id}`, style: { background: selected ? '#cccc' : undefined } },
                     react_1.default.createElement(SanitizedHTML_1.default, { html: name })) })),
-        react_1.default.createElement(material_1.IconButton, { onClick: e => setInfo({ target: e.currentTarget, id, conf }), style: { padding: 0 }, "data-testid": `htsTrackEntryMenu-${id}` },
-            react_1.default.createElement(MoreHoriz_1.default, null)),
-        info ? (react_1.default.createElement(Menu_1.default, { anchorEl: info === null || info === void 0 ? void 0 : info.target, menuItems: [
-                ...(((_b = (_a = (0, util_1.getSession)(model)).getTrackActionMenuItems) === null || _b === void 0 ? void 0 : _b.call(_a, info.conf)) || []),
-                {
-                    label: 'Add to selection',
-                    onClick: () => model.addToSelection([info.conf]),
-                },
-                ...(selected
-                    ? [
-                        {
-                            label: 'Remove from selection',
-                            onClick: () => model.removeFromSelection([info.conf]),
-                        },
-                    ]
-                    : []),
-            ], onMenuItemClick: (_event, callback) => {
-                callback();
-                setInfo(undefined);
-            }, open: Boolean(info), onClose: () => setInfo(undefined) })) : null));
+        react_1.default.createElement(TrackMenuButton, { model: model, selected: selected, id: id, conf: conf })));
 }
 exports.default = TrackLabel;
+function TrackMenuButton({ id, model, selected, conf, }) {
+    var _a, _b;
+    return (react_1.default.createElement(CascadingMenuButton_1.default, { style: { padding: 0 }, "data-testid": `htsTrackEntryMenu-${id}`, menuItems: [
+            ...(((_b = (_a = (0, util_1.getSession)(model)).getTrackActionMenuItems) === null || _b === void 0 ? void 0 : _b.call(_a, conf)) || []),
+            {
+                label: 'Add to selection',
+                onClick: () => model.addToSelection([conf]),
+            },
+            ...(selected
+                ? [
+                    {
+                        label: 'Remove from selection',
+                        onClick: () => model.removeFromSelection([conf]),
+                    },
+                ]
+                : []),
+        ] },
+        react_1.default.createElement(MoreHoriz_1.default, null)));
+}

package/dist/HierarchicalTrackSelectorWidget/generateHierarchy.d.ts

@@ -7,15 +7,18 @@ export interface TreeNode {
     isOpenByDefault?: boolean;
     children: TreeNode[];
 }
-export declare function generateHierarchy(model: {
-    filterText: string;
-    activeSortTrackNames: boolean;
-    activeSortCategories: boolean;
-    view?: {
-        tracks: {
-            configuration: AnyConfigurationModel;
-        }[];
+export declare function generateHierarchy({ model, trackConfs, extra, }: {
+    model: {
+        filterText: string;
+        activeSortTrackNames: boolean;
+        activeSortCategories: boolean;
+        collapsed: Map<string | number, boolean>;
+        view?: {
+            tracks: {
+                configuration: AnyConfigurationModel;
+            }[];
+        };
     };
-}, trackConfs: AnyConfigurationModel[], collapsed: {
-    get: (arg: string) => boolean | undefined;
-}, extra?: string): TreeNode[];
+    trackConfs: AnyConfigurationModel[];
+    extra?: string;
+}): TreeNode[];

package/dist/HierarchicalTrackSelectorWidget/generateHierarchy.js

@@ -40,9 +40,9 @@ function sortConfs(confs, sortNames, sortCategories) {
     }
     return ret.map(a => a[0]);
 }
-function generateHierarchy(model, trackConfs, collapsed, extra) {
+function generateHierarchy({ model, trackConfs, extra, }) {
     const hierarchy = { children: [] };
-    const { filterText, activeSortTrackNames, activeSortCategories, view } = model;
+    const { collapsed, filterText, activeSortTrackNames, activeSortCategories, view, } = model;
     if (!view) {
         return [];
     }

package/dist/HierarchicalTrackSelectorWidget/model.js

@@ -188,7 +188,11 @@ function stateTreeFactory(pluginManager) {
          * #method
          */
         connectionHierarchy(connection) {
-            return (0, generateHierarchy_1.generateHierarchy)(self, self.connectionTrackConfigurations(connection), self.collapsed, connection.name);
+            return (0, generateHierarchy_1.generateHierarchy)({
+                model: self,
+                trackConfs: self.connectionTrackConfigurations(connection),
+                extra: connection.name,
+            });
         },
     }))
         .views(self => ({
@@ -218,7 +222,10 @@ function stateTreeFactory(pluginManager) {
                     .map(s => ({
                     name: s.group,
                     id: s.group,
-                    children: (0, generateHierarchy_1.generateHierarchy)(self, s.tracks, self.collapsed),
+                    children: (0, generateHierarchy_1.generateHierarchy)({
+                        model: self,
+                        trackConfs: s.tracks,
+                    }),
                 }))
                     // always keep the Tracks entry at idx 0
                     .filter((f, idx) => idx === 0 || !!f.children.length),

package/dist/ucsc-trackhub/model.d.ts

@@ -43,6 +43,12 @@ export default function UCSCTrackHubConnection(pluginManager: PluginManager): im
     }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "connectionId">>, undefined>>;
     type: import("mobx-state-tree").ISimpleType<"UCSCTrackHubConnection">;
 }, {
+    connect(_arg: {
+        [x: string]: any;
+    } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+        setSubschema(slotName: string, data: unknown): any;
+    } & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>): void;
+} & {
     afterAttach(): void;
     addTrackConf(trackConf: {
         [x: string]: any;

package/esm/AssemblyManager/AssemblyEditor.d.ts

@@ -1,5 +1,10 @@
 import React from 'react';
+import { AnyConfigurationModel } from '@jbrowse/core/configuration';
 declare const AssemblyEditor: ({ assembly, }: {
-    assembly: any;
+    assembly?: ({
+        [x: string]: any;
+    } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+        setSubschema(slotName: string, data: unknown): any;
+    } & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>) | undefined;
 }) => React.JSX.Element;
 export default AssemblyEditor;

package/esm/AssemblyManager/AssemblyEditor.js

@@ -1,8 +1,15 @@
 import React from 'react';
 import { observer } from 'mobx-react';
 import { ConfigurationEditor } from '@jbrowse/plugin-config';
-const AssemblyEditor = observer(({ assembly, }) => {
-    return (React.createElement("div", { style: { maxHeight: 600, overflow: 'auto' } },
-        React.createElement(ConfigurationEditor, { model: { target: assembly } })));
+import { makeStyles } from 'tss-react/mui';
+const useStyles = makeStyles()({
+    container: {
+        overflow: 'auto',
+        maxHeight: 600,
+    },
+});
+const AssemblyEditor = observer(function ({ assembly, }) {
+    const { classes } = useStyles();
+    return (React.createElement("div", { className: classes.container }, assembly ? (React.createElement(ConfigurationEditor, { model: { target: assembly } })) : (React.createElement("div", null, "No assembly"))));
 });
 export default AssemblyEditor;

package/esm/HierarchicalTrackSelectorWidget/components/faceted/FacetFilter.js

@@ -5,6 +5,7 @@ import { makeStyles } from 'tss-react/mui';
 import ClearIcon from '@mui/icons-material/Clear';
 import MinimizeIcon from '@mui/icons-material/Minimize';
 import AddIcon from '@mui/icons-material/Add';
+import { coarseStripHTML } from '@jbrowse/core/util';
 const useStyles = makeStyles()(theme => ({
     facet: {
         margin: 0,
@@ -14,17 +15,23 @@ const useStyles = makeStyles()(theme => ({
         marginBottom: theme.spacing(2),
     },
 }));
+function ClearButton({ onClick }) {
+    return (React.createElement(Tooltip, { title: "Clear selection on this facet filter" },
+        React.createElement(IconButton, { onClick: () => onClick(), size: "small" },
+            React.createElement(ClearIcon, null))));
+}
+function ExpandButton({ visible, onClick, }) {
+    return (React.createElement(Tooltip, { title: "Minimize/expand this facet filter" },
+        React.createElement(IconButton, { onClick: () => onClick(), size: "small" }, visible ? React.createElement(MinimizeIcon, null) : React.createElement(AddIcon, null))));
+}
 export default function FacetFilter({ column, vals, width, dispatch, filters, }) {
     const { classes } = useStyles();
     const [visible, setVisible] = useState(true);
     return (React.createElement(FormControl, { key: column.field, className: classes.facet, style: { width } },
         React.createElement("div", { style: { display: 'flex' } },
             React.createElement(Typography, null, column.field),
-            React.createElement(Tooltip, { title: "Clear selection on this facet filter" },
-                React.createElement(IconButton, { onClick: () => dispatch({ key: column.field, val: [] }), size: "small" },
-                    React.createElement(ClearIcon, null))),
-            React.createElement(Tooltip, { title: "Minimize/expand this facet filter" },
-                React.createElement(IconButton, { onClick: () => setVisible(!visible), size: "small" }, visible ? React.createElement(MinimizeIcon, null) : React.createElement(AddIcon, null)))),
+            React.createElement(ClearButton, { onClick: () => dispatch({ key: column.field, val: [] }) }),
+            React.createElement(ExpandButton, { visible: visible, onClick: () => setVisible(!visible) })),
         visible ? (React.createElement(Select, { multiple: true, native: true, className: classes.select, value: filters[column.field], onChange: event => {
                 dispatch({
                     key: column.field,
@@ -36,7 +43,7 @@ export default function FacetFilter({ column, vals, width, dispatch, filters, })
             } }, vals
             .sort((a, b) => a[0].localeCompare(b[0]))
             .map(([name, count]) => (React.createElement("option", { key: name, value: name },
-            name,
+            coarseStripHTML(name),
             " (",
             count,
             ")"))))) : null));

package/esm/HierarchicalTrackSelectorWidget/components/tree/TrackLabel.js

@@ -1,7 +1,6 @@
-import React, { useState } from 'react';
-import { Checkbox, FormControlLabel, IconButton, Tooltip } from '@mui/material';
+import React from 'react';
+import { Checkbox, FormControlLabel, Tooltip } from '@mui/material';
 import { makeStyles } from 'tss-react/mui';
-import JBrowseMenu from '@jbrowse/core/ui/Menu';
 import { getSession } from '@jbrowse/core/util';
 import SanitizedHTML from '@jbrowse/core/ui/SanitizedHTML';
 import { readConfObject, } from '@jbrowse/core/configuration';
@@ -9,6 +8,7 @@ import { readConfObject, } from '@jbrowse/core/configuration';
 import MoreHorizIcon from '@mui/icons-material/MoreHoriz';
 // locals
 import { isUnsupported } from '../util';
+import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
 const useStyles = makeStyles()(theme => ({
     compactCheckbox: {
         padding: 0,
@@ -21,10 +21,8 @@ const useStyles = makeStyles()(theme => ({
     },
 }));
 export default function TrackLabel({ data }) {
-    var _a, _b;
     const { classes } = useStyles();
     const { checked, conf, model, drawerPosition, id, name, onChange, selected } = data;
-    const [info, setInfo] = useState();
     const description = (conf && readConfObject(conf, ['description'])) || '';
     return (React.createElement(React.Fragment, null,
         React.createElement(Tooltip, { title: description + (selected ? ' (in selection)' : ''), placement: drawerPosition === 'left' ? 'right' : 'left' },
@@ -33,24 +31,24 @@ export default function TrackLabel({ data }) {
                         'data-testid': `htsTrackEntry-${id}`,
                     } }), label: React.createElement("div", { "data-testid": `htsTrackLabel-${id}`, style: { background: selected ? '#cccc' : undefined } },
                     React.createElement(SanitizedHTML, { html: name })) })),
-        React.createElement(IconButton, { onClick: e => setInfo({ target: e.currentTarget, id, conf }), style: { padding: 0 }, "data-testid": `htsTrackEntryMenu-${id}` },
-            React.createElement(MoreHorizIcon, null)),
-        info ? (React.createElement(JBrowseMenu, { anchorEl: info === null || info === void 0 ? void 0 : info.target, menuItems: [
-                ...(((_b = (_a = getSession(model)).getTrackActionMenuItems) === null || _b === void 0 ? void 0 : _b.call(_a, info.conf)) || []),
-                {
-                    label: 'Add to selection',
-                    onClick: () => model.addToSelection([info.conf]),
-                },
-                ...(selected
-                    ? [
-                        {
-                            label: 'Remove from selection',
-                            onClick: () => model.removeFromSelection([info.conf]),
-                        },
-                    ]
-                    : []),
-            ], onMenuItemClick: (_event, callback) => {
-                callback();
-                setInfo(undefined);
-            }, open: Boolean(info), onClose: () => setInfo(undefined) })) : null));
+        React.createElement(TrackMenuButton, { model: model, selected: selected, id: id, conf: conf })));
+}
+function TrackMenuButton({ id, model, selected, conf, }) {
+    var _a, _b;
+    return (React.createElement(CascadingMenuButton, { style: { padding: 0 }, "data-testid": `htsTrackEntryMenu-${id}`, menuItems: [
+            ...(((_b = (_a = getSession(model)).getTrackActionMenuItems) === null || _b === void 0 ? void 0 : _b.call(_a, conf)) || []),
+            {
+                label: 'Add to selection',
+                onClick: () => model.addToSelection([conf]),
+            },
+            ...(selected
+                ? [
+                    {
+                        label: 'Remove from selection',
+                        onClick: () => model.removeFromSelection([conf]),
+                    },
+                ]
+                : []),
+        ] },
+        React.createElement(MoreHorizIcon, null)));
 }

package/esm/HierarchicalTrackSelectorWidget/generateHierarchy.d.ts

@@ -7,15 +7,18 @@ export interface TreeNode {
     isOpenByDefault?: boolean;
     children: TreeNode[];
 }
-export declare function generateHierarchy(model: {
-    filterText: string;
-    activeSortTrackNames: boolean;
-    activeSortCategories: boolean;
-    view?: {
-        tracks: {
-            configuration: AnyConfigurationModel;
-        }[];
+export declare function generateHierarchy({ model, trackConfs, extra, }: {
+    model: {
+        filterText: string;
+        activeSortTrackNames: boolean;
+        activeSortCategories: boolean;
+        collapsed: Map<string | number, boolean>;
+        view?: {
+            tracks: {
+                configuration: AnyConfigurationModel;
+            }[];
+        };
     };
-}, trackConfs: AnyConfigurationModel[], collapsed: {
-    get: (arg: string) => boolean | undefined;
-}, extra?: string): TreeNode[];
+    trackConfs: AnyConfigurationModel[];
+    extra?: string;
+}): TreeNode[];

package/esm/HierarchicalTrackSelectorWidget/generateHierarchy.js

@@ -37,9 +37,9 @@ function sortConfs(confs, sortNames, sortCategories) {
     }
     return ret.map(a => a[0]);
 }
-export function generateHierarchy(model, trackConfs, collapsed, extra) {
+export function generateHierarchy({ model, trackConfs, extra, }) {
     const hierarchy = { children: [] };
-    const { filterText, activeSortTrackNames, activeSortCategories, view } = model;
+    const { collapsed, filterText, activeSortTrackNames, activeSortCategories, view, } = model;
     if (!view) {
         return [];
     }

package/esm/HierarchicalTrackSelectorWidget/model.js

@@ -186,7 +186,11 @@ export default function stateTreeFactory(pluginManager) {
          * #method
          */
         connectionHierarchy(connection) {
-            return generateHierarchy(self, self.connectionTrackConfigurations(connection), self.collapsed, connection.name);
+            return generateHierarchy({
+                model: self,
+                trackConfs: self.connectionTrackConfigurations(connection),
+                extra: connection.name,
+            });
         },
     }))
         .views(self => ({
@@ -216,7 +220,10 @@ export default function stateTreeFactory(pluginManager) {
                     .map(s => ({
                     name: s.group,
                     id: s.group,
-                    children: generateHierarchy(self, s.tracks, self.collapsed),
+                    children: generateHierarchy({
+                        model: self,
+                        trackConfs: s.tracks,
+                    }),
                 }))
                     // always keep the Tracks entry at idx 0
                     .filter((f, idx) => idx === 0 || !!f.children.length),

package/esm/ucsc-trackhub/model.d.ts

@@ -43,6 +43,12 @@ export default function UCSCTrackHubConnection(pluginManager: PluginManager): im
     }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "connectionId">>, undefined>>;
     type: import("mobx-state-tree").ISimpleType<"UCSCTrackHubConnection">;
 }, {
+    connect(_arg: {
+        [x: string]: any;
+    } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+        setSubschema(slotName: string, data: unknown): any;
+    } & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>): void;
+} & {
     afterAttach(): void;
     addTrackConf(trackConf: {
         [x: string]: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-data-management",
-  "version": "2.7.0",
+  "version": "2.7.2",
   "description": "JBrowse 2 linear genome view",
   "keywords": [
     "jbrowse",
@@ -61,5 +61,5 @@
   "distModule": "esm/index.js",
   "srcModule": "src/index.ts",
   "module": "esm/index.js",
-  "gitHead": "dbe7fb1af01fc89f833d2744635eb44a17365b41"
+  "gitHead": "9052b295f2d322e729254457ed9fe2231fb22cce"
 }