react-msaview 9.1.1 → 9.3.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/bundle/index.js +79 -79
- package/bundle/index.js.map +4 -4
- package/dist/components/DragHandle.js +2 -1
- package/dist/components/DragHandle.js.map +1 -1
- package/dist/components/MSAViewer.d.ts +31 -19
- package/dist/components/MSAViewer.js +2 -1
- package/dist/components/MSAViewer.js.map +1 -1
- package/dist/components/Track.js +2 -5
- package/dist/components/Track.js.map +1 -1
- package/dist/components/VerticalScrollbar.js +1 -1
- package/dist/components/VerticalScrollbar.js.map +1 -1
- package/dist/components/header/Header.js +2 -1
- package/dist/components/header/Header.js.map +1 -1
- package/dist/components/minimap/Minimap.js +1 -1
- package/dist/components/minimap/Minimap.js.map +1 -1
- package/dist/components/msa/MSACanvas.js +16 -27
- package/dist/components/msa/MSACanvas.js.map +1 -1
- package/dist/components/rowpanels/RowPanels.js +8 -6
- package/dist/components/rowpanels/RowPanels.js.map +1 -1
- package/dist/components/settings/SettingsPanel.js +2 -1
- package/dist/components/settings/SettingsPanel.js.map +1 -1
- package/dist/components/settings/TrackList.js +8 -5
- package/dist/components/settings/TrackList.js.map +1 -1
- package/dist/components/tracks/TrackTooltipContent.js +2 -1
- package/dist/components/tracks/TrackTooltipContent.js.map +1 -1
- package/dist/components/tracks/drawTracks.js +13 -6
- package/dist/components/tracks/drawTracks.js.map +1 -1
- package/dist/components/tree/TreeCanvas.js +8 -6
- package/dist/components/tree/TreeCanvas.js.map +1 -1
- package/dist/constants.d.ts +1 -0
- package/dist/constants.js +2 -0
- package/dist/constants.js.map +1 -1
- package/dist/element.d.ts +11 -7
- package/dist/element.js +46 -8
- package/dist/element.js.map +1 -1
- package/dist/featurePanels.d.ts +0 -7
- package/dist/featurePanels.js +1 -16
- package/dist/featurePanels.js.map +1 -1
- package/dist/ggplotPalettes.js +12 -1
- package/dist/ggplotPalettes.js.map +1 -1
- package/dist/groupKeys.d.ts +6 -0
- package/dist/groupKeys.js +52 -0
- package/dist/groupKeys.js.map +1 -0
- package/dist/index.d.ts +1 -1
- package/dist/model.d.ts +40 -17
- package/dist/model.js +123 -54
- package/dist/model.js.map +1 -1
- package/dist/scales.d.ts +114 -13
- package/dist/scales.js +154 -19
- package/dist/scales.js.map +1 -1
- package/dist/svgTestUtil.d.ts +22 -12
- package/dist/types.d.ts +30 -28
- package/dist/useDragScroll.d.ts +4 -3
- package/dist/useDragScroll.js +9 -6
- package/dist/useDragScroll.js.map +1 -1
- package/dist/useWheelScroll.d.ts +26 -8
- package/dist/useWheelScroll.js +108 -71
- package/dist/useWheelScroll.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/dist/viewerSnapshot.js +2 -1
- package/dist/viewerSnapshot.js.map +1 -1
- package/package.json +3 -3
- package/src/components/DragHandle.tsx +2 -1
- package/src/components/MSAViewer.tsx +11 -8
- package/src/components/Track.tsx +2 -8
- package/src/components/VerticalScrollbar.tsx +1 -1
- package/src/components/header/Header.tsx +2 -1
- package/src/components/minimap/Minimap.tsx +1 -1
- package/src/components/msa/MSACanvas.tsx +14 -35
- package/src/components/rowpanels/RowPanels.tsx +8 -10
- package/src/components/settings/SettingsPanel.tsx +2 -1
- package/src/components/settings/TrackList.tsx +9 -4
- package/src/components/tracks/TrackTooltipContent.tsx +2 -1
- package/src/components/tracks/drawTracks.ts +15 -7
- package/src/components/tree/TreeCanvas.tsx +8 -10
- package/src/constants.ts +2 -0
- package/src/element.ts +53 -8
- package/src/featurePanels.ts +1 -25
- package/src/ggplotPalettes.ts +13 -1
- package/src/groupKeys.ts +54 -0
- package/src/index.ts +13 -2
- package/src/model.ts +174 -72
- package/src/scales.ts +268 -25
- package/src/types.ts +29 -26
- package/src/useDragScroll.ts +11 -8
- package/src/useWheelScroll.ts +124 -84
- package/src/version.ts +1 -1
- package/src/viewerSnapshot.ts +3 -1
|
@@ -48,10 +48,11 @@ export default function DragHandle({ axis, variant, getStart, onDrag, style, })
|
|
|
48
48
|
setHovered(true);
|
|
49
49
|
}, onMouseLeave: () => {
|
|
50
50
|
setHovered(false);
|
|
51
|
-
},
|
|
51
|
+
}, onPointerDown: event => {
|
|
52
52
|
startDrag(event, getStart());
|
|
53
53
|
}, style: {
|
|
54
54
|
position,
|
|
55
|
+
touchAction: 'none',
|
|
55
56
|
zIndex,
|
|
56
57
|
cursor: cursor(axis),
|
|
57
58
|
background: hovered ? fillHovered(theme) : fill(theme),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DragHandle.js","sourceRoot":"","sources":["../../src/components/DragHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAInD,MAAM,CAAC,MAAM,kBAAkB,GAAG,sBAAsB,CAAA;AAExD,+EAA+E;AAC/E,wEAAwE;AACxE,MAAM,OAAO,GAAG,CAAC,CAAA;AAEjB,8EAA8E;AAC9E,+EAA+E;AAC/E,wEAAwE;AACxE,2DAA2D;AAC3D,MAAM,QAAQ,GASV;IACF,KAAK,EAAE;QACL,IAAI,EAAE,GAAG,EAAE,CAAC,kBAAkB;QAC9B,WAAW,EAAE,GAAG,EAAE,CAAC,sBAAsB;QACzC,MAAM,EAAE,GAAG,EAAE,CAAC,SAAS;QACvB,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,GAAG;KACZ;IACD,OAAO,EAAE;QACP,IAAI,EAAE,KAAK,CAAC,EAAE,CACZ,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM;YAC3B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;YACzB,CAAC,CAAC,mBAAmB;QACzB,WAAW,EAAE,KAAK,CAAC,EAAE,CACnB,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM;YAC3B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;YACzB,CAAC,CAAC,mBAAmB;QACzB,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC;QAC1D,QAAQ,EAAE,UAAU;KACrB;CACF,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,MAAM,EACN,KAAK,GAON;IACC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,EAAE,SAAS,EAAE,GAAG,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;IACjD,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;IAEzE,OAAO,CACL,gCACM,CAAC,OAAO,KAAK,SAAS,IAAI;YAC5B,IAAI,EAAE,WAAW;YACjB,kBAAkB,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;SAC7D,CAAC,EACF,YAAY,EAAE,GAAG,EAAE;YACjB,UAAU,CAAC,IAAI,CAAC,CAAA;QAClB,CAAC,EACD,YAAY,EAAE,GAAG,EAAE;YACjB,UAAU,CAAC,KAAK,CAAC,CAAA;QACnB,CAAC,EACD,
|
|
1
|
+
{"version":3,"file":"DragHandle.js","sourceRoot":"","sources":["../../src/components/DragHandle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,8 +17,9 @@ export interface MSAViewerProps {
|
|
|
17
17
|
/** a URL the viewer fetches the GFF from; `gffFilehandle` wins */
|
|
18
18
|
gffUrl?: string;
|
|
19
19
|
/**
|
|
20
|
-
* a scheme name from the built-in table, or `{
|
|
21
|
-
* letter that leaves every other letter uncolored
|
|
20
|
+
* a scheme name from the built-in table, or `{domain, range}`, a color per
|
|
21
|
+
* residue letter that leaves every other letter uncolored. The earlier
|
|
22
|
+
* `{map}` still reads
|
|
22
23
|
*/
|
|
23
24
|
colorScheme?: ColorScheme;
|
|
24
25
|
height?: number;
|
|
@@ -63,15 +64,16 @@ export interface MSAViewerProps {
|
|
|
63
64
|
/** extra fields per row name, such as a lineage or a host (see docs/layers.md) */
|
|
64
65
|
rowData?: RowDataInput;
|
|
65
66
|
/**
|
|
66
|
-
* what the viewer's marks read from a table:
|
|
67
|
-
*
|
|
68
|
-
* `
|
|
67
|
+
* what the viewer's marks read from a table:
|
|
68
|
+
* `{channel, field, range?, domain?, title?}`, where `channel` is
|
|
69
|
+
* `tipLabel`, `rowTint` or `branch` over `rowData`, or `featureFill` or
|
|
70
|
+
* `featureLabel` over the annotations (see docs/layers.md)
|
|
69
71
|
*/
|
|
70
72
|
encodings?: Encoding[];
|
|
71
73
|
/**
|
|
72
74
|
* panels between the tree and the alignment, one cell per row:
|
|
73
|
-
* `{kind: 'strip', field,
|
|
74
|
-
* `rowData` field (see docs/layers.md)
|
|
75
|
+
* `{kind: 'strip', field, range?, domain?, title?, width?, header?}` colors
|
|
76
|
+
* each row by a `rowData` field (see docs/layers.md)
|
|
75
77
|
*/
|
|
76
78
|
rowPanels?: RowPanelSpec[];
|
|
77
79
|
/** draw the phylogenetic tree (default true); false leaves a labels-only gutter */
|
|
@@ -503,7 +505,7 @@ declare const MSAViewer: React.ForwardRefExoticComponent<MSAViewerProps & React.
|
|
|
503
505
|
showOnly: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<string>>;
|
|
504
506
|
turnedOffTracks: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IMapType<import("@jbrowse/mobx-state-tree").ISimpleType<boolean>>, [undefined]>;
|
|
505
507
|
trackHeights: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IMapType<import("@jbrowse/mobx-state-tree").ISimpleType<number>>, [undefined]>;
|
|
506
|
-
columnTracks: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").IType<ColumnTrackSpec, ColumnTrackSpec, ColumnTrackSpec>>, [undefined]>;
|
|
508
|
+
columnTracks: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").ISnapshotProcessor<import("@jbrowse/mobx-state-tree").IType<ColumnTrackSpec, ColumnTrackSpec, ColumnTrackSpec>, ColumnTrackSpec, import("@jbrowse/mobx-state-tree")._NotCustomized>>, [undefined]>;
|
|
507
509
|
residueMappings: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").IType<ResidueMapping, ResidueMapping, ResidueMapping>>, [undefined]>;
|
|
508
510
|
data: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IModelType<{
|
|
509
511
|
tree: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<string>>;
|
|
@@ -526,8 +528,8 @@ declare const MSAViewer: React.ForwardRefExoticComponent<MSAViewerProps & React.
|
|
|
526
528
|
selection: import("@jbrowse/mobx-state-tree").IType<MsaSelection | undefined, MsaSelection | undefined, MsaSelection | undefined>;
|
|
527
529
|
region: import("@jbrowse/mobx-state-tree").IType<Region | undefined, Region | undefined, Region | undefined>;
|
|
528
530
|
clades: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").IType<Clade, Clade, Clade>>, [undefined]>;
|
|
529
|
-
encodings: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").IType<Encoding, Encoding, Encoding>>, [undefined]>;
|
|
530
|
-
rowPanels: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").IType<RowPanelSpec, RowPanelSpec, RowPanelSpec>>, [undefined]>;
|
|
531
|
+
encodings: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").ISnapshotProcessor<import("@jbrowse/mobx-state-tree").IType<Encoding, Encoding, Encoding>, Encoding | import("../scales.ts").LegacyEncoding, import("@jbrowse/mobx-state-tree")._NotCustomized>>, [undefined]>;
|
|
532
|
+
rowPanels: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").ISnapshotProcessor<import("@jbrowse/mobx-state-tree").IType<RowPanelSpec, RowPanelSpec, RowPanelSpec>, import("../scales.ts").LegacyRowPanel | RowPanelSpec, import("@jbrowse/mobx-state-tree")._NotCustomized>>, [undefined]>;
|
|
531
533
|
}> & {
|
|
532
534
|
queueOfDialogs: [import("@jbrowse/core/util").DialogComponentType, any][];
|
|
533
535
|
} & {
|
|
@@ -773,6 +775,7 @@ declare const MSAViewer: React.ForwardRefExoticComponent<MSAViewerProps & React.
|
|
|
773
775
|
readonly adapterTrackModels: import("../types.ts").BasicTrack[];
|
|
774
776
|
readonly basePairTrackModels: import("../types.ts").BasicTrack[];
|
|
775
777
|
readonly computedTrackModels: import("../types.ts").BasicTrack[];
|
|
778
|
+
readonly referenceTrackModels: import("../types.ts").BasicTrack[];
|
|
776
779
|
readonly tracks: import("../types.ts").BasicTrack[];
|
|
777
780
|
readonly turnedOnTracks: import("../types.ts").BasicTrack[];
|
|
778
781
|
readonly showHorizontalScrollbar: boolean;
|
|
@@ -850,10 +853,10 @@ declare const MSAViewer: React.ForwardRefExoticComponent<MSAViewerProps & React.
|
|
|
850
853
|
applyGFFText(gffText: string): void;
|
|
851
854
|
doScrollX(deltaX: number): void;
|
|
852
855
|
setScrollX(n: number): void;
|
|
853
|
-
setColumnTracks(tracks: ColumnTrackSpec[]): void;
|
|
856
|
+
setColumnTracks(tracks: (ColumnTrackSpec | import("../scales.ts").LegacyColumnTrack)[]): void;
|
|
854
857
|
setRowData(rowData: RowDataInput): void;
|
|
855
|
-
setEncodings(encodings: Encoding[]): void;
|
|
856
|
-
setRowPanels(panels: RowPanelSpec[]): void;
|
|
858
|
+
setEncodings(encodings: (Encoding | import("../scales.ts").LegacyEncoding)[]): void;
|
|
859
|
+
setRowPanels(panels: (RowPanelSpec | import("../scales.ts").LegacyRowPanel)[]): void;
|
|
857
860
|
setResidueMappings(mappings: ResidueMapping[]): void;
|
|
858
861
|
toggleTrack(id: string): void;
|
|
859
862
|
setTracksShown(ids: string[], shown: boolean): void;
|
|
@@ -912,9 +915,12 @@ declare const MSAViewer: React.ForwardRefExoticComponent<MSAViewerProps & React.
|
|
|
912
915
|
rowData: Record<string, string> | undefined;
|
|
913
916
|
};
|
|
914
917
|
readonly resolvedEncodings: import("../types.ts").ResolvedEncoding[];
|
|
918
|
+
readonly resolvedScales: Map<string, import("../scales.ts").SharedScale>;
|
|
919
|
+
scaleOf(channel: import("../scales.ts").ColorChannel, table: import("../scales.ts").ScaleTable): import("../scales.ts").SharedScale;
|
|
915
920
|
readonly rowPanelScales: ({
|
|
916
921
|
header: string;
|
|
917
922
|
legend: import("../types.ts").LegendEntry[];
|
|
923
|
+
legendKey?: string;
|
|
918
924
|
legendTitle?: string;
|
|
919
925
|
kind: 'strip';
|
|
920
926
|
field: string;
|
|
@@ -922,6 +928,7 @@ declare const MSAViewer: React.ForwardRefExoticComponent<MSAViewerProps & React.
|
|
|
922
928
|
} | {
|
|
923
929
|
header: string;
|
|
924
930
|
legend: import("../types.ts").LegendEntry[];
|
|
931
|
+
legendKey?: string;
|
|
925
932
|
legendTitle?: string;
|
|
926
933
|
kind: 'features';
|
|
927
934
|
x: 'column' | 'position';
|
|
@@ -1326,7 +1333,7 @@ declare const MSAViewer: React.ForwardRefExoticComponent<MSAViewerProps & React.
|
|
|
1326
1333
|
showOnly: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<string>>;
|
|
1327
1334
|
turnedOffTracks: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IMapType<import("@jbrowse/mobx-state-tree").ISimpleType<boolean>>, [undefined]>;
|
|
1328
1335
|
trackHeights: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IMapType<import("@jbrowse/mobx-state-tree").ISimpleType<number>>, [undefined]>;
|
|
1329
|
-
columnTracks: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").IType<ColumnTrackSpec, ColumnTrackSpec, ColumnTrackSpec>>, [undefined]>;
|
|
1336
|
+
columnTracks: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").ISnapshotProcessor<import("@jbrowse/mobx-state-tree").IType<ColumnTrackSpec, ColumnTrackSpec, ColumnTrackSpec>, ColumnTrackSpec, import("@jbrowse/mobx-state-tree")._NotCustomized>>, [undefined]>;
|
|
1330
1337
|
residueMappings: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").IType<ResidueMapping, ResidueMapping, ResidueMapping>>, [undefined]>;
|
|
1331
1338
|
data: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IModelType<{
|
|
1332
1339
|
tree: import("@jbrowse/mobx-state-tree").IMaybe<import("@jbrowse/mobx-state-tree").ISimpleType<string>>;
|
|
@@ -1349,8 +1356,8 @@ declare const MSAViewer: React.ForwardRefExoticComponent<MSAViewerProps & React.
|
|
|
1349
1356
|
selection: import("@jbrowse/mobx-state-tree").IType<MsaSelection | undefined, MsaSelection | undefined, MsaSelection | undefined>;
|
|
1350
1357
|
region: import("@jbrowse/mobx-state-tree").IType<Region | undefined, Region | undefined, Region | undefined>;
|
|
1351
1358
|
clades: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").IType<Clade, Clade, Clade>>, [undefined]>;
|
|
1352
|
-
encodings: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").IType<Encoding, Encoding, Encoding>>, [undefined]>;
|
|
1353
|
-
rowPanels: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").IType<RowPanelSpec, RowPanelSpec, RowPanelSpec>>, [undefined]>;
|
|
1359
|
+
encodings: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").ISnapshotProcessor<import("@jbrowse/mobx-state-tree").IType<Encoding, Encoding, Encoding>, Encoding | import("../scales.ts").LegacyEncoding, import("@jbrowse/mobx-state-tree")._NotCustomized>>, [undefined]>;
|
|
1360
|
+
rowPanels: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").IArrayType<import("@jbrowse/mobx-state-tree").ISnapshotProcessor<import("@jbrowse/mobx-state-tree").IType<RowPanelSpec, RowPanelSpec, RowPanelSpec>, import("../scales.ts").LegacyRowPanel | RowPanelSpec, import("@jbrowse/mobx-state-tree")._NotCustomized>>, [undefined]>;
|
|
1354
1361
|
}, {
|
|
1355
1362
|
queueOfDialogs: [import("@jbrowse/core/util").DialogComponentType, any][];
|
|
1356
1363
|
} & {
|
|
@@ -1596,6 +1603,7 @@ declare const MSAViewer: React.ForwardRefExoticComponent<MSAViewerProps & React.
|
|
|
1596
1603
|
readonly adapterTrackModels: import("../types.ts").BasicTrack[];
|
|
1597
1604
|
readonly basePairTrackModels: import("../types.ts").BasicTrack[];
|
|
1598
1605
|
readonly computedTrackModels: import("../types.ts").BasicTrack[];
|
|
1606
|
+
readonly referenceTrackModels: import("../types.ts").BasicTrack[];
|
|
1599
1607
|
readonly tracks: import("../types.ts").BasicTrack[];
|
|
1600
1608
|
readonly turnedOnTracks: import("../types.ts").BasicTrack[];
|
|
1601
1609
|
readonly showHorizontalScrollbar: boolean;
|
|
@@ -1673,10 +1681,10 @@ declare const MSAViewer: React.ForwardRefExoticComponent<MSAViewerProps & React.
|
|
|
1673
1681
|
applyGFFText(gffText: string): void;
|
|
1674
1682
|
doScrollX(deltaX: number): void;
|
|
1675
1683
|
setScrollX(n: number): void;
|
|
1676
|
-
setColumnTracks(tracks: ColumnTrackSpec[]): void;
|
|
1684
|
+
setColumnTracks(tracks: (ColumnTrackSpec | import("../scales.ts").LegacyColumnTrack)[]): void;
|
|
1677
1685
|
setRowData(rowData: RowDataInput): void;
|
|
1678
|
-
setEncodings(encodings: Encoding[]): void;
|
|
1679
|
-
setRowPanels(panels: RowPanelSpec[]): void;
|
|
1686
|
+
setEncodings(encodings: (Encoding | import("../scales.ts").LegacyEncoding)[]): void;
|
|
1687
|
+
setRowPanels(panels: (RowPanelSpec | import("../scales.ts").LegacyRowPanel)[]): void;
|
|
1680
1688
|
setResidueMappings(mappings: ResidueMapping[]): void;
|
|
1681
1689
|
toggleTrack(id: string): void;
|
|
1682
1690
|
setTracksShown(ids: string[], shown: boolean): void;
|
|
@@ -1735,9 +1743,12 @@ declare const MSAViewer: React.ForwardRefExoticComponent<MSAViewerProps & React.
|
|
|
1735
1743
|
rowData: Record<string, string> | undefined;
|
|
1736
1744
|
};
|
|
1737
1745
|
readonly resolvedEncodings: import("../types.ts").ResolvedEncoding[];
|
|
1746
|
+
readonly resolvedScales: Map<string, import("../scales.ts").SharedScale>;
|
|
1747
|
+
scaleOf(channel: import("../scales.ts").ColorChannel, table: import("../scales.ts").ScaleTable): import("../scales.ts").SharedScale;
|
|
1738
1748
|
readonly rowPanelScales: ({
|
|
1739
1749
|
header: string;
|
|
1740
1750
|
legend: import("../types.ts").LegendEntry[];
|
|
1751
|
+
legendKey?: string;
|
|
1741
1752
|
legendTitle?: string;
|
|
1742
1753
|
kind: 'strip';
|
|
1743
1754
|
field: string;
|
|
@@ -1745,6 +1756,7 @@ declare const MSAViewer: React.ForwardRefExoticComponent<MSAViewerProps & React.
|
|
|
1745
1756
|
} | {
|
|
1746
1757
|
header: string;
|
|
1747
1758
|
legend: import("../types.ts").LegendEntry[];
|
|
1759
|
+
legendKey?: string;
|
|
1748
1760
|
legendTitle?: string;
|
|
1749
1761
|
kind: 'features';
|
|
1750
1762
|
x: 'column' | 'position';
|
|
@@ -4,6 +4,7 @@ import { destroy, isAlive } from '@jbrowse/mobx-state-tree';
|
|
|
4
4
|
import { ThemeProvider } from '@mui/material/styles';
|
|
5
5
|
import { compareStructural, reaction, when } from 'mobx';
|
|
6
6
|
import MSAModelF from '../model.js';
|
|
7
|
+
import { letterColors } from '../scales.js';
|
|
7
8
|
import { fileLocations, resolveTheme, viewerHighlights, viewerSnapshot, } from '../viewerSnapshot.js';
|
|
8
9
|
import Loading from './Loading.js';
|
|
9
10
|
function sameSource(a, b) {
|
|
@@ -108,7 +109,7 @@ const syncedProps = [
|
|
|
108
109
|
m.setColorSchemeName(scheme);
|
|
109
110
|
}
|
|
110
111
|
else if (scheme) {
|
|
111
|
-
m.setCustomColorScheme(scheme
|
|
112
|
+
m.setCustomColorScheme(letterColors(scheme));
|
|
112
113
|
}
|
|
113
114
|
}),
|
|
114
115
|
synced(viewerHighlights, (m, v) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MSAViewer.js","sourceRoot":"","sources":["../../src/components/MSAViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EACV,SAAS,EACT,mBAAmB,EACnB,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AAEd,OAAO,UAAU,MAAM,+BAA+B,CAAA;AACtD,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAExD,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,EACL,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,cAAc,GACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,OAAO,MAAM,cAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"MSAViewer.js","sourceRoot":"","sources":["../../src/components/MSAViewer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EACV,SAAS,EACT,mBAAmB,EACnB,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AAEd,OAAO,UAAU,MAAM,+BAA+B,CAAA;AACtD,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,MAAM,CAAA;AAExD,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,EACL,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,cAAc,GACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,OAAO,MAAM,cAAe,CAAA;AAoKnC,SAAS,UAAU,CAAC,CAAa,EAAE,CAAa;IAC9C,OAAO,CACL,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG;QACf,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI;QACjB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC,cAAc,CAAC,CAAC;YACjD,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC,cAAc,CAAC,CAAC,CACtD,CAAA;AACH,CAAC;AAED;;;;GAIG;AACH,MAAM,SAAS,GAAG,UAAU,CAC1B,SAAS,SAAS,CAAC,KAAK,EAAE,GAAG;IAC3B,MAAM,QAAQ,GAAG,EAAE,GAAG,KAAK,EAAE,GAAG,aAAa,CAAC,KAAK,CAAC,EAAE,CAAA;IACtD,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,QAAQ,CAAA;IAC7D,MAAM,MAAM,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,aAAa,EAAE,cAAc,EAAE,CAAA;IAC3D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,CAAA;IAC7D,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;QACtC,QAAQ,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,GAAG,CAAC,EAAE,CAAC,CAAA;IACxD,CAAC;IACD,OAAO,oBAAC,MAAM,IAAC,GAAG,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EAAE,GAAG,KAAM,QAAQ,GAAI,CAAA;AACvE,CAAC,CACF,CAAA;AAED,eAAe,SAAS,CAAA;AAExB,SAAS,gBAAgB,CAGvB,KAAmB,EACnB,GAAM,EACN,OAAuD;IAEvD,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;IAC9B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,OAAO,GAAG,OAAO,CAAA;IAC1B,CAAC,CAAC,CAAA;IACF,MAAM,SAAS,GAAG,CAAC,CAAC,OAAO,CAAA;IAC3B,SAAS,CACP,GAAG,EAAE,CACH,SAAS;QACP,CAAC,CAAC,QAAQ,CACN,GAAG,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,EAChB,KAAK,CAAC,EAAE;YACN,MAAM,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;QACzB,CAAC,EACD,EAAE,MAAM,EAAE,iBAAiB,EAAE,CAC9B;QACH,CAAC,CAAC,SAAS,EACf,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,CAAC,CACxB,CAAA;AACH,CAAC;AAQD,SAAS,MAAM,CACb,IAAkC,EAClC,KAAqE,EACrE,EAAE,UAAU,GAAG,KAAK,EAAE,GAAG,EAAE;IAE3B,OAAO;QACL,IAAI;QACJ,KAAK,EAAE,KAA4B;QACnC,UAAU;KACX,CAAA;AACH,CAAC;AAED,SAAS,KAAK,CAAI,GAA4C;IAC5D,OAAO,CAAC,KAAmB,EAAE,KAAoB,EAAE,EAAE;QACnD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;QACnB,CAAC;IACH,CAAC,CAAA;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,WAAW,GAAG;IAClB,MAAM,CACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EACb,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACb,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;IAChB,CAAC,CAAC,CACH;IACD,MAAM,CACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EACf,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACb,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;IAClB,CAAC,CAAC,CACH;IACD,MAAM,CACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAChB,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACb,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;IACnB,CAAC,CAAC,CACH;IACD,MAAM,CACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,EACvB,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACb,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAA;IAC1B,CAAC,CAAC,CACH;IACD,MAAM,CACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EACf,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACb,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;IAClB,CAAC,CAAC,CACH;IACD,MAAM,CACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,EACpB,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACb,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;IACvB,CAAC,CAAC,CACH;IACD,MAAM,CACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,EACpB,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACb,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;IACvB,CAAC,CAAC,CACH;IACD,MAAM,CACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAChB,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACb,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;IACnB,CAAC,CAAC,CACH;IACD,MAAM,CACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EACtB,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACb,CAAC,CAAC,UAAU,CAAC,CAAC,KAAK,MAAM,CAAC,CAAA;IAC5B,CAAC,CAAC,CACH;IACD,MAAM,CACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,EACnB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACP,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;IACpB,CAAC,CACF;IACD,MAAM,CACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,EACjB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACP,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAA;IACrB,CAAC,CACF;IACD,MAAM,CACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,EACpB,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;QACvB,IAAI,QAAQ,EAAE,CAAC;YACb,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAA;QAC9B,CAAC;aAAM,CAAC;YACN,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;QACf,CAAC;IACH,CAAC,EACD,EAAE,UAAU,EAAE,IAAI,EAAE,CACrB;IACD,MAAM,CACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,EACV,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACP,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;IACb,CAAC,EACD,EAAE,UAAU,EAAE,IAAI,EAAE,CACrB;IACD,MAAM,CACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAClB,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE;QACZ,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;YAC/B,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAA;QAC9B,CAAC;aAAM,IAAI,MAAM,EAAE,CAAC;YAClB,CAAC,CAAC,oBAAoB,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAA;QAC9C,CAAC;IACH,CAAC,CACF;IACD,MAAM,CAAC,gBAAgB,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QAChC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;IACpB,CAAC,CAAC;IACF,MAAM,CACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,IAAI,EAAE,EACrB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACP,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;IAClB,CAAC,CACF;IACD,MAAM,CACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAChB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACP,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;IACnB,CAAC,CACF;IACD,MAAM,CACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,EACf,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACP,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;IAClB,CAAC,CACF;IACD,MAAM,CACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,IAAI,EAAE,EACnB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACP,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;IAChB,CAAC,CACF;IACD,MAAM,CACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,IAAI,EAAE,EACzB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACP,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAA;IACtB,CAAC,CACF;IACD,MAAM,CACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,IAAI,EAAE,EAC5B,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACP,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAA;IACzB,CAAC,CACF;IACD,MAAM,CACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,EACd,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;QACX,IAAI,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,CAAC;YACvC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC;IACH,CAAC,CACF;IACD,MAAM,CACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,IAAI,EAAE,EACtB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACP,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;IACnB,CAAC,CACF;IACD,MAAM,CACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,IAAI,EAAE,EACtB,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACP,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;IACnB,CAAC,CACF;CACF,CAAA;AAED;;;;;;GAMG;AACH,SAAS,cAAc,CAAC,KAAmB,EAAE,KAAqB;IAChE,MAAM,OAAO,GAAG,MAAM,CAAuB,SAAS,CAAC,CAAA;IACvD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CACxC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,CACpC,CAAA;QACD,OAAO,CAAC,OAAO,KAAK,WAAW,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,CAAC,EAAE,EAAE,CACxD,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC,EAAE,CAC3B,CAAA;QACD,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAA;QAC5B,WAAW,CAAC,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE;YACnC,MAAM,GAAG,GAAG,IAAI,CAAC,CAAC,CAAE,CAAA;YACpB,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC;gBACpB,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,CAAA;gBACb,KAAK,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,SAAS,EAAE,KAAK,CAAC,CAAA;YACnD,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,MAAM,CAAC,EACd,QAAQ,EACR,GAAG,KAAK,EACkD;IAC1D,MAAM,EACJ,MAAM,EACN,KAAK,EACL,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACjB,OAAO,GACR,GAAG,KAAK,CAAA;IACT,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE;QAC5B,MAAM,KAAK,GAAG,SAAS,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAA;QACvD,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;QAC1B,OAAO,KAAK,CAAA;IACd,CAAC,CAAC,CAAA;IAEF,MAAM,YAAY,GAAG,MAAM,CACzB,SAAS,CACV,CAAA;IAED,MAAM,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,CAAC,GAAG,UAAU,EAAE,CAAA;IACrC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,EAAE,CAAC;YACV,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAA;IAElB,cAAc,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;IAE5B,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,IAAI,IAAI,CAAC,CAAA;IAChD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAkB,CAAA;QACrD,OAAO,MAAM;YACX,CAAC,CAAC,IAAI,CACF,GAAG,EAAE,CAAC,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC,UAAU,GAAG,CAAC,EACnD,GAAG,EAAE;gBACH,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAA;YAC5B,CAAC,CACF;YACH,CAAC,CAAC,SAAS,CAAA;IACf,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAA;IAEtB,gBAAgB,CAAC,KAAK,EAAE,aAAa,EAAE,WAAW,CAAC,CAAA;IACnD,gBAAgB,CAAC,KAAK,EAAE,aAAa,EAAE,WAAW,CAAC,CAAA;IACnD,gBAAgB,CAAC,KAAK,EAAE,UAAU,EAAE,gBAAgB,CAAC,CAAA;IACrD,gBAAgB,CAAC,KAAK,EAAE,WAAW,EAAE,iBAAiB,CAAC,CAAA;IAEvD,mBAAmB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEnD,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;IACrC,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,OAAO,GAAG,OAAO,CAAA;IACjC,CAAC,CAAC,CAAA;IACF,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,2EAA2E;IAC3E,0EAA0E;IAC1E,qBAAqB;IACrB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YACvC,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;YAClC,YAAY,CAAC,OAAO,GAAG,SAAS,CAAA;QAClC,CAAC;QACD,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACrC,YAAY,CAAC,OAAO,GAAG,SAAS,CAAA;gBAChC,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;oBACnB,OAAO,CAAC,KAAK,CAAC,CAAA;gBAChB,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC;QACvC,6BAAK,GAAG,EAAE,GAAG;YACX,oBAAC,OAAO,IAAC,KAAK,EAAE,KAAK,GAAI,CACrB,CACQ,CACjB,CAAA;AACH,CAAC"}
|
package/dist/components/Track.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { lazy,
|
|
1
|
+
import React, { lazy, useRef, useState } from 'react';
|
|
2
2
|
import BaseTooltip from '@jbrowse/core/ui/BaseTooltip';
|
|
3
3
|
import { makeStyles } from '@jbrowse/core/util/tss-react';
|
|
4
4
|
import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
|
|
@@ -83,10 +83,7 @@ const Track = observer(function ({ model, track, }) {
|
|
|
83
83
|
const { resizeHandleWidth, rowPanelsWidth, showColumnStats } = model;
|
|
84
84
|
const { model: { height }, } = track;
|
|
85
85
|
const ref = useRef(null);
|
|
86
|
-
|
|
87
|
-
model.doScrollX(d);
|
|
88
|
-
}, [model]);
|
|
89
|
-
useWheelScroll({ ref, onScrollX });
|
|
86
|
+
useWheelScroll({ ref, model, axes: 'x' });
|
|
90
87
|
const { classes } = useStyles();
|
|
91
88
|
const { anchor, onMouseMove, onMouseDown, onMouseLeave } = useTrackHover({
|
|
92
89
|
model,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Track.js","sourceRoot":"","sources":["../../src/components/Track.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"Track.js","sourceRoot":"","sources":["../../src/components/Track.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,7 @@ const VerticalScrollbar = observer(({ model }) => {
|
|
|
10
10
|
const onDrag = useCallback((delta, startScroll) => {
|
|
11
11
|
model.setScrollY(startScroll - delta / unit);
|
|
12
12
|
}, [model, unit]);
|
|
13
|
-
return (React.createElement("div", {
|
|
13
|
+
return (React.createElement("div", { onPointerDown: event => {
|
|
14
14
|
if (event.button === 0 && event.target === event.currentTarget) {
|
|
15
15
|
const y = event.clientY - event.currentTarget.getBoundingClientRect().top;
|
|
16
16
|
model.setScrollY(-y / unit + msaAreaHeight / 2);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VerticalScrollbar.js","sourceRoot":"","sources":["../../src/components/VerticalScrollbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,UAAU,MAAM,iBAAkB,CAAA;AAIzC,MAAM,KAAK,GAAG,EAAE,CAAA;AAEhB,MAAM,iBAAiB,GAAG,QAAQ,CAAC,CAAC,EAAE,KAAK,EAA2B,EAAE,EAAE;IACxE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IACrD,MAAM,IAAI,GAAG,aAAa,GAAG,WAAW,CAAA;IACxC,MAAM,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;IACzB,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,GAAG,aAAa,CAAC,GAAG,IAAI,CAAA;IAE3C,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,KAAa,EAAE,WAAmB,EAAE,EAAE;QACrC,KAAK,CAAC,UAAU,CAAC,WAAW,GAAG,KAAK,GAAG,IAAI,CAAC,CAAA;IAC9C,CAAC,EACD,CAAC,KAAK,EAAE,IAAI,CAAC,CACd,CAAA;IAED,OAAO,CACL,6BACE,
|
|
1
|
+
{"version":3,"file":"VerticalScrollbar.js","sourceRoot":"","sources":["../../src/components/VerticalScrollbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,UAAU,MAAM,iBAAkB,CAAA;AAIzC,MAAM,KAAK,GAAG,EAAE,CAAA;AAEhB,MAAM,iBAAiB,GAAG,QAAQ,CAAC,CAAC,EAAE,KAAK,EAA2B,EAAE,EAAE;IACxE,MAAM,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IACrD,MAAM,IAAI,GAAG,aAAa,GAAG,WAAW,CAAA;IACxC,MAAM,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;IACzB,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,GAAG,aAAa,CAAC,GAAG,IAAI,CAAA;IAE3C,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,KAAa,EAAE,WAAmB,EAAE,EAAE;QACrC,KAAK,CAAC,UAAU,CAAC,WAAW,GAAG,KAAK,GAAG,IAAI,CAAC,CAAA;IAC9C,CAAC,EACD,CAAC,KAAK,EAAE,IAAI,CAAC,CACd,CAAA;IAED,OAAO,CACL,6BACE,aAAa,EAAE,KAAK,CAAC,EAAE;YACrB,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,aAAa,EAAE,CAAC;gBAC/D,MAAM,CAAC,GACL,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAA;gBACjE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,aAAa,GAAG,CAAC,CAAC,CAAA;YACjD,CAAC;QACH,CAAC,EACD,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,KAAK;YACL,MAAM,EAAE,aAAa;YACrB,UAAU,EAAE,gBAAgB;YAC5B,SAAS,EAAE,gBAAgB;YAC3B,SAAS,EAAE,YAAY;SACxB;QAED,oBAAC,UAAU,IACT,IAAI,EAAC,GAAG,EACR,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAC7B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE;gBACL,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;gBACnB,IAAI,EAAE,CAAC;gBACP,SAAS,EAAE,YAAY;gBACvB,KAAK;gBACL,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;aAC5B,GACD,CACE,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AACF,eAAe,iBAAiB,CAAA"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React, { useEffect } from 'react';
|
|
2
2
|
import useMeasure from '@jbrowse/core/util/useMeasure';
|
|
3
3
|
import Tune from '@mui/icons-material/Tune';
|
|
4
|
-
import {
|
|
4
|
+
import { Button, IconButton, Toolbar, Tooltip } from '@mui/material';
|
|
5
|
+
import AppBar from '@mui/material/AppBar';
|
|
5
6
|
import { observer } from 'mobx-react';
|
|
6
7
|
import StatusMessage from '../StatusMessage.js';
|
|
7
8
|
import HeaderInfoArea from './HeaderInfoArea.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,UAAU,MAAM,+BAA+B,CAAA;AACtD,OAAO,IAAI,MAAM,0BAA0B,CAAA;AAC3C,OAAO,EAAE,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/header/Header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -43,7 +43,7 @@ const Minimap = observer(function ({ model }) {
|
|
|
43
43
|
width: msaCanvasWidth,
|
|
44
44
|
flexShrink: 0,
|
|
45
45
|
} },
|
|
46
|
-
React.createElement("canvas", { ref: ref, width: barWidth, height: barHeight,
|
|
46
|
+
React.createElement("canvas", { ref: ref, width: barWidth, height: barHeight, onPointerDown: event => {
|
|
47
47
|
if (event.button === 0 && unit > 0) {
|
|
48
48
|
const x = event.clientX - event.currentTarget.getBoundingClientRect().left;
|
|
49
49
|
model.setScrollX(-x / unit + msaCanvasWidth / 2);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Minimap.js","sourceRoot":"","sources":["../../../src/components/minimap/Minimap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC5D,OAAO,UAAU,EAAE,EAAE,kBAAkB,EAAE,MAAM,kBAAmB,CAAA;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,oBAAoB,CAAA;AAI3B,MAAM,OAAO,GAAG,QAAQ,CAAC,UAAU,EAAE,KAAK,EAA2B;IACnE,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAA;IACnE,MAAM,KAAK,GAAG,cAAc,EAAE,CAAA;IAC9B,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAA;IAE5E,+CAA+C;IAC/C,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,kBAAkB,CAAC,CAAA;IAChE,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,kBAAkB,GAAG,kBAAkB,CAAC,CAAA;IACrE,MAAM,GAAG,GAAG,gBAAgB,CAAC;QAC3B,IAAI,EAAE,GAAG,CAAC,EAAE;YACV,GAAG,CAAC,cAAc,EAAE,CAAA;YACpB,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAA;YACxC,MAAM,SAAS,GAAG,YAAY,CAAC;gBAC7B,KAAK;gBACL,KAAK;gBACL,MAAM,EAAE,kBAAkB;aAC3B,CAAC,CAAA;YACF,IAAI,SAAS,EAAE,CAAC;gBACd,GAAG,CAAC,qBAAqB,GAAG,IAAI,CAAA;gBAChC,GAAG,CAAC,SAAS,CACX,SAAS,EACT,CAAC,EACD,CAAC,EACD,SAAS,CAAC,KAAK,EACf,SAAS,CAAC,MAAM,EAChB,CAAC,EACD,CAAC,EACD,QAAQ,EACR,SAAS,CACV,CAAA;YACH,CAAC;YACD,KAAK,MAAM,CAAC,IAAI,kBAAkB,CAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,EAAE,CAAC;gBAC/D,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,CAAA;gBACtB,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;YAClC,CAAC;QACH,CAAC;QACD,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,SAAS;QACjB,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC;KACrB,CAAC,CAAA;IAEF,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,KAAa,EAAE,WAAmB,EAAE,EAAE;QACrC,KAAK,CAAC,UAAU,CAAC,WAAW,GAAG,KAAK,GAAG,IAAI,CAAC,CAAA;IAC9C,CAAC,EACD,CAAC,KAAK,EAAE,IAAI,CAAC,CACd,CAAA;IAED,OAAO,CAIL,6BACE,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,aAAa;YACrB,KAAK,EAAE,cAAc;YACrB,UAAU,EAAE,CAAC;SACd;QAED,gCACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,SAAS,EACjB,
|
|
1
|
+
{"version":3,"file":"Minimap.js","sourceRoot":"","sources":["../../../src/components/minimap/Minimap.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { useRef } from 'react';
|
|
2
2
|
import { observer } from 'mobx-react';
|
|
3
3
|
import { useWheelScroll } from '../../useWheelScroll.js';
|
|
4
4
|
import { zoomSnapshotScale } from '../../zoomSnapshot.js';
|
|
@@ -8,7 +8,7 @@ import MSACanvasBlock from './MSACanvasBlock.js';
|
|
|
8
8
|
import { WheelZoomHint, useWheelZoomHint } from './WheelZoomHint.js';
|
|
9
9
|
import { onMsaKey } from './msaKeys.js';
|
|
10
10
|
const MSACanvas = observer(function ({ model }) {
|
|
11
|
-
const { MSA, msaFilehandle, height, msaCanvasWidth, blocks2d,
|
|
11
|
+
const { MSA, msaFilehandle, height, msaCanvasWidth, blocks2d, scrollX, scrollY, zoomSnapshot, } = model;
|
|
12
12
|
const blocks = zoomSnapshot
|
|
13
13
|
? zoomSnapshot.blocksY.flatMap(by => zoomSnapshot.blocksX.map(bx => [bx, by]))
|
|
14
14
|
: blocks2d;
|
|
@@ -16,45 +16,34 @@ const MSACanvas = observer(function ({ model }) {
|
|
|
16
16
|
? zoomSnapshotScale(model, zoomSnapshot)
|
|
17
17
|
: undefined;
|
|
18
18
|
const ref = useRef(null);
|
|
19
|
-
const onScrollX = useCallback((d) => {
|
|
20
|
-
model.doScrollX(d);
|
|
21
|
-
}, [model]);
|
|
22
|
-
const onScrollY = useCallback((d) => {
|
|
23
|
-
model.doScrollY(d);
|
|
24
|
-
}, [model]);
|
|
25
|
-
const onZoom = useCallback((scaleFactor, offsetX, offsetY) => {
|
|
26
|
-
model.wheelZoomToPos(scaleFactor, offsetX, offsetY);
|
|
27
|
-
}, [model]);
|
|
28
|
-
const onZoomSettle = useCallback(() => {
|
|
29
|
-
model.endWheelZoom();
|
|
30
|
-
}, [model]);
|
|
31
19
|
const hint = useWheelZoomHint(model);
|
|
32
|
-
const {
|
|
20
|
+
const { onPointerDown, touchAction } = useWheelScroll({
|
|
33
21
|
ref,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
onZoomSettle,
|
|
22
|
+
model,
|
|
23
|
+
axes: 'xy',
|
|
24
|
+
zoom: true,
|
|
38
25
|
onWheelScroll: hint.onWheelScroll,
|
|
39
|
-
scrollZoom,
|
|
40
26
|
});
|
|
41
27
|
return (React.createElement("div", { ref: ref, "data-testid": "msa_canvas", tabIndex: 0, "aria-label": alignmentAriaLabel, onKeyDown: event => {
|
|
42
28
|
if (onMsaKey(model, event)) {
|
|
43
29
|
event.preventDefault();
|
|
44
30
|
}
|
|
45
|
-
},
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
31
|
+
},
|
|
32
|
+
// a shifted press selects cells (useMsaBlockMouse), so it takes the
|
|
33
|
+
// focus Escape clears from, and leaves out the pan and the page's own
|
|
34
|
+
// text selection
|
|
35
|
+
onMouseDown: event => {
|
|
49
36
|
if (event.shiftKey) {
|
|
50
37
|
event.preventDefault();
|
|
51
38
|
ref.current?.focus({ preventScroll: true });
|
|
52
39
|
}
|
|
53
|
-
|
|
54
|
-
|
|
40
|
+
}, onPointerDown: event => {
|
|
41
|
+
if (!event.shiftKey) {
|
|
42
|
+
onPointerDown(event);
|
|
55
43
|
}
|
|
56
|
-
},
|
|
44
|
+
}, style: {
|
|
57
45
|
position: 'relative',
|
|
46
|
+
touchAction,
|
|
58
47
|
height,
|
|
59
48
|
width: msaCanvasWidth,
|
|
60
49
|
overflow: 'hidden',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MSACanvas.js","sourceRoot":"","sources":["../../../src/components/msa/MSACanvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"MSACanvas.js","sourceRoot":"","sources":["../../../src/components/msa/MSACanvas.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,17 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { useRef } from 'react';
|
|
2
2
|
import { observer } from 'mobx-react';
|
|
3
3
|
import { useWheelScroll } from '../../useWheelScroll.js';
|
|
4
4
|
import RowPanelBlock from './RowPanelBlock.js';
|
|
5
5
|
const RowPanel = observer(function ({ model, panel, }) {
|
|
6
6
|
const ref = useRef(null);
|
|
7
7
|
const { height, blocksY, scrollY } = model;
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
const { onPointerDown, touchAction } = useWheelScroll({
|
|
9
|
+
ref,
|
|
10
|
+
model,
|
|
11
|
+
axes: 'y',
|
|
12
|
+
});
|
|
13
|
+
return (React.createElement("div", { ref: ref, "data-testid": `rowpanel_${panel.id}`, onPointerDown: onPointerDown, style: {
|
|
14
|
+
touchAction,
|
|
13
15
|
height,
|
|
14
16
|
width: panel.width,
|
|
15
17
|
flexShrink: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowPanels.js","sourceRoot":"","sources":["../../../src/components/rowpanels/RowPanels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"RowPanels.js","sourceRoot":"","sources":["../../../src/components/rowpanels/RowPanels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAErC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,aAAa,MAAM,oBAAqB,CAAA;AAK/C,MAAM,QAAQ,GAAG,QAAQ,CAAC,UAAU,EAClC,KAAK,EACL,KAAK,GAIN;IACC,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACxC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IAC1C,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,GAAG,cAAc,CAAC;QACpD,GAAG;QACH,KAAK;QACL,IAAI,EAAE,GAAG;KACV,CAAC,CAAA;IAEF,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,iBACK,YAAY,KAAK,CAAC,EAAE,EAAE,EACnC,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE;YACL,WAAW;YACX,MAAM;YACN,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,UAAU,EAAE,CAAC;YACb,QAAQ,EAAE,QAAQ;YAClB,QAAQ,EAAE,UAAU;SACrB;QAID,6BACE,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,CAAC;gBACN,IAAI,EAAE,CAAC;gBACP,SAAS,EAAE,cAAc,OAAO,KAAK;gBACrC,UAAU,EAAE,WAAW;aACxB,IAEA,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACpB,oBAAC,aAAa,IACZ,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,KAAK,GACd,CACH,CAAC,CACE,CACF,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,SAAS,GAAG,QAAQ,CAAC,UAAU,EAAE,KAAK,EAA2B;IACrE,MAAM,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAA;IACnC,OAAO,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpC,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,IAC3C,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAC9B,oBAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CACxD,CAAC,CACE,CACP,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAC,CAAA;AAEF,eAAe,SAAS,CAAA"}
|
|
@@ -2,7 +2,8 @@ import React, { useState } from 'react';
|
|
|
2
2
|
import ArrowDropDown from '@mui/icons-material/ArrowDropDown';
|
|
3
3
|
import ArrowRight from '@mui/icons-material/ArrowRight';
|
|
4
4
|
import Close from '@mui/icons-material/Close';
|
|
5
|
-
import { Box,
|
|
5
|
+
import { Box, IconButton, Typography } from '@mui/material';
|
|
6
|
+
import ButtonBase from '@mui/material/ButtonBase';
|
|
6
7
|
import { observer } from 'mobx-react';
|
|
7
8
|
import { settingsPanelWidth } from '../../constants.js';
|
|
8
9
|
import { annotationsSubMenu } from '../header/getAnnotationsMenu.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SettingsPanel.js","sourceRoot":"","sources":["../../../src/components/settings/SettingsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,aAAa,MAAM,mCAAmC,CAAA;AAC7D,OAAO,UAAU,MAAM,gCAAgC,CAAA;AACvD,OAAO,KAAK,MAAM,2BAA2B,CAAA;AAC7C,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"SettingsPanel.js","sourceRoot":"","sources":["../../../src/components/settings/SettingsPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,16 +5,19 @@ function trackGroups(model) {
|
|
|
5
5
|
const computed = new Set(model.computedTrackModels.map(t => t.model.id));
|
|
6
6
|
const computedEntries = [];
|
|
7
7
|
const alignmentEntries = [];
|
|
8
|
+
const referenceEntries = [];
|
|
8
9
|
for (const { model: t } of model.tracks) {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
10
|
+
const entries = t.kind === 'reference'
|
|
11
|
+
? referenceEntries
|
|
12
|
+
: computed.has(t.id)
|
|
13
|
+
? computedEntries
|
|
14
|
+
: alignmentEntries;
|
|
15
|
+
entries.push({ id: t.id, label: t.name });
|
|
14
16
|
}
|
|
15
17
|
return [
|
|
16
18
|
{ title: 'Computed from the alignment', entries: computedEntries },
|
|
17
19
|
{ title: 'Alignment annotations', entries: alignmentEntries },
|
|
20
|
+
{ title: 'Reference row', entries: referenceEntries },
|
|
18
21
|
].filter(g => g.entries.length > 0);
|
|
19
22
|
}
|
|
20
23
|
// a filter box shows once the list is long enough to need one
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TrackList.js","sourceRoot":"","sources":["../../../src/components/settings/TrackList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EACL,GAAG,EACH,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,SAAS,EACT,UAAU,GACX,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AASrC,SAAS,WAAW,CAAC,KAAmB;IACtC,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA;IACxE,MAAM,eAAe,GAAY,EAAE,CAAA;IACnC,MAAM,gBAAgB,GAAY,EAAE,CAAA;IACpC,KAAK,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;QACxC,CAAC;
|
|
1
|
+
{"version":3,"file":"TrackList.js","sourceRoot":"","sources":["../../../src/components/settings/TrackList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -93,7 +93,8 @@ const TrackTooltipContent = observer(function ({ model, track, col, }) {
|
|
|
93
93
|
case 'logo': {
|
|
94
94
|
return React.createElement(LogoTooltip, { model: model, col: col });
|
|
95
95
|
}
|
|
96
|
-
case 'text':
|
|
96
|
+
case 'text':
|
|
97
|
+
case 'reference': {
|
|
97
98
|
return React.createElement(TextTooltip, { model: model, track: track, col: col });
|
|
98
99
|
}
|
|
99
100
|
case 'arc': {
|