@jbrowse/plugin-data-management 3.6.5 → 4.0.0

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

@@ -1,75 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const util_1 = require("@jbrowse/core/util");
-const x_data_grid_1 = require("@mui/x-data-grid");
-const mobx_1 = require("mobx");
-const mobx_react_1 = require("mobx-react");
-const mobx_state_tree_1 = require("mobx-state-tree");
-const FacetedDataGrid = (0, mobx_react_1.observer)(function ({ model, columns, shownTrackIds, selection, }) {
-    const { pluginManager } = (0, util_1.getEnv)(model);
-    const { view, faceted } = model;
-    const { rows, useShoppingCart, showOptions, filteredRows, filteredNonMetadataKeys, filteredMetadataKeys, visible, } = faceted;
-    const [widths, setWidths] = (0, react_1.useState)({
-        name: (0, util_1.measureGridWidth)(rows.map(r => r.name), {
-            maxWidth: 500,
-            stripHTML: true,
-        }) + 15,
-        ...Object.fromEntries(filteredNonMetadataKeys
-            .filter(f => visible[f])
-            .map(e => [
-            e,
-            (0, util_1.measureGridWidth)(rows.map(r => r[e]), {
-                maxWidth: 400,
-                stripHTML: true,
-            }),
-        ])),
-        ...Object.fromEntries(filteredMetadataKeys
-            .filter(f => visible[`metadata.${f}`])
-            .map(e => {
-            return [
-                `metadata.${e}`,
-                (0, util_1.measureGridWidth)(rows.map(r => r.metadata[e]), {
-                    maxWidth: 400,
-                    stripHTML: true,
-                }),
-            ];
-        })),
-    });
-    return ((0, jsx_runtime_1.jsx)(x_data_grid_1.DataGrid, { rowHeight: 25, columnHeaderHeight: 35, checkboxSelection: true, disableRowSelectionOnClick: true, keepNonExistentRowsSelected: true, rows: filteredRows, columnVisibilityModel: visible, showToolbar: showOptions, onColumnWidthChange: arg => {
-            setWidths({
-                ...widths,
-                [arg.colDef.field]: arg.width,
-            });
-        }, onColumnVisibilityModelChange: n => {
-            model.faceted.setVisible(n);
-        }, onRowSelectionModelChange: userSelectedIds => {
-            if (!useShoppingCart) {
-                const a1 = shownTrackIds;
-                const a2 = userSelectedIds.ids;
-                (0, mobx_1.transaction)(() => {
-                    ;
-                    [...a1].filter(x => !a2.has(x)).map(t => view.hideTrack(t));
-                    [...a2]
-                        .filter(x => !a1.has(x))
-                        .map(t => {
-                        view.showTrack(t);
-                        model.addToRecentlyUsed(t);
-                    });
-                });
-            }
-            else {
-                const root = (0, mobx_state_tree_1.getRoot)(model);
-                const schema = pluginManager.pluggableConfigSchemaType('track');
-                model.setSelection([...userSelectedIds.ids].map(id => (0, mobx_state_tree_1.resolveIdentifier)(schema, root, id)));
-            }
-        }, rowSelectionModel: {
-            type: 'include',
-            ids: new Set(useShoppingCart ? selection.map(s => s.trackId) : [...shownTrackIds]),
-        }, columns: columns.map(r => ({
-            ...r,
-            width: widths[r.field],
-        })) }));
-});
-exports.default = FacetedDataGrid;

package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetedDialog.d.ts

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

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

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ui_1 = require("@jbrowse/core/ui");
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const FacetedSelector_1 = __importDefault(require("./FacetedSelector"));
-const FacetedTrackSelectorDialog = (0, mobx_react_1.observer)(function (props) {
-    const { handleClose } = props;
-    return ((0, jsx_runtime_1.jsx)(ui_1.Dialog, { open: true, onClose: handleClose, maxWidth: "xl", title: "Faceted track selector", children: (0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(FacetedSelector_1.default, { ...props }) }) }));
-});
-exports.default = FacetedTrackSelectorDialog;

package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetedHeader.d.ts

@@ -1,4 +0,0 @@
-import type { HierarchicalTrackSelectorModel } from '../../model';
-export default function FacetedHeader({ model, }: {
-    model: HierarchicalTrackSelectorModel;
-}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,67 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = FacetedHeader;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ui_1 = require("@jbrowse/core/ui");
-const Clear_1 = __importDefault(require("@mui/icons-material/Clear"));
-const MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
-const material_1 = require("@mui/material");
-const ShoppingCart_1 = __importDefault(require("../ShoppingCart"));
-function FacetedHeader({ model, }) {
-    const { faceted } = model;
-    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
-    const { showOptions, showFilters, showSparse, useShoppingCart } = faceted;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, spacing: 4, alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { label: "Search...", value: faceted.filterText, onChange: event => {
-                            faceted.setFilterText(event.target.value);
-                        }, slotProps: {
-                            input: {
-                                endAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => {
-                                            faceted.setFilterText('');
-                                        }, children: (0, jsx_runtime_1.jsx)(Clear_1.default, {}) }) })),
-                            },
-                        } }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: event => {
-                            setAnchorEl(event.currentTarget);
-                        }, children: (0, jsx_runtime_1.jsx)(MoreVert_1.default, {}) }), (0, jsx_runtime_1.jsx)(ShoppingCart_1.default, { model: model })] }), (0, jsx_runtime_1.jsx)(ui_1.Menu, { anchorEl: anchorEl, open: !!anchorEl, onClose: () => {
-                    setAnchorEl(null);
-                }, onMenuItemClick: (_event, callback) => {
-                    callback();
-                    setAnchorEl(null);
-                }, menuItems: [
-                    {
-                        label: 'Add tracks to selection instead of turning them on/off',
-                        onClick: () => {
-                            faceted.setUseShoppingCart(!useShoppingCart);
-                        },
-                        type: 'checkbox',
-                        checked: useShoppingCart,
-                    },
-                    {
-                        label: 'Show sparse metadata columns',
-                        onClick: () => {
-                            faceted.setShowSparse(!showSparse);
-                        },
-                        checked: showSparse,
-                        type: 'checkbox',
-                    },
-                    {
-                        label: 'Show facet filters',
-                        onClick: () => {
-                            faceted.setShowFilters(!showFilters);
-                        },
-                        checked: showFilters,
-                        type: 'checkbox',
-                    },
-                    {
-                        label: 'Show extra table options',
-                        onClick: () => {
-                            faceted.setShowOptions(!showOptions);
-                        },
-                        checked: showOptions,
-                        type: 'checkbox',
-                    },
-                ] })] }));
-}

package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetedSelector.d.ts

@@ -1,11 +0,0 @@
-import type { HierarchicalTrackSelectorModel } from '../../model';
-import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
-export interface InfoArgs {
-    target: HTMLElement;
-    id: string;
-    conf: AnyConfigurationModel;
-}
-declare const FacetedSelector: ({ model, }: {
-    model: HierarchicalTrackSelectorModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export default FacetedSelector;

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

@@ -1,75 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ui_1 = require("@jbrowse/core/ui");
-const SanitizedHTML_1 = __importDefault(require("@jbrowse/core/ui/SanitizedHTML"));
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const FacetFilters_1 = __importDefault(require("./FacetFilters"));
-const FacetedDataGrid_1 = __importDefault(require("./FacetedDataGrid"));
-const FacetedHeader_1 = __importDefault(require("./FacetedHeader"));
-const TrackLabelMenu_1 = __importDefault(require("../tree/TrackLabelMenu"));
-const useStyles = (0, mui_1.makeStyles)()({
-    cell: {
-        whiteSpace: 'nowrap',
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-    },
-    resizeHandle: {
-        marginLeft: 5,
-        background: 'grey',
-        width: 5,
-    },
-});
-const frac = 0.75;
-const FacetedSelector = (0, mobx_react_1.observer)(function FacetedSelector({ model, }) {
-    const { classes } = useStyles();
-    const { selection, shownTrackIds, faceted } = model;
-    const { rows, panelWidth, showFilters, filteredNonMetadataKeys, filteredMetadataKeys, } = faceted;
-    const columns = [
-        {
-            field: 'name',
-            hideable: false,
-            renderCell: params => {
-                const { value, row } = params;
-                const { id, conf } = row;
-                return ((0, jsx_runtime_1.jsxs)("div", { className: classes.cell, children: [(0, jsx_runtime_1.jsx)(SanitizedHTML_1.default, { html: value }), (0, jsx_runtime_1.jsx)(TrackLabelMenu_1.default, { id: id, conf: conf, trackId: id, model: model })] }));
-            },
-        },
-        ...filteredNonMetadataKeys.map(e => {
-            return {
-                field: e,
-                renderCell: params => {
-                    const val = params.value;
-                    return val ? ((0, jsx_runtime_1.jsx)(SanitizedHTML_1.default, { className: classes.cell, html: val })) : ('');
-                },
-            };
-        }),
-        ...filteredMetadataKeys.map(e => {
-            return {
-                field: `metadata.${e}`,
-                headerName: ['name', ...filteredNonMetadataKeys].includes(e)
-                    ? `${e} (from metadata)`
-                    : e,
-                valueGetter: (_, row) => { var _a; return `${(_a = row.metadata[e]) !== null && _a !== void 0 ? _a : ''}`; },
-                renderCell: params => {
-                    const val = params.value;
-                    return val ? ((0, jsx_runtime_1.jsx)(SanitizedHTML_1.default, { className: classes.cell, html: val })) : ('');
-                },
-            };
-        }),
-    ];
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(FacetedHeader_1.default, { model: model }), (0, jsx_runtime_1.jsxs)("div", { style: {
-                    display: 'flex',
-                    overflow: 'hidden',
-                    height: window.innerHeight * frac,
-                    width: window.innerWidth * frac,
-                }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
-                            height: window.innerHeight * frac,
-                            width: window.innerWidth * frac - (showFilters ? panelWidth : 0),
-                        }, children: (0, jsx_runtime_1.jsx)(FacetedDataGrid_1.default, { model: model, columns: columns, shownTrackIds: shownTrackIds, selection: selection }) }), showFilters ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ui_1.ResizeHandle, { vertical: true, onDrag: dist => faceted.setPanelWidth(panelWidth - dist), className: classes.resizeHandle }), (0, jsx_runtime_1.jsx)("div", { style: { width: panelWidth, overflow: 'auto' }, children: (0, jsx_runtime_1.jsx)(FacetFilters_1.default, { model: model, rows: rows, columns: columns }) })] })) : null] })] }));
-});
-exports.default = FacetedSelector;

package/dist/HierarchicalTrackSelectorWidget/components/faceted/util.d.ts

@@ -1,6 +0,0 @@
-export interface Row {
-    id: string;
-    metadata?: Record<string, unknown>;
-    [key: string]: unknown;
-}
-export declare function getRowStr(facet: string, row: Row): string;

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

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRowStr = getRowStr;
-function getRowStr(facet, row) {
-    var _a;
-    return `${(facet.startsWith('metadata.')
-        ? (_a = row.metadata) === null || _a === void 0 ? void 0 : _a[facet.replace('metadata.', '')]
-        : row[facet]) || ''}`;
-}

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

@@ -1,11 +0,0 @@
-import type { HierarchicalTrackSelectorModel } from '../../model';
-import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import type { MenuItem } from '@jbrowse/core/ui/Menu';
-declare const DropdownTrackSelector: ({ model, tracks, extraMenuItems, children, onClick, }: {
-    model: HierarchicalTrackSelectorModel;
-    tracks: AnyConfigurationModel[];
-    extraMenuItems: MenuItem[];
-    onClick?: () => void;
-    children: React.ReactElement;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default DropdownTrackSelector;

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

@@ -1,34 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
-const SanitizedHTML_1 = __importDefault(require("@jbrowse/core/ui/SanitizedHTML"));
-const util_1 = require("@jbrowse/core/util");
-const tracks_1 = require("@jbrowse/core/util/tracks");
-const mobx_react_1 = require("mobx-react");
-const TrackLabelMenu_1 = __importDefault(require("./TrackLabelMenu"));
-const DropdownTrackSelector = (0, mobx_react_1.observer)(function ({ model, tracks, extraMenuItems, children, onClick, }) {
-    const { view } = model;
-    const [open, setOpen] = (0, react_1.useState)(false);
-    const session = (0, util_1.getSession)(model);
-    return view ? ((0, jsx_runtime_1.jsx)(CascadingMenuButton_1.default, { closeAfterItemClick: false, onClick: onClick, menuItems: [
-            ...tracks.map(t => ({
-                type: 'checkbox',
-                label: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SanitizedHTML_1.default, { html: (0, tracks_1.getTrackName)(t, session) }), ' ', (0, jsx_runtime_1.jsx)(TrackLabelMenu_1.default, { id: t.trackId, trackId: t.trackId, model: model, conf: t, setOpen: setOpen, stopPropagation: true })] })),
-                checked: view.tracks.some((f) => f.configuration === t),
-                onClick: () => {
-                    if (!open) {
-                        if (model.view.toggleTrack(t.trackId)) {
-                            model.addToRecentlyUsed(t.trackId);
-                        }
-                    }
-                },
-            })),
-            ...extraMenuItems,
-        ], children: children })) : null;
-});
-exports.default = DropdownTrackSelector;

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

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

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

@@ -1,45 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Grade_1 = __importDefault(require("@mui/icons-material/Grade"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
-const DropdownTrackSelector_1 = __importDefault(require("./DropdownTrackSelector"));
-const useStyles = (0, mui_1.makeStyles)()({
-    smallBadge: {
-        height: 14,
-    },
-    margin: {
-        marginRight: 10,
-    },
-});
-const FavoriteTracks = (0, mobx_react_1.observer)(function ({ model, }) {
-    const { classes } = useStyles();
-    const { view, favoriteTracks } = model;
-    return view ? ((0, jsx_runtime_1.jsx)(DropdownTrackSelector_1.default, { onClick: () => {
-            model.setFavoritesCounter(0);
-        }, tracks: favoriteTracks, model: model, extraMenuItems: favoriteTracks.length
-            ? [
-                { type: 'divider' },
-                {
-                    label: 'Clear favorites',
-                    onClick: () => {
-                        model.clearFavorites();
-                    },
-                },
-            ]
-            : [
-                {
-                    label: 'No favorite tracks yet',
-                    onClick: () => { },
-                },
-            ], children: (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: "Favorite tracks", children: (0, jsx_runtime_1.jsx)(material_1.Badge, { classes: { badge: classes.smallBadge }, color: "secondary", anchorOrigin: {
-                    vertical: 'bottom',
-                    horizontal: 'right',
-                }, className: classes.margin, badgeContent: model.favoritesCounter, children: (0, jsx_runtime_1.jsx)(Grade_1.default, {}) }) }) })) : null;
-});
-exports.default = FavoriteTracks;

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

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

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

@@ -1,196 +0,0 @@
-"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 () {
-    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 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");
-const Menu_1 = __importDefault(require("@mui/icons-material/Menu"));
-const mobx_react_1 = require("mobx-react");
-const FacetedDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../faceted/FacetedDialog'))));
-const CloseConnectionDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../dialogs/CloseConnectionDialog'))));
-const DeleteConnectionDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../dialogs/DeleteConnectionDialog'))));
-const ManageConnectionsDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../dialogs/ManageConnectionsDialog'))));
-const ToggleConnectionsDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../dialogs/ToggleConnectionsDialog'))));
-const HamburgerMenu = (0, mobx_react_1.observer)(function ({ model, }) {
-    const session = (0, util_1.getSession)(model);
-    const [modalInfo, setModalInfo] = (0, react_1.useState)();
-    const [deleteDialogDetails, setDeleteDialogDetails] = (0, react_1.useState)();
-    const [connectionToggleOpen, setConnectionToggleOpen] = (0, react_1.useState)(false);
-    const [connectionManagerOpen, setConnectionManagerOpen] = (0, react_1.useState)(false);
-    const [facetedOpen, setFacetedOpen] = (0, react_1.useState)(false);
-    function breakConnection(connectionConf, deletingConnection) {
-        var _a;
-        const name = (0, configuration_1.readConfObject)(connectionConf, 'name');
-        const result = (_a = session.prepareToBreakConnection) === null || _a === void 0 ? void 0 : _a.call(session, connectionConf);
-        if (result) {
-            const [safelyBreakConnection, dereferenceTypeCount] = result;
-            if (Object.keys(dereferenceTypeCount).length > 0) {
-                setModalInfo({
-                    connectionConf,
-                    safelyBreakConnection,
-                    dereferenceTypeCount,
-                    name,
-                });
-            }
-            else {
-                safelyBreakConnection();
-            }
-        }
-        if (deletingConnection) {
-            setDeleteDialogDetails({ name, connectionConf });
-        }
-    }
-    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,
-                                        }));
-                                    }
-                                },
-                            },
-                        ]
-                        : []),
-                    {
-                        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'));
-                                            }
-                                        },
-                                    },
-                                    {
-                                        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 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 top-level categories',
-                                onClick: () => {
-                                    model.collapseTopLevelCategories();
-                                },
-                            },
-                            {
-                                label: 'Expand all categories',
-                                onClick: () => {
-                                    model.expandAllCategories();
-                                },
-                            },
-                        ],
-                    },
-                ], 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,6 +0,0 @@
-import type { HierarchicalTrackSelectorModel } from '../../model';
-declare const HierarchicalTrackSelectorHeader: ({ model, setHeaderHeight, }: {
-    model: HierarchicalTrackSelectorModel;
-    setHeaderHeight: (n: number) => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export default HierarchicalTrackSelectorHeader;

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

@@ -1,38 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-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");
-const mui_1 = require("tss-react/mui");
-const HamburgerMenu_1 = __importDefault(require("./HamburgerMenu"));
-const ShoppingCart_1 = __importDefault(require("../ShoppingCart"));
-const FavoriteTracks_1 = __importDefault(require("./FavoriteTracks"));
-const RecentlyUsedTracks_1 = __importDefault(require("./RecentlyUsedTracks"));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    searchBox: {
-        margin: theme.spacing(2),
-    },
-}));
-const SearchTracksTextField = (0, mobx_react_1.observer)(function ({ model, }) {
-    const { filterText } = model;
-    const { classes } = useStyles();
-    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: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => {
-                            model.clearFilterText();
-                        }, children: (0, jsx_runtime_1.jsx)(Clear_1.default, {}) }) })),
-            },
-        } }));
-});
-const HierarchicalTrackSelectorHeader = (0, mobx_react_1.observer)(function ({ model, setHeaderHeight, }) {
-    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", 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,8 +0,0 @@
-import type { TreeNode } from '../../generateHierarchy';
-import type { HierarchicalTrackSelectorModel } from '../../model';
-declare const HierarchicalTree: ({ height, tree, model, }: {
-    height: number;
-    tree: TreeNode;
-    model: HierarchicalTrackSelectorModel;
-}) => import("react/jsx-runtime").JSX.Element;
-export default HierarchicalTree;