@jbrowse/plugin-data-management 2.18.0 → 3.0.0

package/dist/HierarchicalTrackSelectorWidget/components/tree/HamburgerMenu.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 import type { HierarchicalTrackSelectorModel } from '../../model';
 declare const HamburgerMenu: ({ model, }: {
     model: HierarchicalTrackSelectorModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default HamburgerMenu;

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

@@ -15,18 +15,29 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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 jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const configuration_1 = require("@jbrowse/core/configuration");
 const CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
 const util_1 = require("@jbrowse/core/util");
@@ -66,128 +77,120 @@ const HamburgerMenu = (0, mobx_react_1.observer)(function ({ model, }) {
             setDeleteDialogDetails({ name, connectionConf });
         }
     }
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(CascadingMenuButton_1.default, { menuItems: [
-                {
-                    label: 'Open faceted track selector',
-                    onClick: () => {
-                        setFacetedOpen(true);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(CascadingMenuButton_1.default, { menuItems: [
+                    {
+                        label: 'Open faceted track selector',
+                        onClick: () => {
+                            setFacetedOpen(true);
+                        },
                     },
-                },
-                ...((0, util_1.isSessionWithAddTracks)(session)
-                    ? [
-                        {
-                            label: 'Add track...',
-                            onClick: () => {
-                                if ((0, util_1.isSessionModelWithWidgets)(session)) {
-                                    session.showWidget(session.addWidget('AddTrackWidget', 'addTrackWidget', {
-                                        view: model.view.id,
-                                    }));
-                                }
+                    ...((0, util_1.isSessionWithAddTracks)(session)
+                        ? [
+                            {
+                                label: 'Add track...',
+                                onClick: () => {
+                                    if ((0, util_1.isSessionModelWithWidgets)(session)) {
+                                        session.showWidget(session.addWidget('AddTrackWidget', 'addTrackWidget', {
+                                            view: model.view.id,
+                                        }));
+                                    }
+                                },
                             },
-                        },
-                    ]
-                    : []),
-                {
-                    label: 'Connections...',
-                    subMenu: [
-                        ...((0, util_1.isSessionModelWithConnections)(session)
-                            ? [
-                                {
-                                    label: 'Turn on/off connections...',
-                                    onClick: () => {
-                                        setConnectionToggleOpen(true);
+                        ]
+                        : []),
+                    {
+                        label: 'Connections...',
+                        subMenu: [
+                            ...((0, util_1.isSessionModelWithConnections)(session)
+                                ? [
+                                    {
+                                        label: 'Turn on/off connections...',
+                                        onClick: () => {
+                                            setConnectionToggleOpen(true);
+                                        },
                                     },
-                                },
-                            ]
-                            : []),
-                        ...((0, util_1.isSessionModelWithConnectionEditing)(session)
-                            ? [
-                                {
-                                    label: 'Add connection...',
-                                    onClick: () => {
-                                        if ((0, util_1.isSessionModelWithWidgets)(session)) {
-                                            session.showWidget(session.addWidget('AddConnectionWidget', 'addConnectionWidget'));
-                                        }
+                                ]
+                                : []),
+                            ...((0, util_1.isSessionModelWithConnectionEditing)(session)
+                                ? [
+                                    {
+                                        label: 'Add connection...',
+                                        onClick: () => {
+                                            if ((0, util_1.isSessionModelWithWidgets)(session)) {
+                                                session.showWidget(session.addWidget('AddConnectionWidget', 'addConnectionWidget'));
+                                            }
+                                        },
                                     },
-                                },
-                                {
-                                    label: 'Delete connections...',
-                                    onClick: () => {
-                                        setConnectionManagerOpen(true);
+                                    {
+                                        label: 'Delete connections...',
+                                        onClick: () => {
+                                            setConnectionManagerOpen(true);
+                                        },
                                     },
+                                ]
+                                : []),
+                        ],
+                    },
+                    {
+                        label: 'Sort...',
+                        type: 'subMenu',
+                        subMenu: [
+                            {
+                                label: 'Sort tracks by name',
+                                type: 'checkbox',
+                                checked: model.activeSortTrackNames,
+                                onClick: () => {
+                                    model.setSortTrackNames(!model.activeSortTrackNames);
                                 },
-                            ]
-                            : []),
-                    ],
-                },
-                {
-                    label: 'Sort...',
-                    type: 'subMenu',
-                    subMenu: [
-                        {
-                            label: 'Sort tracks by name',
-                            type: 'checkbox',
-                            checked: model.activeSortTrackNames,
-                            onClick: () => {
-                                model.setSortTrackNames(!model.activeSortTrackNames);
                             },
-                        },
-                        {
-                            label: 'Sort categories by name',
-                            type: 'checkbox',
-                            checked: model.activeSortCategories,
-                            onClick: () => {
-                                model.setSortCategories(!model.activeSortCategories);
+                            {
+                                label: 'Sort categories by name',
+                                type: 'checkbox',
+                                checked: model.activeSortCategories,
+                                onClick: () => {
+                                    model.setSortCategories(!model.activeSortCategories);
+                                },
                             },
-                        },
-                    ],
-                },
-                {
-                    label: 'Collapse...',
-                    type: 'subMenu',
-                    subMenu: [
-                        ...(model.hasAnySubcategories
-                            ? [
-                                {
-                                    label: 'Collapse subcategories',
-                                    onClick: () => {
-                                        model.collapseSubCategories();
+                        ],
+                    },
+                    {
+                        label: 'Collapse...',
+                        type: 'subMenu',
+                        subMenu: [
+                            ...(model.hasAnySubcategories
+                                ? [
+                                    {
+                                        label: 'Collapse subcategories',
+                                        onClick: () => {
+                                            model.collapseSubCategories();
+                                        },
                                     },
+                                ]
+                                : []),
+                            {
+                                label: 'Collapse top-level categories',
+                                onClick: () => {
+                                    model.collapseTopLevelCategories();
                                 },
-                            ]
-                            : []),
-                        {
-                            label: 'Collapse top-level categories',
-                            onClick: () => {
-                                model.collapseTopLevelCategories();
                             },
-                        },
-                        {
-                            label: 'Expand all categories',
-                            onClick: () => {
-                                model.expandAllCategories();
+                            {
+                                label: 'Expand all categories',
+                                onClick: () => {
+                                    model.expandAllCategories();
+                                },
                             },
-                        },
-                    ],
-                },
-            ] },
-            react_1.default.createElement(Menu_1.default, null)),
-        react_1.default.createElement(react_1.Suspense, { fallback: null },
-            modalInfo ? (react_1.default.createElement(CloseConnectionDialog, { modalInfo: modalInfo, onClose: () => {
-                    setModalInfo(undefined);
-                } })) : null,
-            deleteDialogDetails ? (react_1.default.createElement(DeleteConnectionDialog, { handleClose: () => {
-                    setDeleteDialogDetails(undefined);
-                }, deleteDialogDetails: deleteDialogDetails, session: session })) : null,
-            connectionManagerOpen ? (react_1.default.createElement(ManageConnectionsDialog, { handleClose: () => {
-                    setConnectionManagerOpen(false);
-                }, breakConnection: breakConnection, session: session })) : null,
-            connectionToggleOpen ? (react_1.default.createElement(ToggleConnectionsDialog, { handleClose: () => {
-                    setConnectionToggleOpen(false);
-                }, session: session, breakConnection: breakConnection })) : null,
-            facetedOpen ? (react_1.default.createElement(FacetedDialog, { handleClose: () => {
-                    setFacetedOpen(false);
-                }, model: model })) : null)));
+                        ],
+                    },
+                ], children: (0, jsx_runtime_1.jsx)(Menu_1.default, {}) }), (0, jsx_runtime_1.jsxs)(react_1.Suspense, { fallback: null, children: [modalInfo ? ((0, jsx_runtime_1.jsx)(CloseConnectionDialog, { modalInfo: modalInfo, onClose: () => {
+                            setModalInfo(undefined);
+                        } })) : null, deleteDialogDetails ? ((0, jsx_runtime_1.jsx)(DeleteConnectionDialog, { handleClose: () => {
+                            setDeleteDialogDetails(undefined);
+                        }, deleteDialogDetails: deleteDialogDetails, session: session })) : null, connectionManagerOpen ? ((0, jsx_runtime_1.jsx)(ManageConnectionsDialog, { handleClose: () => {
+                            setConnectionManagerOpen(false);
+                        }, breakConnection: breakConnection, session: session })) : null, connectionToggleOpen ? ((0, jsx_runtime_1.jsx)(ToggleConnectionsDialog, { handleClose: () => {
+                            setConnectionToggleOpen(false);
+                        }, session: session, breakConnection: breakConnection })) : null, facetedOpen ? ((0, jsx_runtime_1.jsx)(FacetedDialog, { handleClose: () => {
+                            setFacetedOpen(false);
+                        }, model: model })) : null] })] }));
 });
 exports.default = HamburgerMenu;

package/dist/HierarchicalTrackSelectorWidget/components/tree/HierarchicalHeader.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import type { HierarchicalTrackSelectorModel } from '../../model';
 declare const HierarchicalTrackSelectorHeader: ({ model, setHeaderHeight, }: {
     model: HierarchicalTrackSelectorModel;
     setHeaderHeight: (n: number) => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default HierarchicalTrackSelectorHeader;

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

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const Clear_1 = __importDefault(require("@mui/icons-material/Clear"));
 const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
@@ -20,27 +20,19 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
 const SearchTracksTextField = (0, mobx_react_1.observer)(function ({ model, }) {
     const { filterText } = model;
     const { classes } = useStyles();
-    return (react_1.default.createElement(material_1.TextField, { className: classes.searchBox, label: "Filter tracks", value: filterText, onChange: event => {
+    return ((0, jsx_runtime_1.jsx)(material_1.TextField, { className: classes.searchBox, label: "Filter tracks", value: filterText, onChange: event => {
             model.setFilterText(event.target.value);
         }, fullWidth: true, slotProps: {
             input: {
-                endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "end" },
-                    react_1.default.createElement(material_1.IconButton, { onClick: () => {
+                endAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => {
                             model.clearFilterText();
-                        } },
-                        react_1.default.createElement(Clear_1.default, null)))),
+                        }, children: (0, jsx_runtime_1.jsx)(Clear_1.default, {}) }) })),
             },
         } }));
 });
 const HierarchicalTrackSelectorHeader = (0, mobx_react_1.observer)(function ({ model, setHeaderHeight, }) {
-    return (react_1.default.createElement("div", { ref: ref => {
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref => {
             setHeaderHeight((ref === null || ref === void 0 ? void 0 : ref.getBoundingClientRect().height) || 0);
-        }, "data-testid": "hierarchical_track_selector" },
-        react_1.default.createElement("div", { style: { display: 'flex' } },
-            react_1.default.createElement(HamburgerMenu_1.default, { model: model }),
-            react_1.default.createElement(ShoppingCart_1.default, { model: model }),
-            react_1.default.createElement(SearchTracksTextField, { model: model }),
-            react_1.default.createElement(RecentlyUsedTracks_1.default, { model: model }),
-            react_1.default.createElement(FavoriteTracks_1.default, { model: model }))));
+        }, "data-testid": "hierarchical_track_selector", children: (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex' }, children: [(0, jsx_runtime_1.jsx)(HamburgerMenu_1.default, { model: model }), (0, jsx_runtime_1.jsx)(ShoppingCart_1.default, { model: model }), (0, jsx_runtime_1.jsx)(SearchTracksTextField, { model: model }), (0, jsx_runtime_1.jsx)(RecentlyUsedTracks_1.default, { model: model }), (0, jsx_runtime_1.jsx)(FavoriteTracks_1.default, { model: model })] }) }));
 });
 exports.default = HierarchicalTrackSelectorHeader;

package/dist/HierarchicalTrackSelectorWidget/components/tree/HierarchicalTree.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 import type { TreeNode } from '../../generateHierarchy';
 import type { HierarchicalTrackSelectorModel } from '../../model';
 declare const HierarchicalTree: ({ height, tree, model, }: {
     height: number;
     tree: TreeNode;
     model: HierarchicalTrackSelectorModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default HierarchicalTree;

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

@@ -1,32 +1,10 @@
 "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 jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const util_1 = require("@jbrowse/core/util");
 const mobx_react_1 = require("mobx-react");
 const react_vtree_1 = require("react-vtree");
@@ -85,7 +63,6 @@ const HierarchicalTree = (0, mobx_react_1.observer)(function HierarchicalTree({
             useDefaultHeight: true,
         });
     }, [tree, filterText]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(react_vtree_1.VariableSizeTree, { ref: treeRef, treeWalker: treeWalker, height: height }, TrackListNode_1.default)));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(react_vtree_1.VariableSizeTree, { ref: treeRef, treeWalker: treeWalker, height: height, children: TrackListNode_1.default }) }));
 });
 exports.default = HierarchicalTree;

package/dist/HierarchicalTrackSelectorWidget/components/tree/RecentlyUsedTracks.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 import type { HierarchicalTrackSelectorModel } from '../../model';
 declare const RecentlyUsedTracks: ({ model, }: {
     model: HierarchicalTrackSelectorModel;
-}) => React.JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default RecentlyUsedTracks;

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

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const History_1 = __importDefault(require("@mui/icons-material/History"));
 const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
@@ -17,7 +17,7 @@ const useStyles = (0, mui_1.makeStyles)()({
 const RecentlyUsedTracks = (0, mobx_react_1.observer)(function ({ model, }) {
     const { classes } = useStyles();
     const { view, recentlyUsedCounter, recentlyUsedTracks } = model;
-    return view ? (react_1.default.createElement(DropdownTrackSelector_1.default, { onClick: () => {
+    return view ? ((0, jsx_runtime_1.jsx)(DropdownTrackSelector_1.default, { onClick: () => {
             model.setRecentlyUsedCounter(0);
         }, model: model, tracks: recentlyUsedTracks, extraMenuItems: recentlyUsedTracks.length
             ? [
@@ -34,12 +34,9 @@ const RecentlyUsedTracks = (0, mobx_react_1.observer)(function ({ model, }) {
                     label: 'No recently used',
                     onClick: () => { },
                 },
-            ] },
-        react_1.default.createElement(material_1.Tooltip, { title: "Recently used tracks" },
-            react_1.default.createElement(material_1.Badge, { classes: { badge: classes.smallBadge }, anchorOrigin: {
+            ], children: (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Recently used tracks", children: (0, jsx_runtime_1.jsx)(material_1.Badge, { classes: { badge: classes.smallBadge }, anchorOrigin: {
                     vertical: 'bottom',
                     horizontal: 'right',
-                }, color: "secondary", badgeContent: recentlyUsedCounter },
-                react_1.default.createElement(History_1.default, null))))) : null;
+                }, color: "secondary", badgeContent: recentlyUsedCounter, children: (0, jsx_runtime_1.jsx)(History_1.default, {}) }) }) })) : null;
 });
 exports.default = RecentlyUsedTracks;

package/dist/HierarchicalTrackSelectorWidget/components/tree/TrackCategory.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import type { NodeData } from '../util';
 export default function Category({ isOpen, setOpen, data, }: {
     isOpen: boolean;
     setOpen: (arg: boolean) => void;
     data: NodeData;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,33 +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 });
 exports.default = Category;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const Menu_1 = __importDefault(require("@jbrowse/core/ui/Menu"));
 const ArrowDropDown_1 = __importDefault(require("@mui/icons-material/ArrowDropDown"));
 const ArrowRight_1 = __importDefault(require("@mui/icons-material/ArrowRight"));
@@ -48,62 +26,56 @@ function Category({ isOpen, setOpen, data, }) {
     const { classes } = useStyles();
     const [menuEl, setMenuEl] = (0, react_1.useState)(null);
     const { menuItems = [], name, model, id, tree } = data;
-    return (react_1.default.createElement("div", { className: classes.accordionText, onClick: () => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: classes.accordionText, onClick: () => {
             if (!menuEl) {
                 data.toggleCollapse(id);
                 setOpen(!isOpen);
             }
-        } },
-        react_1.default.createElement(material_1.Typography, { "data-testid": `htsCategory-${name}` },
-            isOpen ? react_1.default.createElement(ArrowDropDown_1.default, null) : react_1.default.createElement(ArrowRight_1.default, null),
-            name,
-            react_1.default.createElement(material_1.IconButton, { onClick: event => {
-                    setMenuEl(event.currentTarget);
-                    event.stopPropagation();
-                }, className: classes.contrastColor },
-                react_1.default.createElement(MoreHoriz_1.default, null))),
-        menuEl ? (react_1.default.createElement(Menu_1.default, { anchorEl: menuEl, menuItems: [
-                {
-                    label: 'Add to selection',
-                    onClick: () => {
-                        const r = (0, util_1.treeToMap)(tree).get(id);
-                        model.addToSelection((0, util_1.getAllChildren)(r));
+        }, children: [(0, jsx_runtime_1.jsxs)(material_1.Typography, { "data-testid": `htsCategory-${name}`, children: [isOpen ? (0, jsx_runtime_1.jsx)(ArrowDropDown_1.default, {}) : (0, jsx_runtime_1.jsx)(ArrowRight_1.default, {}), name, (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: event => {
+                            setMenuEl(event.currentTarget);
+                            event.stopPropagation();
+                        }, className: classes.contrastColor, children: (0, jsx_runtime_1.jsx)(MoreHoriz_1.default, {}) })] }), menuEl ? ((0, jsx_runtime_1.jsx)(Menu_1.default, { anchorEl: menuEl, menuItems: [
+                    {
+                        label: 'Add to selection',
+                        onClick: () => {
+                            const r = (0, util_1.treeToMap)(tree).get(id);
+                            model.addToSelection((0, util_1.getAllChildren)(r));
+                        },
                     },
-                },
-                {
-                    label: 'Remove from selection',
-                    onClick: () => {
-                        const r = (0, util_1.treeToMap)(tree).get(id);
-                        model.removeFromSelection((0, util_1.getAllChildren)(r));
+                    {
+                        label: 'Remove from selection',
+                        onClick: () => {
+                            const r = (0, util_1.treeToMap)(tree).get(id);
+                            model.removeFromSelection((0, util_1.getAllChildren)(r));
+                        },
                     },
-                },
-                {
-                    label: 'Show all tracks',
-                    onClick: () => {
-                        var _a;
-                        for (const entry of ((_a = (0, util_1.treeToMap)(tree).get(id)) === null || _a === void 0 ? void 0 : _a.children) || []) {
-                            if (entry.type === 'track') {
-                                model.view.showTrack(entry.trackId);
+                    {
+                        label: 'Show all tracks',
+                        onClick: () => {
+                            var _a;
+                            for (const entry of ((_a = (0, util_1.treeToMap)(tree).get(id)) === null || _a === void 0 ? void 0 : _a.children) || []) {
+                                if (entry.type === 'track') {
+                                    model.view.showTrack(entry.trackId);
+                                }
                             }
-                        }
+                        },
                     },
-                },
-                {
-                    label: 'Hide all tracks',
-                    onClick: () => {
-                        var _a;
-                        for (const entry of ((_a = (0, util_1.treeToMap)(tree).get(id)) === null || _a === void 0 ? void 0 : _a.children) || []) {
-                            if (entry.type === 'track') {
-                                model.view.hideTrack(entry.trackId);
+                    {
+                        label: 'Hide all tracks',
+                        onClick: () => {
+                            var _a;
+                            for (const entry of ((_a = (0, util_1.treeToMap)(tree).get(id)) === null || _a === void 0 ? void 0 : _a.children) || []) {
+                                if (entry.type === 'track') {
+                                    model.view.hideTrack(entry.trackId);
+                                }
                             }
-                        }
+                        },
                     },
-                },
-                ...menuItems,
-            ], onMenuItemClick: (_event, callback) => {
-                callback();
-                setMenuEl(null);
-            }, open: Boolean(menuEl), onClose: () => {
-                setMenuEl(null);
-            } })) : null));
+                    ...menuItems,
+                ], onMenuItemClick: (_event, callback) => {
+                    callback();
+                    setMenuEl(null);
+                }, open: Boolean(menuEl), onClose: () => {
+                    setMenuEl(null);
+                } })) : null] }));
 }

package/dist/HierarchicalTrackSelectorWidget/components/tree/TrackLabel.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { NodeData } from '../util';
 import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
 export interface InfoArgs {
@@ -8,4 +7,4 @@ export interface InfoArgs {
 }
 export default function TrackLabel({ data }: {
     data: NodeData;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;