@jbrowse/plugin-data-management 2.6.1 → 2.6.3

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

@@ -45,4 +45,3 @@ export default function FacetedHeader({ setFilterText, setUseShoppingCart, setHi
                 },
             ] })));
 }
-//# sourceMappingURL=FacetedHeader.js.map

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

@@ -14,8 +14,7 @@ import { getEnv, getSession, measureGridWidth, useDebounce, } from '@jbrowse/cor
 import { readConfObject, } from '@jbrowse/core/configuration';
 // icons
 import MoreHoriz from '@mui/icons-material/MoreHoriz';
-// locals
-import { matches } from '../../model';
+import { matches } from '../../util';
 import FacetedHeader from './FacetedHeader';
 import FacetFilters from './FacetFilters';
 import { getRootKeys } from './util';
@@ -185,4 +184,3 @@ export default observer(function FacetedSelector({ model, }) {
             React.createElement("div", { style: { width: panelWidth, overflowY: 'auto', overflowX: 'hidden' } },
                 React.createElement(FacetFilters, { width: panelWidth - 10, rows: rows, columns: columns, dispatch: dispatch, filters: filters })))));
 });
-//# sourceMappingURL=FacetedSelector.js.map

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

@@ -3,4 +3,3 @@ export function getRootKeys(obj) {
         .map(([key, val]) => (typeof val === 'string' ? key : ''))
         .filter(f => !!f);
 }
-//# sourceMappingURL=util.js.map

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

@@ -1,10 +1,8 @@
 import React, { Suspense, lazy, useState } from 'react';
-import { IconButton } from '@mui/material';
-import { makeStyles } from 'tss-react/mui';
 import { observer } from 'mobx-react';
-import JBrowseMenu from '@jbrowse/core/ui/Menu';
 import { getSession, isSessionModelWithConnectionEditing, isSessionModelWithConnections, isSessionModelWithWidgets, isSessionWithAddTracks, } from '@jbrowse/core/util';
 import { readConfObject, } from '@jbrowse/core/configuration';
+import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
 // icons
 import MenuIcon from '@mui/icons-material/Menu';
 // lazy components
@@ -12,20 +10,12 @@ const CloseConnectionDlg = lazy(() => import('../dialogs/CloseConnectionDialog')
 const DeleteConnectionDlg = lazy(() => import('../dialogs/DeleteConnectionDialog'));
 const ManageConnectionsDlg = lazy(() => import('../dialogs/ManageConnectionsDialog'));
 const ToggleConnectionsDlg = lazy(() => import('../dialogs/ToggleConnectionsDialog'));
-const useStyles = makeStyles()(theme => ({
-    menuIcon: {
-        marginRight: theme.spacing(1),
-        marginBottom: 0,
-    },
-}));
 export default observer(function HamburgerMenu({ model, }) {
     const session = getSession(model);
-    const [menuEl, setMenuEl] = useState();
     const [modalInfo, setModalInfo] = useState();
     const [deleteDlgDetails, setDeleteDlgDetails] = useState();
     const [connectionToggleOpen, setConnectionToggleOpen] = useState(false);
     const [connectionManagerOpen, setConnectionManagerOpen] = useState(false);
-    const { classes } = useStyles();
     function breakConnection(connectionConf, deletingConnection) {
         const name = readConfObject(connectionConf, 'name');
         const result = session.prepareToBreakConnection(connectionConf);
@@ -48,12 +38,7 @@ export default observer(function HamburgerMenu({ model, }) {
         }
     }
     return (React.createElement(React.Fragment, null,
-        React.createElement(IconButton, { className: classes.menuIcon, onClick: event => setMenuEl(event.currentTarget) },
-            React.createElement(MenuIcon, null)),
-        React.createElement(JBrowseMenu, { anchorEl: menuEl, open: Boolean(menuEl), onMenuItemClick: (_, callback) => {
-                callback();
-                setMenuEl(undefined);
-            }, onClose: () => setMenuEl(undefined), menuItems: [
+        React.createElement(CascadingMenuButton, { menuItems: [
                 ...(isSessionWithAddTracks(session)
                     ? [
                         {
@@ -92,11 +77,41 @@ export default observer(function HamburgerMenu({ model, }) {
                         },
                     ]
                     : []),
-            ] }),
+                { 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 subcategories',
+                            onClick: () => model.collapseSubCategories(),
+                        },
+                    ]
+                    : []),
+                {
+                    label: 'Collapse top-level categories',
+                    onClick: () => model.collapseTopLevelCategories(),
+                },
+                {
+                    label: 'Expand all categories',
+                    onClick: () => model.expandAllCategories(),
+                },
+            ] },
+            React.createElement(MenuIcon, null)),
         React.createElement(Suspense, { fallback: React.createElement(React.Fragment, null) },
             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)));
 });
-//# sourceMappingURL=HamburgerMenu.js.map

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

@@ -17,21 +17,24 @@ const useStyles = makeStyles()(theme => ({
         marginBottom: 0,
     },
 }));
+const SearchTracksTextField = observer(function ({ model, }) {
+    const { filterText } = model;
+    const { classes } = useStyles();
+    return (React.createElement(TextField, { className: classes.searchBox, label: "Filter tracks", value: filterText, onChange: event => model.setFilterText(event.target.value), fullWidth: true, InputProps: {
+            endAdornment: (React.createElement(InputAdornment, { position: "end" },
+                React.createElement(IconButton, { onClick: () => model.clearFilterText() },
+                    React.createElement(ClearIcon, null)))),
+        } }));
+});
 function HierarchicalTrackSelectorHeader({ model, setHeaderHeight, }) {
     const { classes } = useStyles();
     const [facetedOpen, setFacetedOpen] = useState(false);
-    const { filterText } = model;
     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(TextField, { className: classes.searchBox, label: "Filter tracks", value: filterText, onChange: event => model.setFilterText(event.target.value), fullWidth: true, InputProps: {
-                    endAdornment: (React.createElement(InputAdornment, { position: "end" },
-                        React.createElement(IconButton, { onClick: () => model.clearFilterText() },
-                            React.createElement(ClearIcon, null)))),
-                } }),
+            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)));
 }
 export default observer(HierarchicalTrackSelectorHeader);
-//# sourceMappingURL=HierarchicalHeader.js.map

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

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

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

@@ -60,4 +60,3 @@ export default observer(function HierarchicalTree({ height, tree, model, }) {
     return (React.createElement(React.Fragment, null,
         React.createElement(VariableSizeTree, { ref: treeRef, treeWalker: treeWalker, height: height }, Node)));
 });
-//# sourceMappingURL=HierarchicalTree.js.map

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

@@ -52,9 +52,30 @@ export default function Category({ isOpen, setOpen, data, }) {
                         model.removeFromSelection(getAllChildren(r));
                     },
                 },
+                {
+                    label: 'Show all tracks',
+                    onClick: () => {
+                        var _a;
+                        for (const entry of ((_a = treeToMap(tree).get(id)) === null || _a === void 0 ? void 0 : _a.children) || []) {
+                            if (!entry.children.length) {
+                                model.view.showTrack(entry.id);
+                            }
+                        }
+                    },
+                },
+                {
+                    label: 'Hide all tracks',
+                    onClick: () => {
+                        var _a;
+                        for (const entry of ((_a = treeToMap(tree).get(id)) === null || _a === void 0 ? void 0 : _a.children) || []) {
+                            if (!entry.children.length) {
+                                model.view.hideTrack(entry.id);
+                            }
+                        }
+                    },
+                },
             ], onMenuItemClick: (_event, callback) => {
                 callback();
                 setMenuEl(null);
             }, open: Boolean(menuEl), onClose: () => setMenuEl(null) })) : null));
 }
-//# sourceMappingURL=TrackCategory.js.map

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

@@ -31,7 +31,7 @@ export default function TrackLabel({ data }) {
             React.createElement(FormControlLabel, { className: classes.checkboxLabel, control: React.createElement(Checkbox, { className: classes.compactCheckbox, checked: checked, onChange: () => onChange(id), disabled: isUnsupported(name), inputProps: {
                         // @ts-expect-error
                         'data-testid': `htsTrackEntry-${id}`,
-                    } }), label: React.createElement("div", { style: { background: selected ? '#cccc' : undefined } },
+                    } }), label: React.createElement("div", { "data-testid": `htsTrackLabel-${id}`, style: { background: selected ? '#cccc' : undefined } },
                     React.createElement(SanitizedHTML, { html: name })) })),
         React.createElement(IconButton, { onClick: e => setInfo({ target: e.currentTarget, id, conf }), style: { padding: 0 }, "data-testid": `htsTrackEntryMenu-${id}` },
             React.createElement(MoreHorizIcon, null)),
@@ -54,4 +54,3 @@ export default function TrackLabel({ data }) {
                 setInfo(undefined);
             }, open: Boolean(info), onClose: () => setInfo(undefined) })) : null));
 }
-//# sourceMappingURL=TrackLabel.js.map

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

@@ -45,4 +45,3 @@ export default function Node({ data, isOpen, style, setOpen, }) {
             } },
             React.createElement("div", { className: !isLeaf ? classes.accordionColor : undefined }, !isLeaf ? (React.createElement(Category, { isOpen: isOpen, data: data, setOpen: setOpen })) : (React.createElement(TrackLabel, { data: data }))))));
 }
-//# sourceMappingURL=TrackListNode.js.map

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

@@ -1,5 +1,6 @@
 import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { HierarchicalTrackSelectorModel, TreeNode } from '../model';
+import { HierarchicalTrackSelectorModel } from '../model';
+import { TreeNode } from '../generateHierarchy';
 export interface NodeData {
     nestingLevel: number;
     checked: boolean;

package/esm/HierarchicalTrackSelectorWidget/components/util.js

@@ -15,4 +15,3 @@ export function treeToMap(tree, map = new Map()) {
 export function isUnsupported(name = '') {
     return name.endsWith('(Unsupported)') || name.endsWith('(Unknown)');
 }
-//# sourceMappingURL=util.js.map

package/esm/HierarchicalTrackSelectorWidget/configSchema.js

@@ -1,4 +1,3 @@
 import { ConfigurationSchema } from '@jbrowse/core/configuration';
 const configSchema = ConfigurationSchema('HierarchicalTrackSelectorWidget', {});
 export default configSchema;
-//# sourceMappingURL=configSchema.js.map

package/esm/HierarchicalTrackSelectorWidget/filterTracks.d.ts

@@ -0,0 +1,12 @@
+import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+export declare function filterTracks(tracks: AnyConfigurationModel[], self: {
+    view?: {
+        type: string;
+        trackSelectorAnyOverlap?: boolean;
+    };
+    assemblyNames: string[];
+}): ({
+    [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>)[];

package/esm/HierarchicalTrackSelectorWidget/filterTracks.js

@@ -0,0 +1,28 @@
+import { readConfObject, } from '@jbrowse/core/configuration';
+import { getEnv, getSession, notEmpty } from '@jbrowse/core/util';
+import { hasAllOverlap, hasAnyOverlap } from './util';
+export function filterTracks(tracks, self) {
+    const { assemblyManager } = getSession(self);
+    const { pluginManager } = getEnv(self);
+    const { view } = self;
+    if (!view) {
+        return [];
+    }
+    const trackListAssemblies = self.assemblyNames
+        .map(a => assemblyManager.get(a))
+        .filter(notEmpty);
+    return tracks
+        .filter(c => {
+        const trackAssemblyNames = readConfObject(c, 'assemblyNames');
+        const trackAssemblies = trackAssemblyNames === null || trackAssemblyNames === void 0 ? void 0 : trackAssemblyNames.map(name => assemblyManager.get(name)).filter(notEmpty);
+        return view.trackSelectorAnyOverlap
+            ? hasAnyOverlap(trackAssemblies, trackListAssemblies)
+            : hasAllOverlap(trackAssemblies, trackListAssemblies);
+    })
+        .filter(c => {
+        const { displayTypes } = pluginManager.getViewType(view.type);
+        const compatDisplays = displayTypes.map(d => d.name);
+        const trackDisplays = c.displays.map((d) => d.type);
+        return hasAnyOverlap(compatDisplays, trackDisplays);
+    });
+}

package/esm/HierarchicalTrackSelectorWidget/generateHierarchy.d.ts

@@ -0,0 +1,21 @@
+import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+export type TreeNode = {
+    name: string;
+    id: string;
+    conf?: AnyConfigurationModel;
+    checked?: boolean;
+    isOpenByDefault?: boolean;
+    children: TreeNode[];
+};
+export declare function generateHierarchy(model: {
+    filterText: string;
+    activeSortTrackNames: boolean;
+    activeSortCategories: boolean;
+    view?: {
+        tracks: {
+            configuration: AnyConfigurationModel;
+        }[];
+    };
+}, trackConfs: AnyConfigurationModel[], collapsed: {
+    get: (arg: string) => boolean | undefined;
+}, extra?: string): TreeNode[];

package/esm/HierarchicalTrackSelectorWidget/generateHierarchy.js

@@ -0,0 +1,94 @@
+import { readConfObject, } from '@jbrowse/core/configuration';
+import { getSession } from '@jbrowse/core/util';
+import { getTrackName } from '@jbrowse/core/util/tracks';
+// locals
+import { matches } from './util';
+function sortConfs(confs, sortNames, sortCategories) {
+    // uses readConfObject instead of getTrackName so that the undefined
+    // reference sequence track is sorted to the top
+    const ret = confs.map(c => {
+        var _a, _b, _c;
+        return [
+            c,
+            readConfObject(c, 'name'),
+            ((_a = readConfObject(c, 'category')) === null || _a === void 0 ? void 0 : _a[0]) || '',
+            ((_b = readConfObject(c, 'category')) === null || _b === void 0 ? void 0 : _b[1]) || '',
+            ((_c = readConfObject(c, 'category')) === null || _c === void 0 ? void 0 : _c[2]) || '',
+        ];
+    });
+    if (sortNames) {
+        ret.sort((a, b) => a[1].localeCompare(b[1]));
+    }
+    if (sortCategories) {
+        // sort up to three sub-category levels, harder to code it to go deeper
+        // than this and likely rarely used
+        ret.sort((a, b) => {
+            if (a[2] !== b[2]) {
+                return a[2].localeCompare(b[2]);
+            }
+            else if (a[3] !== b[3]) {
+                return a[3].localeCompare(b[3]);
+            }
+            else if (a[4] !== b[4]) {
+                return a[4].localeCompare(b[4]);
+            }
+            return 0;
+        });
+    }
+    return ret.map(a => a[0]);
+}
+export function generateHierarchy(model, trackConfs, collapsed, extra) {
+    const hierarchy = { children: [] };
+    const { filterText, activeSortTrackNames, activeSortCategories, view } = model;
+    if (!view) {
+        return [];
+    }
+    const session = getSession(model);
+    const viewTracks = view.tracks;
+    const confs = trackConfs.filter(conf => matches(filterText, conf, session));
+    // uses getConf
+    for (const conf of sortConfs(confs, activeSortTrackNames, activeSortCategories)) {
+        // copy the categories since this array can be mutated downstream
+        const categories = [...(readConfObject(conf, 'category') || [])];
+        // hack where if trackId ends with sessionTrack, then push it to a
+        // category that starts with a space to force sort to the top
+        if (conf.trackId.endsWith('sessionTrack')) {
+            categories.unshift(' Session tracks');
+        }
+        let currLevel = hierarchy;
+        // find existing category to put track into or create it
+        for (let i = 0; i < categories.length; i++) {
+            const category = categories[i];
+            const ret = currLevel.children.find(c => c.name === category);
+            const id = [extra, categories.slice(0, i + 1).join(',')]
+                .filter(f => !!f)
+                .join('-');
+            if (!ret) {
+                const n = {
+                    children: [],
+                    name: category,
+                    id,
+                    isOpenByDefault: !collapsed.get(id),
+                };
+                currLevel.children.push(n);
+                currLevel = n;
+            }
+            else {
+                currLevel = ret;
+            }
+        }
+        // uses splice to try to put all leaf nodes above "category nodes" if you
+        // change the splice to a simple push and open
+        // test_data/test_order/config.json you will see the weirdness
+        const r = currLevel.children.findIndex(elt => elt.children.length);
+        const idx = r === -1 ? currLevel.children.length : r;
+        currLevel.children.splice(idx, 0, {
+            id: conf.trackId,
+            name: getTrackName(conf, session),
+            conf,
+            checked: viewTracks.some(f => f.configuration === conf),
+            children: [],
+        });
+    }
+    return hierarchy.children;
+}

package/esm/HierarchicalTrackSelectorWidget/index.js

@@ -15,4 +15,3 @@ export default (pluginManager) => {
 };
 export { default as stateModelFactory, } from './model';
 export { default as configSchema } from './configSchema';
-//# sourceMappingURL=index.js.map

package/esm/HierarchicalTrackSelectorWidget/model.d.ts

@@ -1,19 +1,7 @@
 import { Instance } from 'mobx-state-tree';
 import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { AbstractSessionModel } from '@jbrowse/core/util';
 import PluginManager from '@jbrowse/core/PluginManager';
-export declare function matches(query: string, conf: AnyConfigurationModel, session: AbstractSessionModel): boolean;
-export type TreeNode = {
-    name: string;
-    id: string;
-    conf?: AnyConfigurationModel;
-    checked?: boolean;
-    isOpenByDefault?: boolean;
-    children: TreeNode[];
-};
-export declare function generateHierarchy(model: HierarchicalTrackSelectorModel, trackConfigurations: AnyConfigurationModel[], collapsed: {
-    get: (arg: string) => boolean | undefined;
-}, extra?: string): TreeNode[];
+import { TreeNode } from './generateHierarchy';
 /**
  * #stateModel HierarchicalTrackSelectorWidget
  */
@@ -26,10 +14,22 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
      * #property
      */
     type: import("mobx-state-tree").ISimpleType<"HierarchicalTrackSelectorWidget">;
+    /**
+     * #property
+     */
+    initialized: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<boolean>>;
     /**
      * #property
      */
     collapsed: import("mobx-state-tree").IMapType<import("mobx-state-tree").ISimpleType<boolean>>;
+    /**
+     * #property
+     */
+    sortTrackNames: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<boolean>>;
+    /**
+     * #property
+     */
+    sortCategories: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<boolean>>;
     /**
      * #property
      */
@@ -42,6 +42,14 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
     } & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>)[];
     filterText: string;
 } & {
+    /**
+     * #action
+     */
+    setSortTrackNames(val: boolean): void;
+    /**
+     * #action
+     */
+    setSortCategories(val: boolean): void;
     /**
      * #action
      */
@@ -66,6 +74,14 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
      * #action
      */
     toggleCategory(pathName: string): void;
+    /**
+     * #action
+     */
+    setCategoryCollapsed(pathName: string, status: boolean): void;
+    /**
+     * #action
+     */
+    expandAllCategories(): void;
     /**
      * #action
      */
@@ -85,6 +101,14 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
      */
     readonly assemblyNames: string[];
 } & {
+    /**
+     * #getter
+     */
+    readonly activeSortTrackNames: any;
+    /**
+     * #getter
+     */
+    readonly activeSortCategories: any;
     /**
      * #method
      * filter out tracks that don't match the current display types
@@ -105,6 +129,23 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
     } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
         setSubschema(slotName: string, data: unknown): any;
     } & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>)[];
+} & {
+    /**
+     * #method
+     */
+    connectionHierarchy(connection: {
+        name: string;
+        tracks: AnyConfigurationModel[];
+    }): TreeNode[];
+} & {
+    readonly allTracks: {
+        group: any;
+        tracks: ({
+            [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
@@ -112,26 +153,25 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
     readonly hierarchy: {
         name: string;
         id: string;
-        children: ({
-            id: any;
+        children: {
             name: any;
+            id: any;
             children: TreeNode[];
-            state: {
-                expanded: boolean;
-            };
-        } | {
-            name: string;
-            id: string;
-            children: TreeNode[];
-        })[];
+        }[];
     };
+} & {
     /**
-     * #method
+     * #action
      */
-    connectionHierarchy(connection: {
-        name: string;
-        tracks: AnyConfigurationModel[];
-    }): TreeNode[];
+    collapseSubCategories(): void;
+    /**
+     * #action
+     */
+    collapseTopLevelCategories(): void;
+} & {
+    afterCreate(): void;
+} & {
+    readonly hasAnySubcategories: boolean;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
 export type HierarchicalTrackSelectorStateModel = ReturnType<typeof stateTreeFactory>;
 export type HierarchicalTrackSelectorModel = Instance<HierarchicalTrackSelectorStateModel>;