@jbrowse/plugin-data-management 2.18.0 → 3.0.0

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

@@ -1,4 +1,5 @@
-import React, { Suspense, lazy, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Suspense, lazy, useState } from 'react';
 import { readConfObject } from '@jbrowse/core/configuration';
 import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
 import { getSession, isSessionModelWithConnectionEditing, isSessionModelWithConnections, isSessionModelWithWidgets, isSessionWithAddTracks, } from '@jbrowse/core/util';
@@ -38,128 +39,120 @@ const HamburgerMenu = observer(function ({ model, }) {
             setDeleteDialogDetails({ name, connectionConf });
         }
     }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(CascadingMenuButton, { menuItems: [
-                {
-                    label: 'Open faceted track selector',
-                    onClick: () => {
-                        setFacetedOpen(true);
+    return (_jsxs(_Fragment, { children: [_jsx(CascadingMenuButton, { menuItems: [
+                    {
+                        label: 'Open faceted track selector',
+                        onClick: () => {
+                            setFacetedOpen(true);
+                        },
                     },
-                },
-                ...(isSessionWithAddTracks(session)
-                    ? [
-                        {
-                            label: 'Add track...',
-                            onClick: () => {
-                                if (isSessionModelWithWidgets(session)) {
-                                    session.showWidget(session.addWidget('AddTrackWidget', 'addTrackWidget', {
-                                        view: model.view.id,
-                                    }));
-                                }
+                    ...(isSessionWithAddTracks(session)
+                        ? [
+                            {
+                                label: 'Add track...',
+                                onClick: () => {
+                                    if (isSessionModelWithWidgets(session)) {
+                                        session.showWidget(session.addWidget('AddTrackWidget', 'addTrackWidget', {
+                                            view: model.view.id,
+                                        }));
+                                    }
+                                },
                             },
-                        },
-                    ]
-                    : []),
-                {
-                    label: 'Connections...',
-                    subMenu: [
-                        ...(isSessionModelWithConnections(session)
-                            ? [
-                                {
-                                    label: 'Turn on/off connections...',
-                                    onClick: () => {
-                                        setConnectionToggleOpen(true);
+                        ]
+                        : []),
+                    {
+                        label: 'Connections...',
+                        subMenu: [
+                            ...(isSessionModelWithConnections(session)
+                                ? [
+                                    {
+                                        label: 'Turn on/off connections...',
+                                        onClick: () => {
+                                            setConnectionToggleOpen(true);
+                                        },
                                     },
-                                },
-                            ]
-                            : []),
-                        ...(isSessionModelWithConnectionEditing(session)
-                            ? [
-                                {
-                                    label: 'Add connection...',
-                                    onClick: () => {
-                                        if (isSessionModelWithWidgets(session)) {
-                                            session.showWidget(session.addWidget('AddConnectionWidget', 'addConnectionWidget'));
-                                        }
+                                ]
+                                : []),
+                            ...(isSessionModelWithConnectionEditing(session)
+                                ? [
+                                    {
+                                        label: 'Add connection...',
+                                        onClick: () => {
+                                            if (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.createElement(MenuIcon, null)),
-        React.createElement(Suspense, { fallback: null },
-            modalInfo ? (React.createElement(CloseConnectionDialog, { modalInfo: modalInfo, onClose: () => {
-                    setModalInfo(undefined);
-                } })) : null,
-            deleteDialogDetails ? (React.createElement(DeleteConnectionDialog, { handleClose: () => {
-                    setDeleteDialogDetails(undefined);
-                }, deleteDialogDetails: deleteDialogDetails, session: session })) : null,
-            connectionManagerOpen ? (React.createElement(ManageConnectionsDialog, { handleClose: () => {
-                    setConnectionManagerOpen(false);
-                }, breakConnection: breakConnection, session: session })) : null,
-            connectionToggleOpen ? (React.createElement(ToggleConnectionsDialog, { handleClose: () => {
-                    setConnectionToggleOpen(false);
-                }, session: session, breakConnection: breakConnection })) : null,
-            facetedOpen ? (React.createElement(FacetedDialog, { handleClose: () => {
-                    setFacetedOpen(false);
-                }, model: model })) : null)));
+                        ],
+                    },
+                ], children: _jsx(MenuIcon, {}) }), _jsxs(Suspense, { fallback: null, children: [modalInfo ? (_jsx(CloseConnectionDialog, { modalInfo: modalInfo, onClose: () => {
+                            setModalInfo(undefined);
+                        } })) : null, deleteDialogDetails ? (_jsx(DeleteConnectionDialog, { handleClose: () => {
+                            setDeleteDialogDetails(undefined);
+                        }, deleteDialogDetails: deleteDialogDetails, session: session })) : null, connectionManagerOpen ? (_jsx(ManageConnectionsDialog, { handleClose: () => {
+                            setConnectionManagerOpen(false);
+                        }, breakConnection: breakConnection, session: session })) : null, connectionToggleOpen ? (_jsx(ToggleConnectionsDialog, { handleClose: () => {
+                            setConnectionToggleOpen(false);
+                        }, session: session, breakConnection: breakConnection })) : null, facetedOpen ? (_jsx(FacetedDialog, { handleClose: () => {
+                            setFacetedOpen(false);
+                        }, model: model })) : null] })] }));
 });
 export default HamburgerMenu;

package/esm/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/esm/HierarchicalTrackSelectorWidget/components/tree/HierarchicalHeader.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import ClearIcon from '@mui/icons-material/Clear';
 import { IconButton, InputAdornment, TextField } from '@mui/material';
 import { observer } from 'mobx-react';
@@ -15,27 +15,19 @@ const useStyles = makeStyles()(theme => ({
 const SearchTracksTextField = observer(function ({ model, }) {
     const { filterText } = model;
     const { classes } = useStyles();
-    return (React.createElement(TextField, { className: classes.searchBox, label: "Filter tracks", value: filterText, onChange: event => {
+    return (_jsx(TextField, { className: classes.searchBox, label: "Filter tracks", value: filterText, onChange: event => {
             model.setFilterText(event.target.value);
         }, fullWidth: true, slotProps: {
             input: {
-                endAdornment: (React.createElement(InputAdornment, { position: "end" },
-                    React.createElement(IconButton, { onClick: () => {
+                endAdornment: (_jsx(InputAdornment, { position: "end", children: _jsx(IconButton, { onClick: () => {
                             model.clearFilterText();
-                        } },
-                        React.createElement(ClearIcon, null)))),
+                        }, children: _jsx(ClearIcon, {}) }) })),
             },
         } }));
 });
 const HierarchicalTrackSelectorHeader = observer(function ({ model, setHeaderHeight, }) {
-    return (React.createElement("div", { ref: ref => {
+    return (_jsx("div", { ref: ref => {
             setHeaderHeight((ref === null || ref === void 0 ? void 0 : ref.getBoundingClientRect().height) || 0);
-        }, "data-testid": "hierarchical_track_selector" },
-        React.createElement("div", { style: { display: 'flex' } },
-            React.createElement(HamburgerMenu, { model: model }),
-            React.createElement(ShoppingCart, { model: model }),
-            React.createElement(SearchTracksTextField, { model: model }),
-            React.createElement(RecentlyUsedTracks, { model: model }),
-            React.createElement(FavoriteTracks, { model: model }))));
+        }, "data-testid": "hierarchical_track_selector", children: _jsxs("div", { style: { display: 'flex' }, children: [_jsx(HamburgerMenu, { model: model }), _jsx(ShoppingCart, { model: model }), _jsx(SearchTracksTextField, { model: model }), _jsx(RecentlyUsedTracks, { model: model }), _jsx(FavoriteTracks, { model: model })] }) }));
 });
 export default HierarchicalTrackSelectorHeader;

package/esm/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/esm/HierarchicalTrackSelectorWidget/components/tree/HierarchicalTree.js

@@ -1,4 +1,5 @@
-import React, { useCallback, useEffect, useMemo, useRef } from 'react';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef } from 'react';
 import { getSession } from '@jbrowse/core/util';
 import { observer } from 'mobx-react';
 import { VariableSizeTree } from 'react-vtree';
@@ -57,7 +58,6 @@ const HierarchicalTree = observer(function HierarchicalTree({ height, tree, mode
             useDefaultHeight: true,
         });
     }, [tree, filterText]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(VariableSizeTree, { ref: treeRef, treeWalker: treeWalker, height: height }, Node)));
+    return (_jsx(_Fragment, { children: _jsx(VariableSizeTree, { ref: treeRef, treeWalker: treeWalker, height: height, children: Node }) }));
 });
 export default HierarchicalTree;

package/esm/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/esm/HierarchicalTrackSelectorWidget/components/tree/RecentlyUsedTracks.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import HistoryIcon from '@mui/icons-material/History';
 import { Badge, Tooltip } from '@mui/material';
 import { observer } from 'mobx-react';
@@ -12,7 +12,7 @@ const useStyles = makeStyles()({
 const RecentlyUsedTracks = observer(function ({ model, }) {
     const { classes } = useStyles();
     const { view, recentlyUsedCounter, recentlyUsedTracks } = model;
-    return view ? (React.createElement(DropdownTrackSelector, { onClick: () => {
+    return view ? (_jsx(DropdownTrackSelector, { onClick: () => {
             model.setRecentlyUsedCounter(0);
         }, model: model, tracks: recentlyUsedTracks, extraMenuItems: recentlyUsedTracks.length
             ? [
@@ -29,12 +29,9 @@ const RecentlyUsedTracks = observer(function ({ model, }) {
                     label: 'No recently used',
                     onClick: () => { },
                 },
-            ] },
-        React.createElement(Tooltip, { title: "Recently used tracks" },
-            React.createElement(Badge, { classes: { badge: classes.smallBadge }, anchorOrigin: {
+            ], children: _jsx(Tooltip, { title: "Recently used tracks", children: _jsx(Badge, { classes: { badge: classes.smallBadge }, anchorOrigin: {
                     vertical: 'bottom',
                     horizontal: 'right',
-                }, color: "secondary", badgeContent: recentlyUsedCounter },
-                React.createElement(HistoryIcon, null))))) : null;
+                }, color: "secondary", badgeContent: recentlyUsedCounter, children: _jsx(HistoryIcon, {}) }) }) })) : null;
 });
 export default RecentlyUsedTracks;

package/esm/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/esm/HierarchicalTrackSelectorWidget/components/tree/TrackCategory.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import JBrowseMenu from '@jbrowse/core/ui/Menu';
 import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
 import ArrowRightIcon from '@mui/icons-material/ArrowRight';
@@ -19,62 +20,56 @@ export default function Category({ isOpen, setOpen, data, }) {
     const { classes } = useStyles();
     const [menuEl, setMenuEl] = useState(null);
     const { menuItems = [], name, model, id, tree } = data;
-    return (React.createElement("div", { className: classes.accordionText, onClick: () => {
+    return (_jsxs("div", { className: classes.accordionText, onClick: () => {
             if (!menuEl) {
                 data.toggleCollapse(id);
                 setOpen(!isOpen);
             }
-        } },
-        React.createElement(Typography, { "data-testid": `htsCategory-${name}` },
-            isOpen ? React.createElement(ArrowDropDownIcon, null) : React.createElement(ArrowRightIcon, null),
-            name,
-            React.createElement(IconButton, { onClick: event => {
-                    setMenuEl(event.currentTarget);
-                    event.stopPropagation();
-                }, className: classes.contrastColor },
-                React.createElement(MoreHorizIcon, null))),
-        menuEl ? (React.createElement(JBrowseMenu, { anchorEl: menuEl, menuItems: [
-                {
-                    label: 'Add to selection',
-                    onClick: () => {
-                        const r = treeToMap(tree).get(id);
-                        model.addToSelection(getAllChildren(r));
+        }, children: [_jsxs(Typography, { "data-testid": `htsCategory-${name}`, children: [isOpen ? _jsx(ArrowDropDownIcon, {}) : _jsx(ArrowRightIcon, {}), name, _jsx(IconButton, { onClick: event => {
+                            setMenuEl(event.currentTarget);
+                            event.stopPropagation();
+                        }, className: classes.contrastColor, children: _jsx(MoreHorizIcon, {}) })] }), menuEl ? (_jsx(JBrowseMenu, { anchorEl: menuEl, menuItems: [
+                    {
+                        label: 'Add to selection',
+                        onClick: () => {
+                            const r = treeToMap(tree).get(id);
+                            model.addToSelection(getAllChildren(r));
+                        },
                     },
-                },
-                {
-                    label: 'Remove from selection',
-                    onClick: () => {
-                        const r = treeToMap(tree).get(id);
-                        model.removeFromSelection(getAllChildren(r));
+                    {
+                        label: 'Remove from selection',
+                        onClick: () => {
+                            const r = treeToMap(tree).get(id);
+                            model.removeFromSelection(getAllChildren(r));
+                        },
                     },
-                },
-                {
-                    label: 'Show all tracks',
-                    onClick: () => {
-                        var _a;
-                        for (const entry of ((_a = 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 = 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 = 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 = 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/esm/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;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { readConfObject } from '@jbrowse/core/configuration';
 import SanitizedHTML from '@jbrowse/core/ui/SanitizedHTML';
 import { Checkbox, FormControlLabel, Tooltip } from '@mui/material';
@@ -21,15 +21,21 @@ const useStyles = makeStyles()(theme => ({
 }));
 export default function TrackLabel({ data }) {
     const { classes } = useStyles();
-    const { checked, conf, model, drawerPosition, id, trackId, name, onChange, selected, } = data;
+    const { checked, conf, model, drawerPosition, id, trackId, name, selected, onChange, } = data;
     const description = readConfObject(conf, 'description');
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Tooltip, { title: description + (selected ? ' (in selection)' : ''), placement: drawerPosition === 'left' ? 'right' : 'left' },
-            React.createElement(FormControlLabel, { className: classes.checkboxLabel, control: React.createElement(Checkbox, { className: classes.compactCheckbox, checked: checked, onChange: () => {
-                        onChange(trackId);
-                    }, disabled: isUnsupported(name), inputProps: {
-                        'data-testid': `htsTrackEntry-${id}`,
-                    } }), label: React.createElement("div", { "data-testid": `htsTrackLabel-${id}`, style: { background: selected ? '#cccc' : undefined } },
-                    React.createElement(SanitizedHTML, { html: name })) })),
-        React.createElement(TrackLabelMenu, { model: model, trackId: trackId, id: id, conf: conf })));
+    return (_jsxs(_Fragment, { children: [_jsx(Tooltip, { title: description + (selected ? ' (in selection)' : ''), placement: drawerPosition === 'left' ? 'right' : 'left', children: _jsx(FormControlLabel, { className: classes.checkboxLabel, onClick: event => {
+                        if (event.ctrlKey || event.metaKey) {
+                            if (selected) {
+                                model.removeFromSelection([conf]);
+                            }
+                            else {
+                                model.addToSelection([conf]);
+                            }
+                            event.preventDefault();
+                        }
+                    }, control: _jsx(Checkbox, { className: classes.compactCheckbox, checked: checked, onChange: () => {
+                            onChange(trackId);
+                        }, disabled: isUnsupported(name), inputProps: {
+                            'data-testid': `htsTrackEntry-${id}`,
+                        } }), label: _jsx("div", { "data-testid": `htsTrackLabel-${id}`, className: selected ? classes.selected : undefined, children: _jsx(SanitizedHTML, { html: name }) }) }) }), _jsx(TrackLabelMenu, { model: model, trackId: trackId, id: id, conf: conf })] }));
 }

package/esm/HierarchicalTrackSelectorWidget/components/tree/TrackLabelMenu.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { HierarchicalTrackSelectorModel } from '../../model';
 import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
 declare const TrackLabelMenu: ({ id, trackId, stopPropagation, model, setOpen, conf, }: {
@@ -8,5 +7,5 @@ declare const TrackLabelMenu: ({ id, trackId, stopPropagation, model, setOpen, c
     conf: AnyConfigurationModel;
     setOpen?: (arg: boolean) => void;
     model: HierarchicalTrackSelectorModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default TrackLabelMenu;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
 import { getSession } from '@jbrowse/core/util';
 import MoreHorizIcon from '@mui/icons-material/MoreHoriz';
@@ -13,7 +13,7 @@ const useStyles = makeStyles()({
 const TrackLabelMenu = function ({ id, trackId, stopPropagation, model, setOpen, conf, }) {
     var _a, _b;
     const { classes } = useStyles();
-    return (React.createElement(CascadingMenuButton, { className: classes.cascadingStyle, stopPropagation: stopPropagation, setOpen: setOpen, "data-testid": `htsTrackEntryMenu-${id}`, menuItems: [
+    return (_jsx(CascadingMenuButton, { className: classes.cascadingStyle, stopPropagation: stopPropagation, setOpen: setOpen, "data-testid": `htsTrackEntryMenu-${id}`, menuItems: [
             ...(((_b = (_a = getSession(model)).getTrackActionMenuItems) === null || _b === void 0 ? void 0 : _b.call(_a, conf)) || []),
             model.isFavorite(trackId)
                 ? {
@@ -46,7 +46,6 @@ const TrackLabelMenu = function ({ id, trackId, stopPropagation, model, setOpen,
                     },
                 ]
                 : []),
-        ] },
-        React.createElement(MoreHorizIcon, null)));
+        ], children: _jsx(MoreHorizIcon, {}) }));
 };
 export default TrackLabelMenu;

package/esm/HierarchicalTrackSelectorWidget/components/tree/TrackListNode.d.ts

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

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { makeStyles } from 'tss-react/mui';
 import Category from './TrackCategory';
 import TrackLabel from './TrackLabel';
@@ -28,12 +28,9 @@ export default function Node({ data, isOpen, style, setOpen, }) {
     const { classes } = useStyles();
     const width = 10;
     const marginLeft = nestingLevel * width + (isLeaf ? width : 0);
-    return (React.createElement("div", { style: style, className: !isLeaf ? classes.accordionBase : undefined },
-        new Array(nestingLevel).fill(0).map((_, idx) => (React.createElement("div", { key: `mark-${idx}`, style: { left: idx * width + 4, height: style === null || style === void 0 ? void 0 : style.height }, className: classes.nestingLevelMarker }))),
-        React.createElement("div", { className: !isLeaf ? classes.accordionCard : undefined, style: {
-                marginLeft,
-                whiteSpace: 'nowrap',
-                width: '100%',
-            } },
-            React.createElement("div", { className: !isLeaf ? classes.accordionColor : undefined }, !isLeaf ? (React.createElement(Category, { isOpen: isOpen, data: data, setOpen: setOpen })) : (React.createElement(TrackLabel, { data: data }))))));
+    return (_jsxs("div", { style: style, className: !isLeaf ? classes.accordionBase : undefined, children: [new Array(nestingLevel).fill(0).map((_, idx) => (_jsx("div", { style: { left: idx * width + 4, height: style === null || style === void 0 ? void 0 : style.height }, className: classes.nestingLevelMarker }, `mark-${idx}`))), _jsx("div", { className: !isLeaf ? classes.accordionCard : undefined, style: {
+                    marginLeft,
+                    whiteSpace: 'nowrap',
+                    width: '100%',
+                }, children: _jsx("div", { className: !isLeaf ? classes.accordionColor : undefined, children: !isLeaf ? (_jsx(Category, { isOpen: isOpen, data: data, setOpen: setOpen })) : (_jsx(TrackLabel, { data: data })) }) })] }));
 }

package/esm/HierarchicalTrackSelectorWidget/components/util.js

@@ -1,8 +1,6 @@
 export function getAllChildren(subtree) {
     return (subtree === null || subtree === void 0 ? void 0 : subtree.type) === 'category'
-        ? subtree.children
-            .map(t => (t.type === 'category' ? getAllChildren(t) : t.conf))
-            .flat(Number.POSITIVE_INFINITY)
+        ? subtree.children.flatMap(t => t.type === 'category' ? getAllChildren(t) : t.conf)
         : [];
 }
 export function treeToMap(tree, map = new Map()) {

package/esm/HierarchicalTrackSelectorWidget/facetedModel.d.ts

@@ -79,3 +79,4 @@ export declare function facetedStateTreeF(): import("mobx-state-tree").IModelTyp
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
 export type FacetedStateModel = ReturnType<typeof facetedStateTreeF>;
 export type FacetedModel = Instance<FacetedStateModel>;
+export type FacetedRow = FacetedModel['filteredRows'][0];