@jbrowse/plugin-data-management 2.16.1 → 2.18.0

package/dist/AssemblyManager/AssemblyTable.js

@@ -4,42 +4,61 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const mobx_react_1 = require("mobx-react");
-const material_1 = require("@mui/material");
 const configuration_1 = require("@jbrowse/core/configuration");
+const Add_1 = __importDefault(require("@mui/icons-material/Add"));
 const Create_1 = __importDefault(require("@mui/icons-material/Create"));
 const Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
-const AssemblyTable = (0, mobx_react_1.observer)(function ({ rootModel, setIsAssemblyBeingEdited, setAssemblyBeingEdited, }) {
-    function removeAssembly(name) {
-        rootModel.jbrowse.removeAssemblyConf(name);
-    }
-    const { assemblies } = rootModel.jbrowse;
-    return (react_1.default.createElement(material_1.TableContainer, { component: material_1.Paper },
-        react_1.default.createElement(material_1.Table, null,
-            react_1.default.createElement(material_1.TableHead, null,
-                react_1.default.createElement(material_1.TableRow, null,
-                    react_1.default.createElement(material_1.TableCell, null, "Name"),
-                    react_1.default.createElement(material_1.TableCell, null, "Display name"),
-                    react_1.default.createElement(material_1.TableCell, null, "Aliases"),
-                    react_1.default.createElement(material_1.TableCell, null, "Actions"))),
-            react_1.default.createElement(material_1.TableBody, null, assemblies.map(assembly => {
-                const name = (0, configuration_1.readConfObject)(assembly, 'name');
-                const displayName = (0, configuration_1.readConfObject)(assembly, 'displayName');
-                const aliases = (0, configuration_1.readConfObject)(assembly, 'aliases');
-                return (react_1.default.createElement(material_1.TableRow, { key: name },
-                    react_1.default.createElement(material_1.TableCell, null, name),
-                    react_1.default.createElement(material_1.TableCell, null, displayName),
-                    react_1.default.createElement(material_1.TableCell, null, aliases ? aliases.toString() : ''),
-                    react_1.default.createElement(material_1.TableCell, null,
-                        react_1.default.createElement(material_1.IconButton, { "data-testid": `${name}-edit`, onClick: () => {
-                                setIsAssemblyBeingEdited(true);
-                                setAssemblyBeingEdited(assembly);
-                            } },
-                            react_1.default.createElement(Create_1.default, { color: "primary" })),
-                        react_1.default.createElement(material_1.IconButton, { "data-testid": `${name}-delete`, onClick: () => {
-                                removeAssembly(name);
-                            } },
-                            react_1.default.createElement(Delete_1.default, { color: "error" })))));
-            })))));
+const material_1 = require("@mui/material");
+const x_data_grid_1 = require("@mui/x-data-grid");
+const mobx_react_1 = require("mobx-react");
+const AssemblyTable = (0, mobx_react_1.observer)(function ({ onEditAssembly, onAddAssembly, onClose, session, }) {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.DialogContent, null,
+            react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column' } },
+                react_1.default.createElement(x_data_grid_1.DataGrid, { rowHeight: 25, columnHeaderHeight: 35, hideFooter: session.assemblies.length < 25, rows: session.assemblies.map(assembly => {
+                        return {
+                            id: (0, configuration_1.readConfObject)(assembly, 'name'),
+                            name: (0, configuration_1.readConfObject)(assembly, 'name'),
+                            displayName: (0, configuration_1.readConfObject)(assembly, 'displayName'),
+                            aliases: (0, configuration_1.readConfObject)(assembly, 'aliases'),
+                            assembly,
+                        };
+                    }), columns: [
+                        { field: 'name' },
+                        { field: 'displayName' },
+                        { field: 'aliases' },
+                        {
+                            field: 'actions',
+                            renderCell: ({ row }) => {
+                                const { assembly, name } = row;
+                                const editable = session.sessionAssemblies.includes(assembly)
+                                    ? true
+                                    : session.adminMode;
+                                return (react_1.default.createElement(react_1.default.Fragment, null,
+                                    react_1.default.createElement(material_1.IconButton, { onClick: () => {
+                                            onEditAssembly(assembly);
+                                        } },
+                                        react_1.default.createElement(Create_1.default, null)),
+                                    react_1.default.createElement(material_1.IconButton, { "data-testid": `${name}-delete`, disabled: !editable, onClick: () => {
+                                            if (editable) {
+                                                if (!session.removeAssembly) {
+                                                    session.notify('Unable to find removeAssembly function');
+                                                }
+                                                else {
+                                                    session.removeAssembly(name);
+                                                }
+                                            }
+                                        } },
+                                        react_1.default.createElement(Delete_1.default, null))));
+                            },
+                        },
+                    ] }))),
+        react_1.default.createElement(material_1.DialogActions, null,
+            react_1.default.createElement(material_1.Button, { color: "secondary", variant: "contained", onClick: () => {
+                    onClose();
+                } }, "Close"),
+            react_1.default.createElement(material_1.Button, { variant: "contained", startIcon: react_1.default.createElement(Add_1.default, null), onClick: () => {
+                    onAddAssembly();
+                } }, "Add new assembly"))));
 });
 exports.default = AssemblyTable;

package/dist/HierarchicalTrackSelectorWidget/components/HierarchicalFab.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { HierarchicalTrackSelectorModel } from '../model';
+import type { HierarchicalTrackSelectorModel } from '../model';
 declare const HierarchicalFab: ({ model, }: {
     model: HierarchicalTrackSelectorModel;
 }) => React.JSX.Element | null;

package/dist/HierarchicalTrackSelectorWidget/components/HierarchicalFab.js

@@ -27,12 +27,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
 const util_1 = require("@jbrowse/core/util");
-const mobx_react_1 = require("mobx-react");
-// icons
 const Add_1 = __importDefault(require("@mui/icons-material/Add"));
+const material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
+const mui_1 = require("tss-react/mui");
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     fab: {
         position: 'absolute',

package/dist/HierarchicalTrackSelectorWidget/components/HierarchicalTrackSelector.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { HierarchicalTrackSelectorModel } from '../model';
+import type { HierarchicalTrackSelectorModel } from '../model';
 declare const HierarchicalTrackSelectorContainer: ({ model, toolbarHeight, overrideDimensions, }: {
     model: HierarchicalTrackSelectorModel;
     toolbarHeight: number;

package/dist/HierarchicalTrackSelectorWidget/components/HierarchicalTrackSelector.js

@@ -30,10 +30,8 @@ const react_1 = __importStar(require("react"));
 const mobx_react_1 = require("mobx-react");
 const react_virtualized_auto_sizer_1 = __importDefault(require("react-virtualized-auto-sizer"));
 const HierarchicalFab_1 = __importDefault(require("./HierarchicalFab"));
-const HierarchicalTree_1 = __importDefault(require("./tree/HierarchicalTree"));
 const HierarchicalHeader_1 = __importDefault(require("./tree/HierarchicalHeader"));
-// Don't use autosizer in jest and instead hardcode a height, otherwise fails
-// jest tests
+const HierarchicalTree_1 = __importDefault(require("./tree/HierarchicalTree"));
 const AutoSizedHierarchicalTree = ({ tree, model, offset, }) => {
     return typeof jest === 'undefined' ? (react_1.default.createElement(react_virtualized_auto_sizer_1.default, { disableWidth: true }, args => (react_1.default.createElement(HierarchicalTree_1.default, { height: (args.height || offset) - offset, model: model, tree: tree })))) : (react_1.default.createElement(HierarchicalTree_1.default, { height: 9000, model: model, tree: tree }));
 };

package/dist/HierarchicalTrackSelectorWidget/components/ShoppingCart.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { HierarchicalTrackSelectorModel } from '../model';
+import type { HierarchicalTrackSelectorModel } from '../model';
 declare const ShoppingCart: ({ model, }: {
     model: HierarchicalTrackSelectorModel;
 }) => React.JSX.Element | null;

package/dist/HierarchicalTrackSelectorWidget/components/ShoppingCart.js

@@ -4,12 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const material_1 = require("@mui/material");
-const mobx_react_1 = require("mobx-react");
+const CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
 const util_1 = require("@jbrowse/core/util");
-// icons
 const ShoppingCart_1 = __importDefault(require("@mui/icons-material/ShoppingCart"));
-const CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
+const material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
 const ShoppingCart = (0, mobx_react_1.observer)(function ({ model, }) {
     const { selection } = model;
     const { pluginManager } = (0, util_1.getEnv)(model);

package/dist/HierarchicalTrackSelectorWidget/components/dialogs/CloseConnectionDialog.js

@@ -4,12 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const material_1 = require("@mui/material");
 const ui_1 = require("@jbrowse/core/ui");
+const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
 const CloseConnectionDialog = (0, mobx_react_1.observer)(function CloseConnectionDialog({ modalInfo = {}, onClose, }) {
     const { name, dereferenceTypeCount, safelyBreakConnection } = modalInfo;
-    return (react_1.default.createElement(ui_1.Dialog, { open: true, maxWidth: "lg", title: `Close connection "${name}"` },
+    return (react_1.default.createElement(ui_1.Dialog, { open: true, maxWidth: "lg", title: `Close connection "${name}"`, onClose: onClose },
         react_1.default.createElement(material_1.DialogContent, null,
             dereferenceTypeCount ? (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(material_1.DialogContentText, null, "Closing this connection will close:"),

package/dist/HierarchicalTrackSelectorWidget/components/dialogs/DeleteConnectionDialog.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { AbstractSessionModel } from '@jbrowse/core/util';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { AbstractSessionModel } from '@jbrowse/core/util';
 declare const DeleteConnectionDialog: ({ deleteDialogDetails, session, handleClose, }: {
     deleteDialogDetails: {
         name: string;

package/dist/HierarchicalTrackSelectorWidget/components/dialogs/DeleteConnectionDialog.js

@@ -4,12 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const material_1 = require("@mui/material");
 const ui_1 = require("@jbrowse/core/ui");
+const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
 const DeleteConnectionDialog = (0, mobx_react_1.observer)(function DeleteConnectionDialog({ deleteDialogDetails, session, handleClose, }) {
     const { connectionConf, name } = deleteDialogDetails;
-    return (react_1.default.createElement(ui_1.Dialog, { open: true, title: `Delete connection "${name}"` },
+    return (react_1.default.createElement(ui_1.Dialog, { open: true, title: `Delete connection "${name}"`, onClose: handleClose },
         react_1.default.createElement(material_1.DialogContent, null,
             react_1.default.createElement(material_1.DialogContentText, null, "Are you sure you want to delete this connection?")),
         react_1.default.createElement(material_1.DialogActions, null,

package/dist/HierarchicalTrackSelectorWidget/components/dialogs/ManageConnectionsDialog.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { AbstractSessionModel } from '@jbrowse/core/util';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { AbstractSessionModel } from '@jbrowse/core/util';
 declare const ManageConnectionsDialog: ({ session, handleClose, breakConnection, }: {
     handleClose: () => void;
     session: AbstractSessionModel;

package/dist/HierarchicalTrackSelectorWidget/components/dialogs/ManageConnectionsDialog.js

@@ -4,13 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const material_1 = require("@mui/material");
-const ui_1 = require("@jbrowse/core/ui");
-const mui_1 = require("tss-react/mui");
-const mobx_react_1 = require("mobx-react");
 const configuration_1 = require("@jbrowse/core/configuration");
-// icons
+const ui_1 = require("@jbrowse/core/ui");
 const Close_1 = __importDefault(require("@mui/icons-material/Close"));
+const material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
+const mui_1 = require("tss-react/mui");
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     connectionContainer: {
         margin: theme.spacing(4),

package/dist/HierarchicalTrackSelectorWidget/components/dialogs/ToggleConnectionsDialog.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { AbstractSessionModel } from '@jbrowse/core/util';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { AbstractSessionModel } from '@jbrowse/core/util';
 declare const ToggleConnectionDialog: ({ session, handleClose, breakConnection, }: {
     handleClose: () => void;
     session: AbstractSessionModel;

package/dist/HierarchicalTrackSelectorWidget/components/dialogs/ToggleConnectionsDialog.js

@@ -4,11 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const material_1 = require("@mui/material");
+const configuration_1 = require("@jbrowse/core/configuration");
 const ui_1 = require("@jbrowse/core/ui");
-const mui_1 = require("tss-react/mui");
+const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
-const configuration_1 = require("@jbrowse/core/configuration");
+const mui_1 = require("tss-react/mui");
 function ellipses(slug) {
     return slug.length > 20 ? `${slug.slice(0, 20)}...` : slug;
 }

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { HierarchicalTrackSelectorModel } from '../../model';
+import type { HierarchicalTrackSelectorModel } from '../../model';
 declare const FacetFilter: ({ column, vals, model, }: {
     column: {
         field: string;

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

@@ -27,14 +27,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-// icon
+const util_1 = require("@jbrowse/core/util");
+const Add_1 = __importDefault(require("@mui/icons-material/Add"));
 const Clear_1 = __importDefault(require("@mui/icons-material/Clear"));
 const Minimize_1 = __importDefault(require("@mui/icons-material/Minimize"));
-const Add_1 = __importDefault(require("@mui/icons-material/Add"));
-const util_1 = require("@jbrowse/core/util");
+const material_1 = require("@mui/material");
 const mobx_react_1 = require("mobx-react");
+const mui_1 = require("tss-react/mui");
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     facet: {
         margin: 0,
@@ -73,9 +72,7 @@ const FacetFilter = (0, mobx_react_1.observer)(function ({ column, vals, model,
                     setVisible(!visible);
                 } })),
         visible ? (react_1.default.createElement(material_1.Select, { multiple: true, native: true, className: classes.select, value: filters.get(column.field) || [], onChange: event => {
-                faceted.setFilter(column.field, 
-                // @ts-expect-error
-                [...event.target.options]
+                faceted.setFilter(column.field, [...event.target.options]
                     .filter(opt => opt.selected)
                     .map(opt => opt.value));
             } }, vals

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { HierarchicalTrackSelectorModel } from '../../model';
-import { Row } from './util';
+import type { Row } from './util';
+import type { HierarchicalTrackSelectorModel } from '../../model';
 declare const FacetFilters: ({ rows, columns, model, }: {
     rows: Row[];
     columns: {

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

@@ -5,7 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const mobx_react_1 = require("mobx-react");
-// locals
 const FacetFilter_1 = __importDefault(require("./FacetFilter"));
 const util_1 = require("./util");
 const FacetFilters = (0, mobx_react_1.observer)(function ({ rows, columns, model, }) {
@@ -14,14 +13,10 @@ const FacetFilters = (0, mobx_react_1.observer)(function ({ rows, columns, model
     const { filters } = faceted;
     const facets = columns.slice(1);
     const uniqs = new Map(facets.map(f => [f.field, new Map()]));
-    // this code "stages the facet filters" in order that the user has selected
-    // them, which relies on the js behavior that the order of the returned keys is
-    // related to the insertion order.
     const filterKeys = faceted.filters.keys();
     const facetKeys = facets.map(f => f.field);
     const ret = new Set();
     for (const entry of filterKeys) {
-        // give non-empty filters priority
         if ((_a = filters.get(entry)) === null || _a === void 0 ? void 0 : _a.length) {
             ret.add(entry);
         }
@@ -35,7 +30,6 @@ const FacetFilters = (0, mobx_react_1.observer)(function ({ rows, columns, model
         for (const row of currentRows) {
             const key = (0, util_1.getRowStr)(facet, row);
             const val = elt.get(key);
-            // we don't allow filtering on empty yet
             if (key) {
                 if (val === undefined) {
                     elt.set(key, 1);

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { HierarchicalTrackSelectorModel } from '../../model';
+import type { HierarchicalTrackSelectorModel } from '../../model';
 declare const FacetedTrackSelectorDialog: (props: {
     handleClose: () => void;
     model: HierarchicalTrackSelectorModel;

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

@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const material_1 = require("@mui/material");
 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) {

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { HierarchicalTrackSelectorModel } from '../../model';
+import type { HierarchicalTrackSelectorModel } from '../../model';
 export default function FacetedHeader({ model, }: {
     model: HierarchicalTrackSelectorModel;
 }): React.JSX.Element;

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

@@ -28,12 +28,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = FacetedHeader;
 const react_1 = __importStar(require("react"));
-const material_1 = require("@mui/material");
 const ui_1 = require("@jbrowse/core/ui");
-// icons
 const Clear_1 = __importDefault(require("@mui/icons-material/Clear"));
 const MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
-// locals
+const material_1 = require("@mui/material");
 const ShoppingCart_1 = __importDefault(require("../ShoppingCart"));
 function FacetedHeader({ model, }) {
     const { faceted } = model;
@@ -44,12 +42,14 @@ function FacetedHeader({ model, }) {
             react_1.default.createElement(material_1.Grid, { item: true },
                 react_1.default.createElement(material_1.TextField, { label: "Search...", value: faceted.filterText, onChange: event => {
                         faceted.setFilterText(event.target.value);
-                    }, InputProps: {
-                        endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "end" },
-                            react_1.default.createElement(material_1.IconButton, { onClick: () => {
-                                    faceted.setFilterText('');
-                                } },
-                                react_1.default.createElement(Clear_1.default, null)))),
+                    }, slotProps: {
+                        input: {
+                            endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "end" },
+                                react_1.default.createElement(material_1.IconButton, { onClick: () => {
+                                        faceted.setFilterText('');
+                                    } },
+                                    react_1.default.createElement(Clear_1.default, null)))),
+                        },
                     } })),
             react_1.default.createElement(material_1.Grid, { item: true },
                 react_1.default.createElement(material_1.IconButton, { onClick: event => {

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { HierarchicalTrackSelectorModel } from '../../model';
+import type { HierarchicalTrackSelectorModel } from '../../model';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
 export interface InfoArgs {
     target: HTMLElement;
     id: string;

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

@@ -27,17 +27,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const mobx_1 = require("mobx");
-const mobx_react_1 = require("mobx-react");
-const mobx_state_tree_1 = require("mobx-state-tree");
-const x_data_grid_1 = require("@mui/x-data-grid");
-// jbrowse
 const ui_1 = require("@jbrowse/core/ui");
 const SanitizedHTML_1 = __importDefault(require("@jbrowse/core/ui/SanitizedHTML"));
 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 mui_1 = require("tss-react/mui");
-const FacetedHeader_1 = __importDefault(require("./FacetedHeader"));
 const FacetFilters_1 = __importDefault(require("./FacetFilters"));
+const FacetedHeader_1 = __importDefault(require("./FacetedHeader"));
 const TrackLabelMenu_1 = __importDefault(require("../tree/TrackLabelMenu"));
 const useStyles = (0, mui_1.makeStyles)()({
     cell: {
@@ -135,8 +134,6 @@ const FacetedSelector = (0, mobx_react_1.observer)(function FacetedSelector({ mo
                         if (!useShoppingCart) {
                             const a1 = shownTrackIds;
                             const a2 = new Set(userSelectedIds);
-                            // synchronize the user selection with the view
-                            // see share https://stackoverflow.com/a/33034768/2129219
                             (0, mobx_1.transaction)(() => {
                                 ;
                                 [...a1].filter(x => !a2.has(x)).map(t => view.hideTrack(t));

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { MenuItem } from '@jbrowse/core/ui/Menu';
-import { HierarchicalTrackSelectorModel } from '../../model';
+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[];

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

@@ -27,11 +27,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const mobx_react_1 = require("mobx-react");
 const CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
 const SanitizedHTML_1 = __importDefault(require("@jbrowse/core/ui/SanitizedHTML"));
-const tracks_1 = require("@jbrowse/core/util/tracks");
 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;

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

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

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

@@ -4,11 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
+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");
-// icons
-const Grade_1 = __importDefault(require("@mui/icons-material/Grade"));
 const DropdownTrackSelector_1 = __importDefault(require("./DropdownTrackSelector"));
 const useStyles = (0, mui_1.makeStyles)()({
     smallBadge: {

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

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

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

@@ -27,15 +27,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const mobx_react_1 = require("mobx-react");
-const util_1 = require("@jbrowse/core/util");
 const configuration_1 = require("@jbrowse/core/configuration");
 const CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
-// icons
+const util_1 = require("@jbrowse/core/util");
 const Menu_1 = __importDefault(require("@mui/icons-material/Menu"));
-// lazies
+const mobx_react_1 = require("mobx-react");
 const FacetedDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../faceted/FacetedDialog'))));
-// lazy components
 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'))));

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { HierarchicalTrackSelectorModel } from '../../model';
+import type { HierarchicalTrackSelectorModel } from '../../model';
 declare const HierarchicalTrackSelectorHeader: ({ model, setHeaderHeight, }: {
     model: HierarchicalTrackSelectorModel;
     setHeaderHeight: (n: number) => void;

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

@@ -4,11 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
+const Clear_1 = __importDefault(require("@mui/icons-material/Clear"));
 const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
 const mobx_react_1 = require("mobx-react");
-// icons
-const Clear_1 = __importDefault(require("@mui/icons-material/Clear"));
+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"));
@@ -23,12 +22,14 @@ const SearchTracksTextField = (0, mobx_react_1.observer)(function ({ model, }) {
     const { classes } = useStyles();
     return (react_1.default.createElement(material_1.TextField, { className: classes.searchBox, label: "Filter tracks", value: filterText, onChange: event => {
             model.setFilterText(event.target.value);
-        }, fullWidth: true, InputProps: {
-            endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "end" },
-                react_1.default.createElement(material_1.IconButton, { onClick: () => {
-                        model.clearFilterText();
-                    } },
-                    react_1.default.createElement(Clear_1.default, null)))),
+        }, fullWidth: true, slotProps: {
+            input: {
+                endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "end" },
+                    react_1.default.createElement(material_1.IconButton, { onClick: () => {
+                            model.clearFilterText();
+                        } },
+                        react_1.default.createElement(Clear_1.default, null)))),
+            },
         } }));
 });
 const HierarchicalTrackSelectorHeader = (0, mobx_react_1.observer)(function ({ model, setHeaderHeight, }) {

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TreeNode } from '../../generateHierarchy';
-import { HierarchicalTrackSelectorModel } from '../../model';
+import type { TreeNode } from '../../generateHierarchy';
+import type { HierarchicalTrackSelectorModel } from '../../model';
 declare const HierarchicalTree: ({ height, tree, model, }: {
     height: number;
     tree: TreeNode;