@jbrowse/plugin-linear-genome-view 1.7.0 → 1.7.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/BaseLinearDisplay/components/BaseLinearDisplay.d.ts +13 -13
- package/dist/BaseLinearDisplay/components/BaseLinearDisplay.js +18 -18
- package/dist/BaseLinearDisplay/components/Block.d.ts +15 -15
- package/dist/BaseLinearDisplay/components/Block.js +4 -4
- package/dist/BaseLinearDisplay/components/LinearBlocks.d.ts +12 -12
- package/dist/BaseLinearDisplay/components/LinearBlocks.js +11 -11
- package/dist/BaseLinearDisplay/components/ServerSideRenderedBlockContent.d.ts +4 -4
- package/dist/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js +16 -16
- package/dist/BaseLinearDisplay/index.d.ts +5 -5
- package/dist/BaseLinearDisplay/index.js +2 -2
- package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.d.ts +227 -230
- package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.js +32 -32
- package/dist/BaseLinearDisplay/models/baseLinearDisplayConfigSchema.d.ts +1 -1
- package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.d.ts +96 -96
- package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.js +9 -9
- package/dist/LinearBareDisplay/configSchema.d.ts +2 -2
- package/dist/LinearBareDisplay/index.d.ts +2 -2
- package/dist/LinearBareDisplay/model.d.ts +192 -192
- package/dist/LinearBareDisplay/model.js +1 -1
- package/dist/LinearBasicDisplay/components/SetMaxHeight.d.ts +10 -10
- package/dist/LinearBasicDisplay/components/SetMaxHeight.js +11 -11
- package/dist/LinearBasicDisplay/configSchema.d.ts +2 -2
- package/dist/LinearBasicDisplay/configSchema.js +1 -1
- package/dist/LinearBasicDisplay/index.d.ts +2 -2
- package/dist/LinearBasicDisplay/index.js +2 -2
- package/dist/LinearBasicDisplay/model.d.ts +213 -213
- package/dist/LinearBasicDisplay/model.js +10 -10
- package/dist/LinearGenomeView/components/CenterLine.d.ts +14 -14
- package/dist/LinearGenomeView/components/CenterLine.js +5 -5
- package/dist/LinearGenomeView/components/ExportSvgDialog.d.ts +6 -6
- package/dist/LinearGenomeView/components/ExportSvgDialog.js +16 -16
- package/dist/LinearGenomeView/components/Header.d.ts +7 -7
- package/dist/LinearGenomeView/components/Header.js +20 -20
- package/dist/LinearGenomeView/components/HelpDialog.d.ts +5 -5
- package/dist/LinearGenomeView/components/HelpDialog.js +4 -4
- package/dist/LinearGenomeView/components/ImportForm.d.ts +7 -7
- package/dist/LinearGenomeView/components/ImportForm.js +28 -28
- package/dist/LinearGenomeView/components/LinearGenomeView.d.ts +7 -7
- package/dist/LinearGenomeView/components/LinearGenomeView.js +15 -15
- package/dist/LinearGenomeView/components/LinearGenomeView.test.js +9 -9
- package/dist/LinearGenomeView/components/LinearGenomeViewSvg.d.ts +4 -4
- package/dist/LinearGenomeView/components/LinearGenomeViewSvg.js +40 -40
- package/dist/LinearGenomeView/components/MiniControls.d.ts +6 -6
- package/dist/LinearGenomeView/components/MiniControls.js +9 -9
- package/dist/LinearGenomeView/components/OverviewRubberBand.d.ts +22 -22
- package/dist/LinearGenomeView/components/OverviewRubberBand.js +19 -19
- package/dist/LinearGenomeView/components/OverviewScaleBar.d.ts +132 -124
- package/dist/LinearGenomeView/components/OverviewScaleBar.js +28 -28
- package/dist/LinearGenomeView/components/RefNameAutocomplete.d.ts +21 -21
- package/dist/LinearGenomeView/components/RefNameAutocomplete.js +27 -27
- package/dist/LinearGenomeView/components/RubberBand.d.ts +9 -20
- package/dist/LinearGenomeView/components/RubberBand.js +18 -18
- package/dist/LinearGenomeView/components/Ruler.d.ts +27 -27
- package/dist/LinearGenomeView/components/Ruler.js +11 -11
- package/dist/LinearGenomeView/components/ScaleBar.d.ts +401 -401
- package/dist/LinearGenomeView/components/ScaleBar.js +19 -19
- package/dist/LinearGenomeView/components/ScaleBar.test.js +3 -3
- package/dist/LinearGenomeView/components/SearchBox.d.ts +8 -8
- package/dist/LinearGenomeView/components/SearchBox.js +9 -9
- package/dist/LinearGenomeView/components/SearchResultsDialog.d.ts +8 -8
- package/dist/LinearGenomeView/components/SearchResultsDialog.js +15 -15
- package/dist/LinearGenomeView/components/SequenceDialog.d.ts +8 -8
- package/dist/LinearGenomeView/components/SequenceDialog.js +21 -21
- package/dist/LinearGenomeView/components/TrackContainer.d.ts +9 -9
- package/dist/LinearGenomeView/components/TrackContainer.js +14 -14
- package/dist/LinearGenomeView/components/TrackLabel.d.ts +44 -44
- package/dist/LinearGenomeView/components/TrackLabel.js +14 -14
- package/dist/LinearGenomeView/components/TracksContainer.d.ts +10 -10
- package/dist/LinearGenomeView/components/TracksContainer.js +10 -10
- package/dist/LinearGenomeView/components/VerticalGuides.d.ts +9 -9
- package/dist/LinearGenomeView/components/VerticalGuides.js +11 -11
- package/dist/LinearGenomeView/components/ZoomControls.d.ts +7 -7
- package/dist/LinearGenomeView/components/ZoomControls.js +9 -9
- package/dist/LinearGenomeView/components/util.d.ts +2 -2
- package/dist/LinearGenomeView/index.d.ts +292 -292
- package/dist/LinearGenomeView/index.js +35 -35
- package/dist/LinearGenomeView/index.test.js +19 -19
- package/dist/LinearGenomeView/util.d.ts +14 -14
- package/dist/index.d.ts +565 -565
- package/dist/index.js +18 -18
- package/package.json +5 -5
- package/dist/LinearBareDisplay/index.test.d.ts +0 -1
- package/dist/LinearGenomeView/components/LinearGenomeView.test.d.ts +0 -1
- package/dist/plugin-linear-genome-view.cjs.development.js +0 -8121
- package/dist/plugin-linear-genome-view.cjs.development.js.map +0 -1
- package/dist/plugin-linear-genome-view.cjs.production.min.js +0 -2
- package/dist/plugin-linear-genome-view.cjs.production.min.js.map +0 -1
- package/dist/plugin-linear-genome-view.esm.js +0 -8105
- package/dist/plugin-linear-genome-view.esm.js.map +0 -1
|
@@ -1,124 +1,132 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Instance } from 'mobx-state-tree';
|
|
3
|
-
import { Base1DViewModel } from '@jbrowse/core/util/Base1DViewModel';
|
|
4
|
-
import { ContentBlock } from '@jbrowse/core/util/blockTypes';
|
|
5
|
-
import { Assembly } from '@jbrowse/core/assemblyManager/assembly';
|
|
6
|
-
import { LinearGenomeViewModel } from '..';
|
|
7
|
-
declare const Polygon: ({ model, overview, useOffset, }: {
|
|
8
|
-
model: LGV;
|
|
9
|
-
overview: Instance<Base1DViewModel>;
|
|
10
|
-
useOffset?: boolean | undefined;
|
|
11
|
-
}) => JSX.Element | null;
|
|
12
|
-
declare type LGV = LinearGenomeViewModel;
|
|
13
|
-
declare const Cytobands: ({ overview, block, assembly, }: {
|
|
14
|
-
overview: Base1DViewModel;
|
|
15
|
-
assembly?: (import("mobx-state-tree").ModelInstanceTypeProps<{
|
|
16
|
-
configuration: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IReferenceType<import("mobx-state-tree").IAnyType>>;
|
|
17
|
-
}> & {
|
|
18
|
-
error: Error | undefined;
|
|
19
|
-
regions: import("@jbrowse/core/assemblyManager/assembly").BasicRegion[] | undefined;
|
|
20
|
-
refNameAliases: {
|
|
21
|
-
[key: string]: string;
|
|
22
|
-
} | undefined;
|
|
23
|
-
cytobands: import("@jbrowse/core/util").Feature[] | undefined;
|
|
24
|
-
} & {
|
|
25
|
-
readonly initialized: boolean;
|
|
26
|
-
readonly name: string;
|
|
27
|
-
readonly aliases: string[];
|
|
28
|
-
hasName(name: string): boolean;
|
|
29
|
-
readonly allAliases: string[];
|
|
30
|
-
readonly refNames: string[] | undefined;
|
|
31
|
-
readonly allRefNames: string[] | undefined;
|
|
32
|
-
readonly rpcManager: any;
|
|
33
|
-
readonly refNameColors: string[];
|
|
34
|
-
} & {
|
|
35
|
-
getCanonicalRefName(refName: string): string;
|
|
36
|
-
getRefNameColor(refName: string): string | undefined;
|
|
37
|
-
isValidRefName(refName: string): boolean;
|
|
38
|
-
} & {
|
|
39
|
-
setLoading(): void;
|
|
40
|
-
setLoaded({ adapterRegionsWithAssembly, refNameAliases, cytobands, }: {
|
|
41
|
-
adapterRegionsWithAssembly: import("@jbrowse/core/util").Region[];
|
|
42
|
-
refNameAliases:
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
readonly
|
|
80
|
-
readonly
|
|
81
|
-
readonly
|
|
82
|
-
|
|
83
|
-
readonly
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
} & {
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Instance } from 'mobx-state-tree';
|
|
3
|
+
import { Base1DViewModel } from '@jbrowse/core/util/Base1DViewModel';
|
|
4
|
+
import { ContentBlock } from '@jbrowse/core/util/blockTypes';
|
|
5
|
+
import { Assembly } from '@jbrowse/core/assemblyManager/assembly';
|
|
6
|
+
import { LinearGenomeViewModel } from '..';
|
|
7
|
+
declare const Polygon: ({ model, overview, useOffset, }: {
|
|
8
|
+
model: LGV;
|
|
9
|
+
overview: Instance<Base1DViewModel>;
|
|
10
|
+
useOffset?: boolean | undefined;
|
|
11
|
+
}) => JSX.Element | null;
|
|
12
|
+
declare type LGV = LinearGenomeViewModel;
|
|
13
|
+
declare const Cytobands: ({ overview, block, assembly, }: {
|
|
14
|
+
overview: Base1DViewModel;
|
|
15
|
+
assembly?: (import("mobx-state-tree").ModelInstanceTypeProps<{
|
|
16
|
+
configuration: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IReferenceType<import("mobx-state-tree").IAnyType>>;
|
|
17
|
+
}> & {
|
|
18
|
+
error: Error | undefined;
|
|
19
|
+
regions: import("@jbrowse/core/assemblyManager/assembly").BasicRegion[] | undefined;
|
|
20
|
+
refNameAliases: {
|
|
21
|
+
[key: string]: string;
|
|
22
|
+
} | undefined;
|
|
23
|
+
cytobands: import("@jbrowse/core/util").Feature[] | undefined;
|
|
24
|
+
} & {
|
|
25
|
+
readonly initialized: boolean;
|
|
26
|
+
readonly name: string;
|
|
27
|
+
readonly aliases: string[];
|
|
28
|
+
hasName(name: string): boolean;
|
|
29
|
+
readonly allAliases: string[];
|
|
30
|
+
readonly refNames: string[] | undefined;
|
|
31
|
+
readonly allRefNames: string[] | undefined;
|
|
32
|
+
readonly rpcManager: any;
|
|
33
|
+
readonly refNameColors: string[];
|
|
34
|
+
} & {
|
|
35
|
+
getCanonicalRefName(refName: string): string;
|
|
36
|
+
getRefNameColor(refName: string): string | undefined;
|
|
37
|
+
isValidRefName(refName: string): boolean;
|
|
38
|
+
} & {
|
|
39
|
+
setLoading(): void;
|
|
40
|
+
setLoaded({ adapterRegionsWithAssembly, refNameAliases, cytobands, }: {
|
|
41
|
+
adapterRegionsWithAssembly: import("@jbrowse/core/util").Region[];
|
|
42
|
+
refNameAliases: {
|
|
43
|
+
[x: string]: string;
|
|
44
|
+
};
|
|
45
|
+
cytobands: import("@jbrowse/core/util").Feature[];
|
|
46
|
+
}): void;
|
|
47
|
+
setError(e: Error): void;
|
|
48
|
+
setRegions(regions: import("@jbrowse/core/util").Region[]): void;
|
|
49
|
+
setRefNameAliases(refNameAliases: {
|
|
50
|
+
[x: string]: string;
|
|
51
|
+
}): void;
|
|
52
|
+
setCytobands(cytobands: import("@jbrowse/core/util").Feature[]): void;
|
|
53
|
+
afterAttach(): void;
|
|
54
|
+
} & {
|
|
55
|
+
getAdapterMapEntry(adapterConf: unknown, options: import("@jbrowse/core/assemblyManager/assembly").BaseOptions): Promise<{
|
|
56
|
+
forwardMap: {
|
|
57
|
+
[k: string]: string;
|
|
58
|
+
};
|
|
59
|
+
reverseMap: {
|
|
60
|
+
[k: string]: string;
|
|
61
|
+
};
|
|
62
|
+
}>;
|
|
63
|
+
getRefNameMapForAdapter(adapterConf: unknown, opts: import("@jbrowse/core/assemblyManager/assembly").BaseOptions): Promise<{
|
|
64
|
+
[k: string]: string;
|
|
65
|
+
}>;
|
|
66
|
+
getReverseRefNameMapForAdapter(adapterConf: unknown, opts: import("@jbrowse/core/assemblyManager/assembly").BaseOptions): Promise<{
|
|
67
|
+
[k: string]: string;
|
|
68
|
+
}>;
|
|
69
|
+
} & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
|
|
70
|
+
configuration: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IReferenceType<import("mobx-state-tree").IAnyType>>;
|
|
71
|
+
}, {
|
|
72
|
+
error: Error | undefined;
|
|
73
|
+
regions: import("@jbrowse/core/assemblyManager/assembly").BasicRegion[] | undefined;
|
|
74
|
+
refNameAliases: {
|
|
75
|
+
[key: string]: string;
|
|
76
|
+
} | undefined;
|
|
77
|
+
cytobands: import("@jbrowse/core/util").Feature[] | undefined;
|
|
78
|
+
} & {
|
|
79
|
+
readonly initialized: boolean;
|
|
80
|
+
readonly name: string;
|
|
81
|
+
readonly aliases: string[];
|
|
82
|
+
hasName(name: string): boolean;
|
|
83
|
+
readonly allAliases: string[];
|
|
84
|
+
readonly refNames: string[] | undefined;
|
|
85
|
+
readonly allRefNames: string[] | undefined;
|
|
86
|
+
readonly rpcManager: any;
|
|
87
|
+
readonly refNameColors: string[];
|
|
88
|
+
} & {
|
|
89
|
+
getCanonicalRefName(refName: string): string;
|
|
90
|
+
getRefNameColor(refName: string): string | undefined;
|
|
91
|
+
isValidRefName(refName: string): boolean;
|
|
92
|
+
} & {
|
|
93
|
+
setLoading(): void;
|
|
94
|
+
setLoaded({ adapterRegionsWithAssembly, refNameAliases, cytobands, }: {
|
|
95
|
+
adapterRegionsWithAssembly: import("@jbrowse/core/util").Region[];
|
|
96
|
+
refNameAliases: {
|
|
97
|
+
[x: string]: string;
|
|
98
|
+
};
|
|
99
|
+
cytobands: import("@jbrowse/core/util").Feature[];
|
|
100
|
+
}): void;
|
|
101
|
+
setError(e: Error): void;
|
|
102
|
+
setRegions(regions: import("@jbrowse/core/util").Region[]): void;
|
|
103
|
+
setRefNameAliases(refNameAliases: {
|
|
104
|
+
[x: string]: string;
|
|
105
|
+
}): void;
|
|
106
|
+
setCytobands(cytobands: import("@jbrowse/core/util").Feature[]): void;
|
|
107
|
+
afterAttach(): void;
|
|
108
|
+
} & {
|
|
109
|
+
getAdapterMapEntry(adapterConf: unknown, options: import("@jbrowse/core/assemblyManager/assembly").BaseOptions): Promise<{
|
|
110
|
+
forwardMap: {
|
|
111
|
+
[k: string]: string;
|
|
112
|
+
};
|
|
113
|
+
reverseMap: {
|
|
114
|
+
[k: string]: string;
|
|
115
|
+
};
|
|
116
|
+
}>;
|
|
117
|
+
getRefNameMapForAdapter(adapterConf: unknown, opts: import("@jbrowse/core/assemblyManager/assembly").BaseOptions): Promise<{
|
|
118
|
+
[k: string]: string;
|
|
119
|
+
}>;
|
|
120
|
+
getReverseRefNameMapForAdapter(adapterConf: unknown, opts: import("@jbrowse/core/assemblyManager/assembly").BaseOptions): Promise<{
|
|
121
|
+
[k: string]: string;
|
|
122
|
+
}>;
|
|
123
|
+
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
|
|
124
|
+
block: ContentBlock;
|
|
125
|
+
}) => JSX.Element | null;
|
|
126
|
+
declare function OverviewScaleBar({ model, children, }: {
|
|
127
|
+
model: LGV;
|
|
128
|
+
children: React.ReactNode;
|
|
129
|
+
}): JSX.Element;
|
|
130
|
+
declare const _default: typeof OverviewScaleBar;
|
|
131
|
+
export default _default;
|
|
132
|
+
export { Cytobands, Polygon };
|
|
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports
|
|
8
|
+
exports.default = exports.Polygon = exports.Cytobands = void 0;
|
|
9
9
|
|
|
10
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
11
|
|
|
@@ -33,7 +33,7 @@ var _OverviewRubberBand = _interopRequireDefault(require("./OverviewRubberBand")
|
|
|
33
33
|
|
|
34
34
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
35
35
|
|
|
36
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2
|
|
36
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
37
37
|
|
|
38
38
|
var wholeSeqSpacer = 2;
|
|
39
39
|
var useStyles = (0, _core.makeStyles)(function (theme) {
|
|
@@ -45,7 +45,7 @@ var useStyles = (0, _core.makeStyles)(function (theme) {
|
|
|
45
45
|
border: '1px solid'
|
|
46
46
|
},
|
|
47
47
|
scaleBarContig: {
|
|
48
|
-
backgroundColor: theme.palette.background
|
|
48
|
+
backgroundColor: theme.palette.background.default,
|
|
49
49
|
position: 'absolute',
|
|
50
50
|
top: 0,
|
|
51
51
|
height: _.HEADER_OVERVIEW_HEIGHT
|
|
@@ -122,7 +122,7 @@ var Polygon = (0, _mobxReact.observer)(function (_ref) {
|
|
|
122
122
|
var startPx = Math.max(0, -offsetPx);
|
|
123
123
|
var endPx = startPx + totalWidthPxWithoutBorders + contentBlocks.length * interRegionPaddingWidth / 2;
|
|
124
124
|
var points = [[startPx, _.HEADER_BAR_HEIGHT], [endPx, _.HEADER_BAR_HEIGHT], [topRight, 0], [topLeft, 0]];
|
|
125
|
-
return /*#__PURE__*/_react
|
|
125
|
+
return /*#__PURE__*/_react.default.createElement("polygon", {
|
|
126
126
|
points: points.toString(),
|
|
127
127
|
fill: (0, _core.alpha)(polygonColor, 0.3),
|
|
128
128
|
stroke: (0, _core.alpha)(polygonColor, 0.8)
|
|
@@ -185,10 +185,10 @@ var Cytobands = (0, _mobxReact.observer)(function (_ref2) {
|
|
|
185
185
|
var lcap = reversed ? arr.length - 1 : 0;
|
|
186
186
|
var rcap = reversed ? 0 : arr.length - 1;
|
|
187
187
|
var firstCent = true;
|
|
188
|
-
return cytobands ? /*#__PURE__*/_react
|
|
188
|
+
return cytobands ? /*#__PURE__*/_react.default.createElement("g", {
|
|
189
189
|
transform: "translate(-".concat(offsetPx, ")")
|
|
190
190
|
}, cytobands.map(function (_ref3, index) {
|
|
191
|
-
var _ref4 = (0, _slicedToArray2
|
|
191
|
+
var _ref4 = (0, _slicedToArray2.default)(_ref3, 3),
|
|
192
192
|
start = _ref4[0],
|
|
193
193
|
end = _ref4[1],
|
|
194
194
|
type = _ref4[2];
|
|
@@ -197,7 +197,7 @@ var Cytobands = (0, _mobxReact.observer)(function (_ref2) {
|
|
|
197
197
|
|
|
198
198
|
if (type === 'acen' && firstCent) {
|
|
199
199
|
firstCent = false;
|
|
200
|
-
return /*#__PURE__*/_react
|
|
200
|
+
return /*#__PURE__*/_react.default.createElement("polygon", {
|
|
201
201
|
key: key,
|
|
202
202
|
points: [[start, 0], [end, _.HEADER_OVERVIEW_HEIGHT / 2], [start, _.HEADER_OVERVIEW_HEIGHT]].toString(),
|
|
203
203
|
fill: colorMap[type]
|
|
@@ -205,7 +205,7 @@ var Cytobands = (0, _mobxReact.observer)(function (_ref2) {
|
|
|
205
205
|
}
|
|
206
206
|
|
|
207
207
|
if (type === 'acen' && !firstCent) {
|
|
208
|
-
return /*#__PURE__*/_react
|
|
208
|
+
return /*#__PURE__*/_react.default.createElement("polygon", {
|
|
209
209
|
key: key,
|
|
210
210
|
points: [[start, _.HEADER_OVERVIEW_HEIGHT / 2], [end, 0], [end, _.HEADER_OVERVIEW_HEIGHT]].toString(),
|
|
211
211
|
fill: colorMap[type]
|
|
@@ -213,19 +213,19 @@ var Cytobands = (0, _mobxReact.observer)(function (_ref2) {
|
|
|
213
213
|
}
|
|
214
214
|
|
|
215
215
|
if (lcap === index) {
|
|
216
|
-
return /*#__PURE__*/_react
|
|
216
|
+
return /*#__PURE__*/_react.default.createElement("path", {
|
|
217
217
|
key: key,
|
|
218
218
|
d: leftRoundedRect(Math.min(start, end), 0, Math.abs(end - start), _.HEADER_OVERVIEW_HEIGHT, 8),
|
|
219
219
|
fill: colorMap[type]
|
|
220
220
|
});
|
|
221
221
|
} else if (rcap === index) {
|
|
222
|
-
return /*#__PURE__*/_react
|
|
222
|
+
return /*#__PURE__*/_react.default.createElement("path", {
|
|
223
223
|
key: key,
|
|
224
224
|
d: rightRoundedRect(Math.min(start, end), 0, Math.abs(end - start) - 2, _.HEADER_OVERVIEW_HEIGHT, 8),
|
|
225
225
|
fill: colorMap[type]
|
|
226
226
|
});
|
|
227
227
|
} else {
|
|
228
|
-
return /*#__PURE__*/_react
|
|
228
|
+
return /*#__PURE__*/_react.default.createElement("rect", {
|
|
229
229
|
key: key,
|
|
230
230
|
x: Math.min(start, end),
|
|
231
231
|
y: 0,
|
|
@@ -266,21 +266,21 @@ var OverviewBox = (0, _mobxReact.observer)(function (_ref5) {
|
|
|
266
266
|
tickLabels.push(reversed ? end - offsetLabel : start + offsetLabel);
|
|
267
267
|
}
|
|
268
268
|
|
|
269
|
-
return /*#__PURE__*/_react
|
|
269
|
+
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.Typography, {
|
|
270
270
|
style: {
|
|
271
271
|
left: block.offsetPx + 3,
|
|
272
272
|
color: showCytobands ? 'black' : refNameColor
|
|
273
273
|
},
|
|
274
274
|
className: classes.scaleBarRefName
|
|
275
|
-
}, refName), /*#__PURE__*/_react
|
|
276
|
-
className: (0, _clsx
|
|
275
|
+
}, refName), /*#__PURE__*/_react.default.createElement("div", {
|
|
276
|
+
className: (0, _clsx.default)(classes.scaleBarContig, showCytobands ? undefined : reversed ? classes.scaleBarContigReverse : classes.scaleBarContigForward, !showCytobands ? classes.scaleBarBorder : undefined),
|
|
277
277
|
style: {
|
|
278
278
|
left: block.offsetPx + cytobandOffset,
|
|
279
279
|
width: block.widthPx,
|
|
280
280
|
borderColor: refNameColor
|
|
281
281
|
}
|
|
282
282
|
}, !showCytobands ? tickLabels.map(function (tickLabel, labelIdx) {
|
|
283
|
-
return /*#__PURE__*/_react
|
|
283
|
+
return /*#__PURE__*/_react.default.createElement(_core.Typography, {
|
|
284
284
|
key: "".concat(JSON.stringify(block), "-").concat(tickLabel, "-").concat(labelIdx),
|
|
285
285
|
className: classes.scaleBarLabel,
|
|
286
286
|
variant: "body2",
|
|
@@ -290,11 +290,11 @@ var OverviewBox = (0, _mobxReact.observer)(function (_ref5) {
|
|
|
290
290
|
color: refNameColor
|
|
291
291
|
}
|
|
292
292
|
}, tickLabel.toLocaleString('en-US'));
|
|
293
|
-
}) : null, showCytobands ? /*#__PURE__*/_react
|
|
293
|
+
}) : null, showCytobands ? /*#__PURE__*/_react.default.createElement("svg", {
|
|
294
294
|
style: {
|
|
295
295
|
width: '100%'
|
|
296
296
|
}
|
|
297
|
-
}, /*#__PURE__*/_react
|
|
297
|
+
}, /*#__PURE__*/_react.default.createElement(Cytobands, {
|
|
298
298
|
overview: overview,
|
|
299
299
|
assembly: assembly,
|
|
300
300
|
block: block
|
|
@@ -330,9 +330,9 @@ var ScaleBar = (0, _mobxReact.observer)(function (_ref6) {
|
|
|
330
330
|
})) || 0;
|
|
331
331
|
var color = showCytobands ? '#f00' : scaleBarColor;
|
|
332
332
|
var transparency = showCytobands ? 0.1 : 0.3;
|
|
333
|
-
return /*#__PURE__*/_react
|
|
333
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
334
334
|
className: classes.scaleBar
|
|
335
|
-
}, /*#__PURE__*/_react
|
|
335
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
336
336
|
className: classes.scaleBarVisibleRegion,
|
|
337
337
|
style: {
|
|
338
338
|
width: lastOverviewPx - firstOverviewPx,
|
|
@@ -341,7 +341,7 @@ var ScaleBar = (0, _mobxReact.observer)(function (_ref6) {
|
|
|
341
341
|
borderColor: color
|
|
342
342
|
}
|
|
343
343
|
}), overviewVisibleRegions.map(function (block, idx) {
|
|
344
|
-
return !(block instanceof _blockTypes.ContentBlock) ? /*#__PURE__*/_react
|
|
344
|
+
return !(block instanceof _blockTypes.ContentBlock) ? /*#__PURE__*/_react.default.createElement("div", {
|
|
345
345
|
key: "".concat(JSON.stringify(block), "-").concat(idx),
|
|
346
346
|
className: classes.scaleBarContig,
|
|
347
347
|
style: {
|
|
@@ -350,7 +350,7 @@ var ScaleBar = (0, _mobxReact.observer)(function (_ref6) {
|
|
|
350
350
|
backgroundColor: '#999',
|
|
351
351
|
backgroundImage: 'repeating-linear-gradient(90deg, transparent, transparent 1px, rgba(255,255,255,.5) 1px, rgba(255,255,255,.5) 3px)'
|
|
352
352
|
}
|
|
353
|
-
}) : /*#__PURE__*/_react
|
|
353
|
+
}) : /*#__PURE__*/_react.default.createElement(OverviewBox, {
|
|
354
354
|
scale: scale,
|
|
355
355
|
block: block,
|
|
356
356
|
model: model,
|
|
@@ -369,7 +369,7 @@ function OverviewScaleBar(_ref7) {
|
|
|
369
369
|
cytobandOffset = model.cytobandOffset,
|
|
370
370
|
displayedRegions = model.displayedRegions;
|
|
371
371
|
|
|
372
|
-
var overview = _Base1DViewModel
|
|
372
|
+
var overview = _Base1DViewModel.default.create({
|
|
373
373
|
displayedRegions: JSON.parse(JSON.stringify(displayedRegions)),
|
|
374
374
|
interRegionPaddingWidth: 0,
|
|
375
375
|
minimumBlockWidth: model.minimumBlockWidth
|
|
@@ -379,20 +379,20 @@ function OverviewScaleBar(_ref7) {
|
|
|
379
379
|
overview.setVolatileWidth(modWidth);
|
|
380
380
|
overview.showAllRegions();
|
|
381
381
|
var scale = totalBp / (modWidth - (displayedRegions.length - 1) * wholeSeqSpacer);
|
|
382
|
-
return /*#__PURE__*/_react
|
|
382
|
+
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_OverviewRubberBand.default, {
|
|
383
383
|
model: model,
|
|
384
384
|
overview: overview,
|
|
385
|
-
ControlComponent: /*#__PURE__*/_react
|
|
385
|
+
ControlComponent: /*#__PURE__*/_react.default.createElement(ScaleBar, {
|
|
386
386
|
model: model,
|
|
387
387
|
overview: overview,
|
|
388
388
|
scale: scale
|
|
389
389
|
})
|
|
390
|
-
}), /*#__PURE__*/_react
|
|
390
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
391
391
|
className: classes.overview
|
|
392
|
-
}, /*#__PURE__*/_react
|
|
392
|
+
}, /*#__PURE__*/_react.default.createElement("svg", {
|
|
393
393
|
height: _.HEADER_BAR_HEIGHT,
|
|
394
394
|
className: classes.overviewSvg
|
|
395
|
-
}, /*#__PURE__*/_react
|
|
395
|
+
}, /*#__PURE__*/_react.default.createElement(Polygon, {
|
|
396
396
|
model: model,
|
|
397
397
|
overview: overview
|
|
398
398
|
})), children));
|
|
@@ -400,4 +400,4 @@ function OverviewScaleBar(_ref7) {
|
|
|
400
400
|
|
|
401
401
|
var _default = (0, _mobxReact.observer)(OverviewScaleBar);
|
|
402
402
|
|
|
403
|
-
exports
|
|
403
|
+
exports.default = _default;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import BaseResult from '@jbrowse/core/TextSearch/BaseResults';
|
|
3
|
-
import { TextFieldProps as TFP } from '@material-ui/core';
|
|
4
|
-
import { LinearGenomeViewModel } from '..';
|
|
5
|
-
export interface Option {
|
|
6
|
-
group?: string;
|
|
7
|
-
result: BaseResult;
|
|
8
|
-
}
|
|
9
|
-
declare function RefNameAutocomplete({ model, showHelp, onSelect, assemblyName, style, fetchResults, value, minWidth, TextFieldProps, }: {
|
|
10
|
-
model: LinearGenomeViewModel;
|
|
11
|
-
onSelect: (region: BaseResult) => void;
|
|
12
|
-
assemblyName?: string;
|
|
13
|
-
value?: string;
|
|
14
|
-
fetchResults: (query: string) => Promise<BaseResult[]>;
|
|
15
|
-
style?: React.CSSProperties;
|
|
16
|
-
minWidth?: number;
|
|
17
|
-
showHelp?: boolean;
|
|
18
|
-
TextFieldProps?: TFP;
|
|
19
|
-
}): JSX.Element;
|
|
20
|
-
declare const _default: typeof RefNameAutocomplete;
|
|
21
|
-
export default _default;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import BaseResult from '@jbrowse/core/TextSearch/BaseResults';
|
|
3
|
+
import { TextFieldProps as TFP } from '@material-ui/core';
|
|
4
|
+
import { LinearGenomeViewModel } from '..';
|
|
5
|
+
export interface Option {
|
|
6
|
+
group?: string;
|
|
7
|
+
result: BaseResult;
|
|
8
|
+
}
|
|
9
|
+
declare function RefNameAutocomplete({ model, showHelp, onSelect, assemblyName, style, fetchResults, value, minWidth, TextFieldProps, }: {
|
|
10
|
+
model: LinearGenomeViewModel;
|
|
11
|
+
onSelect: (region: BaseResult) => void;
|
|
12
|
+
assemblyName?: string;
|
|
13
|
+
value?: string;
|
|
14
|
+
fetchResults: (query: string) => Promise<BaseResult[]>;
|
|
15
|
+
style?: React.CSSProperties;
|
|
16
|
+
minWidth?: number;
|
|
17
|
+
showHelp?: boolean;
|
|
18
|
+
TextFieldProps?: TFP;
|
|
19
|
+
}): JSX.Element;
|
|
20
|
+
declare const _default: typeof RefNameAutocomplete;
|
|
21
|
+
export default _default;
|