@jbrowse/plugin-data-management 2.3.3 → 2.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AddTrackWidget/components/DefaultAddTrackWorkflow.js +1 -4
- package/dist/AddTrackWidget/components/DefaultAddTrackWorkflow.js.map +1 -1
- package/dist/AddTrackWidget/components/TrackSourceSelect.js +1 -4
- package/dist/AddTrackWidget/components/TrackSourceSelect.js.map +1 -1
- package/dist/HierarchicalTrackSelectorWidget/components/HierarchicalFab.d.ts +6 -0
- package/dist/HierarchicalTrackSelectorWidget/components/HierarchicalFab.js +71 -0
- package/dist/HierarchicalTrackSelectorWidget/components/HierarchicalFab.js.map +1 -0
- package/dist/HierarchicalTrackSelectorWidget/components/HierarchicalTrackSelector.js +10 -104
- package/dist/HierarchicalTrackSelectorWidget/components/HierarchicalTrackSelector.js.map +1 -1
- package/dist/HierarchicalTrackSelectorWidget/components/ShoppingCart.d.ts +6 -0
- package/dist/HierarchicalTrackSelectorWidget/components/ShoppingCart.js +70 -0
- package/dist/HierarchicalTrackSelectorWidget/components/ShoppingCart.js.map +1 -0
- package/dist/HierarchicalTrackSelectorWidget/components/{CloseConnectionDialog.d.ts → dialogs/CloseConnectionDialog.d.ts} +0 -0
- package/dist/HierarchicalTrackSelectorWidget/components/{CloseConnectionDialog.js → dialogs/CloseConnectionDialog.js} +0 -0
- package/dist/HierarchicalTrackSelectorWidget/components/dialogs/CloseConnectionDialog.js.map +1 -0
- package/dist/HierarchicalTrackSelectorWidget/components/{DeleteConnectionDialog.d.ts → dialogs/DeleteConnectionDialog.d.ts} +0 -0
- package/dist/HierarchicalTrackSelectorWidget/components/{DeleteConnectionDialog.js → dialogs/DeleteConnectionDialog.js} +0 -0
- package/dist/HierarchicalTrackSelectorWidget/components/dialogs/DeleteConnectionDialog.js.map +1 -0
- package/dist/HierarchicalTrackSelectorWidget/components/{ManageConnectionsDialog.d.ts → dialogs/ManageConnectionsDialog.d.ts} +0 -0
- package/dist/HierarchicalTrackSelectorWidget/components/{ManageConnectionsDialog.js → dialogs/ManageConnectionsDialog.js} +0 -0
- package/dist/HierarchicalTrackSelectorWidget/components/dialogs/ManageConnectionsDialog.js.map +1 -0
- package/dist/HierarchicalTrackSelectorWidget/components/{ToggleConnectionsDialog.d.ts → dialogs/ToggleConnectionsDialog.d.ts} +0 -0
- package/dist/HierarchicalTrackSelectorWidget/components/{ToggleConnectionsDialog.js → dialogs/ToggleConnectionsDialog.js} +0 -0
- package/dist/HierarchicalTrackSelectorWidget/components/dialogs/ToggleConnectionsDialog.js.map +1 -0
- package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetFilters.d.ts +13 -0
- package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetFilters.js +99 -0
- package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetFilters.js.map +1 -0
- package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetedDialog.d.ts +8 -0
- package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetedDialog.js +18 -0
- package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetedDialog.js.map +1 -0
- package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetedHeader.d.ts +11 -0
- package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetedHeader.js +71 -0
- package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetedHeader.js.map +1 -0
- package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetedSelector.d.ts +12 -0
- package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetedSelector.js +211 -0
- package/dist/HierarchicalTrackSelectorWidget/components/faceted/FacetedSelector.js.map +1 -0
- package/dist/HierarchicalTrackSelectorWidget/components/faceted/util.d.ts +1 -0
- package/dist/HierarchicalTrackSelectorWidget/components/faceted/util.js +10 -0
- package/dist/HierarchicalTrackSelectorWidget/components/faceted/util.js.map +1 -0
- package/dist/HierarchicalTrackSelectorWidget/components/tree/HamburgerMenu.d.ts +7 -0
- package/dist/HierarchicalTrackSelectorWidget/components/tree/HamburgerMenu.js +136 -0
- package/dist/HierarchicalTrackSelectorWidget/components/tree/HamburgerMenu.js.map +1 -0
- package/dist/HierarchicalTrackSelectorWidget/components/{Header.d.ts → tree/HierarchicalHeader.d.ts} +2 -3
- package/dist/HierarchicalTrackSelectorWidget/components/tree/HierarchicalHeader.js +65 -0
- package/dist/HierarchicalTrackSelectorWidget/components/tree/HierarchicalHeader.js.map +1 -0
- package/dist/HierarchicalTrackSelectorWidget/components/tree/HierarchicalTree.d.ts +8 -0
- package/dist/HierarchicalTrackSelectorWidget/components/tree/HierarchicalTree.js +91 -0
- package/dist/HierarchicalTrackSelectorWidget/components/tree/HierarchicalTree.js.map +1 -0
- package/dist/HierarchicalTrackSelectorWidget/components/tree/TrackCategory.d.ts +7 -0
- package/dist/HierarchicalTrackSelectorWidget/components/tree/TrackCategory.js +89 -0
- package/dist/HierarchicalTrackSelectorWidget/components/tree/TrackCategory.js.map +1 -0
- package/dist/HierarchicalTrackSelectorWidget/components/tree/TrackLabel.d.ts +11 -0
- package/dist/HierarchicalTrackSelectorWidget/components/tree/TrackLabel.js +86 -0
- package/dist/HierarchicalTrackSelectorWidget/components/tree/TrackLabel.js.map +1 -0
- package/dist/HierarchicalTrackSelectorWidget/components/tree/TrackListNode.d.ts +10 -0
- package/dist/HierarchicalTrackSelectorWidget/components/tree/TrackListNode.js +54 -0
- package/dist/HierarchicalTrackSelectorWidget/components/tree/TrackListNode.js.map +1 -0
- package/dist/HierarchicalTrackSelectorWidget/components/util.d.ts +17 -1
- package/dist/HierarchicalTrackSelectorWidget/components/util.js +16 -1
- package/dist/HierarchicalTrackSelectorWidget/components/util.js.map +1 -1
- package/dist/HierarchicalTrackSelectorWidget/model.d.ts +4 -1
- package/dist/HierarchicalTrackSelectorWidget/model.js +12 -8
- package/dist/HierarchicalTrackSelectorWidget/model.js.map +1 -1
- package/esm/AddTrackWidget/components/DefaultAddTrackWorkflow.js +1 -4
- package/esm/AddTrackWidget/components/DefaultAddTrackWorkflow.js.map +1 -1
- package/esm/AddTrackWidget/components/TrackSourceSelect.js +1 -4
- package/esm/AddTrackWidget/components/TrackSourceSelect.js.map +1 -1
- package/esm/HierarchicalTrackSelectorWidget/components/HierarchicalFab.d.ts +6 -0
- package/esm/HierarchicalTrackSelectorWidget/components/HierarchicalFab.js +43 -0
- package/esm/HierarchicalTrackSelectorWidget/components/HierarchicalFab.js.map +1 -0
- package/esm/HierarchicalTrackSelectorWidget/components/HierarchicalTrackSelector.js +9 -103
- package/esm/HierarchicalTrackSelectorWidget/components/HierarchicalTrackSelector.js.map +1 -1
- package/esm/HierarchicalTrackSelectorWidget/components/ShoppingCart.d.ts +6 -0
- package/esm/HierarchicalTrackSelectorWidget/components/ShoppingCart.js +42 -0
- package/esm/HierarchicalTrackSelectorWidget/components/ShoppingCart.js.map +1 -0
- package/esm/HierarchicalTrackSelectorWidget/components/{CloseConnectionDialog.d.ts → dialogs/CloseConnectionDialog.d.ts} +0 -0
- package/esm/HierarchicalTrackSelectorWidget/components/{CloseConnectionDialog.js → dialogs/CloseConnectionDialog.js} +0 -0
- package/esm/HierarchicalTrackSelectorWidget/components/dialogs/CloseConnectionDialog.js.map +1 -0
- package/esm/HierarchicalTrackSelectorWidget/components/{DeleteConnectionDialog.d.ts → dialogs/DeleteConnectionDialog.d.ts} +0 -0
- package/esm/HierarchicalTrackSelectorWidget/components/{DeleteConnectionDialog.js → dialogs/DeleteConnectionDialog.js} +0 -0
- package/esm/HierarchicalTrackSelectorWidget/components/dialogs/DeleteConnectionDialog.js.map +1 -0
- package/esm/HierarchicalTrackSelectorWidget/components/{ManageConnectionsDialog.d.ts → dialogs/ManageConnectionsDialog.d.ts} +0 -0
- package/esm/HierarchicalTrackSelectorWidget/components/{ManageConnectionsDialog.js → dialogs/ManageConnectionsDialog.js} +0 -0
- package/esm/HierarchicalTrackSelectorWidget/components/dialogs/ManageConnectionsDialog.js.map +1 -0
- package/esm/HierarchicalTrackSelectorWidget/components/{ToggleConnectionsDialog.d.ts → dialogs/ToggleConnectionsDialog.d.ts} +0 -0
- package/esm/HierarchicalTrackSelectorWidget/components/{ToggleConnectionsDialog.js → dialogs/ToggleConnectionsDialog.js} +0 -0
- package/esm/HierarchicalTrackSelectorWidget/components/dialogs/ToggleConnectionsDialog.js.map +1 -0
- package/esm/HierarchicalTrackSelectorWidget/components/faceted/FacetFilters.d.ts +13 -0
- package/esm/HierarchicalTrackSelectorWidget/components/faceted/FacetFilters.js +70 -0
- package/esm/HierarchicalTrackSelectorWidget/components/faceted/FacetFilters.js.map +1 -0
- package/esm/HierarchicalTrackSelectorWidget/components/faceted/FacetedDialog.d.ts +8 -0
- package/esm/HierarchicalTrackSelectorWidget/components/faceted/FacetedDialog.js +13 -0
- package/esm/HierarchicalTrackSelectorWidget/components/faceted/FacetedDialog.js.map +1 -0
- package/esm/HierarchicalTrackSelectorWidget/components/faceted/FacetedHeader.d.ts +11 -0
- package/esm/HierarchicalTrackSelectorWidget/components/faceted/FacetedHeader.js +42 -0
- package/esm/HierarchicalTrackSelectorWidget/components/faceted/FacetedHeader.js.map +1 -0
- package/esm/HierarchicalTrackSelectorWidget/components/faceted/FacetedSelector.d.ts +12 -0
- package/esm/HierarchicalTrackSelectorWidget/components/faceted/FacetedSelector.js +183 -0
- package/esm/HierarchicalTrackSelectorWidget/components/faceted/FacetedSelector.js.map +1 -0
- package/esm/HierarchicalTrackSelectorWidget/components/faceted/util.d.ts +1 -0
- package/esm/HierarchicalTrackSelectorWidget/components/faceted/util.js +6 -0
- package/esm/HierarchicalTrackSelectorWidget/components/faceted/util.js.map +1 -0
- package/esm/HierarchicalTrackSelectorWidget/components/tree/HamburgerMenu.d.ts +7 -0
- package/esm/HierarchicalTrackSelectorWidget/components/tree/HamburgerMenu.js +108 -0
- package/esm/HierarchicalTrackSelectorWidget/components/tree/HamburgerMenu.js.map +1 -0
- package/esm/HierarchicalTrackSelectorWidget/components/{Header.d.ts → tree/HierarchicalHeader.d.ts} +2 -3
- package/esm/HierarchicalTrackSelectorWidget/components/tree/HierarchicalHeader.js +37 -0
- package/esm/HierarchicalTrackSelectorWidget/components/tree/HierarchicalHeader.js.map +1 -0
- package/esm/HierarchicalTrackSelectorWidget/components/tree/HierarchicalTree.d.ts +8 -0
- package/esm/HierarchicalTrackSelectorWidget/components/tree/HierarchicalTree.js +63 -0
- package/esm/HierarchicalTrackSelectorWidget/components/tree/HierarchicalTree.js.map +1 -0
- package/esm/HierarchicalTrackSelectorWidget/components/tree/TrackCategory.d.ts +7 -0
- package/esm/HierarchicalTrackSelectorWidget/components/tree/TrackCategory.js +60 -0
- package/esm/HierarchicalTrackSelectorWidget/components/tree/TrackCategory.js.map +1 -0
- package/esm/HierarchicalTrackSelectorWidget/components/tree/TrackLabel.d.ts +11 -0
- package/esm/HierarchicalTrackSelectorWidget/components/tree/TrackLabel.js +57 -0
- package/esm/HierarchicalTrackSelectorWidget/components/tree/TrackLabel.js.map +1 -0
- package/esm/HierarchicalTrackSelectorWidget/components/tree/TrackListNode.d.ts +10 -0
- package/esm/HierarchicalTrackSelectorWidget/components/tree/TrackListNode.js +48 -0
- package/esm/HierarchicalTrackSelectorWidget/components/tree/TrackListNode.js.map +1 -0
- package/esm/HierarchicalTrackSelectorWidget/components/util.d.ts +17 -1
- package/esm/HierarchicalTrackSelectorWidget/components/util.js +13 -0
- package/esm/HierarchicalTrackSelectorWidget/components/util.js.map +1 -1
- package/esm/HierarchicalTrackSelectorWidget/model.d.ts +4 -1
- package/esm/HierarchicalTrackSelectorWidget/model.js +10 -7
- package/esm/HierarchicalTrackSelectorWidget/model.js.map +1 -1
- package/package.json +3 -2
- package/src/AddTrackWidget/components/DefaultAddTrackWorkflow.tsx +1 -4
- package/src/AddTrackWidget/components/TrackSourceSelect.tsx +3 -5
- package/src/HierarchicalTrackSelectorWidget/components/HierarchicalFab.tsx +94 -0
- package/src/HierarchicalTrackSelectorWidget/components/HierarchicalTrackSelector.tsx +47 -228
- package/src/HierarchicalTrackSelectorWidget/components/ShoppingCart.tsx +73 -0
- package/src/HierarchicalTrackSelectorWidget/components/__snapshots__/HierarchicalTrackSelector.test.tsx.snap +20 -38
- package/src/HierarchicalTrackSelectorWidget/components/{CloseConnectionDialog.tsx → dialogs/CloseConnectionDialog.tsx} +0 -0
- package/src/HierarchicalTrackSelectorWidget/components/{DeleteConnectionDialog.tsx → dialogs/DeleteConnectionDialog.tsx} +0 -0
- package/src/HierarchicalTrackSelectorWidget/components/{ManageConnectionsDialog.tsx → dialogs/ManageConnectionsDialog.tsx} +0 -0
- package/src/HierarchicalTrackSelectorWidget/components/{ToggleConnectionsDialog.tsx → dialogs/ToggleConnectionsDialog.tsx} +0 -0
- package/src/HierarchicalTrackSelectorWidget/components/faceted/FacetFilters.tsx +138 -0
- package/src/HierarchicalTrackSelectorWidget/components/faceted/FacetedDialog.tsx +29 -0
- package/src/HierarchicalTrackSelectorWidget/components/faceted/FacetedHeader.tsx +86 -0
- package/src/HierarchicalTrackSelectorWidget/components/faceted/FacetedSelector.tsx +339 -0
- package/src/HierarchicalTrackSelectorWidget/components/faceted/util.ts +5 -0
- package/src/HierarchicalTrackSelectorWidget/components/tree/HamburgerMenu.tsx +197 -0
- package/src/HierarchicalTrackSelectorWidget/components/tree/HierarchicalHeader.tsx +88 -0
- package/src/HierarchicalTrackSelectorWidget/components/tree/HierarchicalTree.tsx +101 -0
- package/src/HierarchicalTrackSelectorWidget/components/tree/TrackCategory.tsx +92 -0
- package/src/HierarchicalTrackSelectorWidget/components/tree/TrackLabel.tsx +107 -0
- package/src/HierarchicalTrackSelectorWidget/components/tree/TrackListNode.tsx +84 -0
- package/src/HierarchicalTrackSelectorWidget/components/util.ts +31 -1
- package/src/HierarchicalTrackSelectorWidget/model.ts +12 -9
- package/dist/HierarchicalTrackSelectorWidget/components/CloseConnectionDialog.js.map +0 -1
- package/dist/HierarchicalTrackSelectorWidget/components/DeleteConnectionDialog.js.map +0 -1
- package/dist/HierarchicalTrackSelectorWidget/components/Header.js +0 -174
- package/dist/HierarchicalTrackSelectorWidget/components/Header.js.map +0 -1
- package/dist/HierarchicalTrackSelectorWidget/components/ManageConnectionsDialog.js.map +0 -1
- package/dist/HierarchicalTrackSelectorWidget/components/Node.d.ts +0 -29
- package/dist/HierarchicalTrackSelectorWidget/components/Node.js +0 -173
- package/dist/HierarchicalTrackSelectorWidget/components/Node.js.map +0 -1
- package/dist/HierarchicalTrackSelectorWidget/components/ToggleConnectionsDialog.js.map +0 -1
- package/esm/HierarchicalTrackSelectorWidget/components/CloseConnectionDialog.js.map +0 -1
- package/esm/HierarchicalTrackSelectorWidget/components/DeleteConnectionDialog.js.map +0 -1
- package/esm/HierarchicalTrackSelectorWidget/components/Header.js +0 -146
- package/esm/HierarchicalTrackSelectorWidget/components/Header.js.map +0 -1
- package/esm/HierarchicalTrackSelectorWidget/components/ManageConnectionsDialog.js.map +0 -1
- package/esm/HierarchicalTrackSelectorWidget/components/Node.d.ts +0 -29
- package/esm/HierarchicalTrackSelectorWidget/components/Node.js +0 -144
- package/esm/HierarchicalTrackSelectorWidget/components/Node.js.map +0 -1
- package/esm/HierarchicalTrackSelectorWidget/components/ToggleConnectionsDialog.js.map +0 -1
- package/src/HierarchicalTrackSelectorWidget/components/Header.tsx +0 -286
- package/src/HierarchicalTrackSelectorWidget/components/Node.tsx +0 -282
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import { Fab, Menu, MenuItem } from '@mui/material';
|
|
3
|
+
import { makeStyles } from 'tss-react/mui';
|
|
4
|
+
import { getSession, isSessionModelWithWidgets, isSessionModelWithConnections, isSessionWithAddTracks, } from '@jbrowse/core/util';
|
|
5
|
+
import { observer } from 'mobx-react';
|
|
6
|
+
// icons
|
|
7
|
+
import AddIcon from '@mui/icons-material/Add';
|
|
8
|
+
const useStyles = makeStyles()(theme => ({
|
|
9
|
+
fab: {
|
|
10
|
+
position: 'absolute',
|
|
11
|
+
bottom: theme.spacing(6),
|
|
12
|
+
right: theme.spacing(6),
|
|
13
|
+
},
|
|
14
|
+
}));
|
|
15
|
+
export default observer(function HierarchicalFab({ model, }) {
|
|
16
|
+
const { classes } = useStyles();
|
|
17
|
+
const session = getSession(model);
|
|
18
|
+
const [anchorEl, setAnchorEl] = useState(null);
|
|
19
|
+
function handleFabClose() {
|
|
20
|
+
setAnchorEl(null);
|
|
21
|
+
}
|
|
22
|
+
const hasConnections = isSessionModelWithConnections(session);
|
|
23
|
+
const hasAddTrack = isSessionWithAddTracks(session);
|
|
24
|
+
return (React.createElement(React.Fragment, null, hasAddTrack || hasConnections ? (React.createElement(React.Fragment, null,
|
|
25
|
+
React.createElement(Fab, { color: "secondary", className: classes.fab, onClick: event => setAnchorEl(event.currentTarget) },
|
|
26
|
+
React.createElement(AddIcon, null)),
|
|
27
|
+
React.createElement(Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: () => setAnchorEl(null) },
|
|
28
|
+
hasConnections ? (React.createElement(MenuItem, { onClick: () => {
|
|
29
|
+
handleFabClose();
|
|
30
|
+
if (isSessionModelWithWidgets(session)) {
|
|
31
|
+
session.showWidget(session.addWidget('AddConnectionWidget', 'addConnectionWidget'));
|
|
32
|
+
}
|
|
33
|
+
} }, "Add connection")) : null,
|
|
34
|
+
hasAddTrack ? (React.createElement(MenuItem, { onClick: () => {
|
|
35
|
+
handleFabClose();
|
|
36
|
+
if (isSessionModelWithWidgets(session)) {
|
|
37
|
+
session.showWidget(session.addWidget('AddTrackWidget', 'addTrackWidget', {
|
|
38
|
+
view: model.view.id,
|
|
39
|
+
}));
|
|
40
|
+
}
|
|
41
|
+
} }, "Add track")) : null))) : null));
|
|
42
|
+
});
|
|
43
|
+
//# sourceMappingURL=HierarchicalFab.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HierarchicalFab.js","sourceRoot":"","sources":["../../../src/HierarchicalTrackSelectorWidget/components/HierarchicalFab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EACL,UAAU,EACV,yBAAyB,EACzB,6BAA6B,EAC7B,sBAAsB,GACvB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,QAAQ;AACR,OAAO,OAAO,MAAM,yBAAyB,CAAA;AAK7C,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACvC,GAAG,EAAE;QACH,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACxB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;KACxB;CACF,CAAC,CAAC,CAAA;AAEH,eAAe,QAAQ,CAAC,SAAS,eAAe,CAAC,EAC/C,KAAK,GAGN;IACC,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;IACjC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAA2B,IAAI,CAAC,CAAA;IAExE,SAAS,cAAc;QACrB,WAAW,CAAC,IAAI,CAAC,CAAA;IACnB,CAAC;IACD,MAAM,cAAc,GAAG,6BAA6B,CAAC,OAAO,CAAC,CAAA;IAC7D,MAAM,WAAW,GAAG,sBAAsB,CAAC,OAAO,CAAC,CAAA;IACnD,OAAO,CACL,0CACG,WAAW,IAAI,cAAc,CAAC,CAAC,CAAC,CAC/B;QACE,oBAAC,GAAG,IACF,KAAK,EAAC,WAAW,EACjB,SAAS,EAAE,OAAO,CAAC,GAAG,EACtB,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC;YAElD,oBAAC,OAAO,OAAG,CACP;QACN,oBAAC,IAAI,IACH,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC;YAE/B,cAAc,CAAC,CAAC,CAAC,CAChB,oBAAC,QAAQ,IACP,OAAO,EAAE,GAAG,EAAE;oBACZ,cAAc,EAAE,CAAA;oBAChB,IAAI,yBAAyB,CAAC,OAAO,CAAC,EAAE;wBACtC,OAAO,CAAC,UAAU,CAChB,OAAO,CAAC,SAAS,CACf,qBAAqB,EACrB,qBAAqB,CACtB,CACF,CAAA;qBACF;gBACH,CAAC,qBAGQ,CACZ,CAAC,CAAC,CAAC,IAAI;YACP,WAAW,CAAC,CAAC,CAAC,CACb,oBAAC,QAAQ,IACP,OAAO,EAAE,GAAG,EAAE;oBACZ,cAAc,EAAE,CAAA;oBAChB,IAAI,yBAAyB,CAAC,OAAO,CAAC,EAAE;wBACtC,OAAO,CAAC,UAAU,CAChB,OAAO,CAAC,SAAS,CAAC,gBAAgB,EAAE,gBAAgB,EAAE;4BACpD,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE;yBACpB,CAAC,CACH,CAAA;qBACF;gBACH,CAAC,gBAGQ,CACZ,CAAC,CAAC,CAAC,IAAI,CACH,CACN,CACJ,CAAC,CAAC,CAAC,IAAI,CACP,CACJ,CAAA;AACH,CAAC,CAAC,CAAA"}
|
|
@@ -1,78 +1,9 @@
|
|
|
1
|
-
import React, {
|
|
2
|
-
import { Fab, Menu, MenuItem } from '@mui/material';
|
|
3
|
-
import { makeStyles } from 'tss-react/mui';
|
|
4
|
-
import { getSession, isSessionModelWithWidgets, isSessionModelWithConnections, isSessionWithAddTracks, } from '@jbrowse/core/util';
|
|
1
|
+
import React, { useState } from 'react';
|
|
5
2
|
import { observer } from 'mobx-react';
|
|
6
|
-
import { VariableSizeTree } from 'react-vtree';
|
|
7
3
|
import AutoSizer from 'react-virtualized-auto-sizer';
|
|
8
|
-
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import Node from './Node';
|
|
12
|
-
const useStyles = makeStyles()(theme => ({
|
|
13
|
-
fab: {
|
|
14
|
-
position: 'absolute',
|
|
15
|
-
bottom: theme.spacing(6),
|
|
16
|
-
right: theme.spacing(6),
|
|
17
|
-
},
|
|
18
|
-
}));
|
|
19
|
-
function getNodeData(node, nestingLevel, extra, selection) {
|
|
20
|
-
const isLeaf = !!node.conf;
|
|
21
|
-
const selected = !!selection[node.id];
|
|
22
|
-
return {
|
|
23
|
-
data: {
|
|
24
|
-
defaultHeight: isLeaf ? 22 : 40,
|
|
25
|
-
isLeaf,
|
|
26
|
-
isOpenByDefault: true,
|
|
27
|
-
nestingLevel,
|
|
28
|
-
selected,
|
|
29
|
-
...node,
|
|
30
|
-
...extra,
|
|
31
|
-
},
|
|
32
|
-
nestingLevel,
|
|
33
|
-
node,
|
|
34
|
-
};
|
|
35
|
-
}
|
|
36
|
-
// this is the main tree component for the hierarchical track selector in note:
|
|
37
|
-
// in jbrowse-web the toolbar is position="sticky" which means the autosizer
|
|
38
|
-
// includes the height of the toolbar, so we subtract the given offsets
|
|
39
|
-
const HierarchicalTree = observer(({ height, tree, model, }) => {
|
|
40
|
-
const { filterText, selection, view } = model;
|
|
41
|
-
const treeRef = useRef(null);
|
|
42
|
-
const session = getSession(model);
|
|
43
|
-
const { drawerPosition } = session;
|
|
44
|
-
const obj = useMemo(() => Object.fromEntries(selection.map(s => [s.trackId, s])), [selection]);
|
|
45
|
-
const extra = useMemo(() => ({
|
|
46
|
-
onChange: (trackId) => view.toggleTrack(trackId),
|
|
47
|
-
toggleCollapse: (pathName) => model.toggleCategory(pathName),
|
|
48
|
-
tree,
|
|
49
|
-
model,
|
|
50
|
-
drawerPosition,
|
|
51
|
-
}), [view, model, drawerPosition, tree]);
|
|
52
|
-
const treeWalker = useCallback(function* treeWalker() {
|
|
53
|
-
for (let i = 0; i < tree.children.length; i++) {
|
|
54
|
-
const r = tree.children[i];
|
|
55
|
-
yield getNodeData(r, 0, extra, obj);
|
|
56
|
-
}
|
|
57
|
-
while (true) {
|
|
58
|
-
// @ts-ignore
|
|
59
|
-
const parentMeta = yield;
|
|
60
|
-
for (let i = 0; i < parentMeta.node.children.length; i++) {
|
|
61
|
-
const curr = parentMeta.node.children[i];
|
|
62
|
-
yield getNodeData(curr, parentMeta.nestingLevel + 1, extra, obj);
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
}, [tree, extra, obj]);
|
|
66
|
-
useEffect(() => {
|
|
67
|
-
// @ts-ignore
|
|
68
|
-
treeRef.current.recomputeTree({
|
|
69
|
-
refreshNodes: true,
|
|
70
|
-
useDefaultHeight: true,
|
|
71
|
-
});
|
|
72
|
-
}, [tree, filterText]);
|
|
73
|
-
return (React.createElement(React.Fragment, null,
|
|
74
|
-
React.createElement(VariableSizeTree, { ref: treeRef, treeWalker: treeWalker, height: height }, Node)));
|
|
75
|
-
});
|
|
4
|
+
import HierarchicalFab from './HierarchicalFab';
|
|
5
|
+
import HierarchicalTree from './tree/HierarchicalTree';
|
|
6
|
+
import HierarchicalHeader from './tree/HierarchicalHeader';
|
|
76
7
|
// Don't use autosizer in jest and instead hardcode a height, otherwise fails
|
|
77
8
|
// jest tests
|
|
78
9
|
const AutoSizedHierarchicalTree = ({ tree, model, offset, }) => {
|
|
@@ -83,43 +14,18 @@ const AutoSizedHierarchicalTree = ({ tree, model, offset, }) => {
|
|
|
83
14
|
const Wrapper = ({ overrideDimensions, children, }) => {
|
|
84
15
|
return overrideDimensions ? (React.createElement("div", { style: { ...overrideDimensions } }, children)) : (React.createElement(React.Fragment, null, children));
|
|
85
16
|
};
|
|
86
|
-
const HierarchicalTrackSelectorContainer = observer(({ model, toolbarHeight, overrideDimensions, })
|
|
87
|
-
const { classes } = useStyles();
|
|
88
|
-
const session = getSession(model);
|
|
89
|
-
const [anchorEl, setAnchorEl] = useState(null);
|
|
90
|
-
function handleFabClose() {
|
|
91
|
-
setAnchorEl(null);
|
|
92
|
-
}
|
|
93
|
-
const hasConnections = isSessionModelWithConnections(session);
|
|
94
|
-
const hasAddTrack = isSessionWithAddTracks(session);
|
|
17
|
+
const HierarchicalTrackSelectorContainer = observer(function ({ model, toolbarHeight, overrideDimensions, }) {
|
|
95
18
|
return (React.createElement(Wrapper, { overrideDimensions: overrideDimensions },
|
|
96
19
|
React.createElement(HierarchicalTrackSelector, { model: model, toolbarHeight: toolbarHeight }),
|
|
97
|
-
|
|
98
|
-
React.createElement(Fab, { color: "secondary", className: classes.fab, onClick: event => setAnchorEl(event.currentTarget) },
|
|
99
|
-
React.createElement(AddIcon, null)),
|
|
100
|
-
React.createElement(Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: () => setAnchorEl(null) },
|
|
101
|
-
hasConnections ? (React.createElement(MenuItem, { onClick: () => {
|
|
102
|
-
handleFabClose();
|
|
103
|
-
if (isSessionModelWithWidgets(session)) {
|
|
104
|
-
session.showWidget(session.addWidget('AddConnectionWidget', 'addConnectionWidget'));
|
|
105
|
-
}
|
|
106
|
-
} }, "Add connection")) : null,
|
|
107
|
-
hasAddTrack ? (React.createElement(MenuItem, { onClick: () => {
|
|
108
|
-
handleFabClose();
|
|
109
|
-
if (isSessionModelWithWidgets(session)) {
|
|
110
|
-
session.showWidget(session.addWidget('AddTrackWidget', 'addTrackWidget', {
|
|
111
|
-
view: model.view.id,
|
|
112
|
-
}));
|
|
113
|
-
}
|
|
114
|
-
} }, "Add track")) : null))) : null));
|
|
20
|
+
React.createElement(HierarchicalFab, { model: model })));
|
|
115
21
|
});
|
|
116
|
-
const HierarchicalTrackSelector = observer(({ model, toolbarHeight = 0, })
|
|
22
|
+
const HierarchicalTrackSelector = observer(function ({ model, toolbarHeight = 0, }) {
|
|
117
23
|
const [assemblyIdx, setAssemblyIdx] = useState(0);
|
|
118
24
|
const [headerHeight, setHeaderHeight] = useState(0);
|
|
119
25
|
const { assemblyNames } = model;
|
|
120
|
-
const assemblyName = assemblyNames
|
|
26
|
+
const assemblyName = assemblyNames[assemblyIdx];
|
|
121
27
|
return assemblyName ? (React.createElement(React.Fragment, null,
|
|
122
|
-
React.createElement(
|
|
28
|
+
React.createElement(HierarchicalHeader, { model: model, setHeaderHeight: setHeaderHeight, setAssemblyIdx: setAssemblyIdx }),
|
|
123
29
|
React.createElement(AutoSizedHierarchicalTree, { tree: model.hierarchy(assemblyName), model: model, offset: toolbarHeight + headerHeight }))) : null;
|
|
124
30
|
});
|
|
125
31
|
export default HierarchicalTrackSelectorContainer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HierarchicalTrackSelector.js","sourceRoot":"","sources":["../../../src/HierarchicalTrackSelectorWidget/components/HierarchicalTrackSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"HierarchicalTrackSelector.js","sourceRoot":"","sources":["../../../src/HierarchicalTrackSelectorWidget/components/HierarchicalTrackSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,SAAS,MAAM,8BAA8B,CAAA;AAIpD,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAC/C,OAAO,gBAAgB,MAAM,yBAAyB,CAAA;AACtD,OAAO,kBAAkB,MAAM,2BAA2B,CAAA;AAE1D,6EAA6E;AAC7E,aAAa;AACb,MAAM,yBAAyB,GAAG,CAAC,EACjC,IAAI,EACJ,KAAK,EACL,MAAM,GAKP,EAAE,EAAE;IACH,OAAO,OAAO,IAAI,KAAK,WAAW,CAAC,CAAC,CAAC,CACnC,oBAAC,SAAS,IAAC,YAAY,UACpB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;QACd,OAAO,CACL,oBAAC,gBAAgB,IACf,MAAM,EAAE,MAAM,GAAG,MAAM,EACvB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,GACV,CACH,CAAA;IACH,CAAC,CACS,CACb,CAAC,CAAC,CAAC,CACF,oBAAC,gBAAgB,IAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CAC7D,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,CAAC,EACf,kBAAkB,EAClB,QAAQ,GAIT,EAAE,EAAE;IACH,OAAO,kBAAkB,CAAC,CAAC,CAAC,CAC1B,6BAAK,KAAK,EAAE,EAAE,GAAG,kBAAkB,EAAE,IAAG,QAAQ,CAAO,CACxD,CAAC,CAAC,CAAC,CACF,0CAAG,QAAQ,CAAI,CAChB,CAAA;AACH,CAAC,CAAA;AACD,MAAM,kCAAkC,GAAG,QAAQ,CAAC,UAAU,EAC5D,KAAK,EACL,aAAa,EACb,kBAAkB,GAKnB;IACC,OAAO,CACL,oBAAC,OAAO,IAAC,kBAAkB,EAAE,kBAAkB;QAC7C,oBAAC,yBAAyB,IAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,GAAI;QACzE,oBAAC,eAAe,IAAC,KAAK,EAAE,KAAK,GAAI,CACzB,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,yBAAyB,GAAG,QAAQ,CAAC,UAAU,EACnD,KAAK,EACL,aAAa,GAAG,CAAC,GAIlB;IACC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACjD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEnD,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,CAAA;IAC/B,MAAM,YAAY,GAAG,aAAa,CAAC,WAAW,CAAC,CAAA;IAC/C,OAAO,YAAY,CAAC,CAAC,CAAC,CACpB;QACE,oBAAC,kBAAkB,IACjB,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,GAC9B;QACF,oBAAC,yBAAyB,IACxB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,YAAY,CAAC,EACnC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,aAAa,GAAG,YAAY,GACpC,CACD,CACJ,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAC,CAAA;AAEF,eAAe,kCAAkC,CAAA"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import { Badge, IconButton } from '@mui/material';
|
|
3
|
+
import { makeStyles } from 'tss-react/mui';
|
|
4
|
+
import { observer } from 'mobx-react';
|
|
5
|
+
import JBrowseMenu from '@jbrowse/core/ui/Menu';
|
|
6
|
+
import { getSession, getEnv } from '@jbrowse/core/util';
|
|
7
|
+
// icons
|
|
8
|
+
import ShoppingCartIcon from '@mui/icons-material/ShoppingCart';
|
|
9
|
+
const useStyles = makeStyles()(theme => ({
|
|
10
|
+
searchBox: {
|
|
11
|
+
margin: theme.spacing(2),
|
|
12
|
+
},
|
|
13
|
+
menuIcon: {
|
|
14
|
+
marginRight: theme.spacing(1),
|
|
15
|
+
marginBottom: 0,
|
|
16
|
+
},
|
|
17
|
+
}));
|
|
18
|
+
export default observer(function ShoppingCart({ model, }) {
|
|
19
|
+
const { classes } = useStyles();
|
|
20
|
+
const { selection } = model;
|
|
21
|
+
const { pluginManager } = getEnv(model);
|
|
22
|
+
const session = getSession(model);
|
|
23
|
+
const [selectionEl, setSelectionEl] = useState();
|
|
24
|
+
const items = pluginManager.evaluateExtensionPoint('TrackSelector-multiTrackMenuItems', [], { session });
|
|
25
|
+
return (React.createElement(React.Fragment, null,
|
|
26
|
+
selection.length ? (React.createElement(IconButton, { className: classes.menuIcon, onClick: event => setSelectionEl(event.currentTarget) },
|
|
27
|
+
React.createElement(Badge, { badgeContent: selection.length, color: "primary" },
|
|
28
|
+
React.createElement(ShoppingCartIcon, null)))) : null,
|
|
29
|
+
React.createElement(JBrowseMenu, { anchorEl: selectionEl, open: Boolean(selectionEl), onMenuItemClick: (_, callback) => {
|
|
30
|
+
callback();
|
|
31
|
+
setSelectionEl(undefined);
|
|
32
|
+
}, onClose: () => setSelectionEl(undefined), menuItems: [
|
|
33
|
+
{ label: 'Clear', onClick: () => model.clearSelection() },
|
|
34
|
+
...items.map(item => ({
|
|
35
|
+
...item,
|
|
36
|
+
...('onClick' in item
|
|
37
|
+
? { onClick: () => item.onClick(model) }
|
|
38
|
+
: {}),
|
|
39
|
+
})),
|
|
40
|
+
] })));
|
|
41
|
+
});
|
|
42
|
+
//# sourceMappingURL=ShoppingCart.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ShoppingCart.js","sourceRoot":"","sources":["../../../src/HierarchicalTrackSelectorWidget/components/ShoppingCart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,WAAyB,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAEvD,QAAQ;AACR,OAAO,gBAAgB,MAAM,kCAAkC,CAAA;AAK/D,MAAM,SAAS,GAAG,UAAU,EAAE,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,eAAe,QAAQ,CAAC,SAAS,YAAY,CAAC,EAC5C,KAAK,GAGN;IACC,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IAC3B,MAAM,EAAE,aAAa,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IACvC,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;IACjC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAqB,CAAA;IACnE,MAAM,KAAK,GAAG,aAAa,CAAC,sBAAsB,CAChD,mCAAmC,EACnC,EAAE,EACF,EAAE,OAAO,EAAE,CACE,CAAA;IAEf,OAAO,CACL;QACG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAClB,oBAAC,UAAU,IACT,SAAS,EAAE,OAAO,CAAC,QAAQ,EAC3B,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,aAAa,CAAC;YAErD,oBAAC,KAAK,IAAC,YAAY,EAAE,SAAS,CAAC,MAAM,EAAE,KAAK,EAAC,SAAS;gBACpD,oBAAC,gBAAgB,OAAG,CACd,CACG,CACd,CAAC,CAAC,CAAC,IAAI;QAER,oBAAC,WAAW,IACV,QAAQ,EAAE,WAAW,EACrB,IAAI,EAAE,OAAO,CAAC,WAAW,CAAC,EAC1B,eAAe,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE;gBAC/B,QAAQ,EAAE,CAAA;gBACV,cAAc,CAAC,SAAS,CAAC,CAAA;YAC3B,CAAC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,SAAS,CAAC,EACxC,SAAS,EAAE;gBACT,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,EAAE;gBACzD,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;oBACpB,GAAG,IAAI;oBACP,GAAG,CAAC,SAAS,IAAI,IAAI;wBACnB,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;wBACxC,CAAC,CAAC,EAAE,CAAC;iBACR,CAAC,CAAC;aACJ,GACD,CACD,CACJ,CAAA;AACH,CAAC,CAAC,CAAA"}
|
|
File without changes
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CloseConnectionDialog.js","sourceRoot":"","sources":["../../../../src/HierarchicalTrackSelectorWidget/components/dialogs/CloseConnectionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,aAAa,GACd,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,SAAS,qBAAqB,CAAC,EAC7B,SAAS,GAAG,EAAE,EACd,YAAY,GAQb;IACC,MAAM,EAAE,IAAI,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,GAAG,SAAS,CAAA;IACvE,OAAO,CACL,oBAAC,MAAM,IAAC,IAAI;QACV,oBAAC,WAAW;;YAAyB,IAAI;iBAAqB;QAC9D,oBAAC,aAAa;YACX,oBAAoB,CAAC,CAAC,CAAC,CACtB;gBACE,oBAAC,iBAAiB,8CAEE;gBACpB,oBAAC,IAAI,QACF,MAAM,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAC1D,oBAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,IAAG,GAAG,KAAK,IAAI,GAAG,EAAE,CAAY,CACnD,CAAC,CACG,CACN,CACJ,CAAC,CAAC,CAAC,IAAI;YACR,oBAAC,iBAAiB,0DAEE,CACN;QAChB,oBAAC,aAAa;YACZ,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,EAAE,KAAK,EAAC,SAAS,aAE7C;YACT,oBAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,OAAO,EACL,SAAS;oBACP,CAAC,CAAC,GAAG,EAAE;wBACH,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,EAAI,CAAA;wBACzB,YAAY,EAAE,CAAA;oBAChB,CAAC;oBACH,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,EAEd,KAAK,EAAC,SAAS,SAGR,CACK,CACT,CACV,CAAA;AACH,CAAC;AAED,eAAe,QAAQ,CAAC,qBAAqB,CAAC,CAAA"}
|
|
File without changes
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DeleteConnectionDialog.js","sourceRoot":"","sources":["../../../../src/HierarchicalTrackSelectorWidget/components/dialogs/DeleteConnectionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,MAAM,GACP,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAIrC,SAAS,sBAAsB,CAAC,EAC9B,mBAAmB,EACnB,OAAO,EACP,WAAW,GAKZ;IACC,MAAM,EAAE,cAAc,EAAE,IAAI,EAAE,GAAG,mBAAmB,CAAA;IACpD,OAAO,CACL,oBAAC,MAAM,IAAC,IAAI;QACV,oBAAC,WAAW;;YAA0B,IAAI;iBAAqB;QAC/D,oBAAC,aAAa;YACZ,oBAAC,iBAAiB,2DAEE,CACN;QAChB,oBAAC,aAAa;YACZ,oBAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,KAAK,EAAC,SAAS,aAE5C;YACT,oBAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;;oBACZ,IAAI,cAAc,EAAE;wBAClB,MAAA,OAAO,CAAC,gBAAgB,wDAAG,cAAc,CAAC,CAAA;qBAC3C;oBACD,WAAW,EAAE,CAAA;gBACf,CAAC,SAGM,CACK,CACT,CACV,CAAA;AACH,CAAC;AAED,eAAe,QAAQ,CAAC,sBAAsB,CAAC,CAAA"}
|
|
File without changes
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ManageConnectionsDialog.js","sourceRoot":"","sources":["../../../../src/HierarchicalTrackSelectorWidget/components/dialogs/ManageConnectionsDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,UAAU,EACV,OAAO,EACP,UAAU,GACX,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAEL,cAAc,GACf,MAAM,6BAA6B,CAAA;AAGpC,QAAQ;AACR,OAAO,SAAS,MAAM,2BAA2B,CAAA;AAEjD,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACvC,mBAAmB,EAAE;QACnB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACxB,KAAK,EAAE,GAAG;KACX;CACF,CAAC,CAAC,CAAA;AAEH,SAAS,oBAAoB,CAAC,EAC5B,OAAO,EACP,WAAW,EACX,eAAe,GAKhB;IACC,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,kBAAkB,EAAE,GAAG,OAAO,CAAA;IAC9D,OAAO,CACL,oBAAC,MAAM,IAAC,IAAI,QAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAC,IAAI,EAAC,KAAK,EAAC,oBAAoB;QACzE,oBAAC,aAAa;YACZ,oBAAC,UAAU,gFAEE;YACb,6BAAK,SAAS,EAAE,OAAO,CAAC,mBAAmB;gBACxC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;oBACtB,MAAM,IAAI,GAAG,cAAc,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;oBACzC,OAAO,CACL,oBAAC,UAAU,IAAC,GAAG,EAAE,QAAQ,IAAI,EAAE;wBAC5B,SAAS,KAAI,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,QAAQ,CAAC,IAAI,CAAC,CAAA,CAAC,CAAC,CAAC,CACjD,oBAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,EAAE,IAAI,CAAC;4BACpD,oBAAC,SAAS,IAAC,KAAK,EAAC,OAAO,GAAG,CAChB,CACd,CAAC,CAAC,CAAC,CACF,oBAAC,OAAO,IAAC,KAAK,EAAC,8DAA8D;4BAC3E,oBAAC,UAAU;gCACT,oBAAC,SAAS,IAAC,KAAK,EAAC,UAAU,GAAG,CACnB,CACL,CACX;wBACA,IAAI,CACM,CACd,CAAA;gBACH,CAAC,CAAC;gBACD,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,CACrB,oBAAC,UAAU,+BAAkC,CAC9C,CAAC,CAAC,CAAC,IAAI,CACJ,CACQ;QAChB,oBAAC,aAAa;YACZ,oBAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,EAC5B,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,YAGR,CACK,CACT,CACV,CAAA;AACH,CAAC;AAED,eAAe,QAAQ,CAAC,oBAAoB,CAAC,CAAA"}
|
|
File without changes
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToggleConnectionsDialog.js","sourceRoot":"","sources":["../../../../src/HierarchicalTrackSelectorWidget/components/dialogs/ToggleConnectionsDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export default function FacetFilters({ rows, columns, dispatch, filters, width, }: {
|
|
3
|
+
rows: Record<string, unknown>[];
|
|
4
|
+
filters: Record<string, string[]>;
|
|
5
|
+
columns: {
|
|
6
|
+
field: string;
|
|
7
|
+
}[];
|
|
8
|
+
dispatch: (arg: {
|
|
9
|
+
key: string;
|
|
10
|
+
val: string[];
|
|
11
|
+
}) => void;
|
|
12
|
+
width: number;
|
|
13
|
+
}): JSX.Element;
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import { Typography, FormControl, Select, IconButton, Tooltip, } from '@mui/material';
|
|
3
|
+
import { makeStyles } from 'tss-react/mui';
|
|
4
|
+
// icon
|
|
5
|
+
import ClearIcon from '@mui/icons-material/Clear';
|
|
6
|
+
import MinimizeIcon from '@mui/icons-material/Minimize';
|
|
7
|
+
import AddIcon from '@mui/icons-material/Add';
|
|
8
|
+
const useStyles = makeStyles()(theme => ({
|
|
9
|
+
facet: {
|
|
10
|
+
margin: 0,
|
|
11
|
+
marginLeft: theme.spacing(2),
|
|
12
|
+
},
|
|
13
|
+
select: {
|
|
14
|
+
marginBottom: theme.spacing(2),
|
|
15
|
+
},
|
|
16
|
+
}));
|
|
17
|
+
function FacetFilter({ column, vals, width, dispatch, filters, }) {
|
|
18
|
+
const { classes } = useStyles();
|
|
19
|
+
const [visible, setVisible] = useState(true);
|
|
20
|
+
return (React.createElement(FormControl, { key: column.field, className: classes.facet, style: { width } },
|
|
21
|
+
React.createElement("div", { style: { display: 'flex' } },
|
|
22
|
+
React.createElement(Typography, null, column.field),
|
|
23
|
+
React.createElement(Tooltip, { title: "Clear selection on this facet filter" },
|
|
24
|
+
React.createElement(IconButton, { onClick: () => {
|
|
25
|
+
dispatch({ key: column.field, val: [] });
|
|
26
|
+
}, size: "small" },
|
|
27
|
+
React.createElement(ClearIcon, null))),
|
|
28
|
+
React.createElement(Tooltip, { title: "Minimize/expand this facet filter" },
|
|
29
|
+
React.createElement(IconButton, { onClick: () => setVisible(!visible), size: "small" }, visible ? React.createElement(MinimizeIcon, null) : React.createElement(AddIcon, null)))),
|
|
30
|
+
visible ? (React.createElement(Select, { multiple: true, native: true, className: classes.select, value: filters[column.field], onChange: event => {
|
|
31
|
+
// @ts-ignore
|
|
32
|
+
const { options } = event.target;
|
|
33
|
+
const val = [];
|
|
34
|
+
const len = options.length;
|
|
35
|
+
for (let i = 0; i < len; i++) {
|
|
36
|
+
if (options[i].selected) {
|
|
37
|
+
val.push(options[i].value);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
dispatch({ key: column.field, val });
|
|
41
|
+
} }, vals
|
|
42
|
+
.sort((a, b) => a[0].localeCompare(b[0]))
|
|
43
|
+
.map(([name, count]) => (React.createElement("option", { key: name, value: name },
|
|
44
|
+
name,
|
|
45
|
+
" (",
|
|
46
|
+
count,
|
|
47
|
+
")"))))) : null));
|
|
48
|
+
}
|
|
49
|
+
export default function FacetFilters({ rows, columns, dispatch, filters, width, }) {
|
|
50
|
+
const facets = columns.slice(1);
|
|
51
|
+
const uniqs = facets.map(() => new Map());
|
|
52
|
+
rows.forEach(row => {
|
|
53
|
+
facets.forEach((column, index) => {
|
|
54
|
+
const elt = uniqs[index];
|
|
55
|
+
const key = `${row[column.field] || ''}`;
|
|
56
|
+
const val = elt.get(key);
|
|
57
|
+
// we don't allow filtering on empty yet
|
|
58
|
+
if (key) {
|
|
59
|
+
if (val !== undefined) {
|
|
60
|
+
elt.set(key, val + 1);
|
|
61
|
+
}
|
|
62
|
+
else {
|
|
63
|
+
elt.set(key, 1);
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
});
|
|
68
|
+
return (React.createElement("div", null, facets.map((column, index) => (React.createElement(FacetFilter, { key: column.field, vals: Array.from(uniqs[index]), column: column, width: width, dispatch: dispatch, filters: filters })))));
|
|
69
|
+
}
|
|
70
|
+
//# sourceMappingURL=FacetFilters.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FacetFilters.js","sourceRoot":"","sources":["../../../../src/HierarchicalTrackSelectorWidget/components/faceted/FacetFilters.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { HierarchicalTrackSelectorModel } from '../../model';
|
|
3
|
+
declare function FacetedDlg(props: {
|
|
4
|
+
handleClose: () => void;
|
|
5
|
+
model: HierarchicalTrackSelectorModel;
|
|
6
|
+
}): JSX.Element;
|
|
7
|
+
declare const _default: typeof FacetedDlg;
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DialogContent } from '@mui/material';
|
|
3
|
+
import { Dialog } from '@jbrowse/core/ui';
|
|
4
|
+
import { observer } from 'mobx-react';
|
|
5
|
+
import FacetedSelector from './FacetedSelector';
|
|
6
|
+
function FacetedDlg(props) {
|
|
7
|
+
const { handleClose } = props;
|
|
8
|
+
return (React.createElement(Dialog, { open: true, onClose: handleClose, maxWidth: "xl", title: "Faceted track selector" },
|
|
9
|
+
React.createElement(DialogContent, null,
|
|
10
|
+
React.createElement(FacetedSelector, { ...props }))));
|
|
11
|
+
}
|
|
12
|
+
export default observer(FacetedDlg);
|
|
13
|
+
//# sourceMappingURL=FacetedDialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FacetedDialog.js","sourceRoot":"","sources":["../../../../src/HierarchicalTrackSelectorWidget/components/faceted/FacetedDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAIrC,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAE/C,SAAS,UAAU,CAAC,KAGnB;IACC,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAC7B,OAAO,CACL,oBAAC,MAAM,IACL,IAAI,QACJ,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAC,IAAI,EACb,KAAK,EAAC,wBAAwB;QAE9B,oBAAC,aAAa;YACZ,oBAAC,eAAe,OAAK,KAAK,GAAI,CAChB,CACT,CACV,CAAA;AACH,CAAC;AAED,eAAe,QAAQ,CAAC,UAAU,CAAC,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { HierarchicalTrackSelectorModel } from '../../model';
|
|
3
|
+
export default function FacetedHeader({ setFilterText, setUseShoppingCart, setHideSparse, hideSparse, useShoppingCart, filterText, model, }: {
|
|
4
|
+
setFilterText: (arg: string) => void;
|
|
5
|
+
setUseShoppingCart: (arg: boolean) => void;
|
|
6
|
+
setHideSparse: (arg: boolean) => void;
|
|
7
|
+
filterText: string;
|
|
8
|
+
useShoppingCart: boolean;
|
|
9
|
+
hideSparse: boolean;
|
|
10
|
+
model: HierarchicalTrackSelectorModel;
|
|
11
|
+
}): JSX.Element;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import { Grid, IconButton, InputAdornment, TextField } from '@mui/material';
|
|
3
|
+
import { Menu } from '@jbrowse/core/ui';
|
|
4
|
+
// icons
|
|
5
|
+
import ClearIcon from '@mui/icons-material/Clear';
|
|
6
|
+
import MoreVert from '@mui/icons-material/MoreVert';
|
|
7
|
+
// locals
|
|
8
|
+
import ShoppingCart from '../ShoppingCart';
|
|
9
|
+
export default function FacetedHeader({ setFilterText, setUseShoppingCart, setHideSparse, hideSparse, useShoppingCart, filterText, model, }) {
|
|
10
|
+
const [anchorEl, setAnchorEl] = useState(null);
|
|
11
|
+
return (React.createElement(React.Fragment, null,
|
|
12
|
+
React.createElement(Grid, { container: true, spacing: 4, alignItems: "center" },
|
|
13
|
+
React.createElement(Grid, { item: true },
|
|
14
|
+
React.createElement(TextField, { label: "Search...", value: filterText, onChange: event => setFilterText(event.target.value), InputProps: {
|
|
15
|
+
endAdornment: (React.createElement(InputAdornment, { position: "end" },
|
|
16
|
+
React.createElement(IconButton, { onClick: () => setFilterText('') },
|
|
17
|
+
React.createElement(ClearIcon, null)))),
|
|
18
|
+
} })),
|
|
19
|
+
React.createElement(Grid, { item: true },
|
|
20
|
+
React.createElement(IconButton, { onClick: event => setAnchorEl(event.currentTarget) },
|
|
21
|
+
React.createElement(MoreVert, null))),
|
|
22
|
+
React.createElement(Grid, { item: true },
|
|
23
|
+
React.createElement(ShoppingCart, { model: model }))),
|
|
24
|
+
React.createElement(Menu, { anchorEl: anchorEl, open: !!anchorEl, onClose: () => setAnchorEl(null), onMenuItemClick: (_event, callback) => {
|
|
25
|
+
callback();
|
|
26
|
+
setAnchorEl(null);
|
|
27
|
+
}, menuItems: [
|
|
28
|
+
{
|
|
29
|
+
label: 'Add tracks to selection instead of turning them on/off',
|
|
30
|
+
onClick: () => setUseShoppingCart(!useShoppingCart),
|
|
31
|
+
type: 'checkbox',
|
|
32
|
+
checked: useShoppingCart,
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
label: 'Hide sparse metadata columns',
|
|
36
|
+
onClick: () => setHideSparse(!hideSparse),
|
|
37
|
+
checked: hideSparse,
|
|
38
|
+
type: 'checkbox',
|
|
39
|
+
},
|
|
40
|
+
] })));
|
|
41
|
+
}
|
|
42
|
+
//# sourceMappingURL=FacetedHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FacetedHeader.js","sourceRoot":"","sources":["../../../../src/HierarchicalTrackSelectorWidget/components/faceted/FacetedHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAC3E,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAEvC,QAAQ;AACR,OAAO,SAAS,MAAM,2BAA2B,CAAA;AACjD,OAAO,QAAQ,MAAM,8BAA8B,CAAA;AAEnD,SAAS;AACT,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAG1C,MAAM,CAAC,OAAO,UAAU,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,QAAQ,CAAqB,IAAI,CAAC,CAAA;IAElE,OAAO,CACL;QACE,oBAAC,IAAI,IAAC,SAAS,QAAC,OAAO,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ;YAC7C,oBAAC,IAAI,IAAC,IAAI;gBACR,oBAAC,SAAS,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,oBAAC,cAAc,IAAC,QAAQ,EAAC,KAAK;4BAC5B,oBAAC,UAAU,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC;gCAC1C,oBAAC,SAAS,OAAG,CACF,CACE,CAClB;qBACF,GACD,CACG;YAEP,oBAAC,IAAI,IAAC,IAAI;gBACR,oBAAC,UAAU,IAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC;oBAC5D,oBAAC,QAAQ,OAAG,CACD,CACR;YACP,oBAAC,IAAI,IAAC,IAAI;gBACR,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI,CACzB,CACF;QACP,oBAAC,IAAI,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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { AnyConfigurationModel } from '@jbrowse/core/configuration';
|
|
3
|
+
import { HierarchicalTrackSelectorModel } from '../../model';
|
|
4
|
+
export interface InfoArgs {
|
|
5
|
+
target: HTMLElement;
|
|
6
|
+
id: string;
|
|
7
|
+
conf: AnyConfigurationModel;
|
|
8
|
+
}
|
|
9
|
+
declare const _default: ({ model, }: {
|
|
10
|
+
model: HierarchicalTrackSelectorModel;
|
|
11
|
+
}) => JSX.Element;
|
|
12
|
+
export default _default;
|