@jbrowse/plugin-linear-genome-view 2.2.0 → 2.2.2
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/Tooltip.d.ts +1 -1
- package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.d.ts +3 -3
- package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.d.ts +2 -2
- package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.js +1 -1
- package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.js.map +1 -1
- package/dist/BasicTrack/index.d.ts +1 -1
- package/dist/BasicTrack/index.js +4 -4
- package/dist/BasicTrack/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 +17 -2
- package/dist/LinearBareDisplay/index.js.map +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 +20 -4
- package/dist/LinearBasicDisplay/index.js.map +1 -1
- package/dist/LinearBasicDisplay/model.d.ts +21 -14
- package/dist/LinearBasicDisplay/model.js +2 -1
- package/dist/LinearBasicDisplay/model.js.map +1 -1
- package/dist/LinearGenomeView/components/CenterLine.d.ts +1 -1
- package/dist/LinearGenomeView/components/ExportSvgDialog.js +1 -19
- package/dist/LinearGenomeView/components/ExportSvgDialog.js.map +1 -1
- package/dist/LinearGenomeView/components/GetSequenceDialog.d.ts +1 -1
- package/dist/LinearGenomeView/components/GetSequenceDialog.js +7 -18
- package/dist/LinearGenomeView/components/GetSequenceDialog.js.map +1 -1
- package/dist/LinearGenomeView/components/Gridlines.d.ts +1 -1
- package/dist/LinearGenomeView/components/Header.d.ts +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.d.ts +1 -1
- package/dist/LinearGenomeView/components/ImportForm.js +18 -16
- package/dist/LinearGenomeView/components/ImportForm.js.map +1 -1
- package/dist/LinearGenomeView/components/LinearGenomeView.d.ts +1 -1
- package/dist/LinearGenomeView/components/LinearGenomeView.js +1 -3
- package/dist/LinearGenomeView/components/LinearGenomeView.js.map +1 -1
- package/dist/LinearGenomeView/components/LinearGenomeViewSvg.d.ts +1 -1
- package/dist/LinearGenomeView/components/LinearGenomeViewSvg.js +5 -5
- package/dist/LinearGenomeView/components/{OverviewRubberBand.d.ts → OverviewRubberband.d.ts} +3 -3
- package/dist/LinearGenomeView/components/{OverviewRubberBand.js → OverviewRubberband.js} +27 -79
- package/dist/LinearGenomeView/components/OverviewRubberband.js.map +1 -0
- package/{esm/LinearGenomeView/components/OverviewScaleBar.d.ts → dist/LinearGenomeView/components/OverviewScalebar.d.ts} +3 -3
- 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} +3 -3
- 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/{ScaleBar.d.ts → Scalebar.d.ts} +3 -3
- 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 +6 -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.d.ts +1 -1
- package/dist/LinearGenomeView/components/TrackContainer.js +13 -10
- package/dist/LinearGenomeView/components/TrackContainer.js.map +1 -1
- package/dist/LinearGenomeView/components/TrackLabel.js +9 -1
- package/dist/LinearGenomeView/components/TrackLabel.js.map +1 -1
- package/dist/LinearGenomeView/components/TracksContainer.d.ts +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 -453
- package/dist/LinearGenomeView/index.js +11 -1247
- 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 +20 -8
- package/dist/index.js +9 -72
- package/dist/index.js.map +1 -1
- package/esm/BaseLinearDisplay/components/Tooltip.d.ts +1 -1
- package/esm/BaseLinearDisplay/models/BaseLinearDisplayModel.d.ts +3 -3
- package/esm/BaseLinearDisplay/models/serverSideRenderedBlock.d.ts +2 -2
- package/esm/BaseLinearDisplay/models/serverSideRenderedBlock.js +1 -1
- package/esm/BaseLinearDisplay/models/serverSideRenderedBlock.js.map +1 -1
- package/esm/BasicTrack/index.d.ts +1 -1
- package/esm/BasicTrack/index.js +4 -4
- package/esm/BasicTrack/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 +18 -2
- package/esm/LinearBareDisplay/index.js.map +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 +19 -2
- package/esm/LinearBasicDisplay/index.js.map +1 -1
- package/esm/LinearBasicDisplay/model.d.ts +21 -14
- package/esm/LinearBasicDisplay/model.js +2 -1
- package/esm/LinearBasicDisplay/model.js.map +1 -1
- package/esm/LinearGenomeView/components/CenterLine.d.ts +1 -1
- package/esm/LinearGenomeView/components/ExportSvgDialog.js +3 -18
- package/esm/LinearGenomeView/components/ExportSvgDialog.js.map +1 -1
- package/esm/LinearGenomeView/components/GetSequenceDialog.d.ts +1 -1
- package/esm/LinearGenomeView/components/GetSequenceDialog.js +8 -19
- package/esm/LinearGenomeView/components/GetSequenceDialog.js.map +1 -1
- package/esm/LinearGenomeView/components/Gridlines.d.ts +1 -1
- package/esm/LinearGenomeView/components/Header.d.ts +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.d.ts +1 -1
- package/esm/LinearGenomeView/components/ImportForm.js +18 -16
- package/esm/LinearGenomeView/components/ImportForm.js.map +1 -1
- package/esm/LinearGenomeView/components/LinearGenomeView.d.ts +1 -1
- package/esm/LinearGenomeView/components/LinearGenomeView.js +2 -4
- package/esm/LinearGenomeView/components/LinearGenomeView.js.map +1 -1
- package/esm/LinearGenomeView/components/LinearGenomeViewSvg.d.ts +1 -1
- package/esm/LinearGenomeView/components/LinearGenomeViewSvg.js +3 -3
- package/esm/LinearGenomeView/components/{OverviewRubberBand.d.ts → OverviewRubberband.d.ts} +3 -3
- package/esm/LinearGenomeView/components/{OverviewRubberBand.js → OverviewRubberband.js} +25 -80
- package/esm/LinearGenomeView/components/OverviewRubberband.js.map +1 -0
- package/{dist/LinearGenomeView/components/OverviewScaleBar.d.ts → esm/LinearGenomeView/components/OverviewScalebar.d.ts} +3 -3
- 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} +3 -3
- 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/{ScaleBar.d.ts → Scalebar.d.ts} +3 -3
- 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 +6 -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.d.ts +1 -1
- package/esm/LinearGenomeView/components/TrackContainer.js +14 -11
- package/esm/LinearGenomeView/components/TrackContainer.js.map +1 -1
- package/esm/LinearGenomeView/components/TrackLabel.js +9 -1
- package/esm/LinearGenomeView/components/TrackLabel.js.map +1 -1
- package/esm/LinearGenomeView/components/TracksContainer.d.ts +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 -453
- package/esm/LinearGenomeView/index.js +9 -1238
- 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 +20 -8
- package/esm/index.js +9 -72
- package/esm/index.js.map +1 -1
- package/package.json +3 -3
- package/src/BaseLinearDisplay/models/serverSideRenderedBlock.ts +1 -1
- package/src/BasicTrack/index.ts +4 -8
- package/src/LaunchLinearGenomeView/index.ts +66 -0
- package/src/LinearBareDisplay/index.ts +21 -2
- package/src/LinearBasicDisplay/components/SetMaxHeight.tsx +3 -28
- package/src/LinearBasicDisplay/index.ts +23 -2
- package/src/LinearBasicDisplay/model.ts +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 +19 -16
- package/src/LinearGenomeView/components/LinearGenomeView.tsx +2 -8
- package/src/LinearGenomeView/components/LinearGenomeViewSvg.tsx +3 -3
- 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/{ScaleBar.test.tsx → Scalebar.test.tsx} +5 -5
- package/src/LinearGenomeView/components/{ScaleBar.tsx → Scalebar.tsx} +11 -11
- package/src/LinearGenomeView/components/SearchBox.tsx +6 -6
- package/src/LinearGenomeView/components/SearchResultsDialog.tsx +17 -44
- package/src/LinearGenomeView/components/SequenceSearchDialog.tsx +4 -30
- package/src/LinearGenomeView/components/TrackContainer.tsx +41 -28
- package/src/LinearGenomeView/components/TrackLabel.tsx +10 -1
- 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 +37 -39
- 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 +17 -0
- package/src/LinearGenomeView/{index.tsx → model.ts} +159 -75
- package/src/index.ts +13 -108
- 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/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
|
@@ -4,25 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
const react_1 = __importDefault(require("react"));
|
|
7
|
-
const mui_1 = require("tss-react/mui");
|
|
8
7
|
const mobx_state_tree_1 = require("mobx-state-tree");
|
|
9
8
|
const util_1 = require("@jbrowse/core/util");
|
|
9
|
+
const ui_1 = require("@jbrowse/core/ui");
|
|
10
10
|
const material_1 = require("@mui/material");
|
|
11
|
-
const Close_1 = __importDefault(require("@mui/icons-material/Close"));
|
|
12
|
-
const useStyles = (0, mui_1.makeStyles)()(theme => ({
|
|
13
|
-
dialogContent: {
|
|
14
|
-
width: '80em',
|
|
15
|
-
},
|
|
16
|
-
closeButton: {
|
|
17
|
-
position: 'absolute',
|
|
18
|
-
right: theme.spacing(1),
|
|
19
|
-
top: theme.spacing(1),
|
|
20
|
-
color: theme.palette.grey[500],
|
|
21
|
-
},
|
|
22
|
-
}));
|
|
23
11
|
function SearchResultsDialog({ model, optAssemblyName, handleClose, }) {
|
|
24
12
|
var _a, _b;
|
|
25
|
-
const { classes } = useStyles();
|
|
26
13
|
const session = (0, util_1.getSession)(model);
|
|
27
14
|
const { pluginManager } = (0, util_1.getEnv)(session);
|
|
28
15
|
const { assemblyManager } = session;
|
|
@@ -41,7 +28,7 @@ function SearchResultsDialog({ model, optAssemblyName, handleClose, }) {
|
|
|
41
28
|
throw new Error(`assembly ${assemblyName} regions not loaded`);
|
|
42
29
|
}
|
|
43
30
|
const assemblyRegions = assembly.regions;
|
|
44
|
-
function handleClick(location) {
|
|
31
|
+
async function handleClick(location) {
|
|
45
32
|
try {
|
|
46
33
|
const newRegion = assemblyRegions.find(region => location === region.refName);
|
|
47
34
|
if (newRegion) {
|
|
@@ -51,7 +38,7 @@ function SearchResultsDialog({ model, optAssemblyName, handleClose, }) {
|
|
|
51
38
|
model.showAllRegions();
|
|
52
39
|
}
|
|
53
40
|
else {
|
|
54
|
-
model.navToLocString(location, assemblyName);
|
|
41
|
+
await model.navToLocString(location, assemblyName);
|
|
55
42
|
}
|
|
56
43
|
}
|
|
57
44
|
catch (e) {
|
|
@@ -68,14 +55,7 @@ function SearchResultsDialog({ model, optAssemblyName, handleClose, }) {
|
|
|
68
55
|
}
|
|
69
56
|
return '';
|
|
70
57
|
}
|
|
71
|
-
return (react_1.default.createElement(
|
|
72
|
-
react_1.default.createElement(material_1.DialogTitle, null,
|
|
73
|
-
"Search results",
|
|
74
|
-
handleClose ? (react_1.default.createElement(material_1.IconButton, { "data-testid": "close-resultsDialog", className: classes.closeButton, onClick: () => {
|
|
75
|
-
handleClose();
|
|
76
|
-
}, size: "large" },
|
|
77
|
-
react_1.default.createElement(Close_1.default, null))) : null),
|
|
78
|
-
react_1.default.createElement(material_1.Divider, null),
|
|
58
|
+
return (react_1.default.createElement(ui_1.Dialog, { open: true, maxWidth: "xl", onClose: handleClose, title: "Search results" },
|
|
79
59
|
react_1.default.createElement(material_1.DialogContent, null, !((_b = model.searchResults) === null || _b === void 0 ? void 0 : _b.length) ? (react_1.default.createElement(material_1.Typography, null,
|
|
80
60
|
"No results found for ",
|
|
81
61
|
react_1.default.createElement("b", null, model.searchQuery))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
@@ -95,15 +75,21 @@ function SearchResultsDialog({ model, optAssemblyName, handleClose, }) {
|
|
|
95
75
|
react_1.default.createElement(material_1.TableCell, { align: "right" }, result.getLocation()),
|
|
96
76
|
react_1.default.createElement(material_1.TableCell, { align: "right" }, getTrackName(result.getTrackId()) || 'N/A'),
|
|
97
77
|
react_1.default.createElement(material_1.TableCell, { align: "right" },
|
|
98
|
-
react_1.default.createElement(material_1.Button, { onClick: () => {
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
78
|
+
react_1.default.createElement(material_1.Button, { onClick: async () => {
|
|
79
|
+
try {
|
|
80
|
+
const location = result.getLocation();
|
|
81
|
+
if (location) {
|
|
82
|
+
await handleClick(location);
|
|
83
|
+
const resultTrackId = result.getTrackId();
|
|
84
|
+
if (resultTrackId) {
|
|
85
|
+
model.showTrack(resultTrackId);
|
|
86
|
+
}
|
|
105
87
|
}
|
|
106
88
|
}
|
|
89
|
+
catch (e) {
|
|
90
|
+
console.error(e);
|
|
91
|
+
session.notify(`${e}`, 'error');
|
|
92
|
+
}
|
|
107
93
|
handleClose();
|
|
108
94
|
}, color: "primary", variant: "contained" }, "Go"))))))))))),
|
|
109
95
|
react_1.default.createElement(material_1.Divider, null),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchResultsDialog.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/SearchResultsDialog.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,
|
|
1
|
+
{"version":3,"file":"SearchResultsDialog.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/SearchResultsDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,29 +22,19 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
22
22
|
__setModuleDefault(result, mod);
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
26
|
const react_1 = __importStar(require("react"));
|
|
30
27
|
const material_1 = require("@mui/material");
|
|
28
|
+
const ui_1 = require("@jbrowse/core/ui");
|
|
31
29
|
const mobx_state_tree_1 = require("mobx-state-tree");
|
|
32
30
|
const mui_1 = require("tss-react/mui");
|
|
33
31
|
const mobx_react_1 = require("mobx-react");
|
|
34
32
|
const util_1 = require("@jbrowse/core/util");
|
|
35
|
-
|
|
36
|
-
const Close_1 = __importDefault(require("@mui/icons-material/Close"));
|
|
37
|
-
const useStyles = (0, mui_1.makeStyles)()(theme => ({
|
|
38
|
-
closeButton: {
|
|
39
|
-
position: 'absolute',
|
|
40
|
-
right: theme.spacing(1),
|
|
41
|
-
top: theme.spacing(1),
|
|
42
|
-
color: theme.palette.grey[500],
|
|
43
|
-
},
|
|
33
|
+
const useStyles = (0, mui_1.makeStyles)()({
|
|
44
34
|
dialogContent: {
|
|
45
35
|
width: '40em',
|
|
46
36
|
},
|
|
47
|
-
})
|
|
37
|
+
});
|
|
48
38
|
function SequenceDialog({ model, handleClose, }) {
|
|
49
39
|
const { classes } = useStyles();
|
|
50
40
|
const [value, setValue] = (0, react_1.useState)('');
|
|
@@ -58,12 +48,7 @@ function SequenceDialog({ model, handleClose, }) {
|
|
|
58
48
|
catch (e) {
|
|
59
49
|
error = e;
|
|
60
50
|
}
|
|
61
|
-
return (react_1.default.createElement(
|
|
62
|
-
react_1.default.createElement(material_1.DialogTitle, null,
|
|
63
|
-
"Sequence search",
|
|
64
|
-
handleClose ? (react_1.default.createElement(material_1.IconButton, { className: classes.closeButton, onClick: () => handleClose(), size: "large" },
|
|
65
|
-
react_1.default.createElement(Close_1.default, null))) : null),
|
|
66
|
-
react_1.default.createElement(material_1.Divider, null),
|
|
51
|
+
return (react_1.default.createElement(ui_1.Dialog, { maxWidth: "xl", open: true, onClose: handleClose, title: "Sequence search" },
|
|
67
52
|
react_1.default.createElement(material_1.DialogContent, { className: classes.dialogContent },
|
|
68
53
|
react_1.default.createElement(material_1.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)."),
|
|
69
54
|
react_1.default.createElement(material_1.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":"
|
|
1
|
+
{"version":3,"file":"SequenceSearchDialog.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/SequenceSearchDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { BaseTrackModel } from '@jbrowse/core/pluggableElementTypes/models';
|
|
3
3
|
import { LinearGenomeViewModel } from '..';
|
|
4
|
-
|
|
4
|
+
type LGV = LinearGenomeViewModel;
|
|
5
5
|
declare function TrackContainer({ model, track, }: {
|
|
6
6
|
model: LGV;
|
|
7
7
|
track: BaseTrackModel;
|
|
@@ -31,6 +31,7 @@ const material_1 = require("@mui/material");
|
|
|
31
31
|
const mui_1 = require("tss-react/mui");
|
|
32
32
|
const mobx_react_1 = require("mobx-react");
|
|
33
33
|
const mobx_state_tree_1 = require("mobx-state-tree");
|
|
34
|
+
const react_error_boundary_1 = require("react-error-boundary");
|
|
34
35
|
const configuration_1 = require("@jbrowse/core/configuration");
|
|
35
36
|
const ui_1 = require("@jbrowse/core/ui");
|
|
36
37
|
const util_1 = require("@jbrowse/core/util");
|
|
@@ -56,7 +57,7 @@ const useStyles = (0, mui_1.makeStyles)()({
|
|
|
56
57
|
trackLabel: {
|
|
57
58
|
zIndex: 3,
|
|
58
59
|
},
|
|
59
|
-
// aligns with block
|
|
60
|
+
// aligns with block boundaries. check for example the breakpoint split view
|
|
60
61
|
// demo to see if features align if wanting to change things
|
|
61
62
|
renderingComponentContainer: {
|
|
62
63
|
position: 'absolute',
|
|
@@ -98,6 +99,7 @@ function TrackContainer({ model, track, }) {
|
|
|
98
99
|
const trackId = (0, configuration_1.getConf)(track, 'trackId');
|
|
99
100
|
const ref = (0, react_1.useRef)(null);
|
|
100
101
|
const dimmed = draggingTrackId !== undefined && draggingTrackId !== display.id;
|
|
102
|
+
const minimized = track.minimized;
|
|
101
103
|
const debouncedOnDragEnter = (0, util_1.useDebouncedCallback)(() => {
|
|
102
104
|
if ((0, mobx_state_tree_1.isAlive)(display) && dimmed) {
|
|
103
105
|
moveTrack(draggingTrackId, track.id);
|
|
@@ -113,15 +115,16 @@ function TrackContainer({ model, track, }) {
|
|
|
113
115
|
}, [model.trackRefs, trackId]);
|
|
114
116
|
return (react_1.default.createElement(material_1.Paper, { className: classes.root, variant: "outlined" },
|
|
115
117
|
react_1.default.createElement(TrackContainerLabel, { model: track, view: model }),
|
|
116
|
-
react_1.default.createElement(
|
|
117
|
-
react_1.default.createElement("div", {
|
|
118
|
-
react_1.default.createElement(
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
118
|
+
react_1.default.createElement(react_error_boundary_1.ErrorBoundary, { key: track.id, FallbackComponent: ({ error }) => react_1.default.createElement(ui_1.ErrorMessage, { error: error }) },
|
|
119
|
+
react_1.default.createElement("div", { className: classes.trackRenderingContainer, style: { height: minimized ? 20 : height }, onScroll: evt => display.setScrollTop(evt.currentTarget.scrollTop), onDragEnter: debouncedOnDragEnter, "data-testid": `trackRenderingContainer-${model.id}-${trackId}` }, !minimized ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
120
|
+
react_1.default.createElement("div", { ref: ref, className: classes.renderingComponentContainer, style: { transform: `scaleX(${model.scaleFactor})` } },
|
|
121
|
+
react_1.default.createElement(RenderingComponent, { model: display, onHorizontalScroll: horizontalScroll })),
|
|
122
|
+
DisplayBlurb ? (react_1.default.createElement("div", { style: {
|
|
123
|
+
position: 'absolute',
|
|
124
|
+
left: 0,
|
|
125
|
+
top: display.height - 20,
|
|
126
|
+
} },
|
|
127
|
+
react_1.default.createElement(DisplayBlurb, { model: display }))) : null)) : null)),
|
|
125
128
|
react_1.default.createElement("div", { className: classes.overlay, style: {
|
|
126
129
|
height: display.height,
|
|
127
130
|
background: dimmed ? 'rgba(0, 0, 0, 0.4)' : undefined,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TrackContainer.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/TrackContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgD;AAChD,4CAAqC;AACrC,uCAA0C;AAC1C,2CAAqC;AACrC,qDAAyC;
|
|
1
|
+
{"version":3,"file":"TrackContainer.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/TrackContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,6 +16,8 @@ const hooks_1 = require("material-ui-popup-state/hooks");
|
|
|
16
16
|
const MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
|
|
17
17
|
const DragIndicator_1 = __importDefault(require("@mui/icons-material/DragIndicator"));
|
|
18
18
|
const Close_1 = __importDefault(require("@mui/icons-material/Close"));
|
|
19
|
+
const Minimize_1 = __importDefault(require("@mui/icons-material/Minimize"));
|
|
20
|
+
const Add_1 = __importDefault(require("@mui/icons-material/Add"));
|
|
19
21
|
const useStyles = (0, mui_1.makeStyles)()(theme => ({
|
|
20
22
|
root: {
|
|
21
23
|
background: (0, material_1.alpha)(theme.palette.background.paper, 0.8),
|
|
@@ -51,6 +53,7 @@ const TrackLabel = react_1.default.forwardRef(({ track, className }, ref) => {
|
|
|
51
53
|
const view = (0, util_1.getContainingView)(track);
|
|
52
54
|
const session = (0, util_1.getSession)(track);
|
|
53
55
|
const trackConf = track.configuration;
|
|
56
|
+
const minimized = track.minimized;
|
|
54
57
|
const trackId = (0, configuration_1.getConf)(track, 'trackId');
|
|
55
58
|
const trackName = (0, tracks_1.getTrackName)(trackConf, session);
|
|
56
59
|
const popupState = (0, hooks_1.usePopupState)({
|
|
@@ -58,6 +61,11 @@ const TrackLabel = react_1.default.forwardRef(({ track, className }, ref) => {
|
|
|
58
61
|
variant: 'popover',
|
|
59
62
|
});
|
|
60
63
|
const items = [
|
|
64
|
+
{
|
|
65
|
+
label: minimized ? 'Restore track' : 'Minimize track',
|
|
66
|
+
icon: minimized ? Add_1.default : Minimize_1.default,
|
|
67
|
+
onClick: () => track.setMinimized(!minimized),
|
|
68
|
+
},
|
|
61
69
|
...(((_a = session.getTrackActionMenuItems) === null || _a === void 0 ? void 0 : _a.call(session, trackConf)) || []),
|
|
62
70
|
...track.trackMenuItems(),
|
|
63
71
|
].sort((a, b) => (b.priority || 0) - (a.priority || 0));
|
|
@@ -73,7 +81,7 @@ const TrackLabel = react_1.default.forwardRef(({ track, className }, ref) => {
|
|
|
73
81
|
react_1.default.createElement(DragIndicator_1.default, { className: classes.dragHandleIcon, fontSize: "small" })),
|
|
74
82
|
react_1.default.createElement(material_1.IconButton, { onClick: () => view.hideTrack(trackId), className: classes.iconButton, title: "close this track", color: "secondary" },
|
|
75
83
|
react_1.default.createElement(Close_1.default, { fontSize: "small" })),
|
|
76
|
-
react_1.default.createElement(material_1.Typography, { variant: "body1", component: "span", className: classes.trackName }, trackName),
|
|
84
|
+
react_1.default.createElement(material_1.Typography, { variant: "body1", component: "span", className: classes.trackName }, trackName + (minimized ? ' (minimized)' : '')),
|
|
77
85
|
react_1.default.createElement(material_1.IconButton, { ...(0, hooks_1.bindTrigger)(popupState), className: classes.iconButton, color: "secondary", "data-testid": "track_menu_icon", disabled: !items.length },
|
|
78
86
|
react_1.default.createElement(MoreVert_1.default, { fontSize: "small" })),
|
|
79
87
|
react_1.default.createElement(CascadingMenu_1.default, { ...(0, hooks_1.bindPopover)(popupState), onMenuItemClick: (_, callback) => callback(), menuItems: items, popupState: popupState })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TrackLabel.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/TrackLabel.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,4CAAoE;AACpE,uCAA0C;AAC1C,2CAAqC;AACrC,+DAAqD;AACrD,mFAA0D;AAC1D,6CAAkE;AAClE,sDAAwD;AAGxD,yDAIsC;AAEtC,QAAQ;AACR,4EAAuD;AACvD,sFAAwD;AACxD,sEAAiD;
|
|
1
|
+
{"version":3,"file":"TrackLabel.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/TrackLabel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -29,13 +29,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
29
29
|
const react_1 = __importStar(require("react"));
|
|
30
30
|
const mui_1 = require("tss-react/mui");
|
|
31
31
|
const mobx_react_1 = require("mobx-react");
|
|
32
|
-
const
|
|
33
|
-
//
|
|
32
|
+
const ui_1 = require("@jbrowse/core/ui");
|
|
33
|
+
// local utils
|
|
34
34
|
const __1 = require("..");
|
|
35
|
-
const
|
|
36
|
-
|
|
35
|
+
const hooks_1 = require("./hooks");
|
|
36
|
+
// local components
|
|
37
|
+
const Rubberband_1 = __importDefault(require("./Rubberband"));
|
|
38
|
+
const Scalebar_1 = __importDefault(require("./Scalebar"));
|
|
37
39
|
const Gridlines_1 = __importDefault(require("./Gridlines"));
|
|
38
40
|
const CenterLine_1 = __importDefault(require("./CenterLine"));
|
|
41
|
+
const VerticalGuide_1 = __importDefault(require("./VerticalGuide"));
|
|
42
|
+
const RubberbandSpan_1 = __importDefault(require("./RubberbandSpan"));
|
|
39
43
|
const useStyles = (0, mui_1.makeStyles)()({
|
|
40
44
|
tracksContainer: {
|
|
41
45
|
position: 'relative',
|
|
@@ -48,123 +52,22 @@ const useStyles = (0, mui_1.makeStyles)()({
|
|
|
48
52
|
});
|
|
49
53
|
function TracksContainer({ children, model, }) {
|
|
50
54
|
const { classes } = useStyles();
|
|
51
|
-
|
|
52
|
-
// with useState/setState
|
|
53
|
-
const delta = (0, react_1.useRef)(0);
|
|
54
|
-
const scheduled = (0, react_1.useRef)(false);
|
|
55
|
-
const timeout = (0, react_1.useRef)();
|
|
55
|
+
const { mouseDown: mouseDown1, mouseUp } = (0, hooks_1.useSideScroll)(model);
|
|
56
56
|
const ref = (0, react_1.useRef)(null);
|
|
57
|
-
const
|
|
58
|
-
|
|
59
|
-
(
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
const currX = event.clientX;
|
|
64
|
-
const distance = currX - prevX.current;
|
|
65
|
-
if (distance) {
|
|
66
|
-
// use rAF to make it so multiple event handlers aren't fired per-frame
|
|
67
|
-
// see https://calendar.perfplanet.com/2013/the-runtime-performance-checklist/
|
|
68
|
-
if (!scheduled.current) {
|
|
69
|
-
scheduled.current = true;
|
|
70
|
-
window.requestAnimationFrame(() => {
|
|
71
|
-
model.horizontalScroll(-distance);
|
|
72
|
-
scheduled.current = false;
|
|
73
|
-
prevX.current = event.clientX;
|
|
74
|
-
});
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
function globalMouseUp() {
|
|
79
|
-
prevX.current = 0;
|
|
80
|
-
if (mouseDragging) {
|
|
81
|
-
setMouseDragging(false);
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
if (mouseDragging) {
|
|
85
|
-
window.addEventListener('mousemove', globalMouseMove, true);
|
|
86
|
-
window.addEventListener('mouseup', globalMouseUp, true);
|
|
87
|
-
cleanup = () => {
|
|
88
|
-
window.removeEventListener('mousemove', globalMouseMove, true);
|
|
89
|
-
window.removeEventListener('mouseup', globalMouseUp, true);
|
|
90
|
-
};
|
|
91
|
-
}
|
|
92
|
-
return cleanup;
|
|
93
|
-
}, [model, mouseDragging, prevX]);
|
|
94
|
-
function mouseDown(event) {
|
|
95
|
-
// check if clicking a draggable element or a resize handle
|
|
96
|
-
const target = event.target;
|
|
97
|
-
if (target.draggable || target.dataset.resizer) {
|
|
98
|
-
return;
|
|
99
|
-
}
|
|
100
|
-
// otherwise do click and drag scroll
|
|
101
|
-
if (event.button === 0) {
|
|
102
|
-
prevX.current = event.clientX;
|
|
103
|
-
setMouseDragging(true);
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
// this local mouseup is used in addition to the global because sometimes
|
|
107
|
-
// the global add/remove are not called in time, resulting in issue #533
|
|
108
|
-
function mouseUp(event) {
|
|
109
|
-
event.preventDefault();
|
|
110
|
-
setMouseDragging(false);
|
|
111
|
-
}
|
|
112
|
-
function mouseLeave(event) {
|
|
113
|
-
event.preventDefault();
|
|
114
|
-
}
|
|
115
|
-
(0, react_1.useEffect)(() => {
|
|
116
|
-
const curr = ref.current;
|
|
117
|
-
// if ctrl is held down, zoom in with y-scroll
|
|
118
|
-
// else scroll horizontally with x-scroll
|
|
119
|
-
function onWheel(origEvent) {
|
|
120
|
-
const event = (0, normalize_wheel_1.default)(origEvent);
|
|
121
|
-
if (origEvent.ctrlKey === true) {
|
|
122
|
-
origEvent.preventDefault();
|
|
123
|
-
delta.current += event.pixelY / 500;
|
|
124
|
-
model.setScaleFactor(delta.current < 0 ? 1 - delta.current : 1 / (1 + delta.current));
|
|
125
|
-
if (timeout.current) {
|
|
126
|
-
clearTimeout(timeout.current);
|
|
127
|
-
}
|
|
128
|
-
timeout.current = setTimeout(() => {
|
|
129
|
-
model.setScaleFactor(1);
|
|
130
|
-
model.zoomTo(delta.current > 0
|
|
131
|
-
? model.bpPerPx * (1 + delta.current)
|
|
132
|
-
: model.bpPerPx / (1 - delta.current));
|
|
133
|
-
delta.current = 0;
|
|
134
|
-
}, 300);
|
|
135
|
-
}
|
|
136
|
-
else {
|
|
137
|
-
// this is needed to stop the event from triggering "back button
|
|
138
|
-
// action" on MacOSX etc. but is a heuristic to avoid preventing the
|
|
139
|
-
// inner-track scroll behavior
|
|
140
|
-
if (Math.abs(event.pixelX) > Math.abs(2 * event.pixelY)) {
|
|
141
|
-
origEvent.preventDefault();
|
|
142
|
-
}
|
|
143
|
-
delta.current += event.pixelX;
|
|
144
|
-
if (!scheduled.current) {
|
|
145
|
-
// use rAF to make it so multiple event handlers aren't fired per-frame
|
|
146
|
-
// see https://calendar.perfplanet.com/2013/the-runtime-performance-checklist/
|
|
147
|
-
scheduled.current = true;
|
|
148
|
-
window.requestAnimationFrame(() => {
|
|
149
|
-
model.horizontalScroll(delta.current);
|
|
150
|
-
delta.current = 0;
|
|
151
|
-
scheduled.current = false;
|
|
152
|
-
});
|
|
153
|
-
}
|
|
154
|
-
}
|
|
155
|
-
}
|
|
156
|
-
if (curr) {
|
|
157
|
-
curr.addEventListener('wheel', onWheel);
|
|
158
|
-
return () => {
|
|
159
|
-
curr.removeEventListener('wheel', onWheel);
|
|
160
|
-
};
|
|
161
|
-
}
|
|
162
|
-
return () => { };
|
|
163
|
-
}, [model]);
|
|
164
|
-
return (react_1.default.createElement("div", { ref: ref, "data-testid": "trackContainer", className: classes.tracksContainer, onMouseDown: mouseDown, onMouseUp: mouseUp, onMouseLeave: mouseLeave },
|
|
57
|
+
const { guideX, rubberbandOn, leftBpOffset, rightBpOffset, numOfBpSelected, width, left, anchorPosition, handleMenuItemClick, open, handleClose, mouseMove, mouseDown: mouseDown2, } = (0, hooks_1.useRangeSelect)(ref, model, true);
|
|
58
|
+
(0, hooks_1.useWheelScroll)(ref, model);
|
|
59
|
+
return (react_1.default.createElement("div", { ref: ref, "data-testid": "trackContainer", className: classes.tracksContainer, onMouseDown: event => {
|
|
60
|
+
mouseDown1(event);
|
|
61
|
+
mouseDown2(event);
|
|
62
|
+
}, onMouseMove: mouseMove, onMouseUp: mouseUp },
|
|
165
63
|
model.showGridlines ? react_1.default.createElement(Gridlines_1.default, { model: model }) : null,
|
|
166
64
|
model.showCenterLine ? react_1.default.createElement(CenterLine_1.default, { model: model }) : null,
|
|
167
|
-
react_1.default.createElement(
|
|
65
|
+
guideX !== undefined ? (react_1.default.createElement(VerticalGuide_1.default, { model: model, coordX: guideX })) : rubberbandOn ? (react_1.default.createElement(RubberbandSpan_1.default, { leftBpOffset: leftBpOffset, rightBpOffset: rightBpOffset, numOfBpSelected: numOfBpSelected, width: width, left: left })) : null,
|
|
66
|
+
anchorPosition ? (react_1.default.createElement(ui_1.Menu, { anchorReference: "anchorPosition", anchorPosition: {
|
|
67
|
+
left: anchorPosition.clientX,
|
|
68
|
+
top: anchorPosition.clientY,
|
|
69
|
+
}, onMenuItemClick: handleMenuItemClick, open: open, onClose: handleClose, menuItems: model.rubberBandMenuItems() })) : null,
|
|
70
|
+
react_1.default.createElement(Rubberband_1.default, { model: model, ControlComponent: react_1.default.createElement(Scalebar_1.default, { model: model, style: { height: __1.SCALE_BAR_HEIGHT, boxSizing: 'border-box' } }) }),
|
|
168
71
|
children));
|
|
169
72
|
}
|
|
170
73
|
exports.default = (0, mobx_react_1.observer)(TracksContainer);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TracksContainer.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/TracksContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
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,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const react_1 = __importDefault(require("react"));
|
|
7
|
+
const material_1 = require("@mui/material");
|
|
8
|
+
const mui_1 = require("tss-react/mui");
|
|
9
|
+
const mobx_react_1 = require("mobx-react");
|
|
10
|
+
const util_1 = require("@jbrowse/core/util");
|
|
11
|
+
const useStyles = (0, mui_1.makeStyles)()({
|
|
12
|
+
guide: {
|
|
13
|
+
pointerEvents: 'none',
|
|
14
|
+
height: '100%',
|
|
15
|
+
width: 1,
|
|
16
|
+
position: 'absolute',
|
|
17
|
+
zIndex: 10,
|
|
18
|
+
},
|
|
19
|
+
});
|
|
20
|
+
function VerticalGuide({ model, coordX }) {
|
|
21
|
+
const { classes } = useStyles();
|
|
22
|
+
return (react_1.default.createElement(material_1.Tooltip, { open: true, placement: "top", title: (0, util_1.stringify)(model.pxToBp(coordX)), arrow: true },
|
|
23
|
+
react_1.default.createElement("div", { className: classes.guide, style: {
|
|
24
|
+
left: coordX,
|
|
25
|
+
background: 'red',
|
|
26
|
+
} })));
|
|
27
|
+
}
|
|
28
|
+
exports.default = (0, mobx_react_1.observer)(VerticalGuide);
|
|
29
|
+
//# sourceMappingURL=VerticalGuide.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VerticalGuide.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/VerticalGuide.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,4CAAuC;AACvC,uCAA0C;AAC1C,2CAAqC;AACrC,6CAA8C;AAO9C,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,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,8BAAC,kBAAO,IAAC,IAAI,QAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,IAAA,gBAAS,EAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK;QACzE,uCACE,SAAS,EAAE,OAAO,CAAC,KAAK,EACxB,KAAK,EAAE;gBACL,IAAI,EAAE,MAAM;gBACZ,UAAU,EAAE,KAAK;aAClB,GACD,CACM,CACX,CAAA;AACH,CAAC;AAED,kBAAe,IAAA,qBAAQ,EAAC,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 {};
|