@jbrowse/plugin-linear-genome-view 2.3.4 → 2.4.0
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/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 +74 -4
- package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.js +41 -22
- 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 +5 -0
- package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.js.map +1 -1
- package/dist/LinearBareDisplay/model.d.ts +62 -4
- package/dist/LinearBasicDisplay/model.d.ts +72 -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/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/OverviewScalebar.d.ts +1 -115
- package/dist/LinearGenomeView/components/OverviewScalebar.js +15 -99
- package/dist/LinearGenomeView/components/OverviewScalebar.js.map +1 -1
- package/dist/LinearGenomeView/components/RubberbandSpan.js +2 -2
- package/dist/LinearGenomeView/components/RubberbandSpan.js.map +1 -1
- package/dist/LinearGenomeView/components/TrackLabel.js +4 -5
- package/dist/LinearGenomeView/components/TrackLabel.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/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/model.d.ts +10 -2
- package/dist/LinearGenomeView/model.js +4 -4
- 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 +13 -0
- package/dist/LinearGenomeView/svgcomponents/SVGLinearGenomeView.js +56 -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 +15 -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 +1 -1
- package/dist/LinearGenomeView/util.js.map +1 -1
- package/dist/index.d.ts +133 -18
- package/dist/index.js +6 -2
- package/dist/index.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 +74 -4
- package/esm/BaseLinearDisplay/models/BaseLinearDisplayModel.js +42 -23
- 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 +5 -0
- package/esm/BaseLinearDisplay/models/serverSideRenderedBlock.js.map +1 -1
- package/esm/LinearBareDisplay/model.d.ts +62 -4
- package/esm/LinearBasicDisplay/model.d.ts +72 -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/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/OverviewScalebar.d.ts +1 -115
- package/esm/LinearGenomeView/components/OverviewScalebar.js +12 -96
- package/esm/LinearGenomeView/components/OverviewScalebar.js.map +1 -1
- package/esm/LinearGenomeView/components/RubberbandSpan.js +2 -2
- package/esm/LinearGenomeView/components/RubberbandSpan.js.map +1 -1
- package/esm/LinearGenomeView/components/TrackLabel.js +4 -5
- package/esm/LinearGenomeView/components/TrackLabel.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/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/model.d.ts +10 -2
- package/esm/LinearGenomeView/model.js +2 -2
- 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 +13 -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 +9 -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 +1 -1
- package/esm/LinearGenomeView/util.js.map +1 -1
- package/esm/index.d.ts +133 -18
- package/esm/index.js +3 -2
- package/esm/index.js.map +1 -1
- package/package.json +3 -3
- package/src/BaseLinearDisplay/components/Block.tsx +1 -1
- package/src/BaseLinearDisplay/components/ServerSideRenderedBlockContent.tsx +11 -12
- package/src/BaseLinearDisplay/models/BaseLinearDisplayModel.tsx +53 -35
- package/src/BaseLinearDisplay/models/configSchema.ts +8 -0
- package/src/BaseLinearDisplay/models/serverSideRenderedBlock.ts +9 -17
- 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/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/OverviewScalebar.tsx +218 -381
- package/src/LinearGenomeView/components/RubberbandSpan.tsx +2 -2
- package/src/LinearGenomeView/components/TrackLabel.tsx +2 -5
- package/src/LinearGenomeView/components/ZoomControls.tsx +3 -4
- package/src/LinearGenomeView/components/__snapshots__/LinearGenomeView.test.tsx.snap +1234 -1200
- package/src/LinearGenomeView/components/util.ts +13 -0
- package/src/LinearGenomeView/index.test.ts +9 -5
- package/src/LinearGenomeView/model.ts +10 -3
- 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 +45 -0
- package/src/LinearGenomeView/svgcomponents/SVGTracks.tsx +67 -0
- package/src/LinearGenomeView/util.test.ts +7 -4
- package/src/LinearGenomeView/util.ts +2 -2
- package/src/index.ts +10 -1
- 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
|
@@ -12,7 +12,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
|
|
|
12
12
|
type: import("mobx-state-tree").ISimpleType<string>;
|
|
13
13
|
rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
|
|
14
14
|
} & {
|
|
15
|
-
|
|
15
|
+
heightPreConfig: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
|
|
16
16
|
blockState: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
|
|
17
17
|
key: import("mobx-state-tree").ISimpleType<string>;
|
|
18
18
|
region: import("mobx-state-tree").IModelType<{
|
|
@@ -32,29 +32,25 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
|
|
|
32
32
|
isRightEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
|
|
33
33
|
}, {
|
|
34
34
|
renderInProgress: AbortController | undefined;
|
|
35
|
-
filled: boolean;
|
|
35
|
+
filled: boolean; /**
|
|
36
|
+
* #property
|
|
37
|
+
*/
|
|
36
38
|
reactElement: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
37
39
|
features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
|
|
38
40
|
layout: any;
|
|
39
41
|
status: string;
|
|
40
42
|
error: unknown;
|
|
41
|
-
message: string | undefined;
|
|
42
|
-
* #getter
|
|
43
|
-
*/
|
|
43
|
+
message: string | undefined;
|
|
44
44
|
maxHeightReached: boolean;
|
|
45
45
|
ReactComponent: ({ model, }: {
|
|
46
46
|
model: any;
|
|
47
47
|
}) => any;
|
|
48
48
|
renderProps: any;
|
|
49
49
|
} & {
|
|
50
|
-
doReload(): void;
|
|
51
|
-
* #getter
|
|
52
|
-
*/
|
|
50
|
+
doReload(): void;
|
|
53
51
|
afterAttach(): void;
|
|
54
52
|
setStatus(message: string): void;
|
|
55
|
-
setLoading(abortController: AbortController): void;
|
|
56
|
-
* #action
|
|
57
|
-
*/
|
|
53
|
+
setLoading(abortController: AbortController): void;
|
|
58
54
|
setMessage(messageText: string): void;
|
|
59
55
|
setRendered(props: {
|
|
60
56
|
reactElement: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
|
|
@@ -162,6 +158,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
|
|
|
162
158
|
estimatedRegionStatsP: Promise<import("@jbrowse/core/data_adapters/BaseAdapter").Stats> | undefined;
|
|
163
159
|
estimatedRegionStats: import("@jbrowse/core/data_adapters/BaseAdapter").Stats | undefined;
|
|
164
160
|
} & {
|
|
161
|
+
readonly height: any;
|
|
165
162
|
readonly blockType: "dynamicBlocks" | "staticBlocks";
|
|
166
163
|
readonly blockDefinitions: import("@jbrowse/core/util/blockTypes").BlockSet;
|
|
167
164
|
} & {
|
|
@@ -191,7 +188,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
|
|
|
191
188
|
setRegionStatsP(p?: Promise<import("@jbrowse/core/data_adapters/BaseAdapter").Stats> | undefined): void;
|
|
192
189
|
setRegionStats(estimatedRegionStats?: import("@jbrowse/core/data_adapters/BaseAdapter").Stats | undefined): void;
|
|
193
190
|
clearRegionStats(): void;
|
|
194
|
-
setHeight(displayHeight: number):
|
|
191
|
+
setHeight(displayHeight: number): any;
|
|
195
192
|
resizeHeight(distance: number): number;
|
|
196
193
|
setScrollTop(scrollTop: number): void;
|
|
197
194
|
updateStatsLimit(stats: import("@jbrowse/core/data_adapters/BaseAdapter").Stats): void;
|
|
@@ -224,6 +221,7 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
|
|
|
224
221
|
} & {
|
|
225
222
|
renderSvg(opts: import("../LinearGenomeView").ExportSvgOptions & {
|
|
226
223
|
overrideHeight: number;
|
|
224
|
+
theme: import("@mui/material").ThemeOptions;
|
|
227
225
|
}): Promise<JSX.Element>;
|
|
228
226
|
} & {
|
|
229
227
|
/**
|
|
@@ -287,11 +285,71 @@ declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): im
|
|
|
287
285
|
* #method
|
|
288
286
|
*/
|
|
289
287
|
trackMenuItems(): MenuItem[];
|
|
290
|
-
},
|
|
288
|
+
}, {
|
|
289
|
+
type: string;
|
|
290
|
+
} & Partial<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
|
|
291
|
+
id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
|
|
292
|
+
type: import("mobx-state-tree").ISimpleType<string>;
|
|
293
|
+
rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
|
|
294
|
+
} & {
|
|
295
|
+
heightPreConfig: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
|
|
296
|
+
blockState: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
|
|
297
|
+
key: import("mobx-state-tree").ISimpleType<string>;
|
|
298
|
+
region: import("mobx-state-tree").IModelType<{
|
|
299
|
+
refName: import("mobx-state-tree").ISimpleType<string>; /**
|
|
300
|
+
* #property
|
|
301
|
+
*/
|
|
302
|
+
start: import("mobx-state-tree").ISimpleType<number>;
|
|
303
|
+
end: import("mobx-state-tree").ISimpleType<number>;
|
|
304
|
+
reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
|
|
305
|
+
} & {
|
|
306
|
+
assemblyName: import("mobx-state-tree").ISimpleType<string>;
|
|
307
|
+
}, {
|
|
308
|
+
setRefName(newRefName: string): void;
|
|
309
|
+
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
|
|
310
|
+
reloadFlag: import("mobx-state-tree").IType<number | undefined, number, number>;
|
|
311
|
+
isLeftEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
|
|
312
|
+
isRightEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
|
|
313
|
+
}, {
|
|
314
|
+
renderInProgress: AbortController | undefined;
|
|
315
|
+
filled: boolean; /**
|
|
316
|
+
* #property
|
|
317
|
+
*/
|
|
318
|
+
reactElement: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
319
|
+
features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
|
|
320
|
+
layout: any;
|
|
321
|
+
status: string;
|
|
322
|
+
error: unknown;
|
|
323
|
+
message: string | undefined;
|
|
324
|
+
maxHeightReached: boolean;
|
|
325
|
+
ReactComponent: ({ model, }: {
|
|
326
|
+
model: any;
|
|
327
|
+
}) => any;
|
|
328
|
+
renderProps: any;
|
|
329
|
+
} & {
|
|
330
|
+
doReload(): void;
|
|
331
|
+
afterAttach(): void;
|
|
332
|
+
setStatus(message: string): void;
|
|
333
|
+
setLoading(abortController: AbortController): void;
|
|
334
|
+
setMessage(messageText: string): void;
|
|
335
|
+
setRendered(props: {
|
|
336
|
+
reactElement: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
|
|
337
|
+
features: Map<string, import("@jbrowse/core/util").Feature>;
|
|
338
|
+
layout: any;
|
|
339
|
+
maxHeightReached: boolean;
|
|
340
|
+
renderProps: any;
|
|
341
|
+
} | undefined): void;
|
|
342
|
+
setError(error: unknown): void;
|
|
343
|
+
reload(): void;
|
|
344
|
+
beforeDestroy(): void;
|
|
345
|
+
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
|
|
346
|
+
userBpPerPxLimit: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
|
|
347
|
+
userByteSizeLimit: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
|
|
348
|
+
}>> & import("mobx-state-tree/dist/internal").NonEmptyObject & import("mobx-state-tree")._NotCustomized, {
|
|
291
349
|
type: string;
|
|
292
|
-
height: number;
|
|
293
350
|
id: string;
|
|
294
351
|
rpcDriverName: string | undefined;
|
|
352
|
+
heightPreConfig: number | undefined;
|
|
295
353
|
userBpPerPxLimit: number | undefined;
|
|
296
354
|
userByteSizeLimit: number | undefined;
|
|
297
355
|
} & import("mobx-state-tree")._NotCustomized>;
|
|
@@ -26,13 +26,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
26
26
|
const react_1 = __importStar(require("react"));
|
|
27
27
|
const mui_1 = require("tss-react/mui");
|
|
28
28
|
const mobx_react_1 = require("mobx-react");
|
|
29
|
-
const useStyles = (0, mui_1.makeStyles)()(
|
|
29
|
+
const useStyles = (0, mui_1.makeStyles)()(theme => ({
|
|
30
30
|
centerLineContainer: {
|
|
31
31
|
background: 'transparent',
|
|
32
32
|
height: '100%',
|
|
33
33
|
zIndex: 5,
|
|
34
34
|
position: 'absolute',
|
|
35
|
-
border:
|
|
35
|
+
border: `1px ${theme.palette.action.active} dashed`,
|
|
36
36
|
borderTop: 'none',
|
|
37
37
|
borderBottom: 'none',
|
|
38
38
|
pointerEvents: 'none',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CenterLine.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/CenterLine.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqC;AACrC,uCAA0C;AAC1C,2CAAqC;AAKrC,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"CenterLine.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/CenterLine.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqC;AACrC,uCAA0C;AAC1C,2CAAqC;AAKrC,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACvC,mBAAmB,EAAE;QACnB,UAAU,EAAE,aAAa;QACzB,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,CAAC;QACT,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,SAAS;QACnD,SAAS,EAAE,MAAM;QACjB,YAAY,EAAE,MAAM;QACpB,aAAa,EAAE,MAAM;KACtB;IACD,cAAc,EAAE;QACd,QAAQ,EAAE,UAAU;QACpB,aAAa,EAAE,MAAM;QACrB,UAAU,EAAE,QAAQ;QACpB,UAAU,EAAE,MAAM;KACnB;CACF,CAAC,CAAC,CAAA;AAEH,SAAS,UAAU,CAAC,EAAE,KAAK,EAAkB;IAC3C,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACtE,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IACxC,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,gBAAgB,GAAG,KAAK,GAAG,CAAC,CAAA;IAElC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CACrB,sDACc,sBAAsB,EAClC,SAAS,EAAE,OAAO,CAAC,mBAAmB,EACtC,IAAI,EAAC,cAAc,EACnB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACL,IAAI,EAAE,GAAG,gBAAgB,IAAI;YAC7B,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,CAAC;SAChC,IAEA,cAAc,IAAI,CACjB,sDAGc,iBAAiB,EAC7B,SAAS,EAAE,OAAO,CAAC,cAAc,EACjC,IAAI,EAAC,cAAc,EACnB,KAAK,EAAE;YACL,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,EAAE,CAAC,CAAC,GAAG,CAAC;YAClC,GAAG,EAAE,YAAY;SAClB;QAGA,cAAc,CAAC,OAAO;;QAAG,GAAG;QAC5B,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAC/C,CACP,CACG,CACP,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC;AAED,kBAAe,IAAA,qBAAQ,EAAC,UAAU,CAAC,CAAA"}
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
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
|
+
declare const _default: ({ overview, block, assembly, }: {
|
|
6
|
+
overview: Base1DViewModel;
|
|
7
|
+
assembly?: ({
|
|
8
|
+
configuration: any;
|
|
9
|
+
} & import("mobx-state-tree/dist/internal").NonEmptyObject & {
|
|
10
|
+
error: unknown;
|
|
11
|
+
loaded: boolean;
|
|
12
|
+
loadingP: Promise<void> | undefined;
|
|
13
|
+
volatileRegions: import("@jbrowse/core/assemblyManager/assembly").BasicRegion[] | undefined;
|
|
14
|
+
refNameAliases: {
|
|
15
|
+
[x: string]: string;
|
|
16
|
+
} | undefined;
|
|
17
|
+
lowerCaseRefNameAliases: {
|
|
18
|
+
[x: string]: string;
|
|
19
|
+
} | undefined;
|
|
20
|
+
cytobands: import("@jbrowse/core/util").Feature[] | undefined;
|
|
21
|
+
} & {
|
|
22
|
+
readonly initialized: boolean;
|
|
23
|
+
readonly name: string;
|
|
24
|
+
readonly regions: import("@jbrowse/core/assemblyManager/assembly").BasicRegion[] | undefined;
|
|
25
|
+
readonly aliases: string[];
|
|
26
|
+
readonly displayName: string | undefined;
|
|
27
|
+
hasName(name: string): boolean;
|
|
28
|
+
readonly allAliases: string[];
|
|
29
|
+
readonly allRefNames: string[] | undefined;
|
|
30
|
+
readonly lowerCaseRefNames: string[] | undefined;
|
|
31
|
+
readonly allRefNamesWithLowerCase: string[] | undefined;
|
|
32
|
+
readonly rpcManager: any;
|
|
33
|
+
readonly refNameColors: string[];
|
|
34
|
+
} & {
|
|
35
|
+
readonly refNames: string[] | undefined;
|
|
36
|
+
} & {
|
|
37
|
+
getCanonicalRefName(refName: string): string;
|
|
38
|
+
getRefNameColor(refName: string): string | undefined;
|
|
39
|
+
isValidRefName(refName: string): boolean;
|
|
40
|
+
} & {
|
|
41
|
+
setLoaded({ adapterRegionsWithAssembly, refNameAliases, lowerCaseRefNameAliases, cytobands, }: import("@jbrowse/core/assemblyManager/assembly").Loading): void;
|
|
42
|
+
setError(e: unknown): void;
|
|
43
|
+
setRegions(regions: import("@jbrowse/core/util").Region[]): void;
|
|
44
|
+
setRefNameAliases(aliases: {
|
|
45
|
+
[x: string]: string;
|
|
46
|
+
}, lcAliases: {
|
|
47
|
+
[x: string]: string;
|
|
48
|
+
}): void;
|
|
49
|
+
setCytobands(cytobands: import("@jbrowse/core/util").Feature[]): void;
|
|
50
|
+
setLoadingP(p?: Promise<void> | undefined): void;
|
|
51
|
+
load(): Promise<void>;
|
|
52
|
+
loadPre(): Promise<void>;
|
|
53
|
+
} & {
|
|
54
|
+
getAdapterMapEntry(adapterConf: unknown, options: import("@jbrowse/core/assemblyManager/assembly").BaseOptions): Promise<import("@jbrowse/core/assemblyManager/assembly").RefNameMap>;
|
|
55
|
+
getRefNameMapForAdapter(adapterConf: unknown, opts: import("@jbrowse/core/assemblyManager/assembly").BaseOptions): Promise<{
|
|
56
|
+
[x: string]: string;
|
|
57
|
+
}>;
|
|
58
|
+
getReverseRefNameMapForAdapter(adapterConf: unknown, opts: import("@jbrowse/core/assemblyManager/assembly").BaseOptions): Promise<{
|
|
59
|
+
[x: string]: string;
|
|
60
|
+
}>;
|
|
61
|
+
} & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
|
|
62
|
+
configuration: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IReferenceType<import("mobx-state-tree").IAnyType>>;
|
|
63
|
+
}, {
|
|
64
|
+
error: unknown;
|
|
65
|
+
loaded: boolean;
|
|
66
|
+
loadingP: Promise<void> | undefined;
|
|
67
|
+
volatileRegions: import("@jbrowse/core/assemblyManager/assembly").BasicRegion[] | undefined;
|
|
68
|
+
refNameAliases: {
|
|
69
|
+
[x: string]: string;
|
|
70
|
+
} | undefined;
|
|
71
|
+
lowerCaseRefNameAliases: {
|
|
72
|
+
[x: string]: string;
|
|
73
|
+
} | undefined;
|
|
74
|
+
cytobands: import("@jbrowse/core/util").Feature[] | undefined;
|
|
75
|
+
} & {
|
|
76
|
+
readonly initialized: boolean;
|
|
77
|
+
readonly name: string;
|
|
78
|
+
readonly regions: import("@jbrowse/core/assemblyManager/assembly").BasicRegion[] | undefined;
|
|
79
|
+
readonly aliases: string[];
|
|
80
|
+
readonly displayName: string | undefined;
|
|
81
|
+
hasName(name: string): boolean;
|
|
82
|
+
readonly allAliases: string[];
|
|
83
|
+
readonly allRefNames: string[] | undefined;
|
|
84
|
+
readonly lowerCaseRefNames: string[] | undefined;
|
|
85
|
+
readonly allRefNamesWithLowerCase: string[] | undefined;
|
|
86
|
+
readonly rpcManager: any;
|
|
87
|
+
readonly refNameColors: string[];
|
|
88
|
+
} & {
|
|
89
|
+
readonly refNames: string[] | undefined;
|
|
90
|
+
} & {
|
|
91
|
+
getCanonicalRefName(refName: string): string;
|
|
92
|
+
getRefNameColor(refName: string): string | undefined;
|
|
93
|
+
isValidRefName(refName: string): boolean;
|
|
94
|
+
} & {
|
|
95
|
+
setLoaded({ adapterRegionsWithAssembly, refNameAliases, lowerCaseRefNameAliases, cytobands, }: import("@jbrowse/core/assemblyManager/assembly").Loading): void;
|
|
96
|
+
setError(e: unknown): void;
|
|
97
|
+
setRegions(regions: import("@jbrowse/core/util").Region[]): void;
|
|
98
|
+
setRefNameAliases(aliases: {
|
|
99
|
+
[x: string]: string;
|
|
100
|
+
}, lcAliases: {
|
|
101
|
+
[x: string]: string;
|
|
102
|
+
}): void;
|
|
103
|
+
setCytobands(cytobands: import("@jbrowse/core/util").Feature[]): void;
|
|
104
|
+
setLoadingP(p?: Promise<void> | undefined): void;
|
|
105
|
+
load(): Promise<void>;
|
|
106
|
+
loadPre(): Promise<void>;
|
|
107
|
+
} & {
|
|
108
|
+
getAdapterMapEntry(adapterConf: unknown, options: import("@jbrowse/core/assemblyManager/assembly").BaseOptions): Promise<import("@jbrowse/core/assemblyManager/assembly").RefNameMap>;
|
|
109
|
+
getRefNameMapForAdapter(adapterConf: unknown, opts: import("@jbrowse/core/assemblyManager/assembly").BaseOptions): Promise<{
|
|
110
|
+
[x: string]: string;
|
|
111
|
+
}>;
|
|
112
|
+
getReverseRefNameMapForAdapter(adapterConf: unknown, opts: import("@jbrowse/core/assemblyManager/assembly").BaseOptions): Promise<{
|
|
113
|
+
[x: string]: string;
|
|
114
|
+
}>;
|
|
115
|
+
}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>) | undefined;
|
|
116
|
+
block: ContentBlock;
|
|
117
|
+
}) => JSX.Element;
|
|
118
|
+
export default _default;
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const react_1 = __importDefault(require("react"));
|
|
7
|
+
const mobx_react_1 = require("mobx-react");
|
|
8
|
+
// locals
|
|
9
|
+
const __1 = require("..");
|
|
10
|
+
const util_1 = require("./util");
|
|
11
|
+
// rounded rect from https://stackoverflow.com/a/45889603/2129219
|
|
12
|
+
// prettier-ignore
|
|
13
|
+
function rightRoundedRect(x, y, width, height, radius) {
|
|
14
|
+
return "M" + x + "," + y
|
|
15
|
+
+ "h" + (width - radius)
|
|
16
|
+
+ "a" + radius + "," + radius + " 0 0 1 " + radius + "," + radius
|
|
17
|
+
+ "v" + (height - 2 * radius)
|
|
18
|
+
+ "a" + radius + "," + radius + " 0 0 1 " + -radius + "," + radius
|
|
19
|
+
+ "h" + (radius - width)
|
|
20
|
+
+ "z";
|
|
21
|
+
}
|
|
22
|
+
// prettier-ignore
|
|
23
|
+
function leftRoundedRect(x, y, width, height, radius) {
|
|
24
|
+
return "M" + (x + radius) + "," + y
|
|
25
|
+
+ "h" + (width - radius)
|
|
26
|
+
+ "v" + height
|
|
27
|
+
+ "h" + (radius - width)
|
|
28
|
+
+ "a" + radius + "," + radius + " 0 0 1 " + (-radius) + "," + (-radius)
|
|
29
|
+
+ "v" + (2 * radius - height)
|
|
30
|
+
+ "a" + radius + "," + radius + " 0 0 1 " + radius + "," + (-radius)
|
|
31
|
+
+ "z";
|
|
32
|
+
}
|
|
33
|
+
const colorMap = {
|
|
34
|
+
gneg: 'rgb(227,227,227)',
|
|
35
|
+
gpos25: 'rgb(142,142,142)',
|
|
36
|
+
gpos50: 'rgb(85,85,85)',
|
|
37
|
+
gpos100: 'rgb(0,0,0)',
|
|
38
|
+
gpos75: 'rgb(57,57,57)',
|
|
39
|
+
gvar: 'rgb(0,0,0)',
|
|
40
|
+
stalk: 'rgb(127,127,127)',
|
|
41
|
+
acen: '#800',
|
|
42
|
+
};
|
|
43
|
+
exports.default = (0, mobx_react_1.observer)(function Cytobands({ overview, block, assembly, }) {
|
|
44
|
+
const { offsetPx, reversed } = block;
|
|
45
|
+
const cytobands = (0, util_1.getCytobands)(assembly, block.refName);
|
|
46
|
+
const coords = cytobands.map(f => {
|
|
47
|
+
const { refName, start, end, type } = f;
|
|
48
|
+
return [
|
|
49
|
+
overview.bpToPx({
|
|
50
|
+
refName,
|
|
51
|
+
coord: start,
|
|
52
|
+
}),
|
|
53
|
+
overview.bpToPx({
|
|
54
|
+
refName,
|
|
55
|
+
coord: end,
|
|
56
|
+
}),
|
|
57
|
+
type,
|
|
58
|
+
];
|
|
59
|
+
});
|
|
60
|
+
const arr = cytobands || [];
|
|
61
|
+
const lcap = reversed ? arr.length - 1 : 0;
|
|
62
|
+
const rcap = reversed ? 0 : arr.length - 1;
|
|
63
|
+
let firstCent = true;
|
|
64
|
+
return (react_1.default.createElement("g", { transform: `translate(-${offsetPx})` }, coords.map(([start, end, type], index) => {
|
|
65
|
+
const key = `${start}-${end}-${type}`;
|
|
66
|
+
if (type === 'acen' && firstCent) {
|
|
67
|
+
firstCent = false;
|
|
68
|
+
return (react_1.default.createElement("polygon", { key: key, points: [
|
|
69
|
+
[start, 0],
|
|
70
|
+
[end, __1.HEADER_OVERVIEW_HEIGHT / 2],
|
|
71
|
+
[start, __1.HEADER_OVERVIEW_HEIGHT],
|
|
72
|
+
].toString(), fill: colorMap[type] }));
|
|
73
|
+
}
|
|
74
|
+
if (type === 'acen' && !firstCent) {
|
|
75
|
+
return (react_1.default.createElement("polygon", { key: key, points: [
|
|
76
|
+
[start, __1.HEADER_OVERVIEW_HEIGHT / 2],
|
|
77
|
+
[end, 0],
|
|
78
|
+
[end, __1.HEADER_OVERVIEW_HEIGHT],
|
|
79
|
+
].toString(), fill: colorMap[type] }));
|
|
80
|
+
}
|
|
81
|
+
if (lcap === index) {
|
|
82
|
+
return (react_1.default.createElement("path", { key: key, d: leftRoundedRect(Math.min(start, end), 0, Math.abs(end - start), __1.HEADER_OVERVIEW_HEIGHT, 8), fill: colorMap[type] }));
|
|
83
|
+
}
|
|
84
|
+
else if (rcap === index) {
|
|
85
|
+
return (react_1.default.createElement("path", { key: key, d: rightRoundedRect(Math.min(start, end), 0, Math.abs(end - start) - 2, __1.HEADER_OVERVIEW_HEIGHT, 8), fill: colorMap[type] }));
|
|
86
|
+
}
|
|
87
|
+
else {
|
|
88
|
+
return (react_1.default.createElement("rect", { key: key, x: Math.min(start, end), y: 0, width: Math.abs(end - start), height: __1.HEADER_OVERVIEW_HEIGHT, fill: colorMap[type] }));
|
|
89
|
+
}
|
|
90
|
+
})));
|
|
91
|
+
});
|
|
92
|
+
//# sourceMappingURL=Cytobands.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Cytobands.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/Cytobands.tsx"],"names":[],"mappings":"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"}
|
|
@@ -26,22 +26,38 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
26
26
|
const react_1 = __importStar(require("react"));
|
|
27
27
|
const material_1 = require("@mui/material");
|
|
28
28
|
const ui_1 = require("@jbrowse/core/ui");
|
|
29
|
+
const util_1 = require("@jbrowse/core/util");
|
|
29
30
|
function LoadingMessage() {
|
|
30
31
|
return (react_1.default.createElement("div", null,
|
|
31
32
|
react_1.default.createElement(material_1.CircularProgress, { size: 20, style: { marginRight: 20 } }),
|
|
32
33
|
react_1.default.createElement(material_1.Typography, { display: "inline" }, "Creating SVG")));
|
|
33
34
|
}
|
|
35
|
+
function useSvgLocal(key, val) {
|
|
36
|
+
return (0, util_1.useLocalStorage)('svg-' + key, val);
|
|
37
|
+
}
|
|
34
38
|
function ExportSvgDlg({ model, handleClose, }) {
|
|
35
|
-
|
|
39
|
+
const session = (0, util_1.getSession)(model);
|
|
36
40
|
const offscreenCanvas = typeof OffscreenCanvas !== 'undefined';
|
|
37
41
|
const [rasterizeLayers, setRasterizeLayers] = (0, react_1.useState)(offscreenCanvas);
|
|
38
42
|
const [loading, setLoading] = (0, react_1.useState)(false);
|
|
39
|
-
const [filename, setFilename] = (0, react_1.useState)('jbrowse.svg');
|
|
40
43
|
const [error, setError] = (0, react_1.useState)();
|
|
44
|
+
const [filename, setFilename] = useSvgLocal('file', 'jbrowse.svg');
|
|
45
|
+
const [trackLabels, setTrackLabels] = useSvgLocal('tracklabels', 'offset');
|
|
46
|
+
const [themeName, setThemeName] = useSvgLocal('theme', session.themeName || 'default');
|
|
41
47
|
return (react_1.default.createElement(ui_1.Dialog, { open: true, onClose: handleClose, title: "Export SVG" },
|
|
42
48
|
react_1.default.createElement(material_1.DialogContent, null,
|
|
43
49
|
error ? (react_1.default.createElement(ui_1.ErrorMessage, { error: error })) : loading ? (react_1.default.createElement(LoadingMessage, null)) : null,
|
|
44
50
|
react_1.default.createElement(material_1.TextField, { helperText: "filename", value: filename, onChange: event => setFilename(event.target.value) }),
|
|
51
|
+
react_1.default.createElement("br", null),
|
|
52
|
+
react_1.default.createElement(material_1.TextField, { select: true, label: "Track label positioning", variant: "outlined", style: { width: 150 }, value: trackLabels, onChange: event => setTrackLabels(event.target.value) },
|
|
53
|
+
react_1.default.createElement(material_1.MenuItem, { value: "offset" }, "Offset"),
|
|
54
|
+
react_1.default.createElement(material_1.MenuItem, { value: "overlay" }, "Overlay"),
|
|
55
|
+
react_1.default.createElement(material_1.MenuItem, { value: "left" }, "Left"),
|
|
56
|
+
react_1.default.createElement(material_1.MenuItem, { value: "none" }, "None")),
|
|
57
|
+
react_1.default.createElement("br", null),
|
|
58
|
+
session.allThemes ? (react_1.default.createElement(material_1.TextField, { select: true, label: "Theme", variant: "outlined", value: themeName, onChange: event => setThemeName(event.target.value) }, Object.entries(session.allThemes()).map(([key, val]) => (react_1.default.createElement(material_1.MenuItem, { key: key, value: key },
|
|
59
|
+
// @ts-ignore
|
|
60
|
+
val.name || '(Unknown name)'))))) : null,
|
|
45
61
|
offscreenCanvas ? (react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { checked: rasterizeLayers, onChange: () => setRasterizeLayers(val => !val) }), label: "Rasterize canvas based tracks? File may be much larger if this is turned off" })) : (react_1.default.createElement(material_1.Typography, null, "Note: rasterizing layers not yet supported in this browser, so SVG size may be large"))),
|
|
46
62
|
react_1.default.createElement(material_1.DialogActions, null,
|
|
47
63
|
react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: () => handleClose() }, "Cancel"),
|
|
@@ -49,7 +65,12 @@ function ExportSvgDlg({ model, handleClose, }) {
|
|
|
49
65
|
setLoading(true);
|
|
50
66
|
setError(undefined);
|
|
51
67
|
try {
|
|
52
|
-
await model.exportSvg({
|
|
68
|
+
await model.exportSvg({
|
|
69
|
+
rasterizeLayers,
|
|
70
|
+
filename,
|
|
71
|
+
trackLabels,
|
|
72
|
+
themeName,
|
|
73
|
+
});
|
|
53
74
|
handleClose();
|
|
54
75
|
}
|
|
55
76
|
catch (e) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExportSvgDialog.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/ExportSvgDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,
|
|
1
|
+
{"version":3,"file":"ExportSvgDialog.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/ExportSvgDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Gridlines.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/Gridlines.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,8DAIsC;AACtC,uCAA0C;AAC1C,2CAAqC;AAErC,oEAIiD;AAEjD,kCAAmC;AAInC,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACvC,2BAA2B,EAAE;QAC3B,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,CAAC;QACT,aAAa,EAAE,MAAM;KACtB;IACD,uBAAuB,EAAE;QACvB,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,MAAM;QACd,MAAM,EAAE,CAAC;QACT,aAAa,EAAE,MAAM;QACrB,OAAO,EAAE,MAAM;KAChB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,CAAC;KACT;IACD,SAAS,EAAE;QACT,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"Gridlines.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/Gridlines.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,7 +19,6 @@ const ZoomControls_1 = __importDefault(require("./ZoomControls"));
|
|
|
19
19
|
const SearchBox_1 = __importDefault(require("./SearchBox"));
|
|
20
20
|
const useStyles = (0, mui_1.makeStyles)()(theme => ({
|
|
21
21
|
headerBar: {
|
|
22
|
-
height: __1.HEADER_BAR_HEIGHT,
|
|
23
22
|
display: 'flex',
|
|
24
23
|
},
|
|
25
24
|
headerForm: {
|
|
@@ -31,7 +30,7 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
|
|
|
31
30
|
},
|
|
32
31
|
panButton: {
|
|
33
32
|
background: (0, material_1.alpha)(theme.palette.background.paper, 0.8),
|
|
34
|
-
|
|
33
|
+
color: theme.palette.text.primary,
|
|
35
34
|
margin: __1.SPACING,
|
|
36
35
|
},
|
|
37
36
|
bp: {
|
|
@@ -42,7 +41,7 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
|
|
|
42
41
|
toggleButton: {
|
|
43
42
|
height: 44,
|
|
44
43
|
border: 'none',
|
|
45
|
-
|
|
44
|
+
marginLeft: theme.spacing(4),
|
|
46
45
|
},
|
|
47
46
|
buttonSpacer: {
|
|
48
47
|
marginRight: theme.spacing(2),
|
|
@@ -50,7 +49,7 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
|
|
|
50
49
|
}));
|
|
51
50
|
const HeaderButtons = (0, mobx_react_1.observer)(({ model }) => {
|
|
52
51
|
const { classes } = useStyles();
|
|
53
|
-
return (react_1.default.createElement(material_1.
|
|
52
|
+
return (react_1.default.createElement(material_1.IconButton, { onClick: model.activateTrackSelector, className: classes.toggleButton, title: "Open track selector", value: "track_select" },
|
|
54
53
|
react_1.default.createElement(Icons_1.TrackSelector, { className: classes.buttonSpacer })));
|
|
55
54
|
});
|
|
56
55
|
function PanControls({ model }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/Header.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,2CAAqC;AACrC,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/Header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -25,7 +25,7 @@ const LinearGenomeView = (0, mobx_react_1.observer)(({ model }) => {
|
|
|
25
25
|
const { tracks, error, initialized, hasDisplayedRegions } = model;
|
|
26
26
|
const { classes } = useStyles();
|
|
27
27
|
if (!initialized && !error) {
|
|
28
|
-
return react_1.default.createElement(ui_1.LoadingEllipses, { variant: "
|
|
28
|
+
return react_1.default.createElement(ui_1.LoadingEllipses, { variant: "h6" });
|
|
29
29
|
}
|
|
30
30
|
if (!hasDisplayedRegions || error) {
|
|
31
31
|
return react_1.default.createElement(ImportForm_1.default, { model: model });
|
|
@@ -29,21 +29,22 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
29
29
|
const react_1 = __importStar(require("react"));
|
|
30
30
|
const mobx_react_1 = require("mobx-react");
|
|
31
31
|
const material_1 = require("@mui/material");
|
|
32
|
+
const Menu_1 = __importDefault(require("@jbrowse/core/ui/Menu"));
|
|
33
|
+
// icons
|
|
32
34
|
const ZoomIn_1 = __importDefault(require("@mui/icons-material/ZoomIn"));
|
|
33
35
|
const ZoomOut_1 = __importDefault(require("@mui/icons-material/ZoomOut"));
|
|
34
36
|
const KeyboardArrowDown_1 = __importDefault(require("@mui/icons-material/KeyboardArrowDown"));
|
|
35
|
-
const Menu_1 = __importDefault(require("@jbrowse/core/ui/Menu"));
|
|
36
37
|
const MiniControls = (0, mobx_react_1.observer)((props) => {
|
|
37
38
|
const { model } = props;
|
|
38
39
|
const { bpPerPx, maxBpPerPx, minBpPerPx, scaleFactor, hideHeader } = model;
|
|
39
40
|
const [anchorEl, setAnchorEl] = (0, react_1.useState)();
|
|
40
41
|
return hideHeader ? (react_1.default.createElement("div", { style: { position: 'absolute', right: '0px', zIndex: '1001' } },
|
|
41
42
|
react_1.default.createElement(material_1.Paper, { style: { background: '#aaa7' } },
|
|
42
|
-
react_1.default.createElement(material_1.IconButton, {
|
|
43
|
+
react_1.default.createElement(material_1.IconButton, { onClick: event => setAnchorEl(event.currentTarget) },
|
|
43
44
|
react_1.default.createElement(KeyboardArrowDown_1.default, { fontSize: "small" })),
|
|
44
|
-
react_1.default.createElement(material_1.IconButton, { "data-testid": "zoom_out", onClick: () => model.zoom(bpPerPx * 2), disabled: bpPerPx >= maxBpPerPx - 0.0001 || scaleFactor !== 1
|
|
45
|
+
react_1.default.createElement(material_1.IconButton, { "data-testid": "zoom_out", onClick: () => model.zoom(bpPerPx * 2), disabled: bpPerPx >= maxBpPerPx - 0.0001 || scaleFactor !== 1 },
|
|
45
46
|
react_1.default.createElement(ZoomOut_1.default, { fontSize: "small" })),
|
|
46
|
-
react_1.default.createElement(material_1.IconButton, { "data-testid": "zoom_in", onClick: () => model.zoom(model.bpPerPx / 2), disabled: bpPerPx <= minBpPerPx + 0.0001 || scaleFactor !== 1
|
|
47
|
+
react_1.default.createElement(material_1.IconButton, { "data-testid": "zoom_in", onClick: () => model.zoom(model.bpPerPx / 2), disabled: bpPerPx <= minBpPerPx + 0.0001 || scaleFactor !== 1 },
|
|
47
48
|
react_1.default.createElement(ZoomIn_1.default, { fontSize: "small" })),
|
|
48
49
|
react_1.default.createElement(Menu_1.default, { anchorEl: anchorEl, open: Boolean(anchorEl), onMenuItemClick: (_, callback) => {
|
|
49
50
|
callback();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MiniControls.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/MiniControls.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,2CAAqC;AACrC,4CAAiD;AACjD,wEAA+C;AAC/C,0EAAiD;AACjD,8FAA6D;
|
|
1
|
+
{"version":3,"file":"MiniControls.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/MiniControls.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,2CAAqC;AACrC,4CAAiD;AACjD,iEAAwC;AAExC,QAAQ;AACR,wEAA+C;AAC/C,0EAAiD;AACjD,8FAA6D;AAK7D,MAAM,YAAY,GAAG,IAAA,qBAAQ,EAAC,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,IAAA,gBAAQ,GAAe,CAAA;IAEvD,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,uCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;QAChE,8BAAC,gBAAK,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE;YACnC,8BAAC,qBAAU,IAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC;gBAC5D,8BAAC,2BAAS,IAAC,QAAQ,EAAC,OAAO,GAAG,CACnB;YAEb,8BAAC,qBAAU,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,8BAAC,iBAAO,IAAC,QAAQ,EAAC,OAAO,GAAG,CACjB;YACb,8BAAC,qBAAU,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,8BAAC,gBAAM,IAAC,QAAQ,EAAC,OAAO,GAAG,CAChB;YACb,8BAAC,cAAI,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,kBAAe,YAAY,CAAA"}
|