@jbrowse/plugin-linear-genome-view 2.3.4 → 2.4.1
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 -3
- package/dist/BaseLinearDisplay/components/BaseLinearDisplay.js +4 -4
- package/dist/BaseLinearDisplay/components/BaseLinearDisplay.js.map +1 -1
- package/dist/BaseLinearDisplay/components/Block.js +1 -1
- package/dist/BaseLinearDisplay/components/Block.js.map +1 -1
- package/dist/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js +11 -11
- package/dist/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js.map +1 -1
- package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.d.ts +82 -7
- package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.js +43 -28
- package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.js.map +1 -1
- package/dist/BaseLinearDisplay/models/configSchema.js +8 -0
- package/dist/BaseLinearDisplay/models/configSchema.js.map +1 -1
- package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.d.ts +1 -1
- package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.js +9 -5
- package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.js.map +1 -1
- package/dist/BaseLinearDisplay/models/util.js +2 -2
- package/dist/BaseLinearDisplay/models/util.js.map +1 -1
- package/dist/LaunchLinearGenomeView/index.js +1 -1
- package/dist/LaunchLinearGenomeView/index.js.map +1 -1
- package/dist/LinearBareDisplay/index.d.ts +2 -3
- package/dist/LinearBareDisplay/index.js +4 -2
- package/dist/LinearBareDisplay/index.js.map +1 -1
- package/dist/LinearBareDisplay/model.d.ts +61 -3
- package/dist/LinearBasicDisplay/index.d.ts +2 -3
- package/dist/LinearBasicDisplay/index.js +4 -2
- package/dist/LinearBasicDisplay/index.js.map +1 -1
- package/dist/LinearBasicDisplay/model.d.ts +82 -14
- package/dist/LinearGenomeView/components/CenterLine.js +2 -2
- package/dist/LinearGenomeView/components/CenterLine.js.map +1 -1
- package/dist/LinearGenomeView/components/Cytobands.d.ts +118 -0
- package/dist/LinearGenomeView/components/Cytobands.js +92 -0
- package/dist/LinearGenomeView/components/Cytobands.js.map +1 -0
- package/dist/LinearGenomeView/components/ExportSvgDialog.d.ts +1 -1
- package/dist/LinearGenomeView/components/ExportSvgDialog.js +24 -3
- package/dist/LinearGenomeView/components/ExportSvgDialog.js.map +1 -1
- package/dist/LinearGenomeView/components/Gridlines.js +1 -1
- package/dist/LinearGenomeView/components/Gridlines.js.map +1 -1
- package/dist/LinearGenomeView/components/Header.js +3 -4
- package/dist/LinearGenomeView/components/Header.js.map +1 -1
- package/dist/LinearGenomeView/components/ImportForm.d.ts +2 -2
- package/dist/LinearGenomeView/components/ImportForm.js +15 -19
- package/dist/LinearGenomeView/components/ImportForm.js.map +1 -1
- package/dist/LinearGenomeView/components/LinearGenomeView.js +1 -1
- package/dist/LinearGenomeView/components/MiniControls.js +5 -4
- package/dist/LinearGenomeView/components/MiniControls.js.map +1 -1
- package/dist/LinearGenomeView/components/OverviewRubberband.d.ts +3 -4
- package/dist/LinearGenomeView/components/OverviewRubberband.js +8 -11
- package/dist/LinearGenomeView/components/OverviewRubberband.js.map +1 -1
- package/dist/LinearGenomeView/components/OverviewScalebar.d.ts +4 -119
- package/dist/LinearGenomeView/components/OverviewScalebar.js +19 -103
- package/dist/LinearGenomeView/components/OverviewScalebar.js.map +1 -1
- package/dist/LinearGenomeView/components/RefNameAutocomplete.d.ts +2 -1
- package/dist/LinearGenomeView/components/RefNameAutocomplete.js +35 -31
- package/dist/LinearGenomeView/components/RefNameAutocomplete.js.map +1 -1
- package/dist/LinearGenomeView/components/RubberbandSpan.d.ts +2 -2
- package/dist/LinearGenomeView/components/RubberbandSpan.js +4 -18
- package/dist/LinearGenomeView/components/RubberbandSpan.js.map +1 -1
- package/dist/LinearGenomeView/components/SearchBox.js +3 -3
- package/dist/LinearGenomeView/components/SearchBox.js.map +1 -1
- package/dist/LinearGenomeView/components/TrackLabel.js +6 -7
- package/dist/LinearGenomeView/components/TrackLabel.js.map +1 -1
- package/dist/LinearGenomeView/components/TracksContainer.d.ts +2 -3
- package/dist/LinearGenomeView/components/TracksContainer.js +9 -8
- package/dist/LinearGenomeView/components/TracksContainer.js.map +1 -1
- package/dist/LinearGenomeView/components/ZoomControls.js +5 -4
- package/dist/LinearGenomeView/components/ZoomControls.js.map +1 -1
- package/dist/LinearGenomeView/components/hooks.d.ts +6 -1
- package/dist/LinearGenomeView/components/hooks.js +1 -1
- package/dist/LinearGenomeView/components/hooks.js.map +1 -1
- package/dist/LinearGenomeView/components/util.d.ts +6 -0
- package/dist/LinearGenomeView/components/util.js +11 -1
- package/dist/LinearGenomeView/components/util.js.map +1 -1
- package/dist/LinearGenomeView/index.js +8 -6
- package/dist/LinearGenomeView/index.js.map +1 -1
- package/dist/LinearGenomeView/model.d.ts +18 -12
- package/dist/LinearGenomeView/model.js +31 -34
- package/dist/LinearGenomeView/model.js.map +1 -1
- package/dist/LinearGenomeView/svgcomponents/SVGBackground.d.ts +6 -0
- package/dist/LinearGenomeView/svgcomponents/SVGBackground.js +13 -0
- package/dist/LinearGenomeView/svgcomponents/SVGBackground.js.map +1 -0
- package/dist/LinearGenomeView/svgcomponents/SVGHeader.d.ts +10 -0
- package/dist/LinearGenomeView/svgcomponents/SVGHeader.js +55 -0
- package/dist/LinearGenomeView/svgcomponents/SVGHeader.js.map +1 -0
- package/dist/LinearGenomeView/svgcomponents/SVGLinearGenomeView.d.ts +12 -0
- package/dist/LinearGenomeView/svgcomponents/SVGLinearGenomeView.js +57 -0
- package/dist/LinearGenomeView/svgcomponents/SVGLinearGenomeView.js.map +1 -0
- package/dist/LinearGenomeView/svgcomponents/SVGRegionSeparators.d.ts +8 -0
- package/dist/LinearGenomeView/svgcomponents/SVGRegionSeparators.js +13 -0
- package/dist/LinearGenomeView/svgcomponents/SVGRegionSeparators.js.map +1 -0
- package/dist/LinearGenomeView/svgcomponents/SVGRuler.d.ts +8 -0
- package/dist/LinearGenomeView/svgcomponents/SVGRuler.js +51 -0
- package/dist/LinearGenomeView/svgcomponents/SVGRuler.js.map +1 -0
- package/dist/LinearGenomeView/svgcomponents/SVGScalebar.d.ts +8 -0
- package/dist/LinearGenomeView/svgcomponents/SVGScalebar.js +22 -0
- package/dist/LinearGenomeView/svgcomponents/SVGScalebar.js.map +1 -0
- package/dist/LinearGenomeView/svgcomponents/SVGTrackLabel.d.ts +8 -0
- package/dist/LinearGenomeView/svgcomponents/SVGTrackLabel.js +16 -0
- package/dist/LinearGenomeView/svgcomponents/SVGTrackLabel.js.map +1 -0
- package/dist/LinearGenomeView/svgcomponents/SVGTracks.d.ts +23 -0
- package/dist/LinearGenomeView/svgcomponents/SVGTracks.js +30 -0
- package/dist/LinearGenomeView/svgcomponents/SVGTracks.js.map +1 -0
- package/dist/LinearGenomeView/util.js +2 -2
- package/dist/LinearGenomeView/util.js.map +1 -1
- package/dist/index.d.ts +157 -44
- package/dist/index.js +21 -13
- package/dist/index.js.map +1 -1
- package/esm/BaseLinearDisplay/components/BaseLinearDisplay.d.ts +2 -3
- package/esm/BaseLinearDisplay/components/BaseLinearDisplay.js +2 -3
- package/esm/BaseLinearDisplay/components/BaseLinearDisplay.js.map +1 -1
- package/esm/BaseLinearDisplay/components/Block.js +1 -1
- package/esm/BaseLinearDisplay/components/Block.js.map +1 -1
- package/esm/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js +11 -11
- package/esm/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js.map +1 -1
- package/esm/BaseLinearDisplay/models/BaseLinearDisplayModel.d.ts +82 -7
- package/esm/BaseLinearDisplay/models/BaseLinearDisplayModel.js +44 -29
- package/esm/BaseLinearDisplay/models/BaseLinearDisplayModel.js.map +1 -1
- package/esm/BaseLinearDisplay/models/configSchema.js +8 -0
- package/esm/BaseLinearDisplay/models/configSchema.js.map +1 -1
- package/esm/BaseLinearDisplay/models/serverSideRenderedBlock.d.ts +1 -1
- package/esm/BaseLinearDisplay/models/serverSideRenderedBlock.js +9 -5
- package/esm/BaseLinearDisplay/models/serverSideRenderedBlock.js.map +1 -1
- package/esm/BaseLinearDisplay/models/util.js +2 -2
- package/esm/BaseLinearDisplay/models/util.js.map +1 -1
- package/esm/LaunchLinearGenomeView/index.js +1 -1
- package/esm/LaunchLinearGenomeView/index.js.map +1 -1
- package/esm/LinearBareDisplay/index.d.ts +2 -3
- package/esm/LinearBareDisplay/index.js +2 -1
- package/esm/LinearBareDisplay/index.js.map +1 -1
- package/esm/LinearBareDisplay/model.d.ts +61 -3
- package/esm/LinearBasicDisplay/index.d.ts +2 -3
- package/esm/LinearBasicDisplay/index.js +2 -1
- package/esm/LinearBasicDisplay/index.js.map +1 -1
- package/esm/LinearBasicDisplay/model.d.ts +82 -14
- package/esm/LinearGenomeView/components/CenterLine.js +2 -2
- package/esm/LinearGenomeView/components/CenterLine.js.map +1 -1
- package/esm/LinearGenomeView/components/Cytobands.d.ts +118 -0
- package/esm/LinearGenomeView/components/Cytobands.js +87 -0
- package/esm/LinearGenomeView/components/Cytobands.js.map +1 -0
- package/esm/LinearGenomeView/components/ExportSvgDialog.d.ts +1 -1
- package/esm/LinearGenomeView/components/ExportSvgDialog.js +25 -4
- package/esm/LinearGenomeView/components/ExportSvgDialog.js.map +1 -1
- package/esm/LinearGenomeView/components/Gridlines.js +1 -1
- package/esm/LinearGenomeView/components/Gridlines.js.map +1 -1
- package/esm/LinearGenomeView/components/Header.js +5 -6
- package/esm/LinearGenomeView/components/Header.js.map +1 -1
- package/esm/LinearGenomeView/components/ImportForm.d.ts +2 -2
- package/esm/LinearGenomeView/components/ImportForm.js +16 -20
- package/esm/LinearGenomeView/components/ImportForm.js.map +1 -1
- package/esm/LinearGenomeView/components/LinearGenomeView.js +1 -1
- package/esm/LinearGenomeView/components/MiniControls.js +5 -4
- package/esm/LinearGenomeView/components/MiniControls.js.map +1 -1
- package/esm/LinearGenomeView/components/OverviewRubberband.d.ts +3 -4
- package/esm/LinearGenomeView/components/OverviewRubberband.js +8 -11
- package/esm/LinearGenomeView/components/OverviewRubberband.js.map +1 -1
- package/esm/LinearGenomeView/components/OverviewScalebar.d.ts +4 -119
- package/esm/LinearGenomeView/components/OverviewScalebar.js +16 -100
- package/esm/LinearGenomeView/components/OverviewScalebar.js.map +1 -1
- package/esm/LinearGenomeView/components/RefNameAutocomplete.d.ts +2 -1
- package/esm/LinearGenomeView/components/RefNameAutocomplete.js +36 -32
- package/esm/LinearGenomeView/components/RefNameAutocomplete.js.map +1 -1
- package/esm/LinearGenomeView/components/RubberbandSpan.d.ts +2 -2
- package/esm/LinearGenomeView/components/RubberbandSpan.js +5 -20
- package/esm/LinearGenomeView/components/RubberbandSpan.js.map +1 -1
- package/esm/LinearGenomeView/components/SearchBox.js +3 -3
- package/esm/LinearGenomeView/components/SearchBox.js.map +1 -1
- package/esm/LinearGenomeView/components/TrackLabel.js +6 -7
- package/esm/LinearGenomeView/components/TrackLabel.js.map +1 -1
- package/esm/LinearGenomeView/components/TracksContainer.d.ts +2 -3
- package/esm/LinearGenomeView/components/TracksContainer.js +9 -8
- package/esm/LinearGenomeView/components/TracksContainer.js.map +1 -1
- package/esm/LinearGenomeView/components/ZoomControls.js +5 -4
- package/esm/LinearGenomeView/components/ZoomControls.js.map +1 -1
- package/esm/LinearGenomeView/components/hooks.d.ts +6 -1
- package/esm/LinearGenomeView/components/hooks.js +1 -1
- package/esm/LinearGenomeView/components/hooks.js.map +1 -1
- package/esm/LinearGenomeView/components/util.d.ts +6 -0
- package/esm/LinearGenomeView/components/util.js +9 -0
- package/esm/LinearGenomeView/components/util.js.map +1 -1
- package/esm/LinearGenomeView/index.js +8 -6
- package/esm/LinearGenomeView/index.js.map +1 -1
- package/esm/LinearGenomeView/model.d.ts +18 -12
- package/esm/LinearGenomeView/model.js +24 -28
- package/esm/LinearGenomeView/model.js.map +1 -1
- package/esm/LinearGenomeView/svgcomponents/SVGBackground.d.ts +6 -0
- package/esm/LinearGenomeView/svgcomponents/SVGBackground.js +7 -0
- package/esm/LinearGenomeView/svgcomponents/SVGBackground.js.map +1 -0
- package/esm/LinearGenomeView/svgcomponents/SVGHeader.d.ts +10 -0
- package/esm/LinearGenomeView/svgcomponents/SVGHeader.js +49 -0
- package/esm/LinearGenomeView/svgcomponents/SVGHeader.js.map +1 -0
- package/esm/LinearGenomeView/svgcomponents/SVGLinearGenomeView.d.ts +12 -0
- package/esm/LinearGenomeView/svgcomponents/SVGLinearGenomeView.js +47 -0
- package/esm/LinearGenomeView/svgcomponents/SVGLinearGenomeView.js.map +1 -0
- package/esm/LinearGenomeView/svgcomponents/SVGRegionSeparators.d.ts +8 -0
- package/esm/LinearGenomeView/svgcomponents/SVGRegionSeparators.js +7 -0
- package/esm/LinearGenomeView/svgcomponents/SVGRegionSeparators.js.map +1 -0
- package/esm/LinearGenomeView/svgcomponents/SVGRuler.d.ts +8 -0
- package/esm/LinearGenomeView/svgcomponents/SVGRuler.js +45 -0
- package/esm/LinearGenomeView/svgcomponents/SVGRuler.js.map +1 -0
- package/esm/LinearGenomeView/svgcomponents/SVGScalebar.d.ts +8 -0
- package/esm/LinearGenomeView/svgcomponents/SVGScalebar.js +16 -0
- package/esm/LinearGenomeView/svgcomponents/SVGScalebar.js.map +1 -0
- package/esm/LinearGenomeView/svgcomponents/SVGTrackLabel.d.ts +8 -0
- package/esm/LinearGenomeView/svgcomponents/SVGTrackLabel.js +10 -0
- package/esm/LinearGenomeView/svgcomponents/SVGTrackLabel.js.map +1 -0
- package/esm/LinearGenomeView/svgcomponents/SVGTracks.d.ts +23 -0
- package/esm/LinearGenomeView/svgcomponents/SVGTracks.js +24 -0
- package/esm/LinearGenomeView/svgcomponents/SVGTracks.js.map +1 -0
- package/esm/LinearGenomeView/util.js +2 -2
- package/esm/LinearGenomeView/util.js.map +1 -1
- package/esm/index.d.ts +157 -44
- package/esm/index.js +9 -5
- package/esm/index.js.map +1 -1
- package/package.json +3 -3
- package/src/BaseLinearDisplay/components/BaseLinearDisplay.tsx +4 -3
- package/src/BaseLinearDisplay/components/Block.tsx +1 -1
- package/src/BaseLinearDisplay/components/ServerSideRenderedBlockContent.tsx +11 -12
- package/src/BaseLinearDisplay/models/BaseLinearDisplayModel.tsx +55 -40
- package/src/BaseLinearDisplay/models/configSchema.ts +8 -0
- package/src/BaseLinearDisplay/models/serverSideRenderedBlock.ts +15 -22
- package/src/BaseLinearDisplay/models/util.ts +2 -2
- package/src/LaunchLinearGenomeView/index.ts +1 -1
- package/src/LinearBareDisplay/index.ts +2 -1
- package/src/LinearBasicDisplay/index.ts +2 -1
- package/src/LinearGenomeView/components/CenterLine.tsx +2 -2
- package/src/LinearGenomeView/components/Cytobands.tsx +154 -0
- package/src/LinearGenomeView/components/ExportSvgDialog.tsx +56 -4
- package/src/LinearGenomeView/components/Gridlines.tsx +1 -1
- package/src/LinearGenomeView/components/Header.tsx +6 -13
- package/src/LinearGenomeView/components/ImportForm.tsx +17 -26
- package/src/LinearGenomeView/components/LinearGenomeView.test.tsx +8 -11
- package/src/LinearGenomeView/components/LinearGenomeView.tsx +1 -1
- package/src/LinearGenomeView/components/MiniControls.tsx +6 -7
- package/src/LinearGenomeView/components/OverviewRubberband.tsx +40 -49
- package/src/LinearGenomeView/components/OverviewScalebar.tsx +222 -385
- package/src/LinearGenomeView/components/RefNameAutocomplete.tsx +50 -48
- package/src/LinearGenomeView/components/RubberbandSpan.tsx +8 -25
- package/src/LinearGenomeView/components/SearchBox.tsx +3 -2
- package/src/LinearGenomeView/components/TrackLabel.tsx +76 -76
- package/src/LinearGenomeView/components/TracksContainer.tsx +8 -8
- package/src/LinearGenomeView/components/ZoomControls.tsx +3 -4
- package/src/LinearGenomeView/components/__snapshots__/LinearGenomeView.test.tsx.snap +1230 -1200
- package/src/LinearGenomeView/components/hooks.ts +7 -1
- package/src/LinearGenomeView/components/util.ts +13 -0
- package/src/LinearGenomeView/index.test.ts +12 -13
- package/src/LinearGenomeView/index.ts +8 -9
- package/src/LinearGenomeView/model.ts +41 -36
- package/src/LinearGenomeView/svgcomponents/SVGBackground.tsx +21 -0
- package/src/LinearGenomeView/svgcomponents/SVGHeader.tsx +93 -0
- package/src/LinearGenomeView/svgcomponents/SVGLinearGenomeView.tsx +114 -0
- package/src/LinearGenomeView/svgcomponents/SVGRegionSeparators.tsx +31 -0
- package/src/LinearGenomeView/svgcomponents/SVGRuler.tsx +125 -0
- package/src/LinearGenomeView/svgcomponents/SVGScalebar.tsx +57 -0
- package/src/LinearGenomeView/svgcomponents/SVGTrackLabel.tsx +47 -0
- package/src/LinearGenomeView/svgcomponents/SVGTracks.tsx +67 -0
- package/src/LinearGenomeView/util.test.ts +7 -4
- package/src/LinearGenomeView/util.ts +3 -3
- package/src/index.ts +22 -23
- package/dist/LinearGenomeView/components/LinearGenomeViewSvg.d.ts +0 -4
- package/dist/LinearGenomeView/components/LinearGenomeViewSvg.js +0 -141
- package/dist/LinearGenomeView/components/LinearGenomeViewSvg.js.map +0 -1
- package/dist/LinearGenomeView/components/Ruler.d.ts +0 -11
- package/dist/LinearGenomeView/components/Ruler.js +0 -39
- package/dist/LinearGenomeView/components/Ruler.js.map +0 -1
- package/esm/LinearGenomeView/components/LinearGenomeViewSvg.d.ts +0 -4
- package/esm/LinearGenomeView/components/LinearGenomeViewSvg.js +0 -134
- package/esm/LinearGenomeView/components/LinearGenomeViewSvg.js.map +0 -1
- package/esm/LinearGenomeView/components/Ruler.d.ts +0 -11
- package/esm/LinearGenomeView/components/Ruler.js +0 -34
- package/esm/LinearGenomeView/components/Ruler.js.map +0 -1
- package/src/LinearGenomeView/components/LinearGenomeViewSvg.tsx +0 -307
- package/src/LinearGenomeView/components/Ruler.tsx +0 -78
|
@@ -2,13 +2,14 @@ import React, { useState, useEffect, lazy } from 'react';
|
|
|
2
2
|
import { makeStyles } from 'tss-react/mui';
|
|
3
3
|
import { observer } from 'mobx-react';
|
|
4
4
|
import { getSession } from '@jbrowse/core/util';
|
|
5
|
-
import { Button,
|
|
5
|
+
import { Button, FormControl, Container, Grid, CircularProgress, } from '@mui/material';
|
|
6
6
|
import { ErrorMessage, AssemblySelector } from '@jbrowse/core/ui';
|
|
7
7
|
// icons
|
|
8
8
|
import CloseIcon from '@mui/icons-material/Close';
|
|
9
9
|
// locals
|
|
10
10
|
import RefNameAutocomplete from './RefNameAutocomplete';
|
|
11
11
|
import { fetchResults, splitLast } from './util';
|
|
12
|
+
// lazies
|
|
12
13
|
const SearchResultsDialog = lazy(() => import('./SearchResultsDialog'));
|
|
13
14
|
const useStyles = makeStyles()(theme => ({
|
|
14
15
|
importFormContainer: {
|
|
@@ -21,7 +22,7 @@ const useStyles = makeStyles()(theme => ({
|
|
|
21
22
|
padding: theme.spacing(4),
|
|
22
23
|
},
|
|
23
24
|
}));
|
|
24
|
-
|
|
25
|
+
export default observer(function ({ model }) {
|
|
25
26
|
var _a;
|
|
26
27
|
const { classes } = useStyles();
|
|
27
28
|
const session = getSession(model);
|
|
@@ -34,14 +35,16 @@ const ImportForm = observer(({ model }) => {
|
|
|
34
35
|
const assemblyError = assemblyNames.length
|
|
35
36
|
? assembly === null || assembly === void 0 ? void 0 : assembly.error
|
|
36
37
|
: 'No configured assemblies';
|
|
37
|
-
const regions = (assembly === null || assembly === void 0 ? void 0 : assembly.regions) || [];
|
|
38
38
|
const displayError = assemblyError || error;
|
|
39
39
|
const [value, setValue] = useState('');
|
|
40
|
-
const
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
//
|
|
44
|
-
//
|
|
40
|
+
const regions = assembly === null || assembly === void 0 ? void 0 : assembly.regions;
|
|
41
|
+
const assemblyLoaded = !!regions;
|
|
42
|
+
const r0 = regions ? (_a = regions[0]) === null || _a === void 0 ? void 0 : _a.refName : '';
|
|
43
|
+
// useEffect resets to an "initial state" of displaying first region from
|
|
44
|
+
// assembly after assembly change. needs to react to selectedAsm as well as
|
|
45
|
+
// r0 because changing assembly will run setValue('') and then r0 may not
|
|
46
|
+
// change if assembly names are the same across assemblies, but it still
|
|
47
|
+
// needs to be reset
|
|
45
48
|
useEffect(() => {
|
|
46
49
|
setValue(r0);
|
|
47
50
|
}, [r0, selectedAsm]);
|
|
@@ -73,7 +76,7 @@ const ImportForm = observer(({ model }) => {
|
|
|
73
76
|
const [ref, rest] = splitLast(input, ':');
|
|
74
77
|
const allRefs = (assembly === null || assembly === void 0 ? void 0 : assembly.allRefNamesWithLowerCase) || [];
|
|
75
78
|
if (allRefs.includes(input) ||
|
|
76
|
-
(allRefs.includes(ref) && !Number.isNaN(parseInt(rest, 10)))) {
|
|
79
|
+
(allRefs.includes(ref) && !Number.isNaN(Number.parseInt(rest, 10)))) {
|
|
77
80
|
await model.navToLocString(input, selectedAsm);
|
|
78
81
|
}
|
|
79
82
|
else {
|
|
@@ -118,24 +121,18 @@ const ImportForm = observer(({ model }) => {
|
|
|
118
121
|
React.createElement(Grid, { container: true, spacing: 1, justifyContent: "center", alignItems: "center" },
|
|
119
122
|
React.createElement(Grid, { item: true },
|
|
120
123
|
React.createElement(FormControl, null,
|
|
121
|
-
React.createElement(AssemblySelector, { onChange: val =>
|
|
122
|
-
|
|
123
|
-
setValue('');
|
|
124
|
-
}, localStorageKey: "lgv", session: session, selected: selectedAsm }))),
|
|
125
|
-
React.createElement(Grid, { item: true }, selectedAsm ? (assemblyError ? (React.createElement(CloseIcon, { style: { color: 'red' } })) : value ? (React.createElement(FormControl, null,
|
|
124
|
+
React.createElement(AssemblySelector, { onChange: val => setSelectedAsm(val), localStorageKey: "lgv", session: session, selected: selectedAsm }))),
|
|
125
|
+
React.createElement(Grid, { item: true }, selectedAsm ? (assemblyError ? (React.createElement(CloseIcon, { style: { color: 'red' } })) : assemblyLoaded ? (React.createElement(FormControl, null,
|
|
126
126
|
React.createElement(RefNameAutocomplete, { fetchResults: queryString => fetchResults({
|
|
127
127
|
queryString,
|
|
128
128
|
assembly,
|
|
129
129
|
textSearchManager,
|
|
130
130
|
rankSearchResults,
|
|
131
131
|
searchScope,
|
|
132
|
-
}), model: model, assemblyName:
|
|
133
|
-
// note: minWidth 270 accommodates full width of helperText
|
|
134
|
-
minWidth: 270, onChange: str => setValue(str), onSelect: val => setOption(val), TextFieldProps: {
|
|
132
|
+
}), model: model, assemblyName: selectedAsm, value: value, minWidth: 270, onChange: str => setValue(str), onSelect: val => setOption(val), TextFieldProps: {
|
|
135
133
|
variant: 'outlined',
|
|
136
134
|
helperText: 'Enter sequence name, feature name, or location',
|
|
137
|
-
|
|
138
|
-
} }))) : (React.createElement(CircularProgress, { role: "progressbar", size: 20, disableShrink: true }))) : null),
|
|
135
|
+
} }))) : (React.createElement(CircularProgress, { size: 20, disableShrink: true }))) : null),
|
|
139
136
|
React.createElement(Grid, { item: true },
|
|
140
137
|
React.createElement(FormControl, null,
|
|
141
138
|
React.createElement(Button, { type: "submit", disabled: !value, className: classes.button, variant: "contained", color: "primary" }, "Open")),
|
|
@@ -146,5 +143,4 @@ const ImportForm = observer(({ model }) => {
|
|
|
146
143
|
}, variant: "contained", color: "secondary" }, "Show all regions in assembly")))))),
|
|
147
144
|
isSearchDialogDisplayed ? (React.createElement(SearchResultsDialog, { model: model, optAssemblyName: selectedAsm, handleClose: () => model.setSearchResults(undefined, undefined) })) : null));
|
|
148
145
|
});
|
|
149
|
-
export default ImportForm;
|
|
150
146
|
//# sourceMappingURL=ImportForm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImportForm.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/ImportForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC/C,OAAO,EACL,MAAM,EACN,
|
|
1
|
+
{"version":3,"file":"ImportForm.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/ImportForm.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,7 +20,7 @@ const LinearGenomeView = observer(({ model }) => {
|
|
|
20
20
|
const { tracks, error, initialized, hasDisplayedRegions } = model;
|
|
21
21
|
const { classes } = useStyles();
|
|
22
22
|
if (!initialized && !error) {
|
|
23
|
-
return React.createElement(LoadingEllipses, { variant: "
|
|
23
|
+
return React.createElement(LoadingEllipses, { variant: "h6" });
|
|
24
24
|
}
|
|
25
25
|
if (!hasDisplayedRegions || error) {
|
|
26
26
|
return React.createElement(ImportForm, { model: model });
|
|
@@ -1,21 +1,22 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
2
|
import { observer } from 'mobx-react';
|
|
3
3
|
import { IconButton, Paper } from '@mui/material';
|
|
4
|
+
import Menu from '@jbrowse/core/ui/Menu';
|
|
5
|
+
// icons
|
|
4
6
|
import ZoomIn from '@mui/icons-material/ZoomIn';
|
|
5
7
|
import ZoomOut from '@mui/icons-material/ZoomOut';
|
|
6
8
|
import ArrowDown from '@mui/icons-material/KeyboardArrowDown';
|
|
7
|
-
import Menu from '@jbrowse/core/ui/Menu';
|
|
8
9
|
const MiniControls = observer((props) => {
|
|
9
10
|
const { model } = props;
|
|
10
11
|
const { bpPerPx, maxBpPerPx, minBpPerPx, scaleFactor, hideHeader } = model;
|
|
11
12
|
const [anchorEl, setAnchorEl] = useState();
|
|
12
13
|
return hideHeader ? (React.createElement("div", { style: { position: 'absolute', right: '0px', zIndex: '1001' } },
|
|
13
14
|
React.createElement(Paper, { style: { background: '#aaa7' } },
|
|
14
|
-
React.createElement(IconButton, {
|
|
15
|
+
React.createElement(IconButton, { onClick: event => setAnchorEl(event.currentTarget) },
|
|
15
16
|
React.createElement(ArrowDown, { fontSize: "small" })),
|
|
16
|
-
React.createElement(IconButton, { "data-testid": "zoom_out", onClick: () => model.zoom(bpPerPx * 2), disabled: bpPerPx >= maxBpPerPx - 0.0001 || scaleFactor !== 1
|
|
17
|
+
React.createElement(IconButton, { "data-testid": "zoom_out", onClick: () => model.zoom(bpPerPx * 2), disabled: bpPerPx >= maxBpPerPx - 0.0001 || scaleFactor !== 1 },
|
|
17
18
|
React.createElement(ZoomOut, { fontSize: "small" })),
|
|
18
|
-
React.createElement(IconButton, { "data-testid": "zoom_in", onClick: () => model.zoom(model.bpPerPx / 2), disabled: bpPerPx <= minBpPerPx + 0.0001 || scaleFactor !== 1
|
|
19
|
+
React.createElement(IconButton, { "data-testid": "zoom_in", onClick: () => model.zoom(model.bpPerPx / 2), disabled: bpPerPx <= minBpPerPx + 0.0001 || scaleFactor !== 1 },
|
|
19
20
|
React.createElement(ZoomIn, { fontSize: "small" })),
|
|
20
21
|
React.createElement(Menu, { anchorEl: anchorEl, open: Boolean(anchorEl), onMenuItemClick: (_, callback) => {
|
|
21
22
|
callback();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MiniControls.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/MiniControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,MAAM,MAAM,4BAA4B,CAAA;AAC/C,OAAO,OAAO,MAAM,6BAA6B,CAAA;AACjD,OAAO,SAAS,MAAM,uCAAuC,CAAA;
|
|
1
|
+
{"version":3,"file":"MiniControls.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/MiniControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,IAAI,MAAM,uBAAuB,CAAA;AAExC,QAAQ;AACR,OAAO,MAAM,MAAM,4BAA4B,CAAA;AAC/C,OAAO,OAAO,MAAM,6BAA6B,CAAA;AACjD,OAAO,SAAS,MAAM,uCAAuC,CAAA;AAK7D,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,KAAuC,EAAE,EAAE;IACxE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;IAC1E,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAe,CAAA;IAEvD,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,6BAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;QAChE,oBAAC,KAAK,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE;YACnC,oBAAC,UAAU,IAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC;gBAC5D,oBAAC,SAAS,IAAC,QAAQ,EAAC,OAAO,GAAG,CACnB;YAEb,oBAAC,UAAU,mBACG,UAAU,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,EACtC,QAAQ,EAAE,OAAO,IAAI,UAAU,GAAG,MAAM,IAAI,WAAW,KAAK,CAAC;gBAE7D,oBAAC,OAAO,IAAC,QAAQ,EAAC,OAAO,GAAG,CACjB;YACb,oBAAC,UAAU,mBACG,SAAS,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,CAAC,CAAC,EAC5C,QAAQ,EAAE,OAAO,IAAI,UAAU,GAAG,MAAM,IAAI,WAAW,KAAK,CAAC;gBAE7D,oBAAC,MAAM,IAAC,QAAQ,EAAC,OAAO,GAAG,CAChB;YACb,oBAAC,IAAI,IACH,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,EACvB,eAAe,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE;oBAC/B,QAAQ,EAAE,CAAA;oBACV,WAAW,CAAC,SAAS,CAAC,CAAA;gBACxB,CAAC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,EACrC,SAAS,EAAE,KAAK,CAAC,SAAS,EAAE,GAC5B,CACI,CACJ,CACP,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAC,CAAA;AAEF,eAAe,YAAY,CAAA"}
|
|
@@ -2,10 +2,9 @@ import React from 'react';
|
|
|
2
2
|
import { Base1DViewModel } from '@jbrowse/core/util/Base1DViewModel';
|
|
3
3
|
import { LinearGenomeViewModel } from '..';
|
|
4
4
|
type LGV = LinearGenomeViewModel;
|
|
5
|
-
declare
|
|
5
|
+
declare const _default: ({ model, overview, ControlComponent, }: {
|
|
6
6
|
model: LGV;
|
|
7
7
|
overview: Base1DViewModel;
|
|
8
|
-
ControlComponent?: React.ReactElement;
|
|
9
|
-
})
|
|
10
|
-
declare const _default: typeof OverviewRubberband;
|
|
8
|
+
ControlComponent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
9
|
+
}) => JSX.Element;
|
|
11
10
|
export default _default;
|
|
@@ -19,7 +19,7 @@ const useStyles = makeStyles()({
|
|
|
19
19
|
zIndex: 10,
|
|
20
20
|
},
|
|
21
21
|
});
|
|
22
|
-
const HoverTooltip = observer(({ model, open, guideX, overview, })
|
|
22
|
+
const HoverTooltip = observer(function ({ model, open, guideX, overview, }) {
|
|
23
23
|
var _a;
|
|
24
24
|
const { classes } = useStyles();
|
|
25
25
|
const { cytobandOffset } = model;
|
|
@@ -30,11 +30,9 @@ const HoverTooltip = observer(({ model, open, guideX, overview, }) => {
|
|
|
30
30
|
px.coord < f.get('end') &&
|
|
31
31
|
px.refName === assembly.getCanonicalRefName(f.get('refName')));
|
|
32
32
|
return (React.createElement(Tooltip, { open: open, placement: "top", title: [stringify(px), cytoband === null || cytoband === void 0 ? void 0 : cytoband.get('name')].join(' '), arrow: true },
|
|
33
|
-
React.createElement("div", { className: classes.guide, style: {
|
|
34
|
-
left: guideX,
|
|
35
|
-
} })));
|
|
33
|
+
React.createElement("div", { className: classes.guide, style: { left: guideX } })));
|
|
36
34
|
});
|
|
37
|
-
function OverviewRubberband({ model, overview, ControlComponent = React.createElement("div", null), }) {
|
|
35
|
+
export default observer(function OverviewRubberband({ model, overview, ControlComponent = React.createElement("div", null), }) {
|
|
38
36
|
const { cytobandOffset } = model;
|
|
39
37
|
const [startX, setStartX] = useState();
|
|
40
38
|
const [currentX, setCurrentX] = useState();
|
|
@@ -107,7 +105,7 @@ function OverviewRubberband({ model, overview, ControlComponent = React.createEl
|
|
|
107
105
|
if (startX === undefined) {
|
|
108
106
|
return (React.createElement("div", { style: { position: 'relative' } },
|
|
109
107
|
guideX !== undefined ? (React.createElement(HoverTooltip, { model: model, open: !mouseDragging, overview: overview, guideX: guideX })) : null,
|
|
110
|
-
React.createElement("div", { className: classes.rubberbandControl,
|
|
108
|
+
React.createElement("div", { className: classes.rubberbandControl, ref: controlsRef, onMouseDown: mouseDown, onMouseOut: mouseOut, onMouseMove: mouseMove }, ControlComponent)));
|
|
111
109
|
}
|
|
112
110
|
let left = startX || 0;
|
|
113
111
|
let width = 0;
|
|
@@ -121,14 +119,13 @@ function OverviewRubberband({ model, overview, ControlComponent = React.createEl
|
|
|
121
119
|
if (startX) {
|
|
122
120
|
leftBpOffset = overview.pxToBp(startX - cytobandOffset);
|
|
123
121
|
rightBpOffset = overview.pxToBp(startX + width - cytobandOffset);
|
|
124
|
-
if (currentX && currentX < startX) {
|
|
122
|
+
if (currentX !== undefined && currentX < startX) {
|
|
125
123
|
;
|
|
126
124
|
[leftBpOffset, rightBpOffset] = [rightBpOffset, leftBpOffset];
|
|
127
125
|
}
|
|
128
126
|
}
|
|
129
127
|
return (React.createElement("div", { style: { position: 'relative' } },
|
|
130
|
-
leftBpOffset && rightBpOffset ? (React.createElement(RubberbandSpan, { leftBpOffset: leftBpOffset, rightBpOffset: rightBpOffset, width: width, left: left })) : null,
|
|
131
|
-
React.createElement("div", { "data-testid": "rubberband_controls", className: classes.rubberbandControl,
|
|
132
|
-
}
|
|
133
|
-
export default observer(OverviewRubberband);
|
|
128
|
+
leftBpOffset && rightBpOffset ? (React.createElement(RubberbandSpan, { leftBpOffset: leftBpOffset, rightBpOffset: rightBpOffset, width: Math.abs(width), left: left })) : null,
|
|
129
|
+
React.createElement("div", { "data-testid": "rubberband_controls", className: classes.rubberbandControl, ref: controlsRef, onMouseDown: mouseDown, onMouseOut: mouseOut, onMouseMove: mouseMove }, ControlComponent)));
|
|
130
|
+
});
|
|
134
131
|
//# sourceMappingURL=OverviewRubberband.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverviewRubberband.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/OverviewRubberband.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"OverviewRubberband.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/OverviewRubberband.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Base1DViewModel } from '@jbrowse/core/util/Base1DViewModel';
|
|
3
|
-
import { ContentBlock } from '@jbrowse/core/util/blockTypes';
|
|
4
|
-
import { Assembly } from '@jbrowse/core/assemblyManager/assembly';
|
|
5
3
|
import { LinearGenomeViewModel } from '..';
|
|
6
4
|
declare const Polygon: ({ model, overview, useOffset, }: {
|
|
7
5
|
model: LGV;
|
|
@@ -9,123 +7,10 @@ declare const Polygon: ({ model, overview, useOffset, }: {
|
|
|
9
7
|
useOffset?: boolean | undefined;
|
|
10
8
|
}) => JSX.Element | null;
|
|
11
9
|
type LGV = LinearGenomeViewModel;
|
|
12
|
-
declare const
|
|
13
|
-
overview: Base1DViewModel;
|
|
14
|
-
assembly?: ({
|
|
15
|
-
configuration: any;
|
|
16
|
-
} & import("mobx-state-tree/dist/internal").NonEmptyObject & {
|
|
17
|
-
error: unknown;
|
|
18
|
-
loaded: boolean;
|
|
19
|
-
loadingP: Promise<void> | undefined;
|
|
20
|
-
volatileRegions: import("@jbrowse/core/assemblyManager/assembly").BasicRegion[] | undefined;
|
|
21
|
-
refNameAliases: {
|
|
22
|
-
[x: string]: string;
|
|
23
|
-
} | undefined;
|
|
24
|
-
lowerCaseRefNameAliases: {
|
|
25
|
-
[x: string]: string;
|
|
26
|
-
} | undefined;
|
|
27
|
-
cytobands: import("@jbrowse/core/util").Feature[] | undefined;
|
|
28
|
-
} & {
|
|
29
|
-
readonly initialized: boolean;
|
|
30
|
-
readonly name: string;
|
|
31
|
-
readonly regions: import("@jbrowse/core/assemblyManager/assembly").BasicRegion[] | undefined;
|
|
32
|
-
readonly aliases: string[];
|
|
33
|
-
readonly displayName: string | undefined;
|
|
34
|
-
hasName(name: string): boolean;
|
|
35
|
-
readonly allAliases: string[];
|
|
36
|
-
readonly allRefNames: string[] | undefined;
|
|
37
|
-
readonly lowerCaseRefNames: string[] | undefined;
|
|
38
|
-
readonly allRefNamesWithLowerCase: string[] | undefined;
|
|
39
|
-
readonly rpcManager: any;
|
|
40
|
-
readonly refNameColors: string[];
|
|
41
|
-
} & {
|
|
42
|
-
readonly refNames: string[] | undefined;
|
|
43
|
-
} & {
|
|
44
|
-
getCanonicalRefName(refName: string): string;
|
|
45
|
-
getRefNameColor(refName: string): string | undefined;
|
|
46
|
-
isValidRefName(refName: string): boolean;
|
|
47
|
-
} & {
|
|
48
|
-
setLoaded({ adapterRegionsWithAssembly, refNameAliases, lowerCaseRefNameAliases, cytobands, }: import("@jbrowse/core/assemblyManager/assembly").Loading): void;
|
|
49
|
-
setError(e: unknown): void;
|
|
50
|
-
setRegions(regions: import("@jbrowse/core/util").Region[]): void;
|
|
51
|
-
setRefNameAliases(aliases: {
|
|
52
|
-
[x: string]: string;
|
|
53
|
-
}, lcAliases: {
|
|
54
|
-
[x: string]: string;
|
|
55
|
-
}): void;
|
|
56
|
-
setCytobands(cytobands: import("@jbrowse/core/util").Feature[]): void;
|
|
57
|
-
setLoadingP(p?: Promise<void> | undefined): void;
|
|
58
|
-
load(): Promise<void>;
|
|
59
|
-
loadPre(): Promise<void>;
|
|
60
|
-
} & {
|
|
61
|
-
getAdapterMapEntry(adapterConf: unknown, options: import("@jbrowse/core/assemblyManager/assembly").BaseOptions): Promise<import("@jbrowse/core/assemblyManager/assembly").RefNameMap>;
|
|
62
|
-
getRefNameMapForAdapter(adapterConf: unknown, opts: import("@jbrowse/core/assemblyManager/assembly").BaseOptions): Promise<{
|
|
63
|
-
[x: string]: string;
|
|
64
|
-
}>;
|
|
65
|
-
getReverseRefNameMapForAdapter(adapterConf: unknown, opts: import("@jbrowse/core/assemblyManager/assembly").BaseOptions): Promise<{
|
|
66
|
-
[x: string]: string;
|
|
67
|
-
}>;
|
|
68
|
-
} & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
|
|
69
|
-
configuration: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IReferenceType<import("mobx-state-tree").IAnyType>>;
|
|
70
|
-
}, {
|
|
71
|
-
error: unknown;
|
|
72
|
-
loaded: boolean;
|
|
73
|
-
loadingP: Promise<void> | undefined;
|
|
74
|
-
volatileRegions: import("@jbrowse/core/assemblyManager/assembly").BasicRegion[] | undefined;
|
|
75
|
-
refNameAliases: {
|
|
76
|
-
[x: string]: string;
|
|
77
|
-
} | undefined;
|
|
78
|
-
lowerCaseRefNameAliases: {
|
|
79
|
-
[x: string]: string;
|
|
80
|
-
} | undefined;
|
|
81
|
-
cytobands: import("@jbrowse/core/util").Feature[] | undefined;
|
|
82
|
-
} & {
|
|
83
|
-
readonly initialized: boolean;
|
|
84
|
-
readonly name: string;
|
|
85
|
-
readonly regions: import("@jbrowse/core/assemblyManager/assembly").BasicRegion[] | undefined;
|
|
86
|
-
readonly aliases: string[];
|
|
87
|
-
readonly displayName: string | undefined;
|
|
88
|
-
hasName(name: string): boolean;
|
|
89
|
-
readonly allAliases: string[];
|
|
90
|
-
readonly allRefNames: string[] | undefined;
|
|
91
|
-
readonly lowerCaseRefNames: string[] | undefined;
|
|
92
|
-
readonly allRefNamesWithLowerCase: string[] | undefined;
|
|
93
|
-
readonly rpcManager: any;
|
|
94
|
-
readonly refNameColors: string[];
|
|
95
|
-
} & {
|
|
96
|
-
readonly refNames: string[] | undefined;
|
|
97
|
-
} & {
|
|
98
|
-
getCanonicalRefName(refName: string): string;
|
|
99
|
-
getRefNameColor(refName: string): string | undefined;
|
|
100
|
-
isValidRefName(refName: string): boolean;
|
|
101
|
-
} & {
|
|
102
|
-
setLoaded({ adapterRegionsWithAssembly, refNameAliases, lowerCaseRefNameAliases, cytobands, }: import("@jbrowse/core/assemblyManager/assembly").Loading): void;
|
|
103
|
-
setError(e: unknown): void;
|
|
104
|
-
setRegions(regions: import("@jbrowse/core/util").Region[]): void;
|
|
105
|
-
setRefNameAliases(aliases: {
|
|
106
|
-
[x: string]: string;
|
|
107
|
-
}, lcAliases: {
|
|
108
|
-
[x: string]: string;
|
|
109
|
-
}): void;
|
|
110
|
-
setCytobands(cytobands: import("@jbrowse/core/util").Feature[]): void;
|
|
111
|
-
setLoadingP(p?: Promise<void> | undefined): void;
|
|
112
|
-
load(): Promise<void>;
|
|
113
|
-
loadPre(): Promise<void>;
|
|
114
|
-
} & {
|
|
115
|
-
getAdapterMapEntry(adapterConf: unknown, options: import("@jbrowse/core/assemblyManager/assembly").BaseOptions): Promise<import("@jbrowse/core/assemblyManager/assembly").RefNameMap>;
|
|
116
|
-
getRefNameMapForAdapter(adapterConf: unknown, opts: import("@jbrowse/core/assemblyManager/assembly").BaseOptions): Promise<{
|
|
117
|
-
[x: string]: string;
|
|
118
|
-
}>;
|
|
119
|
-
getReverseRefNameMapForAdapter(adapterConf: unknown, opts: import("@jbrowse/core/assemblyManager/assembly").BaseOptions): Promise<{
|
|
120
|
-
[x: string]: string;
|
|
121
|
-
}>;
|
|
122
|
-
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
|
|
123
|
-
block: ContentBlock;
|
|
124
|
-
}) => JSX.Element;
|
|
125
|
-
declare function OverviewScalebar({ model, children, }: {
|
|
10
|
+
declare const _default: ({ model, children, }: {
|
|
126
11
|
model: LGV;
|
|
127
12
|
children: React.ReactNode;
|
|
128
|
-
})
|
|
129
|
-
declare const _default: typeof OverviewScalebar;
|
|
13
|
+
}) => JSX.Element;
|
|
130
14
|
export default _default;
|
|
131
|
-
export {
|
|
15
|
+
export { Polygon };
|
|
16
|
+
export { default as Cytobands } from './Cytobands';
|
|
@@ -10,6 +10,8 @@ import { ContentBlock } from '@jbrowse/core/util/blockTypes';
|
|
|
10
10
|
import { HEADER_BAR_HEIGHT, HEADER_OVERVIEW_HEIGHT, } from '..';
|
|
11
11
|
import { chooseGridPitch } from '../util';
|
|
12
12
|
import OverviewRubberband from './OverviewRubberband';
|
|
13
|
+
import Cytobands from './Cytobands';
|
|
14
|
+
import { getCytobands } from './util';
|
|
13
15
|
const wholeSeqSpacer = 2;
|
|
14
16
|
const useStyles = makeStyles()(theme => ({
|
|
15
17
|
scalebar: {
|
|
@@ -23,13 +25,14 @@ const useStyles = makeStyles()(theme => ({
|
|
|
23
25
|
position: 'absolute',
|
|
24
26
|
top: 0,
|
|
25
27
|
height: HEADER_OVERVIEW_HEIGHT,
|
|
28
|
+
overflow: 'hidden',
|
|
26
29
|
},
|
|
27
30
|
scalebarContigForward: {
|
|
28
|
-
backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 9'%3E%3Cpath d='M-.1 0L6 4.5L-.1 9' fill='none' stroke='
|
|
31
|
+
backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 9'%3E%3Cpath d='M-.1 0L6 4.5L-.1 9' fill='none' stroke='${theme.palette.divider}'/%3E%3C/svg%3E")`,
|
|
29
32
|
backgroundRepeat: 'repeat',
|
|
30
33
|
},
|
|
31
34
|
scalebarContigReverse: {
|
|
32
|
-
backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 9'%3E%3Cpath d='M6 0L0 4.5L6 9' fill='none' stroke='
|
|
35
|
+
backgroundImage: `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 9'%3E%3Cpath d='M6 0L0 4.5L6 9' fill='none' stroke='${theme.palette.divider}'/%3E%3C/svg%3E")`,
|
|
33
36
|
backgroundRepeat: 'repeat',
|
|
34
37
|
},
|
|
35
38
|
scalebarRefName: {
|
|
@@ -61,7 +64,7 @@ const useStyles = makeStyles()(theme => ({
|
|
|
61
64
|
position: 'absolute',
|
|
62
65
|
},
|
|
63
66
|
}));
|
|
64
|
-
const Polygon = observer(({ model, overview, useOffset = true, })
|
|
67
|
+
const Polygon = observer(function ({ model, overview, useOffset = true, }) {
|
|
65
68
|
const theme = useTheme();
|
|
66
69
|
const multiplier = Number(useOffset);
|
|
67
70
|
const { interRegionPaddingWidth, offsetPx, dynamicBlocks, cytobandOffset } = model;
|
|
@@ -95,98 +98,9 @@ const Polygon = observer(({ model, overview, useOffset = true, }) => {
|
|
|
95
98
|
];
|
|
96
99
|
return (React.createElement("polygon", { points: points.toString(), fill: alpha(polygonColor, 0.3), stroke: alpha(polygonColor, 0.8) }));
|
|
97
100
|
});
|
|
98
|
-
|
|
99
|
-
// prettier-ignore
|
|
100
|
-
function rightRoundedRect(x, y, width, height, radius) {
|
|
101
|
-
return "M" + x + "," + y
|
|
102
|
-
+ "h" + (width - radius)
|
|
103
|
-
+ "a" + radius + "," + radius + " 0 0 1 " + radius + "," + radius
|
|
104
|
-
+ "v" + (height - 2 * radius)
|
|
105
|
-
+ "a" + radius + "," + radius + " 0 0 1 " + -radius + "," + radius
|
|
106
|
-
+ "h" + (radius - width)
|
|
107
|
-
+ "z";
|
|
108
|
-
}
|
|
109
|
-
// prettier-ignore
|
|
110
|
-
function leftRoundedRect(x, y, width, height, radius) {
|
|
111
|
-
return "M" + (x + radius) + "," + y
|
|
112
|
-
+ "h" + (width - radius)
|
|
113
|
-
+ "v" + height
|
|
114
|
-
+ "h" + (radius - width)
|
|
115
|
-
+ "a" + radius + "," + radius + " 0 0 1 " + (-radius) + "," + (-radius)
|
|
116
|
-
+ "v" + (2 * radius - height)
|
|
117
|
-
+ "a" + radius + "," + radius + " 0 0 1 " + radius + "," + (-radius)
|
|
118
|
-
+ "z";
|
|
119
|
-
}
|
|
120
|
-
const colorMap = {
|
|
121
|
-
gneg: 'rgb(227,227,227)',
|
|
122
|
-
gpos25: 'rgb(142,142,142)',
|
|
123
|
-
gpos50: 'rgb(85,85,85)',
|
|
124
|
-
gpos100: 'rgb(0,0,0)',
|
|
125
|
-
gpos75: 'rgb(57,57,57)',
|
|
126
|
-
gvar: 'rgb(0,0,0)',
|
|
127
|
-
stalk: 'rgb(127,127,127)',
|
|
128
|
-
acen: '#800',
|
|
129
|
-
};
|
|
130
|
-
function getCytobands(assembly, refName) {
|
|
131
|
-
var _a;
|
|
132
|
-
return (((_a = assembly === null || assembly === void 0 ? void 0 : assembly.cytobands) === null || _a === void 0 ? void 0 : _a.map(f => ({
|
|
133
|
-
refName: assembly.getCanonicalRefName(f.get('refName')),
|
|
134
|
-
start: f.get('start'),
|
|
135
|
-
end: f.get('end'),
|
|
136
|
-
type: f.get('type'),
|
|
137
|
-
})).filter(f => f.refName === refName)) || []);
|
|
138
|
-
}
|
|
139
|
-
const Cytobands = observer(({ overview, block, assembly, }) => {
|
|
140
|
-
const { offsetPx, reversed } = block;
|
|
141
|
-
const cytobands = getCytobands(assembly, block.refName);
|
|
142
|
-
const coords = cytobands.map(f => {
|
|
143
|
-
const { refName, start, end, type } = f;
|
|
144
|
-
return [
|
|
145
|
-
overview.bpToPx({
|
|
146
|
-
refName,
|
|
147
|
-
coord: start,
|
|
148
|
-
}),
|
|
149
|
-
overview.bpToPx({
|
|
150
|
-
refName,
|
|
151
|
-
coord: end,
|
|
152
|
-
}),
|
|
153
|
-
type,
|
|
154
|
-
];
|
|
155
|
-
});
|
|
156
|
-
const arr = cytobands || [];
|
|
157
|
-
const lcap = reversed ? arr.length - 1 : 0;
|
|
158
|
-
const rcap = reversed ? 0 : arr.length - 1;
|
|
159
|
-
let firstCent = true;
|
|
160
|
-
return (React.createElement("g", { transform: `translate(-${offsetPx})` }, coords.map(([start, end, type], index) => {
|
|
161
|
-
const key = `${start}-${end}-${type}`;
|
|
162
|
-
if (type === 'acen' && firstCent) {
|
|
163
|
-
firstCent = false;
|
|
164
|
-
return (React.createElement("polygon", { key: key, points: [
|
|
165
|
-
[start, 0],
|
|
166
|
-
[end, HEADER_OVERVIEW_HEIGHT / 2],
|
|
167
|
-
[start, HEADER_OVERVIEW_HEIGHT],
|
|
168
|
-
].toString(), fill: colorMap[type] }));
|
|
169
|
-
}
|
|
170
|
-
if (type === 'acen' && !firstCent) {
|
|
171
|
-
return (React.createElement("polygon", { key: key, points: [
|
|
172
|
-
[start, HEADER_OVERVIEW_HEIGHT / 2],
|
|
173
|
-
[end, 0],
|
|
174
|
-
[end, HEADER_OVERVIEW_HEIGHT],
|
|
175
|
-
].toString(), fill: colorMap[type] }));
|
|
176
|
-
}
|
|
177
|
-
if (lcap === index) {
|
|
178
|
-
return (React.createElement("path", { key: key, d: leftRoundedRect(Math.min(start, end), 0, Math.abs(end - start), HEADER_OVERVIEW_HEIGHT, 8), fill: colorMap[type] }));
|
|
179
|
-
}
|
|
180
|
-
else if (rcap === index) {
|
|
181
|
-
return (React.createElement("path", { key: key, d: rightRoundedRect(Math.min(start, end), 0, Math.abs(end - start) - 2, HEADER_OVERVIEW_HEIGHT, 8), fill: colorMap[type] }));
|
|
182
|
-
}
|
|
183
|
-
else {
|
|
184
|
-
return (React.createElement("rect", { key: key, x: Math.min(start, end), y: 0, width: Math.abs(end - start), height: HEADER_OVERVIEW_HEIGHT, fill: colorMap[type] }));
|
|
185
|
-
}
|
|
186
|
-
})));
|
|
187
|
-
});
|
|
188
|
-
const OverviewBox = observer(({ scale, model, block, overview, }) => {
|
|
101
|
+
const OverviewBox = observer(function ({ scale, model, block, overview, }) {
|
|
189
102
|
const { classes, cx } = useStyles();
|
|
103
|
+
const theme = useTheme();
|
|
190
104
|
const { cytobandOffset, showCytobands } = model;
|
|
191
105
|
const { start, end, reversed, refName, assemblyName } = block;
|
|
192
106
|
const { majorPitch } = chooseGridPitch(scale, 120, 15);
|
|
@@ -202,7 +116,9 @@ const OverviewBox = observer(({ scale, model, block, overview, }) => {
|
|
|
202
116
|
return (React.createElement("div", null,
|
|
203
117
|
React.createElement(Typography, { style: {
|
|
204
118
|
left: block.offsetPx + 3,
|
|
205
|
-
color: canDisplayCytobands
|
|
119
|
+
color: canDisplayCytobands
|
|
120
|
+
? theme.palette.primary.contrastText
|
|
121
|
+
: refNameColor,
|
|
206
122
|
}, className: classes.scalebarRefName }, refName),
|
|
207
123
|
React.createElement("div", { className: cx(classes.scalebarContig, canDisplayCytobands
|
|
208
124
|
? undefined
|
|
@@ -223,7 +139,7 @@ const OverviewBox = observer(({ scale, model, block, overview, }) => {
|
|
|
223
139
|
canDisplayCytobands ? (React.createElement("svg", { style: { width: '100%' } },
|
|
224
140
|
React.createElement(Cytobands, { overview: overview, assembly: assembly, block: block }))) : null)));
|
|
225
141
|
});
|
|
226
|
-
const Scalebar = observer(({ model, scale, overview, })
|
|
142
|
+
const Scalebar = observer(function ({ model, scale, overview, }) {
|
|
227
143
|
const { classes } = useStyles();
|
|
228
144
|
const theme = useTheme();
|
|
229
145
|
const { dynamicBlocks, showCytobands, cytobandOffset } = model;
|
|
@@ -262,7 +178,7 @@ const Scalebar = observer(({ model, scale, overview, }) => {
|
|
|
262
178
|
} })) : (React.createElement(OverviewBox, { scale: scale, block: block, model: model, overview: overview, key: `${JSON.stringify(block)}-${idx}` }));
|
|
263
179
|
})));
|
|
264
180
|
});
|
|
265
|
-
function OverviewScalebar({ model, children, }) {
|
|
181
|
+
export default observer(function OverviewScalebar({ model, children, }) {
|
|
266
182
|
const { classes } = useStyles();
|
|
267
183
|
const { totalBp, width, cytobandOffset, displayedRegions } = model;
|
|
268
184
|
const overview = Base1DView.create({
|
|
@@ -280,7 +196,7 @@ function OverviewScalebar({ model, children, }) {
|
|
|
280
196
|
React.createElement("svg", { height: HEADER_BAR_HEIGHT, className: classes.overviewSvg },
|
|
281
197
|
React.createElement(Polygon, { model: model, overview: overview })),
|
|
282
198
|
children)));
|
|
283
|
-
}
|
|
284
|
-
export
|
|
285
|
-
export { Cytobands
|
|
199
|
+
});
|
|
200
|
+
export { Polygon };
|
|
201
|
+
export { default as Cytobands } from './Cytobands';
|
|
286
202
|
//# sourceMappingURL=OverviewScalebar.js.map
|