@jbrowse/plugin-data-management 2.7.2 → 2.9.0

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

@@ -5,6 +5,8 @@ import { readConfObject, } from '@jbrowse/core/configuration';
 import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
 // icons
 import MenuIcon from '@mui/icons-material/Menu';
+// lazies
+const FacetedDialog = lazy(() => import('../faceted/FacetedDialog'));
 // lazy components
 const CloseConnectionDlg = lazy(() => import('../dialogs/CloseConnectionDialog'));
 const DeleteConnectionDlg = lazy(() => import('../dialogs/DeleteConnectionDialog'));
@@ -16,6 +18,7 @@ const HamburgerMenu = observer(function ({ model, }) {
     const [deleteDlgDetails, setDeleteDlgDetails] = useState();
     const [connectionToggleOpen, setConnectionToggleOpen] = useState(false);
     const [connectionManagerOpen, setConnectionManagerOpen] = useState(false);
+    const [facetedOpen, setFacetedOpen] = useState(false);
     function breakConnection(connectionConf, deletingConnection) {
         var _a;
         const name = readConfObject(connectionConf, 'name');
@@ -40,6 +43,12 @@ const HamburgerMenu = observer(function ({ model, }) {
     }
     return (React.createElement(React.Fragment, null,
         React.createElement(CascadingMenuButton, { menuItems: [
+                {
+                    label: 'Open faceted track selector',
+                    onClick: () => {
+                        setFacetedOpen(true);
+                    },
+                },
                 ...(isSessionWithAddTracks(session)
                     ? [
                         {
@@ -54,59 +63,74 @@ const HamburgerMenu = observer(function ({ model, }) {
                         },
                     ]
                     : []),
-                ...(isSessionModelWithConnections(session)
-                    ? [
+                {
+                    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'));
+                                        }
+                                    },
+                                },
+                                {
+                                    label: 'Delete connections...',
+                                    onClick: () => setConnectionManagerOpen(true),
+                                },
+                            ]
+                            : []),
+                    ],
+                },
+                {
+                    label: 'Sort...',
+                    type: 'subMenu',
+                    subMenu: [
                         {
-                            label: 'Turn on/off connections...',
-                            onClick: () => setConnectionToggleOpen(true),
+                            label: 'Sort tracks by name',
+                            type: 'checkbox',
+                            checked: model.activeSortTrackNames,
+                            onClick: () => model.setSortTrackNames(!model.activeSortTrackNames),
                         },
-                    ]
-                    : []),
-                ...(isSessionModelWithConnectionEditing(session)
-                    ? [
                         {
-                            label: 'Add connection...',
-                            onClick: () => {
-                                if (isSessionModelWithWidgets(session)) {
-                                    session.showWidget(session.addWidget('AddConnectionWidget', 'addConnectionWidget'));
-                                }
-                            },
+                            label: 'Sort categories by name',
+                            type: 'checkbox',
+                            checked: model.activeSortCategories,
+                            onClick: () => model.setSortCategories(!model.activeSortCategories),
                         },
-                        {
-                            label: 'Delete connections...',
-                            onClick: () => setConnectionManagerOpen(true),
-                        },
-                    ]
-                    : []),
-                { type: 'divider' },
-                {
-                    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),
-                },
-                { type: 'divider' },
-                ...(model.hasAnySubcategories
-                    ? [
+                    label: 'Collapse...',
+                    type: 'subMenu',
+                    subMenu: [
+                        ...(model.hasAnySubcategories
+                            ? [
+                                {
+                                    label: 'Collapse subcategories',
+                                    onClick: () => model.collapseSubCategories(),
+                                },
+                            ]
+                            : []),
                         {
-                            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)),
@@ -114,6 +138,7 @@ const HamburgerMenu = observer(function ({ model, }) {
             modalInfo ? (React.createElement(CloseConnectionDlg, { modalInfo: modalInfo, onClose: () => setModalInfo(undefined) })) : null,
             deleteDlgDetails ? (React.createElement(DeleteConnectionDlg, { handleClose: () => setDeleteDlgDetails(undefined), deleteDialogDetails: deleteDlgDetails, session: session })) : null,
             connectionManagerOpen ? (React.createElement(ManageConnectionsDlg, { handleClose: () => setConnectionManagerOpen(false), breakConnection: breakConnection, session: session })) : null,
-            connectionToggleOpen ? (React.createElement(ToggleConnectionsDlg, { handleClose: () => setConnectionToggleOpen(false), session: session, breakConnection: breakConnection })) : null)));
+            connectionToggleOpen ? (React.createElement(ToggleConnectionsDlg, { handleClose: () => setConnectionToggleOpen(false), session: session, breakConnection: breakConnection })) : null,
+            facetedOpen ? (React.createElement(FacetedDialog, { handleClose: () => setFacetedOpen(false), model: model })) : null)));
 });
 export default HamburgerMenu;

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

@@ -1,21 +1,17 @@
-import React, { Suspense, lazy, useState } from 'react';
-import { Button, IconButton, InputAdornment, TextField } from '@mui/material';
+import React from 'react';
+import { IconButton, InputAdornment, TextField } from '@mui/material';
 import { makeStyles } from 'tss-react/mui';
 import { observer } from 'mobx-react';
 // icons
 import ClearIcon from '@mui/icons-material/Clear';
 import HamburgerMenu from './HamburgerMenu';
 import ShoppingCart from '../ShoppingCart';
-// lazies
-const FacetedDialog = lazy(() => import('../faceted/FacetedDialog'));
+import FavoriteTracks from './FavoriteTracks';
+import RecentlyUsedTracks from './RecentlyUsedTracks';
 const useStyles = makeStyles()(theme => ({
     searchBox: {
         margin: theme.spacing(2),
     },
-    menuIcon: {
-        marginRight: theme.spacing(1),
-        marginBottom: 0,
-    },
 }));
 const SearchTracksTextField = observer(function ({ model, }) {
     const { filterText } = model;
@@ -27,14 +23,12 @@ const SearchTracksTextField = observer(function ({ model, }) {
         } }));
 });
 const HierarchicalTrackSelectorHeader = observer(function ({ model, setHeaderHeight, }) {
-    const { classes } = useStyles();
-    const [facetedOpen, setFacetedOpen] = useState(false);
     return (React.createElement("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(Button, { className: classes.menuIcon, onClick: () => setFacetedOpen(true) }, "Open faceted selector")),
-        React.createElement(Suspense, { fallback: React.createElement("div", null) }, facetedOpen ? (React.createElement(FacetedDialog, { handleClose: () => setFacetedOpen(false), model: model })) : null)));
+            React.createElement(RecentlyUsedTracks, { model: model }),
+            React.createElement(FavoriteTracks, { model: model }))));
 });
 export default HierarchicalTrackSelectorHeader;

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

@@ -4,8 +4,8 @@ import { VariableSizeTree } from 'react-vtree';
 import { getSession } from '@jbrowse/core/util';
 import Node from './TrackListNode';
 function getNodeData(node, nestingLevel, extra, selection) {
-    const isLeaf = !!node.conf;
-    const selected = !!selection[node.id];
+    const isLeaf = node.type === 'track';
+    const selected = isLeaf ? selection[node.trackId] : false;
     return {
         data: {
             defaultHeight: isLeaf ? 22 : 40,
@@ -30,7 +30,12 @@ const HierarchicalTree = observer(function HierarchicalTree({ height, tree, mode
     const { drawerPosition } = session;
     const obj = useMemo(() => Object.fromEntries(selection.map(s => [s.trackId, s])), [selection]);
     const extra = useMemo(() => ({
-        onChange: (trackId) => view.toggleTrack(trackId),
+        onChange: (trackId) => {
+            const trackTurnedOn = view.toggleTrack(trackId);
+            if (trackTurnedOn) {
+                model.addToRecentlyUsed(trackId);
+            }
+        },
         toggleCollapse: (pathName) => model.toggleCategory(pathName),
         tree,
         model,

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

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

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

@@ -0,0 +1,37 @@
+import React from 'react';
+import { Badge, Tooltip } from '@mui/material';
+import { observer } from 'mobx-react';
+// icons
+import HistoryIcon from '@mui/icons-material/History';
+import DropdownTrackSelector from './DropdownTrackSelector';
+import { makeStyles } from 'tss-react/mui';
+const useStyles = makeStyles()({
+    smallBadge: {
+        height: 14,
+    },
+});
+const RecentlyUsedTracks = observer(function ({ model, }) {
+    const { classes } = useStyles();
+    const { view, recentlyUsedCounter, recentlyUsedTracks } = model;
+    return view ? (React.createElement(DropdownTrackSelector, { onClick: () => model.setRecentlyUsedCounter(0), model: model, tracks: recentlyUsedTracks, extraMenuItems: recentlyUsedTracks.length
+            ? [
+                { type: 'divider' },
+                {
+                    label: 'Clear recently used',
+                    onClick: () => model.clearRecentlyUsed(),
+                },
+            ]
+            : [
+                {
+                    label: 'No recently used',
+                    onClick: () => { },
+                },
+            ] },
+        React.createElement(Tooltip, { title: "Recently used tracks" },
+            React.createElement(Badge, { classes: { badge: classes.smallBadge }, anchorOrigin: {
+                    vertical: 'bottom',
+                    horizontal: 'right',
+                }, color: "secondary", badgeContent: recentlyUsedCounter },
+                React.createElement(HistoryIcon, null))))) : null;
+});
+export default RecentlyUsedTracks;

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

@@ -22,10 +22,10 @@ const useStyles = makeStyles()(theme => ({
 export default function Category({ isOpen, setOpen, data, }) {
     const { classes } = useStyles();
     const [menuEl, setMenuEl] = useState(null);
-    const { name, model, id, tree, toggleCollapse } = data;
+    const { menuItems = [], name, model, id, tree } = data;
     return (React.createElement("div", { className: classes.accordionText, onClick: () => {
             if (!menuEl) {
-                toggleCollapse(id);
+                data.toggleCollapse(id);
                 setOpen(!isOpen);
             }
         } },
@@ -57,8 +57,8 @@ export default function Category({ isOpen, setOpen, data, }) {
                     onClick: () => {
                         var _a;
                         for (const entry of ((_a = treeToMap(tree).get(id)) === null || _a === void 0 ? void 0 : _a.children) || []) {
-                            if (!entry.children.length) {
-                                model.view.showTrack(entry.id);
+                            if (entry.type === 'track') {
+                                model.view.showTrack(entry.trackId);
                             }
                         }
                     },
@@ -68,12 +68,13 @@ export default function Category({ isOpen, setOpen, data, }) {
                     onClick: () => {
                         var _a;
                         for (const entry of ((_a = treeToMap(tree).get(id)) === null || _a === void 0 ? void 0 : _a.children) || []) {
-                            if (!entry.children.length) {
-                                model.view.hideTrack(entry.id);
+                            if (entry.type === 'track') {
+                                model.view.hideTrack(entry.trackId);
                             }
                         }
                     },
                 },
+                ...menuItems,
             ], onMenuItemClick: (_event, callback) => {
                 callback();
                 setMenuEl(null);

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

@@ -1,14 +1,11 @@
 import React from 'react';
 import { Checkbox, FormControlLabel, Tooltip } from '@mui/material';
 import { makeStyles } from 'tss-react/mui';
-import { getSession } from '@jbrowse/core/util';
 import SanitizedHTML from '@jbrowse/core/ui/SanitizedHTML';
 import { readConfObject, } from '@jbrowse/core/configuration';
-// icons
-import MoreHorizIcon from '@mui/icons-material/MoreHoriz';
 // locals
 import { isUnsupported } from '../util';
-import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
+import TrackLabelMenu from './TrackLabelMenu';
 const useStyles = makeStyles()(theme => ({
     compactCheckbox: {
         padding: 0,
@@ -19,36 +16,20 @@ const useStyles = makeStyles()(theme => ({
             backgroundColor: theme.palette.action.selected,
         },
     },
+    selected: {
+        background: '#cccc',
+    },
 }));
 export default function TrackLabel({ data }) {
     const { classes } = useStyles();
-    const { checked, conf, model, drawerPosition, id, name, onChange, selected } = data;
-    const description = (conf && readConfObject(conf, ['description'])) || '';
+    const { checked, conf, model, drawerPosition, id, trackId, name, onChange, selected, } = data;
+    const description = (conf && readConfObject(conf, 'description')) || '';
     return (React.createElement(React.Fragment, null,
         React.createElement(Tooltip, { title: description + (selected ? ' (in selection)' : ''), placement: drawerPosition === 'left' ? 'right' : 'left' },
-            React.createElement(FormControlLabel, { className: classes.checkboxLabel, control: React.createElement(Checkbox, { className: classes.compactCheckbox, checked: checked, onChange: () => onChange(id), disabled: isUnsupported(name), inputProps: {
+            React.createElement(FormControlLabel, { className: classes.checkboxLabel, control: React.createElement(Checkbox, { className: classes.compactCheckbox, checked: checked, onChange: () => onChange(trackId), disabled: isUnsupported(name), inputProps: {
                         // @ts-expect-error
                         'data-testid': `htsTrackEntry-${id}`,
                     } }), label: React.createElement("div", { "data-testid": `htsTrackLabel-${id}`, style: { background: selected ? '#cccc' : undefined } },
                     React.createElement(SanitizedHTML, { html: name })) })),
-        React.createElement(TrackMenuButton, { model: model, selected: selected, id: id, conf: conf })));
-}
-function TrackMenuButton({ id, model, selected, conf, }) {
-    var _a, _b;
-    return (React.createElement(CascadingMenuButton, { style: { padding: 0 }, "data-testid": `htsTrackEntryMenu-${id}`, menuItems: [
-            ...(((_b = (_a = getSession(model)).getTrackActionMenuItems) === null || _b === void 0 ? void 0 : _b.call(_a, conf)) || []),
-            {
-                label: 'Add to selection',
-                onClick: () => model.addToSelection([conf]),
-            },
-            ...(selected
-                ? [
-                    {
-                        label: 'Remove from selection',
-                        onClick: () => model.removeFromSelection([conf]),
-                    },
-                ]
-                : []),
-        ] },
-        React.createElement(MoreHorizIcon, null)));
+        React.createElement(TrackLabelMenu, { model: model, trackId: trackId, id: id, conf: conf })));
 }

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import { HierarchicalTrackSelectorModel } from '../../model';
+declare const TrackLabelMenu: ({ id, trackId, stopPropagation, model, setOpen, conf, }: {
+    id: string;
+    trackId: string;
+    stopPropagation?: boolean | undefined;
+    conf: AnyConfigurationModel;
+    setOpen?: ((arg: boolean) => void) | undefined;
+    model: HierarchicalTrackSelectorModel;
+}) => React.JSX.Element;
+export default TrackLabelMenu;

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

@@ -0,0 +1,45 @@
+import React from 'react';
+import { makeStyles } from 'tss-react/mui';
+import { getSession } from '@jbrowse/core/util';
+import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
+// icons
+import MoreHorizIcon from '@mui/icons-material/MoreHoriz';
+import StarIcon from '@mui/icons-material/StarBorderOutlined';
+import FilledStarIcon from '@mui/icons-material/Star';
+const useStyles = makeStyles()({
+    cascadingStyle: {
+        padding: 0,
+    },
+});
+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: [
+            ...(((_b = (_a = getSession(model)).getTrackActionMenuItems) === null || _b === void 0 ? void 0 : _b.call(_a, conf)) || []),
+            model.isFavorite(trackId)
+                ? {
+                    label: 'Remove from favorites',
+                    onClick: () => model.removeFromFavorites(trackId),
+                    icon: StarIcon,
+                }
+                : {
+                    label: 'Add to favorites',
+                    onClick: () => model.addToFavorites(trackId),
+                    icon: FilledStarIcon,
+                },
+            {
+                label: 'Add to selection',
+                onClick: () => model.addToSelection([conf]),
+            },
+            ...(model.isSelected(conf)
+                ? [
+                    {
+                        label: 'Remove from selection',
+                        onClick: () => model.removeFromSelection([conf]),
+                    },
+                ]
+                : []),
+        ] },
+        React.createElement(MoreHorizIcon, null)));
+};
+export default TrackLabelMenu;

package/esm/HierarchicalTrackSelectorWidget/components/util.d.ts

@@ -1,18 +1,21 @@
 import { AnyConfigurationModel } from '@jbrowse/core/configuration';
 import { HierarchicalTrackSelectorModel } from '../model';
 import { TreeNode } from '../generateHierarchy';
+import { MenuItem } from '@jbrowse/core/ui';
 export interface NodeData {
     nestingLevel: number;
     checked: boolean;
     conf: AnyConfigurationModel;
     drawerPosition: unknown;
     id: string;
+    trackId: string;
     isLeaf: boolean;
     name: string;
     onChange: Function;
     toggleCollapse: (arg: string) => void;
     tree: TreeNode;
     selected: boolean;
+    menuItems?: MenuItem[];
     model: HierarchicalTrackSelectorModel;
 }
 export declare function getAllChildren(subtree?: TreeNode): AnyConfigurationModel[];

package/esm/HierarchicalTrackSelectorWidget/components/util.js

@@ -1,6 +1,10 @@
 export function getAllChildren(subtree) {
     // @ts-expect-error
-    return ((subtree === null || subtree === void 0 ? void 0 : subtree.children.map(t => t.children.length ? getAllChildren(t) : t.conf)) || []).flat(Infinity);
+    return (subtree === null || subtree === void 0 ? void 0 : subtree.type) === 'category'
+        ? subtree.children
+            .map(t => (t.type === 'category' ? getAllChildren(t) : t.conf))
+            .flat(Infinity)
+        : [];
 }
 export function treeToMap(tree, map = new Map()) {
     if (tree.id && tree.children.length) {

package/esm/HierarchicalTrackSelectorWidget/facetedModel.d.ts

@@ -0,0 +1,128 @@
+import { Instance } from 'mobx-state-tree';
+/**
+ * #stateModel FacetedModel
+ */
+export declare function facetedStateTreeF(): import("mobx-state-tree").IModelType<{
+    /**
+     * #property
+     */
+    filterText: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    /**
+     * #property
+     */
+    showSparse: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+    /**
+     * #property
+     */
+    showFilters: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+    /**
+     * #property
+     */
+    showOptions: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+    /**
+     * #property
+     */
+    panelWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+}, {
+    visible: Record<string, boolean>;
+    widths: Record<string, number | undefined>;
+    useShoppingCart: boolean;
+    filters: import("mobx").ObservableMap<string, string[]>;
+} & {
+    /**
+     * #action
+     */
+    setFilter(key: string, value: string[]): void;
+    /**
+     * #action
+     */
+    setPanelWidth(width: number): void;
+    /**
+     * #action
+     */
+    setUseShoppingCart(f: boolean): void;
+    /**
+     * #action
+     */
+    setFilterText(str: string): void;
+    /**
+     * #action
+     */
+    setShowSparse(f: boolean): void;
+    /**
+     * #action
+     */
+    setShowOptions(f: boolean): void;
+    /**
+     * #action
+     */
+    setShowFilters(f: boolean): void;
+} & {
+    /**
+     * #getter
+     */
+    readonly allTrackConfigurations: ({
+        [x: string]: any;
+    } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+        setSubschema(slotName: string, data: unknown): any;
+    } & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>)[];
+} & {
+    /**
+     * #getter
+     */
+    readonly rows: {
+        readonly id: string;
+        readonly conf: {
+            [x: string]: any;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            setSubschema(slotName: string, data: unknown): any;
+        } & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>;
+        readonly name: string;
+        readonly category: string;
+        readonly adapter: string;
+        readonly description: string;
+        readonly metadata: any;
+    }[];
+} & {
+    /**
+     * #getter
+     */
+    readonly filteredNonMetadataKeys: string[] | readonly ["category", "adapter", "description"];
+    /**
+     * #getter
+     */
+    readonly metadataKeys: string[];
+    readonly filteredMetadataKeys: string[];
+    /**
+     * #getter
+     */
+    readonly fields: string[];
+    /**
+     * #getter
+     */
+    readonly filteredRows: {
+        readonly id: string;
+        readonly conf: {
+            [x: string]: any;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            setSubschema(slotName: string, data: unknown): any;
+        } & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>;
+        readonly name: string;
+        readonly category: string;
+        readonly adapter: string;
+        readonly description: string;
+        readonly metadata: any;
+    }[];
+} & {
+    /**
+     * #action
+     */
+    setVisible(args: Record<string, boolean>): void;
+    /**
+     * #action
+     */
+    setWidths(args: Record<string, number | undefined>): void;
+    afterAttach(): void;
+}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+export type FacetedStateModel = ReturnType<typeof facetedStateTreeF>;
+export type FacetedModel = Instance<FacetedStateModel>;