react-msaview 4.4.4 → 4.4.6
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 +111 -111
- package/bundle/index.js.LICENSE.txt +24 -6
- package/bundle/index.js.map +1 -1
- package/dist/components/dialogs/InterProScanDialog.js +1 -1
- package/dist/components/dialogs/InterProScanDialog.js.map +1 -1
- package/dist/components/dialogs/SettingsDialog.js +1 -1
- package/dist/components/dialogs/SettingsDialog.js.map +1 -1
- package/dist/components/msa/MSACanvasBlock.js +8 -1
- package/dist/components/msa/MSACanvasBlock.js.map +1 -1
- package/dist/components/msa/renderMSABlock.js +22 -4
- package/dist/components/msa/renderMSABlock.js.map +1 -1
- package/dist/components/msa/renderMSAMouseover.js +21 -1
- package/dist/components/msa/renderMSAMouseover.js.map +1 -1
- package/dist/components/tree/TreeCanvas.js +61 -2
- package/dist/components/tree/TreeCanvas.js.map +1 -1
- package/dist/components/tree/TreeCanvasBlock.js +56 -5
- package/dist/components/tree/TreeCanvasBlock.js.map +1 -1
- package/dist/components/tree/TreeNodeMenu.js +6 -2
- package/dist/components/tree/TreeNodeMenu.js.map +1 -1
- package/dist/components/tree/renderTreeCanvas.d.ts +14 -4
- package/dist/components/tree/renderTreeCanvas.js +3 -0
- package/dist/components/tree/renderTreeCanvas.js.map +1 -1
- package/dist/components/util.js +1 -1
- package/dist/components/util.js.map +1 -1
- package/dist/layout.d.ts +4 -1
- package/dist/layout.js +30 -8
- package/dist/layout.js.map +1 -1
- package/dist/model/treeModel.js +2 -2
- package/dist/model/treeModel.js.map +1 -1
- package/dist/model.d.ts +14 -79
- package/dist/model.js +94 -4
- package/dist/model.js.map +1 -1
- package/dist/rowCoordinateCalculations.js +1 -5
- package/dist/rowCoordinateCalculations.js.map +1 -1
- package/dist/rowCoordinateCalculations.test.js +14 -2
- package/dist/rowCoordinateCalculations.test.js.map +1 -1
- package/dist/seqCoordToRowSpecificGlobalCoord.js +9 -5
- package/dist/seqCoordToRowSpecificGlobalCoord.js.map +1 -1
- package/dist/seqCoordToRowSpecificGlobalCoord.test.js +6 -6
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/package.json +3 -2
- package/src/components/dialogs/InterProScanDialog.tsx +1 -1
- package/src/components/dialogs/SettingsDialog.tsx +1 -1
- package/src/components/msa/MSACanvasBlock.tsx +8 -1
- package/src/components/msa/renderMSABlock.ts +32 -2
- package/src/components/msa/renderMSAMouseover.ts +26 -0
- package/src/components/tree/TreeCanvas.tsx +76 -1
- package/src/components/tree/TreeCanvasBlock.tsx +69 -5
- package/src/components/tree/TreeNodeMenu.tsx +12 -1
- package/src/components/tree/renderTreeCanvas.ts +20 -4
- package/src/components/util.ts +1 -1
- package/src/layout.ts +48 -8
- package/src/model/treeModel.ts +2 -2
- package/src/model.ts +108 -5
- package/src/rowCoordinateCalculations.test.ts +15 -2
- package/src/rowCoordinateCalculations.ts +1 -5
- package/src/seqCoordToRowSpecificGlobalCoord.test.ts +6 -6
- package/src/seqCoordToRowSpecificGlobalCoord.ts +9 -4
- package/src/version.ts +1 -1
- package/dist/DataModel.d.ts +0 -34
- package/dist/DataModel.js +0 -46
- package/dist/DataModel.js.map +0 -1
- package/dist/DialogQueue.d.ts +0 -25
- package/dist/DialogQueue.js +0 -44
- package/dist/DialogQueue.js.map +0 -1
- package/dist/SelectedStructuresMixin.d.ts +0 -46
- package/dist/SelectedStructuresMixin.js +0 -52
- package/dist/SelectedStructuresMixin.js.map +0 -1
- package/dist/StructureModel.d.ts +0 -9
- package/dist/StructureModel.js +0 -11
- package/dist/StructureModel.js.map +0 -1
- package/dist/UniprotTrack.d.ts +0 -27
- package/dist/UniprotTrack.js +0 -53
- package/dist/UniprotTrack.js.map +0 -1
- package/dist/components/BoxTrack.d.ts +0 -7
- package/dist/components/BoxTrack.js +0 -15
- package/dist/components/BoxTrack.js.map +0 -1
- package/dist/components/BoxTrackBlock.d.ts +0 -8
- package/dist/components/BoxTrackBlock.js +0 -136
- package/dist/components/BoxTrackBlock.js.map +0 -1
- package/dist/components/ExportSVGDialog.d.ts +0 -6
- package/dist/components/ExportSVGDialog.js +0 -39
- package/dist/components/ExportSVGDialog.js.map +0 -1
- package/dist/components/Header.d.ts +0 -6
- package/dist/components/Header.js +0 -62
- package/dist/components/Header.js.map +0 -1
- package/dist/components/HeaderInfoArea.d.ts +0 -6
- package/dist/components/HeaderInfoArea.js +0 -12
- package/dist/components/HeaderInfoArea.js.map +0 -1
- package/dist/components/ImportForm/ImportFormExamples.d.ts +0 -6
- package/dist/components/ImportForm/ImportFormExamples.js +0 -50
- package/dist/components/ImportForm/ImportFormExamples.js.map +0 -1
- package/dist/components/ImportForm/data/seq2.d.ts +0 -3
- package/dist/components/ImportForm/data/seq2.js +0 -33
- package/dist/components/ImportForm/data/seq2.js.map +0 -1
- package/dist/components/ImportForm/index.d.ts +0 -6
- package/dist/components/ImportForm/index.js +0 -31
- package/dist/components/ImportForm/index.js.map +0 -1
- package/dist/components/ImportForm/util.d.ts +0 -3
- package/dist/components/ImportForm/util.js +0 -16
- package/dist/components/ImportForm/util.js.map +0 -1
- package/dist/components/MSACanvas.d.ts +0 -6
- package/dist/components/MSACanvas.js +0 -141
- package/dist/components/MSACanvas.js.map +0 -1
- package/dist/components/MSAPanel/Loading.d.ts +0 -2
- package/dist/components/MSAPanel/Loading.js +0 -12
- package/dist/components/MSAPanel/Loading.js.map +0 -1
- package/dist/components/MSAPanel/MSABlock.d.ts +0 -8
- package/dist/components/MSAPanel/MSABlock.js +0 -62
- package/dist/components/MSAPanel/MSABlock.js.map +0 -1
- package/dist/components/MSAPanel/MSACanvas.d.ts +0 -7
- package/dist/components/MSAPanel/MSACanvas.js +0 -69
- package/dist/components/MSAPanel/MSACanvas.js.map +0 -1
- package/dist/components/MSAPanel/MSAMouseoverCanvas.d.ts +0 -6
- package/dist/components/MSAPanel/MSAMouseoverCanvas.js +0 -27
- package/dist/components/MSAPanel/MSAMouseoverCanvas.js.map +0 -1
- package/dist/components/MSAPanel/index.d.ts +0 -5
- package/dist/components/MSAPanel/index.js +0 -9
- package/dist/components/MSAPanel/index.js.map +0 -1
- package/dist/components/MSAPanel/renderMSABlock.d.ts +0 -9
- package/dist/components/MSAPanel/renderMSABlock.js +0 -89
- package/dist/components/MSAPanel/renderMSABlock.js.map +0 -1
- package/dist/components/MSAPanel/renderMSABlock_BACKUP_139826.d.ts +0 -9
- package/dist/components/MSAPanel/renderMSABlock_BACKUP_139826.js +0 -89
- package/dist/components/MSAPanel/renderMSABlock_BACKUP_139826.js.map +0 -1
- package/dist/components/MSAPanel/renderMSABlock_BASE_139826.d.ts +0 -13
- package/dist/components/MSAPanel/renderMSABlock_BASE_139826.js +0 -82
- package/dist/components/MSAPanel/renderMSABlock_BASE_139826.js.map +0 -1
- package/dist/components/MSAPanel/renderMSABlock_LOCAL_139826.d.ts +0 -9
- package/dist/components/MSAPanel/renderMSABlock_LOCAL_139826.js +0 -89
- package/dist/components/MSAPanel/renderMSABlock_LOCAL_139826.js.map +0 -1
- package/dist/components/MSAPanel/renderMSABlock_REMOTE_139826.d.ts +0 -0
- package/dist/components/MSAPanel/renderMSABlock_REMOTE_139826.js +0 -2
- package/dist/components/MSAPanel/renderMSABlock_REMOTE_139826.js.map +0 -1
- package/dist/components/MSAPanel/renderMSAMouseover.d.ts +0 -5
- package/dist/components/MSAPanel/renderMSAMouseover.js +0 -30
- package/dist/components/MSAPanel/renderMSAMouseover.js.map +0 -1
- package/dist/components/Minimap.d.ts +0 -6
- package/dist/components/Minimap.js +0 -72
- package/dist/components/Minimap.js.map +0 -1
- package/dist/components/MinimapSVG.d.ts +0 -6
- package/dist/components/MinimapSVG.js +0 -25
- package/dist/components/MinimapSVG.js.map +0 -1
- package/dist/components/MultiAlignmentSelector.d.ts +0 -6
- package/dist/components/MultiAlignmentSelector.js +0 -13
- package/dist/components/MultiAlignmentSelector.js.map +0 -1
- package/dist/components/TreePanel/TreeBranchMenu.d.ts +0 -14
- package/dist/components/TreePanel/TreeBranchMenu.js +0 -26
- package/dist/components/TreePanel/TreeBranchMenu.js.map +0 -1
- package/dist/components/TreePanel/TreeCanvas.d.ts +0 -6
- package/dist/components/TreePanel/TreeCanvas.js +0 -100
- package/dist/components/TreePanel/TreeCanvas.js.map +0 -1
- package/dist/components/TreePanel/TreeCanvasBlock.d.ts +0 -7
- package/dist/components/TreePanel/TreeCanvasBlock.js +0 -118
- package/dist/components/TreePanel/TreeCanvasBlock.js.map +0 -1
- package/dist/components/TreePanel/TreeNodeMenu.d.ts +0 -13
- package/dist/components/TreePanel/TreeNodeMenu.js +0 -74
- package/dist/components/TreePanel/TreeNodeMenu.js.map +0 -1
- package/dist/components/TreePanel/TreeRuler.d.ts +0 -6
- package/dist/components/TreePanel/TreeRuler.js +0 -8
- package/dist/components/TreePanel/TreeRuler.js.map +0 -1
- package/dist/components/TreePanel/dialogs/TreeNodeInfoDialog.d.ts +0 -9
- package/dist/components/TreePanel/dialogs/TreeNodeInfoDialog.js +0 -16
- package/dist/components/TreePanel/dialogs/TreeNodeInfoDialog.js.map +0 -1
- package/dist/components/TreePanel/index.d.ts +0 -6
- package/dist/components/TreePanel/index.js +0 -10
- package/dist/components/TreePanel/index.js.map +0 -1
- package/dist/components/TreePanel/renderTreeCanvas.d.ts +0 -46
- package/dist/components/TreePanel/renderTreeCanvas.js +0 -180
- package/dist/components/TreePanel/renderTreeCanvas.js.map +0 -1
- package/dist/components/VerticalGuide.d.ts +0 -7
- package/dist/components/VerticalGuide.js +0 -30
- package/dist/components/VerticalGuide.js.map +0 -1
- package/dist/components/ZoomControls.d.ts +0 -6
- package/dist/components/ZoomControls.js +0 -59
- package/dist/components/ZoomControls.js.map +0 -1
- package/dist/components/msa/MSACanvas_BACKUP_139826.d.ts +0 -7
- package/dist/components/msa/MSACanvas_BACKUP_139826.js +0 -68
- package/dist/components/msa/MSACanvas_BACKUP_139826.js.map +0 -1
- package/dist/components/msa/MSACanvas_BASE_139826.d.ts +0 -6
- package/dist/components/msa/MSACanvas_BASE_139826.js +0 -107
- package/dist/components/msa/MSACanvas_BASE_139826.js.map +0 -1
- package/dist/components/msa/MSACanvas_LOCAL_139826.d.ts +0 -7
- package/dist/components/msa/MSACanvas_LOCAL_139826.js +0 -69
- package/dist/components/msa/MSACanvas_LOCAL_139826.js.map +0 -1
- package/dist/components/msa/MSACanvas_REMOTE_139826.d.ts +0 -6
- package/dist/components/msa/MSACanvas_REMOTE_139826.js +0 -106
- package/dist/components/msa/MSACanvas_REMOTE_139826.js.map +0 -1
- package/dist/sansserif.d.ts +0 -3
- package/dist/sansserif.js +0 -1583
- package/dist/sansserif.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"renderMSABlock_BACKUP_139826.js","sourceRoot":"","sources":["../../../src/components/MSAPanel/renderMSABlock_BACKUP_139826.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { MsaViewModel } from '../../model';
|
|
2
|
-
import { Theme } from '@mui/material';
|
|
3
|
-
export declare function renderMSABlock({ model, offsetX, offsetY, contrastScheme, ctx, theme, highResScaleFactorOverride, blockSizeXOverride, blockSizeYOverride, }: {
|
|
4
|
-
offsetX: number;
|
|
5
|
-
offsetY: number;
|
|
6
|
-
theme: Theme;
|
|
7
|
-
model: MsaViewModel;
|
|
8
|
-
contrastScheme: Record<string, string>;
|
|
9
|
-
ctx: CanvasRenderingContext2D;
|
|
10
|
-
highResScaleFactorOverride?: number;
|
|
11
|
-
blockSizeXOverride?: number;
|
|
12
|
-
blockSizeYOverride?: number;
|
|
13
|
-
}): void;
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
import { getClustalXColor, getPercentIdentityColor } from '../../colorSchemes';
|
|
2
|
-
export function renderMSABlock({ model, offsetX, offsetY, contrastScheme, ctx, theme, highResScaleFactorOverride, blockSizeXOverride, blockSizeYOverride, }) {
|
|
3
|
-
const { hierarchy, colWidth, blockSize, rowHeight, fontSize, highResScaleFactor, } = model;
|
|
4
|
-
const k = highResScaleFactorOverride || highResScaleFactor;
|
|
5
|
-
const bx = blockSizeXOverride || blockSize;
|
|
6
|
-
const by = blockSizeYOverride || blockSize;
|
|
7
|
-
ctx.resetTransform();
|
|
8
|
-
ctx.scale(k, k);
|
|
9
|
-
ctx.clearRect(0, 0, bx, by);
|
|
10
|
-
ctx.translate(-offsetX, rowHeight / 2 - offsetY);
|
|
11
|
-
ctx.textAlign = 'center';
|
|
12
|
-
ctx.font = ctx.font.replace(/\d+px/, `${fontSize}px`);
|
|
13
|
-
const leaves = hierarchy.leaves();
|
|
14
|
-
const yStart = Math.max(0, Math.floor((offsetY - rowHeight) / rowHeight));
|
|
15
|
-
const yEnd = Math.max(0, Math.ceil((offsetY + by + rowHeight) / rowHeight));
|
|
16
|
-
const xStart = Math.max(0, Math.floor(offsetX / colWidth));
|
|
17
|
-
const xEnd = Math.max(0, Math.ceil((offsetX + bx) / colWidth));
|
|
18
|
-
const visibleLeaves = leaves.slice(yStart, yEnd);
|
|
19
|
-
drawTiles({
|
|
20
|
-
model,
|
|
21
|
-
ctx,
|
|
22
|
-
theme,
|
|
23
|
-
offsetX,
|
|
24
|
-
offsetY,
|
|
25
|
-
xStart,
|
|
26
|
-
xEnd,
|
|
27
|
-
visibleLeaves,
|
|
28
|
-
});
|
|
29
|
-
drawText({
|
|
30
|
-
model,
|
|
31
|
-
ctx,
|
|
32
|
-
offsetX,
|
|
33
|
-
contrastScheme,
|
|
34
|
-
theme,
|
|
35
|
-
xStart,
|
|
36
|
-
xEnd,
|
|
37
|
-
visibleLeaves,
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
function drawTiles({ model, offsetX, ctx, visibleLeaves, theme, xStart, xEnd, }) {
|
|
41
|
-
const { bgColor, colorSchemeName, colorScheme, colStats, columns, colWidth, rowHeight, } = model;
|
|
42
|
-
for (const node of visibleLeaves) {
|
|
43
|
-
const {
|
|
44
|
-
// @ts-expect-error
|
|
45
|
-
x: y, data: { name }, } = node;
|
|
46
|
-
const str = columns[name]?.slice(xStart, xEnd);
|
|
47
|
-
for (let i = 0; i < str?.length; i++) {
|
|
48
|
-
const letter = str[i];
|
|
49
|
-
const color = colorSchemeName === 'clustalx_protein_dynamic'
|
|
50
|
-
? getClustalXColor(colStats[xStart + i], model, name, xStart + i)
|
|
51
|
-
: colorSchemeName === 'percent_identity_dynamic'
|
|
52
|
-
? getPercentIdentityColor(colStats[xStart + i], model, name, xStart + i)
|
|
53
|
-
: colorScheme[letter.toUpperCase()];
|
|
54
|
-
if (bgColor) {
|
|
55
|
-
const x = i * colWidth + offsetX - (offsetX % colWidth);
|
|
56
|
-
ctx.fillStyle = color || theme.palette.background.default;
|
|
57
|
-
ctx.fillRect(x, y - rowHeight, colWidth, rowHeight);
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
function drawText({ model, offsetX, contrastScheme, ctx, visibleLeaves, xStart, xEnd, }) {
|
|
63
|
-
const { bgColor, colorScheme, columns, colWidth, rowHeight } = model;
|
|
64
|
-
if (rowHeight >= 5 && colWidth > rowHeight / 2) {
|
|
65
|
-
for (const node of visibleLeaves) {
|
|
66
|
-
const {
|
|
67
|
-
// @ts-expect-error
|
|
68
|
-
x: y, data: { name }, } = node;
|
|
69
|
-
const str = columns[name]?.slice(xStart, xEnd);
|
|
70
|
-
for (let i = 0; i < str?.length; i++) {
|
|
71
|
-
const letter = str[i];
|
|
72
|
-
const color = colorScheme[letter.toUpperCase()];
|
|
73
|
-
const contrast = contrastScheme[letter.toUpperCase()] || 'black';
|
|
74
|
-
const x = i * colWidth + offsetX - (offsetX % colWidth);
|
|
75
|
-
// note: -rowHeight/4 matches +rowHeight/4 in tree
|
|
76
|
-
ctx.fillStyle = bgColor ? contrast : color || 'black';
|
|
77
|
-
ctx.fillText(letter, x + colWidth / 2, y - rowHeight / 4);
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
//# sourceMappingURL=renderMSABlock_BASE_139826.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"renderMSABlock_BASE_139826.js","sourceRoot":"","sources":["../../../src/components/MSAPanel/renderMSABlock_BASE_139826.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { MsaViewModel } from '../../model';
|
|
2
|
-
import { Theme } from '@mui/material';
|
|
3
|
-
import { Application } from 'pixi.js';
|
|
4
|
-
export declare function renderMSABlock({ model, app, contrastScheme, theme, }: {
|
|
5
|
-
theme: Theme;
|
|
6
|
-
model: MsaViewModel;
|
|
7
|
-
contrastScheme: Record<string, string>;
|
|
8
|
-
app: Application;
|
|
9
|
-
}): void;
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
import { getClustalXColor, getPercentIdentityColor } from '../../colorSchemes';
|
|
2
|
-
import { BitmapText } from 'pixi.js';
|
|
3
|
-
export function renderMSABlock({ model, app, contrastScheme, theme, }) {
|
|
4
|
-
const { hierarchy, msaAreaWidth, scrollX, scrollY, colWidth, blockSize, height, rowHeight, highResScaleFactor, } = model;
|
|
5
|
-
const offsetX = scrollX;
|
|
6
|
-
const offsetY = scrollY;
|
|
7
|
-
const k = highResScaleFactor;
|
|
8
|
-
const bx = msaAreaWidth;
|
|
9
|
-
const by = height;
|
|
10
|
-
const leaves = hierarchy.leaves();
|
|
11
|
-
const yStart = Math.max(0, Math.floor((offsetY - rowHeight) / rowHeight));
|
|
12
|
-
const yEnd = Math.max(0, Math.ceil((offsetY + by + rowHeight) / rowHeight));
|
|
13
|
-
const xStart = Math.max(0, Math.floor(offsetX / colWidth));
|
|
14
|
-
const xEnd = Math.max(0, Math.ceil((offsetX + bx) / colWidth));
|
|
15
|
-
const visibleLeaves = leaves.slice(yStart, yEnd);
|
|
16
|
-
drawTiles({
|
|
17
|
-
model,
|
|
18
|
-
app,
|
|
19
|
-
theme,
|
|
20
|
-
offsetX,
|
|
21
|
-
offsetY,
|
|
22
|
-
xStart,
|
|
23
|
-
xEnd,
|
|
24
|
-
visibleLeaves,
|
|
25
|
-
});
|
|
26
|
-
drawText({
|
|
27
|
-
model,
|
|
28
|
-
app,
|
|
29
|
-
offsetX,
|
|
30
|
-
contrastScheme,
|
|
31
|
-
theme,
|
|
32
|
-
xStart,
|
|
33
|
-
xEnd,
|
|
34
|
-
visibleLeaves,
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
function drawTiles({ model, offsetX, app, visibleLeaves, theme, xStart, xEnd, }) {
|
|
38
|
-
const { bgColor, colorSchemeName, colorScheme, colStats, columns, colWidth, rowHeight, } = model;
|
|
39
|
-
for (const node of visibleLeaves) {
|
|
40
|
-
const {
|
|
41
|
-
// @ts-expect-error
|
|
42
|
-
x: y, data: { name }, } = node;
|
|
43
|
-
const str = columns[name]?.slice(xStart, xEnd);
|
|
44
|
-
for (let i = 0; i < str?.length; i++) {
|
|
45
|
-
const letter = str[i];
|
|
46
|
-
const color = colorSchemeName === 'clustalx_protein_dynamic'
|
|
47
|
-
? getClustalXColor(colStats[xStart + i], model, name, xStart + i)
|
|
48
|
-
: colorSchemeName === 'percent_identity_dynamic'
|
|
49
|
-
? getPercentIdentityColor(colStats[xStart + i], model, name, xStart + i)
|
|
50
|
-
: colorScheme[letter.toUpperCase()];
|
|
51
|
-
if (bgColor) {
|
|
52
|
-
const x = i * colWidth + offsetX - (offsetX % colWidth);
|
|
53
|
-
// ctx.fillStyle = color || theme.palette.background.default
|
|
54
|
-
// ctx.fillRect(x, y - rowHeight, colWidth, rowHeight)
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
function drawText({ model, offsetX, contrastScheme, app, visibleLeaves, xStart, xEnd, }) {
|
|
60
|
-
const { bgColor, colorScheme, columns, colWidth, rowHeight } = model;
|
|
61
|
-
if (rowHeight >= 5 && colWidth > rowHeight / 2) {
|
|
62
|
-
for (const node of visibleLeaves) {
|
|
63
|
-
const {
|
|
64
|
-
// @ts-expect-error
|
|
65
|
-
x: y, data: { name }, } = node;
|
|
66
|
-
const str = columns[name]?.slice(xStart, xEnd);
|
|
67
|
-
for (let i = 0; i < str?.length; i++) {
|
|
68
|
-
const letter = str[i];
|
|
69
|
-
const color = colorScheme[letter.toUpperCase()];
|
|
70
|
-
const contrast = contrastScheme[letter.toUpperCase()] || 'black';
|
|
71
|
-
const x = i * colWidth + offsetX - (offsetX % colWidth);
|
|
72
|
-
// note: -rowHeight/4 matches +rowHeight/4 in tree
|
|
73
|
-
// ctx.fillStyle = bgColor ? contrast : color || 'black'
|
|
74
|
-
// ctx.fillText(letter, x + colWidth / 2, y - rowHeight / 4)
|
|
75
|
-
const t = new BitmapText({
|
|
76
|
-
text: letter,
|
|
77
|
-
x,
|
|
78
|
-
y,
|
|
79
|
-
style: {
|
|
80
|
-
fontFamily: 'Arial',
|
|
81
|
-
fontSize: 20,
|
|
82
|
-
},
|
|
83
|
-
});
|
|
84
|
-
app.stage.addChild(t);
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
//# sourceMappingURL=renderMSABlock_LOCAL_139826.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"renderMSABlock_LOCAL_139826.js","sourceRoot":"","sources":["../../../src/components/MSAPanel/renderMSABlock_LOCAL_139826.ts"],"names":[],"mappings":"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"}
|
|
File without changes
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"renderMSABlock_REMOTE_139826.js","sourceRoot":"","sources":["../../../src/components/MSAPanel/renderMSABlock_REMOTE_139826.ts"],"names":[],"mappings":""}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
const hoverColor = 'rgba(0,0,0,0.15)';
|
|
2
|
-
const highlightColor = 'rgba(128,128,0,0.2)';
|
|
3
|
-
export function renderMouseover({ ctx, model, }) {
|
|
4
|
-
const { mouseCol, colWidth, width, height, rowHeight, scrollX, scrollY, mouseRow,
|
|
5
|
-
// @ts-expect-error
|
|
6
|
-
mouseCol2, mouseClickRow, mouseClickCol, } = model;
|
|
7
|
-
ctx.resetTransform();
|
|
8
|
-
ctx.clearRect(0, 0, width, height);
|
|
9
|
-
if (mouseCol !== undefined) {
|
|
10
|
-
ctx.fillStyle = hoverColor;
|
|
11
|
-
ctx.fillRect((mouseCol - 1) * colWidth + scrollX, 0, colWidth, height);
|
|
12
|
-
}
|
|
13
|
-
if (mouseRow !== undefined) {
|
|
14
|
-
ctx.fillStyle = hoverColor;
|
|
15
|
-
ctx.fillRect(0, mouseRow * rowHeight + scrollY, width, rowHeight);
|
|
16
|
-
}
|
|
17
|
-
if (mouseClickCol !== undefined) {
|
|
18
|
-
ctx.fillStyle = highlightColor;
|
|
19
|
-
ctx.fillRect((mouseClickCol - 1) * colWidth + scrollX, 0, colWidth, height);
|
|
20
|
-
}
|
|
21
|
-
if (mouseClickRow !== undefined) {
|
|
22
|
-
ctx.fillStyle = highlightColor;
|
|
23
|
-
ctx.fillRect(0, mouseClickRow * rowHeight + scrollY, width, rowHeight);
|
|
24
|
-
}
|
|
25
|
-
if (mouseCol2 !== undefined) {
|
|
26
|
-
ctx.fillStyle = highlightColor;
|
|
27
|
-
ctx.fillRect((mouseCol2 - 1) * colWidth + scrollX, 0, colWidth, height);
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
//# sourceMappingURL=renderMSAMouseover.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"renderMSAMouseover.js","sourceRoot":"","sources":["../../../src/components/MSAPanel/renderMSAMouseover.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,GAAG,kBAAkB,CAAA;AACrC,MAAM,cAAc,GAAG,qBAAqB,CAAA;AAE5C,MAAM,UAAU,eAAe,CAAC,EAC9B,GAAG,EACH,KAAK,GAIN;IACC,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,MAAM,EACN,SAAS,EACT,OAAO,EACP,OAAO,EACP,QAAQ;IACR,mBAAmB;IACnB,SAAS,EACT,aAAa,EACb,aAAa,GACd,GAAG,KAAK,CAAA;IACT,GAAG,CAAC,cAAc,EAAE,CAAA;IACpB,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;IAClC,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,GAAG,CAAC,SAAS,GAAG,UAAU,CAAA;QAC1B,GAAG,CAAC,QAAQ,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,GAAG,QAAQ,GAAG,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAA;IACxE,CAAC;IACD,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QAC3B,GAAG,CAAC,SAAS,GAAG,UAAU,CAAA;QAC1B,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,CAAA;IACnE,CAAC;IACD,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;QAChC,GAAG,CAAC,SAAS,GAAG,cAAc,CAAA;QAC9B,GAAG,CAAC,QAAQ,CAAC,CAAC,aAAa,GAAG,CAAC,CAAC,GAAG,QAAQ,GAAG,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAA;IAC7E,CAAC;IACD,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;QAChC,GAAG,CAAC,SAAS,GAAG,cAAc,CAAA;QAC9B,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,aAAa,GAAG,SAAS,GAAG,OAAO,EAAE,KAAK,EAAE,SAAS,CAAC,CAAA;IACxE,CAAC;IACD,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;QAC5B,GAAG,CAAC,SAAS,GAAG,cAAc,CAAA;QAC9B,GAAG,CAAC,QAAQ,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,QAAQ,GAAG,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAA;IACzE,CAAC;AACH,CAAC"}
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import React, { useEffect, useRef, useState } from 'react';
|
|
2
|
-
import { observer } from 'mobx-react';
|
|
3
|
-
const Minimap = observer(function ({ model }) {
|
|
4
|
-
const [mouseDown, setMouseDown] = useState();
|
|
5
|
-
const scheduled = useRef(false);
|
|
6
|
-
const [hovered, setHovered] = useState(false);
|
|
7
|
-
const { scrollX, msaAreaWidth: W, minimapHeight: H, colWidth, numColumns, } = model;
|
|
8
|
-
const unit = W / numColumns / colWidth;
|
|
9
|
-
const left = -scrollX;
|
|
10
|
-
const right = left + W;
|
|
11
|
-
const s = left * unit;
|
|
12
|
-
const e = right * unit;
|
|
13
|
-
const fill = 'rgba(66, 119, 127, 0.3)';
|
|
14
|
-
useEffect(() => {
|
|
15
|
-
function fn(event) {
|
|
16
|
-
if (mouseDown !== undefined) {
|
|
17
|
-
if (!scheduled.current) {
|
|
18
|
-
scheduled.current = true;
|
|
19
|
-
window.requestAnimationFrame(() => {
|
|
20
|
-
model.setScrollX(mouseDown.scrollX - (event.clientX - mouseDown.clientX) / unit);
|
|
21
|
-
scheduled.current = false;
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
function fn2() {
|
|
27
|
-
setMouseDown(undefined);
|
|
28
|
-
}
|
|
29
|
-
if (mouseDown !== undefined) {
|
|
30
|
-
document.addEventListener('mousemove', fn);
|
|
31
|
-
document.addEventListener('mouseup', fn2);
|
|
32
|
-
return () => {
|
|
33
|
-
document.removeEventListener('mousemove', fn);
|
|
34
|
-
document.removeEventListener('mousemove', fn2);
|
|
35
|
-
};
|
|
36
|
-
}
|
|
37
|
-
}, [model, unit, mouseDown]);
|
|
38
|
-
const BAR_HEIGHT = 12;
|
|
39
|
-
const H2 = H - 12;
|
|
40
|
-
return (React.createElement("div", { style: { position: 'relative', height: H, width: '100%' } },
|
|
41
|
-
React.createElement("div", { style: {
|
|
42
|
-
boxSizing: 'border-box',
|
|
43
|
-
height: BAR_HEIGHT,
|
|
44
|
-
border: '1px solid #555',
|
|
45
|
-
} }),
|
|
46
|
-
React.createElement("div", { style: {
|
|
47
|
-
position: 'absolute',
|
|
48
|
-
top: 0,
|
|
49
|
-
left: Math.max(0, s),
|
|
50
|
-
background: hovered ? 'rgba(66,119,127,0.6)' : fill,
|
|
51
|
-
cursor: 'pointer',
|
|
52
|
-
border: '1px solid #555',
|
|
53
|
-
boxSizing: 'border-box',
|
|
54
|
-
height: BAR_HEIGHT,
|
|
55
|
-
width: e - s,
|
|
56
|
-
zIndex: 100,
|
|
57
|
-
}, onMouseOver: () => setHovered(true), onMouseOut: () => setHovered(false), onMouseDown: event => {
|
|
58
|
-
setMouseDown({
|
|
59
|
-
clientX: event.clientX,
|
|
60
|
-
scrollX: model.scrollX,
|
|
61
|
-
});
|
|
62
|
-
} }),
|
|
63
|
-
React.createElement("svg", { height: H2, style: { width: '100%' } },
|
|
64
|
-
React.createElement("polygon", { fill: fill, points: [
|
|
65
|
-
[e, 0],
|
|
66
|
-
[s, 0],
|
|
67
|
-
[0, H2],
|
|
68
|
-
[W, H2],
|
|
69
|
-
].toString() }))));
|
|
70
|
-
});
|
|
71
|
-
export default Minimap;
|
|
72
|
-
//# sourceMappingURL=Minimap.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Minimap.js","sourceRoot":"","sources":["../../src/components/Minimap.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { observer } from 'mobx-react';
|
|
3
|
-
const MinimapSVG = observer(function ({ model }) {
|
|
4
|
-
const { scrollX, msaAreaWidth: W, minimapHeight: H, colWidth, numColumns, } = model;
|
|
5
|
-
const BAR_HEIGHT = 12;
|
|
6
|
-
const H2 = H - 12;
|
|
7
|
-
const unit = W / numColumns / colWidth;
|
|
8
|
-
const left = -scrollX;
|
|
9
|
-
const right = left + W;
|
|
10
|
-
const s = left * unit;
|
|
11
|
-
const e = right * unit;
|
|
12
|
-
const fill = 'rgba(66, 119, 127, 0.3)';
|
|
13
|
-
return (React.createElement(React.Fragment, null,
|
|
14
|
-
React.createElement("rect", { x: 0, y: 0, width: W, height: BAR_HEIGHT, stroke: "#555", fill: "none" }),
|
|
15
|
-
React.createElement("rect", { x: Math.max(0, s), y: 0, width: e - s, height: BAR_HEIGHT, fill: fill, stroke: "#555" }),
|
|
16
|
-
React.createElement("g", { transform: `translate(0 ${BAR_HEIGHT})` },
|
|
17
|
-
React.createElement("polygon", { fill: fill, points: [
|
|
18
|
-
[e, 0],
|
|
19
|
-
[s, 0],
|
|
20
|
-
[0, H2],
|
|
21
|
-
[W, H2],
|
|
22
|
-
].toString() }))));
|
|
23
|
-
});
|
|
24
|
-
export default MinimapSVG;
|
|
25
|
-
//# sourceMappingURL=MinimapSVG.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MinimapSVG.js","sourceRoot":"","sources":["../../src/components/MinimapSVG.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAGrC,MAAM,UAAU,GAAG,QAAQ,CAAC,UAAU,EAAE,KAAK,EAA2B;IACtE,MAAM,EACJ,OAAO,EACP,YAAY,EAAE,CAAC,EACf,aAAa,EAAE,CAAC,EAChB,QAAQ,EACR,UAAU,GACX,GAAG,KAAK,CAAA;IAET,MAAM,UAAU,GAAG,EAAE,CAAA;IACrB,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,CAAA;IAEjB,MAAM,IAAI,GAAG,CAAC,GAAG,UAAU,GAAG,QAAQ,CAAA;IACtC,MAAM,IAAI,GAAG,CAAC,OAAO,CAAA;IACrB,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,CAAA;IACtB,MAAM,CAAC,GAAG,IAAI,GAAG,IAAI,CAAA;IACrB,MAAM,CAAC,GAAG,KAAK,GAAG,IAAI,CAAA;IACtB,MAAM,IAAI,GAAG,yBAAyB,CAAA;IAEtC,OAAO,CACL;QACE,8BACE,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,UAAU,EAClB,MAAM,EAAC,MAAM,EACb,IAAI,EAAC,MAAM,GACX;QACF,8BACE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EACjB,CAAC,EAAE,CAAC,EACJ,KAAK,EAAE,CAAC,GAAG,CAAC,EACZ,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,MAAM,GACb;QACF,2BAAG,SAAS,EAAE,eAAe,UAAU,GAAG;YACxC,iCACE,IAAI,EAAE,IAAI,EACV,MAAM,EAAE;oBACN,CAAC,CAAC,EAAE,CAAC,CAAC;oBACN,CAAC,CAAC,EAAE,CAAC,CAAC;oBACN,CAAC,CAAC,EAAE,EAAE,CAAC;oBACP,CAAC,CAAC,EAAE,EAAE,CAAC;iBACR,CAAC,QAAQ,EAAE,GACZ,CACA,CACH,CACJ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,UAAU,CAAA"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { observer } from 'mobx-react';
|
|
3
|
-
import { Select } from '@mui/material';
|
|
4
|
-
const MultiAlignmentSelector = observer(function ({ model, }) {
|
|
5
|
-
const { currentAlignment, alignmentNames } = model;
|
|
6
|
-
return alignmentNames.length > 0 ? (React.createElement(Select, { native: true, value: currentAlignment, size: "small", onChange: event => {
|
|
7
|
-
model.setCurrentAlignment(+event.target.value);
|
|
8
|
-
model.setScrollX(0);
|
|
9
|
-
model.setScrollY(0);
|
|
10
|
-
} }, alignmentNames.map((option, index) => (React.createElement("option", { key: `${option}-${index}`, value: index }, option))))) : null;
|
|
11
|
-
});
|
|
12
|
-
export default MultiAlignmentSelector;
|
|
13
|
-
//# sourceMappingURL=MultiAlignmentSelector.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MultiAlignmentSelector.js","sourceRoot":"","sources":["../../src/components/MultiAlignmentSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAKtC,MAAM,sBAAsB,GAAG,QAAQ,CAAC,UAAU,EAChD,KAAK,GAGN;IACC,MAAM,EAAE,gBAAgB,EAAE,cAAc,EAAE,GAAG,KAAK,CAAA;IAClD,OAAO,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACjC,oBAAC,MAAM,IACL,MAAM,QACN,KAAK,EAAE,gBAAgB,EACvB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,KAAK,CAAC,EAAE;YAChB,KAAK,CAAC,mBAAmB,CAAC,CAAE,KAAK,CAAC,MAAM,CAAC,KAAgB,CAAC,CAAA;YAC1D,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;YACnB,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;QACrB,CAAC,IAEA,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,gCAAQ,GAAG,EAAE,GAAG,MAAM,IAAI,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,IAC5C,MAAM,CACA,CACV,CAAC,CACK,CACV,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAC,CAAA;AACF,eAAe,sBAAsB,CAAA"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { MsaViewModel } from '../../model';
|
|
3
|
-
interface Node {
|
|
4
|
-
x: number;
|
|
5
|
-
y: number;
|
|
6
|
-
name: string;
|
|
7
|
-
id: string;
|
|
8
|
-
}
|
|
9
|
-
declare const TreeBranchMenu: ({ node, model, onClose, }: {
|
|
10
|
-
node: Node;
|
|
11
|
-
model: MsaViewModel;
|
|
12
|
-
onClose: () => void;
|
|
13
|
-
}) => React.JSX.Element;
|
|
14
|
-
export default TreeBranchMenu;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Menu, MenuItem } from '@mui/material';
|
|
3
|
-
import { observer } from 'mobx-react';
|
|
4
|
-
const TreeBranchMenu = observer(function ({ node, model, onClose, }) {
|
|
5
|
-
return (React.createElement(Menu, { anchorReference: "anchorPosition", anchorPosition: {
|
|
6
|
-
left: node.x,
|
|
7
|
-
top: node.y,
|
|
8
|
-
}, transitionDuration: 0, keepMounted: true, open: Boolean(node), onClose: onClose },
|
|
9
|
-
React.createElement(MenuItem, { dense: true, disabled: true }, node.name),
|
|
10
|
-
React.createElement(MenuItem, { dense: true, onClick: () => {
|
|
11
|
-
model.toggleCollapsed(node.id);
|
|
12
|
-
onClose();
|
|
13
|
-
} }, model.collapsed.includes(node.id)
|
|
14
|
-
? 'Expand this node'
|
|
15
|
-
: 'Collapse this node'),
|
|
16
|
-
React.createElement(MenuItem, { dense: true, onClick: () => {
|
|
17
|
-
model.showOnly === node.id
|
|
18
|
-
? model.setShowOnly(undefined)
|
|
19
|
-
: model.setShowOnly(node.id);
|
|
20
|
-
onClose();
|
|
21
|
-
} }, model.showOnly === node.id
|
|
22
|
-
? 'Disable show only this node'
|
|
23
|
-
: 'Show only this node')));
|
|
24
|
-
});
|
|
25
|
-
export default TreeBranchMenu;
|
|
26
|
-
//# sourceMappingURL=TreeBranchMenu.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TreeBranchMenu.js","sourceRoot":"","sources":["../../../src/components/TreePanel/TreeBranchMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAYrC,MAAM,cAAc,GAAG,QAAQ,CAAC,UAAU,EACxC,IAAI,EACJ,KAAK,EACL,OAAO,GAKR;IACC,OAAO,CACL,oBAAC,IAAI,IACH,eAAe,EAAC,gBAAgB,EAChC,cAAc,EAAE;YACd,IAAI,EAAE,IAAI,CAAC,CAAC;YACZ,GAAG,EAAE,IAAI,CAAC,CAAC;SACZ,EACD,kBAAkB,EAAE,CAAC,EACrB,WAAW,QACX,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,EACnB,OAAO,EAAE,OAAO;QAEhB,oBAAC,QAAQ,IAAC,KAAK,QAAC,QAAQ,UACrB,IAAI,CAAC,IAAI,CACD;QACX,oBAAC,QAAQ,IACP,KAAK,QACL,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;gBAC9B,OAAO,EAAE,CAAA;YACX,CAAC,IAEA,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;YAChC,CAAC,CAAC,kBAAkB;YACpB,CAAC,CAAC,oBAAoB,CACf;QACX,oBAAC,QAAQ,IACP,KAAK,QACL,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,EAAE;oBACxB,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC;oBAC9B,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;gBAC9B,OAAO,EAAE,CAAA;YACX,CAAC,IAEA,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,EAAE;YACzB,CAAC,CAAC,6BAA6B;YAC/B,CAAC,CAAC,qBAAqB,CAChB,CACN,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,cAAc,CAAA"}
|
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
import React, { useEffect, useRef, useState } from 'react';
|
|
2
|
-
import normalizeWheel from 'normalize-wheel';
|
|
3
|
-
import { observer } from 'mobx-react';
|
|
4
|
-
import TreeCanvasBlock from './TreeCanvasBlock';
|
|
5
|
-
import { padding } from './renderTreeCanvas';
|
|
6
|
-
const TreeCanvas = observer(function ({ model }) {
|
|
7
|
-
const ref = useRef(null);
|
|
8
|
-
const scheduled = useRef(false);
|
|
9
|
-
const deltaY = useRef(0);
|
|
10
|
-
const prevY = useRef(0);
|
|
11
|
-
const { treeWidth, height, blocksY } = model;
|
|
12
|
-
const [mouseDragging, setMouseDragging] = useState(false);
|
|
13
|
-
useEffect(() => {
|
|
14
|
-
const curr = ref.current;
|
|
15
|
-
if (!curr) {
|
|
16
|
-
return;
|
|
17
|
-
}
|
|
18
|
-
function onWheel(origEvent) {
|
|
19
|
-
const event = normalizeWheel(origEvent);
|
|
20
|
-
deltaY.current += event.pixelY;
|
|
21
|
-
if (!scheduled.current) {
|
|
22
|
-
scheduled.current = true;
|
|
23
|
-
requestAnimationFrame(() => {
|
|
24
|
-
model.doScrollY(-deltaY.current);
|
|
25
|
-
deltaY.current = 0;
|
|
26
|
-
scheduled.current = false;
|
|
27
|
-
});
|
|
28
|
-
}
|
|
29
|
-
origEvent.preventDefault();
|
|
30
|
-
}
|
|
31
|
-
curr.addEventListener('wheel', onWheel);
|
|
32
|
-
return () => {
|
|
33
|
-
curr.removeEventListener('wheel', onWheel);
|
|
34
|
-
};
|
|
35
|
-
}, [model]);
|
|
36
|
-
useEffect(() => {
|
|
37
|
-
let cleanup = () => { };
|
|
38
|
-
function globalMouseMove(event) {
|
|
39
|
-
event.preventDefault();
|
|
40
|
-
const currY = event.clientY;
|
|
41
|
-
const distanceY = currY - prevY.current;
|
|
42
|
-
if (distanceY) {
|
|
43
|
-
// use rAF to make it so multiple event handlers aren't fired per-frame
|
|
44
|
-
// see https://calendar.perfplanet.com/2013/the-runtime-performance-checklist/
|
|
45
|
-
if (!scheduled.current) {
|
|
46
|
-
scheduled.current = true;
|
|
47
|
-
window.requestAnimationFrame(() => {
|
|
48
|
-
model.doScrollY(distanceY);
|
|
49
|
-
scheduled.current = false;
|
|
50
|
-
prevY.current = event.clientY;
|
|
51
|
-
});
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
function globalMouseUp() {
|
|
56
|
-
prevY.current = 0;
|
|
57
|
-
if (mouseDragging) {
|
|
58
|
-
setMouseDragging(false);
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
if (mouseDragging) {
|
|
62
|
-
window.addEventListener('mousemove', globalMouseMove, true);
|
|
63
|
-
window.addEventListener('mouseup', globalMouseUp, true);
|
|
64
|
-
cleanup = () => {
|
|
65
|
-
window.removeEventListener('mousemove', globalMouseMove, true);
|
|
66
|
-
window.removeEventListener('mouseup', globalMouseUp, true);
|
|
67
|
-
};
|
|
68
|
-
}
|
|
69
|
-
return cleanup;
|
|
70
|
-
}, [model, mouseDragging]);
|
|
71
|
-
function mouseDown(event) {
|
|
72
|
-
// check if clicking a draggable element or a resize handle
|
|
73
|
-
const target = event.target;
|
|
74
|
-
if (target.draggable || target.dataset.resizer) {
|
|
75
|
-
return;
|
|
76
|
-
}
|
|
77
|
-
// otherwise do click and drag scroll
|
|
78
|
-
if (event.button === 0) {
|
|
79
|
-
prevY.current = event.clientY;
|
|
80
|
-
setMouseDragging(true);
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
// this local mouseup is used in addition to the global because sometimes
|
|
84
|
-
// the global add/remove are not called in time, resulting in issue #533
|
|
85
|
-
function mouseUp(event) {
|
|
86
|
-
event.preventDefault();
|
|
87
|
-
setMouseDragging(false);
|
|
88
|
-
}
|
|
89
|
-
function mouseLeave(event) {
|
|
90
|
-
event.preventDefault();
|
|
91
|
-
}
|
|
92
|
-
return (React.createElement("div", { ref: ref, onMouseDown: mouseDown, onMouseUp: mouseUp, onMouseLeave: mouseLeave, style: {
|
|
93
|
-
height,
|
|
94
|
-
position: 'relative',
|
|
95
|
-
overflow: 'hidden',
|
|
96
|
-
width: treeWidth + padding,
|
|
97
|
-
} }, blocksY.map(block => (React.createElement(TreeCanvasBlock, { key: block, model: model, offsetY: block })))));
|
|
98
|
-
});
|
|
99
|
-
export default TreeCanvas;
|
|
100
|
-
//# sourceMappingURL=TreeCanvas.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TreeCanvas.js","sourceRoot":"","sources":["../../../src/components/TreePanel/TreeCanvas.tsx"],"names":[],"mappings":"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"}
|