@jbrowse/plugin-dotplot-view 2.11.2 → 2.12.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/DotplotDisplay/index.js +2 -3
- package/dist/DotplotDisplay/renderDotplotBlock.js +2 -3
- package/dist/DotplotDisplay/stateModelFactory.d.ts +10 -12
- package/dist/DotplotDisplay/stateModelFactory.js +1 -2
- package/dist/DotplotReadVsRef/DotplotReadVsRef.js +1 -2
- package/dist/DotplotReadVsRef/index.js +1 -1
- package/dist/DotplotRenderer/DotplotRenderer.d.ts +5 -6
- package/dist/DotplotRenderer/index.js +1 -1
- package/dist/DotplotView/1dview.d.ts +18 -51
- package/dist/DotplotView/components/CursorIcon.js +2 -3
- package/dist/DotplotView/components/DotplotView.js +4 -6
- package/dist/DotplotView/components/DotplotWarnings.js +4 -2
- package/dist/DotplotView/components/ExportSvgDialog.js +1 -1
- package/dist/DotplotView/components/Grid.js +1 -1
- package/dist/DotplotView/components/ImportForm/util.js +4 -5
- package/dist/DotplotView/components/util.js +4 -5
- package/dist/DotplotView/index.js +1 -1
- package/dist/DotplotView/model.d.ts +43 -124
- package/dist/DotplotView/model.js +1 -1
- package/dist/DotplotView/svgcomponents/SVGBackground.js +1 -1
- package/dist/DotplotView/svgcomponents/SVGDotplotView.js +1 -2
- package/dist/LaunchDotplotView.js +1 -1
- package/dist/util.js +1 -2
- package/esm/DotplotDisplay/stateModelFactory.d.ts +10 -12
- package/esm/DotplotRenderer/DotplotRenderer.d.ts +5 -6
- package/esm/DotplotView/1dview.d.ts +18 -51
- package/esm/DotplotView/components/DotplotView.js +4 -6
- package/esm/DotplotView/components/DotplotWarnings.js +4 -2
- package/esm/DotplotView/model.d.ts +43 -124
- package/package.json +3 -5
|
@@ -3,7 +3,8 @@ 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
|
-
exports.
|
|
6
|
+
exports.default = DotplotDisplayF;
|
|
7
|
+
exports.configSchemaFactory = configSchemaFactory;
|
|
7
8
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
8
9
|
const configuration_1 = require("@jbrowse/core/configuration");
|
|
9
10
|
const mobx_state_tree_1 = require("mobx-state-tree");
|
|
@@ -25,7 +26,6 @@ function DotplotDisplayF(pm) {
|
|
|
25
26
|
});
|
|
26
27
|
});
|
|
27
28
|
}
|
|
28
|
-
exports.default = DotplotDisplayF;
|
|
29
29
|
/**
|
|
30
30
|
* #config DotplotDisplay
|
|
31
31
|
*/
|
|
@@ -45,4 +45,3 @@ function configSchemaFactory(pm) {
|
|
|
45
45
|
explicitlyTyped: true,
|
|
46
46
|
});
|
|
47
47
|
}
|
|
48
|
-
exports.configSchemaFactory = configSchemaFactory;
|
|
@@ -3,7 +3,8 @@ 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
|
-
exports.
|
|
6
|
+
exports.renderBlockData = renderBlockData;
|
|
7
|
+
exports.renderBlockEffect = renderBlockEffect;
|
|
7
8
|
const clone_1 = __importDefault(require("clone"));
|
|
8
9
|
const configuration_1 = require("@jbrowse/core/configuration");
|
|
9
10
|
const tracks_1 = require("@jbrowse/core/util/tracks");
|
|
@@ -40,7 +41,6 @@ function renderBlockData(self) {
|
|
|
40
41
|
}
|
|
41
42
|
return undefined;
|
|
42
43
|
}
|
|
43
|
-
exports.renderBlockData = renderBlockData;
|
|
44
44
|
async function renderBlockEffect(props) {
|
|
45
45
|
if (!props) {
|
|
46
46
|
return;
|
|
@@ -53,4 +53,3 @@ async function renderBlockEffect(props) {
|
|
|
53
53
|
renderingComponent: rendererType.ReactComponent,
|
|
54
54
|
};
|
|
55
55
|
}
|
|
56
|
-
exports.renderBlockEffect = renderBlockEffect;
|
|
@@ -33,9 +33,7 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
|
|
|
33
33
|
} & import("mobx-state-tree/dist/internal").NonEmptyObject & {
|
|
34
34
|
rendererTypeName: string;
|
|
35
35
|
error: unknown;
|
|
36
|
-
message: string | undefined;
|
|
37
|
-
* #property
|
|
38
|
-
*/
|
|
36
|
+
message: string | undefined;
|
|
39
37
|
} & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
|
|
40
38
|
id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
|
|
41
39
|
type: import("mobx-state-tree").ISimpleType<string>;
|
|
@@ -45,14 +43,12 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
|
|
|
45
43
|
error: unknown;
|
|
46
44
|
message: string | undefined;
|
|
47
45
|
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
|
|
48
|
-
onHorizontalScroll?: Function
|
|
49
|
-
blockState?: Record<string, any
|
|
46
|
+
onHorizontalScroll?: Function;
|
|
47
|
+
blockState?: Record<string, any>;
|
|
50
48
|
}>;
|
|
51
49
|
readonly DisplayBlurb: React.FC<{
|
|
52
50
|
model: {
|
|
53
|
-
id: string;
|
|
54
|
-
* #getter
|
|
55
|
-
*/
|
|
51
|
+
id: string;
|
|
56
52
|
type: string;
|
|
57
53
|
rpcDriverName: string | undefined;
|
|
58
54
|
} & import("mobx-state-tree/dist/internal").NonEmptyObject & {
|
|
@@ -60,7 +56,9 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
|
|
|
60
56
|
error: unknown;
|
|
61
57
|
message: string | undefined;
|
|
62
58
|
} & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
|
|
63
|
-
id: import("mobx-state-tree"
|
|
59
|
+
id: import("mobx-state-tree" /**
|
|
60
|
+
* #method
|
|
61
|
+
*/).IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
|
|
64
62
|
type: import("mobx-state-tree").ISimpleType<string>;
|
|
65
63
|
rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
|
|
66
64
|
}, {
|
|
@@ -73,12 +71,12 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
|
|
|
73
71
|
readonly parentTrack: any;
|
|
74
72
|
renderProps(): any;
|
|
75
73
|
readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
|
|
76
|
-
readonly DisplayMessageComponent: React.FC<any
|
|
74
|
+
readonly DisplayMessageComponent: undefined | React.FC<any>;
|
|
77
75
|
trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
|
|
78
76
|
readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
|
|
79
77
|
regionCannotBeRendered(): null;
|
|
80
78
|
} & {
|
|
81
|
-
setMessage(arg?: string
|
|
79
|
+
setMessage(arg?: string): void;
|
|
82
80
|
setError(error?: unknown): void;
|
|
83
81
|
setRpcDriverName(rpcDriverName: string): void;
|
|
84
82
|
reload(): void;
|
|
@@ -90,7 +88,7 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
|
|
|
90
88
|
renderInProgress: AbortController | undefined;
|
|
91
89
|
filled: boolean;
|
|
92
90
|
data: any;
|
|
93
|
-
reactElement: React.ReactElement
|
|
91
|
+
reactElement: React.ReactElement | undefined;
|
|
94
92
|
message: string | undefined;
|
|
95
93
|
renderingComponent: any;
|
|
96
94
|
ReactComponent2: React.FC<any>;
|
|
@@ -3,7 +3,7 @@ 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
|
-
exports.stateModelFactory =
|
|
6
|
+
exports.stateModelFactory = stateModelFactory;
|
|
7
7
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
8
8
|
const react_1 = __importDefault(require("react"));
|
|
9
9
|
const mobx_state_tree_1 = require("mobx-state-tree");
|
|
@@ -161,4 +161,3 @@ function stateModelFactory(configSchema) {
|
|
|
161
161
|
};
|
|
162
162
|
});
|
|
163
163
|
}
|
|
164
|
-
exports.stateModelFactory = stateModelFactory;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.onClick =
|
|
3
|
+
exports.onClick = onClick;
|
|
4
4
|
const configuration_1 = require("@jbrowse/core/configuration");
|
|
5
5
|
const util_1 = require("@jbrowse/core/util");
|
|
6
6
|
const plugin_alignments_1 = require("@jbrowse/plugin-alignments");
|
|
@@ -98,4 +98,3 @@ function onClick(feature, self) {
|
|
|
98
98
|
session.notifyError(`${e}`, e);
|
|
99
99
|
}
|
|
100
100
|
}
|
|
101
|
-
exports.onClick = onClick;
|
|
@@ -3,6 +3,7 @@ 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
|
+
exports.default = DotplotReadVsRefMenuItem;
|
|
6
7
|
// icons
|
|
7
8
|
const Add_1 = __importDefault(require("@mui/icons-material/Add"));
|
|
8
9
|
// local
|
|
@@ -38,4 +39,3 @@ function DotplotReadVsRefMenuItem(pluginManager) {
|
|
|
38
39
|
return pluggableElement;
|
|
39
40
|
});
|
|
40
41
|
}
|
|
41
|
-
exports.default = DotplotReadVsRefMenuItem;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { AnyConfigurationModel } from '@jbrowse/core/configuration';
|
|
3
2
|
import { Region } from '@jbrowse/core/util';
|
|
4
3
|
import ComparativeRenderer, { RenderArgsDeserialized, RenderArgs } from '@jbrowse/core/pluggableElementTypes/renderers/ComparativeServerSideRendererType';
|
|
@@ -43,8 +42,8 @@ export default class DotplotRenderer extends ComparativeRenderer {
|
|
|
43
42
|
bpPerPxX: number;
|
|
44
43
|
bpPerPxY: number;
|
|
45
44
|
canvasRecordedData: any;
|
|
46
|
-
reactElement?: import("react").ReactElement
|
|
47
|
-
html?: string
|
|
45
|
+
reactElement?: import("react").ReactElement;
|
|
46
|
+
html?: string;
|
|
48
47
|
} | {
|
|
49
48
|
height: number;
|
|
50
49
|
width: number;
|
|
@@ -53,7 +52,7 @@ export default class DotplotRenderer extends ComparativeRenderer {
|
|
|
53
52
|
bpPerPxX: number;
|
|
54
53
|
bpPerPxY: number;
|
|
55
54
|
reactElement: import("react").JSX.Element;
|
|
56
|
-
html?: string
|
|
55
|
+
html?: string;
|
|
57
56
|
} | {
|
|
58
57
|
height: number;
|
|
59
58
|
width: number;
|
|
@@ -62,8 +61,8 @@ export default class DotplotRenderer extends ComparativeRenderer {
|
|
|
62
61
|
bpPerPxX: number;
|
|
63
62
|
bpPerPxY: number;
|
|
64
63
|
imageData: any;
|
|
65
|
-
reactElement?: import("react").ReactElement
|
|
66
|
-
html?: string
|
|
64
|
+
reactElement?: import("react").ReactElement;
|
|
65
|
+
html?: string;
|
|
67
66
|
}>;
|
|
68
67
|
}
|
|
69
68
|
export {};
|
|
@@ -3,6 +3,7 @@ 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
|
+
exports.default = DotplotRendererF;
|
|
6
7
|
const DotplotRendering_1 = __importDefault(require("./components/DotplotRendering"));
|
|
7
8
|
const DotplotRenderer_1 = __importDefault(require("./DotplotRenderer"));
|
|
8
9
|
const configSchema_1 = __importDefault(require("./configSchema"));
|
|
@@ -14,4 +15,3 @@ function DotplotRendererF(pluginManager) {
|
|
|
14
15
|
pluginManager,
|
|
15
16
|
}));
|
|
16
17
|
}
|
|
17
|
-
exports.default = DotplotRendererF;
|
|
@@ -1,24 +1,13 @@
|
|
|
1
1
|
import { Instance } from 'mobx-state-tree';
|
|
2
2
|
declare const Dotplot1DView: import("mobx-state-tree").IModelType<{
|
|
3
3
|
id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
|
|
4
|
-
displayedRegions: import("mobx-state-tree").
|
|
5
|
-
refName: import("mobx-state-tree").ISimpleType<string>;
|
|
6
|
-
start: import("mobx-state-tree").ISimpleType<number>;
|
|
7
|
-
end: import("mobx-state-tree").ISimpleType<number>;
|
|
8
|
-
reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
|
|
9
|
-
} & {
|
|
10
|
-
assemblyName: import("mobx-state-tree").ISimpleType<string>; /**
|
|
11
|
-
* #getter
|
|
12
|
-
*/
|
|
13
|
-
}, {
|
|
14
|
-
setRefName(newRefName: string): void;
|
|
15
|
-
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
|
|
4
|
+
displayedRegions: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[]>, [undefined]>;
|
|
16
5
|
bpPerPx: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
17
6
|
offsetPx: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
18
7
|
interRegionPaddingWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
|
|
19
8
|
minimumBlockWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
|
|
20
9
|
}, {
|
|
21
|
-
features: import("@jbrowse/core/util").Feature[]
|
|
10
|
+
features: undefined | import("@jbrowse/core/util").Feature[];
|
|
22
11
|
volatileWidth: number;
|
|
23
12
|
} & {
|
|
24
13
|
setDisplayedRegions(regions: import("@jbrowse/core/util").Region[]): void;
|
|
@@ -45,24 +34,24 @@ declare const Dotplot1DView: import("mobx-state-tree").IModelType<{
|
|
|
45
34
|
offset: number;
|
|
46
35
|
start: number;
|
|
47
36
|
end: number;
|
|
48
|
-
reversed
|
|
37
|
+
reversed?: boolean;
|
|
49
38
|
};
|
|
50
39
|
bpToPx({ refName, coord, regionNumber, }: {
|
|
51
40
|
refName: string;
|
|
52
41
|
coord: number;
|
|
53
|
-
regionNumber?: number
|
|
42
|
+
regionNumber?: number;
|
|
54
43
|
}): number | undefined;
|
|
55
44
|
} & {
|
|
56
45
|
setFeatures(features: import("@jbrowse/core/util").Feature[]): void;
|
|
57
46
|
showAllRegions(): void;
|
|
58
47
|
zoomOut(): void;
|
|
59
48
|
zoomIn(): void;
|
|
60
|
-
zoomTo(bpPerPx: number, offset?: number
|
|
49
|
+
zoomTo(bpPerPx: number, offset?: number): number;
|
|
61
50
|
scrollTo(offsetPx: number): number;
|
|
62
51
|
centerAt(coord: number, refName: string | undefined, regionNumber: number): void;
|
|
63
52
|
scroll(distance: number): number;
|
|
64
53
|
} & {
|
|
65
|
-
moveTo(start?: import("@jbrowse/core/util/Base1DUtils").BpOffset
|
|
54
|
+
moveTo(start?: import("@jbrowse/core/util/Base1DUtils").BpOffset, end?: import("@jbrowse/core/util/Base1DUtils").BpOffset): void;
|
|
66
55
|
} & {
|
|
67
56
|
/**
|
|
68
57
|
* #action
|
|
@@ -101,24 +90,13 @@ declare const Dotplot1DView: import("mobx-state-tree").IModelType<{
|
|
|
101
90
|
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
|
|
102
91
|
declare const DotplotHView: import("mobx-state-tree").IModelType<{
|
|
103
92
|
id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
|
|
104
|
-
displayedRegions: import("mobx-state-tree").
|
|
105
|
-
refName: import("mobx-state-tree").ISimpleType<string>;
|
|
106
|
-
start: import("mobx-state-tree").ISimpleType<number>;
|
|
107
|
-
end: import("mobx-state-tree").ISimpleType<number>;
|
|
108
|
-
reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
|
|
109
|
-
} & {
|
|
110
|
-
assemblyName: import("mobx-state-tree").ISimpleType<string>; /**
|
|
111
|
-
* #getter
|
|
112
|
-
*/
|
|
113
|
-
}, {
|
|
114
|
-
setRefName(newRefName: string): void;
|
|
115
|
-
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
|
|
93
|
+
displayedRegions: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[]>, [undefined]>;
|
|
116
94
|
bpPerPx: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
117
95
|
offsetPx: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
118
96
|
interRegionPaddingWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
|
|
119
97
|
minimumBlockWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
|
|
120
98
|
}, {
|
|
121
|
-
features: import("@jbrowse/core/util").Feature[]
|
|
99
|
+
features: undefined | import("@jbrowse/core/util").Feature[];
|
|
122
100
|
volatileWidth: number;
|
|
123
101
|
} & {
|
|
124
102
|
setDisplayedRegions(regions: import("@jbrowse/core/util").Region[]): void;
|
|
@@ -145,24 +123,24 @@ declare const DotplotHView: import("mobx-state-tree").IModelType<{
|
|
|
145
123
|
offset: number;
|
|
146
124
|
start: number;
|
|
147
125
|
end: number;
|
|
148
|
-
reversed
|
|
126
|
+
reversed?: boolean;
|
|
149
127
|
};
|
|
150
128
|
bpToPx({ refName, coord, regionNumber, }: {
|
|
151
129
|
refName: string;
|
|
152
130
|
coord: number;
|
|
153
|
-
regionNumber?: number
|
|
131
|
+
regionNumber?: number;
|
|
154
132
|
}): number | undefined;
|
|
155
133
|
} & {
|
|
156
134
|
setFeatures(features: import("@jbrowse/core/util").Feature[]): void;
|
|
157
135
|
showAllRegions(): void;
|
|
158
136
|
zoomOut(): void;
|
|
159
137
|
zoomIn(): void;
|
|
160
|
-
zoomTo(bpPerPx: number, offset?: number
|
|
138
|
+
zoomTo(bpPerPx: number, offset?: number): number;
|
|
161
139
|
scrollTo(offsetPx: number): number;
|
|
162
140
|
centerAt(coord: number, refName: string | undefined, regionNumber: number): void;
|
|
163
141
|
scroll(distance: number): number;
|
|
164
142
|
} & {
|
|
165
|
-
moveTo(start?: import("@jbrowse/core/util/Base1DUtils").BpOffset
|
|
143
|
+
moveTo(start?: import("@jbrowse/core/util/Base1DUtils").BpOffset, end?: import("@jbrowse/core/util/Base1DUtils").BpOffset): void;
|
|
166
144
|
} & {
|
|
167
145
|
/**
|
|
168
146
|
* #action
|
|
@@ -203,24 +181,13 @@ declare const DotplotHView: import("mobx-state-tree").IModelType<{
|
|
|
203
181
|
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
|
|
204
182
|
declare const DotplotVView: import("mobx-state-tree").IModelType<{
|
|
205
183
|
id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
|
|
206
|
-
displayedRegions: import("mobx-state-tree").
|
|
207
|
-
refName: import("mobx-state-tree").ISimpleType<string>;
|
|
208
|
-
start: import("mobx-state-tree").ISimpleType<number>;
|
|
209
|
-
end: import("mobx-state-tree").ISimpleType<number>;
|
|
210
|
-
reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
|
|
211
|
-
} & {
|
|
212
|
-
assemblyName: import("mobx-state-tree").ISimpleType<string>; /**
|
|
213
|
-
* #getter
|
|
214
|
-
*/
|
|
215
|
-
}, {
|
|
216
|
-
setRefName(newRefName: string): void;
|
|
217
|
-
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
|
|
184
|
+
displayedRegions: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[]>, [undefined]>;
|
|
218
185
|
bpPerPx: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
219
186
|
offsetPx: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
220
187
|
interRegionPaddingWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
|
|
221
188
|
minimumBlockWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
|
|
222
189
|
}, {
|
|
223
|
-
features: import("@jbrowse/core/util").Feature[]
|
|
190
|
+
features: undefined | import("@jbrowse/core/util").Feature[];
|
|
224
191
|
volatileWidth: number;
|
|
225
192
|
} & {
|
|
226
193
|
setDisplayedRegions(regions: import("@jbrowse/core/util").Region[]): void;
|
|
@@ -247,24 +214,24 @@ declare const DotplotVView: import("mobx-state-tree").IModelType<{
|
|
|
247
214
|
offset: number;
|
|
248
215
|
start: number;
|
|
249
216
|
end: number;
|
|
250
|
-
reversed
|
|
217
|
+
reversed?: boolean;
|
|
251
218
|
};
|
|
252
219
|
bpToPx({ refName, coord, regionNumber, }: {
|
|
253
220
|
refName: string;
|
|
254
221
|
coord: number;
|
|
255
|
-
regionNumber?: number
|
|
222
|
+
regionNumber?: number;
|
|
256
223
|
}): number | undefined;
|
|
257
224
|
} & {
|
|
258
225
|
setFeatures(features: import("@jbrowse/core/util").Feature[]): void;
|
|
259
226
|
showAllRegions(): void;
|
|
260
227
|
zoomOut(): void;
|
|
261
228
|
zoomIn(): void;
|
|
262
|
-
zoomTo(bpPerPx: number, offset?: number
|
|
229
|
+
zoomTo(bpPerPx: number, offset?: number): number;
|
|
263
230
|
scrollTo(offsetPx: number): number;
|
|
264
231
|
centerAt(coord: number, refName: string | undefined, regionNumber: number): void;
|
|
265
232
|
scroll(distance: number): number;
|
|
266
233
|
} & {
|
|
267
|
-
moveTo(start?: import("@jbrowse/core/util/Base1DUtils").BpOffset
|
|
234
|
+
moveTo(start?: import("@jbrowse/core/util/Base1DUtils").BpOffset, end?: import("@jbrowse/core/util/Base1DUtils").BpOffset): void;
|
|
268
235
|
} & {
|
|
269
236
|
/**
|
|
270
237
|
* #action
|
|
@@ -3,16 +3,15 @@ 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
|
-
exports.
|
|
6
|
+
exports.CursorMove = CursorMove;
|
|
7
|
+
exports.CursorMouse = CursorMouse;
|
|
7
8
|
const SvgIcon_1 = __importDefault(require("@mui/material/SvgIcon"));
|
|
8
9
|
const react_1 = __importDefault(require("react"));
|
|
9
10
|
function CursorMove(props) {
|
|
10
11
|
return (react_1.default.createElement(SvgIcon_1.default, { ...props },
|
|
11
12
|
react_1.default.createElement("path", { fill: "currentColor", d: "M13,6V11H18V7.75L22.25,12L18,16.25V13H13V18H16.25L12,22.25L7.75,18H11V13H6V16.25L1.75,12L6,7.75V11H11V6H7.75L12,1.75L16.25,6H13Z" })));
|
|
12
13
|
}
|
|
13
|
-
exports.CursorMove = CursorMove;
|
|
14
14
|
function CursorMouse(props) {
|
|
15
15
|
return (react_1.default.createElement(SvgIcon_1.default, { ...props },
|
|
16
16
|
react_1.default.createElement("path", { fill: "currentColor", d: "M10.07,14.27C10.57,14.03 11.16,14.25 11.4,14.75L13.7,19.74L15.5,18.89L13.19,13.91C12.95,13.41 13.17,12.81 13.67,12.58L13.95,12.5L16.25,12.05L8,5.12V15.9L9.82,14.43L10.07,14.27M13.64,21.97C13.14,22.21 12.54,22 12.31,21.5L10.13,16.76L7.62,18.78C7.45,18.92 7.24,19 7,19A1,1 0 0,1 6,18V3A1,1 0 0,1 7,2C7.24,2 7.47,2.09 7.64,2.23L7.65,2.22L19.14,11.86C19.57,12.22 19.62,12.85 19.27,13.27C19.12,13.45 18.91,13.57 18.7,13.61L15.54,14.23L17.74,18.96C18,19.46 17.76,20.05 17.26,20.28L13.64,21.97Z" })));
|
|
17
17
|
}
|
|
18
|
-
exports.CursorMouse = CursorMouse;
|
|
@@ -31,7 +31,6 @@ const ui_1 = require("@jbrowse/core/ui");
|
|
|
31
31
|
const mobx_react_1 = require("mobx-react");
|
|
32
32
|
const mobx_1 = require("mobx");
|
|
33
33
|
const mui_1 = require("tss-react/mui");
|
|
34
|
-
const normalize_wheel_1 = __importDefault(require("normalize-wheel"));
|
|
35
34
|
const ImportForm_1 = __importDefault(require("./ImportForm"));
|
|
36
35
|
const Header_1 = __importDefault(require("./Header"));
|
|
37
36
|
const Grid_1 = __importDefault(require("./Grid"));
|
|
@@ -121,11 +120,10 @@ const DotplotViewInternal = (0, mobx_react_1.observer)(function ({ model, }) {
|
|
|
121
120
|
(cursorMode === 'crosshair' && !ctrlKeyWasUsed);
|
|
122
121
|
// use non-React wheel handler to properly prevent body scrolling
|
|
123
122
|
(0, react_1.useEffect)(() => {
|
|
124
|
-
function onWheel(
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
distanceY.current -= event.pixelY;
|
|
123
|
+
function onWheel(event) {
|
|
124
|
+
event.preventDefault();
|
|
125
|
+
distanceX.current += event.deltaX;
|
|
126
|
+
distanceY.current -= event.deltaY;
|
|
129
127
|
if (!scheduled.current) {
|
|
130
128
|
scheduled.current = true;
|
|
131
129
|
window.requestAnimationFrame(() => {
|
|
@@ -31,10 +31,12 @@ const WarningDialog = (0, react_1.lazy)(() => Promise.resolve().then(() => __imp
|
|
|
31
31
|
const DotplotWarnings = (0, mobx_react_1.observer)(function ({ model, }) {
|
|
32
32
|
const trackWarnings = model.tracks.filter(t => { var _a; return (_a = t.displays[0].warnings) === null || _a === void 0 ? void 0 : _a.length; });
|
|
33
33
|
const [shown, setShown] = (0, react_1.useState)(false);
|
|
34
|
-
|
|
34
|
+
const [hide, setHide] = (0, react_1.useState)(false);
|
|
35
|
+
return trackWarnings.length && !hide ? (react_1.default.createElement(material_1.Alert, { severity: "warning" },
|
|
35
36
|
"Warnings during render",
|
|
36
37
|
' ',
|
|
37
38
|
react_1.default.createElement(material_1.Button, { onClick: () => setShown(true) }, "More info"),
|
|
38
|
-
shown ? (react_1.default.createElement(WarningDialog, { trackWarnings: trackWarnings, handleClose: () => setShown(false) })) : null
|
|
39
|
+
shown ? (react_1.default.createElement(WarningDialog, { trackWarnings: trackWarnings, handleClose: () => setShown(false) })) : null,
|
|
40
|
+
react_1.default.createElement(material_1.Button, { variant: "contained", onClick: () => setHide(true) }, "Dismiss"))) : null;
|
|
39
41
|
});
|
|
40
42
|
exports.default = DotplotWarnings;
|
|
@@ -23,6 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.default = ExportSvgDialog;
|
|
26
27
|
const react_1 = __importStar(require("react"));
|
|
27
28
|
const material_1 = require("@mui/material");
|
|
28
29
|
const ui_1 = require("@jbrowse/core/ui");
|
|
@@ -77,4 +78,3 @@ function ExportSvgDialog({ model, handleClose, }) {
|
|
|
77
78
|
}
|
|
78
79
|
} }, "Submit"))));
|
|
79
80
|
}
|
|
80
|
-
exports.default = ExportSvgDialog;
|
|
@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.GridRaw = void 0;
|
|
7
|
+
exports.default = Grid;
|
|
7
8
|
const react_1 = __importDefault(require("react"));
|
|
8
9
|
const mobx_react_1 = require("mobx-react");
|
|
9
10
|
const material_1 = require("@mui/material");
|
|
@@ -57,4 +58,3 @@ function Grid({ model, children, }) {
|
|
|
57
58
|
return (react_1.default.createElement("svg", { width: viewWidth, height: viewHeight, style: { background: 'rgba(0,0,0,0.12)' } },
|
|
58
59
|
react_1.default.createElement(exports.GridRaw, { model: model }, children)));
|
|
59
60
|
}
|
|
60
|
-
exports.default = Grid;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.getName = getName;
|
|
4
|
+
exports.stripGz = stripGz;
|
|
5
|
+
exports.basename = basename;
|
|
6
|
+
exports.extName = extName;
|
|
4
7
|
function getName(sessionTrackData) {
|
|
5
8
|
return sessionTrackData
|
|
6
9
|
? // @ts-expect-error
|
|
@@ -11,17 +14,13 @@ function getName(sessionTrackData) {
|
|
|
11
14
|
sessionTrackData.name
|
|
12
15
|
: undefined;
|
|
13
16
|
}
|
|
14
|
-
exports.getName = getName;
|
|
15
17
|
function stripGz(fileName) {
|
|
16
18
|
return fileName.endsWith('.gz') ? fileName.slice(0, -3) : fileName;
|
|
17
19
|
}
|
|
18
|
-
exports.stripGz = stripGz;
|
|
19
20
|
function basename(str) {
|
|
20
21
|
return str.split('#')[0].split('?')[0].split('/').pop();
|
|
21
22
|
}
|
|
22
|
-
exports.basename = basename;
|
|
23
23
|
function extName(str) {
|
|
24
24
|
const r = str.split('.').pop();
|
|
25
25
|
return r ? `.${r}` : '';
|
|
26
26
|
}
|
|
27
|
-
exports.extName = extName;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.locstr = locstr;
|
|
4
|
+
exports.getBlockLabelKeysToHide = getBlockLabelKeysToHide;
|
|
5
|
+
exports.chooseGridPitch = chooseGridPitch;
|
|
6
|
+
exports.makeTicks = makeTicks;
|
|
4
7
|
function locstr(px, view, includeAsm = true) {
|
|
5
8
|
const { assemblyName, refName, start, offset, oob } = view.pxToBp(px);
|
|
6
9
|
const coord = Math.floor(start + offset);
|
|
@@ -8,7 +11,6 @@ function locstr(px, view, includeAsm = true) {
|
|
|
8
11
|
? 'out of bounds'
|
|
9
12
|
: `${includeAsm ? '{' + assemblyName + '}' : ''}${refName}:${coord.toLocaleString('en-US')}`;
|
|
10
13
|
}
|
|
11
|
-
exports.locstr = locstr;
|
|
12
14
|
function getBlockLabelKeysToHide(blocks, length, viewOffsetPx) {
|
|
13
15
|
const blockLabelKeysToHide = new Set();
|
|
14
16
|
const sortedBlocks = [...blocks].sort((a, b) => {
|
|
@@ -29,7 +31,6 @@ function getBlockLabelKeysToHide(blocks, length, viewOffsetPx) {
|
|
|
29
31
|
}
|
|
30
32
|
return blockLabelKeysToHide;
|
|
31
33
|
}
|
|
32
|
-
exports.getBlockLabelKeysToHide = getBlockLabelKeysToHide;
|
|
33
34
|
/**
|
|
34
35
|
* Given a scale ( bp/px ) and minimum distances (px) between major and minor
|
|
35
36
|
* gridlines, return an object like `{ majorPitch: bp, minorPitch: bp }` giving
|
|
@@ -61,7 +62,6 @@ function chooseGridPitch(scale, minMajorPitchPx, minMinorPitchPx) {
|
|
|
61
62
|
}
|
|
62
63
|
return { majorPitch, minorPitch };
|
|
63
64
|
}
|
|
64
|
-
exports.chooseGridPitch = chooseGridPitch;
|
|
65
65
|
function makeTicks(regions, bpPerPx, emitMajor = true, emitMinor = true) {
|
|
66
66
|
const ticks = [];
|
|
67
67
|
const gridPitch = chooseGridPitch(bpPerPx, 60, 15);
|
|
@@ -83,4 +83,3 @@ function makeTicks(regions, bpPerPx, emitMajor = true, emitMinor = true) {
|
|
|
83
83
|
}
|
|
84
84
|
return ticks;
|
|
85
85
|
}
|
|
86
|
-
exports.makeTicks = makeTicks;
|
|
@@ -26,6 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
26
26
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.default = DotplotViewF;
|
|
29
30
|
const react_1 = require("react");
|
|
30
31
|
const ViewType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/ViewType"));
|
|
31
32
|
// locals
|
|
@@ -40,4 +41,3 @@ function DotplotViewF(pluginManager) {
|
|
|
40
41
|
});
|
|
41
42
|
});
|
|
42
43
|
}
|
|
43
|
-
exports.default = DotplotViewF;
|