@jbrowse/plugin-data-management 2.16.1 → 2.18.0

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

@@ -1,9 +1,8 @@
 import React from 'react';
+import ClearIcon from '@mui/icons-material/Clear';
 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 { makeStyles } from 'tss-react/mui';
 import HamburgerMenu from './HamburgerMenu';
 import ShoppingCart from '../ShoppingCart';
 import FavoriteTracks from './FavoriteTracks';
@@ -18,12 +17,14 @@ const SearchTracksTextField = observer(function ({ 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)))),
+        }, fullWidth: true, slotProps: {
+            input: {
+                endAdornment: (React.createElement(InputAdornment, { position: "end" },
+                    React.createElement(IconButton, { onClick: () => {
+                            model.clearFilterText();
+                        } },
+                        React.createElement(ClearIcon, null)))),
+            },
         } }));
 });
 const HierarchicalTrackSelectorHeader = observer(function ({ model, setHeaderHeight, }) {

package/esm/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;

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

@@ -1,7 +1,7 @@
-import React, { useCallback, useMemo, useRef, useEffect } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef } from 'react';
+import { getSession } from '@jbrowse/core/util';
 import { observer } from 'mobx-react';
 import { VariableSizeTree } from 'react-vtree';
-import { getSession } from '@jbrowse/core/util';
 import Node from './TrackListNode';
 function getNodeData(node, nestingLevel, extra, selection) {
     const isLeaf = node.type === 'track';
@@ -20,9 +20,6 @@ function getNodeData(node, nestingLevel, extra, selection) {
         node,
     };
 }
-// this is the main tree component for the hierarchical track selector in note:
-// in jbrowse-web the toolbar is position="sticky" which means the autosizer
-// includes the height of the toolbar, so we subtract the given offsets
 const HierarchicalTree = observer(function HierarchicalTree({ height, tree, model, }) {
     const { filterText, selection, view } = model;
     const treeRef = useRef(null);
@@ -43,27 +40,18 @@ const HierarchicalTree = observer(function HierarchicalTree({ height, tree, mode
         model,
         drawerPosition,
     }), [view, model, drawerPosition, tree]);
-    // doing this properly without ts-expect-error is tricky, react-vtree has
-    // some typescript examples that could help
-    const treeWalker = useCallback(
-    // @ts-expect-error
-    function* treeWalker() {
+    const treeWalker = useCallback(function* treeWalker() {
         for (const child of tree.children) {
             yield getNodeData(child, 0, extra, obj);
         }
-        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
         while (true) {
-            // @ts-expect-error
             const parentMeta = yield;
-            // @ts-expect-error
             for (const curr of parentMeta.node.children) {
                 yield getNodeData(curr, parentMeta.nestingLevel + 1, extra, obj);
             }
         }
     }, [tree, extra, obj]);
-    /* biome-ignore lint/correctness/useExhaustiveDependencies: */
     useEffect(() => {
-        // @ts-expect-error
         treeRef.current.recomputeTree({
             refreshNodes: true,
             useDefaultHeight: true,

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

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

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

@@ -1,10 +1,9 @@
 import React from 'react';
+import HistoryIcon from '@mui/icons-material/History';
 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';
+import DropdownTrackSelector from './DropdownTrackSelector';
 const useStyles = makeStyles()({
     smallBadge: {
         height: 14,

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NodeData } from '../util';
+import type { NodeData } from '../util';
 export default function Category({ isOpen, setOpen, data, }: {
     isOpen: boolean;
     setOpen: (arg: boolean) => void;

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

@@ -1,21 +1,17 @@
 import React, { useState } from 'react';
-import { IconButton, Typography } from '@mui/material';
-import { makeStyles } from 'tss-react/mui';
 import JBrowseMenu from '@jbrowse/core/ui/Menu';
-// icons
 import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
 import ArrowRightIcon from '@mui/icons-material/ArrowRight';
 import MoreHorizIcon from '@mui/icons-material/MoreHoriz';
-// locals
+import { IconButton, Typography } from '@mui/material';
+import { makeStyles } from 'tss-react/mui';
 import { getAllChildren, treeToMap } from '../util';
 const useStyles = makeStyles()(theme => ({
     contrastColor: {
         color: theme.palette.tertiary.contrastText,
     },
-    // margin:auto 0 to center text vertically
     accordionText: {
         margin: 'auto 0',
-        // width 100 so you can click anywhere on the category bar
         width: '100%',
     },
 }));

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

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

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

@@ -1,9 +1,8 @@
 import React from 'react';
+import { readConfObject } from '@jbrowse/core/configuration';
+import SanitizedHTML from '@jbrowse/core/ui/SanitizedHTML';
 import { Checkbox, FormControlLabel, Tooltip } from '@mui/material';
 import { makeStyles } from 'tss-react/mui';
-import SanitizedHTML from '@jbrowse/core/ui/SanitizedHTML';
-import { readConfObject, } from '@jbrowse/core/configuration';
-// locals
 import { isUnsupported } from '../util';
 import TrackLabelMenu from './TrackLabelMenu';
 const useStyles = makeStyles()(theme => ({
@@ -29,7 +28,6 @@ export default function TrackLabel({ data }) {
             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 })) })),

package/esm/HierarchicalTrackSelectorWidget/components/tree/TrackLabelMenu.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';
 declare const TrackLabelMenu: ({ id, trackId, stopPropagation, model, setOpen, conf, }: {
     id: string;
     trackId: string;

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

@@ -1,11 +1,10 @@
 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 { getSession } from '@jbrowse/core/util';
 import MoreHorizIcon from '@mui/icons-material/MoreHoriz';
-import StarIcon from '@mui/icons-material/StarBorderOutlined';
 import FilledStarIcon from '@mui/icons-material/Star';
+import StarIcon from '@mui/icons-material/StarBorderOutlined';
+import { makeStyles } from 'tss-react/mui';
 const useStyles = makeStyles()({
     cascadingStyle: {
         padding: 0,

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NodeData } from '../util';
+import type { NodeData } from '../util';
 export default function Node({ data, isOpen, style, setOpen, }: {
     data: NodeData;
     isOpen: boolean;

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

@@ -1,12 +1,8 @@
 import React from 'react';
 import { makeStyles } from 'tss-react/mui';
-// locals
 import Category from './TrackCategory';
 import TrackLabel from './TrackLabel';
 const useStyles = makeStyles()(theme => ({
-    // this accordionBase element's small padding is used to give a margin to
-    // accordionColor it a "margin" because the virtualized elements can't really
-    // use margin in a conventional way (it doesn't affect layout)
     accordionBase: {
         display: 'flex',
     },
@@ -19,8 +15,6 @@ const useStyles = makeStyles()(theme => ({
         position: 'absolute',
         borderLeft: '1.5px solid #555',
     },
-    // accordionColor set's display:flex so that the child accordionText use
-    // vertically centered text
     accordionColor: {
         background: theme.palette.tertiary.main,
         color: theme.palette.tertiary.contrastText,
@@ -29,17 +23,13 @@ const useStyles = makeStyles()(theme => ({
         paddingLeft: 5,
     },
 }));
-// An individual node in the track selector. Note: manually sets cursor:
-// pointer improves usability for what can be clicked
 export default function Node({ data, isOpen, style, setOpen, }) {
     const { isLeaf, nestingLevel } = data;
     const { classes } = useStyles();
     const width = 10;
     const marginLeft = nestingLevel * width + (isLeaf ? width : 0);
     return (React.createElement("div", { style: style, className: !isLeaf ? classes.accordionBase : undefined },
-        new Array(nestingLevel).fill(0).map((_, idx) => (React.createElement("div", { 
-            /* biome-ignore lint/suspicious/noArrayIndexKey: */
-            key: `mark-${idx}`, style: { left: idx * width + 4, height: style === null || style === void 0 ? void 0 : style.height }, className: classes.nestingLevelMarker }))),
+        new Array(nestingLevel).fill(0).map((_, idx) => (React.createElement("div", { key: `mark-${idx}`, style: { left: idx * width + 4, height: style === null || style === void 0 ? void 0 : style.height }, className: classes.nestingLevelMarker }))),
         React.createElement("div", { className: !isLeaf ? classes.accordionCard : undefined, style: {
                 marginLeft,
                 whiteSpace: 'nowrap',

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

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

package/esm/HierarchicalTrackSelectorWidget/components/util.js

@@ -1,5 +1,4 @@
 export function getAllChildren(subtree) {
-    // @ts-expect-error
     return (subtree === null || subtree === void 0 ? void 0 : subtree.type) === 'category'
         ? subtree.children
             .map(t => (t.type === 'category' ? getAllChildren(t) : t.conf))

package/esm/HierarchicalTrackSelectorWidget/facetedModel.d.ts

@@ -1,65 +1,23 @@
-import { Instance } from 'mobx-state-tree';
-/**
- * #stateModel FacetedModel
- */
+import type { Instance } from 'mobx-state-tree';
 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>;
     useShoppingCart: boolean;
     filters: import("mobx").ObservableMap<string, string[]>;
 } & {
-    /**
-     * #action
-     */
     setFilter(key: string, value: string[]): void;
-    /**
-     * #action
-     */
     setPanelWidth(width: number): number;
-    /**
-     * #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 & {
@@ -72,9 +30,6 @@ export declare function facetedStateTreeF(): import("mobx-state-tree").IModelTyp
         } & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>);
     } & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>)[];
 } & {
-    /**
-     * #getter
-     */
     readonly rows: {
         readonly id: string;
         readonly conf: {
@@ -95,22 +50,10 @@ export declare function facetedStateTreeF(): import("mobx-state-tree").IModelTyp
         readonly metadata: Record<string, unknown>;
     }[];
 } & {
-    /**
-     * #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: {
@@ -131,9 +74,6 @@ export declare function facetedStateTreeF(): import("mobx-state-tree").IModelTyp
         readonly metadata: Record<string, unknown>;
     }[];
 } & {
-    /**
-     * #action
-     */
     setVisible(args: Record<string, boolean>): void;
     afterAttach(): void;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;

package/esm/HierarchicalTrackSelectorWidget/facetedModel.js

@@ -1,37 +1,19 @@
-import { addDisposer, getParent, types } from 'mobx-state-tree';
-import { matches } from './util';
-import { readConfObject, } from '@jbrowse/core/configuration';
-import { getTrackName } from '@jbrowse/core/util/tracks';
+import { readConfObject } from '@jbrowse/core/configuration';
 import { getSession, localStorageGetItem } from '@jbrowse/core/util';
+import { getTrackName } from '@jbrowse/core/util/tracks';
 import { autorun, observable } from 'mobx';
-import { getRootKeys, findNonSparseKeys } from './facetedUtil';
+import { addDisposer, getParent, types } from 'mobx-state-tree';
 import { getRowStr } from './components/faceted/util';
+import { findNonSparseKeys, getRootKeys } from './facetedUtil';
+import { matches } from './util';
 const nonMetadataKeys = ['category', 'adapter', 'description'];
-/**
- * #stateModel FacetedModel
- */
 export function facetedStateTreeF() {
     return types
         .model('FacetedModel', {
-        /**
-         * #property
-         */
         filterText: types.optional(types.string, ''),
-        /**
-         * #property
-         */
         showSparse: types.optional(types.boolean, () => JSON.parse(localStorageGetItem('facet-showSparse') || 'false')),
-        /**
-         * #property
-         */
         showFilters: types.optional(types.boolean, () => JSON.parse(localStorageGetItem('facet-showFilters') || 'true')),
-        /**
-         * #property
-         */
         showOptions: types.optional(types.boolean, () => JSON.parse(localStorageGetItem('facet-showTableOptions') || 'false')),
-        /**
-         * #property
-         */
         panelWidth: types.optional(types.number, () => JSON.parse(localStorageGetItem('facet-panelWidth') || '400')),
     })
         .volatile(() => ({
@@ -40,62 +22,35 @@ export function facetedStateTreeF() {
         filters: observable.map(),
     }))
         .actions(self => ({
-        /**
-         * #action
-         */
         setFilter(key, value) {
             self.filters.set(key, value);
         },
-        /**
-         * #action
-         */
         setPanelWidth(width) {
             self.panelWidth = width;
             return self.panelWidth;
         },
-        /**
-         * #action
-         */
         setUseShoppingCart(f) {
             self.useShoppingCart = f;
         },
-        /**
-         * #action
-         */
         setFilterText(str) {
             self.filterText = str;
         },
-        /**
-         * #action
-         */
         setShowSparse(f) {
             self.showSparse = f;
         },
-        /**
-         * #action
-         */
         setShowOptions(f) {
             self.showOptions = f;
         },
-        /**
-         * #action
-         */
         setShowFilters(f) {
             self.showFilters = f;
         },
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
         get allTrackConfigurations() {
             return getParent(self).allTrackConfigurations;
         },
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
         get rows() {
             const session = getSession(self);
             const { allTrackConfigurations, filterText } = self;
@@ -116,30 +71,19 @@ export function facetedStateTreeF() {
         },
     }))
         .views(self => ({
-        /**
-         * #getter
-         */
         get filteredNonMetadataKeys() {
             return self.showSparse
                 ? nonMetadataKeys
                 : findNonSparseKeys(nonMetadataKeys, self.rows, (r, f) => r[f]);
         },
-        /**
-         * #getter
-         */
         get metadataKeys() {
             return [...new Set(self.rows.flatMap(row => getRootKeys(row.metadata)))];
         },
         get filteredMetadataKeys() {
             return self.showSparse
                 ? this.metadataKeys
-                : findNonSparseKeys(this.metadataKeys, self.rows, 
-                // @ts-expect-error
-                (r, f) => r.metadata[f]);
+                : findNonSparseKeys(this.metadataKeys, self.rows, (r, f) => r.metadata[f]);
         },
-        /**
-         * #getter
-         */
         get fields() {
             return [
                 'name',
@@ -147,9 +91,6 @@ export function facetedStateTreeF() {
                 ...this.filteredMetadataKeys.map(m => `metadata.${m}`),
             ];
         },
-        /**
-         * #getter
-         */
         get filteredRows() {
             const arrFilters = [...self.filters.entries()]
                 .filter(f => f[1].length > 0)
@@ -158,9 +99,6 @@ export function facetedStateTreeF() {
         },
     }))
         .actions(self => ({
-        /**
-         * #action
-         */
         setVisible(args) {
             self.visible = args;
         },

package/esm/HierarchicalTrackSelectorWidget/filterTracks.d.ts

@@ -1,4 +1,4 @@
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
 export declare function filterTracks(tracks: AnyConfigurationModel[], self: {
     view?: {
         type: string;

package/esm/HierarchicalTrackSelectorWidget/filterTracks.js

@@ -1,4 +1,4 @@
-import { readConfObject, } from '@jbrowse/core/configuration';
+import { readConfObject } from '@jbrowse/core/configuration';
 import { getEnv, getSession, notEmpty } from '@jbrowse/core/util';
 import { hasAllOverlap, hasAnyOverlap } from './util';
 export function filterTracks(tracks, self) {

package/esm/HierarchicalTrackSelectorWidget/generateHierarchy.d.ts

@@ -1,5 +1,5 @@
-import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { MenuItem } from '@jbrowse/core/ui';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { MenuItem } from '@jbrowse/core/ui';
 export interface TreeTrackNode {
     name: string;
     id: string;

package/esm/HierarchicalTrackSelectorWidget/generateHierarchy.js

@@ -1,11 +1,8 @@
-import { readConfObject, } from '@jbrowse/core/configuration';
+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 [
@@ -20,8 +17,6 @@ function sortConfs(confs, sortNames, sortCategories) {
         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]);
@@ -46,18 +41,13 @@ export function generateHierarchy({ model, trackConfs, extra, noCategories, menu
     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;
         if (!noCategories) {
-            // 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);
@@ -81,9 +71,6 @@ export function generateHierarchy({ model, trackConfs, extra, noCategories, menu
                 }
             }
         }
-        // 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, {

package/esm/HierarchicalTrackSelectorWidget/index.d.ts

@@ -1,4 +1,4 @@
-import PluginManager from '@jbrowse/core/PluginManager';
+import type PluginManager from '@jbrowse/core/PluginManager';
 export default function HierarchicalTrackSelectorWidgetF(pluginManager: PluginManager): void;
 export { type HierarchicalTrackSelectorModel, default as stateModelFactory, } from './model';
 export { default as configSchema } from './configSchema';

package/esm/HierarchicalTrackSelectorWidget/index.js

@@ -1,7 +1,7 @@
-import stateModelFactory from './model';
-import configSchema from './configSchema';
-import { WidgetType } from '@jbrowse/core/pluggableElementTypes';
 import { lazy } from 'react';
+import { WidgetType } from '@jbrowse/core/pluggableElementTypes';
+import configSchema from './configSchema';
+import stateModelFactory from './model';
 export default function HierarchicalTrackSelectorWidgetF(pluginManager) {
     pluginManager.addWidgetType(() => {
         return new WidgetType({