@jbrowse/plugin-linear-genome-view 2.2.1 → 2.3.0
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/BaseLinearDisplay/components/BaseLinearDisplay.d.ts +2 -1
- package/dist/BaseLinearDisplay/components/BaseLinearDisplay.js +4 -2
- package/dist/BaseLinearDisplay/components/BaseLinearDisplay.js.map +1 -1
- package/dist/BaseLinearDisplay/components/Block.d.ts +1 -1
- package/dist/BaseLinearDisplay/components/Block.js +1 -1
- package/dist/BaseLinearDisplay/components/Block.js.map +1 -1
- package/dist/BaseLinearDisplay/components/BlockMsg.js +3 -2
- package/dist/BaseLinearDisplay/components/BlockMsg.js.map +1 -1
- package/dist/BaseLinearDisplay/components/LinearBlocks.d.ts +1 -1
- package/dist/BaseLinearDisplay/components/LinearBlocks.js +2 -2
- package/dist/BaseLinearDisplay/components/LinearBlocks.js.map +1 -1
- package/dist/BaseLinearDisplay/{models → components}/TooLargeMessage.d.ts +0 -0
- package/dist/BaseLinearDisplay/{models → components}/TooLargeMessage.js +0 -0
- package/dist/BaseLinearDisplay/components/TooLargeMessage.js.map +1 -0
- package/dist/BaseLinearDisplay/index.d.ts +2 -2
- package/dist/BaseLinearDisplay/index.js +4 -3
- package/dist/BaseLinearDisplay/index.js.map +1 -1
- package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.d.ts +6 -14
- package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.js +3 -5
- package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.js.map +1 -1
- package/dist/BaseLinearDisplay/models/configSchema.d.ts +2 -0
- package/dist/BaseLinearDisplay/models/{baseLinearDisplayConfigSchema.js → configSchema.js} +5 -5
- package/dist/BaseLinearDisplay/models/configSchema.js.map +1 -0
- package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.js +1 -1
- package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.js.map +1 -1
- package/dist/BaseLinearDisplay/models/util.d.ts +18 -0
- package/dist/BaseLinearDisplay/models/util.js +18 -0
- package/dist/BaseLinearDisplay/models/util.js.map +1 -0
- package/dist/FeatureTrack/index.d.ts +1 -1
- package/dist/FeatureTrack/index.js +5 -4
- package/dist/FeatureTrack/index.js.map +1 -1
- package/dist/LaunchLinearGenomeView/index.d.ts +3 -0
- package/dist/LaunchLinearGenomeView/index.js +44 -0
- package/dist/LaunchLinearGenomeView/index.js.map +1 -0
- package/dist/LinearBareDisplay/index.d.ts +6 -2
- package/dist/LinearBareDisplay/index.js +18 -2
- package/dist/LinearBareDisplay/index.js.map +1 -1
- package/dist/LinearBareDisplay/model.d.ts +1 -1
- package/dist/LinearBasicDisplay/components/SetMaxHeight.js +2 -15
- package/dist/LinearBasicDisplay/components/SetMaxHeight.js.map +1 -1
- package/dist/LinearBasicDisplay/index.d.ts +6 -2
- package/dist/LinearBasicDisplay/index.js +21 -4
- package/dist/LinearBasicDisplay/index.js.map +1 -1
- package/dist/LinearBasicDisplay/model.d.ts +17 -13
- package/dist/LinearBasicDisplay/model.js +2 -1
- package/dist/LinearBasicDisplay/model.js.map +1 -1
- package/dist/LinearGenomeView/components/ExportSvgDialog.js +1 -19
- package/dist/LinearGenomeView/components/ExportSvgDialog.js.map +1 -1
- package/dist/LinearGenomeView/components/GetSequenceDialog.js +7 -18
- package/dist/LinearGenomeView/components/GetSequenceDialog.js.map +1 -1
- package/dist/LinearGenomeView/components/Header.js +2 -2
- package/dist/LinearGenomeView/components/HelpDialog.js +2 -17
- package/dist/LinearGenomeView/components/HelpDialog.js.map +1 -1
- package/dist/LinearGenomeView/components/ImportForm.js +15 -10
- package/dist/LinearGenomeView/components/ImportForm.js.map +1 -1
- package/dist/LinearGenomeView/components/LinearGenomeViewSvg.js +6 -7
- package/dist/LinearGenomeView/components/LinearGenomeViewSvg.js.map +1 -1
- package/{esm/LinearGenomeView/components/OverviewRubberBand.d.ts → dist/LinearGenomeView/components/OverviewRubberband.d.ts} +2 -2
- package/dist/LinearGenomeView/components/{OverviewRubberBand.js → OverviewRubberband.js} +27 -79
- package/dist/LinearGenomeView/components/OverviewRubberband.js.map +1 -0
- package/dist/LinearGenomeView/components/{OverviewScaleBar.d.ts → OverviewScalebar.d.ts} +2 -2
- package/dist/LinearGenomeView/components/{OverviewScaleBar.js → OverviewScalebar.js} +25 -24
- package/dist/LinearGenomeView/components/OverviewScalebar.js.map +1 -0
- package/dist/LinearGenomeView/components/RefNameAutocomplete.js +1 -1
- package/dist/LinearGenomeView/components/RefNameAutocomplete.js.map +1 -1
- package/dist/LinearGenomeView/components/{RubberBand.d.ts → Rubberband.d.ts} +2 -2
- package/dist/LinearGenomeView/components/Rubberband.js +57 -0
- package/dist/LinearGenomeView/components/Rubberband.js.map +1 -0
- package/dist/LinearGenomeView/components/RubberbandSpan.d.ts +14 -0
- package/dist/LinearGenomeView/components/RubberbandSpan.js +90 -0
- package/dist/LinearGenomeView/components/RubberbandSpan.js.map +1 -0
- package/dist/LinearGenomeView/components/Ruler.d.ts +2 -18
- package/dist/LinearGenomeView/components/Ruler.js +9 -25
- package/dist/LinearGenomeView/components/Ruler.js.map +1 -1
- package/dist/LinearGenomeView/components/{ScaleBar.d.ts → Scalebar.d.ts} +2 -2
- package/dist/LinearGenomeView/components/{ScaleBar.js → Scalebar.js} +11 -11
- package/dist/LinearGenomeView/components/{ScaleBar.js.map → Scalebar.js.map} +1 -1
- package/dist/LinearGenomeView/components/SearchBox.js +10 -6
- package/dist/LinearGenomeView/components/SearchBox.js.map +1 -1
- package/dist/LinearGenomeView/components/SearchResultsDialog.js +17 -31
- package/dist/LinearGenomeView/components/SearchResultsDialog.js.map +1 -1
- package/dist/LinearGenomeView/components/SequenceSearchDialog.js +4 -19
- package/dist/LinearGenomeView/components/SequenceSearchDialog.js.map +1 -1
- package/dist/LinearGenomeView/components/TrackContainer.js +2 -2
- package/dist/LinearGenomeView/components/TrackContainer.js.map +1 -1
- package/dist/LinearGenomeView/components/TracksContainer.js +21 -118
- package/dist/LinearGenomeView/components/TracksContainer.js.map +1 -1
- package/dist/LinearGenomeView/components/VerticalGuide.d.ts +9 -0
- package/dist/LinearGenomeView/components/VerticalGuide.js +29 -0
- package/dist/LinearGenomeView/components/VerticalGuide.js.map +1 -0
- package/dist/LinearGenomeView/components/hooks.d.ts +65 -0
- package/dist/LinearGenomeView/components/hooks.js +264 -0
- package/dist/LinearGenomeView/components/hooks.js.map +1 -0
- package/dist/LinearGenomeView/components/util.d.ts +5 -2
- package/dist/LinearGenomeView/components/util.js +7 -6
- package/dist/LinearGenomeView/components/util.js.map +1 -1
- package/dist/LinearGenomeView/index.d.ts +3 -534
- package/dist/LinearGenomeView/index.js +12 -1327
- package/dist/LinearGenomeView/index.js.map +1 -1
- package/dist/LinearGenomeView/model.d.ts +535 -0
- package/dist/LinearGenomeView/model.js +1357 -0
- package/dist/LinearGenomeView/model.js.map +1 -0
- package/dist/index.d.ts +6 -6
- package/dist/index.js +12 -73
- package/dist/index.js.map +1 -1
- package/esm/BaseLinearDisplay/components/BaseLinearDisplay.d.ts +2 -1
- package/esm/BaseLinearDisplay/components/BaseLinearDisplay.js +3 -2
- package/esm/BaseLinearDisplay/components/BaseLinearDisplay.js.map +1 -1
- package/esm/BaseLinearDisplay/components/Block.d.ts +1 -1
- package/esm/BaseLinearDisplay/components/Block.js +1 -1
- package/esm/BaseLinearDisplay/components/Block.js.map +1 -1
- package/esm/BaseLinearDisplay/components/BlockMsg.js +3 -2
- package/esm/BaseLinearDisplay/components/BlockMsg.js.map +1 -1
- package/esm/BaseLinearDisplay/components/LinearBlocks.d.ts +1 -1
- package/esm/BaseLinearDisplay/components/LinearBlocks.js +2 -2
- package/esm/BaseLinearDisplay/components/LinearBlocks.js.map +1 -1
- package/esm/BaseLinearDisplay/{models → components}/TooLargeMessage.d.ts +0 -0
- package/esm/BaseLinearDisplay/{models → components}/TooLargeMessage.js +0 -0
- package/esm/BaseLinearDisplay/components/TooLargeMessage.js.map +1 -0
- package/esm/BaseLinearDisplay/index.d.ts +2 -2
- package/esm/BaseLinearDisplay/index.js +2 -2
- package/esm/BaseLinearDisplay/index.js.map +1 -1
- package/esm/BaseLinearDisplay/models/BaseLinearDisplayModel.d.ts +6 -14
- package/esm/BaseLinearDisplay/models/BaseLinearDisplayModel.js +3 -5
- package/esm/BaseLinearDisplay/models/BaseLinearDisplayModel.js.map +1 -1
- package/esm/BaseLinearDisplay/models/configSchema.d.ts +2 -0
- package/esm/BaseLinearDisplay/models/{baseLinearDisplayConfigSchema.js → configSchema.js} +5 -4
- package/esm/BaseLinearDisplay/models/configSchema.js.map +1 -0
- package/esm/BaseLinearDisplay/models/serverSideRenderedBlock.js +1 -1
- package/esm/BaseLinearDisplay/models/serverSideRenderedBlock.js.map +1 -1
- package/esm/BaseLinearDisplay/models/util.d.ts +18 -0
- package/esm/BaseLinearDisplay/models/util.js +14 -0
- package/esm/BaseLinearDisplay/models/util.js.map +1 -0
- package/esm/FeatureTrack/index.d.ts +1 -1
- package/esm/FeatureTrack/index.js +5 -4
- package/esm/FeatureTrack/index.js.map +1 -1
- package/esm/LaunchLinearGenomeView/index.d.ts +3 -0
- package/esm/LaunchLinearGenomeView/index.js +42 -0
- package/esm/LaunchLinearGenomeView/index.js.map +1 -0
- package/esm/LinearBareDisplay/index.d.ts +6 -2
- package/esm/LinearBareDisplay/index.js +19 -2
- package/esm/LinearBareDisplay/index.js.map +1 -1
- package/esm/LinearBareDisplay/model.d.ts +1 -1
- package/esm/LinearBasicDisplay/components/SetMaxHeight.js +3 -13
- package/esm/LinearBasicDisplay/components/SetMaxHeight.js.map +1 -1
- package/esm/LinearBasicDisplay/index.d.ts +6 -2
- package/esm/LinearBasicDisplay/index.js +20 -2
- package/esm/LinearBasicDisplay/index.js.map +1 -1
- package/esm/LinearBasicDisplay/model.d.ts +17 -13
- package/esm/LinearBasicDisplay/model.js +2 -1
- package/esm/LinearBasicDisplay/model.js.map +1 -1
- package/esm/LinearGenomeView/components/ExportSvgDialog.js +3 -18
- package/esm/LinearGenomeView/components/ExportSvgDialog.js.map +1 -1
- package/esm/LinearGenomeView/components/GetSequenceDialog.js +8 -19
- package/esm/LinearGenomeView/components/GetSequenceDialog.js.map +1 -1
- package/esm/LinearGenomeView/components/Header.js +2 -2
- package/esm/LinearGenomeView/components/HelpDialog.js +3 -18
- package/esm/LinearGenomeView/components/HelpDialog.js.map +1 -1
- package/esm/LinearGenomeView/components/ImportForm.js +15 -10
- package/esm/LinearGenomeView/components/ImportForm.js.map +1 -1
- package/esm/LinearGenomeView/components/LinearGenomeViewSvg.js +4 -5
- package/esm/LinearGenomeView/components/LinearGenomeViewSvg.js.map +1 -1
- package/{dist/LinearGenomeView/components/OverviewRubberBand.d.ts → esm/LinearGenomeView/components/OverviewRubberband.d.ts} +2 -2
- package/esm/LinearGenomeView/components/{OverviewRubberBand.js → OverviewRubberband.js} +25 -80
- package/esm/LinearGenomeView/components/OverviewRubberband.js.map +1 -0
- package/esm/LinearGenomeView/components/{OverviewScaleBar.d.ts → OverviewScalebar.d.ts} +2 -2
- package/esm/LinearGenomeView/components/{OverviewScaleBar.js → OverviewScalebar.js} +25 -24
- package/esm/LinearGenomeView/components/OverviewScalebar.js.map +1 -0
- package/esm/LinearGenomeView/components/RefNameAutocomplete.js +1 -1
- package/esm/LinearGenomeView/components/RefNameAutocomplete.js.map +1 -1
- package/esm/LinearGenomeView/components/{RubberBand.d.ts → Rubberband.d.ts} +2 -2
- package/esm/LinearGenomeView/components/Rubberband.js +29 -0
- package/esm/LinearGenomeView/components/Rubberband.js.map +1 -0
- package/esm/LinearGenomeView/components/RubberbandSpan.d.ts +14 -0
- package/esm/LinearGenomeView/components/RubberbandSpan.js +65 -0
- package/esm/LinearGenomeView/components/RubberbandSpan.js.map +1 -0
- package/esm/LinearGenomeView/components/Ruler.d.ts +2 -18
- package/esm/LinearGenomeView/components/Ruler.js +6 -22
- package/esm/LinearGenomeView/components/Ruler.js.map +1 -1
- package/esm/LinearGenomeView/components/{ScaleBar.d.ts → Scalebar.d.ts} +2 -2
- package/esm/LinearGenomeView/components/{ScaleBar.js → Scalebar.js} +11 -11
- package/esm/LinearGenomeView/components/{ScaleBar.js.map → Scalebar.js.map} +1 -1
- package/esm/LinearGenomeView/components/SearchBox.js +10 -6
- package/esm/LinearGenomeView/components/SearchBox.js.map +1 -1
- package/esm/LinearGenomeView/components/SearchResultsDialog.js +18 -32
- package/esm/LinearGenomeView/components/SearchResultsDialog.js.map +1 -1
- package/esm/LinearGenomeView/components/SequenceSearchDialog.js +5 -17
- package/esm/LinearGenomeView/components/SequenceSearchDialog.js.map +1 -1
- package/esm/LinearGenomeView/components/TrackContainer.js +2 -2
- package/esm/LinearGenomeView/components/TrackContainer.js.map +1 -1
- package/esm/LinearGenomeView/components/TracksContainer.js +22 -119
- package/esm/LinearGenomeView/components/TracksContainer.js.map +1 -1
- package/esm/LinearGenomeView/components/VerticalGuide.d.ts +9 -0
- package/esm/LinearGenomeView/components/VerticalGuide.js +24 -0
- package/esm/LinearGenomeView/components/VerticalGuide.js.map +1 -0
- package/esm/LinearGenomeView/components/hooks.d.ts +65 -0
- package/esm/LinearGenomeView/components/hooks.js +255 -0
- package/esm/LinearGenomeView/components/hooks.js.map +1 -0
- package/esm/LinearGenomeView/components/util.d.ts +5 -2
- package/esm/LinearGenomeView/components/util.js +4 -3
- package/esm/LinearGenomeView/components/util.js.map +1 -1
- package/esm/LinearGenomeView/index.d.ts +3 -534
- package/esm/LinearGenomeView/index.js +10 -1318
- package/esm/LinearGenomeView/index.js.map +1 -1
- package/esm/LinearGenomeView/model.d.ts +535 -0
- package/esm/LinearGenomeView/model.js +1322 -0
- package/esm/LinearGenomeView/model.js.map +1 -0
- package/esm/index.d.ts +6 -6
- package/esm/index.js +12 -74
- package/esm/index.js.map +1 -1
- package/package.json +5 -6
- package/src/BaseLinearDisplay/components/BaseLinearDisplay.tsx +86 -84
- package/src/BaseLinearDisplay/components/Block.tsx +15 -11
- package/src/BaseLinearDisplay/components/BlockMsg.tsx +9 -9
- package/src/BaseLinearDisplay/components/LinearBlocks.tsx +62 -58
- package/src/BaseLinearDisplay/{models → components}/TooLargeMessage.tsx +0 -0
- package/src/BaseLinearDisplay/index.ts +2 -1
- package/src/BaseLinearDisplay/models/BaseLinearDisplayModel.tsx +4 -3
- package/src/BaseLinearDisplay/models/{baseLinearDisplayConfigSchema.ts → configSchema.ts} +5 -3
- package/src/BaseLinearDisplay/models/serverSideRenderedBlock.ts +1 -1
- package/src/BaseLinearDisplay/models/util.ts +24 -0
- package/src/FeatureTrack/index.ts +5 -8
- package/src/LaunchLinearGenomeView/index.ts +66 -0
- package/src/LinearBareDisplay/index.ts +23 -2
- package/src/LinearBasicDisplay/components/SetMaxHeight.tsx +3 -28
- package/src/LinearBasicDisplay/index.ts +24 -2
- package/src/LinearBasicDisplay/model.ts +2 -1
- package/src/LinearGenomeView/README.md +2 -1
- package/src/LinearGenomeView/components/ExportSvgDialog.tsx +2 -23
- package/src/LinearGenomeView/components/GetSequenceDialog.tsx +13 -31
- package/src/LinearGenomeView/components/Header.tsx +3 -3
- package/src/LinearGenomeView/components/HelpDialog.tsx +8 -34
- package/src/LinearGenomeView/components/ImportForm.tsx +13 -9
- package/src/LinearGenomeView/components/LinearGenomeView.test.tsx +132 -134
- package/src/LinearGenomeView/components/LinearGenomeViewSvg.tsx +4 -5
- package/src/LinearGenomeView/components/{OverviewRubberBand.tsx → OverviewRubberband.tsx} +32 -114
- package/src/LinearGenomeView/components/{OverviewScaleBar.tsx → OverviewScalebar.tsx} +26 -25
- package/src/LinearGenomeView/components/RefNameAutocomplete.tsx +2 -1
- package/src/LinearGenomeView/components/Rubberband.tsx +89 -0
- package/src/LinearGenomeView/components/RubberbandSpan.tsx +116 -0
- package/src/LinearGenomeView/components/Ruler.tsx +11 -28
- package/src/LinearGenomeView/components/{ScaleBar.test.tsx → Scalebar.test.tsx} +5 -5
- package/src/LinearGenomeView/components/{ScaleBar.tsx → Scalebar.tsx} +11 -11
- package/src/LinearGenomeView/components/SearchBox.tsx +8 -6
- package/src/LinearGenomeView/components/SearchResultsDialog.tsx +17 -44
- package/src/LinearGenomeView/components/SequenceSearchDialog.tsx +4 -30
- package/src/LinearGenomeView/components/TrackContainer.tsx +4 -2
- package/src/LinearGenomeView/components/TracksContainer.tsx +59 -136
- package/src/LinearGenomeView/components/VerticalGuide.tsx +37 -0
- package/src/LinearGenomeView/components/__snapshots__/LinearGenomeView.test.tsx.snap +39 -44
- package/src/LinearGenomeView/components/hooks.ts +300 -0
- package/src/LinearGenomeView/components/util.ts +8 -11
- package/src/LinearGenomeView/index.test.ts +6 -7
- package/src/LinearGenomeView/index.ts +18 -0
- package/src/LinearGenomeView/{index.tsx → model.ts} +7 -4
- package/src/index.ts +16 -108
- package/dist/BaseLinearDisplay/models/TooLargeMessage.js.map +0 -1
- package/dist/BaseLinearDisplay/models/baseLinearDisplayConfigSchema.d.ts +0 -1
- package/dist/BaseLinearDisplay/models/baseLinearDisplayConfigSchema.js.map +0 -1
- package/dist/LinearGenomeView/components/OverviewRubberBand.js.map +0 -1
- package/dist/LinearGenomeView/components/OverviewScaleBar.js.map +0 -1
- package/dist/LinearGenomeView/components/RubberBand.js +0 -221
- package/dist/LinearGenomeView/components/RubberBand.js.map +0 -1
- package/esm/BaseLinearDisplay/models/TooLargeMessage.js.map +0 -1
- package/esm/BaseLinearDisplay/models/baseLinearDisplayConfigSchema.d.ts +0 -1
- package/esm/BaseLinearDisplay/models/baseLinearDisplayConfigSchema.js.map +0 -1
- package/esm/LinearGenomeView/components/OverviewRubberBand.js.map +0 -1
- package/esm/LinearGenomeView/components/OverviewScaleBar.js.map +0 -1
- package/esm/LinearGenomeView/components/RubberBand.js +0 -196
- package/esm/LinearGenomeView/components/RubberBand.js.map +0 -1
- package/src/LinearGenomeView/components/RubberBand.tsx +0 -308
|
@@ -1,23 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { makeStyles } from 'tss-react/mui';
|
|
3
2
|
import { resolveIdentifier, getRoot } from 'mobx-state-tree';
|
|
4
3
|
import { getSession, getEnv } from '@jbrowse/core/util';
|
|
5
|
-
import {
|
|
6
|
-
import
|
|
7
|
-
const useStyles = makeStyles()(theme => ({
|
|
8
|
-
dialogContent: {
|
|
9
|
-
width: '80em',
|
|
10
|
-
},
|
|
11
|
-
closeButton: {
|
|
12
|
-
position: 'absolute',
|
|
13
|
-
right: theme.spacing(1),
|
|
14
|
-
top: theme.spacing(1),
|
|
15
|
-
color: theme.palette.grey[500],
|
|
16
|
-
},
|
|
17
|
-
}));
|
|
4
|
+
import { Dialog } from '@jbrowse/core/ui';
|
|
5
|
+
import { Button, DialogActions, DialogContent, Divider, Paper, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, Typography, } from '@mui/material';
|
|
18
6
|
export default function SearchResultsDialog({ model, optAssemblyName, handleClose, }) {
|
|
19
7
|
var _a, _b;
|
|
20
|
-
const { classes } = useStyles();
|
|
21
8
|
const session = getSession(model);
|
|
22
9
|
const { pluginManager } = getEnv(session);
|
|
23
10
|
const { assemblyManager } = session;
|
|
@@ -36,7 +23,7 @@ export default function SearchResultsDialog({ model, optAssemblyName, handleClos
|
|
|
36
23
|
throw new Error(`assembly ${assemblyName} regions not loaded`);
|
|
37
24
|
}
|
|
38
25
|
const assemblyRegions = assembly.regions;
|
|
39
|
-
function handleClick(location) {
|
|
26
|
+
async function handleClick(location) {
|
|
40
27
|
try {
|
|
41
28
|
const newRegion = assemblyRegions.find(region => location === region.refName);
|
|
42
29
|
if (newRegion) {
|
|
@@ -46,7 +33,7 @@ export default function SearchResultsDialog({ model, optAssemblyName, handleClos
|
|
|
46
33
|
model.showAllRegions();
|
|
47
34
|
}
|
|
48
35
|
else {
|
|
49
|
-
model.navToLocString(location, assemblyName);
|
|
36
|
+
await model.navToLocString(location, assemblyName);
|
|
50
37
|
}
|
|
51
38
|
}
|
|
52
39
|
catch (e) {
|
|
@@ -63,14 +50,7 @@ export default function SearchResultsDialog({ model, optAssemblyName, handleClos
|
|
|
63
50
|
}
|
|
64
51
|
return '';
|
|
65
52
|
}
|
|
66
|
-
return (React.createElement(Dialog, { open: true, maxWidth: "xl", onClose: handleClose },
|
|
67
|
-
React.createElement(DialogTitle, null,
|
|
68
|
-
"Search results",
|
|
69
|
-
handleClose ? (React.createElement(IconButton, { "data-testid": "close-resultsDialog", className: classes.closeButton, onClick: () => {
|
|
70
|
-
handleClose();
|
|
71
|
-
}, size: "large" },
|
|
72
|
-
React.createElement(CloseIcon, null))) : null),
|
|
73
|
-
React.createElement(Divider, null),
|
|
53
|
+
return (React.createElement(Dialog, { open: true, maxWidth: "xl", onClose: handleClose, title: "Search results" },
|
|
74
54
|
React.createElement(DialogContent, null, !((_b = model.searchResults) === null || _b === void 0 ? void 0 : _b.length) ? (React.createElement(Typography, null,
|
|
75
55
|
"No results found for ",
|
|
76
56
|
React.createElement("b", null, model.searchQuery))) : (React.createElement(React.Fragment, null,
|
|
@@ -90,15 +70,21 @@ export default function SearchResultsDialog({ model, optAssemblyName, handleClos
|
|
|
90
70
|
React.createElement(TableCell, { align: "right" }, result.getLocation()),
|
|
91
71
|
React.createElement(TableCell, { align: "right" }, getTrackName(result.getTrackId()) || 'N/A'),
|
|
92
72
|
React.createElement(TableCell, { align: "right" },
|
|
93
|
-
React.createElement(Button, { onClick: () => {
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
73
|
+
React.createElement(Button, { onClick: async () => {
|
|
74
|
+
try {
|
|
75
|
+
const location = result.getLocation();
|
|
76
|
+
if (location) {
|
|
77
|
+
await handleClick(location);
|
|
78
|
+
const resultTrackId = result.getTrackId();
|
|
79
|
+
if (resultTrackId) {
|
|
80
|
+
model.showTrack(resultTrackId);
|
|
81
|
+
}
|
|
100
82
|
}
|
|
101
83
|
}
|
|
84
|
+
catch (e) {
|
|
85
|
+
console.error(e);
|
|
86
|
+
session.notify(`${e}`, 'error');
|
|
87
|
+
}
|
|
102
88
|
handleClose();
|
|
103
89
|
}, color: "primary", variant: "contained" }, "Go"))))))))))),
|
|
104
90
|
React.createElement(Divider, null),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchResultsDialog.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/SearchResultsDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"SearchResultsDialog.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/SearchResultsDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,22 +1,15 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
|
-
import { Button, Checkbox,
|
|
2
|
+
import { Button, Checkbox, DialogActions, DialogContent, FormGroup, FormControlLabel, TextField, Typography, } from '@mui/material';
|
|
3
|
+
import { Dialog } from '@jbrowse/core/ui';
|
|
3
4
|
import { getSnapshot } from 'mobx-state-tree';
|
|
4
5
|
import { makeStyles } from 'tss-react/mui';
|
|
5
6
|
import { observer } from 'mobx-react';
|
|
6
7
|
import { getSession } from '@jbrowse/core/util';
|
|
7
|
-
|
|
8
|
-
import CloseIcon from '@mui/icons-material/Close';
|
|
9
|
-
const useStyles = makeStyles()(theme => ({
|
|
10
|
-
closeButton: {
|
|
11
|
-
position: 'absolute',
|
|
12
|
-
right: theme.spacing(1),
|
|
13
|
-
top: theme.spacing(1),
|
|
14
|
-
color: theme.palette.grey[500],
|
|
15
|
-
},
|
|
8
|
+
const useStyles = makeStyles()({
|
|
16
9
|
dialogContent: {
|
|
17
10
|
width: '40em',
|
|
18
11
|
},
|
|
19
|
-
})
|
|
12
|
+
});
|
|
20
13
|
function SequenceDialog({ model, handleClose, }) {
|
|
21
14
|
const { classes } = useStyles();
|
|
22
15
|
const [value, setValue] = useState('');
|
|
@@ -30,12 +23,7 @@ function SequenceDialog({ model, handleClose, }) {
|
|
|
30
23
|
catch (e) {
|
|
31
24
|
error = e;
|
|
32
25
|
}
|
|
33
|
-
return (React.createElement(Dialog, { maxWidth: "xl", open: true, onClose: handleClose },
|
|
34
|
-
React.createElement(DialogTitle, null,
|
|
35
|
-
"Sequence search",
|
|
36
|
-
handleClose ? (React.createElement(IconButton, { className: classes.closeButton, onClick: () => handleClose(), size: "large" },
|
|
37
|
-
React.createElement(CloseIcon, null))) : null),
|
|
38
|
-
React.createElement(Divider, null),
|
|
26
|
+
return (React.createElement(Dialog, { maxWidth: "xl", open: true, onClose: handleClose, title: "Sequence search" },
|
|
39
27
|
React.createElement(DialogContent, { className: classes.dialogContent },
|
|
40
28
|
React.createElement(Typography, null, "Supply a sequence to search for. A track will be created with the resulting matches once submitted. You can also supply regex style expressions e.g. AACT(C|T)."),
|
|
41
29
|
React.createElement(TextField, { value: value, onChange: e => setValue(e.target.value), helperText: "Sequence search pattern" }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SequenceSearchDialog.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/SequenceSearchDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EACL,MAAM,EACN,QAAQ,EACR,
|
|
1
|
+
{"version":3,"file":"SequenceSearchDialog.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/SequenceSearchDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,9 +3,9 @@ import { Paper } from '@mui/material';
|
|
|
3
3
|
import { makeStyles } from 'tss-react/mui';
|
|
4
4
|
import { observer } from 'mobx-react';
|
|
5
5
|
import { isAlive } from 'mobx-state-tree';
|
|
6
|
+
import { ErrorBoundary } from 'react-error-boundary';
|
|
6
7
|
import { getConf } from '@jbrowse/core/configuration';
|
|
7
8
|
import { ResizeHandle, ErrorMessage } from '@jbrowse/core/ui';
|
|
8
|
-
import { ErrorBoundary } from 'react-error-boundary';
|
|
9
9
|
import { useDebouncedCallback } from '@jbrowse/core/util';
|
|
10
10
|
import TrackLabel from './TrackLabel';
|
|
11
11
|
const useStyles = makeStyles()({
|
|
@@ -29,7 +29,7 @@ const useStyles = makeStyles()({
|
|
|
29
29
|
trackLabel: {
|
|
30
30
|
zIndex: 3,
|
|
31
31
|
},
|
|
32
|
-
// aligns with block
|
|
32
|
+
// aligns with block boundaries. check for example the breakpoint split view
|
|
33
33
|
// demo to see if features align if wanting to change things
|
|
34
34
|
renderingComponentContainer: {
|
|
35
35
|
position: 'absolute',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TrackContainer.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/TrackContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"TrackContainer.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/TrackContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,17 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { useRef } from 'react';
|
|
2
2
|
import { makeStyles } from 'tss-react/mui';
|
|
3
3
|
import { observer } from 'mobx-react';
|
|
4
|
-
import
|
|
5
|
-
//
|
|
4
|
+
import { Menu } from '@jbrowse/core/ui';
|
|
5
|
+
// local utils
|
|
6
6
|
import { SCALE_BAR_HEIGHT } from '..';
|
|
7
|
-
import
|
|
8
|
-
|
|
7
|
+
import { useSideScroll, useRangeSelect, useWheelScroll } from './hooks';
|
|
8
|
+
// local components
|
|
9
|
+
import Rubberband from './Rubberband';
|
|
10
|
+
import Scalebar from './Scalebar';
|
|
9
11
|
import Gridlines from './Gridlines';
|
|
10
12
|
import CenterLine from './CenterLine';
|
|
13
|
+
import VerticalGuide from './VerticalGuide';
|
|
14
|
+
import RubberbandSpan from './RubberbandSpan';
|
|
11
15
|
const useStyles = makeStyles()({
|
|
12
16
|
tracksContainer: {
|
|
13
17
|
position: 'relative',
|
|
@@ -20,123 +24,22 @@ const useStyles = makeStyles()({
|
|
|
20
24
|
});
|
|
21
25
|
function TracksContainer({ children, model, }) {
|
|
22
26
|
const { classes } = useStyles();
|
|
23
|
-
|
|
24
|
-
// with useState/setState
|
|
25
|
-
const delta = useRef(0);
|
|
26
|
-
const scheduled = useRef(false);
|
|
27
|
-
const timeout = useRef();
|
|
27
|
+
const { mouseDown: mouseDown1, mouseUp } = useSideScroll(model);
|
|
28
28
|
const ref = useRef(null);
|
|
29
|
-
const
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
const currX = event.clientX;
|
|
36
|
-
const distance = currX - prevX.current;
|
|
37
|
-
if (distance) {
|
|
38
|
-
// use rAF to make it so multiple event handlers aren't fired per-frame
|
|
39
|
-
// see https://calendar.perfplanet.com/2013/the-runtime-performance-checklist/
|
|
40
|
-
if (!scheduled.current) {
|
|
41
|
-
scheduled.current = true;
|
|
42
|
-
window.requestAnimationFrame(() => {
|
|
43
|
-
model.horizontalScroll(-distance);
|
|
44
|
-
scheduled.current = false;
|
|
45
|
-
prevX.current = event.clientX;
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
function globalMouseUp() {
|
|
51
|
-
prevX.current = 0;
|
|
52
|
-
if (mouseDragging) {
|
|
53
|
-
setMouseDragging(false);
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
if (mouseDragging) {
|
|
57
|
-
window.addEventListener('mousemove', globalMouseMove, true);
|
|
58
|
-
window.addEventListener('mouseup', globalMouseUp, true);
|
|
59
|
-
cleanup = () => {
|
|
60
|
-
window.removeEventListener('mousemove', globalMouseMove, true);
|
|
61
|
-
window.removeEventListener('mouseup', globalMouseUp, true);
|
|
62
|
-
};
|
|
63
|
-
}
|
|
64
|
-
return cleanup;
|
|
65
|
-
}, [model, mouseDragging, prevX]);
|
|
66
|
-
function mouseDown(event) {
|
|
67
|
-
// check if clicking a draggable element or a resize handle
|
|
68
|
-
const target = event.target;
|
|
69
|
-
if (target.draggable || target.dataset.resizer) {
|
|
70
|
-
return;
|
|
71
|
-
}
|
|
72
|
-
// otherwise do click and drag scroll
|
|
73
|
-
if (event.button === 0) {
|
|
74
|
-
prevX.current = event.clientX;
|
|
75
|
-
setMouseDragging(true);
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
// this local mouseup is used in addition to the global because sometimes
|
|
79
|
-
// the global add/remove are not called in time, resulting in issue #533
|
|
80
|
-
function mouseUp(event) {
|
|
81
|
-
event.preventDefault();
|
|
82
|
-
setMouseDragging(false);
|
|
83
|
-
}
|
|
84
|
-
function mouseLeave(event) {
|
|
85
|
-
event.preventDefault();
|
|
86
|
-
}
|
|
87
|
-
useEffect(() => {
|
|
88
|
-
const curr = ref.current;
|
|
89
|
-
// if ctrl is held down, zoom in with y-scroll
|
|
90
|
-
// else scroll horizontally with x-scroll
|
|
91
|
-
function onWheel(origEvent) {
|
|
92
|
-
const event = normalizeWheel(origEvent);
|
|
93
|
-
if (origEvent.ctrlKey === true) {
|
|
94
|
-
origEvent.preventDefault();
|
|
95
|
-
delta.current += event.pixelY / 500;
|
|
96
|
-
model.setScaleFactor(delta.current < 0 ? 1 - delta.current : 1 / (1 + delta.current));
|
|
97
|
-
if (timeout.current) {
|
|
98
|
-
clearTimeout(timeout.current);
|
|
99
|
-
}
|
|
100
|
-
timeout.current = setTimeout(() => {
|
|
101
|
-
model.setScaleFactor(1);
|
|
102
|
-
model.zoomTo(delta.current > 0
|
|
103
|
-
? model.bpPerPx * (1 + delta.current)
|
|
104
|
-
: model.bpPerPx / (1 - delta.current));
|
|
105
|
-
delta.current = 0;
|
|
106
|
-
}, 300);
|
|
107
|
-
}
|
|
108
|
-
else {
|
|
109
|
-
// this is needed to stop the event from triggering "back button
|
|
110
|
-
// action" on MacOSX etc. but is a heuristic to avoid preventing the
|
|
111
|
-
// inner-track scroll behavior
|
|
112
|
-
if (Math.abs(event.pixelX) > Math.abs(2 * event.pixelY)) {
|
|
113
|
-
origEvent.preventDefault();
|
|
114
|
-
}
|
|
115
|
-
delta.current += event.pixelX;
|
|
116
|
-
if (!scheduled.current) {
|
|
117
|
-
// use rAF to make it so multiple event handlers aren't fired per-frame
|
|
118
|
-
// see https://calendar.perfplanet.com/2013/the-runtime-performance-checklist/
|
|
119
|
-
scheduled.current = true;
|
|
120
|
-
window.requestAnimationFrame(() => {
|
|
121
|
-
model.horizontalScroll(delta.current);
|
|
122
|
-
delta.current = 0;
|
|
123
|
-
scheduled.current = false;
|
|
124
|
-
});
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
if (curr) {
|
|
129
|
-
curr.addEventListener('wheel', onWheel);
|
|
130
|
-
return () => {
|
|
131
|
-
curr.removeEventListener('wheel', onWheel);
|
|
132
|
-
};
|
|
133
|
-
}
|
|
134
|
-
return () => { };
|
|
135
|
-
}, [model]);
|
|
136
|
-
return (React.createElement("div", { ref: ref, "data-testid": "trackContainer", className: classes.tracksContainer, onMouseDown: mouseDown, onMouseUp: mouseUp, onMouseLeave: mouseLeave },
|
|
29
|
+
const { guideX, rubberbandOn, leftBpOffset, rightBpOffset, numOfBpSelected, width, left, anchorPosition, handleMenuItemClick, open, handleClose, mouseMove, mouseDown: mouseDown2, } = useRangeSelect(ref, model, true);
|
|
30
|
+
useWheelScroll(ref, model);
|
|
31
|
+
return (React.createElement("div", { ref: ref, "data-testid": "trackContainer", className: classes.tracksContainer, onMouseDown: event => {
|
|
32
|
+
mouseDown1(event);
|
|
33
|
+
mouseDown2(event);
|
|
34
|
+
}, onMouseMove: mouseMove, onMouseUp: mouseUp },
|
|
137
35
|
model.showGridlines ? React.createElement(Gridlines, { model: model }) : null,
|
|
138
36
|
model.showCenterLine ? React.createElement(CenterLine, { model: model }) : null,
|
|
139
|
-
React.createElement(
|
|
37
|
+
guideX !== undefined ? (React.createElement(VerticalGuide, { model: model, coordX: guideX })) : rubberbandOn ? (React.createElement(RubberbandSpan, { leftBpOffset: leftBpOffset, rightBpOffset: rightBpOffset, numOfBpSelected: numOfBpSelected, width: width, left: left })) : null,
|
|
38
|
+
anchorPosition ? (React.createElement(Menu, { anchorReference: "anchorPosition", anchorPosition: {
|
|
39
|
+
left: anchorPosition.clientX,
|
|
40
|
+
top: anchorPosition.clientY,
|
|
41
|
+
}, onMenuItemClick: handleMenuItemClick, open: open, onClose: handleClose, menuItems: model.rubberBandMenuItems() })) : null,
|
|
42
|
+
React.createElement(Rubberband, { model: model, ControlComponent: React.createElement(Scalebar, { model: model, style: { height: SCALE_BAR_HEIGHT, boxSizing: 'border-box' } }) }),
|
|
140
43
|
children));
|
|
141
44
|
}
|
|
142
45
|
export default observer(TracksContainer);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TracksContainer.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/TracksContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"TracksContainer.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/TracksContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { LinearGenomeViewModel } from '..';
|
|
3
|
+
type LGV = LinearGenomeViewModel;
|
|
4
|
+
declare function VerticalGuide({ model, coordX }: {
|
|
5
|
+
model: LGV;
|
|
6
|
+
coordX: number;
|
|
7
|
+
}): JSX.Element;
|
|
8
|
+
declare const _default: typeof VerticalGuide;
|
|
9
|
+
export default _default;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Tooltip } from '@mui/material';
|
|
3
|
+
import { makeStyles } from 'tss-react/mui';
|
|
4
|
+
import { observer } from 'mobx-react';
|
|
5
|
+
import { stringify } from '@jbrowse/core/util';
|
|
6
|
+
const useStyles = makeStyles()({
|
|
7
|
+
guide: {
|
|
8
|
+
pointerEvents: 'none',
|
|
9
|
+
height: '100%',
|
|
10
|
+
width: 1,
|
|
11
|
+
position: 'absolute',
|
|
12
|
+
zIndex: 10,
|
|
13
|
+
},
|
|
14
|
+
});
|
|
15
|
+
function VerticalGuide({ model, coordX }) {
|
|
16
|
+
const { classes } = useStyles();
|
|
17
|
+
return (React.createElement(Tooltip, { open: true, placement: "top", title: stringify(model.pxToBp(coordX)), arrow: true },
|
|
18
|
+
React.createElement("div", { className: classes.guide, style: {
|
|
19
|
+
left: coordX,
|
|
20
|
+
background: 'red',
|
|
21
|
+
} })));
|
|
22
|
+
}
|
|
23
|
+
export default observer(VerticalGuide);
|
|
24
|
+
//# sourceMappingURL=VerticalGuide.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VerticalGuide.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/VerticalGuide.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAO9C,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC;IAC7B,KAAK,EAAE;QACL,aAAa,EAAE,MAAM;QACrB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,EAAE;KACX;CACF,CAAC,CAAA;AAEF,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAkC;IACtE,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,OAAO,CACL,oBAAC,OAAO,IAAC,IAAI,QAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK;QACzE,6BACE,SAAS,EAAE,OAAO,CAAC,KAAK,EACxB,KAAK,EAAE;gBACL,IAAI,EAAE,MAAM;gBACZ,UAAU,EAAE,KAAK;aAClB,GACD,CACM,CACX,CAAA;AACH,CAAC;AAED,eAAe,QAAQ,CAAC,aAAa,CAAC,CAAA"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { LinearGenomeViewModel } from '..';
|
|
3
|
+
type LGV = LinearGenomeViewModel;
|
|
4
|
+
export declare function useSideScroll(model: LGV): {
|
|
5
|
+
mouseDown: (event: React.MouseEvent) => void;
|
|
6
|
+
mouseUp: (event: React.MouseEvent) => void;
|
|
7
|
+
};
|
|
8
|
+
interface AnchorPosition {
|
|
9
|
+
offsetX: number;
|
|
10
|
+
clientX: number;
|
|
11
|
+
clientY: number;
|
|
12
|
+
}
|
|
13
|
+
export declare function useRangeSelect(ref: React.RefObject<HTMLDivElement>, model: LGV, shiftOnly?: boolean): {
|
|
14
|
+
open: boolean;
|
|
15
|
+
guideX: number | undefined;
|
|
16
|
+
mouseDown: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
17
|
+
mouseMove: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
18
|
+
mouseOut: () => void;
|
|
19
|
+
handleMenuItemClick: (_: unknown, callback: Function) => void;
|
|
20
|
+
rubberbandOn?: undefined;
|
|
21
|
+
handleClose?: undefined;
|
|
22
|
+
leftBpOffset?: undefined;
|
|
23
|
+
rightBpOffset?: undefined;
|
|
24
|
+
anchorPosition?: undefined;
|
|
25
|
+
numOfBpSelected?: undefined;
|
|
26
|
+
width?: undefined;
|
|
27
|
+
left?: undefined;
|
|
28
|
+
} | {
|
|
29
|
+
open: boolean;
|
|
30
|
+
rubberbandOn: boolean;
|
|
31
|
+
mouseDown: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
32
|
+
mouseMove: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
33
|
+
mouseOut: () => void;
|
|
34
|
+
handleClose: () => void;
|
|
35
|
+
handleMenuItemClick: (_: unknown, callback: Function) => void;
|
|
36
|
+
leftBpOffset: {
|
|
37
|
+
coord: number;
|
|
38
|
+
index: number;
|
|
39
|
+
refName: string;
|
|
40
|
+
oob: boolean;
|
|
41
|
+
assemblyName: string;
|
|
42
|
+
offset: number;
|
|
43
|
+
start: number;
|
|
44
|
+
end: number;
|
|
45
|
+
reversed: boolean;
|
|
46
|
+
};
|
|
47
|
+
rightBpOffset: {
|
|
48
|
+
coord: number;
|
|
49
|
+
index: number;
|
|
50
|
+
refName: string;
|
|
51
|
+
oob: boolean;
|
|
52
|
+
assemblyName: string;
|
|
53
|
+
offset: number;
|
|
54
|
+
start: number;
|
|
55
|
+
end: number;
|
|
56
|
+
reversed: boolean;
|
|
57
|
+
};
|
|
58
|
+
anchorPosition: AnchorPosition | undefined;
|
|
59
|
+
numOfBpSelected: number;
|
|
60
|
+
width: number;
|
|
61
|
+
left: number;
|
|
62
|
+
guideX?: undefined;
|
|
63
|
+
};
|
|
64
|
+
export declare function useWheelScroll(ref: React.RefObject<HTMLDivElement>, model: LGV): void;
|
|
65
|
+
export {};
|