@jbrowse/plugin-data-management 2.3.2 → 2.3.4

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

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

package/dist/HierarchicalTrackSelectorWidget/components/{Header.d.ts → tree/HierarchicalHeader.d.ts}

@@ -1,10 +1,9 @@
 /// <reference types="react" />
-import { HierarchicalTrackSelectorModel } from '../model';
-declare function HierarchicalTrackSelectorHeader({ model, setHeaderHeight, setAssemblyIdx, assemblyIdx, }: {
+import { HierarchicalTrackSelectorModel } from '../../model';
+declare function HierarchicalTrackSelectorHeader({ model, setHeaderHeight, setAssemblyIdx, }: {
     model: HierarchicalTrackSelectorModel;
     setHeaderHeight: (n: number) => void;
     setAssemblyIdx: (n: number) => void;
-    assemblyIdx: number;
 }): JSX.Element;
 declare const _default: typeof HierarchicalTrackSelectorHeader;
 export default _default;

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

@@ -0,0 +1,65 @@
+"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");
+// icons
+const Clear_1 = __importDefault(require("@mui/icons-material/Clear"));
+const HamburgerMenu_1 = __importDefault(require("./HamburgerMenu"));
+const ShoppingCart_1 = __importDefault(require("../ShoppingCart"));
+// lazies
+const FacetedDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../faceted/FacetedDialog'))));
+const useStyles = (0, mui_1.makeStyles)()(theme => ({
+    searchBox: {
+        margin: theme.spacing(2),
+    },
+    menuIcon: {
+        marginRight: theme.spacing(1),
+        marginBottom: 0,
+    },
+}));
+function HierarchicalTrackSelectorHeader({ model, setHeaderHeight, setAssemblyIdx, }) {
+    const { classes } = useStyles();
+    const [facetedOpen, setFacetedOpen] = (0, react_1.useState)(false);
+    const { filterText } = model;
+    return (react_1.default.createElement("div", { ref: ref => setHeaderHeight((ref === null || ref === void 0 ? void 0 : ref.getBoundingClientRect().height) || 0), "data-testid": "hierarchical_track_selector" },
+        react_1.default.createElement("div", { style: { display: 'flex' } },
+            react_1.default.createElement(HamburgerMenu_1.default, { model: model, setAssemblyIdx: setAssemblyIdx }),
+            react_1.default.createElement(ShoppingCart_1.default, { model: model }),
+            react_1.default.createElement(material_1.TextField, { className: classes.searchBox, label: "Filter tracks", value: filterText, onChange: event => model.setFilterText(event.target.value), fullWidth: true, InputProps: {
+                    endAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "end" },
+                        react_1.default.createElement(material_1.IconButton, { color: "secondary", onClick: () => model.clearFilterText() },
+                            react_1.default.createElement(Clear_1.default, null)))),
+                } }),
+            react_1.default.createElement(material_1.Button, { className: classes.menuIcon, onClick: () => setFacetedOpen(true) }, "Open faceted selector")),
+        react_1.default.createElement(react_1.Suspense, { fallback: react_1.default.createElement("div", null) }, facetedOpen ? (react_1.default.createElement(FacetedDialog, { handleClose: () => setFacetedOpen(false), model: model })) : null)));
+}
+exports.default = (0, mobx_react_1.observer)(HierarchicalTrackSelectorHeader);
+//# sourceMappingURL=HierarchicalHeader.js.map

package/dist/HierarchicalTrackSelectorWidget/components/tree/HierarchicalHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchicalHeader.js","sourceRoot":"","sources":["../../../../src/HierarchicalTrackSelectorWidget/components/tree/HierarchicalHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuD;AACvD,4CAA6E;AAC7E,uCAA0C;AAC1C,2CAAqC;AAErC,QAAQ;AACR,sEAAiD;AAIjD,oEAA2C;AAC3C,mEAA0C;AAE1C,SAAS;AACT,MAAM,aAAa,GAAG,IAAA,YAAI,EAAC,GAAG,EAAE,mDAAQ,0BAA0B,GAAC,CAAC,CAAA;AAEpE,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACvC,SAAS,EAAE;QACT,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KACzB;IACD,QAAQ,EAAE;QACR,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,YAAY,EAAE,CAAC;KAChB;CACF,CAAC,CAAC,CAAA;AAEH,SAAS,+BAA+B,CAAC,EACvC,KAAK,EACL,eAAe,EACf,cAAc,GAKf;IACC,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACrD,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IAE5B,OAAO,CACL,uCACE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,eAAe,CAAC,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,qBAAqB,GAAG,MAAM,KAAI,CAAC,CAAC,iBACzD,6BAA6B;QAEzC,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;YAC7B,8BAAC,uBAAa,IAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,cAAc,GAAI;YAC/D,8BAAC,sBAAY,IAAC,KAAK,EAAE,KAAK,GAAI;YAE9B,8BAAC,oBAAS,IACR,SAAS,EAAE,OAAO,CAAC,SAAS,EAC5B,KAAK,EAAC,eAAe,EACrB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1D,SAAS,QACT,UAAU,EAAE;oBACV,YAAY,EAAE,CACZ,8BAAC,yBAAc,IAAC,QAAQ,EAAC,KAAK;wBAC5B,8BAAC,qBAAU,IACT,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE;4BAEtC,8BAAC,eAAS,OAAG,CACF,CACE,CAClB;iBACF,GACD;YACF,8BAAC,iBAAM,IACL,SAAS,EAAE,OAAO,CAAC,QAAQ,EAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,4BAG5B,CACL;QAEN,8BAAC,gBAAQ,IAAC,QAAQ,EAAE,0CAAO,IACxB,WAAW,CAAC,CAAC,CAAC,CACb,8BAAC,aAAa,IACZ,WAAW,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EACxC,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,CACC,CACP,CACP,CAAA;AACH,CAAC;AAED,kBAAe,IAAA,qBAAQ,EAAC,+BAA+B,CAAC,CAAA"}

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

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

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

@@ -0,0 +1,91 @@
+"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 mobx_react_1 = require("mobx-react");
+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];
+    return {
+        data: {
+            defaultHeight: isLeaf ? 22 : 40,
+            isLeaf,
+            isOpenByDefault: true,
+            nestingLevel,
+            selected,
+            ...node,
+            ...extra,
+        },
+        nestingLevel,
+        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
+exports.default = (0, mobx_react_1.observer)(function HierarchicalTree({ height, tree, model, }) {
+    const { filterText, selection, view } = model;
+    const treeRef = (0, react_1.useRef)(null);
+    const session = (0, util_1.getSession)(model);
+    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),
+        toggleCollapse: (pathName) => model.toggleCategory(pathName),
+        tree,
+        model,
+        drawerPosition,
+    }), [view, model, drawerPosition, tree]);
+    const treeWalker = (0, react_1.useCallback)(function* treeWalker() {
+        for (let i = 0; i < tree.children.length; i++) {
+            const r = tree.children[i];
+            yield getNodeData(r, 0, extra, obj);
+        }
+        while (true) {
+            // @ts-ignore
+            const parentMeta = yield;
+            for (let i = 0; i < parentMeta.node.children.length; i++) {
+                const curr = parentMeta.node.children[i];
+                yield getNodeData(curr, parentMeta.nestingLevel + 1, extra, obj);
+            }
+        }
+    }, [tree, extra, obj]);
+    (0, react_1.useEffect)(() => {
+        // @ts-ignore
+        treeRef.current.recomputeTree({
+            refreshNodes: true,
+            useDefaultHeight: true,
+        });
+    }, [tree, filterText]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_vtree_1.VariableSizeTree, { ref: treeRef, treeWalker: treeWalker, height: height }, TrackListNode_1.default)));
+});
+//# sourceMappingURL=HierarchicalTree.js.map

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

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { NodeData } from '../util';
+export default function Category({ isOpen, setOpen, data, }: {
+    isOpen: boolean;
+    setOpen: (arg: boolean) => void;
+    data: NodeData;
+}): JSX.Element;

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

@@ -0,0 +1,89 @@
+"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 Menu_1 = __importDefault(require("@jbrowse/core/ui/Menu"));
+// icons
+const ArrowDropDown_1 = __importDefault(require("@mui/icons-material/ArrowDropDown"));
+const ArrowRight_1 = __importDefault(require("@mui/icons-material/ArrowRight"));
+const MoreHoriz_1 = __importDefault(require("@mui/icons-material/MoreHoriz"));
+// locals
+const util_1 = require("../util");
+const useStyles = (0, mui_1.makeStyles)()(theme => ({
+    contrastColor: {
+        color: theme.palette.secondary.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%',
+    },
+}));
+function Category({ isOpen, setOpen, data, }) {
+    const { classes } = useStyles();
+    const [menuEl, setMenuEl] = (0, react_1.useState)(null);
+    const { name, model, id, tree, toggleCollapse } = data;
+    return (react_1.default.createElement("div", { className: classes.accordionText, onClick: () => {
+            if (!menuEl) {
+                toggleCollapse(id);
+                setOpen(!isOpen);
+            }
+        } },
+        react_1.default.createElement(material_1.Typography, null,
+            isOpen ? react_1.default.createElement(ArrowDropDown_1.default, null) : react_1.default.createElement(ArrowRight_1.default, null),
+            name,
+            react_1.default.createElement(material_1.IconButton, { onClick: event => {
+                    setMenuEl(event.currentTarget);
+                    event.stopPropagation();
+                }, className: classes.contrastColor },
+                react_1.default.createElement(MoreHoriz_1.default, null))),
+        menuEl ? (react_1.default.createElement(Menu_1.default, { anchorEl: menuEl, menuItems: [
+                {
+                    label: 'Add to selection',
+                    onClick: () => {
+                        const r = (0, util_1.treeToMap)(tree).get(id);
+                        model.addToSelection((0, util_1.getAllChildren)(r));
+                    },
+                },
+                {
+                    label: 'Remove from selection',
+                    onClick: () => {
+                        const r = (0, util_1.treeToMap)(tree).get(id);
+                        model.removeFromSelection((0, util_1.getAllChildren)(r));
+                    },
+                },
+            ], onMenuItemClick: (_event, callback) => {
+                callback();
+                setMenuEl(null);
+            }, open: Boolean(menuEl), onClose: () => setMenuEl(null) })) : null));
+}
+exports.default = Category;
+//# sourceMappingURL=TrackCategory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TrackCategory.js","sourceRoot":"","sources":["../../../../src/HierarchicalTrackSelectorWidget/components/tree/TrackCategory.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4CAAsD;AACtD,uCAA0C;AAC1C,iEAA+C;AAE/C,QAAQ;AACR,sFAAiE;AACjE,gFAA2D;AAC3D,8EAAyD;AAEzD,SAAS;AACT,kCAA6D;AAE7D,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACvC,aAAa,EAAE;QACb,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,YAAY;KAC5C;IAED,0CAA0C;IAC1C,aAAa,EAAE;QACb,MAAM,EAAE,QAAQ;QAChB,0DAA0D;QAC1D,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC,CAAA;AAEH,SAAwB,QAAQ,CAAC,EAC/B,MAAM,EACN,OAAO,EACP,IAAI,GAKL;IACC,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAA;IAC9D,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,IAAI,CAAA;IAEtD,OAAO,CACL,uCACE,SAAS,EAAE,OAAO,CAAC,aAAa,EAChC,OAAO,EAAE,GAAG,EAAE;YACZ,IAAI,CAAC,MAAM,EAAE;gBACX,cAAc,CAAC,EAAE,CAAC,CAAA;gBAClB,OAAO,CAAC,CAAC,MAAM,CAAC,CAAA;aACjB;QACH,CAAC;QAED,8BAAC,qBAAU;YACR,MAAM,CAAC,CAAC,CAAC,8BAAC,uBAAiB,OAAG,CAAC,CAAC,CAAC,8BAAC,oBAAc,OAAG;YACnD,IAAI;YACL,8BAAC,qBAAU,IACT,OAAO,EAAE,KAAK,CAAC,EAAE;oBACf,SAAS,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;oBAC9B,KAAK,CAAC,eAAe,EAAE,CAAA;gBACzB,CAAC,EACD,SAAS,EAAE,OAAO,CAAC,aAAa;gBAEhC,8BAAC,mBAAa,OAAG,CACN,CACF;QACZ,MAAM,CAAC,CAAC,CAAC,CACR,8BAAC,cAAW,IACV,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE;gBACT;oBACE,KAAK,EAAE,kBAAkB;oBACzB,OAAO,EAAE,GAAG,EAAE;wBACZ,MAAM,CAAC,GAAG,IAAA,gBAAS,EAAC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;wBACjC,KAAK,CAAC,cAAc,CAAC,IAAA,qBAAc,EAAC,CAAC,CAAC,CAAC,CAAA;oBACzC,CAAC;iBACF;gBACD;oBACE,KAAK,EAAE,uBAAuB;oBAC9B,OAAO,EAAE,GAAG,EAAE;wBACZ,MAAM,CAAC,GAAG,IAAA,gBAAS,EAAC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;wBACjC,KAAK,CAAC,mBAAmB,CAAC,IAAA,qBAAc,EAAC,CAAC,CAAC,CAAC,CAAA;oBAC9C,CAAC;iBACF;aACF,EACD,eAAe,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE;gBACpC,QAAQ,EAAE,CAAA;gBACV,SAAS,CAAC,IAAI,CAAC,CAAA;YACjB,CAAC,EACD,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,GAC9B,CACH,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;AACH,CAAC;AAjED,2BAiEC"}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import { NodeData } from '../util';
+export interface InfoArgs {
+    target: HTMLElement;
+    id: string;
+    conf: AnyConfigurationModel;
+}
+export default function TrackLabel({ data }: {
+    data: NodeData;
+}): JSX.Element;

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

@@ -0,0 +1,86 @@
+"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 Menu_1 = __importDefault(require("@jbrowse/core/ui/Menu"));
+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 util_2 = require("../util");
+const ui_1 = require("@jbrowse/core/ui");
+const useStyles = (0, mui_1.makeStyles)()({
+    compactCheckbox: {
+        padding: 0,
+    },
+    checkboxLabel: {
+        marginRight: 0,
+        '&:hover': {
+            backgroundColor: '#eee',
+        },
+    },
+});
+function TrackLabel({ data }) {
+    var _a, _b;
+    const { classes } = useStyles();
+    const { checked, conf, model, drawerPosition, id, name, onChange, selected } = data;
+    const [info, setInfo] = (0, react_1.useState)();
+    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: {
+                        // @ts-ignore
+                        'data-testid': `htsTrackEntry-${id}`,
+                    } }), label: react_1.default.createElement("div", { style: { background: selected ? '#cccc' : undefined } },
+                    react_1.default.createElement(ui_1.SanitizedHTML, { html: name })) })),
+        react_1.default.createElement(material_1.IconButton, { onClick: e => setInfo({ target: e.currentTarget, id, conf }), style: { padding: 0 }, color: "secondary", "data-testid": `htsTrackEntryMenu-${id}` },
+            react_1.default.createElement(MoreHoriz_1.default, null)),
+        info ? (react_1.default.createElement(Menu_1.default, { anchorEl: info === null || info === void 0 ? void 0 : info.target, menuItems: [
+                ...(((_b = (_a = (0, util_1.getSession)(model)).getTrackActionMenuItems) === null || _b === void 0 ? void 0 : _b.call(_a, info.conf)) || []),
+                {
+                    label: 'Add to selection',
+                    onClick: () => model.addToSelection([info.conf]),
+                },
+                ...(selected
+                    ? [
+                        {
+                            label: 'Remove from selection',
+                            onClick: () => model.removeFromSelection([info.conf]),
+                        },
+                    ]
+                    : []),
+            ], onMenuItemClick: (_event, callback) => {
+                callback();
+                setInfo(undefined);
+            }, open: Boolean(info), onClose: () => setInfo(undefined) })) : null));
+}
+exports.default = TrackLabel;
+//# sourceMappingURL=TrackLabel.js.map

package/dist/HierarchicalTrackSelectorWidget/components/tree/TrackLabel.js.map

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

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { NodeData } from '../util';
+export default function Node({ data, isOpen, style, setOpen, }: {
+    data: NodeData;
+    isOpen: boolean;
+    style?: {
+        height: number;
+    };
+    setOpen: (arg: boolean) => void;
+}): JSX.Element;

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

@@ -0,0 +1,54 @@
+"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");
+// locals
+const TrackCategory_1 = __importDefault(require("./TrackCategory"));
+const TrackLabel_1 = __importDefault(require("./TrackLabel"));
+const useStyles = (0, mui_1.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',
+    },
+    accordionCard: {
+        padding: 3,
+        cursor: 'pointer',
+        display: 'flex',
+    },
+    nestingLevelMarker: {
+        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,
+        width: '100%',
+        display: 'flex',
+        paddingLeft: 5,
+    },
+}));
+// An individual node in the track selector. Note: manually sets cursor:
+// pointer improves usability for what can be clicked
+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_1.default.createElement("div", { style: style, className: !isLeaf ? classes.accordionBase : undefined },
+        new Array(nestingLevel).fill(0).map((_, idx) => (react_1.default.createElement("div", { key: `mark-${idx}`, style: { left: idx * width + 4, height: style === null || style === void 0 ? void 0 : style.height }, className: classes.nestingLevelMarker }))),
+        react_1.default.createElement("div", { className: !isLeaf ? classes.accordionCard : undefined, style: {
+                marginLeft,
+                whiteSpace: 'nowrap',
+                width: '100%',
+            } },
+            react_1.default.createElement("div", { className: !isLeaf ? classes.accordionColor : undefined }, !isLeaf ? (react_1.default.createElement(TrackCategory_1.default, { isOpen: isOpen, data: data, setOpen: setOpen })) : (react_1.default.createElement(TrackLabel_1.default, { data: data }))))));
+}
+exports.default = Node;
+//# sourceMappingURL=TrackListNode.js.map

package/dist/HierarchicalTrackSelectorWidget/components/tree/TrackListNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrackListNode.js","sourceRoot":"","sources":["../../../../src/HierarchicalTrackSelectorWidget/components/tree/TrackListNode.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,uCAA0C;AAE1C,SAAS;AACT,oEAAsC;AACtC,8DAAqC;AAGrC,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACvC,yEAAyE;IACzE,6EAA6E;IAC7E,8DAA8D;IAC9D,aAAa,EAAE;QACb,OAAO,EAAE,MAAM;KAChB;IAED,aAAa,EAAE;QACb,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,MAAM;KAChB;IAED,kBAAkB,EAAE;QAClB,QAAQ,EAAE,UAAU;QACpB,UAAU,EAAE,kBAAkB;KAC/B;IACD,wEAAwE;IACxE,2BAA2B;IAC3B,cAAc,EAAE;QACd,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI;QACvC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY;QAC1C,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,MAAM;QACf,WAAW,EAAE,CAAC;KACf;CACF,CAAC,CAAC,CAAA;AAEH,wEAAwE;AACxE,qDAAqD;AACrD,SAAwB,IAAI,CAAC,EAC3B,IAAI,EACJ,MAAM,EACN,KAAK,EACL,OAAO,GAMR;IACC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAA;IAErC,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,KAAK,GAAG,EAAE,CAAA;IAChB,MAAM,UAAU,GAAG,YAAY,GAAG,KAAK,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAE9D,OAAO,CACL,uCAAK,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;QACtE,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAC/C,uCACE,GAAG,EAAE,QAAQ,GAAG,EAAE,EAClB,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,GAAG,KAAK,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,EAAE,EACvD,SAAS,EAAE,OAAO,CAAC,kBAAkB,GACrC,CACH,CAAC;QACF,uCACE,SAAS,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EACtD,KAAK,EAAE;gBACL,UAAU;gBACV,UAAU,EAAE,QAAQ;gBACpB,KAAK,EAAE,MAAM;aACd;YAED,uCAAK,SAAS,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,IACzD,CAAC,MAAM,CAAC,CAAC,CAAC,CACT,8BAAC,uBAAQ,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,CAC3D,CAAC,CAAC,CAAC,CACF,8BAAC,oBAAU,IAAC,IAAI,EAAE,IAAI,GAAI,CAC3B,CACG,CACF,CACF,CACP,CAAA;AACH,CAAC;AA5CD,uBA4CC"}

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

@@ -1,3 +1,19 @@
 import { AnyConfigurationModel } from '@jbrowse/core/configuration';
-import { TreeNode } from '../model';
+import { HierarchicalTrackSelectorModel, TreeNode } from '../model';
+export interface NodeData {
+    nestingLevel: number;
+    checked: boolean;
+    conf: AnyConfigurationModel;
+    drawerPosition: unknown;
+    id: string;
+    isLeaf: boolean;
+    name: string;
+    onChange: Function;
+    toggleCollapse: (arg: string) => void;
+    tree: TreeNode;
+    selected: boolean;
+    model: HierarchicalTrackSelectorModel;
+}
 export declare function getAllChildren(subtree?: TreeNode): AnyConfigurationModel[];
+export declare function treeToMap(tree: TreeNode, map?: Map<string, TreeNode>): Map<string, TreeNode>;
+export declare function isUnsupported(name?: string): boolean;

package/dist/HierarchicalTrackSelectorWidget/components/util.js

@@ -1,9 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getAllChildren = void 0;
+exports.isUnsupported = exports.treeToMap = exports.getAllChildren = void 0;
 function getAllChildren(subtree) {
     // @ts-ignore
     return ((subtree === null || subtree === void 0 ? void 0 : subtree.children.map(t => t.children.length ? getAllChildren(t) : t.conf)) || []).flat(Infinity);
 }
 exports.getAllChildren = getAllChildren;
+function treeToMap(tree, map = new Map()) {
+    if (tree.id && tree.children.length) {
+        map.set(tree.id, tree);
+    }
+    for (let i = 0; i < tree.children.length; i++) {
+        const node = tree.children[i];
+        treeToMap(node, map);
+    }
+    return map;
+}
+exports.treeToMap = treeToMap;
+function isUnsupported(name = '') {
+    return name.endsWith('(Unsupported)') || name.endsWith('(Unknown)');
+}
+exports.isUnsupported = isUnsupported;
 //# sourceMappingURL=util.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/HierarchicalTrackSelectorWidget/components/util.ts"],"names":[],"mappings":";;;AAGA,SAAgB,cAAc,CAAC,OAAkB;IAC/C,aAAa;IACb,OAAO,CACL,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CACxB,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC,IAA8B,CAC1E,KAAI,EAAE,CACR,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;AAClB,CAAC;AAPD,wCAOC"}
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/HierarchicalTrackSelectorWidget/components/util.ts"],"names":[],"mappings":";;;AAkBA,SAAgB,cAAc,CAAC,OAAkB;IAC/C,aAAa;IACb,OAAO,CACL,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CACxB,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC,IAA8B,CAC1E,KAAI,EAAE,CACR,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;AAClB,CAAC;AAPD,wCAOC;AAED,SAAgB,SAAS,CAAC,IAAc,EAAE,MAAM,IAAI,GAAG,EAAoB;IACzE,IAAI,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;QACnC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAA;KACvB;IACD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAC7C,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;QAC7B,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;KACrB;IACD,OAAO,GAAG,CAAA;AACZ,CAAC;AATD,8BASC;AAED,SAAgB,aAAa,CAAC,IAAI,GAAG,EAAE;IACrC,OAAO,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAA;AACrE,CAAC;AAFD,sCAEC"}

package/dist/HierarchicalTrackSelectorWidget/index.d.ts

@@ -1,4 +1,7 @@
 import stateModelFactory, { HierarchicalTrackSelectorModel } from './model';
 import configSchema from './configSchema';
+import PluginManager from '@jbrowse/core/PluginManager';
 export { stateModelFactory, configSchema };
 export type { HierarchicalTrackSelectorModel };
+declare const _default: (pluginManager: PluginManager) => void;
+export default _default;

package/dist/HierarchicalTrackSelectorWidget/index.js

@@ -1,4 +1,27 @@
 "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 };
 };
@@ -8,4 +31,17 @@ const model_1 = __importDefault(require("./model"));
 exports.stateModelFactory = model_1.default;
 const configSchema_1 = __importDefault(require("./configSchema"));
 exports.configSchema = configSchema_1.default;
+const pluggableElementTypes_1 = require("@jbrowse/core/pluggableElementTypes");
+const react_1 = require("react");
+exports.default = (pluginManager) => {
+    pluginManager.addWidgetType(() => {
+        return new pluggableElementTypes_1.WidgetType({
+            name: 'HierarchicalTrackSelectorWidget',
+            heading: 'Available tracks',
+            configSchema: configSchema_1.default,
+            stateModel: (0, model_1.default)(pluginManager),
+            ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/HierarchicalTrackSelector')))),
+        });
+    });
+};
 //# sourceMappingURL=index.js.map

package/dist/HierarchicalTrackSelectorWidget/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/HierarchicalTrackSelectorWidget/index.ts"],"names":[],"mappings":";;;;;;AAAA,oDAA2E;AAGlE,4BAHF,eAAiB,CAGE;AAF1B,kEAAyC;AAEb,uBAFrB,sBAAY,CAEqB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/HierarchicalTrackSelectorWidget/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oDAA2E;AAMlE,4BANF,eAAiB,CAME;AAL1B,kEAAyC;AAKb,uBALrB,sBAAY,CAKqB;AAHxC,+EAAgE;AAChE,iCAA4B;AAK5B,kBAAe,CAAC,aAA4B,EAAE,EAAE;IAC9C,aAAa,CAAC,aAAa,CAAC,GAAG,EAAE;QAC/B,OAAO,IAAI,kCAAU,CAAC;YACpB,IAAI,EAAE,iCAAiC;YACvC,OAAO,EAAE,kBAAkB;YAC3B,YAAY,EAAZ,sBAAY;YACZ,UAAU,EAAE,IAAA,eAAiB,EAAC,aAAa,CAAC;YAC5C,cAAc,EAAE,IAAA,YAAI,EAClB,GAAG,EAAE,mDAAQ,wCAAwC,GAAC,CACvD;SACF,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}

package/dist/HierarchicalTrackSelectorWidget/model.d.ts

@@ -1,6 +1,8 @@
 import { Instance } from 'mobx-state-tree';
 import { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import { AbstractSessionModel } from '@jbrowse/core/util';
 import PluginManager from '@jbrowse/core/PluginManager';
+export declare function matches(query: string, conf: AnyConfigurationModel, session: AbstractSessionModel): any;
 export type TreeNode = {
     name: string;
     id: string;
@@ -16,7 +18,6 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
     type: import("mobx-state-tree").ISimpleType<"HierarchicalTrackSelectorWidget">;
     collapsed: import("mobx-state-tree").IMapType<import("mobx-state-tree").ISimpleType<boolean>>;
-    filterText: import("mobx-state-tree").IType<string | undefined, string, string>;
     view: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IReferenceType<import("mobx-state-tree").IAnyType>>;
 }, {
     selection: ({
@@ -24,7 +25,9 @@ export default function stateTreeFactory(pluginManager: PluginManager): import("
     } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
         setSubschema(slotName: string, data: unknown): any;
     } & import("mobx-state-tree").IStateTreeNode<import("@jbrowse/core/configuration").AnyConfigurationSchemaType>)[];
+    filterText: string;
 } & {
+    setSelection(elt: AnyConfigurationModel[]): void;
     addToSelection(elt: AnyConfigurationModel[]): void;
     removeFromSelection(elt: AnyConfigurationModel[]): void;
     clearSelection(): void;