@jbrowse/plugin-linear-genome-view 2.10.1 → 2.10.3
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/BlockMsg.d.ts +2 -4
- package/dist/BaseLinearDisplay/components/BlockMsg.js +2 -3
- package/dist/BaseLinearDisplay/components/LinearBlocks.js +2 -2
- package/dist/BaseLinearDisplay/components/ServerSideRenderedBlockContent.d.ts +10 -2
- package/dist/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js +40 -4
- package/dist/BaseLinearDisplay/components/TooLargeMessage.js +5 -4
- package/dist/BaseLinearDisplay/models/BaseLinearDisplayModel.d.ts +18 -4
- package/dist/BaseLinearDisplay/models/serverSideRenderedBlock.d.ts +9 -2
- package/dist/BaseLinearDisplay/models/util.js +4 -2
- package/dist/LaunchLinearGenomeView/index.js +16 -2
- package/dist/LinearBareDisplay/model.d.ts +18 -4
- package/dist/LinearBasicDisplay/model.d.ts +32 -24
- package/dist/LinearBasicDisplay/model.js +2 -2
- package/dist/LinearGenomeView/components/ExportSvgDialog.d.ts +1 -1
- package/dist/LinearGenomeView/components/ExportSvgDialog.js +2 -2
- package/dist/LinearGenomeView/components/Highlight.d.ts +7 -0
- package/dist/LinearGenomeView/components/Highlight.js +122 -0
- package/dist/LinearGenomeView/components/OverviewHighlight.d.ts +9 -0
- package/dist/LinearGenomeView/components/OverviewHighlight.js +53 -0
- package/dist/LinearGenomeView/components/OverviewScalebar.js +3 -1
- package/dist/LinearGenomeView/components/RefNameAutocomplete/EndAdornment.js +1 -1
- package/dist/LinearGenomeView/components/RefNameAutocomplete/index.js +9 -10
- package/dist/LinearGenomeView/components/TracksContainer.js +2 -0
- package/dist/LinearGenomeView/model.d.ts +10 -5
- package/dist/LinearGenomeView/model.js +26 -15
- package/dist/LinearGenomeView/util.d.ts +1 -1
- package/dist/index.d.ts +96 -42
- package/esm/BaseLinearDisplay/components/BlockMsg.d.ts +2 -4
- package/esm/BaseLinearDisplay/components/BlockMsg.js +3 -4
- package/esm/BaseLinearDisplay/components/LinearBlocks.js +2 -2
- package/esm/BaseLinearDisplay/components/ServerSideRenderedBlockContent.d.ts +10 -2
- package/esm/BaseLinearDisplay/components/ServerSideRenderedBlockContent.js +17 -4
- package/esm/BaseLinearDisplay/components/TooLargeMessage.js +5 -4
- package/esm/BaseLinearDisplay/models/BaseLinearDisplayModel.d.ts +18 -4
- package/esm/BaseLinearDisplay/models/serverSideRenderedBlock.d.ts +9 -2
- package/esm/BaseLinearDisplay/models/util.js +4 -2
- package/esm/LaunchLinearGenomeView/index.js +17 -3
- package/esm/LinearBareDisplay/model.d.ts +18 -4
- package/esm/LinearBasicDisplay/model.d.ts +32 -24
- package/esm/LinearBasicDisplay/model.js +2 -2
- package/esm/LinearGenomeView/components/ExportSvgDialog.d.ts +1 -1
- package/esm/LinearGenomeView/components/ExportSvgDialog.js +1 -1
- package/esm/LinearGenomeView/components/Highlight.d.ts +7 -0
- package/esm/LinearGenomeView/components/Highlight.js +94 -0
- package/esm/LinearGenomeView/components/OverviewHighlight.d.ts +9 -0
- package/esm/LinearGenomeView/components/OverviewHighlight.js +48 -0
- package/esm/LinearGenomeView/components/OverviewScalebar.js +3 -1
- package/esm/LinearGenomeView/components/RefNameAutocomplete/EndAdornment.js +1 -1
- package/esm/LinearGenomeView/components/RefNameAutocomplete/index.js +10 -11
- package/esm/LinearGenomeView/components/TracksContainer.js +2 -0
- package/esm/LinearGenomeView/model.d.ts +10 -5
- package/esm/LinearGenomeView/model.js +26 -15
- package/esm/LinearGenomeView/util.d.ts +1 -1
- package/esm/index.d.ts +96 -42
- package/package.json +2 -2
|
@@ -41,6 +41,7 @@ const util_3 = require("./util");
|
|
|
41
41
|
const OverviewRubberband_1 = __importDefault(require("./OverviewRubberband"));
|
|
42
42
|
const Cytobands_1 = __importDefault(require("./Cytobands"));
|
|
43
43
|
const OverviewScalebarPolygon_1 = __importDefault(require("./OverviewScalebarPolygon"));
|
|
44
|
+
const OverviewHighlight_1 = __importDefault(require("./OverviewHighlight"));
|
|
44
45
|
const wholeSeqSpacer = 2;
|
|
45
46
|
const useStyles = (0, mui_1.makeStyles)()(theme => ({
|
|
46
47
|
scalebar: {
|
|
@@ -179,7 +180,8 @@ const Scalebar = (0, mobx_react_1.observer)(function ({ model, scale, overview,
|
|
|
179
180
|
backgroundColor: '#999',
|
|
180
181
|
backgroundImage: 'repeating-linear-gradient(90deg, transparent, transparent 1px, rgba(255,255,255,.5) 1px, rgba(255,255,255,.5) 3px)',
|
|
181
182
|
} })) : (react_1.default.createElement(OverviewBox, { scale: scale, block: block, model: model, overview: overview, key: `${JSON.stringify(block)}-${idx}` }));
|
|
182
|
-
})
|
|
183
|
+
}),
|
|
184
|
+
react_1.default.createElement(OverviewHighlight_1.default, { model: model, overview: overview })));
|
|
183
185
|
});
|
|
184
186
|
const OverviewScalebar = (0, mobx_react_1.observer)(function ({ model, children, }) {
|
|
185
187
|
const { classes } = useStyles();
|
|
@@ -38,7 +38,7 @@ function HelpAdornment() {
|
|
|
38
38
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
39
39
|
react_1.default.createElement(material_1.IconButton, { onClick: () => setHelpDialogDisplayed(true), size: "small" },
|
|
40
40
|
react_1.default.createElement(Help_1.default, { fontSize: "small" })),
|
|
41
|
-
isHelpDialogDisplayed ? (react_1.default.createElement(react_1.Suspense, { fallback:
|
|
41
|
+
isHelpDialogDisplayed ? (react_1.default.createElement(react_1.Suspense, { fallback: null },
|
|
42
42
|
react_1.default.createElement(HelpDialog, { handleClose: () => setHelpDialogDisplayed(false) }))) : null));
|
|
43
43
|
}
|
|
44
44
|
function EndAdornment({ showHelp, endAdornment, }) {
|
|
@@ -34,7 +34,6 @@ const material_1 = require("@mui/material");
|
|
|
34
34
|
const util_2 = require("./util");
|
|
35
35
|
const AutocompleteTextField_1 = __importDefault(require("./AutocompleteTextField"));
|
|
36
36
|
const RefNameAutocomplete = (0, mobx_react_1.observer)(function ({ model, onSelect, assemblyName, style, fetchResults, onChange, value, showHelp = true, minWidth = 200, maxWidth = 550, TextFieldProps = {}, }) {
|
|
37
|
-
var _a;
|
|
38
37
|
const session = (0, util_1.getSession)(model);
|
|
39
38
|
const { assemblyManager } = session;
|
|
40
39
|
const [open, setOpen] = (0, react_1.useState)(false);
|
|
@@ -73,6 +72,14 @@ const RefNameAutocomplete = (0, mobx_react_1.observer)(function ({ model, onSele
|
|
|
73
72
|
const inputBoxVal = coarseVisibleLocStrings || value || '';
|
|
74
73
|
// heuristic, text width + 60 accommodates help icon and search icon
|
|
75
74
|
const width = Math.min(Math.max((0, util_1.measureText)(inputBoxVal, 14) + 100, minWidth), maxWidth);
|
|
75
|
+
const regions = assembly === null || assembly === void 0 ? void 0 : assembly.regions;
|
|
76
|
+
const regionOptions = (0, react_1.useMemo)(() => (regions === null || regions === void 0 ? void 0 : regions.map(option => ({
|
|
77
|
+
result: new BaseResults_1.RefSequenceResult({
|
|
78
|
+
refName: option.refName,
|
|
79
|
+
label: option.refName,
|
|
80
|
+
matchedAttribute: 'refName',
|
|
81
|
+
}),
|
|
82
|
+
}))) || [], [regions]);
|
|
76
83
|
// notes on implementation:
|
|
77
84
|
// The selectOnFocus setting helps highlight the field when clicked
|
|
78
85
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
@@ -98,14 +105,6 @@ const RefNameAutocomplete = (0, mobx_react_1.observer)(function ({ model, onSele
|
|
|
98
105
|
onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectedOption.result);
|
|
99
106
|
}
|
|
100
107
|
setInputValue(inputBoxVal);
|
|
101
|
-
}, options:
|
|
102
|
-
? ((_a = assembly === null || assembly === void 0 ? void 0 : assembly.regions) === null || _a === void 0 ? void 0 : _a.map(option => ({
|
|
103
|
-
result: new BaseResults_1.RefSequenceResult({
|
|
104
|
-
refName: option.refName,
|
|
105
|
-
label: option.refName,
|
|
106
|
-
matchedAttribute: 'refName',
|
|
107
|
-
}),
|
|
108
|
-
}))) || []
|
|
109
|
-
: searchOptions, getOptionDisabled: option => option.group === 'limitOption', filterOptions: (opts, { inputValue }) => (0, util_2.getFiltered)(opts, inputValue), renderInput: params => (react_1.default.createElement(AutocompleteTextField_1.default, { showHelp: showHelp, params: params, inputBoxVal: inputBoxVal, TextFieldProps: TextFieldProps, setCurrentSearch: setCurrentSearch, setInputValue: setInputValue })), getOptionLabel: opt => typeof opt === 'string' ? opt : opt.result.getDisplayString() })));
|
|
108
|
+
}, options: (searchOptions === null || searchOptions === void 0 ? void 0 : searchOptions.length) ? searchOptions : regionOptions, getOptionDisabled: option => option.group === 'limitOption', filterOptions: (opts, { inputValue }) => (0, util_2.getFiltered)(opts, inputValue), renderInput: params => (react_1.default.createElement(AutocompleteTextField_1.default, { showHelp: showHelp, params: params, inputBoxVal: inputBoxVal, TextFieldProps: TextFieldProps, setCurrentSearch: setCurrentSearch, setInputValue: setInputValue })), getOptionLabel: opt => typeof opt === 'string' ? opt : opt.result.getDisplayString() })));
|
|
110
109
|
});
|
|
111
110
|
exports.default = RefNameAutocomplete;
|
|
@@ -41,6 +41,7 @@ const Gridlines_1 = __importDefault(require("./Gridlines"));
|
|
|
41
41
|
const CenterLine_1 = __importDefault(require("./CenterLine"));
|
|
42
42
|
const VerticalGuide_1 = __importDefault(require("./VerticalGuide"));
|
|
43
43
|
const RubberbandSpan_1 = __importDefault(require("./RubberbandSpan"));
|
|
44
|
+
const Highlight_1 = __importDefault(require("./Highlight"));
|
|
44
45
|
const useStyles = (0, mui_1.makeStyles)()({
|
|
45
46
|
tracksContainer: {
|
|
46
47
|
position: 'relative',
|
|
@@ -67,6 +68,7 @@ const TracksContainer = (0, mobx_react_1.observer)(function TracksContainer({ ch
|
|
|
67
68
|
top: anchorPosition.clientY,
|
|
68
69
|
}, onMenuItemClick: handleMenuItemClick, open: open, onClose: handleClose, menuItems: model.rubberBandMenuItems() })) : null,
|
|
69
70
|
react_1.default.createElement(Rubberband_1.default, { model: model, ControlComponent: react_1.default.createElement(Scalebar_1.default, { model: model, style: { height: __1.SCALE_BAR_HEIGHT, boxSizing: 'border-box' } }) }),
|
|
71
|
+
react_1.default.createElement(Highlight_1.default, { model: model }),
|
|
70
72
|
additional,
|
|
71
73
|
children));
|
|
72
74
|
});
|
|
@@ -81,6 +81,7 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
|
|
|
81
81
|
showCytobandsSetting: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
|
|
82
82
|
trackLabels: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
|
|
83
83
|
showGridlines: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
|
|
84
|
+
highlight: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IType<Required<ParsedLocString>, Required<ParsedLocString>, Required<ParsedLocString>>>;
|
|
84
85
|
}, {
|
|
85
86
|
width: number;
|
|
86
87
|
} & {
|
|
@@ -238,19 +239,23 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
|
|
|
238
239
|
/**
|
|
239
240
|
* #action
|
|
240
241
|
*/
|
|
241
|
-
|
|
242
|
+
setHideHeader(b: boolean): void;
|
|
242
243
|
/**
|
|
243
244
|
* #action
|
|
244
245
|
*/
|
|
245
|
-
|
|
246
|
+
setHideHeaderOverview(b: boolean): void;
|
|
246
247
|
/**
|
|
247
248
|
* #action
|
|
248
249
|
*/
|
|
249
|
-
|
|
250
|
+
setHideNoTracksActive(b: boolean): void;
|
|
250
251
|
/**
|
|
251
252
|
* #action
|
|
252
253
|
*/
|
|
253
|
-
|
|
254
|
+
setShowGridlines(b: boolean): void;
|
|
255
|
+
/**
|
|
256
|
+
* #action
|
|
257
|
+
*/
|
|
258
|
+
setHighlight(highlight: Required<ParsedLocString> | undefined): void;
|
|
254
259
|
/**
|
|
255
260
|
* #action
|
|
256
261
|
*/
|
|
@@ -306,7 +311,7 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
|
|
|
306
311
|
/**
|
|
307
312
|
* #action
|
|
308
313
|
*/
|
|
309
|
-
|
|
314
|
+
setShowCenterLine(b: boolean): void;
|
|
310
315
|
/**
|
|
311
316
|
* #action
|
|
312
317
|
*/
|
|
@@ -165,6 +165,11 @@ function stateModelFactory(pluginManager) {
|
|
|
165
165
|
* show the "gridlines" in the track area
|
|
166
166
|
*/
|
|
167
167
|
showGridlines: true,
|
|
168
|
+
/**
|
|
169
|
+
* #property
|
|
170
|
+
* highlights on the LGV from the URL parameters
|
|
171
|
+
*/
|
|
172
|
+
highlight: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.frozen()),
|
|
168
173
|
}))
|
|
169
174
|
.volatile(() => ({
|
|
170
175
|
volatileWidth: undefined,
|
|
@@ -447,26 +452,32 @@ function stateModelFactory(pluginManager) {
|
|
|
447
452
|
/**
|
|
448
453
|
* #action
|
|
449
454
|
*/
|
|
450
|
-
|
|
451
|
-
self.hideHeader =
|
|
455
|
+
setHideHeader(b) {
|
|
456
|
+
self.hideHeader = b;
|
|
457
|
+
},
|
|
458
|
+
/**
|
|
459
|
+
* #action
|
|
460
|
+
*/
|
|
461
|
+
setHideHeaderOverview(b) {
|
|
462
|
+
self.hideHeaderOverview = b;
|
|
452
463
|
},
|
|
453
464
|
/**
|
|
454
465
|
* #action
|
|
455
466
|
*/
|
|
456
|
-
|
|
457
|
-
self.
|
|
467
|
+
setHideNoTracksActive(b) {
|
|
468
|
+
self.hideNoTracksActive = b;
|
|
458
469
|
},
|
|
459
470
|
/**
|
|
460
471
|
* #action
|
|
461
472
|
*/
|
|
462
|
-
|
|
463
|
-
self.
|
|
473
|
+
setShowGridlines(b) {
|
|
474
|
+
self.showGridlines = b;
|
|
464
475
|
},
|
|
465
476
|
/**
|
|
466
477
|
* #action
|
|
467
478
|
*/
|
|
468
|
-
|
|
469
|
-
self.
|
|
479
|
+
setHighlight(highlight) {
|
|
480
|
+
self.highlight = highlight;
|
|
470
481
|
},
|
|
471
482
|
/**
|
|
472
483
|
* #action
|
|
@@ -642,8 +653,8 @@ function stateModelFactory(pluginManager) {
|
|
|
642
653
|
/**
|
|
643
654
|
* #action
|
|
644
655
|
*/
|
|
645
|
-
|
|
646
|
-
self.showCenterLine =
|
|
656
|
+
setShowCenterLine(b) {
|
|
657
|
+
self.showCenterLine = b;
|
|
647
658
|
},
|
|
648
659
|
/**
|
|
649
660
|
* #action
|
|
@@ -920,32 +931,32 @@ function stateModelFactory(pluginManager) {
|
|
|
920
931
|
label: 'Show center line',
|
|
921
932
|
type: 'checkbox',
|
|
922
933
|
checked: self.showCenterLine,
|
|
923
|
-
onClick: self.
|
|
934
|
+
onClick: () => self.setShowCenterLine(!self.showCenterLine),
|
|
924
935
|
},
|
|
925
936
|
{
|
|
926
937
|
label: 'Show header',
|
|
927
938
|
type: 'checkbox',
|
|
928
939
|
checked: !self.hideHeader,
|
|
929
|
-
onClick: self.
|
|
940
|
+
onClick: () => self.setHideHeader(!self.hideHeader),
|
|
930
941
|
},
|
|
931
942
|
{
|
|
932
943
|
label: 'Show header overview',
|
|
933
944
|
type: 'checkbox',
|
|
934
945
|
checked: !self.hideHeaderOverview,
|
|
935
|
-
onClick: self.
|
|
946
|
+
onClick: () => self.setHideHeaderOverview(!self.hideHeaderOverview),
|
|
936
947
|
disabled: self.hideHeader,
|
|
937
948
|
},
|
|
938
949
|
{
|
|
939
950
|
label: 'Show no tracks active button',
|
|
940
951
|
type: 'checkbox',
|
|
941
952
|
checked: !self.hideNoTracksActive,
|
|
942
|
-
onClick: self.
|
|
953
|
+
onClick: () => self.setHideNoTracksActive(!self.hideNoTracksActive),
|
|
943
954
|
},
|
|
944
955
|
{
|
|
945
956
|
label: 'Show guidelines',
|
|
946
957
|
type: 'checkbox',
|
|
947
958
|
checked: self.showGridlines,
|
|
948
|
-
onClick: self.
|
|
959
|
+
onClick: () => self.setShowGridlines(!self.showGridlines),
|
|
949
960
|
},
|
|
950
961
|
...(canShowCytobands
|
|
951
962
|
? [
|
|
@@ -24,8 +24,8 @@ export declare function generateLocations(regions: ParsedLocString[] | undefined
|
|
|
24
24
|
assemblyName: string;
|
|
25
25
|
parentRegion: import("@jbrowse/core/assemblyManager/assembly").BasicRegion;
|
|
26
26
|
end?: number | undefined;
|
|
27
|
-
reversed?: boolean | undefined;
|
|
28
27
|
start?: number | undefined;
|
|
28
|
+
reversed?: boolean | undefined;
|
|
29
29
|
refName: string;
|
|
30
30
|
}[]>;
|
|
31
31
|
/**
|
package/dist/index.d.ts
CHANGED
|
@@ -38,8 +38,15 @@ export default class LinearGenomeViewPlugin extends Plugin {
|
|
|
38
38
|
message: string | undefined;
|
|
39
39
|
maxHeightReached: boolean;
|
|
40
40
|
ReactComponent: ({ model, }: {
|
|
41
|
-
model:
|
|
42
|
-
|
|
41
|
+
model: {
|
|
42
|
+
error?: unknown;
|
|
43
|
+
reload: () => void;
|
|
44
|
+
message: import("react").ReactNode;
|
|
45
|
+
filled?: boolean | undefined;
|
|
46
|
+
status?: string | undefined;
|
|
47
|
+
reactElement?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
48
|
+
};
|
|
49
|
+
}) => import("react").JSX.Element | undefined;
|
|
43
50
|
renderProps: any;
|
|
44
51
|
} & {
|
|
45
52
|
doReload(): void;
|
|
@@ -83,8 +90,15 @@ export default class LinearGenomeViewPlugin extends Plugin {
|
|
|
83
90
|
message: string | undefined;
|
|
84
91
|
maxHeightReached: boolean;
|
|
85
92
|
ReactComponent: ({ model, }: {
|
|
86
|
-
model:
|
|
87
|
-
|
|
93
|
+
model: {
|
|
94
|
+
error?: unknown;
|
|
95
|
+
reload: () => void;
|
|
96
|
+
message: import("react").ReactNode;
|
|
97
|
+
filled?: boolean | undefined;
|
|
98
|
+
status?: string | undefined;
|
|
99
|
+
reactElement?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
100
|
+
};
|
|
101
|
+
}) => import("react").JSX.Element | undefined;
|
|
88
102
|
renderProps: any;
|
|
89
103
|
} & {
|
|
90
104
|
doReload(): void;
|
|
@@ -292,8 +306,15 @@ export default class LinearGenomeViewPlugin extends Plugin {
|
|
|
292
306
|
message: string | undefined;
|
|
293
307
|
maxHeightReached: boolean;
|
|
294
308
|
ReactComponent: ({ model, }: {
|
|
295
|
-
model:
|
|
296
|
-
|
|
309
|
+
model: {
|
|
310
|
+
error?: unknown;
|
|
311
|
+
reload: () => void;
|
|
312
|
+
message: import("react").ReactNode;
|
|
313
|
+
filled?: boolean | undefined;
|
|
314
|
+
status?: string | undefined;
|
|
315
|
+
reactElement?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
316
|
+
};
|
|
317
|
+
}) => import("react").JSX.Element | undefined;
|
|
297
318
|
renderProps: any;
|
|
298
319
|
} & {
|
|
299
320
|
doReload(): void;
|
|
@@ -497,8 +518,15 @@ export default class LinearGenomeViewPlugin extends Plugin {
|
|
|
497
518
|
message: string | undefined;
|
|
498
519
|
maxHeightReached: boolean;
|
|
499
520
|
ReactComponent: ({ model, }: {
|
|
500
|
-
model:
|
|
501
|
-
|
|
521
|
+
model: {
|
|
522
|
+
error?: unknown;
|
|
523
|
+
reload: () => void;
|
|
524
|
+
message: import("react").ReactNode;
|
|
525
|
+
filled?: boolean | undefined;
|
|
526
|
+
status?: string | undefined;
|
|
527
|
+
reactElement?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
528
|
+
};
|
|
529
|
+
}) => import("react").JSX.Element | undefined;
|
|
502
530
|
renderProps: any;
|
|
503
531
|
} & {
|
|
504
532
|
doReload(): void;
|
|
@@ -587,8 +615,15 @@ export default class LinearGenomeViewPlugin extends Plugin {
|
|
|
587
615
|
message: string | undefined;
|
|
588
616
|
maxHeightReached: boolean;
|
|
589
617
|
ReactComponent: ({ model, }: {
|
|
590
|
-
model:
|
|
591
|
-
|
|
618
|
+
model: {
|
|
619
|
+
error?: unknown;
|
|
620
|
+
reload: () => void;
|
|
621
|
+
message: import("react").ReactNode;
|
|
622
|
+
filled?: boolean | undefined;
|
|
623
|
+
status?: string | undefined;
|
|
624
|
+
reactElement?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
625
|
+
};
|
|
626
|
+
}) => import("react").JSX.Element | undefined;
|
|
592
627
|
renderProps: any;
|
|
593
628
|
} & {
|
|
594
629
|
doReload(): void;
|
|
@@ -792,8 +827,15 @@ export default class LinearGenomeViewPlugin extends Plugin {
|
|
|
792
827
|
message: string | undefined;
|
|
793
828
|
maxHeightReached: boolean;
|
|
794
829
|
ReactComponent: ({ model, }: {
|
|
795
|
-
model:
|
|
796
|
-
|
|
830
|
+
model: {
|
|
831
|
+
error?: unknown;
|
|
832
|
+
reload: () => void;
|
|
833
|
+
message: import("react").ReactNode;
|
|
834
|
+
filled?: boolean | undefined;
|
|
835
|
+
status?: string | undefined;
|
|
836
|
+
reactElement?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
837
|
+
};
|
|
838
|
+
}) => import("react").JSX.Element | undefined;
|
|
797
839
|
renderProps: any;
|
|
798
840
|
} & {
|
|
799
841
|
doReload(): void;
|
|
@@ -904,6 +946,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
|
|
|
904
946
|
showCytobandsSetting: boolean;
|
|
905
947
|
trackLabels: string;
|
|
906
948
|
showGridlines: boolean;
|
|
949
|
+
highlight: (Required<import("@jbrowse/core/util").ParsedLocString> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IMaybe<import("mobx-state-tree").IType<Required<import("@jbrowse/core/util").ParsedLocString>, Required<import("@jbrowse/core/util").ParsedLocString>, Required<import("@jbrowse/core/util").ParsedLocString>>>>) | undefined;
|
|
907
950
|
} & import("mobx-state-tree/dist/internal").NonEmptyObject & {
|
|
908
951
|
width: number;
|
|
909
952
|
} & {
|
|
@@ -964,10 +1007,11 @@ export default class LinearGenomeViewPlugin extends Plugin {
|
|
|
964
1007
|
setShowCytobands(flag: boolean): void;
|
|
965
1008
|
setWidth(newWidth: number): void;
|
|
966
1009
|
setError(error: unknown): void;
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
1010
|
+
setHideHeader(b: boolean): void;
|
|
1011
|
+
setHideHeaderOverview(b: boolean): void;
|
|
1012
|
+
setHideNoTracksActive(b: boolean): void;
|
|
1013
|
+
setShowGridlines(b: boolean): void;
|
|
1014
|
+
setHighlight(highlight: Required<import("@jbrowse/core/util").ParsedLocString> | undefined): void;
|
|
971
1015
|
scrollTo(offsetPx: number): number;
|
|
972
1016
|
zoomTo(bpPerPx: number, offset?: number, centerAtOffset?: boolean): number;
|
|
973
1017
|
setOffsets(left?: import("./LinearGenomeView").BpOffset | undefined, right?: import("./LinearGenomeView").BpOffset | undefined): void;
|
|
@@ -981,7 +1025,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
|
|
|
981
1025
|
closeView(): void;
|
|
982
1026
|
toggleTrack(trackId: string): boolean;
|
|
983
1027
|
setTrackLabels(setting: "offset" | "hidden" | "overlapping"): void;
|
|
984
|
-
|
|
1028
|
+
setShowCenterLine(b: boolean): void;
|
|
985
1029
|
setDisplayedRegions(regions: import("@jbrowse/core/util").Region[]): void;
|
|
986
1030
|
activateTrackSelector(): import("@jbrowse/core/util").Widget;
|
|
987
1031
|
getSelectedRegions(leftOffset?: import("./LinearGenomeView").BpOffset | undefined, rightOffset?: import("./LinearGenomeView").BpOffset | undefined): {
|
|
@@ -1223,6 +1267,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
|
|
|
1223
1267
|
showCytobandsSetting: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
|
|
1224
1268
|
trackLabels: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
|
|
1225
1269
|
showGridlines: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
|
|
1270
|
+
highlight: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IType<Required<import("@jbrowse/core/util").ParsedLocString>, Required<import("@jbrowse/core/util").ParsedLocString>, Required<import("@jbrowse/core/util").ParsedLocString>>>;
|
|
1226
1271
|
}, {
|
|
1227
1272
|
width: number;
|
|
1228
1273
|
} & {
|
|
@@ -1283,10 +1328,11 @@ export default class LinearGenomeViewPlugin extends Plugin {
|
|
|
1283
1328
|
setShowCytobands(flag: boolean): void;
|
|
1284
1329
|
setWidth(newWidth: number): void;
|
|
1285
1330
|
setError(error: unknown): void;
|
|
1286
|
-
|
|
1287
|
-
|
|
1288
|
-
|
|
1289
|
-
|
|
1331
|
+
setHideHeader(b: boolean): void;
|
|
1332
|
+
setHideHeaderOverview(b: boolean): void;
|
|
1333
|
+
setHideNoTracksActive(b: boolean): void;
|
|
1334
|
+
setShowGridlines(b: boolean): void;
|
|
1335
|
+
setHighlight(highlight: Required<import("@jbrowse/core/util").ParsedLocString> | undefined): void;
|
|
1290
1336
|
scrollTo(offsetPx: number): number;
|
|
1291
1337
|
zoomTo(bpPerPx: number, offset?: number, centerAtOffset?: boolean): number;
|
|
1292
1338
|
setOffsets(left?: import("./LinearGenomeView").BpOffset | undefined, right?: import("./LinearGenomeView").BpOffset | undefined): void;
|
|
@@ -1300,7 +1346,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
|
|
|
1300
1346
|
closeView(): void;
|
|
1301
1347
|
toggleTrack(trackId: string): boolean;
|
|
1302
1348
|
setTrackLabels(setting: "offset" | "hidden" | "overlapping"): void;
|
|
1303
|
-
|
|
1349
|
+
setShowCenterLine(b: boolean): void;
|
|
1304
1350
|
setDisplayedRegions(regions: import("@jbrowse/core/util").Region[]): void;
|
|
1305
1351
|
activateTrackSelector(): import("@jbrowse/core/util").Widget;
|
|
1306
1352
|
getSelectedRegions(leftOffset?: import("./LinearGenomeView").BpOffset | undefined, rightOffset?: import("./LinearGenomeView").BpOffset | undefined): {
|
|
@@ -1552,6 +1598,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
|
|
|
1552
1598
|
showCytobandsSetting: boolean;
|
|
1553
1599
|
trackLabels: string;
|
|
1554
1600
|
showGridlines: boolean;
|
|
1601
|
+
highlight: (Required<import("@jbrowse/core/util").ParsedLocString> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IMaybe<import("mobx-state-tree").IType<Required<import("@jbrowse/core/util").ParsedLocString>, Required<import("@jbrowse/core/util").ParsedLocString>, Required<import("@jbrowse/core/util").ParsedLocString>>>>) | undefined;
|
|
1555
1602
|
} & import("mobx-state-tree/dist/internal").NonEmptyObject & {
|
|
1556
1603
|
width: number;
|
|
1557
1604
|
} & {
|
|
@@ -1612,10 +1659,11 @@ export default class LinearGenomeViewPlugin extends Plugin {
|
|
|
1612
1659
|
setShowCytobands(flag: boolean): void;
|
|
1613
1660
|
setWidth(newWidth: number): void;
|
|
1614
1661
|
setError(error: unknown): void;
|
|
1615
|
-
|
|
1616
|
-
|
|
1617
|
-
|
|
1618
|
-
|
|
1662
|
+
setHideHeader(b: boolean): void;
|
|
1663
|
+
setHideHeaderOverview(b: boolean): void;
|
|
1664
|
+
setHideNoTracksActive(b: boolean): void;
|
|
1665
|
+
setShowGridlines(b: boolean): void;
|
|
1666
|
+
setHighlight(highlight: Required<import("@jbrowse/core/util").ParsedLocString> | undefined): void;
|
|
1619
1667
|
scrollTo(offsetPx: number): number;
|
|
1620
1668
|
zoomTo(bpPerPx: number, offset?: number, centerAtOffset?: boolean): number;
|
|
1621
1669
|
setOffsets(left?: import("./LinearGenomeView").BpOffset | undefined, right?: import("./LinearGenomeView").BpOffset | undefined): void;
|
|
@@ -1629,7 +1677,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
|
|
|
1629
1677
|
closeView(): void;
|
|
1630
1678
|
toggleTrack(trackId: string): boolean;
|
|
1631
1679
|
setTrackLabels(setting: "offset" | "hidden" | "overlapping"): void;
|
|
1632
|
-
|
|
1680
|
+
setShowCenterLine(b: boolean): void;
|
|
1633
1681
|
setDisplayedRegions(regions: import("@jbrowse/core/util").Region[]): void;
|
|
1634
1682
|
activateTrackSelector(): import("@jbrowse/core/util").Widget;
|
|
1635
1683
|
getSelectedRegions(leftOffset?: import("./LinearGenomeView").BpOffset | undefined, rightOffset?: import("./LinearGenomeView").BpOffset | undefined): {
|
|
@@ -1871,6 +1919,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
|
|
|
1871
1919
|
showCytobandsSetting: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
|
|
1872
1920
|
trackLabels: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
|
|
1873
1921
|
showGridlines: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
|
|
1922
|
+
highlight: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IType<Required<import("@jbrowse/core/util").ParsedLocString>, Required<import("@jbrowse/core/util").ParsedLocString>, Required<import("@jbrowse/core/util").ParsedLocString>>>;
|
|
1874
1923
|
}, {
|
|
1875
1924
|
width: number;
|
|
1876
1925
|
} & {
|
|
@@ -1931,10 +1980,11 @@ export default class LinearGenomeViewPlugin extends Plugin {
|
|
|
1931
1980
|
setShowCytobands(flag: boolean): void;
|
|
1932
1981
|
setWidth(newWidth: number): void;
|
|
1933
1982
|
setError(error: unknown): void;
|
|
1934
|
-
|
|
1935
|
-
|
|
1936
|
-
|
|
1937
|
-
|
|
1983
|
+
setHideHeader(b: boolean): void;
|
|
1984
|
+
setHideHeaderOverview(b: boolean): void;
|
|
1985
|
+
setHideNoTracksActive(b: boolean): void;
|
|
1986
|
+
setShowGridlines(b: boolean): void;
|
|
1987
|
+
setHighlight(highlight: Required<import("@jbrowse/core/util").ParsedLocString> | undefined): void;
|
|
1938
1988
|
scrollTo(offsetPx: number): number;
|
|
1939
1989
|
zoomTo(bpPerPx: number, offset?: number, centerAtOffset?: boolean): number;
|
|
1940
1990
|
setOffsets(left?: import("./LinearGenomeView").BpOffset | undefined, right?: import("./LinearGenomeView").BpOffset | undefined): void;
|
|
@@ -1948,7 +1998,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
|
|
|
1948
1998
|
closeView(): void;
|
|
1949
1999
|
toggleTrack(trackId: string): boolean;
|
|
1950
2000
|
setTrackLabels(setting: "offset" | "hidden" | "overlapping"): void;
|
|
1951
|
-
|
|
2001
|
+
setShowCenterLine(b: boolean): void;
|
|
1952
2002
|
setDisplayedRegions(regions: import("@jbrowse/core/util").Region[]): void;
|
|
1953
2003
|
activateTrackSelector(): import("@jbrowse/core/util").Widget;
|
|
1954
2004
|
getSelectedRegions(leftOffset?: import("./LinearGenomeView").BpOffset | undefined, rightOffset?: import("./LinearGenomeView").BpOffset | undefined): {
|
|
@@ -2200,6 +2250,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
|
|
|
2200
2250
|
showCytobandsSetting: boolean;
|
|
2201
2251
|
trackLabels: string;
|
|
2202
2252
|
showGridlines: boolean;
|
|
2253
|
+
highlight: (Required<import("@jbrowse/core/util").ParsedLocString> & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IMaybe<import("mobx-state-tree").IType<Required<import("@jbrowse/core/util").ParsedLocString>, Required<import("@jbrowse/core/util").ParsedLocString>, Required<import("@jbrowse/core/util").ParsedLocString>>>>) | undefined;
|
|
2203
2254
|
} & import("mobx-state-tree/dist/internal").NonEmptyObject & {
|
|
2204
2255
|
width: number;
|
|
2205
2256
|
} & {
|
|
@@ -2260,10 +2311,11 @@ export default class LinearGenomeViewPlugin extends Plugin {
|
|
|
2260
2311
|
setShowCytobands(flag: boolean): void;
|
|
2261
2312
|
setWidth(newWidth: number): void;
|
|
2262
2313
|
setError(error: unknown): void;
|
|
2263
|
-
|
|
2264
|
-
|
|
2265
|
-
|
|
2266
|
-
|
|
2314
|
+
setHideHeader(b: boolean): void;
|
|
2315
|
+
setHideHeaderOverview(b: boolean): void;
|
|
2316
|
+
setHideNoTracksActive(b: boolean): void;
|
|
2317
|
+
setShowGridlines(b: boolean): void;
|
|
2318
|
+
setHighlight(highlight: Required<import("@jbrowse/core/util").ParsedLocString> | undefined): void;
|
|
2267
2319
|
scrollTo(offsetPx: number): number;
|
|
2268
2320
|
zoomTo(bpPerPx: number, offset?: number, centerAtOffset?: boolean): number;
|
|
2269
2321
|
setOffsets(left?: import("./LinearGenomeView").BpOffset | undefined, right?: import("./LinearGenomeView").BpOffset | undefined): void;
|
|
@@ -2277,7 +2329,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
|
|
|
2277
2329
|
closeView(): void;
|
|
2278
2330
|
toggleTrack(trackId: string): boolean;
|
|
2279
2331
|
setTrackLabels(setting: "offset" | "hidden" | "overlapping"): void;
|
|
2280
|
-
|
|
2332
|
+
setShowCenterLine(b: boolean): void;
|
|
2281
2333
|
setDisplayedRegions(regions: import("@jbrowse/core/util").Region[]): void;
|
|
2282
2334
|
activateTrackSelector(): import("@jbrowse/core/util").Widget;
|
|
2283
2335
|
getSelectedRegions(leftOffset?: import("./LinearGenomeView").BpOffset | undefined, rightOffset?: import("./LinearGenomeView").BpOffset | undefined): {
|
|
@@ -2519,6 +2571,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
|
|
|
2519
2571
|
showCytobandsSetting: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
|
|
2520
2572
|
trackLabels: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
|
|
2521
2573
|
showGridlines: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
|
|
2574
|
+
highlight: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IType<Required<import("@jbrowse/core/util").ParsedLocString>, Required<import("@jbrowse/core/util").ParsedLocString>, Required<import("@jbrowse/core/util").ParsedLocString>>>;
|
|
2522
2575
|
}, {
|
|
2523
2576
|
width: number;
|
|
2524
2577
|
} & {
|
|
@@ -2579,10 +2632,11 @@ export default class LinearGenomeViewPlugin extends Plugin {
|
|
|
2579
2632
|
setShowCytobands(flag: boolean): void;
|
|
2580
2633
|
setWidth(newWidth: number): void;
|
|
2581
2634
|
setError(error: unknown): void;
|
|
2582
|
-
|
|
2583
|
-
|
|
2584
|
-
|
|
2585
|
-
|
|
2635
|
+
setHideHeader(b: boolean): void;
|
|
2636
|
+
setHideHeaderOverview(b: boolean): void;
|
|
2637
|
+
setHideNoTracksActive(b: boolean): void;
|
|
2638
|
+
setShowGridlines(b: boolean): void;
|
|
2639
|
+
setHighlight(highlight: Required<import("@jbrowse/core/util").ParsedLocString> | undefined): void;
|
|
2586
2640
|
scrollTo(offsetPx: number): number;
|
|
2587
2641
|
zoomTo(bpPerPx: number, offset?: number, centerAtOffset?: boolean): number;
|
|
2588
2642
|
setOffsets(left?: import("./LinearGenomeView").BpOffset | undefined, right?: import("./LinearGenomeView").BpOffset | undefined): void;
|
|
@@ -2596,7 +2650,7 @@ export default class LinearGenomeViewPlugin extends Plugin {
|
|
|
2596
2650
|
closeView(): void;
|
|
2597
2651
|
toggleTrack(trackId: string): boolean;
|
|
2598
2652
|
setTrackLabels(setting: "offset" | "hidden" | "overlapping"): void;
|
|
2599
|
-
|
|
2653
|
+
setShowCenterLine(b: boolean): void;
|
|
2600
2654
|
setDisplayedRegions(regions: import("@jbrowse/core/util").Region[]): void;
|
|
2601
2655
|
activateTrackSelector(): import("@jbrowse/core/util").Widget;
|
|
2602
2656
|
getSelectedRegions(leftOffset?: import("./LinearGenomeView").BpOffset | undefined, rightOffset?: import("./LinearGenomeView").BpOffset | undefined): {
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { AlertColor } from '@mui/material';
|
|
3
|
-
export default function BlockMsg({ message, severity,
|
|
3
|
+
export default function BlockMsg({ message, severity, action, }: {
|
|
4
4
|
message: string;
|
|
5
5
|
severity?: AlertColor;
|
|
6
|
-
|
|
7
|
-
icon?: React.ReactNode;
|
|
8
|
-
action?: () => void;
|
|
6
|
+
action?: React.ReactNode;
|
|
9
7
|
}): React.JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { Tooltip,
|
|
2
|
+
import { Tooltip, Alert } from '@mui/material';
|
|
3
3
|
import { makeStyles } from 'tss-react/mui';
|
|
4
4
|
const useStyles = makeStyles()({
|
|
5
5
|
ellipses: {
|
|
@@ -7,10 +7,9 @@ const useStyles = makeStyles()({
|
|
|
7
7
|
overflow: 'hidden',
|
|
8
8
|
},
|
|
9
9
|
});
|
|
10
|
-
export default function BlockMsg({ message, severity,
|
|
10
|
+
export default function BlockMsg({ message, severity, action, }) {
|
|
11
11
|
const { classes } = useStyles();
|
|
12
|
-
|
|
13
|
-
return (React.createElement(Alert, { severity: severity, action: button, classes: { message: classes.ellipses } },
|
|
12
|
+
return (React.createElement(Alert, { severity: severity, action: action, classes: { message: classes.ellipses } },
|
|
14
13
|
React.createElement(Tooltip, { title: message },
|
|
15
14
|
React.createElement("div", null, message))));
|
|
16
15
|
}
|
|
@@ -32,8 +32,8 @@ const RenderedBlocks = observer(function ({ model, }) {
|
|
|
32
32
|
if (block instanceof ContentBlock) {
|
|
33
33
|
const state = blockState.get(block.key);
|
|
34
34
|
return (React.createElement(ContentBlockComponent, { block: block, key: `${model.id}-${block.key}` },
|
|
35
|
-
state
|
|
36
|
-
state
|
|
35
|
+
(state === null || state === void 0 ? void 0 : state.ReactComponent) ? (React.createElement(state.ReactComponent, { model: state })) : null,
|
|
36
|
+
(state === null || state === void 0 ? void 0 : state.maxHeightReached) ? (React.createElement("div", { className: classes.heightOverflowed, style: {
|
|
37
37
|
top: state.layout.getTotalHeight() - 16,
|
|
38
38
|
pointerEvents: 'none',
|
|
39
39
|
height: 16,
|
|
@@ -1,4 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
declare const ServerSideRenderedBlockContent: ({ model, }: {
|
|
2
|
-
model:
|
|
3
|
-
|
|
3
|
+
model: {
|
|
4
|
+
error?: unknown;
|
|
5
|
+
reload: () => void;
|
|
6
|
+
message: React.ReactNode;
|
|
7
|
+
filled?: boolean;
|
|
8
|
+
status?: string;
|
|
9
|
+
reactElement?: React.ReactElement;
|
|
10
|
+
};
|
|
11
|
+
}) => React.JSX.Element | undefined;
|
|
4
12
|
export default ServerSideRenderedBlockContent;
|