react-msaview 6.0.0 → 6.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundle/index.js +98 -98
- package/bundle/index.js.map +4 -4
- package/dist/columnCounts.d.ts +7 -0
- package/dist/columnCounts.js +18 -0
- package/dist/columnCounts.js.map +1 -1
- package/dist/components/DragHandle.d.ts +25 -0
- package/dist/components/DragHandle.js +49 -0
- package/dist/components/DragHandle.js.map +1 -0
- package/dist/components/ResizeHandles.d.ts +4 -2
- package/dist/components/ResizeHandles.js +29 -32
- package/dist/components/ResizeHandles.js.map +1 -1
- package/dist/components/VerticalScrollbar.js +2 -2
- package/dist/components/VerticalScrollbar.js.map +1 -1
- package/dist/components/dialogs/InterProScanDialog.js +52 -129
- package/dist/components/dialogs/InterProScanDialog.js.map +1 -1
- package/dist/components/header/settingsMenuItems.js +16 -1
- package/dist/components/header/settingsMenuItems.js.map +1 -1
- package/dist/components/minimap/Minimap.js +32 -4
- package/dist/components/minimap/Minimap.js.map +1 -1
- package/dist/components/msa/MSACanvas.js +8 -2
- package/dist/components/msa/MSACanvas.js.map +1 -1
- package/dist/components/msa/MSACanvasBlock.js +12 -3
- package/dist/components/msa/MSACanvasBlock.js.map +1 -1
- package/dist/components/msa/msaRaster.d.ts +63 -0
- package/dist/components/msa/msaRaster.js +252 -0
- package/dist/components/msa/msaRaster.js.map +1 -0
- package/dist/components/msa/renderMSABlock.d.ts +2 -1
- package/dist/components/msa/renderMSABlock.js +13 -21
- package/dist/components/msa/renderMSABlock.js.map +1 -1
- package/dist/components/msa/tileColor.d.ts +6 -0
- package/dist/components/msa/tileColor.js +35 -0
- package/dist/components/msa/tileColor.js.map +1 -0
- package/dist/components/renderCtx.d.ts +1 -1
- package/dist/components/tracks/TrackBlocks.d.ts +14 -0
- package/dist/components/tracks/TrackBlocks.js +65 -0
- package/dist/components/tracks/TrackBlocks.js.map +1 -0
- package/dist/components/tracks/{renderTracksSvg.d.ts → drawTracks.d.ts} +22 -10
- package/dist/components/tracks/drawTracks.js +193 -0
- package/dist/components/tracks/drawTracks.js.map +1 -0
- package/dist/components/tree/TreeCanvas.js +8 -2
- package/dist/components/tree/TreeCanvas.js.map +1 -1
- package/dist/components/tree/TreeCanvasBlock.js +7 -4
- package/dist/components/tree/TreeCanvasBlock.js.map +1 -1
- package/dist/components/tree/renderTreeCanvas.js +27 -21
- package/dist/components/tree/renderTreeCanvas.js.map +1 -1
- package/dist/constants.d.ts +3 -0
- package/dist/constants.js +8 -0
- package/dist/constants.js.map +1 -1
- package/dist/model/DataModel.d.ts +1 -4
- package/dist/model/DataModel.js +8 -10
- package/dist/model/DataModel.js.map +1 -1
- package/dist/model/treeModel.d.ts +1 -1
- package/dist/model/treeModel.js +1 -1
- package/dist/model.d.ts +36 -7
- package/dist/model.js +113 -58
- package/dist/model.js.map +1 -1
- package/dist/neighborJoining.js +34 -18
- package/dist/neighborJoining.js.map +1 -1
- package/dist/renderTestEnv.d.ts +43 -0
- package/dist/renderTestEnv.js +88 -0
- package/dist/renderTestEnv.js.map +1 -0
- package/dist/renderToSvg.js +1 -1
- package/dist/renderToSvg.js.map +1 -1
- package/dist/sequenceLogo.d.ts +28 -0
- package/dist/sequenceLogo.js +47 -0
- package/dist/sequenceLogo.js.map +1 -0
- package/dist/types.d.ts +2 -0
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/package.json +3 -3
- package/src/columnCounts.test.ts +15 -0
- package/src/columnCounts.ts +19 -0
- package/src/components/DragHandle.tsx +81 -0
- package/src/components/ResizeHandles.tsx +46 -54
- package/src/components/VerticalScrollbar.tsx +3 -2
- package/src/components/dialogs/InterProScanDialog.tsx +54 -131
- package/src/components/header/settingsMenuItems.ts +19 -1
- package/src/components/minimap/Minimap.tsx +47 -4
- package/src/components/msa/MSACanvas.tsx +30 -10
- package/src/components/msa/MSACanvasBlock.tsx +13 -3
- package/src/components/msa/msaRaster.test.ts +145 -0
- package/src/components/msa/msaRaster.ts +350 -0
- package/src/components/msa/renderMSABlock.ts +15 -20
- package/src/components/msa/tileColor.ts +37 -0
- package/src/components/renderCtx.ts +2 -0
- package/src/components/tracks/TrackBlocks.tsx +111 -0
- package/src/components/tracks/drawTracks.ts +323 -0
- package/src/components/tree/TreeCanvas.tsx +16 -4
- package/src/components/tree/TreeCanvasBlock.tsx +18 -11
- package/src/components/tree/renderTreeCanvas.test.ts +55 -0
- package/src/components/tree/renderTreeCanvas.ts +28 -19
- package/src/constants.ts +10 -0
- package/src/impgRender.test.tsx +2 -57
- package/src/largeTree.test.ts +16 -2
- package/src/model/DataModel.ts +11 -11
- package/src/model/treeModel.ts +1 -1
- package/src/model.ts +128 -60
- package/src/neighborJoining.ts +36 -18
- package/src/renderDomainsSvg.test.tsx +2 -57
- package/src/renderMinimapSvg.test.tsx +2 -56
- package/src/renderSequenceLogoSvg.test.tsx +176 -0
- package/src/renderTestEnv.ts +96 -0
- package/src/renderToSvg.tsx +1 -1
- package/src/sequenceLogo.test.ts +88 -0
- package/src/sequenceLogo.ts +63 -0
- package/src/types.ts +7 -1
- package/src/version.ts +1 -1
- package/dist/components/ConservationTrack.d.ts +0 -8
- package/dist/components/ConservationTrack.js +0 -49
- package/dist/components/ConservationTrack.js.map +0 -1
- package/dist/components/ScrollbarThumb.d.ts +0 -14
- package/dist/components/ScrollbarThumb.js +0 -28
- package/dist/components/ScrollbarThumb.js.map +0 -1
- package/dist/components/TextTrack.d.ts +0 -8
- package/dist/components/TextTrack.js +0 -58
- package/dist/components/TextTrack.js.map +0 -1
- package/dist/components/tracks/renderTracksSvg.js +0 -126
- package/dist/components/tracks/renderTracksSvg.js.map +0 -1
- package/src/components/ConservationTrack.tsx +0 -99
- package/src/components/ScrollbarThumb.tsx +0 -48
- package/src/components/TextTrack.tsx +0 -103
- package/src/components/tracks/renderTracksSvg.ts +0 -247
package/dist/columnCounts.d.ts
CHANGED
|
@@ -15,6 +15,13 @@ export declare class ColumnCounts {
|
|
|
15
15
|
* are skipped, so this is ~the number of distinct residues, not 32.
|
|
16
16
|
*/
|
|
17
17
|
forEachResidue(col: number, cb: (slot: number, count: number) => void): void;
|
|
18
|
+
/**
|
|
19
|
+
* Shannon entropy of a column in bits, taken over its non-gap residues only:
|
|
20
|
+
* a column of two residues and eight gaps is a two-way choice, not a ten-way
|
|
21
|
+
* one, and gap occupancy is accounted for separately by every caller. 0 for
|
|
22
|
+
* an all-gap column.
|
|
23
|
+
*/
|
|
24
|
+
entropy(col: number): number;
|
|
18
25
|
/** non-gap [letter, count] pairs for one column, for display */
|
|
19
26
|
residueEntries(col: number): [string, number][];
|
|
20
27
|
/** the distinct non-gap letters appearing anywhere in the alignment */
|
package/dist/columnCounts.js
CHANGED
|
@@ -92,6 +92,24 @@ export class ColumnCounts {
|
|
|
92
92
|
}
|
|
93
93
|
}
|
|
94
94
|
}
|
|
95
|
+
/**
|
|
96
|
+
* Shannon entropy of a column in bits, taken over its non-gap residues only:
|
|
97
|
+
* a column of two residues and eight gaps is a two-way choice, not a ten-way
|
|
98
|
+
* one, and gap occupancy is accounted for separately by every caller. 0 for
|
|
99
|
+
* an all-gap column.
|
|
100
|
+
*/
|
|
101
|
+
entropy(col) {
|
|
102
|
+
const nonGapTotal = this.total(col) - this.gapCount(col);
|
|
103
|
+
if (nonGapTotal === 0) {
|
|
104
|
+
return 0;
|
|
105
|
+
}
|
|
106
|
+
let entropy = 0;
|
|
107
|
+
this.forEachResidue(col, (_slot, count) => {
|
|
108
|
+
const freq = count / nonGapTotal;
|
|
109
|
+
entropy -= freq * Math.log2(freq);
|
|
110
|
+
});
|
|
111
|
+
return entropy;
|
|
112
|
+
}
|
|
95
113
|
/** non-gap [letter, count] pairs for one column, for display */
|
|
96
114
|
residueEntries(col) {
|
|
97
115
|
const entries = [];
|
package/dist/columnCounts.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"columnCounts.js","sourceRoot":"","sources":["../src/columnCounts.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,+EAA+E;AAC/E,kDAAkD;AAClD,EAAE;AACF,6EAA6E;AAC7E,gFAAgF;AAEhF,MAAM,KAAK,GAAG,EAAE,CAAA;AAChB,MAAM,IAAI,GAAG,EAAE,CAAA;AACf,MAAM,GAAG,GAAG,EAAE,CAAA;AACd,MAAM,IAAI,GAAG,EAAE,CAAA;AACf,MAAM,KAAK,GAAG,EAAE,CAAA;AAEhB,MAAM,CAAC,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;AAC3B,MAAM,CAAC,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;AAC3B,MAAM,CAAC,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;AAC3B,MAAM,CAAC,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;AAE3B,+EAA+E;AAC/E,oEAAoE;AACpE,MAAM,UAAU,GAAG,IAAI,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;AAClD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;IAC5B,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAC3B,CAAC;AACD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;IAC5B,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAC3B,CAAC;AACD,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;AACpC,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAA;AACnC,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;AAEpC,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,CAC7D,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CACjE,CAAA;AACD,YAAY,CAAC,IAAI,CAAC,GAAG,GAAG,CAAA;AACxB,YAAY,CAAC,GAAG,CAAC,GAAG,GAAG,CAAA;AACvB,YAAY,CAAC,IAAI,CAAC,GAAG,GAAG,CAAA;AACxB,YAAY,CAAC,KAAK,CAAC,GAAG,GAAG,CAAA;AAEzB,SAAS,MAAM,CAAC,IAAY;IAC1B,OAAO,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAE,CAAC,CAAC,CAAC,KAAK,CAAA;AAC/C,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,IAAY;IACpC,OAAO,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,GAAG,CAAA;AACtC,CAAC;AAED,MAAM,OAAO,YAAY;IACd,UAAU,CAAQ;IACV,MAAM,CAAa;IACpC,gCAAgC;IACvB,MAAM,CAAa;IAC5B,2EAA2E;IAC3E,oDAAoD;IACnC,UAAU,GAAG,IAAI,WAAW,CAAC,KAAK,CAAC,CAAA;IAEpD,YAAY,UAAkB;QAC5B,IAAI,CAAC,UAAU,GAAG,UAAU,CAAA;QAC5B,IAAI,CAAC,MAAM,GAAG,IAAI,WAAW,CAAC,UAAU,GAAG,KAAK,CAAC,CAAA;QACjD,IAAI,CAAC,MAAM,GAAG,IAAI,WAAW,CAAC,UAAU,CAAC,CAAA;IAC3C,CAAC;IAED,MAAM,CAAC,GAAW;QAChB,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAA;QAC3C,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,CAAA;QAC/C,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC;YACjC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAA;YACxC,MAAM,CAAC,GAAG,GAAG,KAAK,GAAG,IAAI,CAAE,EAAE,CAAA;YAC7B,MAAM,CAAC,GAAG,CAAE,EAAE,CAAA;YACd,UAAU,CAAC,IAAI,CAAE,EAAE,CAAA;QACrB,CAAC;IACH,CAAC;IAED,GAAG,CAAC,GAAW,EAAE,MAAc;QAC7B,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;QACzC,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,KAAK,GAAG,IAAI,CAAE,EAAE,CAAA;QAClC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAE,EAAE,CAAA;QACnB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAE,EAAE,CAAA;IAC1B,CAAC;IAED,KAAK,CAAC,GAAW;QACf,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;IAC9B,CAAC;IAED,KAAK,CAAC,GAAW,EAAE,MAAc;QAC/B,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IACrE,CAAC;IAED,QAAQ,CAAC,GAAW;QAClB,MAAM,IAAI,GAAG,GAAG,GAAG,KAAK,CAAA;QACxB,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,CAAA;IACzE,CAAC;IAED;;;OAGG;IACH,cAAc,CAAC,GAAW,EAAE,EAAyC;QACnE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;QACvB,MAAM,IAAI,GAAG,GAAG,GAAG,KAAK,CAAA;QACxB,KAAK,IAAI,IAAI,GAAG,CAAC,EAAE,IAAI,GAAG,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC;YACxC,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,GAAG,IAAI,CAAE,CAAA;YAClC,IAAI,KAAK,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;gBAClC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;YACjB,CAAC;QACH,CAAC;IACH,CAAC;IAED,gEAAgE;IAChE,cAAc,CAAC,GAAW;QACxB,MAAM,OAAO,GAAuB,EAAE,CAAA;QACtC,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACvC,OAAO,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,IAAI,CAAE,EAAE,KAAK,CAAC,CAAC,CAAA;QAC5C,CAAC,CAAC,CAAA;QACF,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,uEAAuE;IACvE,IAAI,cAAc;QAChB,MAAM,OAAO,GAAG,IAAI,GAAG,EAAU,CAAA;QACjC,KAAK,IAAI,IAAI,GAAG,CAAC,EAAE,IAAI,GAAG,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC;YACxC,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAE,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;gBACnD,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,CAAE,CAAC,CAAA;YAClC,CAAC;QACH,CAAC;QACD,OAAO,OAAO,CAAA;IAChB,CAAC;CACF;AAED,MAAM,UAAU,mBAAmB,CAAC,IAAY;IAC9C,OAAO,YAAY,CAAC,IAAI,CAAE,CAAA;AAC5B,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,MAAc;IAChD,OAAO,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;AACrC,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAA;AAEpC;;;;GAIG;AACH,MAAM,UAAU,oBAAoB,CAAC,IAAc;IACjD,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAA;IAC1E,MAAM,MAAM,GAAG,IAAI,YAAY,CAAC,UAAU,CAAC,CAAA;IAC3C,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;IACpB,CAAC;IACD,OAAO,MAAM,CAAA;AACf,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,uBAAuB,CAAC,OAAiB;IACvD,MAAM,MAAM,GAAG,IAAI,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;IAC/C,KAAK,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,IAAI,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;QAC9C,KAAK,MAAM,MAAM,IAAI,MAAM,EAAE,CAAC;YAC5B,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,CAAA;QACzB,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAA;AACf,CAAC"}
|
|
1
|
+
{"version":3,"file":"columnCounts.js","sourceRoot":"","sources":["../src/columnCounts.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,gFAAgF;AAChF,gFAAgF;AAChF,gFAAgF;AAChF,+EAA+E;AAC/E,kDAAkD;AAClD,EAAE;AACF,6EAA6E;AAC7E,gFAAgF;AAEhF,MAAM,KAAK,GAAG,EAAE,CAAA;AAChB,MAAM,IAAI,GAAG,EAAE,CAAA;AACf,MAAM,GAAG,GAAG,EAAE,CAAA;AACd,MAAM,IAAI,GAAG,EAAE,CAAA;AACf,MAAM,KAAK,GAAG,EAAE,CAAA;AAEhB,MAAM,CAAC,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;AAC3B,MAAM,CAAC,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;AAC3B,MAAM,CAAC,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;AAC3B,MAAM,CAAC,GAAG,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;AAE3B,+EAA+E;AAC/E,oEAAoE;AACpE,MAAM,UAAU,GAAG,IAAI,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;AAClD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;IAC5B,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAC3B,CAAC;AACD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;IAC5B,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAC3B,CAAC;AACD,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;AACpC,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAA;AACnC,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;AAEpC,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,CAC7D,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CACjE,CAAA;AACD,YAAY,CAAC,IAAI,CAAC,GAAG,GAAG,CAAA;AACxB,YAAY,CAAC,GAAG,CAAC,GAAG,GAAG,CAAA;AACvB,YAAY,CAAC,IAAI,CAAC,GAAG,GAAG,CAAA;AACxB,YAAY,CAAC,KAAK,CAAC,GAAG,GAAG,CAAA;AAEzB,SAAS,MAAM,CAAC,IAAY;IAC1B,OAAO,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAE,CAAC,CAAC,CAAC,KAAK,CAAA;AAC/C,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,IAAY;IACpC,OAAO,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,GAAG,CAAA;AACtC,CAAC;AAED,MAAM,OAAO,YAAY;IACd,UAAU,CAAQ;IACV,MAAM,CAAa;IACpC,gCAAgC;IACvB,MAAM,CAAa;IAC5B,2EAA2E;IAC3E,oDAAoD;IACnC,UAAU,GAAG,IAAI,WAAW,CAAC,KAAK,CAAC,CAAA;IAEpD,YAAY,UAAkB;QAC5B,IAAI,CAAC,UAAU,GAAG,UAAU,CAAA;QAC5B,IAAI,CAAC,MAAM,GAAG,IAAI,WAAW,CAAC,UAAU,GAAG,KAAK,CAAC,CAAA;QACjD,IAAI,CAAC,MAAM,GAAG,IAAI,WAAW,CAAC,UAAU,CAAC,CAAA;IAC3C,CAAC;IAED,MAAM,CAAC,GAAW;QAChB,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAA;QAC3C,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,CAAA;QAC/C,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC;YACjC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAA;YACxC,MAAM,CAAC,GAAG,GAAG,KAAK,GAAG,IAAI,CAAE,EAAE,CAAA;YAC7B,MAAM,CAAC,GAAG,CAAE,EAAE,CAAA;YACd,UAAU,CAAC,IAAI,CAAE,EAAE,CAAA;QACrB,CAAC;IACH,CAAC;IAED,GAAG,CAAC,GAAW,EAAE,MAAc;QAC7B,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;QACzC,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,KAAK,GAAG,IAAI,CAAE,EAAE,CAAA;QAClC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAE,EAAE,CAAA;QACnB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAE,EAAE,CAAA;IAC1B,CAAC;IAED,KAAK,CAAC,GAAW;QACf,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;IAC9B,CAAC;IAED,KAAK,CAAC,GAAW,EAAE,MAAc;QAC/B,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IACrE,CAAC;IAED,QAAQ,CAAC,GAAW;QAClB,MAAM,IAAI,GAAG,GAAG,GAAG,KAAK,CAAA;QACxB,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,CAAA;IACzE,CAAC;IAED;;;OAGG;IACH,cAAc,CAAC,GAAW,EAAE,EAAyC;QACnE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;QACvB,MAAM,IAAI,GAAG,GAAG,GAAG,KAAK,CAAA;QACxB,KAAK,IAAI,IAAI,GAAG,CAAC,EAAE,IAAI,GAAG,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC;YACxC,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,GAAG,IAAI,CAAE,CAAA;YAClC,IAAI,KAAK,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;gBAClC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;YACjB,CAAC;QACH,CAAC;IACH,CAAC;IAED;;;;;OAKG;IACH,OAAO,CAAC,GAAW;QACjB,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;QACxD,IAAI,WAAW,KAAK,CAAC,EAAE,CAAC;YACtB,OAAO,CAAC,CAAA;QACV,CAAC;QACD,IAAI,OAAO,GAAG,CAAC,CAAA;QACf,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACxC,MAAM,IAAI,GAAG,KAAK,GAAG,WAAW,CAAA;YAChC,OAAO,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACnC,CAAC,CAAC,CAAA;QACF,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,gEAAgE;IAChE,cAAc,CAAC,GAAW;QACxB,MAAM,OAAO,GAAuB,EAAE,CAAA;QACtC,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACvC,OAAO,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,IAAI,CAAE,EAAE,KAAK,CAAC,CAAC,CAAA;QAC5C,CAAC,CAAC,CAAA;QACF,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,uEAAuE;IACvE,IAAI,cAAc;QAChB,MAAM,OAAO,GAAG,IAAI,GAAG,EAAU,CAAA;QACjC,KAAK,IAAI,IAAI,GAAG,CAAC,EAAE,IAAI,GAAG,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC;YACxC,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAE,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;gBACnD,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,CAAE,CAAC,CAAA;YAClC,CAAC;QACH,CAAC;QACD,OAAO,OAAO,CAAA;IAChB,CAAC;CACF;AAED,MAAM,UAAU,mBAAmB,CAAC,IAAY;IAC9C,OAAO,YAAY,CAAC,IAAI,CAAE,CAAA;AAC5B,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,MAAc;IAChD,OAAO,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAA;AACrC,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAA;AAEpC;;;;GAIG;AACH,MAAM,UAAU,oBAAoB,CAAC,IAAc;IACjD,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAA;IAC1E,MAAM,MAAM,GAAG,IAAI,YAAY,CAAC,UAAU,CAAC,CAAA;IAC3C,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;IACpB,CAAC;IACD,OAAO,MAAM,CAAA;AACf,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,uBAAuB,CAAC,OAAiB;IACvD,MAAM,MAAM,GAAG,IAAI,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,CAAA;IAC/C,KAAK,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,IAAI,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;QAC9C,KAAK,MAAM,MAAM,IAAI,MAAM,EAAE,CAAC;YAC5B,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,CAAA;QACzB,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAA;AACf,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const scrollbarThumbFill = "rgba(66,119,127,0.3)";
|
|
3
|
+
declare const variants: Record<'thumb' | 'resizer', {
|
|
4
|
+
fill: string;
|
|
5
|
+
fillHovered: string;
|
|
6
|
+
cursor: (axis: 'x' | 'y') => string;
|
|
7
|
+
position: React.CSSProperties['position'];
|
|
8
|
+
zIndex?: number;
|
|
9
|
+
}>;
|
|
10
|
+
/**
|
|
11
|
+
* A handle dragged along a single axis. `getStart` is read at mousedown and
|
|
12
|
+
* handed back to `onDrag` alongside the pixel delta since, so a caller only
|
|
13
|
+
* supplies the dimension it drives and where the handle sits.
|
|
14
|
+
*
|
|
15
|
+
* Memoize `onDrag` (useCallback) so the document listeners are not re-attached
|
|
16
|
+
* on every render.
|
|
17
|
+
*/
|
|
18
|
+
export default function DragHandle({ axis, variant, getStart, onDrag, style, }: {
|
|
19
|
+
axis: 'x' | 'y';
|
|
20
|
+
variant: keyof typeof variants;
|
|
21
|
+
getStart: () => number;
|
|
22
|
+
onDrag: (delta: number, startValue: number) => void;
|
|
23
|
+
style: React.CSSProperties;
|
|
24
|
+
}): React.JSX.Element;
|
|
25
|
+
export {};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import { useDragScroll } from '../useDragScroll.js';
|
|
3
|
+
export const scrollbarThumbFill = 'rgba(66,119,127,0.3)';
|
|
4
|
+
// The scroll thumbs (minimap, vertical scrollbar) and the resize dividers are
|
|
5
|
+
// one widget -- press, drag along an axis, report the pixel delta -- differing
|
|
6
|
+
// only in the affordance they present, so the variant carries the whole
|
|
7
|
+
// difference rather than a second copy of the drag wiring.
|
|
8
|
+
const variants = {
|
|
9
|
+
thumb: {
|
|
10
|
+
fill: scrollbarThumbFill,
|
|
11
|
+
fillHovered: 'rgba(66,119,127,0.6)',
|
|
12
|
+
cursor: () => 'pointer',
|
|
13
|
+
position: 'absolute',
|
|
14
|
+
zIndex: 100,
|
|
15
|
+
},
|
|
16
|
+
resizer: {
|
|
17
|
+
fill: 'rgba(200,200,200)',
|
|
18
|
+
fillHovered: 'rgba(150,150,150)',
|
|
19
|
+
cursor: axis => (axis === 'x' ? 'ew-resize' : 'ns-resize'),
|
|
20
|
+
position: 'relative',
|
|
21
|
+
},
|
|
22
|
+
};
|
|
23
|
+
/**
|
|
24
|
+
* A handle dragged along a single axis. `getStart` is read at mousedown and
|
|
25
|
+
* handed back to `onDrag` alongside the pixel delta since, so a caller only
|
|
26
|
+
* supplies the dimension it drives and where the handle sits.
|
|
27
|
+
*
|
|
28
|
+
* Memoize `onDrag` (useCallback) so the document listeners are not re-attached
|
|
29
|
+
* on every render.
|
|
30
|
+
*/
|
|
31
|
+
export default function DragHandle({ axis, variant, getStart, onDrag, style, }) {
|
|
32
|
+
const [hovered, setHovered] = useState(false);
|
|
33
|
+
const { startDrag } = useDragScroll(axis, onDrag);
|
|
34
|
+
const { fill, fillHovered, cursor, position, zIndex } = variants[variant];
|
|
35
|
+
return (React.createElement("div", { onMouseEnter: () => {
|
|
36
|
+
setHovered(true);
|
|
37
|
+
}, onMouseLeave: () => {
|
|
38
|
+
setHovered(false);
|
|
39
|
+
}, onMouseDown: event => {
|
|
40
|
+
startDrag(event, getStart());
|
|
41
|
+
}, style: {
|
|
42
|
+
position,
|
|
43
|
+
zIndex,
|
|
44
|
+
cursor: cursor(axis),
|
|
45
|
+
background: hovered ? fillHovered : fill,
|
|
46
|
+
...style,
|
|
47
|
+
} }));
|
|
48
|
+
}
|
|
49
|
+
//# sourceMappingURL=DragHandle.js.map
|
|
@@ -0,0 +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,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAEnD,MAAM,CAAC,MAAM,kBAAkB,GAAG,sBAAsB,CAAA;AAExD,8EAA8E;AAC9E,+EAA+E;AAC/E,wEAAwE;AACxE,2DAA2D;AAC3D,MAAM,QAAQ,GASV;IACF,KAAK,EAAE;QACL,IAAI,EAAE,kBAAkB;QACxB,WAAW,EAAE,sBAAsB;QACnC,MAAM,EAAE,GAAG,EAAE,CAAC,SAAS;QACvB,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,GAAG;KACZ;IACD,OAAO,EAAE;QACP,IAAI,EAAE,mBAAmB;QACzB,WAAW,EAAE,mBAAmB;QAChC,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,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,6BACE,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,WAAW,EAAE,KAAK,CAAC,EAAE;YACnB,SAAS,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAA;QAC9B,CAAC,EACD,KAAK,EAAE;YACL,QAAQ;YACR,MAAM;YACN,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC;YACpB,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI;YACxC,GAAG,KAAK;SACT,GACD,CACH,CAAA;AACH,CAAC"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { MsaViewModel } from '../model.ts';
|
|
3
|
+
import type { TrackKind } from '../types.ts';
|
|
3
4
|
export declare const VerticalResizeHandle: ({ model, }: {
|
|
4
5
|
model: MsaViewModel;
|
|
5
6
|
}) => React.JSX.Element;
|
|
6
7
|
export declare const HorizontalResizeHandle: ({ model, }: {
|
|
7
8
|
model: MsaViewModel;
|
|
8
9
|
}) => React.JSX.Element;
|
|
9
|
-
export declare const
|
|
10
|
+
export declare const TrackResizeHandle: ({ model, kind, }: {
|
|
10
11
|
model: MsaViewModel;
|
|
11
|
-
|
|
12
|
+
kind: TrackKind;
|
|
13
|
+
}) => React.JSX.Element | null;
|
|
@@ -1,52 +1,49 @@
|
|
|
1
|
-
import React, { useCallback
|
|
1
|
+
import React, { useCallback } from 'react';
|
|
2
2
|
import { observer } from 'mobx-react';
|
|
3
|
-
import
|
|
4
|
-
const handleBg = 'rgba(200,200,200)';
|
|
5
|
-
const handleBgHover = 'rgba(150,150,150)';
|
|
6
|
-
/**
|
|
7
|
-
* A draggable divider. `getStart` is read at mousedown and handed back to
|
|
8
|
-
* `onDrag` alongside the pixel delta since, so each handle below only has to say
|
|
9
|
-
* which model dimension it resizes and where it sits.
|
|
10
|
-
*/
|
|
11
|
-
function ResizeHandle({ axis, getStart, onDrag, style, }) {
|
|
12
|
-
const [hovered, setHovered] = useState(false);
|
|
13
|
-
const { startDrag } = useDragScroll(axis, onDrag);
|
|
14
|
-
return (React.createElement("div", { onMouseDown: event => {
|
|
15
|
-
startDrag(event, getStart());
|
|
16
|
-
}, onMouseEnter: () => {
|
|
17
|
-
setHovered(true);
|
|
18
|
-
}, onMouseLeave: () => {
|
|
19
|
-
setHovered(false);
|
|
20
|
-
}, style: {
|
|
21
|
-
position: 'relative',
|
|
22
|
-
cursor: axis === 'x' ? 'ew-resize' : 'ns-resize',
|
|
23
|
-
background: hovered ? handleBgHover : handleBg,
|
|
24
|
-
...style,
|
|
25
|
-
} }));
|
|
26
|
-
}
|
|
3
|
+
import DragHandle from './DragHandle.js';
|
|
27
4
|
export const VerticalResizeHandle = observer(function ({ model, }) {
|
|
28
5
|
const onDrag = useCallback((delta, startWidth) => {
|
|
29
6
|
model.setTreeAreaWidth(startWidth + delta);
|
|
30
7
|
}, [model]);
|
|
31
|
-
return (React.createElement(
|
|
8
|
+
return (React.createElement(DragHandle, { axis: "x", variant: "resizer", getStart: () => model.treeAreaWidth, onDrag: onDrag, style: { width: model.resizeHandleWidth } }));
|
|
32
9
|
});
|
|
33
10
|
export const HorizontalResizeHandle = observer(function ({ model, }) {
|
|
34
11
|
const onDrag = useCallback((delta, startHeight) => {
|
|
35
12
|
model.setHeight(startHeight + delta);
|
|
36
13
|
}, [model]);
|
|
37
|
-
return (React.createElement(
|
|
14
|
+
return (React.createElement(DragHandle, { axis: "y", variant: "resizer", getStart: () => model.height, onDrag: onDrag, style: { width: '100%', height: model.resizeHandleWidth } }));
|
|
38
15
|
});
|
|
39
|
-
|
|
16
|
+
// The height behind each resizable track kind. Both bar tracks read one height
|
|
17
|
+
// so conservation and property conservation stay directly comparable; the logo
|
|
18
|
+
// keeps its own, being taller by default. Text tracks are absent: they are one
|
|
19
|
+
// alignment row tall and follow rowHeight, so the zoom controls already size
|
|
20
|
+
// them.
|
|
21
|
+
const trackHeights = {
|
|
22
|
+
bar: {
|
|
23
|
+
get: model => model.conservationTrackHeight,
|
|
24
|
+
set: (model, height) => {
|
|
25
|
+
model.setConservationTrackHeight(height);
|
|
26
|
+
},
|
|
27
|
+
},
|
|
28
|
+
logo: {
|
|
29
|
+
get: model => model.sequenceLogoTrackHeight,
|
|
30
|
+
set: (model, height) => {
|
|
31
|
+
model.setSequenceLogoTrackHeight(height);
|
|
32
|
+
},
|
|
33
|
+
},
|
|
34
|
+
};
|
|
35
|
+
export const TrackResizeHandle = observer(function ({ model, kind, }) {
|
|
36
|
+
const height = trackHeights[kind];
|
|
40
37
|
const onDrag = useCallback((delta, startHeight) => {
|
|
41
|
-
model
|
|
42
|
-
}, [model]);
|
|
43
|
-
return (React.createElement(
|
|
38
|
+
height?.set(model, Math.max(10, startHeight + delta));
|
|
39
|
+
}, [model, height]);
|
|
40
|
+
return height ? (React.createElement(DragHandle, { axis: "y", variant: "resizer", getStart: () => height.get(model), onDrag: onDrag, style: {
|
|
44
41
|
position: 'absolute',
|
|
45
42
|
bottom: 0,
|
|
46
43
|
left: 0,
|
|
47
44
|
width: '100%',
|
|
48
45
|
height: model.resizeHandleWidth,
|
|
49
46
|
zIndex: 1,
|
|
50
|
-
} }));
|
|
47
|
+
} })) : null;
|
|
51
48
|
});
|
|
52
49
|
//# sourceMappingURL=ResizeHandles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResizeHandles.js","sourceRoot":"","sources":["../../src/components/ResizeHandles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"ResizeHandles.js","sourceRoot":"","sources":["../../src/components/ResizeHandles.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useCallback } from 'react';
|
|
2
2
|
import { observer } from 'mobx-react';
|
|
3
|
-
import
|
|
3
|
+
import DragHandle from './DragHandle.js';
|
|
4
4
|
const width = 20;
|
|
5
5
|
const VerticalScrollbar = observer(({ model }) => {
|
|
6
6
|
const { msaAreaHeight, scrollY, totalHeight } = model;
|
|
@@ -18,7 +18,7 @@ const VerticalScrollbar = observer(({ model }) => {
|
|
|
18
18
|
borderTop: '1px solid #555',
|
|
19
19
|
boxSizing: 'border-box',
|
|
20
20
|
} },
|
|
21
|
-
React.createElement(
|
|
21
|
+
React.createElement(DragHandle, { axis: "y", variant: "thumb", getStart: () => model.scrollY, onDrag: onDrag, style: {
|
|
22
22
|
top: Math.max(0, t),
|
|
23
23
|
left: 0,
|
|
24
24
|
boxSizing: 'border-box',
|
|
@@ -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,
|
|
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,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"}
|
|
@@ -5,133 +5,56 @@ import { Button, DialogActions, DialogContent, Typography } from '@mui/material'
|
|
|
5
5
|
import { observer } from 'mobx-react';
|
|
6
6
|
import { getUngappedSequence } from 'msa-parsers';
|
|
7
7
|
import { launchInterProScan } from '../../launchInterProScan.js';
|
|
8
|
+
const FAMILIES = 'Families, domains, sites & repeats';
|
|
9
|
+
const FEATURES = 'Other sequence features';
|
|
10
|
+
const STRUCTURAL = 'Structural domains';
|
|
11
|
+
const OTHER = 'Other category';
|
|
12
|
+
// The analyses the EBI iprscan5 endpoint accepts, all on by default. Static, so
|
|
13
|
+
// it lives out here rather than being rebuilt on every render of the dialog.
|
|
14
|
+
const interProScanPrograms = [
|
|
15
|
+
{
|
|
16
|
+
name: 'NCBIfam',
|
|
17
|
+
category: FAMILIES,
|
|
18
|
+
description: 'NCBI RefSeq FAMs including TIGRFAMs',
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
name: 'SFLD',
|
|
22
|
+
category: FAMILIES,
|
|
23
|
+
description: 'Structure function linkage database',
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
name: 'Phobius',
|
|
27
|
+
category: FEATURES,
|
|
28
|
+
description: 'A combined transmembrane topology and signal peptide predictor',
|
|
29
|
+
},
|
|
30
|
+
{ name: 'SignalP', category: FEATURES },
|
|
31
|
+
{ name: 'SignalP_EUK', category: OTHER },
|
|
32
|
+
{ name: 'SignalP_GRAM_POSITIVE', category: OTHER },
|
|
33
|
+
{ name: 'SignalP_GRAM_NEGATIVE', category: OTHER },
|
|
34
|
+
{ name: 'SuperFamily', category: STRUCTURAL },
|
|
35
|
+
{ name: 'Panther', category: FAMILIES },
|
|
36
|
+
{ name: 'Gene3d', category: STRUCTURAL },
|
|
37
|
+
{ name: 'HAMAP', category: FAMILIES },
|
|
38
|
+
{ name: 'PrositeProfiles', category: FAMILIES },
|
|
39
|
+
{ name: 'PrositePatterns', category: FAMILIES },
|
|
40
|
+
{ name: 'Coils', category: FEATURES },
|
|
41
|
+
{ name: 'SMART', category: FAMILIES },
|
|
42
|
+
{
|
|
43
|
+
name: 'CDD',
|
|
44
|
+
category: FAMILIES,
|
|
45
|
+
description: 'Conserved Domains Database',
|
|
46
|
+
},
|
|
47
|
+
{ name: 'PRINTS', category: FAMILIES },
|
|
48
|
+
{ name: 'PfamA', category: FAMILIES },
|
|
49
|
+
{ name: 'MobiDBLite', category: FEATURES },
|
|
50
|
+
{ name: 'PIRSF', category: OTHER },
|
|
51
|
+
{ name: 'TMHMM', category: FEATURES },
|
|
52
|
+
{ name: 'AntiFam', category: OTHER },
|
|
53
|
+
{ name: 'FunFam', category: OTHER },
|
|
54
|
+
{ name: 'PIRSR', category: FAMILIES },
|
|
55
|
+
].map(program => ({ ...program, checked: true }));
|
|
8
56
|
const InterProScanDialog = observer(function ({ handleClose, model, }) {
|
|
9
|
-
const [vals, setVals] = useState(
|
|
10
|
-
{
|
|
11
|
-
name: 'NCBIfam',
|
|
12
|
-
description: 'NCBI RefSeq FAMs including TIGRFAMs',
|
|
13
|
-
category: 'Families, domains, sites & repeats',
|
|
14
|
-
checked: true,
|
|
15
|
-
},
|
|
16
|
-
{
|
|
17
|
-
name: 'SFLD',
|
|
18
|
-
description: 'Structure function linkage database',
|
|
19
|
-
category: 'Families, domains, sites & repeats',
|
|
20
|
-
checked: true,
|
|
21
|
-
},
|
|
22
|
-
{
|
|
23
|
-
name: 'Phobius',
|
|
24
|
-
checked: true,
|
|
25
|
-
description: 'A combined transmembrane topology and signal peptide predictor',
|
|
26
|
-
category: 'Other sequence features',
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
name: 'SignalP',
|
|
30
|
-
checked: true,
|
|
31
|
-
category: 'Other sequence features',
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
name: 'SignalP_EUK',
|
|
35
|
-
category: 'Other category',
|
|
36
|
-
checked: true,
|
|
37
|
-
},
|
|
38
|
-
{
|
|
39
|
-
name: 'SignalP_GRAM_POSITIVE',
|
|
40
|
-
category: 'Other category',
|
|
41
|
-
checked: true,
|
|
42
|
-
},
|
|
43
|
-
{
|
|
44
|
-
name: 'SignalP_GRAM_NEGATIVE',
|
|
45
|
-
checked: true,
|
|
46
|
-
category: 'Other category',
|
|
47
|
-
},
|
|
48
|
-
{
|
|
49
|
-
name: 'SuperFamily',
|
|
50
|
-
category: 'Structural domains',
|
|
51
|
-
checked: true,
|
|
52
|
-
},
|
|
53
|
-
{
|
|
54
|
-
name: 'Panther',
|
|
55
|
-
category: 'Families, domains, sites & repeats',
|
|
56
|
-
checked: true,
|
|
57
|
-
},
|
|
58
|
-
{
|
|
59
|
-
name: 'Gene3d',
|
|
60
|
-
category: 'Structural domains',
|
|
61
|
-
checked: true,
|
|
62
|
-
},
|
|
63
|
-
{
|
|
64
|
-
name: 'HAMAP',
|
|
65
|
-
category: 'Families, domains, sites & repeats',
|
|
66
|
-
checked: true,
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
name: 'PrositeProfiles',
|
|
70
|
-
category: 'Families, domains, sites & repeats',
|
|
71
|
-
checked: true,
|
|
72
|
-
},
|
|
73
|
-
{
|
|
74
|
-
name: 'PrositePatterns',
|
|
75
|
-
category: 'Families, domains, sites & repeats',
|
|
76
|
-
checked: true,
|
|
77
|
-
},
|
|
78
|
-
{
|
|
79
|
-
name: 'Coils',
|
|
80
|
-
category: 'Other sequence features',
|
|
81
|
-
checked: true,
|
|
82
|
-
},
|
|
83
|
-
{
|
|
84
|
-
name: 'SMART',
|
|
85
|
-
category: 'Families, domains, sites & repeats',
|
|
86
|
-
checked: true,
|
|
87
|
-
},
|
|
88
|
-
{
|
|
89
|
-
name: 'CDD',
|
|
90
|
-
description: 'Conserved Domains Database',
|
|
91
|
-
category: 'Families, domains, sites & repeats',
|
|
92
|
-
checked: true,
|
|
93
|
-
},
|
|
94
|
-
{
|
|
95
|
-
name: 'PRINTS',
|
|
96
|
-
category: 'Families, domains, sites & repeats',
|
|
97
|
-
checked: true,
|
|
98
|
-
},
|
|
99
|
-
{
|
|
100
|
-
name: 'PfamA',
|
|
101
|
-
category: 'Families, domains, sites & repeats',
|
|
102
|
-
checked: true,
|
|
103
|
-
},
|
|
104
|
-
{
|
|
105
|
-
name: 'MobiDBLite',
|
|
106
|
-
checked: true,
|
|
107
|
-
category: 'Other sequence features',
|
|
108
|
-
},
|
|
109
|
-
{
|
|
110
|
-
name: 'PIRSF',
|
|
111
|
-
checked: true,
|
|
112
|
-
category: 'Other category',
|
|
113
|
-
},
|
|
114
|
-
{
|
|
115
|
-
name: 'TMHMM',
|
|
116
|
-
checked: true,
|
|
117
|
-
category: 'Other sequence features',
|
|
118
|
-
},
|
|
119
|
-
{
|
|
120
|
-
name: 'AntiFam',
|
|
121
|
-
checked: true,
|
|
122
|
-
category: 'Other category',
|
|
123
|
-
},
|
|
124
|
-
{
|
|
125
|
-
name: 'FunFam',
|
|
126
|
-
checked: true,
|
|
127
|
-
category: 'Other category',
|
|
128
|
-
},
|
|
129
|
-
{
|
|
130
|
-
name: 'PIRSR',
|
|
131
|
-
checked: true,
|
|
132
|
-
category: 'Families, domains, sites & repeats',
|
|
133
|
-
},
|
|
134
|
-
]);
|
|
57
|
+
const [vals, setVals] = useState(interProScanPrograms);
|
|
135
58
|
const programs = vals.filter(e => e.checked).map(e => e.name);
|
|
136
59
|
const [show, setShow] = useState(false);
|
|
137
60
|
return (React.createElement(Dialog, { maxWidth: "xl", title: "Query InterProScan API for domains", onClose: () => {
|
|
@@ -156,14 +79,14 @@ const InterProScanDialog = observer(function ({ handleClose, model, }) {
|
|
|
156
79
|
React.createElement("table", null,
|
|
157
80
|
React.createElement("tbody", null, vals
|
|
158
81
|
.toSorted((a, b) => a.category.localeCompare(b.category))
|
|
159
|
-
.map(({ name, checked, category }) => (React.createElement("tr", { key: name },
|
|
82
|
+
.map(({ name, checked, category, description }) => (React.createElement("tr", { key: name },
|
|
160
83
|
React.createElement("td", null,
|
|
161
|
-
React.createElement("input", { type: "checkbox",
|
|
84
|
+
React.createElement("input", { type: "checkbox", checked: checked, onChange: () => {
|
|
162
85
|
setVals(vals.map(e => e.name === name
|
|
163
86
|
? { ...e, checked: !e.checked }
|
|
164
87
|
: e));
|
|
165
88
|
} })),
|
|
166
|
-
React.createElement("td",
|
|
89
|
+
React.createElement("td", { title: description }, name),
|
|
167
90
|
React.createElement("td", null, category)))))))) : null),
|
|
168
91
|
React.createElement(DialogActions, null,
|
|
169
92
|
React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InterProScanDialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/InterProScanDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAEjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAIhE,MAAM,
|
|
1
|
+
{"version":3,"file":"InterProScanDialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/InterProScanDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAEjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAIhE,MAAM,QAAQ,GAAG,oCAAoC,CAAA;AACrD,MAAM,QAAQ,GAAG,yBAAyB,CAAA;AAC1C,MAAM,UAAU,GAAG,oBAAoB,CAAA;AACvC,MAAM,KAAK,GAAG,gBAAgB,CAAA;AAE9B,gFAAgF;AAChF,6EAA6E;AAC7E,MAAM,oBAAoB,GAAG;IAC3B;QACE,IAAI,EAAE,SAAS;QACf,QAAQ,EAAE,QAAQ;QAClB,WAAW,EAAE,qCAAqC;KACnD;IACD;QACE,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,QAAQ;QAClB,WAAW,EAAE,qCAAqC;KACnD;IACD;QACE,IAAI,EAAE,SAAS;QACf,QAAQ,EAAE,QAAQ;QAClB,WAAW,EACT,gEAAgE;KACnE;IACD,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE;IACvC,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE;IACxC,EAAE,IAAI,EAAE,uBAAuB,EAAE,QAAQ,EAAE,KAAK,EAAE;IAClD,EAAE,IAAI,EAAE,uBAAuB,EAAE,QAAQ,EAAE,KAAK,EAAE;IAClD,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE;IAC7C,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE;IACvC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE;IACxC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE;IACrC,EAAE,IAAI,EAAE,iBAAiB,EAAE,QAAQ,EAAE,QAAQ,EAAE;IAC/C,EAAE,IAAI,EAAE,iBAAiB,EAAE,QAAQ,EAAE,QAAQ,EAAE;IAC/C,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE;IACrC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE;IACrC;QACE,IAAI,EAAE,KAAK;QACX,QAAQ,EAAE,QAAQ;QAClB,WAAW,EAAE,4BAA4B;KAC1C;IACD,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;IACtC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE;IACrC,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE;IAC1C,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE;IAClC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE;IACrC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;IACpC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;IACnC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE;CACtC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;AAEjD,MAAM,kBAAkB,GAAG,QAAQ,CAAC,UAAU,EAC5C,WAAW,EACX,KAAK,GAIN;IACC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAA;IAEtD,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IAC7D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvC,OAAO,CACL,oBAAC,MAAM,IACL,QAAQ,EAAC,IAAI,EACb,KAAK,EAAC,oCAAoC,EAC1C,OAAO,EAAE,GAAG,EAAE;YACZ,WAAW,EAAE,CAAA;QACf,CAAC,EACD,IAAI;QAEJ,oBAAC,aAAa;YACZ,oBAAC,UAAU,6FAGE;YACb,oBAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA;gBAChB,CAAC;gBAEA,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;oCAChB;YACR,IAAI,CAAC,CAAC,CAAC,CACN;gBACE,oBAAC,UAAU,oDAAuD;gBAClE;oBACE,oBAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,GAAG,EAAE;4BACZ,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAA;wBACpD,CAAC,kBAGM;oBACT,oBAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;4BACZ,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAA;wBACnD,CAAC,iBAGM,CACL;gBACN;oBACE,mCACG,IAAI;yBACF,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;yBACxD,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CACjD,4BAAI,GAAG,EAAE,IAAI;wBACX;4BACE,+BACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,GAAG,EAAE;oCACb,OAAO,CACL,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CACX,CAAC,CAAC,IAAI,KAAK,IAAI;wCACb,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE;wCAC/B,CAAC,CAAC,CAAC,CACN,CACF,CAAA;gCACH,CAAC,GACD,CACC;wBACL,4BAAI,KAAK,EAAE,WAAW,IAAG,IAAI,CAAM;wBACnC,gCAAK,QAAQ,CAAM,CAChB,CACN,CAAC,CACE,CACF,CACJ,CACP,CAAC,CAAC,CAAC,IAAI,CACM;QAChB,oBAAC,aAAa;YACZ,oBAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,GAAG,EAAE;oBACZ,WAAW,EAAE,CAAA;gBACf,CAAC,aAGM;YACT,oBAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;oBACZ,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAEvC;oBAAA,CAAC,KAAK,IAAI,EAAE;wBACX,IAAI,CAAC;4BACH,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;4BACtB,IAAI,IAAI,CAAC,MAAM,GAAG,GAAG,EAAE,CAAC;gCACtB,MAAM,IAAI,KAAK,CACb,qDAAqD,CACtD,CAAA;4BACH,CAAC;4BACD,MAAM,kBAAkB,CAAC;gCACvB,SAAS,EAAE,cAAc;gCACzB,QAAQ,EAAE,QAAQ;gCAClB,GAAG,EAAE,IAAI;qCACN,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;qCACjD,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;qCACnB,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;qCACnC,IAAI,CAAC,IAAI,CAAC;gCACb,UAAU,EAAE,GAAG,CAAC,EAAE;oCAChB,KAAK,CAAC,SAAS,CACb,GAAG;wCACD,CAAC,CAAC;4CACE,GAAG,GAAG;4CACN,QAAQ,EAAE,GAAG,EAAE;gDACb,UAAU,CAAC,KAAK,EAAE,CAAA;4CACpB,CAAC;yCACF;wCACH,CAAC,CAAC,SAAS,CACd,CAAA;gCACH,CAAC;gCACD,KAAK;gCACL,MAAM,EAAE,UAAU,CAAC,MAAM;6BAC1B,CAAC,CAAA;wBACJ,CAAC;wBAAC,OAAO,CAAC,EAAE,CAAC;4BACX,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;4BAChB,UAAU,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,CAAA;wBAC1C,CAAC;gCAAS,CAAC;4BACT,KAAK,CAAC,SAAS,EAAE,CAAA;wBACnB,CAAC;oBACH,CAAC,CAAC,EAAE,CAAA;oBACJ,WAAW,EAAE,CAAA;gBACf,CAAC,qCAGM,CACK,CACT,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,kBAAkB,CAAA"}
|
|
@@ -8,9 +8,24 @@ function toggle(label, checked, set) {
|
|
|
8
8
|
},
|
|
9
9
|
};
|
|
10
10
|
}
|
|
11
|
+
// Every track the alignment can show, with its current state. Without this the
|
|
12
|
+
// "Close" item on a track's own dropdown is a one-way door -- there is nowhere
|
|
13
|
+
// else in the UI to turn a track back on.
|
|
14
|
+
function tracksSubMenu(model) {
|
|
15
|
+
const shown = new Set(model.turnedOnTracks.map(t => t.model.id));
|
|
16
|
+
return model.tracks.map(({ model: { id, name } }) => toggle(name, shown.has(id), () => {
|
|
17
|
+
model.toggleTrack(id);
|
|
18
|
+
}));
|
|
19
|
+
}
|
|
11
20
|
export function msaSettingsMenuItems(model) {
|
|
12
21
|
const { drawMsaLetters, hideGaps, bgColor, showColumnStats } = model;
|
|
13
22
|
return [
|
|
23
|
+
{
|
|
24
|
+
label: 'Tracks',
|
|
25
|
+
type: 'subMenu',
|
|
26
|
+
subMenu: tracksSubMenu(model),
|
|
27
|
+
},
|
|
28
|
+
{ type: 'divider' },
|
|
14
29
|
toggle('Show column statistics on hover', showColumnStats, arg => {
|
|
15
30
|
model.setShowColumnStats(arg);
|
|
16
31
|
}),
|
|
@@ -36,7 +51,7 @@ export function treeSettingsMenuItems(model) {
|
|
|
36
51
|
toggle('Show tree', drawTree, arg => {
|
|
37
52
|
model.setDrawTree(arg);
|
|
38
53
|
}),
|
|
39
|
-
toggle('Draw
|
|
54
|
+
toggle('Draw bubbles on tree branches', drawNodeBubbles, arg => {
|
|
40
55
|
model.setDrawNodeBubbles(arg);
|
|
41
56
|
}),
|
|
42
57
|
toggle('Tree labels align right', labelsAlignRight, arg => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"settingsMenuItems.js","sourceRoot":"","sources":["../../../src/components/header/settingsMenuItems.ts"],"names":[],"mappings":"AAGA,SAAS,MAAM,CAAC,KAAa,EAAE,OAAgB,EAAE,GAA2B;IAC1E,OAAO;QACL,KAAK;QACL,IAAI,EAAE,UAAmB;QACzB,OAAO;QACP,OAAO,EAAE,GAAG,EAAE;YACZ,GAAG,CAAC,CAAC,OAAO,CAAC,CAAA;QACf,CAAC;KACF,CAAA;AACH,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,KAAmB;IACtD,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,KAAK,CAAA;IACpE,OAAO;QACL,MAAM,CAAC,iCAAiC,EAAE,eAAe,EAAE,GAAG,CAAC,EAAE;YAC/D,KAAK,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAA;QAC/B,CAAC,CAAC;QACF,MAAM,CAAC,cAAc,EAAE,cAAc,EAAE,GAAG,CAAC,EAAE;YAC3C,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAA;QAC9B,CAAC,CAAC;QACF,2EAA2E;QAC3E,wEAAwE;QACxE,MAAM,CAAC,8CAA8C,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,EAAE;YACrE,KAAK,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAA;QACxB,CAAC,CAAC;QACF,MAAM,CAAC,8BAA8B,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE;YACrD,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAA;QACxB,CAAC,CAAC;KACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,qBAAqB,CAAC,KAAmB;IACvD,MAAM,EACJ,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,UAAU,GACX,GAAG,KAAK,CAAA;IACT,OAAO;QACL,MAAM,CAAC,oBAAoB,EAAE,aAAa,EAAE,GAAG,CAAC,EAAE;YAChD,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAA;QAC7B,CAAC,CAAC;QACF,MAAM,CAAC,WAAW,EAAE,QAAQ,EAAE,GAAG,CAAC,EAAE;YAClC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAA;QACxB,CAAC,CAAC;QACF,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"settingsMenuItems.js","sourceRoot":"","sources":["../../../src/components/header/settingsMenuItems.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,36 @@
|
|
|
1
1
|
import React, { useCallback } from 'react';
|
|
2
|
+
import { useTheme } from '@mui/material';
|
|
2
3
|
import { observer } from 'mobx-react';
|
|
3
|
-
import
|
|
4
|
+
import { useCanvasAutorun } from '../../useCanvasAutorun.js';
|
|
5
|
+
import DragHandle, { scrollbarThumbFill } from '../DragHandle.js';
|
|
6
|
+
import { msaThumbnail } from '../msa/msaRaster.js';
|
|
4
7
|
import { MINIMAP_BAR_HEIGHT, getMinimapLayout } from './minimapLayout.js';
|
|
5
8
|
const Minimap = observer(function ({ model }) {
|
|
6
|
-
const { minimapHeight, msaCanvasWidth } = model;
|
|
9
|
+
const { minimapHeight, msaCanvasWidth, highResScaleFactor } = model;
|
|
10
|
+
const theme = useTheme();
|
|
7
11
|
const { unit, s, w, polygonHeight, polygonPoints } = getMinimapLayout(model, msaCanvasWidth);
|
|
12
|
+
// the whole alignment, sampled down to the bar: it says where the conserved
|
|
13
|
+
// blocks and the gappy stretches are, which is what a scroll aims at
|
|
14
|
+
const barWidth = Math.round(msaCanvasWidth * highResScaleFactor);
|
|
15
|
+
const barHeight = Math.round(MINIMAP_BAR_HEIGHT * highResScaleFactor);
|
|
16
|
+
const ref = useCanvasAutorun({
|
|
17
|
+
draw: ctx => {
|
|
18
|
+
ctx.resetTransform();
|
|
19
|
+
ctx.clearRect(0, 0, barWidth, barHeight);
|
|
20
|
+
const thumbnail = msaThumbnail({
|
|
21
|
+
model,
|
|
22
|
+
theme,
|
|
23
|
+
height: MINIMAP_BAR_HEIGHT,
|
|
24
|
+
});
|
|
25
|
+
if (thumbnail) {
|
|
26
|
+
ctx.imageSmoothingEnabled = true;
|
|
27
|
+
ctx.drawImage(thumbnail, 0, 0, thumbnail.width, thumbnail.height, 0, 0, barWidth, barHeight);
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
width: barWidth,
|
|
31
|
+
height: barHeight,
|
|
32
|
+
deps: [model, theme],
|
|
33
|
+
});
|
|
8
34
|
const onDrag = useCallback((delta, startScroll) => {
|
|
9
35
|
model.setScrollX(startScroll - delta / unit);
|
|
10
36
|
}, [model, unit]);
|
|
@@ -14,12 +40,14 @@ const Minimap = observer(function ({ model }) {
|
|
|
14
40
|
width: msaCanvasWidth,
|
|
15
41
|
flexShrink: 0,
|
|
16
42
|
} },
|
|
17
|
-
React.createElement("
|
|
43
|
+
React.createElement("canvas", { ref: ref, width: barWidth, height: barHeight, style: {
|
|
44
|
+
display: 'block',
|
|
45
|
+
width: msaCanvasWidth,
|
|
18
46
|
height: MINIMAP_BAR_HEIGHT,
|
|
19
47
|
boxSizing: 'border-box',
|
|
20
48
|
border: '1px solid #555',
|
|
21
49
|
} }),
|
|
22
|
-
React.createElement(
|
|
50
|
+
React.createElement(DragHandle, { axis: "x", variant: "thumb", getStart: () => model.scrollX, onDrag: onDrag, style: {
|
|
23
51
|
top: 0,
|
|
24
52
|
left: Math.max(0, s),
|
|
25
53
|
height: MINIMAP_BAR_HEIGHT,
|