@jbrowse/plugin-data-management 2.10.0 → 2.10.1

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

@@ -1,11 +1,10 @@
 import React from 'react';
 import { HierarchicalTrackSelectorModel } from '../../model';
-declare const FacetFilter: ({ column, vals, width, model, }: {
+declare const FacetFilter: ({ column, vals, model, }: {
     column: {
         field: string;
     };
     vals: [string, number][];
-    width: number;
     model: HierarchicalTrackSelectorModel;
 }) => React.JSX.Element;
 export default FacetFilter;

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

@@ -53,15 +53,16 @@ function ExpandButton({ visible, onClick, }) {
     return (react_1.default.createElement(material_1.Tooltip, { title: "Minimize/expand this facet filter" },
         react_1.default.createElement(material_1.IconButton, { onClick: () => onClick(), size: "small" }, visible ? react_1.default.createElement(Minimize_1.default, null) : react_1.default.createElement(Add_1.default, null))));
 }
-const FacetFilter = (0, mobx_react_1.observer)(function ({ column, vals, width, model, }) {
+const FacetFilter = (0, mobx_react_1.observer)(function ({ column, vals, model, }) {
     const { classes } = useStyles();
     const [visible, setVisible] = (0, react_1.useState)(true);
     const { faceted } = model;
     const { filters } = faceted;
-    return (react_1.default.createElement(material_1.FormControl, { key: column.field, className: classes.facet, style: { width } },
-        react_1.default.createElement("div", { style: { display: 'flex' } },
-            react_1.default.createElement(material_1.Typography, null, column.field),
-            react_1.default.createElement(ClearButton, { onClick: () => model.faceted.setFilter(column.field, []) }),
+    const { field } = column;
+    return (react_1.default.createElement(material_1.FormControl, { className: classes.facet, fullWidth: true },
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(material_1.Typography, { component: "span" }, field),
+            react_1.default.createElement(ClearButton, { onClick: () => faceted.setFilter(field, []) }),
             react_1.default.createElement(ExpandButton, { visible: visible, onClick: () => setVisible(!visible) })),
         visible ? (react_1.default.createElement(material_1.Select, { multiple: true, native: true, className: classes.select, value: filters.get(column.field) || [], onChange: event => {
                 faceted.setFilter(column.field, 

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

@@ -1,11 +1,11 @@
 import React from 'react';
 import { HierarchicalTrackSelectorModel } from '../../model';
-declare const FacetFilters: ({ rows, columns, width, model, }: {
-    rows: Record<string, unknown>[];
+import { Row } from './util';
+declare const FacetFilters: ({ rows, columns, model, }: {
+    rows: Row[];
     columns: {
         field: string;
     }[];
-    width: number;
     model: HierarchicalTrackSelectorModel;
 }) => React.JSX.Element;
 export default FacetFilters;

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

@@ -4,9 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const FacetFilter_1 = __importDefault(require("./FacetFilter"));
 const mobx_react_1 = require("mobx-react");
-const FacetFilters = (0, mobx_react_1.observer)(function ({ rows, columns, width, model, }) {
+// locals
+const FacetFilter_1 = __importDefault(require("./FacetFilter"));
+const util_1 = require("./util");
+const FacetFilters = (0, mobx_react_1.observer)(function ({ rows, columns, model, }) {
     var _a, _b;
     const { faceted } = model;
     const { filters } = faceted;
@@ -31,7 +33,7 @@ const FacetFilters = (0, mobx_react_1.observer)(function ({ rows, columns, width
     for (const facet of ret) {
         const elt = uniqs.get(facet);
         for (const row of currentRows) {
-            const key = `${row[facet] || ''}`;
+            const key = (0, util_1.getRowStr)(facet, row);
             const val = elt.get(key);
             // we don't allow filtering on empty yet
             if (key) {
@@ -46,10 +48,8 @@ const FacetFilters = (0, mobx_react_1.observer)(function ({ rows, columns, width
         const filter = ((_b = filters.get(facet)) === null || _b === void 0 ? void 0 : _b.length)
             ? new Set(filters.get(facet))
             : undefined;
-        currentRows = currentRows.filter(row => {
-            return filter !== undefined ? filter.has(row[facet]) : true;
-        });
+        currentRows = currentRows.filter(row => filter !== undefined ? filter.has((0, util_1.getRowStr)(facet, row)) : true);
     }
-    return (react_1.default.createElement("div", null, facets.map(column => (react_1.default.createElement(FacetFilter_1.default, { key: column.field, vals: [...uniqs.get(column.field)], column: column, width: width, model: model })))));
+    return (react_1.default.createElement("div", null, facets.map(c => (react_1.default.createElement(FacetFilter_1.default, { key: c.field, vals: [...uniqs.get(c.field)], column: c, model: model })))));
 });
 exports.default = FacetFilters;

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

@@ -34,11 +34,10 @@ const frac = 0.75;
 const FacetedSelector = (0, mobx_react_1.observer)(function FacetedSelector({ model, }) {
     var _a;
     const { classes } = useStyles();
-    const { view, selection, faceted } = model;
+    const { view, selection, shownTrackIds, faceted } = model;
     const { rows, panelWidth, showFilters, useShoppingCart, showOptions, filteredRows, filteredNonMetadataKeys, filteredMetadataKeys, visible, widths, } = faceted;
     const { pluginManager } = (0, util_1.getEnv)(model);
     const { ref, scrollLeft } = (0, useResizeBar_1.useResizeBar)();
-    const tracks = view.tracks;
     const widthsDebounced = (0, util_1.useDebounce)(widths, 200);
     const columns = [
         {
@@ -80,7 +79,6 @@ const FacetedSelector = (0, mobx_react_1.observer)(function FacetedSelector({ mo
             });
         }),
     ];
-    const shownTrackIds = new Set(tracks.map(t => t.configuration.trackId));
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(FacetedHeader_1.default, { model: model }),
         react_1.default.createElement("div", { ref: ref, style: {
@@ -130,11 +128,7 @@ const FacetedSelector = (0, mobx_react_1.observer)(function FacetedSelector({ mo
                     }, columns: columns, rowHeight: 25 })),
             showFilters ? (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(ui_1.ResizeHandle, { vertical: true, onDrag: dist => faceted.setPanelWidth(panelWidth - dist), className: classes.resizeHandle }),
-                react_1.default.createElement("div", { style: {
-                        width: panelWidth,
-                        overflowY: 'auto',
-                        overflowX: 'hidden',
-                    } },
-                    react_1.default.createElement(FacetFilters_1.default, { model: model, width: panelWidth - 10, rows: rows, columns: columns })))) : null)));
+                react_1.default.createElement("div", { style: { width: panelWidth, overflow: 'auto' } },
+                    react_1.default.createElement(FacetFilters_1.default, { model: model, rows: rows, columns: columns })))) : null)));
 });
 exports.default = FacetedSelector;

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

@@ -0,0 +1,6 @@
+export interface Row {
+    id: string;
+    metadata?: Record<string, unknown>;
+    [key: string]: unknown;
+}
+export declare function getRowStr(facet: string, row: Row): string;

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getRowStr = void 0;
+function getRowStr(facet, row) {
+    var _a;
+    return `${(facet.startsWith('metadata.')
+        ? (_a = row.metadata) === null || _a === void 0 ? void 0 : _a[facet.replace('metadata.', '')]
+        : row[facet]) || ''}`;
+}
+exports.getRowStr = getRowStr;

package/dist/HierarchicalTrackSelectorWidget/facetedModel.d.ts

@@ -81,7 +81,7 @@ export declare function facetedStateTreeF(): import("mobx-state-tree").IModelTyp
         readonly category: string;
         readonly adapter: string;
         readonly description: string;
-        readonly metadata: any;
+        readonly metadata: Record<string, unknown>;
     }[];
 } & {
     /**
@@ -111,7 +111,7 @@ export declare function facetedStateTreeF(): import("mobx-state-tree").IModelTyp
         readonly category: string;
         readonly adapter: string;
         readonly description: string;
-        readonly metadata: any;
+        readonly metadata: Record<string, unknown>;
     }[];
 } & {
     /**

package/dist/HierarchicalTrackSelectorWidget/facetedModel.js

@@ -8,6 +8,7 @@ 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 util_3 = require("./components/faceted/util");
 const nonMetadataKeys = ['category', 'adapter', 'description'];
 /**
  * #stateModel FacetedModel
@@ -101,13 +102,10 @@ function facetedStateTreeF() {
         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,
@@ -115,7 +113,7 @@ function facetedStateTreeF() {
                     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,
+                    metadata: (0, configuration_1.readConfObject)(track, 'metadata'),
                 };
             });
         },
@@ -159,9 +157,7 @@ function facetedStateTreeF() {
             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])));
+            return self.rows.filter(row => arrFilters.every(([key, val]) => val.has((0, util_3.getRowStr)(key, row))));
         },
     }))
         .actions(self => ({

package/dist/HierarchicalTrackSelectorWidget/model.d.ts

@@ -42,23 +42,23 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
         showSparse: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
         showFilters: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
         showOptions: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        panelWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>; /**
-         * #property
-         */
+        panelWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
     }, {
         visible: Record<string, boolean>;
-        widths: Record<string, number | undefined>;
+        widths: Record<string, number | undefined>; /**
+         * #property
+         */
         useShoppingCart: boolean;
-        filters: import("mobx").ObservableMap<string, string[]>;
+        filters: import("mobx").ObservableMap<string, string[]>; /**
+         * #property
+         */
     } & {
         setFilter(key: string, value: string[]): void;
         setPanelWidth(width: number): void;
         setUseShoppingCart(f: boolean): void;
         setFilterText(str: string): void;
         setShowSparse(f: boolean): void;
-        setShowOptions(f: boolean): void; /**
-         * #getter
-         */
+        setShowOptions(f: boolean): void;
         setShowFilters(f: boolean): void;
     } & {
         readonly allTrackConfigurations: ({
@@ -78,7 +78,7 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
             readonly category: string;
             readonly adapter: string;
             readonly description: string;
-            readonly metadata: any;
+            readonly metadata: Record<string, unknown>;
         }[];
     } & {
         readonly filteredNonMetadataKeys: string[] | readonly ["category", "adapter", "description"];
@@ -96,7 +96,7 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
             readonly category: string;
             readonly adapter: string;
             readonly description: string;
-            readonly metadata: any;
+            readonly metadata: Record<string, unknown>;
         }[];
     } & {
         setVisible(args: Record<string, boolean>): void;
@@ -115,6 +115,10 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
     recentlyUsedCounter: number;
     favoritesCounter: number;
 } & {
+    /**
+     * #getter
+     */
+    readonly shownTrackIds: Set<string>;
     /**
      * #getter
      */

package/dist/HierarchicalTrackSelectorWidget/model.js

@@ -74,6 +74,13 @@ function stateTreeFactory(pluginManager) {
         favoritesCounter: 0,
     }))
         .views(self => ({
+        /**
+         * #getter
+         */
+        get shownTrackIds() {
+            var _a, _b;
+            return new Set((_b = (_a = self.view) === null || _a === void 0 ? void 0 : _a.tracks) === null || _b === void 0 ? void 0 : _b.map((t) => t.configuration.trackId));
+        },
         /**
          * #getter
          */

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

@@ -1,11 +1,10 @@
 import React from 'react';
 import { HierarchicalTrackSelectorModel } from '../../model';
-declare const FacetFilter: ({ column, vals, width, model, }: {
+declare const FacetFilter: ({ column, vals, model, }: {
     column: {
         field: string;
     };
     vals: [string, number][];
-    width: number;
     model: HierarchicalTrackSelectorModel;
 }) => React.JSX.Element;
 export default FacetFilter;

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

@@ -25,15 +25,16 @@ function ExpandButton({ visible, onClick, }) {
     return (React.createElement(Tooltip, { title: "Minimize/expand this facet filter" },
         React.createElement(IconButton, { onClick: () => onClick(), size: "small" }, visible ? React.createElement(MinimizeIcon, null) : React.createElement(AddIcon, null))));
 }
-const FacetFilter = observer(function ({ column, vals, width, model, }) {
+const FacetFilter = observer(function ({ column, vals, model, }) {
     const { classes } = useStyles();
     const [visible, setVisible] = useState(true);
     const { faceted } = model;
     const { filters } = faceted;
-    return (React.createElement(FormControl, { key: column.field, className: classes.facet, style: { width } },
-        React.createElement("div", { style: { display: 'flex' } },
-            React.createElement(Typography, null, column.field),
-            React.createElement(ClearButton, { onClick: () => model.faceted.setFilter(column.field, []) }),
+    const { field } = column;
+    return (React.createElement(FormControl, { className: classes.facet, fullWidth: true },
+        React.createElement("div", null,
+            React.createElement(Typography, { component: "span" }, field),
+            React.createElement(ClearButton, { onClick: () => faceted.setFilter(field, []) }),
             React.createElement(ExpandButton, { visible: visible, onClick: () => setVisible(!visible) })),
         visible ? (React.createElement(Select, { multiple: true, native: true, className: classes.select, value: filters.get(column.field) || [], onChange: event => {
                 faceted.setFilter(column.field, 

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

@@ -1,11 +1,11 @@
 import React from 'react';
 import { HierarchicalTrackSelectorModel } from '../../model';
-declare const FacetFilters: ({ rows, columns, width, model, }: {
-    rows: Record<string, unknown>[];
+import { Row } from './util';
+declare const FacetFilters: ({ rows, columns, model, }: {
+    rows: Row[];
     columns: {
         field: string;
     }[];
-    width: number;
     model: HierarchicalTrackSelectorModel;
 }) => React.JSX.Element;
 export default FacetFilters;

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

@@ -1,7 +1,9 @@
 import React from 'react';
-import FacetFilter from './FacetFilter';
 import { observer } from 'mobx-react';
-const FacetFilters = observer(function ({ rows, columns, width, model, }) {
+// locals
+import FacetFilter from './FacetFilter';
+import { getRowStr } from './util';
+const FacetFilters = observer(function ({ rows, columns, model, }) {
     var _a, _b;
     const { faceted } = model;
     const { filters } = faceted;
@@ -26,7 +28,7 @@ const FacetFilters = observer(function ({ rows, columns, width, model, }) {
     for (const facet of ret) {
         const elt = uniqs.get(facet);
         for (const row of currentRows) {
-            const key = `${row[facet] || ''}`;
+            const key = getRowStr(facet, row);
             const val = elt.get(key);
             // we don't allow filtering on empty yet
             if (key) {
@@ -41,10 +43,8 @@ const FacetFilters = observer(function ({ rows, columns, width, model, }) {
         const filter = ((_b = filters.get(facet)) === null || _b === void 0 ? void 0 : _b.length)
             ? new Set(filters.get(facet))
             : undefined;
-        currentRows = currentRows.filter(row => {
-            return filter !== undefined ? filter.has(row[facet]) : true;
-        });
+        currentRows = currentRows.filter(row => filter !== undefined ? filter.has(getRowStr(facet, row)) : true);
     }
-    return (React.createElement("div", null, facets.map(column => (React.createElement(FacetFilter, { key: column.field, vals: [...uniqs.get(column.field)], column: column, width: width, model: model })))));
+    return (React.createElement("div", null, facets.map(c => (React.createElement(FacetFilter, { key: c.field, vals: [...uniqs.get(c.field)], column: c, model: model })))));
 });
 export default FacetFilters;

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

@@ -29,11 +29,10 @@ const frac = 0.75;
 const FacetedSelector = observer(function FacetedSelector({ model, }) {
     var _a;
     const { classes } = useStyles();
-    const { view, selection, faceted } = model;
+    const { view, selection, shownTrackIds, faceted } = model;
     const { rows, panelWidth, showFilters, useShoppingCart, showOptions, filteredRows, filteredNonMetadataKeys, filteredMetadataKeys, visible, widths, } = faceted;
     const { pluginManager } = getEnv(model);
     const { ref, scrollLeft } = useResizeBar();
-    const tracks = view.tracks;
     const widthsDebounced = useDebounce(widths, 200);
     const columns = [
         {
@@ -75,7 +74,6 @@ const FacetedSelector = observer(function FacetedSelector({ model, }) {
             });
         }),
     ];
-    const shownTrackIds = new Set(tracks.map(t => t.configuration.trackId));
     return (React.createElement(React.Fragment, null,
         React.createElement(FacetedHeader, { model: model }),
         React.createElement("div", { ref: ref, style: {
@@ -125,11 +123,7 @@ const FacetedSelector = observer(function FacetedSelector({ model, }) {
                     }, columns: columns, rowHeight: 25 })),
             showFilters ? (React.createElement(React.Fragment, null,
                 React.createElement(ResizeHandle, { vertical: true, onDrag: dist => faceted.setPanelWidth(panelWidth - dist), className: classes.resizeHandle }),
-                React.createElement("div", { style: {
-                        width: panelWidth,
-                        overflowY: 'auto',
-                        overflowX: 'hidden',
-                    } },
-                    React.createElement(FacetFilters, { model: model, width: panelWidth - 10, rows: rows, columns: columns })))) : null)));
+                React.createElement("div", { style: { width: panelWidth, overflow: 'auto' } },
+                    React.createElement(FacetFilters, { model: model, rows: rows, columns: columns })))) : null)));
 });
 export default FacetedSelector;

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

@@ -0,0 +1,6 @@
+export interface Row {
+    id: string;
+    metadata?: Record<string, unknown>;
+    [key: string]: unknown;
+}
+export declare function getRowStr(facet: string, row: Row): string;

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

@@ -0,0 +1,6 @@
+export function getRowStr(facet, row) {
+    var _a;
+    return `${(facet.startsWith('metadata.')
+        ? (_a = row.metadata) === null || _a === void 0 ? void 0 : _a[facet.replace('metadata.', '')]
+        : row[facet]) || ''}`;
+}

package/esm/HierarchicalTrackSelectorWidget/facetedModel.d.ts

@@ -81,7 +81,7 @@ export declare function facetedStateTreeF(): import("mobx-state-tree").IModelTyp
         readonly category: string;
         readonly adapter: string;
         readonly description: string;
-        readonly metadata: any;
+        readonly metadata: Record<string, unknown>;
     }[];
 } & {
     /**
@@ -111,7 +111,7 @@ export declare function facetedStateTreeF(): import("mobx-state-tree").IModelTyp
         readonly category: string;
         readonly adapter: string;
         readonly description: string;
-        readonly metadata: any;
+        readonly metadata: Record<string, unknown>;
     }[];
 } & {
     /**

package/esm/HierarchicalTrackSelectorWidget/facetedModel.js

@@ -5,6 +5,7 @@ import { getTrackName } from '@jbrowse/core/util/tracks';
 import { getSession, localStorageGetItem, measureGridWidth, } from '@jbrowse/core/util';
 import { autorun, observable } from 'mobx';
 import { getRootKeys, findNonSparseKeys } from './facetedUtil';
+import { getRowStr } from './components/faceted/util';
 const nonMetadataKeys = ['category', 'adapter', 'description'];
 /**
  * #stateModel FacetedModel
@@ -98,13 +99,10 @@ export function facetedStateTreeF() {
         get rows() {
             const session = 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 => matches(filterText, conf, session))
                 .map(track => {
                 var _a, _b;
-                const metadata = readConfObject(track, 'metadata');
                 return {
                     id: track.trackId,
                     conf: track,
@@ -112,7 +110,7 @@ export function facetedStateTreeF() {
                     category: (_a = readConfObject(track, 'category')) === null || _a === void 0 ? void 0 : _a.join(', '),
                     adapter: (_b = readConfObject(track, 'adapter')) === null || _b === void 0 ? void 0 : _b.type,
                     description: readConfObject(track, 'description'),
-                    metadata,
+                    metadata: readConfObject(track, 'metadata'),
                 };
             });
         },
@@ -156,9 +154,7 @@ export function facetedStateTreeF() {
             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])));
+            return self.rows.filter(row => arrFilters.every(([key, val]) => val.has(getRowStr(key, row))));
         },
     }))
         .actions(self => ({

package/esm/HierarchicalTrackSelectorWidget/model.d.ts

@@ -42,23 +42,23 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
         showSparse: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
         showFilters: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
         showOptions: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
-        panelWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>; /**
-         * #property
-         */
+        panelWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
     }, {
         visible: Record<string, boolean>;
-        widths: Record<string, number | undefined>;
+        widths: Record<string, number | undefined>; /**
+         * #property
+         */
         useShoppingCart: boolean;
-        filters: import("mobx").ObservableMap<string, string[]>;
+        filters: import("mobx").ObservableMap<string, string[]>; /**
+         * #property
+         */
     } & {
         setFilter(key: string, value: string[]): void;
         setPanelWidth(width: number): void;
         setUseShoppingCart(f: boolean): void;
         setFilterText(str: string): void;
         setShowSparse(f: boolean): void;
-        setShowOptions(f: boolean): void; /**
-         * #getter
-         */
+        setShowOptions(f: boolean): void;
         setShowFilters(f: boolean): void;
     } & {
         readonly allTrackConfigurations: ({
@@ -78,7 +78,7 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
             readonly category: string;
             readonly adapter: string;
             readonly description: string;
-            readonly metadata: any;
+            readonly metadata: Record<string, unknown>;
         }[];
     } & {
         readonly filteredNonMetadataKeys: string[] | readonly ["category", "adapter", "description"];
@@ -96,7 +96,7 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
             readonly category: string;
             readonly adapter: string;
             readonly description: string;
-            readonly metadata: any;
+            readonly metadata: Record<string, unknown>;
         }[];
     } & {
         setVisible(args: Record<string, boolean>): void;
@@ -115,6 +115,10 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
     recentlyUsedCounter: number;
     favoritesCounter: number;
 } & {
+    /**
+     * #getter
+     */
+    readonly shownTrackIds: Set<string>;
     /**
      * #getter
      */

package/esm/HierarchicalTrackSelectorWidget/model.js

@@ -72,6 +72,13 @@ export default function stateTreeFactory(pluginManager) {
         favoritesCounter: 0,
     }))
         .views(self => ({
+        /**
+         * #getter
+         */
+        get shownTrackIds() {
+            var _a, _b;
+            return new Set((_b = (_a = self.view) === null || _a === void 0 ? void 0 : _a.tracks) === null || _b === void 0 ? void 0 : _b.map((t) => t.configuration.trackId));
+        },
         /**
          * #getter
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-data-management",
-  "version": "2.10.0",
+  "version": "2.10.1",
   "description": "JBrowse 2 linear genome view",
   "keywords": [
     "jbrowse",
@@ -60,5 +60,5 @@
   "distModule": "esm/index.js",
   "srcModule": "src/index.ts",
   "module": "esm/index.js",
-  "gitHead": "223d8bfb68fd1bacaf22852639ad5920f1b7f43b"
+  "gitHead": "442b5f87efddfdf4ccf520b4d9dd01ddd370cb07"
 }