@jbrowse/plugin-data-management 2.3.2 → 2.3.4

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

@@ -0,0 +1,99 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const material_1 = require("@mui/material");
+const mui_1 = require("tss-react/mui");
+// icon
+const Clear_1 = __importDefault(require("@mui/icons-material/Clear"));
+const Minimize_1 = __importDefault(require("@mui/icons-material/Minimize"));
+const Add_1 = __importDefault(require("@mui/icons-material/Add"));
+const useStyles = (0, mui_1.makeStyles)()(theme => ({
+    facet: {
+        margin: 0,
+        marginLeft: theme.spacing(2),
+    },
+    select: {
+        marginBottom: theme.spacing(2),
+    },
+}));
+function FacetFilter({ column, vals, width, dispatch, filters, }) {
+    const { classes } = useStyles();
+    const [visible, setVisible] = (0, react_1.useState)(true);
+    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(material_1.Tooltip, { title: "Clear selection on this facet filter" },
+                react_1.default.createElement(material_1.IconButton, { onClick: () => {
+                        dispatch({ key: column.field, val: [] });
+                    }, size: "small" },
+                    react_1.default.createElement(Clear_1.default, null))),
+            react_1.default.createElement(material_1.Tooltip, { title: "Minimize/expand this facet filter" },
+                react_1.default.createElement(material_1.IconButton, { onClick: () => setVisible(!visible), size: "small" }, visible ? react_1.default.createElement(Minimize_1.default, null) : react_1.default.createElement(Add_1.default, null)))),
+        visible ? (react_1.default.createElement(material_1.Select, { multiple: true, native: true, className: classes.select, value: filters[column.field], onChange: event => {
+                // @ts-ignore
+                const { options } = event.target;
+                const val = [];
+                const len = options.length;
+                for (let i = 0; i < len; i++) {
+                    if (options[i].selected) {
+                        val.push(options[i].value);
+                    }
+                }
+                dispatch({ key: column.field, val });
+            } }, vals
+            .sort((a, b) => a[0].localeCompare(b[0]))
+            .map(([name, count]) => (react_1.default.createElement("option", { key: name, value: name },
+            name,
+            " (",
+            count,
+            ")"))))) : null));
+}
+function FacetFilters({ rows, columns, dispatch, filters, width, }) {
+    const facets = columns.slice(1);
+    const uniqs = facets.map(() => new Map());
+    rows.forEach(row => {
+        facets.forEach((column, index) => {
+            const elt = uniqs[index];
+            const key = `${row[column.field] || ''}`;
+            const val = elt.get(key);
+            // we don't allow filtering on empty yet
+            if (key) {
+                if (val !== undefined) {
+                    elt.set(key, val + 1);
+                }
+                else {
+                    elt.set(key, 1);
+                }
+            }
+        });
+    });
+    return (react_1.default.createElement("div", null, facets.map((column, index) => (react_1.default.createElement(FacetFilter, { key: column.field, vals: Array.from(uniqs[index]), column: column, width: width, dispatch: dispatch, filters: filters })))));
+}
+exports.default = FacetFilters;
+//# sourceMappingURL=FacetFilters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FacetFilters.js","sourceRoot":"","sources":["../../../../src/HierarchicalTrackSelectorWidget/components/faceted/FacetFilters.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { HierarchicalTrackSelectorModel } from '../../model';
+declare function FacetedDlg(props: {
+    handleClose: () => void;
+    model: HierarchicalTrackSelectorModel;
+}): JSX.Element;
+declare const _default: typeof FacetedDlg;
+export default _default;

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

@@ -0,0 +1,18 @@
+"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 ui_1 = require("@jbrowse/core/ui");
+const mobx_react_1 = require("mobx-react");
+const FacetedSelector_1 = __importDefault(require("./FacetedSelector"));
+function FacetedDlg(props) {
+    const { handleClose } = props;
+    return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: handleClose, maxWidth: "xl", title: "Faceted track selector" },
+        react_1.default.createElement(material_1.DialogContent, null,
+            react_1.default.createElement(FacetedSelector_1.default, { ...props }))));
+}
+exports.default = (0, mobx_react_1.observer)(FacetedDlg);
+//# sourceMappingURL=FacetedDialog.js.map

package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetedDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FacetedDialog.js","sourceRoot":"","sources":["../../../../src/HierarchicalTrackSelectorWidget/components/faceted/FacetedDialog.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,4CAA6C;AAC7C,yCAAyC;AACzC,2CAAqC;AAIrC,wEAA+C;AAE/C,SAAS,UAAU,CAAC,KAGnB;IACC,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAC7B,OAAO,CACL,8BAAC,WAAM,IACL,IAAI,QACJ,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAC,IAAI,EACb,KAAK,EAAC,wBAAwB;QAE9B,8BAAC,wBAAa;YACZ,8BAAC,yBAAe,OAAK,KAAK,GAAI,CAChB,CACT,CACV,CAAA;AACH,CAAC;AAED,kBAAe,IAAA,qBAAQ,EAAC,UAAU,CAAC,CAAA"}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { HierarchicalTrackSelectorModel } from '../../model';
+export default function FacetedHeader({ setFilterText, setUseShoppingCart, setHideSparse, hideSparse, useShoppingCart, filterText, model, }: {
+    setFilterText: (arg: string) => void;
+    setUseShoppingCart: (arg: boolean) => void;
+    setHideSparse: (arg: boolean) => void;
+    filterText: string;
+    useShoppingCart: boolean;
+    hideSparse: boolean;
+    model: HierarchicalTrackSelectorModel;
+}): JSX.Element;

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

@@ -0,0 +1,71 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const material_1 = require("@mui/material");
+const ui_1 = require("@jbrowse/core/ui");
+// icons
+const Clear_1 = __importDefault(require("@mui/icons-material/Clear"));
+const MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
+// locals
+const ShoppingCart_1 = __importDefault(require("../ShoppingCart"));
+function FacetedHeader({ setFilterText, setUseShoppingCart, setHideSparse, hideSparse, useShoppingCart, filterText, model, }) {
+    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.Grid, { container: true, spacing: 4, alignItems: "center" },
+            react_1.default.createElement(material_1.Grid, { item: true },
+                react_1.default.createElement(material_1.TextField, { label: "Search...", value: filterText, onChange: event => setFilterText(event.target.value), InputProps: {
+                        endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "end" },
+                            react_1.default.createElement(material_1.IconButton, { onClick: () => setFilterText('') },
+                                react_1.default.createElement(Clear_1.default, null)))),
+                    } })),
+            react_1.default.createElement(material_1.Grid, { item: true },
+                react_1.default.createElement(material_1.IconButton, { onClick: event => setAnchorEl(event.currentTarget) },
+                    react_1.default.createElement(MoreVert_1.default, null))),
+            react_1.default.createElement(material_1.Grid, { item: true },
+                react_1.default.createElement(ShoppingCart_1.default, { model: model }))),
+        react_1.default.createElement(ui_1.Menu, { anchorEl: anchorEl, open: !!anchorEl, onClose: () => setAnchorEl(null), onMenuItemClick: (_event, callback) => {
+                callback();
+                setAnchorEl(null);
+            }, menuItems: [
+                {
+                    label: 'Add tracks to selection instead of turning them on/off',
+                    onClick: () => setUseShoppingCart(!useShoppingCart),
+                    type: 'checkbox',
+                    checked: useShoppingCart,
+                },
+                {
+                    label: 'Hide sparse metadata columns',
+                    onClick: () => setHideSparse(!hideSparse),
+                    checked: hideSparse,
+                    type: 'checkbox',
+                },
+            ] })));
+}
+exports.default = FacetedHeader;
+//# sourceMappingURL=FacetedHeader.js.map

package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetedHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FacetedHeader.js","sourceRoot":"","sources":["../../../../src/HierarchicalTrackSelectorWidget/components/faceted/FacetedHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4CAA2E;AAC3E,yCAAuC;AAEvC,QAAQ;AACR,sEAAiD;AACjD,4EAAmD;AAEnD,SAAS;AACT,mEAA0C;AAG1C,SAAwB,aAAa,CAAC,EACpC,aAAa,EACb,kBAAkB,EAClB,aAAa,EACb,UAAU,EACV,eAAe,EACf,UAAU,EACV,KAAK,GASN;IACC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAA;IAElE,OAAO,CACL;QACE,8BAAC,eAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ;YAC7C,8BAAC,eAAI,IAAC,IAAI;gBACR,8BAAC,oBAAS,IACR,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACpD,UAAU,EAAE;wBACV,YAAY,EAAE,CACZ,8BAAC,yBAAc,IAAC,QAAQ,EAAC,KAAK;4BAC5B,8BAAC,qBAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC;gCAC1C,8BAAC,eAAS,OAAG,CACF,CACE,CAClB;qBACF,GACD,CACG;YAEP,8BAAC,eAAI,IAAC,IAAI;gBACR,8BAAC,qBAAU,IAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC;oBAC5D,8BAAC,kBAAQ,OAAG,CACD,CACR;YACP,8BAAC,eAAI,IAAC,IAAI;gBACR,8BAAC,sBAAY,IAAC,KAAK,EAAE,KAAK,GAAI,CACzB,CACF;QACP,8BAAC,SAAI,IACH,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,CAAC,CAAC,QAAQ,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EAChC,eAAe,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE;gBACpC,QAAQ,EAAE,CAAA;gBACV,WAAW,CAAC,IAAI,CAAC,CAAA;YACnB,CAAC,EACD,SAAS,EAAE;gBACT;oBACE,KAAK,EAAE,wDAAwD;oBAC/D,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,CAAC,eAAe,CAAC;oBACnD,IAAI,EAAE,UAAU;oBAChB,OAAO,EAAE,eAAe;iBACzB;gBACD;oBACE,KAAK,EAAE,8BAA8B;oBACrC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC;oBACzC,OAAO,EAAE,UAAU;oBACnB,IAAI,EAAE,UAAU;iBACjB;aACF,GACD,CACD,CACJ,CAAA;AACH,CAAC;AAzED,gCAyEC"}

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import { HierarchicalTrackSelectorModel } from '../../model';
+export interface InfoArgs {
+    target: HTMLElement;
+    id: string;
+    conf: AnyConfigurationModel;
+}
+declare const _default: ({ model, }: {
+    model: HierarchicalTrackSelectorModel;
+}) => JSX.Element;
+export default _default;

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

@@ -0,0 +1,211 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const material_1 = require("@mui/material");
+const mobx_1 = require("mobx");
+const mobx_react_1 = require("mobx-react");
+const mobx_state_tree_1 = require("mobx-state-tree");
+const x_data_grid_1 = require("@mui/x-data-grid");
+// jbrowse
+const tracks_1 = require("@jbrowse/core/util/tracks");
+const ui_1 = require("@jbrowse/core/ui");
+const Menu_1 = __importDefault(require("@jbrowse/core/ui/Menu"));
+const ResizeBar_1 = __importStar(require("@jbrowse/core/ui/ResizeBar"));
+const util_1 = require("@jbrowse/core/util");
+const configuration_1 = require("@jbrowse/core/configuration");
+// icons
+const MoreHoriz_1 = __importDefault(require("@mui/icons-material/MoreHoriz"));
+// locals
+const model_1 = require("../../model");
+const FacetedHeader_1 = __importDefault(require("./FacetedHeader"));
+const FacetFilters_1 = __importDefault(require("./FacetFilters"));
+const util_2 = require("./util");
+const nonMetadataKeys = ['category', 'adapter', 'description'];
+const frac = 0.75;
+exports.default = (0, mobx_react_1.observer)(function FacetedSelector({ model, }) {
+    var _a;
+    const { assemblyNames, view, selection } = model;
+    const { pluginManager } = (0, util_1.getEnv)(model);
+    const { ref, scrollLeft } = (0, ResizeBar_1.useResizeBar)();
+    const [filterText, setFilterText] = (0, react_1.useState)('');
+    const [info, setInfo] = (0, react_1.useState)();
+    const [useShoppingCart, setUseShoppingCart] = (0, react_1.useState)(false);
+    const [hideSparse, setHideSparse] = (0, react_1.useState)(true);
+    const [panelWidth, setPanelWidth] = (0, react_1.useState)(400);
+    const assemblyName = assemblyNames[0];
+    const session = (0, util_1.getSession)(model);
+    const filterDebounced = (0, util_1.useDebounce)(filterText, 400);
+    const [filters, dispatch] = (0, react_1.useReducer)((state, update) => {
+        return { ...state, [update.key]: update.val };
+    }, {});
+    const rows = (0, react_1.useMemo)(() => {
+        // 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 model
+            .trackConfigurations(assemblyName)
+            .filter(conf => (0, model_1.matches)(filterDebounced, 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,
+                ...metadata,
+            };
+        });
+    }, [assemblyName, model, filterDebounced, session]);
+    const filteredNonMetadataKeys = (0, react_1.useMemo)(() => nonMetadataKeys.filter(f => !hideSparse ? true : rows.map(r => r[f]).filter(f => !!f).length > 5), [hideSparse, rows]);
+    const filteredMetadataKeys = (0, react_1.useMemo)(() => [...new Set(rows.map(row => (0, util_2.getRootKeys)(row.metadata)).flat())].filter(f => !hideSparse
+        ? true
+        : rows.map(r => r.metadata[f]).filter(f => !!f).length > 5), [hideSparse, rows]);
+    const fields = (0, react_1.useMemo)(() => {
+        return ['name', ...filteredNonMetadataKeys, ...filteredMetadataKeys];
+    }, [filteredNonMetadataKeys, filteredMetadataKeys]);
+    const [widths, setWidths] = (0, react_1.useState)({
+        name: (0, util_1.measureGridWidth)(rows.map(r => r.name), { maxWidth: 500, stripHTML: true }) + 15,
+        ...Object.fromEntries(filteredNonMetadataKeys.map(e => [
+            e,
+            (0, util_1.measureGridWidth)(rows.map(r => r[e]), { maxWidth: 400, stripHTML: true }),
+        ])),
+        ...Object.fromEntries(filteredMetadataKeys.map(e => [
+            e,
+            (0, util_1.measureGridWidth)(rows.map(r => r.metadata[e]), { maxWidth: 400, stripHTML: true }),
+        ])),
+    });
+    const [visible, setVisible] = (0, react_1.useState)(Object.fromEntries(fields.map(c => [c, true])));
+    (0, react_1.useEffect)(() => {
+        setVisible(visible => ({
+            ...Object.fromEntries(fields.map(c => [c, true])),
+            ...visible,
+        }));
+    }, [fields]);
+    (0, react_1.useEffect)(() => {
+        setWidths(widths => ({
+            name: widths.name,
+            ...Object.fromEntries(filteredNonMetadataKeys
+                .filter(f => visible[f])
+                .map(e => [
+                e,
+                (0, util_1.measureGridWidth)(rows.map(r => r[e]), { stripHTML: true, maxWidth: 400 }),
+            ])),
+            ...Object.fromEntries(filteredMetadataKeys
+                .filter(f => visible[f])
+                .map(e => [
+                e,
+                (0, util_1.measureGridWidth)(rows.map(r => r.metadata[e]), { stripHTML: true, maxWidth: 400 }),
+            ])),
+        }));
+    }, [filteredMetadataKeys, visible, filteredNonMetadataKeys, hideSparse, rows]);
+    const widthsDebounced = (0, util_1.useDebounce)(widths, 400);
+    const columns = [
+        {
+            field: 'name',
+            hideable: false,
+            renderCell: (params) => {
+                const { value, id, row } = params;
+                return (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(ui_1.SanitizedHTML, { html: value }),
+                    react_1.default.createElement(material_1.IconButton, { onClick: e => setInfo({
+                            target: e.currentTarget,
+                            id: id,
+                            conf: row.conf,
+                        }) },
+                        react_1.default.createElement(MoreHoriz_1.default, null))));
+            },
+            width: widthsDebounced.name || 100, // can be undefined before useEffect update
+        },
+        ...filteredNonMetadataKeys.map(e => ({
+            field: e,
+            width: widthsDebounced[e] || 100,
+            renderCell: (params) => {
+                const { value } = params;
+                return value ? react_1.default.createElement(ui_1.SanitizedHTML, { html: value }) : '';
+            },
+        })),
+        ...filteredMetadataKeys.map(e => ({
+            field: e,
+            width: widthsDebounced[e] || 100,
+            renderCell: (params) => {
+                const { value } = params;
+                return value ? react_1.default.createElement(ui_1.SanitizedHTML, { html: value }) : '';
+            },
+        })),
+    ];
+    const shownTrackIds = view.tracks.map(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (t) => t.configuration.trackId);
+    const arrFilters = Object.entries(filters).filter(f => f[1].length > 0);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        info ? (react_1.default.createElement(Menu_1.default, { anchorEl: info === null || info === void 0 ? void 0 : info.target, menuItems: ((_a = session.getTrackActionMenuItems) === null || _a === void 0 ? void 0 : _a.call(session, info.conf)) || [], onMenuItemClick: (_event, callback) => {
+                callback();
+                setInfo(undefined);
+            }, open: !!info, onClose: () => setInfo(undefined) })) : null,
+        react_1.default.createElement(FacetedHeader_1.default, { setHideSparse: setHideSparse, setFilterText: setFilterText, setUseShoppingCart: setUseShoppingCart, hideSparse: hideSparse, filterText: filterText, useShoppingCart: useShoppingCart, model: model }),
+        react_1.default.createElement("div", { ref: ref, style: {
+                display: 'flex',
+                overflow: 'hidden',
+                height: window.innerHeight * frac,
+                width: window.innerWidth * frac,
+            } },
+            react_1.default.createElement("div", { style: {
+                    height: window.innerHeight * frac,
+                    width: window.innerWidth * frac - panelWidth,
+                } },
+                react_1.default.createElement(ResizeBar_1.default, { checkbox: true, widths: Object.values(widths), setWidths: newWidths => setWidths(Object.fromEntries(Object.entries(widths).map((entry, idx) => [
+                        entry[0],
+                        newWidths[idx],
+                    ]))), scrollLeft: scrollLeft }),
+                react_1.default.createElement(x_data_grid_1.DataGrid, { rows: rows.filter(row => arrFilters.every(([key, val]) => val.includes(row[key]))), columnVisibilityModel: visible, onColumnVisibilityModelChange: newModel => setVisible(newModel), headerHeight: 35, checkboxSelection: true, disableSelectionOnClick: true, keepNonExistentRowsSelected: true, onSelectionModelChange: userSelectedIds => {
+                        if (!useShoppingCart) {
+                            const a1 = shownTrackIds;
+                            const a2 = userSelectedIds;
+                            // synchronize the user selection with the view
+                            // see share https://stackoverflow.com/a/33034768/2129219
+                            (0, mobx_1.transaction)(() => {
+                                a1.filter(x => !a2.includes(x)).map(t => view.hideTrack(t));
+                                a2.filter(x => !a1.includes(x)).map(t => view.showTrack(t));
+                            });
+                        }
+                        else {
+                            const root = (0, mobx_state_tree_1.getRoot)(model);
+                            const schema = pluginManager.pluggableConfigSchemaType('track');
+                            const tracks = userSelectedIds.map(id => (0, mobx_state_tree_1.resolveIdentifier)(schema, root, id));
+                            model.setSelection(tracks);
+                        }
+                    }, selectionModel: useShoppingCart ? selection.map(s => s.trackId) : shownTrackIds, columns: columns, rowHeight: 25 })),
+            react_1.default.createElement(ui_1.ResizeHandle, { vertical: true, onDrag: dist => setPanelWidth(panelWidth - dist), style: { background: 'grey', width: 5 } }),
+            react_1.default.createElement("div", { style: { width: panelWidth, overflowY: 'auto', overflowX: 'hidden' } },
+                react_1.default.createElement(FacetFilters_1.default, { width: panelWidth - 10, rows: rows, columns: columns, dispatch: dispatch, filters: filters })))));
+});
+//# sourceMappingURL=FacetedSelector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FacetedSelector.js","sourceRoot":"","sources":["../../../../src/HierarchicalTrackSelectorWidget/components/faceted/FacetedSelector.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1 @@
+export declare function getRootKeys(obj: Record<string, unknown>): string[];

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getRootKeys = void 0;
+function getRootKeys(obj) {
+    return Object.entries(obj)
+        .map(([key, val]) => (typeof val === 'string' ? key : ''))
+        .filter(f => !!f);
+}
+exports.getRootKeys = getRootKeys;
+//# sourceMappingURL=util.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../../src/HierarchicalTrackSelectorWidget/components/faceted/util.ts"],"names":[],"mappings":";;;AAAA,SAAgB,WAAW,CAAC,GAA4B;IACtD,OAAO,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;SACvB,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;SACzD,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AACrB,CAAC;AAJD,kCAIC"}

package/dist/HierarchicalTrackSelectorWidget/components/tree/HamburgerMenu.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { HierarchicalTrackSelectorModel } from '../../model';
+declare const _default: ({ model, setAssemblyIdx, }: {
+    model: HierarchicalTrackSelectorModel;
+    setAssemblyIdx: Function;
+}) => JSX.Element;
+export default _default;

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

@@ -0,0 +1,136 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const material_1 = require("@mui/material");
+const mui_1 = require("tss-react/mui");
+const mobx_react_1 = require("mobx-react");
+const Menu_1 = __importDefault(require("@jbrowse/core/ui/Menu"));
+const util_1 = require("@jbrowse/core/util");
+const configuration_1 = require("@jbrowse/core/configuration");
+// icons
+const Menu_2 = __importDefault(require("@mui/icons-material/Menu"));
+// lazy components
+const CloseConnectionDlg = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../dialogs/CloseConnectionDialog'))));
+const DeleteConnectionDlg = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../dialogs/DeleteConnectionDialog'))));
+const ManageConnectionsDlg = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../dialogs/ManageConnectionsDialog'))));
+const ToggleConnectionsDlg = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../dialogs/ToggleConnectionsDialog'))));
+const useStyles = (0, mui_1.makeStyles)()(theme => ({
+    menuIcon: {
+        marginRight: theme.spacing(1),
+        marginBottom: 0,
+    },
+}));
+exports.default = (0, mobx_react_1.observer)(function HamburgerMenu({ model, setAssemblyIdx, }) {
+    const session = (0, util_1.getSession)(model);
+    const [menuEl, setMenuEl] = (0, react_1.useState)();
+    const [modalInfo, setModalInfo] = (0, react_1.useState)();
+    const [deleteDlgDetails, setDeleteDlgDetails] = (0, react_1.useState)();
+    const [connectionToggleOpen, setConnectionToggleOpen] = (0, react_1.useState)(false);
+    const [connectionManagerOpen, setConnectionManagerOpen] = (0, react_1.useState)(false);
+    const { classes } = useStyles();
+    const { assemblyNames } = model;
+    function breakConnection(connectionConf, deletingConnection) {
+        const name = (0, configuration_1.readConfObject)(connectionConf, 'name');
+        // @ts-ignore
+        const result = session.prepareToBreakConnection(connectionConf);
+        if (result) {
+            const [safelyBreakConnection, dereferenceTypeCount] = result;
+            if (Object.keys(dereferenceTypeCount).length > 0) {
+                setModalInfo({
+                    connectionConf,
+                    safelyBreakConnection,
+                    dereferenceTypeCount,
+                    name,
+                });
+            }
+            else {
+                safelyBreakConnection();
+            }
+        }
+        if (deletingConnection) {
+            setDeleteDlgDetails({ name, connectionConf });
+        }
+    }
+    const connectionMenuItems = [
+        {
+            label: 'Turn on/off connections...',
+            onClick: () => setConnectionToggleOpen(true),
+        },
+    ];
+    if ((0, util_1.isSessionModelWithConnections)(session)) {
+        connectionMenuItems.unshift({
+            label: 'Add connection...',
+            onClick: () => {
+                if ((0, util_1.isSessionModelWithWidgets)(session)) {
+                    session.showWidget(session.addWidget('AddConnectionWidget', 'addConnectionWidget'));
+                }
+            },
+        });
+        connectionMenuItems.push({
+            label: 'Delete connections...',
+            onClick: () => setConnectionManagerOpen(true),
+        });
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(material_1.IconButton, { className: classes.menuIcon, onClick: event => setMenuEl(event.currentTarget) },
+            react_1.default.createElement(Menu_2.default, null)),
+        react_1.default.createElement(Menu_1.default, { anchorEl: menuEl, open: Boolean(menuEl), onMenuItemClick: (_, callback) => {
+                callback();
+                setMenuEl(undefined);
+            }, onClose: () => setMenuEl(undefined), menuItems: [
+                {
+                    label: 'Add track...',
+                    onClick: () => {
+                        if ((0, util_1.isSessionModelWithWidgets)(session)) {
+                            session.showWidget(session.addWidget('AddTrackWidget', 'addTrackWidget', {
+                                view: model.view.id,
+                            }));
+                        }
+                    },
+                },
+                ...(session.makeConnection ? connectionMenuItems : []),
+                ...(assemblyNames.length > 1
+                    ? [
+                        {
+                            label: 'Select assembly...',
+                            subMenu: assemblyNames.map((name, idx) => ({
+                                label: name,
+                                onClick: () => setAssemblyIdx(idx),
+                            })),
+                        },
+                    ]
+                    : []),
+            ] }),
+        react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement("div", null) },
+            modalInfo ? (react_1.default.createElement(CloseConnectionDlg, { modalInfo: modalInfo, setModalInfo: setModalInfo })) : null,
+            deleteDlgDetails ? (react_1.default.createElement(DeleteConnectionDlg, { handleClose: () => setDeleteDlgDetails(undefined), deleteDialogDetails: deleteDlgDetails, session: session })) : null,
+            connectionManagerOpen ? (react_1.default.createElement(ManageConnectionsDlg, { handleClose: () => setConnectionManagerOpen(false), breakConnection: breakConnection, session: session })) : null,
+            connectionToggleOpen ? (react_1.default.createElement(ToggleConnectionsDlg, { handleClose: () => setConnectionToggleOpen(false), session: session, breakConnection: breakConnection })) : null)));
+});
+//# sourceMappingURL=HamburgerMenu.js.map