@jbrowse/plugin-data-management 2.17.0 → 3.0.0

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

@@ -1,7 +1,8 @@
-import React, { useCallback, useMemo, useRef, useEffect } from 'react';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { 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 +21,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,33 +41,23 @@ 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,
         });
     }, [tree, filterText]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(VariableSizeTree, { ref: treeRef, treeWalker: treeWalker, height: height }, Node)));
+    return (_jsx(_Fragment, { children: _jsx(VariableSizeTree, { ref: treeRef, treeWalker: treeWalker, height: height, children: Node }) }));
 });
 export default HierarchicalTree;

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

@@ -1,6 +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;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default RecentlyUsedTracks;

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

@@ -1,10 +1,9 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+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,
@@ -13,7 +12,7 @@ const useStyles = makeStyles()({
 const RecentlyUsedTracks = observer(function ({ model, }) {
     const { classes } = useStyles();
     const { view, recentlyUsedCounter, recentlyUsedTracks } = model;
-    return view ? (React.createElement(DropdownTrackSelector, { onClick: () => {
+    return view ? (_jsx(DropdownTrackSelector, { onClick: () => {
             model.setRecentlyUsedCounter(0);
         }, model: model, tracks: recentlyUsedTracks, extraMenuItems: recentlyUsedTracks.length
             ? [
@@ -30,12 +29,9 @@ const RecentlyUsedTracks = observer(function ({ model, }) {
                     label: 'No recently used',
                     onClick: () => { },
                 },
-            ] },
-        React.createElement(Tooltip, { title: "Recently used tracks" },
-            React.createElement(Badge, { classes: { badge: classes.smallBadge }, anchorOrigin: {
+            ], children: _jsx(Tooltip, { title: "Recently used tracks", children: _jsx(Badge, { classes: { badge: classes.smallBadge }, anchorOrigin: {
                     vertical: 'bottom',
                     horizontal: 'right',
-                }, color: "secondary", badgeContent: recentlyUsedCounter },
-                React.createElement(HistoryIcon, null))))) : null;
+                }, color: "secondary", badgeContent: recentlyUsedCounter, children: _jsx(HistoryIcon, {}) }) }) })) : null;
 });
 export default RecentlyUsedTracks;

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

@@ -1,7 +1,6 @@
-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;
     data: NodeData;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,21 +1,18 @@
-import React, { useState } from 'react';
-import { IconButton, Typography } from '@mui/material';
-import { makeStyles } from 'tss-react/mui';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 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%',
     },
 }));
@@ -23,62 +20,56 @@ export default function Category({ isOpen, setOpen, data, }) {
     const { classes } = useStyles();
     const [menuEl, setMenuEl] = useState(null);
     const { menuItems = [], name, model, id, tree } = data;
-    return (React.createElement("div", { className: classes.accordionText, onClick: () => {
+    return (_jsxs("div", { className: classes.accordionText, onClick: () => {
             if (!menuEl) {
                 data.toggleCollapse(id);
                 setOpen(!isOpen);
             }
-        } },
-        React.createElement(Typography, { "data-testid": `htsCategory-${name}` },
-            isOpen ? React.createElement(ArrowDropDownIcon, null) : React.createElement(ArrowRightIcon, null),
-            name,
-            React.createElement(IconButton, { onClick: event => {
-                    setMenuEl(event.currentTarget);
-                    event.stopPropagation();
-                }, className: classes.contrastColor },
-                React.createElement(MoreHorizIcon, null))),
-        menuEl ? (React.createElement(JBrowseMenu, { anchorEl: menuEl, menuItems: [
-                {
-                    label: 'Add to selection',
-                    onClick: () => {
-                        const r = treeToMap(tree).get(id);
-                        model.addToSelection(getAllChildren(r));
+        }, children: [_jsxs(Typography, { "data-testid": `htsCategory-${name}`, children: [isOpen ? _jsx(ArrowDropDownIcon, {}) : _jsx(ArrowRightIcon, {}), name, _jsx(IconButton, { onClick: event => {
+                            setMenuEl(event.currentTarget);
+                            event.stopPropagation();
+                        }, className: classes.contrastColor, children: _jsx(MoreHorizIcon, {}) })] }), menuEl ? (_jsx(JBrowseMenu, { anchorEl: menuEl, menuItems: [
+                    {
+                        label: 'Add to selection',
+                        onClick: () => {
+                            const r = treeToMap(tree).get(id);
+                            model.addToSelection(getAllChildren(r));
+                        },
                     },
-                },
-                {
-                    label: 'Remove from selection',
-                    onClick: () => {
-                        const r = treeToMap(tree).get(id);
-                        model.removeFromSelection(getAllChildren(r));
+                    {
+                        label: 'Remove from selection',
+                        onClick: () => {
+                            const r = treeToMap(tree).get(id);
+                            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.type === 'track') {
-                                model.view.showTrack(entry.trackId);
+                    {
+                        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.type === 'track') {
+                                    model.view.showTrack(entry.trackId);
+                                }
                             }
-                        }
+                        },
                     },
-                },
-                {
-                    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.type === 'track') {
-                                model.view.hideTrack(entry.trackId);
+                    {
+                        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.type === 'track') {
+                                    model.view.hideTrack(entry.trackId);
+                                }
                             }
-                        }
+                        },
                     },
-                },
-                ...menuItems,
-            ], onMenuItemClick: (_event, callback) => {
-                callback();
-                setMenuEl(null);
-            }, open: Boolean(menuEl), onClose: () => {
-                setMenuEl(null);
-            } })) : null));
+                    ...menuItems,
+                ], onMenuItemClick: (_event, callback) => {
+                    callback();
+                    setMenuEl(null);
+                }, open: Boolean(menuEl), onClose: () => {
+                    setMenuEl(null);
+                } })) : null] }));
 }

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

@@ -1,6 +1,5 @@
-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;
@@ -8,4 +7,4 @@ export interface InfoArgs {
 }
 export default function TrackLabel({ data }: {
     data: NodeData;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,8 @@
-import React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+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 => ({
@@ -22,16 +21,21 @@ const useStyles = makeStyles()(theme => ({
 }));
 export default function TrackLabel({ data }) {
     const { classes } = useStyles();
-    const { checked, conf, model, drawerPosition, id, trackId, name, onChange, selected, } = data;
+    const { checked, conf, model, drawerPosition, id, trackId, name, selected, onChange, } = data;
     const description = readConfObject(conf, 'description');
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Tooltip, { title: description + (selected ? ' (in selection)' : ''), placement: drawerPosition === 'left' ? 'right' : 'left' },
-            React.createElement(FormControlLabel, { className: classes.checkboxLabel, control: React.createElement(Checkbox, { className: classes.compactCheckbox, checked: checked, onChange: () => {
-                        onChange(trackId);
-                    }, disabled: isUnsupported(name), inputProps: {
-                        // @ts-expect-error
-                        'data-testid': `htsTrackEntry-${id}`,
-                    } }), label: React.createElement("div", { "data-testid": `htsTrackLabel-${id}`, style: { background: selected ? '#cccc' : undefined } },
-                    React.createElement(SanitizedHTML, { html: name })) })),
-        React.createElement(TrackLabelMenu, { model: model, trackId: trackId, id: id, conf: conf })));
+    return (_jsxs(_Fragment, { children: [_jsx(Tooltip, { title: description + (selected ? ' (in selection)' : ''), placement: drawerPosition === 'left' ? 'right' : 'left', children: _jsx(FormControlLabel, { className: classes.checkboxLabel, onClick: event => {
+                        if (event.ctrlKey || event.metaKey) {
+                            if (selected) {
+                                model.removeFromSelection([conf]);
+                            }
+                            else {
+                                model.addToSelection([conf]);
+                            }
+                            event.preventDefault();
+                        }
+                    }, control: _jsx(Checkbox, { className: classes.compactCheckbox, checked: checked, onChange: () => {
+                            onChange(trackId);
+                        }, disabled: isUnsupported(name), inputProps: {
+                            'data-testid': `htsTrackEntry-${id}`,
+                        } }), label: _jsx("div", { "data-testid": `htsTrackLabel-${id}`, className: selected ? classes.selected : undefined, children: _jsx(SanitizedHTML, { html: name }) }) }) }), _jsx(TrackLabelMenu, { model: model, trackId: trackId, id: id, conf: conf })] }));
 }

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

@@ -1,6 +1,5 @@
-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;
@@ -8,5 +7,5 @@ declare const TrackLabelMenu: ({ id, trackId, stopPropagation, model, setOpen, c
     conf: AnyConfigurationModel;
     setOpen?: (arg: boolean) => void;
     model: HierarchicalTrackSelectorModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default TrackLabelMenu;

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 { jsx as _jsx } from "react/jsx-runtime";
 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,
@@ -14,7 +13,7 @@ const useStyles = makeStyles()({
 const TrackLabelMenu = function ({ id, trackId, stopPropagation, model, setOpen, conf, }) {
     var _a, _b;
     const { classes } = useStyles();
-    return (React.createElement(CascadingMenuButton, { className: classes.cascadingStyle, stopPropagation: stopPropagation, setOpen: setOpen, "data-testid": `htsTrackEntryMenu-${id}`, menuItems: [
+    return (_jsx(CascadingMenuButton, { className: classes.cascadingStyle, stopPropagation: stopPropagation, setOpen: setOpen, "data-testid": `htsTrackEntryMenu-${id}`, menuItems: [
             ...(((_b = (_a = getSession(model)).getTrackActionMenuItems) === null || _b === void 0 ? void 0 : _b.call(_a, conf)) || []),
             model.isFavorite(trackId)
                 ? {
@@ -47,7 +46,6 @@ const TrackLabelMenu = function ({ id, trackId, stopPropagation, model, setOpen,
                     },
                 ]
                 : []),
-        ] },
-        React.createElement(MoreHorizIcon, null)));
+        ], children: _jsx(MoreHorizIcon, {}) }));
 };
 export default TrackLabelMenu;

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

@@ -1,5 +1,4 @@
-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;
@@ -7,4 +6,4 @@ export default function Node({ data, isOpen, style, setOpen, }: {
         height: number;
     };
     setOpen: (arg: boolean) => void;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,12 +1,8 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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,21 +23,14 @@ 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 }))),
-        React.createElement("div", { className: !isLeaf ? classes.accordionCard : undefined, style: {
-                marginLeft,
-                whiteSpace: 'nowrap',
-                width: '100%',
-            } },
-            React.createElement("div", { className: !isLeaf ? classes.accordionColor : undefined }, !isLeaf ? (React.createElement(Category, { isOpen: isOpen, data: data, setOpen: setOpen })) : (React.createElement(TrackLabel, { data: data }))))));
+    return (_jsxs("div", { style: style, className: !isLeaf ? classes.accordionBase : undefined, children: [new Array(nestingLevel).fill(0).map((_, idx) => (_jsx("div", { style: { left: idx * width + 4, height: style === null || style === void 0 ? void 0 : style.height }, className: classes.nestingLevelMarker }, `mark-${idx}`))), _jsx("div", { className: !isLeaf ? classes.accordionCard : undefined, style: {
+                    marginLeft,
+                    whiteSpace: 'nowrap',
+                    width: '100%',
+                }, children: _jsx("div", { className: !isLeaf ? classes.accordionColor : undefined, children: !isLeaf ? (_jsx(Category, { isOpen: isOpen, data: data, setOpen: setOpen })) : (_jsx(TrackLabel, { data: data })) }) })] }));
 }

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,9 +1,6 @@
 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))
-            .flat(Number.POSITIVE_INFINITY)
+        ? subtree.children.flatMap(t => t.type === 'category' ? getAllChildren(t) : t.conf)
         : [];
 }
 export function treeToMap(tree, map = new Map()) {

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,11 +74,9 @@ 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>;
 export type FacetedStateModel = ReturnType<typeof facetedStateTreeF>;
 export type FacetedModel = Instance<FacetedStateModel>;
+export type FacetedRow = FacetedModel['filteredRows'][0];