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.
Files changed (192) hide show
  1. package/bundle/index.js +111 -111
  2. package/bundle/index.js.LICENSE.txt +24 -6
  3. package/bundle/index.js.map +1 -1
  4. package/dist/components/dialogs/InterProScanDialog.js +1 -1
  5. package/dist/components/dialogs/InterProScanDialog.js.map +1 -1
  6. package/dist/components/dialogs/SettingsDialog.js +1 -1
  7. package/dist/components/dialogs/SettingsDialog.js.map +1 -1
  8. package/dist/components/msa/MSACanvasBlock.js +8 -1
  9. package/dist/components/msa/MSACanvasBlock.js.map +1 -1
  10. package/dist/components/msa/renderMSABlock.js +22 -4
  11. package/dist/components/msa/renderMSABlock.js.map +1 -1
  12. package/dist/components/msa/renderMSAMouseover.js +21 -1
  13. package/dist/components/msa/renderMSAMouseover.js.map +1 -1
  14. package/dist/components/tree/TreeCanvas.js +61 -2
  15. package/dist/components/tree/TreeCanvas.js.map +1 -1
  16. package/dist/components/tree/TreeCanvasBlock.js +56 -5
  17. package/dist/components/tree/TreeCanvasBlock.js.map +1 -1
  18. package/dist/components/tree/TreeNodeMenu.js +6 -2
  19. package/dist/components/tree/TreeNodeMenu.js.map +1 -1
  20. package/dist/components/tree/renderTreeCanvas.d.ts +14 -4
  21. package/dist/components/tree/renderTreeCanvas.js +3 -0
  22. package/dist/components/tree/renderTreeCanvas.js.map +1 -1
  23. package/dist/components/util.js +1 -1
  24. package/dist/components/util.js.map +1 -1
  25. package/dist/layout.d.ts +4 -1
  26. package/dist/layout.js +30 -8
  27. package/dist/layout.js.map +1 -1
  28. package/dist/model/treeModel.js +2 -2
  29. package/dist/model/treeModel.js.map +1 -1
  30. package/dist/model.d.ts +14 -79
  31. package/dist/model.js +94 -4
  32. package/dist/model.js.map +1 -1
  33. package/dist/rowCoordinateCalculations.js +1 -5
  34. package/dist/rowCoordinateCalculations.js.map +1 -1
  35. package/dist/rowCoordinateCalculations.test.js +14 -2
  36. package/dist/rowCoordinateCalculations.test.js.map +1 -1
  37. package/dist/seqCoordToRowSpecificGlobalCoord.js +9 -5
  38. package/dist/seqCoordToRowSpecificGlobalCoord.js.map +1 -1
  39. package/dist/seqCoordToRowSpecificGlobalCoord.test.js +6 -6
  40. package/dist/version.d.ts +1 -1
  41. package/dist/version.js +1 -1
  42. package/package.json +3 -2
  43. package/src/components/dialogs/InterProScanDialog.tsx +1 -1
  44. package/src/components/dialogs/SettingsDialog.tsx +1 -1
  45. package/src/components/msa/MSACanvasBlock.tsx +8 -1
  46. package/src/components/msa/renderMSABlock.ts +32 -2
  47. package/src/components/msa/renderMSAMouseover.ts +26 -0
  48. package/src/components/tree/TreeCanvas.tsx +76 -1
  49. package/src/components/tree/TreeCanvasBlock.tsx +69 -5
  50. package/src/components/tree/TreeNodeMenu.tsx +12 -1
  51. package/src/components/tree/renderTreeCanvas.ts +20 -4
  52. package/src/components/util.ts +1 -1
  53. package/src/layout.ts +48 -8
  54. package/src/model/treeModel.ts +2 -2
  55. package/src/model.ts +108 -5
  56. package/src/rowCoordinateCalculations.test.ts +15 -2
  57. package/src/rowCoordinateCalculations.ts +1 -5
  58. package/src/seqCoordToRowSpecificGlobalCoord.test.ts +6 -6
  59. package/src/seqCoordToRowSpecificGlobalCoord.ts +9 -4
  60. package/src/version.ts +1 -1
  61. package/dist/DataModel.d.ts +0 -34
  62. package/dist/DataModel.js +0 -46
  63. package/dist/DataModel.js.map +0 -1
  64. package/dist/DialogQueue.d.ts +0 -25
  65. package/dist/DialogQueue.js +0 -44
  66. package/dist/DialogQueue.js.map +0 -1
  67. package/dist/SelectedStructuresMixin.d.ts +0 -46
  68. package/dist/SelectedStructuresMixin.js +0 -52
  69. package/dist/SelectedStructuresMixin.js.map +0 -1
  70. package/dist/StructureModel.d.ts +0 -9
  71. package/dist/StructureModel.js +0 -11
  72. package/dist/StructureModel.js.map +0 -1
  73. package/dist/UniprotTrack.d.ts +0 -27
  74. package/dist/UniprotTrack.js +0 -53
  75. package/dist/UniprotTrack.js.map +0 -1
  76. package/dist/components/BoxTrack.d.ts +0 -7
  77. package/dist/components/BoxTrack.js +0 -15
  78. package/dist/components/BoxTrack.js.map +0 -1
  79. package/dist/components/BoxTrackBlock.d.ts +0 -8
  80. package/dist/components/BoxTrackBlock.js +0 -136
  81. package/dist/components/BoxTrackBlock.js.map +0 -1
  82. package/dist/components/ExportSVGDialog.d.ts +0 -6
  83. package/dist/components/ExportSVGDialog.js +0 -39
  84. package/dist/components/ExportSVGDialog.js.map +0 -1
  85. package/dist/components/Header.d.ts +0 -6
  86. package/dist/components/Header.js +0 -62
  87. package/dist/components/Header.js.map +0 -1
  88. package/dist/components/HeaderInfoArea.d.ts +0 -6
  89. package/dist/components/HeaderInfoArea.js +0 -12
  90. package/dist/components/HeaderInfoArea.js.map +0 -1
  91. package/dist/components/ImportForm/ImportFormExamples.d.ts +0 -6
  92. package/dist/components/ImportForm/ImportFormExamples.js +0 -50
  93. package/dist/components/ImportForm/ImportFormExamples.js.map +0 -1
  94. package/dist/components/ImportForm/data/seq2.d.ts +0 -3
  95. package/dist/components/ImportForm/data/seq2.js +0 -33
  96. package/dist/components/ImportForm/data/seq2.js.map +0 -1
  97. package/dist/components/ImportForm/index.d.ts +0 -6
  98. package/dist/components/ImportForm/index.js +0 -31
  99. package/dist/components/ImportForm/index.js.map +0 -1
  100. package/dist/components/ImportForm/util.d.ts +0 -3
  101. package/dist/components/ImportForm/util.js +0 -16
  102. package/dist/components/ImportForm/util.js.map +0 -1
  103. package/dist/components/MSACanvas.d.ts +0 -6
  104. package/dist/components/MSACanvas.js +0 -141
  105. package/dist/components/MSACanvas.js.map +0 -1
  106. package/dist/components/MSAPanel/Loading.d.ts +0 -2
  107. package/dist/components/MSAPanel/Loading.js +0 -12
  108. package/dist/components/MSAPanel/Loading.js.map +0 -1
  109. package/dist/components/MSAPanel/MSABlock.d.ts +0 -8
  110. package/dist/components/MSAPanel/MSABlock.js +0 -62
  111. package/dist/components/MSAPanel/MSABlock.js.map +0 -1
  112. package/dist/components/MSAPanel/MSACanvas.d.ts +0 -7
  113. package/dist/components/MSAPanel/MSACanvas.js +0 -69
  114. package/dist/components/MSAPanel/MSACanvas.js.map +0 -1
  115. package/dist/components/MSAPanel/MSAMouseoverCanvas.d.ts +0 -6
  116. package/dist/components/MSAPanel/MSAMouseoverCanvas.js +0 -27
  117. package/dist/components/MSAPanel/MSAMouseoverCanvas.js.map +0 -1
  118. package/dist/components/MSAPanel/index.d.ts +0 -5
  119. package/dist/components/MSAPanel/index.js +0 -9
  120. package/dist/components/MSAPanel/index.js.map +0 -1
  121. package/dist/components/MSAPanel/renderMSABlock.d.ts +0 -9
  122. package/dist/components/MSAPanel/renderMSABlock.js +0 -89
  123. package/dist/components/MSAPanel/renderMSABlock.js.map +0 -1
  124. package/dist/components/MSAPanel/renderMSABlock_BACKUP_139826.d.ts +0 -9
  125. package/dist/components/MSAPanel/renderMSABlock_BACKUP_139826.js +0 -89
  126. package/dist/components/MSAPanel/renderMSABlock_BACKUP_139826.js.map +0 -1
  127. package/dist/components/MSAPanel/renderMSABlock_BASE_139826.d.ts +0 -13
  128. package/dist/components/MSAPanel/renderMSABlock_BASE_139826.js +0 -82
  129. package/dist/components/MSAPanel/renderMSABlock_BASE_139826.js.map +0 -1
  130. package/dist/components/MSAPanel/renderMSABlock_LOCAL_139826.d.ts +0 -9
  131. package/dist/components/MSAPanel/renderMSABlock_LOCAL_139826.js +0 -89
  132. package/dist/components/MSAPanel/renderMSABlock_LOCAL_139826.js.map +0 -1
  133. package/dist/components/MSAPanel/renderMSABlock_REMOTE_139826.d.ts +0 -0
  134. package/dist/components/MSAPanel/renderMSABlock_REMOTE_139826.js +0 -2
  135. package/dist/components/MSAPanel/renderMSABlock_REMOTE_139826.js.map +0 -1
  136. package/dist/components/MSAPanel/renderMSAMouseover.d.ts +0 -5
  137. package/dist/components/MSAPanel/renderMSAMouseover.js +0 -30
  138. package/dist/components/MSAPanel/renderMSAMouseover.js.map +0 -1
  139. package/dist/components/Minimap.d.ts +0 -6
  140. package/dist/components/Minimap.js +0 -72
  141. package/dist/components/Minimap.js.map +0 -1
  142. package/dist/components/MinimapSVG.d.ts +0 -6
  143. package/dist/components/MinimapSVG.js +0 -25
  144. package/dist/components/MinimapSVG.js.map +0 -1
  145. package/dist/components/MultiAlignmentSelector.d.ts +0 -6
  146. package/dist/components/MultiAlignmentSelector.js +0 -13
  147. package/dist/components/MultiAlignmentSelector.js.map +0 -1
  148. package/dist/components/TreePanel/TreeBranchMenu.d.ts +0 -14
  149. package/dist/components/TreePanel/TreeBranchMenu.js +0 -26
  150. package/dist/components/TreePanel/TreeBranchMenu.js.map +0 -1
  151. package/dist/components/TreePanel/TreeCanvas.d.ts +0 -6
  152. package/dist/components/TreePanel/TreeCanvas.js +0 -100
  153. package/dist/components/TreePanel/TreeCanvas.js.map +0 -1
  154. package/dist/components/TreePanel/TreeCanvasBlock.d.ts +0 -7
  155. package/dist/components/TreePanel/TreeCanvasBlock.js +0 -118
  156. package/dist/components/TreePanel/TreeCanvasBlock.js.map +0 -1
  157. package/dist/components/TreePanel/TreeNodeMenu.d.ts +0 -13
  158. package/dist/components/TreePanel/TreeNodeMenu.js +0 -74
  159. package/dist/components/TreePanel/TreeNodeMenu.js.map +0 -1
  160. package/dist/components/TreePanel/TreeRuler.d.ts +0 -6
  161. package/dist/components/TreePanel/TreeRuler.js +0 -8
  162. package/dist/components/TreePanel/TreeRuler.js.map +0 -1
  163. package/dist/components/TreePanel/dialogs/TreeNodeInfoDialog.d.ts +0 -9
  164. package/dist/components/TreePanel/dialogs/TreeNodeInfoDialog.js +0 -16
  165. package/dist/components/TreePanel/dialogs/TreeNodeInfoDialog.js.map +0 -1
  166. package/dist/components/TreePanel/index.d.ts +0 -6
  167. package/dist/components/TreePanel/index.js +0 -10
  168. package/dist/components/TreePanel/index.js.map +0 -1
  169. package/dist/components/TreePanel/renderTreeCanvas.d.ts +0 -46
  170. package/dist/components/TreePanel/renderTreeCanvas.js +0 -180
  171. package/dist/components/TreePanel/renderTreeCanvas.js.map +0 -1
  172. package/dist/components/VerticalGuide.d.ts +0 -7
  173. package/dist/components/VerticalGuide.js +0 -30
  174. package/dist/components/VerticalGuide.js.map +0 -1
  175. package/dist/components/ZoomControls.d.ts +0 -6
  176. package/dist/components/ZoomControls.js +0 -59
  177. package/dist/components/ZoomControls.js.map +0 -1
  178. package/dist/components/msa/MSACanvas_BACKUP_139826.d.ts +0 -7
  179. package/dist/components/msa/MSACanvas_BACKUP_139826.js +0 -68
  180. package/dist/components/msa/MSACanvas_BACKUP_139826.js.map +0 -1
  181. package/dist/components/msa/MSACanvas_BASE_139826.d.ts +0 -6
  182. package/dist/components/msa/MSACanvas_BASE_139826.js +0 -107
  183. package/dist/components/msa/MSACanvas_BASE_139826.js.map +0 -1
  184. package/dist/components/msa/MSACanvas_LOCAL_139826.d.ts +0 -7
  185. package/dist/components/msa/MSACanvas_LOCAL_139826.js +0 -69
  186. package/dist/components/msa/MSACanvas_LOCAL_139826.js.map +0 -1
  187. package/dist/components/msa/MSACanvas_REMOTE_139826.d.ts +0 -6
  188. package/dist/components/msa/MSACanvas_REMOTE_139826.js +0 -106
  189. package/dist/components/msa/MSACanvas_REMOTE_139826.js.map +0 -1
  190. package/dist/sansserif.d.ts +0 -3
  191. package/dist/sansserif.js +0 -1583
  192. 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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"}
@@ -1,2 +0,0 @@
1
- "use strict";
2
- //# sourceMappingURL=renderMSABlock_REMOTE_139826.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"renderMSABlock_REMOTE_139826.js","sourceRoot":"","sources":["../../../src/components/MSAPanel/renderMSABlock_REMOTE_139826.ts"],"names":[],"mappings":""}
@@ -1,5 +0,0 @@
1
- import { MsaViewModel } from '../../model';
2
- export declare function renderMouseover({ ctx, model, }: {
3
- ctx: CanvasRenderingContext2D;
4
- model: MsaViewModel;
5
- }): void;
@@ -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,6 +0,0 @@
1
- import React from 'react';
2
- import { MsaViewModel } from '../model';
3
- declare const Minimap: ({ model }: {
4
- model: MsaViewModel;
5
- }) => React.JSX.Element;
6
- export default Minimap;
@@ -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,6 +0,0 @@
1
- import React from 'react';
2
- import { MsaViewModel } from '../model';
3
- declare const MinimapSVG: ({ model }: {
4
- model: MsaViewModel;
5
- }) => React.JSX.Element;
6
- export default MinimapSVG;
@@ -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,6 +0,0 @@
1
- import React from 'react';
2
- import { MsaViewModel } from '../model';
3
- declare const MultiAlignmentSelector: ({ model, }: {
4
- model: MsaViewModel;
5
- }) => React.JSX.Element | null;
6
- export default MultiAlignmentSelector;
@@ -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,6 +0,0 @@
1
- import React from 'react';
2
- import { MsaViewModel } from '../../model';
3
- declare const TreeCanvas: ({ model }: {
4
- model: MsaViewModel;
5
- }) => React.JSX.Element;
6
- export default TreeCanvas;
@@ -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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"}
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- import { MsaViewModel } from '../../model';
3
- declare const TreeCanvasBlock: ({ model, offsetY, }: {
4
- model: MsaViewModel;
5
- offsetY: number;
6
- }) => React.JSX.Element;
7
- export default TreeCanvasBlock;