@jbrowse/plugin-data-management 2.8.0 → 2.10.0

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

@@ -32,8 +32,8 @@ const react_vtree_1 = require("react-vtree");
 const util_1 = require("@jbrowse/core/util");
 const TrackListNode_1 = __importDefault(require("./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,
@@ -58,7 +58,12 @@ const HierarchicalTree = (0, mobx_react_1.observer)(function HierarchicalTree({
     const { drawerPosition } = session;
     const obj = (0, react_1.useMemo)(() => Object.fromEntries(selection.map(s => [s.trackId, s])), [selection]);
     const extra = (0, react_1.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/dist/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/dist/HierarchicalTrackSelectorWidget/components/tree/RecentlyUsedTracks.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": 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");
+// icons
+const History_1 = __importDefault(require("@mui/icons-material/History"));
+const DropdownTrackSelector_1 = __importDefault(require("./DropdownTrackSelector"));
+const mui_1 = require("tss-react/mui");
+const useStyles = (0, mui_1.makeStyles)()({
+    smallBadge: {
+        height: 14,
+    },
+});
+const RecentlyUsedTracks = (0, mobx_react_1.observer)(function ({ model, }) {
+    const { classes } = useStyles();
+    const { view, recentlyUsedCounter, recentlyUsedTracks } = model;
+    return view ? (react_1.default.createElement(DropdownTrackSelector_1.default, { 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_1.default.createElement(material_1.Tooltip, { title: "Recently used tracks" },
+            react_1.default.createElement(material_1.Badge, { classes: { badge: classes.smallBadge }, anchorOrigin: {
+                    vertical: 'bottom',
+                    horizontal: 'right',
+                }, color: "secondary", badgeContent: recentlyUsedCounter },
+                react_1.default.createElement(History_1.default, null))))) : null;
+});
+exports.default = RecentlyUsedTracks;

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

@@ -50,10 +50,10 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
 function Category({ isOpen, setOpen, data, }) {
     const { classes } = useStyles();
     const [menuEl, setMenuEl] = (0, react_1.useState)(null);
-    const { name, model, id, tree, toggleCollapse } = data;
+    const { menuItems = [], name, model, id, tree } = data;
     return (react_1.default.createElement("div", { className: classes.accordionText, onClick: () => {
             if (!menuEl) {
-                toggleCollapse(id);
+                data.toggleCollapse(id);
                 setOpen(!isOpen);
             }
         } },
@@ -85,8 +85,8 @@ function Category({ isOpen, setOpen, data, }) {
                     onClick: () => {
                         var _a;
                         for (const entry of ((_a = (0, util_1.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);
                             }
                         }
                     },
@@ -96,12 +96,13 @@ function Category({ isOpen, setOpen, data, }) {
                     onClick: () => {
                         var _a;
                         for (const entry of ((_a = (0, util_1.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/dist/HierarchicalTrackSelectorWidget/components/tree/TrackLabel.js

@@ -6,14 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const material_1 = require("@mui/material");
 const mui_1 = require("tss-react/mui");
-const util_1 = require("@jbrowse/core/util");
 const SanitizedHTML_1 = __importDefault(require("@jbrowse/core/ui/SanitizedHTML"));
 const configuration_1 = require("@jbrowse/core/configuration");
-// icons
-const MoreHoriz_1 = __importDefault(require("@mui/icons-material/MoreHoriz"));
 // locals
-const util_2 = require("../util");
-const CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
+const util_1 = require("../util");
+const TrackLabelMenu_1 = __importDefault(require("./TrackLabelMenu"));
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     compactCheckbox: {
         padding: 0,
@@ -24,37 +21,21 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
             backgroundColor: theme.palette.action.selected,
         },
     },
+    selected: {
+        background: '#cccc',
+    },
 }));
 function TrackLabel({ data }) {
     const { classes } = useStyles();
-    const { checked, conf, model, drawerPosition, id, name, onChange, selected } = data;
-    const description = (conf && (0, configuration_1.readConfObject)(conf, ['description'])) || '';
+    const { checked, conf, model, drawerPosition, id, trackId, name, onChange, selected, } = data;
+    const description = (conf && (0, configuration_1.readConfObject)(conf, 'description')) || '';
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(material_1.Tooltip, { title: description + (selected ? ' (in selection)' : ''), placement: drawerPosition === 'left' ? 'right' : 'left' },
-            react_1.default.createElement(material_1.FormControlLabel, { className: classes.checkboxLabel, control: react_1.default.createElement(material_1.Checkbox, { className: classes.compactCheckbox, checked: checked, onChange: () => onChange(id), disabled: (0, util_2.isUnsupported)(name), inputProps: {
+            react_1.default.createElement(material_1.FormControlLabel, { className: classes.checkboxLabel, control: react_1.default.createElement(material_1.Checkbox, { className: classes.compactCheckbox, checked: checked, onChange: () => onChange(trackId), disabled: (0, util_1.isUnsupported)(name), inputProps: {
                         // @ts-expect-error
                         'data-testid': `htsTrackEntry-${id}`,
                     } }), label: react_1.default.createElement("div", { "data-testid": `htsTrackLabel-${id}`, style: { background: selected ? '#cccc' : undefined } },
                     react_1.default.createElement(SanitizedHTML_1.default, { html: name })) })),
-        react_1.default.createElement(TrackMenuButton, { model: model, selected: selected, id: id, conf: conf })));
+        react_1.default.createElement(TrackLabelMenu_1.default, { model: model, trackId: trackId, id: id, conf: conf })));
 }
 exports.default = TrackLabel;
-function TrackMenuButton({ id, model, selected, conf, }) {
-    var _a, _b;
-    return (react_1.default.createElement(CascadingMenuButton_1.default, { style: { padding: 0 }, "data-testid": `htsTrackEntryMenu-${id}`, menuItems: [
-            ...(((_b = (_a = (0, util_1.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_1.default.createElement(MoreHoriz_1.default, null)));
-}

package/dist/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/dist/HierarchicalTrackSelectorWidget/components/tree/TrackLabelMenu.js

@@ -0,0 +1,50 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const mui_1 = require("tss-react/mui");
+const util_1 = require("@jbrowse/core/util");
+const CascadingMenuButton_1 = __importDefault(require("@jbrowse/core/ui/CascadingMenuButton"));
+// icons
+const MoreHoriz_1 = __importDefault(require("@mui/icons-material/MoreHoriz"));
+const StarBorderOutlined_1 = __importDefault(require("@mui/icons-material/StarBorderOutlined"));
+const Star_1 = __importDefault(require("@mui/icons-material/Star"));
+const useStyles = (0, mui_1.makeStyles)()({
+    cascadingStyle: {
+        padding: 0,
+    },
+});
+const TrackLabelMenu = function ({ id, trackId, stopPropagation, model, setOpen, conf, }) {
+    var _a, _b;
+    const { classes } = useStyles();
+    return (react_1.default.createElement(CascadingMenuButton_1.default, { className: classes.cascadingStyle, stopPropagation: stopPropagation, setOpen: setOpen, "data-testid": `htsTrackEntryMenu-${id}`, menuItems: [
+            ...(((_b = (_a = (0, util_1.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: StarBorderOutlined_1.default,
+                }
+                : {
+                    label: 'Add to favorites',
+                    onClick: () => model.addToFavorites(trackId),
+                    icon: Star_1.default,
+                },
+            {
+                label: 'Add to selection',
+                onClick: () => model.addToSelection([conf]),
+            },
+            ...(model.isSelected(conf)
+                ? [
+                    {
+                        label: 'Remove from selection',
+                        onClick: () => model.removeFromSelection([conf]),
+                    },
+                ]
+                : []),
+        ] },
+        react_1.default.createElement(MoreHoriz_1.default, null)));
+};
+exports.default = TrackLabelMenu;

package/dist/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/dist/HierarchicalTrackSelectorWidget/components/util.js

@@ -3,7 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.isUnsupported = exports.treeToMap = exports.getAllChildren = void 0;
 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)
+        : [];
 }
 exports.getAllChildren = getAllChildren;
 function treeToMap(tree, map = new Map()) {

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

package/dist/HierarchicalTrackSelectorWidget/facetedModel.js

@@ -0,0 +1,206 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.facetedStateTreeF = void 0;
+const mobx_state_tree_1 = require("mobx-state-tree");
+const util_1 = require("./util");
+const configuration_1 = require("@jbrowse/core/configuration");
+const tracks_1 = require("@jbrowse/core/util/tracks");
+const util_2 = require("@jbrowse/core/util");
+const mobx_1 = require("mobx");
+const facetedUtil_1 = require("./facetedUtil");
+const nonMetadataKeys = ['category', 'adapter', 'description'];
+/**
+ * #stateModel FacetedModel
+ */
+function facetedStateTreeF() {
+    return mobx_state_tree_1.types
+        .model('FacetedModel', {
+        /**
+         * #property
+         */
+        filterText: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.string, ''),
+        /**
+         * #property
+         */
+        showSparse: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.boolean, () => JSON.parse((0, util_2.localStorageGetItem)('facet-showSparse') || 'false')),
+        /**
+         * #property
+         */
+        showFilters: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.boolean, () => JSON.parse((0, util_2.localStorageGetItem)('facet-showFilters') || 'true')),
+        /**
+         * #property
+         */
+        showOptions: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.boolean, () => JSON.parse((0, util_2.localStorageGetItem)('facet-showTableOptions') || 'false')),
+        /**
+         * #property
+         */
+        panelWidth: mobx_state_tree_1.types.optional(mobx_state_tree_1.types.number, () => JSON.parse((0, util_2.localStorageGetItem)('facet-panelWidth') || '400')),
+    })
+        .volatile(() => ({
+        visible: {},
+        widths: {},
+        useShoppingCart: false,
+        filters: mobx_1.observable.map(),
+    }))
+        .actions(self => ({
+        /**
+         * #action
+         */
+        setFilter(key, value) {
+            self.filters.set(key, value);
+        },
+        /**
+         * #action
+         */
+        setPanelWidth(width) {
+            self.panelWidth = width;
+        },
+        /**
+         * #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 (0, mobx_state_tree_1.getParent)(self).allTrackConfigurations;
+        },
+    }))
+        .views(self => ({
+        /**
+         * #getter
+         */
+        get rows() {
+            const session = (0, util_2.getSession)(self);
+            const { allTrackConfigurations, filterText } = self;
+            // metadata is spread onto the object for easier access and sorting
+            // by the mui data grid (it's unable to sort by nested objects)
+            return allTrackConfigurations
+                .filter(conf => (0, util_1.matches)(filterText, conf, session))
+                .map(track => {
+                var _a, _b;
+                const metadata = (0, configuration_1.readConfObject)(track, 'metadata');
+                return {
+                    id: track.trackId,
+                    conf: track,
+                    name: (0, tracks_1.getTrackName)(track, session),
+                    category: (_a = (0, configuration_1.readConfObject)(track, 'category')) === null || _a === void 0 ? void 0 : _a.join(', '),
+                    adapter: (_b = (0, configuration_1.readConfObject)(track, 'adapter')) === null || _b === void 0 ? void 0 : _b.type,
+                    description: (0, configuration_1.readConfObject)(track, 'description'),
+                    metadata,
+                };
+            });
+        },
+    }))
+        .views(self => ({
+        /**
+         * #getter
+         */
+        get filteredNonMetadataKeys() {
+            return self.showSparse
+                ? nonMetadataKeys
+                : (0, facetedUtil_1.findNonSparseKeys)(nonMetadataKeys, self.rows, (r, f) => r[f]);
+        },
+        /**
+         * #getter
+         */
+        get metadataKeys() {
+            return [...new Set(self.rows.flatMap(row => (0, facetedUtil_1.getRootKeys)(row.metadata)))];
+        },
+        get filteredMetadataKeys() {
+            return self.showSparse
+                ? this.metadataKeys
+                : (0, facetedUtil_1.findNonSparseKeys)(this.metadataKeys, self.rows, 
+                // @ts-expect-error
+                (r, f) => r.metadata[f]);
+        },
+        /**
+         * #getter
+         */
+        get fields() {
+            return [
+                'name',
+                ...this.filteredNonMetadataKeys,
+                ...this.filteredMetadataKeys.map(m => `metadata.${m}`),
+            ];
+        },
+        /**
+         * #getter
+         */
+        get filteredRows() {
+            const arrFilters = [...self.filters.entries()]
+                .filter(f => f[1].length > 0)
+                .map(([key, val]) => [key, new Set(val)]);
+            return self.rows.filter(row => 
+            // @ts-expect-error
+            arrFilters.every(([key, val]) => val.has(row[key])));
+        },
+    }))
+        .actions(self => ({
+        /**
+         * #action
+         */
+        setVisible(args) {
+            self.visible = args;
+        },
+        /**
+         * #action
+         */
+        setWidths(args) {
+            self.widths = args;
+        },
+        afterAttach() {
+            (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(() => {
+                this.setVisible(Object.fromEntries(self.fields.map(c => [c, true])));
+            }));
+            (0, mobx_state_tree_1.addDisposer)(self, (0, mobx_1.autorun)(() => {
+                this.setWidths({
+                    name: (0, util_2.measureGridWidth)(self.rows.map(r => r.name), { maxWidth: 500, stripHTML: true }) + 15,
+                    ...Object.fromEntries(self.filteredNonMetadataKeys
+                        .filter(f => self.visible[f])
+                        .map(e => [
+                        e,
+                        (0, util_2.measureGridWidth)(self.rows.map(r => r[e]), { maxWidth: 400, stripHTML: true }),
+                    ])),
+                    ...Object.fromEntries(self.filteredMetadataKeys
+                        .filter(f => self.visible['metadata.' + f])
+                        .map(e => {
+                        return [
+                            'metadata.' + e,
+                            (0, util_2.measureGridWidth)(self.rows.map(r => r.metadata[e]), { maxWidth: 400, stripHTML: true }),
+                        ];
+                    })),
+                });
+            }));
+        },
+    }));
+}
+exports.facetedStateTreeF = facetedStateTreeF;

package/dist/HierarchicalTrackSelectorWidget/facetedUtil.d.ts

@@ -0,0 +1,2 @@
+export declare function findNonSparseKeys(keys: readonly string[], rows: Record<string, unknown>[], cb: (row: Record<string, unknown>, f: string) => unknown): string[];
+export declare function getRootKeys(obj: Record<string, unknown>): string[];

package/dist/HierarchicalTrackSelectorWidget/{components/faceted/util.js → facetedUtil.js}

@@ -1,6 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRootKeys = void 0;
+exports.getRootKeys = exports.findNonSparseKeys = void 0;
+function findNonSparseKeys(keys, rows, cb) {
+    return keys.filter(f => rows.map(r => cb(r, f)).filter(f => !!f).length > 5);
+}
+exports.findNonSparseKeys = findNonSparseKeys;
 function getRootKeys(obj) {
     return Object.entries(obj)
         .map(([key, val]) => (typeof val === 'string' ? key : ''))

package/dist/HierarchicalTrackSelectorWidget/generateHierarchy.d.ts

@@ -1,13 +1,23 @@
 import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-export interface TreeNode {
+import { MenuItem } from '@jbrowse/core/ui';
+export interface TreeTrackNode {
     name: string;
     id: string;
-    conf?: AnyConfigurationModel;
-    checked?: boolean;
-    isOpenByDefault?: boolean;
+    trackId: string;
+    conf: AnyConfigurationModel;
+    checked: boolean;
     children: TreeNode[];
+    type: 'track';
 }
-export declare function generateHierarchy({ model, trackConfs, extra, }: {
+export interface TreeCategoryNode {
+    name: string;
+    id: string;
+    isOpenByDefault: boolean;
+    children: TreeNode[];
+    type: 'category';
+}
+export type TreeNode = TreeTrackNode | TreeCategoryNode;
+export declare function generateHierarchy({ model, trackConfs, extra, noCategories, menuItems, }: {
     model: {
         filterText: string;
         activeSortTrackNames: boolean;
@@ -19,6 +29,8 @@ export declare function generateHierarchy({ model, trackConfs, extra, }: {
             }[];
         };
     };
+    noCategories?: boolean;
+    menuItems?: MenuItem[];
     trackConfs: AnyConfigurationModel[];
     extra?: string;
 }): TreeNode[];