@jbrowse/plugin-linear-genome-view 2.1.0 → 2.1.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/BaseLinearDisplay.js +27 -54
- package/dist/BaseLinearDisplay/components/BaseLinearDisplay.js.map +1 -1
- package/dist/BaseLinearDisplay/components/Block.js +17 -28
- package/dist/BaseLinearDisplay/components/Block.js.map +1 -1
- package/dist/BaseLinearDisplay/components/LinearBlocks.js +19 -21
- package/dist/BaseLinearDisplay/components/LinearBlocks.js.map +1 -1
- package/dist/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js +27 -48
- package/dist/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js.map +1 -1
- package/dist/BaseLinearDisplay/components/Tooltip.js +29 -58
- package/dist/BaseLinearDisplay/components/Tooltip.js.map +1 -1
- package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.js +242 -363
- package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.js.map +1 -1
- package/dist/BaseLinearDisplay/models/baseLinearDisplayConfigSchema.js +1 -1
- package/dist/BaseLinearDisplay/models/baseLinearDisplayConfigSchema.js.map +1 -1
- package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.js +77 -129
- package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.js.map +1 -1
- package/dist/LinearBareDisplay/configSchema.js +2 -2
- package/dist/LinearBareDisplay/configSchema.js.map +1 -1
- package/dist/LinearBareDisplay/model.js +13 -19
- package/dist/LinearBareDisplay/model.js.map +1 -1
- package/dist/LinearBasicDisplay/components/SetMaxHeight.js +14 -31
- package/dist/LinearBasicDisplay/components/SetMaxHeight.js.map +1 -1
- package/dist/LinearBasicDisplay/configSchema.js +3 -3
- package/dist/LinearBasicDisplay/configSchema.js.map +1 -1
- package/dist/LinearBasicDisplay/model.js +119 -147
- package/dist/LinearBasicDisplay/model.js.map +1 -1
- package/dist/LinearGenomeView/components/CenterLine.js +11 -12
- package/dist/LinearGenomeView/components/CenterLine.js.map +1 -1
- package/dist/LinearGenomeView/components/ExportSvgDialog.js +30 -96
- package/dist/LinearGenomeView/components/ExportSvgDialog.js.map +1 -1
- package/dist/LinearGenomeView/components/GetSequenceDialog.d.ts +9 -0
- package/dist/LinearGenomeView/components/GetSequenceDialog.js +172 -0
- package/dist/LinearGenomeView/components/GetSequenceDialog.js.map +1 -0
- package/dist/LinearGenomeView/components/Gridlines.js +18 -20
- package/dist/LinearGenomeView/components/Gridlines.js.map +1 -1
- package/dist/LinearGenomeView/components/Header.js +26 -31
- package/dist/LinearGenomeView/components/Header.js.map +1 -1
- package/dist/LinearGenomeView/components/HelpDialog.js +10 -11
- package/dist/LinearGenomeView/components/HelpDialog.js.map +1 -1
- package/dist/LinearGenomeView/components/ImportForm.js +91 -154
- package/dist/LinearGenomeView/components/ImportForm.js.map +1 -1
- package/dist/LinearGenomeView/components/LinearGenomeView.js +20 -21
- package/dist/LinearGenomeView/components/LinearGenomeView.js.map +1 -1
- package/dist/LinearGenomeView/components/LinearGenomeViewSvg.js +86 -157
- package/dist/LinearGenomeView/components/LinearGenomeViewSvg.js.map +1 -1
- package/dist/LinearGenomeView/components/MiniControls.js +16 -32
- package/dist/LinearGenomeView/components/MiniControls.js.map +1 -1
- package/dist/LinearGenomeView/components/OverviewRubberBand.d.ts +0 -11
- package/dist/LinearGenomeView/components/OverviewRubberBand.js +44 -76
- package/dist/LinearGenomeView/components/OverviewRubberBand.js.map +1 -1
- package/dist/LinearGenomeView/components/OverviewScaleBar.js +94 -117
- package/dist/LinearGenomeView/components/OverviewScaleBar.js.map +1 -1
- package/dist/LinearGenomeView/components/RefNameAutocomplete.js +90 -172
- package/dist/LinearGenomeView/components/RefNameAutocomplete.js.map +1 -1
- package/dist/LinearGenomeView/components/RubberBand.js +51 -71
- package/dist/LinearGenomeView/components/RubberBand.js.map +1 -1
- package/dist/LinearGenomeView/components/Ruler.js +17 -18
- package/dist/LinearGenomeView/components/Ruler.js.map +1 -1
- package/dist/LinearGenomeView/components/ScaleBar.js +37 -58
- package/dist/LinearGenomeView/components/ScaleBar.js.map +1 -1
- package/dist/LinearGenomeView/components/SearchBox.js +69 -133
- package/dist/LinearGenomeView/components/SearchBox.js.map +1 -1
- package/dist/LinearGenomeView/components/SearchResultsDialog.js +32 -33
- package/dist/LinearGenomeView/components/SearchResultsDialog.js.map +1 -1
- package/dist/LinearGenomeView/components/{SequenceDialog.d.ts → SequenceSearchDialog.d.ts} +0 -0
- package/dist/LinearGenomeView/components/SequenceSearchDialog.js +104 -0
- package/dist/LinearGenomeView/components/SequenceSearchDialog.js.map +1 -0
- package/dist/LinearGenomeView/components/TrackContainer.js +28 -30
- package/dist/LinearGenomeView/components/TrackContainer.js.map +1 -1
- package/dist/LinearGenomeView/components/TrackLabel.js +37 -71
- package/dist/LinearGenomeView/components/TrackLabel.js.map +1 -1
- package/dist/LinearGenomeView/components/TracksContainer.js +32 -49
- package/dist/LinearGenomeView/components/TracksContainer.js.map +1 -1
- package/dist/LinearGenomeView/components/ZoomControls.js +15 -32
- package/dist/LinearGenomeView/components/ZoomControls.js.map +1 -1
- package/dist/LinearGenomeView/components/util.js +14 -87
- package/dist/LinearGenomeView/components/util.js.map +1 -1
- package/dist/LinearGenomeView/index.d.ts +3 -3
- package/dist/LinearGenomeView/index.js +380 -430
- package/dist/LinearGenomeView/index.js.map +1 -1
- package/dist/LinearGenomeView/util.js +17 -36
- package/dist/LinearGenomeView/util.js.map +1 -1
- package/dist/index.js +75 -146
- package/dist/index.js.map +1 -1
- package/esm/LinearGenomeView/components/GetSequenceDialog.d.ts +9 -0
- package/esm/LinearGenomeView/components/{SequenceDialog.js → GetSequenceDialog.js} +4 -7
- package/esm/LinearGenomeView/components/GetSequenceDialog.js.map +1 -0
- package/esm/LinearGenomeView/components/ImportForm.js +1 -0
- package/esm/LinearGenomeView/components/ImportForm.js.map +1 -1
- package/esm/LinearGenomeView/components/LinearGenomeView.js +2 -2
- package/esm/LinearGenomeView/components/LinearGenomeView.js.map +1 -1
- package/esm/LinearGenomeView/components/OverviewRubberBand.d.ts +0 -11
- package/esm/LinearGenomeView/components/OverviewRubberBand.js +4 -12
- package/esm/LinearGenomeView/components/OverviewRubberBand.js.map +1 -1
- package/esm/LinearGenomeView/components/OverviewScaleBar.js +0 -2
- package/esm/LinearGenomeView/components/OverviewScaleBar.js.map +1 -1
- package/esm/LinearGenomeView/components/RubberBand.js +0 -1
- package/esm/LinearGenomeView/components/RubberBand.js.map +1 -1
- package/esm/LinearGenomeView/components/SearchBox.js.map +1 -1
- package/esm/LinearGenomeView/components/{SequenceDialog.d.ts → SequenceSearchDialog.d.ts} +0 -0
- package/esm/LinearGenomeView/components/SequenceSearchDialog.js +76 -0
- package/esm/LinearGenomeView/components/SequenceSearchDialog.js.map +1 -0
- package/esm/LinearGenomeView/index.d.ts +3 -3
- package/esm/LinearGenomeView/index.js +26 -19
- package/esm/LinearGenomeView/index.js.map +1 -1
- package/package.json +2 -3
- package/src/LinearGenomeView/components/{SequenceDialog.tsx → GetSequenceDialog.tsx} +4 -17
- package/src/LinearGenomeView/components/ImportForm.tsx +1 -0
- package/src/LinearGenomeView/components/LinearGenomeView.tsx +3 -3
- package/src/LinearGenomeView/components/OverviewRubberBand.tsx +5 -15
- package/src/LinearGenomeView/components/OverviewScaleBar.tsx +0 -2
- package/src/LinearGenomeView/components/RubberBand.tsx +0 -1
- package/src/LinearGenomeView/components/SearchBox.tsx +1 -1
- package/src/LinearGenomeView/components/SequenceSearchDialog.tsx +165 -0
- package/src/LinearGenomeView/components/__snapshots__/LinearGenomeView.test.js.snap +14 -14
- package/src/LinearGenomeView/index.tsx +32 -25
- package/dist/LinearGenomeView/components/SequenceDialog.js +0 -242
- package/dist/LinearGenomeView/components/SequenceDialog.js.map +0 -1
- package/esm/LinearGenomeView/components/SequenceDialog.js.map +0 -1
|
@@ -0,0 +1,172 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
const react_1 = __importStar(require("react"));
|
|
30
|
+
const mui_1 = require("tss-react/mui");
|
|
31
|
+
const material_1 = require("@mui/material");
|
|
32
|
+
const mobx_react_1 = require("mobx-react");
|
|
33
|
+
const file_saver_1 = require("file-saver");
|
|
34
|
+
const configuration_1 = require("@jbrowse/core/configuration");
|
|
35
|
+
const copy_to_clipboard_1 = __importDefault(require("copy-to-clipboard"));
|
|
36
|
+
const util_1 = require("@jbrowse/core/util");
|
|
37
|
+
const formatFastaStrings_1 = require("@jbrowse/core/util/formatFastaStrings");
|
|
38
|
+
// icons
|
|
39
|
+
const Icons_1 = require("@jbrowse/core/ui/Icons");
|
|
40
|
+
const Close_1 = __importDefault(require("@mui/icons-material/Close"));
|
|
41
|
+
const GetApp_1 = __importDefault(require("@mui/icons-material/GetApp"));
|
|
42
|
+
const useStyles = (0, mui_1.makeStyles)()(theme => ({
|
|
43
|
+
closeButton: {
|
|
44
|
+
position: 'absolute',
|
|
45
|
+
right: theme.spacing(1),
|
|
46
|
+
top: theme.spacing(1),
|
|
47
|
+
color: theme.palette.grey[500],
|
|
48
|
+
},
|
|
49
|
+
dialogContent: {
|
|
50
|
+
width: '80em',
|
|
51
|
+
},
|
|
52
|
+
textAreaFont: {
|
|
53
|
+
fontFamily: 'Courier New',
|
|
54
|
+
},
|
|
55
|
+
}));
|
|
56
|
+
/**
|
|
57
|
+
* Fetches and returns a list features for a given list of regions
|
|
58
|
+
*/
|
|
59
|
+
async function fetchSequence(model, regions, signal) {
|
|
60
|
+
const session = (0, util_1.getSession)(model);
|
|
61
|
+
const { leftOffset, rightOffset } = model;
|
|
62
|
+
if (!leftOffset || !rightOffset) {
|
|
63
|
+
throw new Error('no offsets on model to use for range');
|
|
64
|
+
}
|
|
65
|
+
if (leftOffset.assemblyName !== rightOffset.assemblyName) {
|
|
66
|
+
throw new Error('not able to fetch sequences from multiple assemblies');
|
|
67
|
+
}
|
|
68
|
+
const { rpcManager, assemblyManager } = session;
|
|
69
|
+
const assemblyName = leftOffset.assemblyName || rightOffset.assemblyName || '';
|
|
70
|
+
const assembly = assemblyManager.get(assemblyName);
|
|
71
|
+
if (!assembly) {
|
|
72
|
+
throw new Error(`assembly ${assemblyName} not found`);
|
|
73
|
+
}
|
|
74
|
+
const adapterConfig = (0, configuration_1.getConf)(assembly, ['sequence', 'adapter']);
|
|
75
|
+
const sessionId = 'getSequence';
|
|
76
|
+
return rpcManager.call(sessionId, 'CoreGetFeatures', {
|
|
77
|
+
adapterConfig,
|
|
78
|
+
regions,
|
|
79
|
+
sessionId,
|
|
80
|
+
signal,
|
|
81
|
+
});
|
|
82
|
+
}
|
|
83
|
+
function SequenceDialog({ model, handleClose, }) {
|
|
84
|
+
const { classes } = useStyles();
|
|
85
|
+
const session = (0, util_1.getSession)(model);
|
|
86
|
+
const [error, setError] = (0, react_1.useState)();
|
|
87
|
+
const [sequence, setSequence] = (0, react_1.useState)();
|
|
88
|
+
const loading = Boolean(sequence === undefined);
|
|
89
|
+
const { leftOffset, rightOffset } = model;
|
|
90
|
+
// avoid infinite looping of useEffect
|
|
91
|
+
// random note: the current selected region can't be a computed because it
|
|
92
|
+
// uses action on base1dview even though it's on the ephemeral base1dview
|
|
93
|
+
const regionsSelected = (0, react_1.useMemo)(() => model.getSelectedRegions(leftOffset, rightOffset), [model, leftOffset, rightOffset]);
|
|
94
|
+
(0, react_1.useEffect)(() => {
|
|
95
|
+
let active = true;
|
|
96
|
+
const controller = new AbortController();
|
|
97
|
+
(async () => {
|
|
98
|
+
try {
|
|
99
|
+
if (regionsSelected.length > 0) {
|
|
100
|
+
const chunks = await fetchSequence(model, regionsSelected, controller.signal);
|
|
101
|
+
if (active) {
|
|
102
|
+
setSequence((0, formatFastaStrings_1.formatSeqFasta)(chunks
|
|
103
|
+
.filter(f => !!f)
|
|
104
|
+
.map(chunk => {
|
|
105
|
+
const chunkSeq = chunk.get('seq');
|
|
106
|
+
const chunkRefName = chunk.get('refName');
|
|
107
|
+
const chunkStart = chunk.get('start') + 1;
|
|
108
|
+
const chunkEnd = chunk.get('end');
|
|
109
|
+
const chunkLocstring = `${chunkRefName}:${chunkStart}-${chunkEnd}`;
|
|
110
|
+
if ((chunkSeq === null || chunkSeq === void 0 ? void 0 : chunkSeq.length) !== chunkEnd - chunkStart + 1) {
|
|
111
|
+
throw new Error(`${chunkLocstring} returned ${chunkSeq.length.toLocaleString()} bases, but should have returned ${(chunkEnd - chunkStart).toLocaleString()}`);
|
|
112
|
+
}
|
|
113
|
+
return { header: chunkLocstring, seq: chunkSeq };
|
|
114
|
+
})));
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
else {
|
|
118
|
+
throw new Error('Selected region is out of bounds');
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
catch (e) {
|
|
122
|
+
console.error(e);
|
|
123
|
+
if (active) {
|
|
124
|
+
setError(e);
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
})();
|
|
128
|
+
return () => {
|
|
129
|
+
controller.abort();
|
|
130
|
+
active = false;
|
|
131
|
+
};
|
|
132
|
+
}, [model, session, regionsSelected, setSequence]);
|
|
133
|
+
const sequenceTooLarge = sequence ? sequence.length > 1000000 : false;
|
|
134
|
+
return (react_1.default.createElement(material_1.Dialog, { maxWidth: "xl", open: true, onClose: handleClose },
|
|
135
|
+
react_1.default.createElement(material_1.DialogTitle, null,
|
|
136
|
+
"Reference sequence",
|
|
137
|
+
handleClose ? (react_1.default.createElement(material_1.IconButton, { className: classes.closeButton, onClick: () => {
|
|
138
|
+
handleClose();
|
|
139
|
+
model.setOffsets(undefined, undefined);
|
|
140
|
+
}, size: "large" },
|
|
141
|
+
react_1.default.createElement(Close_1.default, null))) : null),
|
|
142
|
+
react_1.default.createElement(material_1.Divider, null),
|
|
143
|
+
react_1.default.createElement(material_1.DialogContent, null,
|
|
144
|
+
error ? react_1.default.createElement(material_1.Typography, { color: "error" }, `${error}`) : null,
|
|
145
|
+
loading && !error ? (react_1.default.createElement(material_1.Container, null,
|
|
146
|
+
"Retrieving reference sequence...",
|
|
147
|
+
react_1.default.createElement(material_1.CircularProgress, { style: {
|
|
148
|
+
marginLeft: 10,
|
|
149
|
+
}, size: 20, disableShrink: true }))) : null,
|
|
150
|
+
react_1.default.createElement(material_1.TextField, { "data-testid": "rubberband-sequence", variant: "outlined", multiline: true, minRows: 5, disabled: sequenceTooLarge, className: classes.dialogContent, fullWidth: true, value: sequenceTooLarge
|
|
151
|
+
? 'Reference sequence too large to display, use the download FASTA button'
|
|
152
|
+
: sequence, InputProps: {
|
|
153
|
+
readOnly: true,
|
|
154
|
+
classes: {
|
|
155
|
+
input: classes.textAreaFont,
|
|
156
|
+
},
|
|
157
|
+
} })),
|
|
158
|
+
react_1.default.createElement(material_1.DialogActions, null,
|
|
159
|
+
react_1.default.createElement(material_1.Button, { onClick: () => {
|
|
160
|
+
(0, copy_to_clipboard_1.default)(sequence || '');
|
|
161
|
+
session.notify('Copied to clipboard', 'success');
|
|
162
|
+
}, disabled: loading || !!error || sequenceTooLarge, color: "primary", startIcon: react_1.default.createElement(Icons_1.ContentCopy, null) }, "Copy to clipboard"),
|
|
163
|
+
react_1.default.createElement(material_1.Button, { onClick: () => {
|
|
164
|
+
const seqFastaFile = new Blob([sequence || ''], {
|
|
165
|
+
type: 'text/x-fasta;charset=utf-8',
|
|
166
|
+
});
|
|
167
|
+
(0, file_saver_1.saveAs)(seqFastaFile, 'jbrowse_ref_seq.fa');
|
|
168
|
+
}, disabled: loading || !!error, color: "primary", startIcon: react_1.default.createElement(GetApp_1.default, null) }, "Download FASTA"),
|
|
169
|
+
react_1.default.createElement(material_1.Button, { onClick: handleClose, variant: "contained" }, "Close"))));
|
|
170
|
+
}
|
|
171
|
+
exports.default = (0, mobx_react_1.observer)(SequenceDialog);
|
|
172
|
+
//# sourceMappingURL=GetSequenceDialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GetSequenceDialog.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/GetSequenceDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,13 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
const react_1 = __importDefault(require("react"));
|
|
7
|
+
const blockTypes_1 = require("@jbrowse/core/util/blockTypes");
|
|
8
|
+
const mui_1 = require("tss-react/mui");
|
|
9
|
+
const mobx_react_1 = require("mobx-react");
|
|
10
|
+
const Block_1 = require("../../BaseLinearDisplay/components/Block");
|
|
11
|
+
const util_1 = require("../util");
|
|
12
|
+
const useStyles = (0, mui_1.makeStyles)()(theme => ({
|
|
13
13
|
verticalGuidesZoomContainer: {
|
|
14
14
|
position: 'absolute',
|
|
15
15
|
height: '100%',
|
|
@@ -35,15 +35,14 @@ var useStyles = (0, mui_1.makeStyles)()(function (theme) { return ({
|
|
|
35
35
|
minorTick: {
|
|
36
36
|
background: theme.palette.divider,
|
|
37
37
|
},
|
|
38
|
-
})
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
return (react_1.default.createElement(react_1.default.Fragment, null, model.staticBlocks.map(function (block, index) {
|
|
38
|
+
}));
|
|
39
|
+
const RenderedVerticalGuides = (0, mobx_react_1.observer)(({ model }) => {
|
|
40
|
+
const { classes, cx } = useStyles();
|
|
41
|
+
return (react_1.default.createElement(react_1.default.Fragment, null, model.staticBlocks.map((block, index) => {
|
|
43
42
|
if (block instanceof blockTypes_1.ContentBlock) {
|
|
44
|
-
|
|
45
|
-
return (react_1.default.createElement(Block_1.ContentBlock, { key:
|
|
46
|
-
|
|
43
|
+
const ticks = (0, util_1.makeTicks)(block.start, block.end, model.bpPerPx);
|
|
44
|
+
return (react_1.default.createElement(Block_1.ContentBlock, { key: `${block.key}-${index}`, block: block }, ticks.map(tick => {
|
|
45
|
+
const x = (block.reversed
|
|
47
46
|
? block.end - tick.base
|
|
48
47
|
: tick.base - block.start) / model.bpPerPx;
|
|
49
48
|
return (react_1.default.createElement("div", { key: tick.base, className: cx(classes.tick, tick.type === 'major' || tick.type === 'labeledMajor'
|
|
@@ -60,13 +59,12 @@ var RenderedVerticalGuides = (0, mobx_react_1.observer)(function (_a) {
|
|
|
60
59
|
return null;
|
|
61
60
|
})));
|
|
62
61
|
});
|
|
63
|
-
function VerticalGuides(
|
|
64
|
-
|
|
65
|
-
var classes = useStyles().classes;
|
|
62
|
+
function VerticalGuides({ model }) {
|
|
63
|
+
const { classes } = useStyles();
|
|
66
64
|
// find the block that needs pinning to the left side for context
|
|
67
|
-
|
|
65
|
+
const offsetLeft = model.staticBlocks.offsetPx - model.offsetPx;
|
|
68
66
|
return (react_1.default.createElement("div", { className: classes.verticalGuidesZoomContainer, style: {
|
|
69
|
-
transform: model.scaleFactor !== 1 ?
|
|
67
|
+
transform: model.scaleFactor !== 1 ? `scaleX(${model.scaleFactor})` : undefined,
|
|
70
68
|
} },
|
|
71
69
|
react_1.default.createElement("div", { className: classes.verticalGuidesContainer, style: {
|
|
72
70
|
left: offsetLeft,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Gridlines.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/Gridlines.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Gridlines.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/Gridlines.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,8DAIsC;AACtC,uCAA0C;AAC1C,2CAAqC;AAErC,oEAIiD;AAEjD,kCAAmC;AAInC,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACvC,2BAA2B,EAAE;QAC3B,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,CAAC;QACT,aAAa,EAAE,MAAM;KACtB;IACD,uBAAuB,EAAE;QACvB,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,CAAC;QACT,aAAa,EAAE,MAAM;QACrB,OAAO,EAAE,MAAM;KAChB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,CAAC;KACT;IACD,SAAS,EAAE;QACT,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;KACzC;IACD,SAAS,EAAE;QACT,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO;KAClC;CACF,CAAC,CAAC,CAAA;AACH,MAAM,sBAAsB,GAAG,IAAA,qBAAQ,EAAC,CAAC,EAAE,KAAK,EAAkB,EAAE,EAAE;IACpE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,SAAS,EAAE,CAAA;IACnC,OAAO,CACL,8DACG,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QACvC,IAAI,KAAK,YAAY,yBAAY,EAAE;YACjC,MAAM,KAAK,GAAG,IAAA,gBAAS,EAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;YAC9D,OAAO,CACL,8BAAC,oBAAqB,IAAC,GAAG,EAAE,GAAG,KAAK,CAAC,GAAG,IAAI,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,IAC9D,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;gBAChB,MAAM,CAAC,GACL,CAAC,KAAK,CAAC,QAAQ;oBACb,CAAC,CAAC,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI;oBACvB,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,OAAO,CAAA;gBAC9C,OAAO,CACL,uCACE,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,IAAI,EACZ,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK,cAAc;wBACnD,CAAC,CAAC,OAAO,CAAC,SAAS;wBACnB,CAAC,CAAC,OAAO,CAAC,SAAS,CACtB,EACD,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAClB,CACH,CAAA;YACH,CAAC,CAAC,CACoB,CACzB,CAAA;SACF;QACD,IAAI,KAAK,YAAY,wBAAW,EAAE;YAChC,OAAO,8BAAC,mBAAoB,IAAC,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,GAAI,CAAA;SACtE;QACD,IAAI,KAAK,YAAY,oCAAuB,EAAE;YAC5C,OAAO,CACL,8BAAC,+BAAgC,IAC/B,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,QAAQ,EAAE,KAAK,CAAC,OAAO,KAAK,UAAU,GACtC,CACH,CAAA;SACF;QACD,OAAO,IAAI,CAAA;IACb,CAAC,CAAC,CACD,CACJ,CAAA;AACH,CAAC,CAAC,CAAA;AACF,SAAS,cAAc,CAAC,EAAE,KAAK,EAAkB;IAC/C,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,iEAAiE;IACjE,MAAM,UAAU,GAAG,KAAK,CAAC,YAAY,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAA;IAC/D,OAAO,CACL,uCACE,SAAS,EAAE,OAAO,CAAC,2BAA2B,EAC9C,KAAK,EAAE;YACL,SAAS,EACP,KAAK,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,SAAS;SACvE;QAED,uCACE,SAAS,EAAE,OAAO,CAAC,uBAAuB,EAC1C,KAAK,EAAE;gBACL,IAAI,EAAE,UAAU;gBAChB,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,YAAY;aACvC;YAED,8BAAC,sBAAsB,IAAC,KAAK,EAAE,KAAK,GAAI,CACpC,CACF,CACP,CAAA;AACH,CAAC;AAED,kBAAe,IAAA,qBAAQ,EAAC,cAAc,CAAC,CAAA"}
|
|
@@ -3,21 +3,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
6
|
+
const react_1 = __importDefault(require("react"));
|
|
7
|
+
const mobx_react_1 = require("mobx-react");
|
|
8
|
+
const material_1 = require("@mui/material");
|
|
9
|
+
const mui_1 = require("tss-react/mui");
|
|
10
|
+
const util_1 = require("@jbrowse/core/util");
|
|
11
11
|
// icons
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
const Icons_1 = require("@jbrowse/core/ui/Icons");
|
|
13
|
+
const ArrowForward_1 = __importDefault(require("@mui/icons-material/ArrowForward"));
|
|
14
|
+
const ArrowBack_1 = __importDefault(require("@mui/icons-material/ArrowBack"));
|
|
15
15
|
// locals
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
16
|
+
const __1 = require("..");
|
|
17
|
+
const OverviewScaleBar_1 = __importDefault(require("./OverviewScaleBar"));
|
|
18
|
+
const ZoomControls_1 = __importDefault(require("./ZoomControls"));
|
|
19
|
+
const SearchBox_1 = __importDefault(require("./SearchBox"));
|
|
20
|
+
const useStyles = (0, mui_1.makeStyles)()(theme => ({
|
|
21
21
|
headerBar: {
|
|
22
22
|
height: __1.HEADER_BAR_HEIGHT,
|
|
23
23
|
display: 'flex',
|
|
@@ -47,31 +47,27 @@ var useStyles = (0, mui_1.makeStyles)()(function (theme) { return ({
|
|
|
47
47
|
buttonSpacer: {
|
|
48
48
|
marginRight: theme.spacing(2),
|
|
49
49
|
},
|
|
50
|
-
})
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
var classes = useStyles().classes;
|
|
50
|
+
}));
|
|
51
|
+
const HeaderButtons = (0, mobx_react_1.observer)(({ model }) => {
|
|
52
|
+
const { classes } = useStyles();
|
|
54
53
|
return (react_1.default.createElement(material_1.Button, { onClick: model.activateTrackSelector, className: classes.toggleButton, title: "Open track selector", value: "track_select", color: "secondary" },
|
|
55
54
|
react_1.default.createElement(Icons_1.TrackSelector, { className: classes.buttonSpacer })));
|
|
56
55
|
});
|
|
57
|
-
function PanControls(
|
|
58
|
-
|
|
59
|
-
var classes = useStyles().classes;
|
|
56
|
+
function PanControls({ model }) {
|
|
57
|
+
const { classes } = useStyles();
|
|
60
58
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
61
|
-
react_1.default.createElement(material_1.Button, { variant: "outlined", className: classes.panButton, onClick:
|
|
59
|
+
react_1.default.createElement(material_1.Button, { variant: "outlined", className: classes.panButton, onClick: () => model.slide(-0.9) },
|
|
62
60
|
react_1.default.createElement(ArrowBack_1.default, null)),
|
|
63
|
-
react_1.default.createElement(material_1.Button, { variant: "outlined", className: classes.panButton, onClick:
|
|
61
|
+
react_1.default.createElement(material_1.Button, { variant: "outlined", className: classes.panButton, onClick: () => model.slide(0.9) },
|
|
64
62
|
react_1.default.createElement(ArrowForward_1.default, null))));
|
|
65
63
|
}
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
var coarseTotalBp = model.coarseTotalBp;
|
|
64
|
+
const RegionWidth = (0, mobx_react_1.observer)(({ model }) => {
|
|
65
|
+
const { classes } = useStyles();
|
|
66
|
+
const { coarseTotalBp } = model;
|
|
70
67
|
return (react_1.default.createElement(material_1.Typography, { variant: "body2", color: "textSecondary", className: classes.bp }, (0, util_1.getBpDisplayStr)(coarseTotalBp)));
|
|
71
68
|
});
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
var classes = useStyles().classes;
|
|
69
|
+
const Controls = ({ model }) => {
|
|
70
|
+
const { classes } = useStyles();
|
|
75
71
|
return (react_1.default.createElement("div", { className: classes.headerBar },
|
|
76
72
|
react_1.default.createElement(HeaderButtons, { model: model }),
|
|
77
73
|
react_1.default.createElement("div", { className: classes.spacer }),
|
|
@@ -82,8 +78,7 @@ var Controls = function (_a) {
|
|
|
82
78
|
react_1.default.createElement(ZoomControls_1.default, { model: model }),
|
|
83
79
|
react_1.default.createElement("div", { className: classes.spacer })));
|
|
84
80
|
};
|
|
85
|
-
|
|
86
|
-
var model = _a.model;
|
|
81
|
+
const LinearGenomeViewHeader = (0, mobx_react_1.observer)(({ model }) => {
|
|
87
82
|
return model.hideHeaderOverview ? (react_1.default.createElement(Controls, { model: model })) : (react_1.default.createElement(OverviewScaleBar_1.default, { model: model },
|
|
88
83
|
react_1.default.createElement(Controls, { model: model })));
|
|
89
84
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/Header.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/Header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,25 +3,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
6
|
+
const react_1 = __importDefault(require("react"));
|
|
7
|
+
const material_1 = require("@mui/material");
|
|
8
|
+
const mui_1 = require("tss-react/mui");
|
|
9
|
+
const Close_1 = __importDefault(require("@mui/icons-material/Close"));
|
|
10
|
+
const useStyles = (0, mui_1.makeStyles)()(theme => ({
|
|
11
11
|
closeButton: {
|
|
12
12
|
position: 'absolute',
|
|
13
13
|
right: theme.spacing(1),
|
|
14
14
|
top: theme.spacing(1),
|
|
15
15
|
color: theme.palette.grey[500],
|
|
16
16
|
},
|
|
17
|
-
})
|
|
18
|
-
function HelpDialog(
|
|
19
|
-
|
|
20
|
-
var classes = useStyles().classes;
|
|
17
|
+
}));
|
|
18
|
+
function HelpDialog({ handleClose, }) {
|
|
19
|
+
const { classes } = useStyles();
|
|
21
20
|
return (react_1.default.createElement(material_1.Dialog, { open: true, maxWidth: "xl", onClose: handleClose },
|
|
22
21
|
react_1.default.createElement(material_1.DialogTitle, null,
|
|
23
22
|
"Using the search box",
|
|
24
|
-
handleClose ? (react_1.default.createElement(material_1.IconButton, { className: classes.closeButton, onClick:
|
|
23
|
+
handleClose ? (react_1.default.createElement(material_1.IconButton, { className: classes.closeButton, onClick: () => handleClose() },
|
|
25
24
|
react_1.default.createElement(Close_1.default, null))) : null),
|
|
26
25
|
react_1.default.createElement(material_1.Divider, null),
|
|
27
26
|
react_1.default.createElement(material_1.DialogContent, null,
|
|
@@ -59,7 +58,7 @@ function HelpDialog(_a) {
|
|
|
59
58
|
" - use whitespace separated refname, start, end"))),
|
|
60
59
|
react_1.default.createElement(material_1.Divider, null),
|
|
61
60
|
react_1.default.createElement(material_1.DialogActions, null,
|
|
62
|
-
react_1.default.createElement(material_1.Button, { onClick:
|
|
61
|
+
react_1.default.createElement(material_1.Button, { onClick: () => handleClose(), color: "primary" }, "Close"))));
|
|
63
62
|
}
|
|
64
63
|
exports.default = HelpDialog;
|
|
65
64
|
//# sourceMappingURL=HelpDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HelpDialog.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/HelpDialog.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"HelpDialog.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/HelpDialog.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,4CAQsB;AACtB,uCAA0C;AAC1C,sEAAiD;AAEjD,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACvC,WAAW,EAAE;QACX,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACvB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACrB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;KAC/B;CACF,CAAC,CAAC,CAAA;AAEH,SAAwB,UAAU,CAAC,EACjC,WAAW,GAGZ;IACC,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,OAAO,CACL,8BAAC,iBAAM,IAAC,IAAI,QAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAE,WAAW;QAC7C,8BAAC,sBAAW;;YAET,WAAW,CAAC,CAAC,CAAC,CACb,8BAAC,qBAAU,IACT,SAAS,EAAE,OAAO,CAAC,WAAW,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE;gBAE5B,8BAAC,eAAS,OAAG,CACF,CACd,CAAC,CAAC,CAAC,IAAI,CACI;QACd,8BAAC,kBAAO,OAAG;QACX,8BAAC,wBAAa;YACZ,sDAAkB;YAClB;gBACE,+IAGK;gBACL;;oBAEM,6DAA2B;;oBAAI,4DAA0B;wKAI1D,CACF;YACL,6DAAyB;YACzB;gBACE;oBACE,mDAAiB;6DACd;gBACL;oBACE,mDAAiB;+CACd;gBACL;oBACE,0EAAwC;mFAErC;gBACL;oBACE,oEAAkC;0EAE/B;gBACL;oBACE,6DAA2B;8DACxB;gBACL;oBACE,yEAAuC;0FAEpC;gBACL;oBACE,2DAAyB;sEAEtB,CACF,CACS;QAChB,8BAAC,kBAAO,OAAG;QACX,8BAAC,wBAAa;YACZ,8BAAC,iBAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,KAAK,EAAC,SAAS,YAE5C,CACK,CACT,CACV,CAAA;AACH,CAAC;AAxED,6BAwEC"}
|