react-msaview 5.10.0 → 6.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (148) hide show
  1. package/bundle/index.js +99 -99
  2. package/bundle/index.js.map +4 -4
  3. package/dist/clustalX.js +22 -22
  4. package/dist/clustalX.js.map +1 -1
  5. package/dist/components/CopyButton.d.ts +9 -0
  6. package/dist/components/CopyButton.js +23 -0
  7. package/dist/components/CopyButton.js.map +1 -0
  8. package/dist/components/Loading.js +2 -2
  9. package/dist/components/Loading.js.map +1 -1
  10. package/dist/components/MSAView.js +2 -2
  11. package/dist/components/MSAView.js.map +1 -1
  12. package/dist/components/ResizeHandles.js +24 -40
  13. package/dist/components/ResizeHandles.js.map +1 -1
  14. package/dist/components/ScrollbarThumb.d.ts +14 -0
  15. package/dist/components/ScrollbarThumb.js +28 -0
  16. package/dist/components/ScrollbarThumb.js.map +1 -0
  17. package/dist/components/SequenceTextArea.js +3 -10
  18. package/dist/components/SequenceTextArea.js.map +1 -1
  19. package/dist/components/VerticalScrollbar.js +11 -25
  20. package/dist/components/VerticalScrollbar.js.map +1 -1
  21. package/dist/components/dialogs/FeatureDialog.js +3 -3
  22. package/dist/components/dialogs/FeatureDialog.js.map +1 -1
  23. package/dist/components/dialogs/{UserProvidedDomainsDialog.d.ts → InterProScanFileDialog.d.ts} +2 -2
  24. package/dist/components/dialogs/{UserProvidedDomainsDialog.js → InterProScanFileDialog.js} +6 -10
  25. package/dist/components/dialogs/InterProScanFileDialog.js.map +1 -0
  26. package/dist/components/dialogs/TrackInfoDialog.d.ts +2 -4
  27. package/dist/components/dialogs/TrackInfoDialog.js +8 -14
  28. package/dist/components/dialogs/TrackInfoDialog.js.map +1 -1
  29. package/dist/components/header/FileMenu.js +3 -3
  30. package/dist/components/header/FileMenu.js.map +1 -1
  31. package/dist/components/header/GappynessSlider.js +1 -1
  32. package/dist/components/header/GappynessSlider.js.map +1 -1
  33. package/dist/components/header/{getDomainsMenu.d.ts → getAnnotationsMenu.d.ts} +1 -1
  34. package/dist/components/header/{getDomainsMenu.js → getAnnotationsMenu.js} +10 -9
  35. package/dist/components/header/getAnnotationsMenu.js.map +1 -0
  36. package/dist/components/import/ImportForm.js +1 -1
  37. package/dist/components/import/ImportForm.js.map +1 -1
  38. package/dist/components/import/ImportFormExamples.js +66 -57
  39. package/dist/components/import/ImportFormExamples.js.map +1 -1
  40. package/dist/components/minimap/Minimap.js +11 -22
  41. package/dist/components/minimap/Minimap.js.map +1 -1
  42. package/dist/components/minimap/MinimapSVG.d.ts +2 -1
  43. package/dist/components/minimap/MinimapSVG.js +3 -4
  44. package/dist/components/minimap/MinimapSVG.js.map +1 -1
  45. package/dist/components/minimap/minimapLayout.d.ts +10 -1
  46. package/dist/components/minimap/minimapLayout.js +15 -10
  47. package/dist/components/minimap/minimapLayout.js.map +1 -1
  48. package/dist/components/msa/{DomainLegend.d.ts → AnnotationLegend.d.ts} +2 -2
  49. package/dist/components/msa/{DomainLegend.js → AnnotationLegend.js} +4 -4
  50. package/dist/components/msa/AnnotationLegend.js.map +1 -0
  51. package/dist/components/msa/MSACanvas.js +2 -2
  52. package/dist/components/msa/MSACanvas.js.map +1 -1
  53. package/dist/components/msa/MSAMouseoverCanvas.js +1 -2
  54. package/dist/components/msa/MSAMouseoverCanvas.js.map +1 -1
  55. package/dist/components/msa/MSAPanel.js +2 -2
  56. package/dist/components/msa/MSAPanel.js.map +1 -1
  57. package/dist/components/msa/domainBandCursor.d.ts +17 -0
  58. package/dist/components/msa/domainBandCursor.js +39 -0
  59. package/dist/components/msa/domainBandCursor.js.map +1 -0
  60. package/dist/components/msa/renderMSABlock.js +14 -20
  61. package/dist/components/msa/renderMSABlock.js.map +1 -1
  62. package/dist/components/msa/renderMSAMouseover.js +1 -2
  63. package/dist/components/msa/renderMSAMouseover.js.map +1 -1
  64. package/dist/components/tree/TreeRuler.js +5 -2
  65. package/dist/components/tree/TreeRuler.js.map +1 -1
  66. package/dist/ggplotPalettes.d.ts +0 -1
  67. package/dist/ggplotPalettes.js +0 -3
  68. package/dist/ggplotPalettes.js.map +1 -1
  69. package/dist/hierarchy.d.ts +2 -6
  70. package/dist/hierarchy.js +4 -6
  71. package/dist/hierarchy.js.map +1 -1
  72. package/dist/index.d.ts +2 -2
  73. package/dist/launchInterProScan.d.ts +0 -23
  74. package/dist/launchInterProScan.js +2 -5
  75. package/dist/launchInterProScan.js.map +1 -1
  76. package/dist/measureTextCanvas.js +21 -6
  77. package/dist/measureTextCanvas.js.map +1 -1
  78. package/dist/model.d.ts +50 -100
  79. package/dist/model.js +128 -107
  80. package/dist/model.js.map +1 -1
  81. package/dist/renderToSvg.js +2 -2
  82. package/dist/renderToSvg.js.map +1 -1
  83. package/dist/rowCoordinateCalculations.d.ts +13 -17
  84. package/dist/rowCoordinateCalculations.js +45 -39
  85. package/dist/rowCoordinateCalculations.js.map +1 -1
  86. package/dist/types.d.ts +4 -11
  87. package/dist/version.d.ts +1 -1
  88. package/dist/version.js +1 -1
  89. package/dist/version.js.map +1 -1
  90. package/package.json +5 -5
  91. package/src/clustalX.ts +22 -22
  92. package/src/colSpace.test.ts +27 -0
  93. package/src/components/CopyButton.tsx +44 -0
  94. package/src/components/Loading.tsx +10 -1
  95. package/src/components/MSAView.tsx +2 -3
  96. package/src/components/ResizeHandles.tsx +60 -69
  97. package/src/components/ScrollbarThumb.tsx +48 -0
  98. package/src/components/SequenceTextArea.tsx +3 -16
  99. package/src/components/VerticalScrollbar.tsx +19 -33
  100. package/src/components/dialogs/FeatureDialog.tsx +3 -4
  101. package/src/components/dialogs/{UserProvidedDomainsDialog.tsx → InterProScanFileDialog.tsx} +6 -14
  102. package/src/components/dialogs/TrackInfoDialog.tsx +18 -20
  103. package/src/components/header/FileMenu.tsx +3 -3
  104. package/src/components/header/GappynessSlider.tsx +4 -1
  105. package/src/components/header/{getDomainsMenu.ts → getAnnotationsMenu.ts} +10 -9
  106. package/src/components/import/ImportForm.tsx +1 -1
  107. package/src/components/import/ImportFormExamples.tsx +82 -133
  108. package/src/components/minimap/Minimap.tsx +23 -31
  109. package/src/components/minimap/MinimapSVG.tsx +32 -31
  110. package/src/components/minimap/minimapLayout.test.ts +60 -0
  111. package/src/components/minimap/minimapLayout.ts +15 -10
  112. package/src/components/msa/{DomainLegend.tsx → AnnotationLegend.tsx} +7 -3
  113. package/src/components/msa/MSACanvas.tsx +3 -10
  114. package/src/components/msa/MSAMouseoverCanvas.tsx +1 -3
  115. package/src/components/msa/MSAPanel.tsx +2 -2
  116. package/src/components/msa/domainBandCursor.ts +41 -0
  117. package/src/components/msa/renderMSABlock.ts +19 -23
  118. package/src/components/msa/renderMSAMouseover.ts +1 -3
  119. package/src/components/tree/TreeRuler.tsx +7 -2
  120. package/src/components/tree/renderTreeCanvas.test.ts +15 -7
  121. package/src/domainBands.test.ts +24 -0
  122. package/src/domainLetterColor.test.ts +80 -0
  123. package/src/ggplotPalettes.ts +0 -4
  124. package/src/hierarchy.test.ts +7 -7
  125. package/src/hierarchy.ts +6 -9
  126. package/src/index.ts +4 -1
  127. package/src/largeTree.test.ts +23 -2
  128. package/src/launchInterProScan.ts +3 -30
  129. package/src/loadErrorDisplay.test.tsx +102 -0
  130. package/src/measureTextCanvas.ts +22 -6
  131. package/src/model.ts +137 -115
  132. package/src/renderMinimapSvg.test.tsx +109 -0
  133. package/src/renderToSvg.tsx +2 -2
  134. package/src/rowCoordinateCalculations.ts +48 -44
  135. package/src/types.ts +10 -15
  136. package/src/version.ts +1 -1
  137. package/src/viewChrome.test.tsx +134 -0
  138. package/dist/components/dialogs/DomainDialog.d.ts +0 -6
  139. package/dist/components/dialogs/DomainDialog.js +0 -19
  140. package/dist/components/dialogs/DomainDialog.js.map +0 -1
  141. package/dist/components/dialogs/UserProvidedDomainsDialog.js.map +0 -1
  142. package/dist/components/header/SettingsMenu.d.ts +0 -6
  143. package/dist/components/header/SettingsMenu.js +0 -40
  144. package/dist/components/header/SettingsMenu.js.map +0 -1
  145. package/dist/components/header/getDomainsMenu.js.map +0 -1
  146. package/dist/components/msa/DomainLegend.js.map +0 -1
  147. package/src/components/dialogs/DomainDialog.tsx +0 -45
  148. package/src/components/header/SettingsMenu.tsx +0 -57
package/dist/clustalX.js CHANGED
@@ -16,33 +16,33 @@ const CYAN = 'rgb(26, 179, 179)';
16
16
  */
17
17
  export function clustalXColumnColors(counts, col) {
18
18
  const total = counts.total(col);
19
- const n = (letter) => counts.count(col, letter);
20
- const W = n('W');
21
- const L = n('L');
22
- const V = n('V');
23
- const I = n('I');
24
- const M = n('M');
25
- const A = n('A');
26
- const F = n('F');
27
- const C = n('C');
28
- const H = n('H');
29
- const P = n('P');
30
- const R = n('R');
31
- const K = n('K');
32
- const Q = n('Q');
33
- const E = n('E');
34
- const D = n('D');
35
- const T = n('T');
36
- const S = n('S');
37
- const G = n('G');
38
- const Y = n('Y');
39
- const N = n('N');
19
+ const count = (letter) => counts.count(col, letter);
20
+ const W = count('W');
21
+ const L = count('L');
22
+ const V = count('V');
23
+ const I = count('I');
24
+ const M = count('M');
25
+ const A = count('A');
26
+ const F = count('F');
27
+ const C = count('C');
28
+ const H = count('H');
29
+ const P = count('P');
30
+ const R = count('R');
31
+ const K = count('K');
32
+ const Q = count('Q');
33
+ const E = count('E');
34
+ const D = count('D');
35
+ const T = count('T');
36
+ const S = count('S');
37
+ const G = count('G');
38
+ const Y = count('Y');
39
+ const N = count('N');
40
40
  const hydrophobic = W + L + V + I + M + A + F + C + H + P + Y;
41
41
  const KR = K + R;
42
42
  const QE = Q + E;
43
43
  const ED = E + D;
44
44
  const TS = T + S;
45
- const p = (n) => n / total;
45
+ const p = (subtotal) => subtotal / total;
46
46
  const colors = {};
47
47
  if (p(hydrophobic) > 0.6) {
48
48
  colors.W = BLUE;
@@ -1 +1 @@
1
- {"version":3,"file":"clustalX.js","sourceRoot":"","sources":["../src/clustalX.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"clustalX.js","sourceRoot":"","sources":["../src/clustalX.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ /**
3
+ * Copy-to-clipboard button that confirms on the label for a moment. The timer is
4
+ * cleared on unmount, since these live in dialogs the copy itself often closes.
5
+ */
6
+ export default function CopyButton({ text, label, }: {
7
+ text: string;
8
+ label?: string;
9
+ }): React.JSX.Element;
@@ -0,0 +1,23 @@
1
+ import React, { useEffect, useRef, useState } from 'react';
2
+ import { Button } from '@mui/material';
3
+ import copy from '../vendor/copyToClipboard.js';
4
+ /**
5
+ * Copy-to-clipboard button that confirms on the label for a moment. The timer is
6
+ * cleared on unmount, since these live in dialogs the copy itself often closes.
7
+ */
8
+ export default function CopyButton({ text, label = 'Copy to clipboard', }) {
9
+ const [copied, setCopied] = useState(false);
10
+ const timer = useRef(undefined);
11
+ useEffect(() => () => {
12
+ clearTimeout(timer.current);
13
+ }, []);
14
+ return (React.createElement(Button, { variant: "contained", color: "primary", onClick: () => {
15
+ copy(text);
16
+ setCopied(true);
17
+ clearTimeout(timer.current);
18
+ timer.current = setTimeout(() => {
19
+ setCopied(false);
20
+ }, 500);
21
+ } }, copied ? 'Copied!' : label));
22
+ }
23
+ //# sourceMappingURL=CopyButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../src/components/CopyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEtC,OAAO,IAAI,MAAM,8BAA8B,CAAA;AAE/C;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,KAAK,GAAG,mBAAmB,GAI5B;IACC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,KAAK,GAAG,MAAM,CAAgC,SAAS,CAAC,CAAA;IAE9D,SAAS,CACP,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IAC7B,CAAC,EACD,EAAE,CACH,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;YACZ,IAAI,CAAC,IAAI,CAAC,CAAA;YACV,SAAS,CAAC,IAAI,CAAC,CAAA;YACf,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;YAC3B,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC9B,SAAS,CAAC,KAAK,CAAC,CAAA;YAClB,CAAC,EAAE,GAAG,CAAC,CAAA;QACT,CAAC,IAEA,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CACpB,CACV,CAAA;AACH,CAAC"}
@@ -26,9 +26,9 @@ const Reset = observer(function ({ model, error, }) {
26
26
  } }, "Return to import form")));
27
27
  });
28
28
  const Loading = observer(function ({ model }) {
29
- const { isLoading, dataInitialized, msaFilehandle, treeFilehandle } = model;
29
+ const { isLoading, dataInitialized, error, msaFilehandle, treeFilehandle } = model;
30
30
  const hasPendingFilehandle = !!(msaFilehandle || treeFilehandle);
31
- return (React.createElement("div", null, React.createElement(ErrorBoundary, { FallbackComponent: e => React.createElement(Reset, { model: model, error: e.error }) }, dataInitialized ? (isLoading ? (React.createElement(LoadingSpinner, { model: model })) : (React.createElement(MSAView, { model: model }))) : hasPendingFilehandle || isLoading ? (React.createElement(LoadingSpinner, { model: model })) : (React.createElement(ImportForm, { model: model })))));
31
+ return (React.createElement("div", null, React.createElement(ErrorBoundary, { FallbackComponent: e => React.createElement(Reset, { model: model, error: e.error }) }, dataInitialized ? (isLoading ? (React.createElement(LoadingSpinner, { model: model })) : (React.createElement(MSAView, { model: model }))) : error ? (React.createElement(Reset, { model: model, error: error })) : hasPendingFilehandle || isLoading ? (React.createElement(LoadingSpinner, { model: model })) : (React.createElement(ImportForm, { model: model })))));
32
32
  });
33
33
  export default Loading;
34
34
  //# sourceMappingURL=Loading.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../src/components/Loading.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../src/components/Loading.tsx"],"names":[],"mappings":"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"}
@@ -16,7 +16,7 @@ const TopArea = observer(function ({ model }) {
16
16
  showHorizontalScrollbar ? React.createElement(Minimap, { model: model }) : null));
17
17
  });
18
18
  const TrackColumnIndicator = observer(function ({ model, }) {
19
- const { mouseCol, mouseClickCol, colWidth, scrollX, treeAreaWidth, resizeHandleWidth, totalTrackAreaHeight, msaAreaWidth, verticalScrollbarWidth, } = model;
19
+ const { mouseCol, mouseClickCol, colWidth, scrollX, treeAreaWidth, resizeHandleWidth, totalTrackAreaHeight, msaCanvasWidth, } = model;
20
20
  // hovered column, then the pinned one, matching the alignment's own overlay
21
21
  const bands = [
22
22
  { col: mouseCol, color: hoverColor },
@@ -26,7 +26,7 @@ const TrackColumnIndicator = observer(function ({ model, }) {
26
26
  position: 'absolute',
27
27
  left: treeAreaWidth + resizeHandleWidth,
28
28
  top: 0,
29
- width: msaAreaWidth - verticalScrollbarWidth,
29
+ width: msaCanvasWidth,
30
30
  height: totalTrackAreaHeight,
31
31
  overflow: 'hidden',
32
32
  pointerEvents: 'none',
@@ -1 +1 @@
1
- {"version":3,"file":"MSAView.js","sourceRoot":"","sources":["../../src/components/MSAView.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"MSAView.js","sourceRoot":"","sources":["../../src/components/MSAView.tsx"],"names":[],"mappings":"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"}
@@ -3,66 +3,50 @@ import { observer } from 'mobx-react';
3
3
  import { useDragScroll } from '../useDragScroll.js';
4
4
  const handleBg = 'rgba(200,200,200)';
5
5
  const handleBgHover = 'rgba(150,150,150)';
6
- export const VerticalResizeHandle = observer(function ({ model, }) {
7
- const { resizeHandleWidth } = model;
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, }) {
8
12
  const [hovered, setHovered] = useState(false);
9
- const { startDrag } = useDragScroll('x', useCallback((delta, startWidth) => {
10
- model.setTreeAreaWidth(startWidth + delta);
11
- }, [model]));
13
+ const { startDrag } = useDragScroll(axis, onDrag);
12
14
  return (React.createElement("div", { onMouseDown: event => {
13
- startDrag(event, model.treeAreaWidth);
15
+ startDrag(event, getStart());
14
16
  }, onMouseEnter: () => {
15
17
  setHovered(true);
16
18
  }, onMouseLeave: () => {
17
19
  setHovered(false);
18
20
  }, style: {
19
- cursor: 'ew-resize',
20
- width: resizeHandleWidth,
21
- background: hovered ? handleBgHover : handleBg,
22
21
  position: 'relative',
22
+ cursor: axis === 'x' ? 'ew-resize' : 'ns-resize',
23
+ background: hovered ? handleBgHover : handleBg,
24
+ ...style,
23
25
  } }));
26
+ }
27
+ export const VerticalResizeHandle = observer(function ({ model, }) {
28
+ const onDrag = useCallback((delta, startWidth) => {
29
+ model.setTreeAreaWidth(startWidth + delta);
30
+ }, [model]);
31
+ return (React.createElement(ResizeHandle, { axis: "x", getStart: () => model.treeAreaWidth, onDrag: onDrag, style: { width: model.resizeHandleWidth } }));
24
32
  });
25
33
  export const HorizontalResizeHandle = observer(function ({ model, }) {
26
- const { resizeHandleWidth } = model;
27
- const [hovered, setHovered] = useState(false);
28
- const { startDrag } = useDragScroll('y', useCallback((delta, startHeight) => {
34
+ const onDrag = useCallback((delta, startHeight) => {
29
35
  model.setHeight(startHeight + delta);
30
- }, [model]));
31
- return (React.createElement("div", { onMouseDown: event => {
32
- startDrag(event, model.height);
33
- }, onMouseEnter: () => {
34
- setHovered(true);
35
- }, onMouseLeave: () => {
36
- setHovered(false);
37
- }, style: {
38
- cursor: 'ns-resize',
39
- width: '100%',
40
- height: resizeHandleWidth,
41
- background: hovered ? handleBgHover : handleBg,
42
- position: 'relative',
43
- } }));
36
+ }, [model]);
37
+ return (React.createElement(ResizeHandle, { axis: "y", getStart: () => model.height, onDrag: onDrag, style: { width: '100%', height: model.resizeHandleWidth } }));
44
38
  });
45
39
  export const ConservationTrackResizeHandle = observer(function ({ model, }) {
46
- const { resizeHandleWidth } = model;
47
- const [hovered, setHovered] = useState(false);
48
- const { startDrag } = useDragScroll('y', useCallback((delta, startHeight) => {
40
+ const onDrag = useCallback((delta, startHeight) => {
49
41
  model.setConservationTrackHeight(Math.max(10, startHeight + delta));
50
- }, [model]));
51
- return (React.createElement("div", { onMouseDown: event => {
52
- startDrag(event, model.conservationTrackHeight);
53
- }, onMouseEnter: () => {
54
- setHovered(true);
55
- }, onMouseLeave: () => {
56
- setHovered(false);
57
- }, style: {
42
+ }, [model]);
43
+ return (React.createElement(ResizeHandle, { axis: "y", getStart: () => model.conservationTrackHeight, onDrag: onDrag, style: {
58
44
  position: 'absolute',
59
45
  bottom: 0,
60
46
  left: 0,
61
- cursor: 'ns-resize',
62
47
  width: '100%',
63
- height: resizeHandleWidth,
48
+ height: model.resizeHandleWidth,
64
49
  zIndex: 1,
65
- background: hovered ? handleBgHover : handleBg,
66
50
  } }));
67
51
  });
68
52
  //# sourceMappingURL=ResizeHandles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ResizeHandles.js","sourceRoot":"","sources":["../../src/components/ResizeHandles.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ResizeHandles.js","sourceRoot":"","sources":["../../src/components/ResizeHandles.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ export declare const scrollbarThumbFill = "rgba(66,119,127,0.3)";
3
+ /**
4
+ * The draggable thumb shared by the horizontal Minimap and the
5
+ * VerticalScrollbar. `getStart` is read at mousedown and handed back to
6
+ * `onDrag` alongside the pixel delta since, so a caller only supplies the
7
+ * scroll offset it drives and where the thumb sits.
8
+ */
9
+ export default function ScrollbarThumb({ axis, getStart, onDrag, style, }: {
10
+ axis: 'x' | 'y';
11
+ getStart: () => number;
12
+ onDrag: (delta: number, startValue: number) => void;
13
+ style: React.CSSProperties;
14
+ }): React.JSX.Element;
@@ -0,0 +1,28 @@
1
+ import React, { useState } from 'react';
2
+ import { useDragScroll } from '../useDragScroll.js';
3
+ export const scrollbarThumbFill = 'rgba(66,119,127,0.3)';
4
+ const scrollbarThumbFillHovered = 'rgba(66,119,127,0.6)';
5
+ /**
6
+ * The draggable thumb shared by the horizontal Minimap and the
7
+ * VerticalScrollbar. `getStart` is read at mousedown and handed back to
8
+ * `onDrag` alongside the pixel delta since, so a caller only supplies the
9
+ * scroll offset it drives and where the thumb sits.
10
+ */
11
+ export default function ScrollbarThumb({ axis, getStart, onDrag, style, }) {
12
+ const [hovered, setHovered] = useState(false);
13
+ const { startDrag } = useDragScroll(axis, onDrag);
14
+ return (React.createElement("div", { onMouseOver: () => {
15
+ setHovered(true);
16
+ }, onMouseOut: () => {
17
+ setHovered(false);
18
+ }, onMouseDown: event => {
19
+ startDrag(event, getStart());
20
+ }, style: {
21
+ position: 'absolute',
22
+ zIndex: 100,
23
+ cursor: 'pointer',
24
+ background: hovered ? scrollbarThumbFillHovered : scrollbarThumbFill,
25
+ ...style,
26
+ } }));
27
+ }
28
+ //# sourceMappingURL=ScrollbarThumb.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ScrollbarThumb.js","sourceRoot":"","sources":["../../src/components/ScrollbarThumb.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;AACxD,MAAM,yBAAyB,GAAG,sBAAsB,CAAA;AAExD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,KAAK,GAMN;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;IAEjD,OAAO,CACL,6BACE,WAAW,EAAE,GAAG,EAAE;YAChB,UAAU,CAAC,IAAI,CAAC,CAAA;QAClB,CAAC,EACD,UAAU,EAAE,GAAG,EAAE;YACf,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,EAAE,UAAU;YACpB,MAAM,EAAE,GAAG;YACX,MAAM,EAAE,SAAS;YACjB,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,kBAAkB;YACpE,GAAG,KAAK;SACT,GACD,CACH,CAAA;AACH,CAAC"}
@@ -1,9 +1,9 @@
1
1
  import React, { useState } from 'react';
2
2
  import { makeStyles } from '@jbrowse/core/util/tss-react';
3
- import { Button, TextField } from '@mui/material';
3
+ import { TextField } from '@mui/material';
4
4
  import { getUngappedSequence } from 'msa-parsers';
5
- import copy from '../vendor/copyToClipboard.js';
6
5
  import Checkbox2 from './Checkbox2.js';
6
+ import CopyButton from './CopyButton.js';
7
7
  const useStyles = makeStyles()({
8
8
  textAreaFont: {
9
9
  fontFamily: 'Courier New',
@@ -17,7 +17,6 @@ const useStyles = makeStyles()({
17
17
  });
18
18
  export default function SequenceTextArea({ str }) {
19
19
  const { classes } = useStyles();
20
- const [copied, setCopied] = useState(false);
21
20
  const [showGaps, setShowGaps] = useState(false);
22
21
  const [showEmpty, setShowEmpty] = useState(false);
23
22
  const disp = str
@@ -26,13 +25,7 @@ export default function SequenceTextArea({ str }) {
26
25
  .map(([s1, s2]) => `>${s1}\n${s2}`)
27
26
  .join('\n');
28
27
  return (React.createElement(React.Fragment, null,
29
- React.createElement(Button, { color: "primary", variant: "contained", onClick: () => {
30
- copy(disp);
31
- setCopied(true);
32
- setTimeout(() => {
33
- setCopied(false);
34
- }, 500);
35
- } }, copied ? 'Copied!' : 'Copy to clipboard'),
28
+ React.createElement(CopyButton, { text: disp }),
36
29
  React.createElement(Checkbox2, { label: "Show gaps", checked: showGaps, onChange: () => {
37
30
  setShowGaps(!showGaps);
38
31
  } }),
@@ -1 +1 @@
1
- {"version":3,"file":"SequenceTextArea.js","sourceRoot":"","sources":["../../src/components/SequenceTextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAEjD,OAAO,IAAI,MAAM,8BAA8B,CAAA;AAC/C,OAAO,SAAS,MAAM,gBAAiB,CAAA;AAEvC,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC;IAC7B,YAAY,EAAE;QACZ,UAAU,EAAE,aAAa;QACzB,QAAQ,EAAE,YAAY;KACvB;IACD,aAAa,EAAE;QACb,UAAU,EAAE,WAAW;QACvB,MAAM,EAAE,CAAC;QACT,QAAQ,EAAE,MAAM;KACjB;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,GAAG,EAA+B;IAC3E,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,MAAM,IAAI,GAAG,GAAG;SACb,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB,CAAC,EAAE,CAAC,CAAU,CAAC;SACzE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC;SACrC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;SAClC,IAAI,CAAC,IAAI,CAAC,CAAA;IACb,OAAO,CACL;QACE,oBAAC,MAAM,IACL,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,CAAC,IAAI,CAAC,CAAA;gBACV,SAAS,CAAC,IAAI,CAAC,CAAA;gBACf,UAAU,CAAC,GAAG,EAAE;oBACd,SAAS,CAAC,KAAK,CAAC,CAAA;gBAClB,CAAC,EAAE,GAAG,CAAC,CAAA;YACT,CAAC,IAEA,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAClC;QACT,oBAAC,SAAS,IACR,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,GAAG,EAAE;gBACb,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAA;YACxB,CAAC,GACD;QACF,oBAAC,SAAS,IACR,KAAK,EAAC,YAAY,EAClB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,GAAG,EAAE;gBACb,YAAY,CAAC,CAAC,SAAS,CAAC,CAAA;YAC1B,CAAC,GACD;QACF,oBAAC,SAAS,IACR,OAAO,EAAC,UAAU,EAClB,SAAS,QACT,SAAS,EAAE,OAAO,CAAC,aAAa,EAChC,OAAO,EAAE,CAAC,EACV,OAAO,EAAE,EAAE,EACX,SAAS,QACT,KAAK,EAAE,IAAI,EACX,SAAS,EAAE;gBACT,KAAK,EAAE;oBACL,QAAQ,EAAE,IAAI;oBACd,SAAS,EAAE,OAAO,CAAC,YAAY;iBAChC;aACF,GACD,CACD,CACJ,CAAA;AACH,CAAC"}
1
+ {"version":3,"file":"SequenceTextArea.js","sourceRoot":"","sources":["../../src/components/SequenceTextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAEjD,OAAO,SAAS,MAAM,gBAAiB,CAAA;AACvC,OAAO,UAAU,MAAM,iBAAkB,CAAA;AAEzC,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC;IAC7B,YAAY,EAAE;QACZ,UAAU,EAAE,aAAa;QACzB,QAAQ,EAAE,YAAY;KACvB;IACD,aAAa,EAAE;QACb,UAAU,EAAE,WAAW;QACvB,MAAM,EAAE,CAAC;QACT,QAAQ,EAAE,MAAM;KACjB;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,GAAG,EAA+B;IAC3E,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,MAAM,IAAI,GAAG,GAAG;SACb,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB,CAAC,EAAE,CAAC,CAAU,CAAC;SACzE,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC;SACrC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;SAClC,IAAI,CAAC,IAAI,CAAC,CAAA;IACb,OAAO,CACL;QACE,oBAAC,UAAU,IAAC,IAAI,EAAE,IAAI,GAAI;QAC1B,oBAAC,SAAS,IACR,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,GAAG,EAAE;gBACb,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAA;YACxB,CAAC,GACD;QACF,oBAAC,SAAS,IACR,KAAK,EAAC,YAAY,EAClB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,GAAG,EAAE;gBACb,YAAY,CAAC,CAAC,SAAS,CAAC,CAAA;YAC1B,CAAC,GACD;QACF,oBAAC,SAAS,IACR,OAAO,EAAC,UAAU,EAClB,SAAS,QACT,SAAS,EAAE,OAAO,CAAC,aAAa,EAChC,OAAO,EAAE,CAAC,EACV,OAAO,EAAE,EAAE,EACX,SAAS,QACT,KAAK,EAAE,IAAI,EACX,SAAS,EAAE;gBACT,KAAK,EAAE;oBACL,QAAQ,EAAE,IAAI;oBACd,SAAS,EAAE,OAAO,CAAC,YAAY;iBAChC;aACF,GACD,CACD,CACJ,CAAA;AACH,CAAC"}
@@ -1,43 +1,29 @@
1
- import React, { useCallback, useState } from 'react';
2
- import { clamp } from '@jbrowse/core/util';
1
+ import React, { useCallback } from 'react';
3
2
  import { observer } from 'mobx-react';
4
- import { useDragScroll } from '../useDragScroll.js';
3
+ import ScrollbarThumb from './ScrollbarThumb.js';
4
+ const width = 20;
5
5
  const VerticalScrollbar = observer(({ model }) => {
6
6
  const { msaAreaHeight, scrollY, totalHeight } = model;
7
- const [hovered, setHovered] = useState(false);
8
- const fill = 'rgba(66, 119, 127, 0.3)';
9
7
  const unit = msaAreaHeight / totalHeight;
10
- const top = -scrollY;
11
- const bottom = top + msaAreaHeight;
12
- const t = top * unit;
13
- const b = bottom * unit;
14
- const { startDrag } = useDragScroll('y', useCallback((delta, startScroll) => {
15
- model.setScrollY(clamp(startScroll - delta / unit, model.maxScrollY, 0));
16
- }, [model, unit]));
8
+ const t = -scrollY * unit;
9
+ const b = (-scrollY + msaAreaHeight) * unit;
10
+ const onDrag = useCallback((delta, startScroll) => {
11
+ model.setScrollY(startScroll - delta / unit);
12
+ }, [model, unit]);
17
13
  return (React.createElement("div", { style: {
18
14
  position: 'relative',
19
- width: 20,
15
+ width,
20
16
  height: msaAreaHeight,
21
17
  borderLeft: '1px solid #555',
22
18
  borderTop: '1px solid #555',
23
19
  boxSizing: 'border-box',
24
20
  } },
25
- React.createElement("div", { style: {
26
- position: 'absolute',
21
+ React.createElement(ScrollbarThumb, { axis: "y", getStart: () => model.scrollY, onDrag: onDrag, style: {
27
22
  top: Math.max(0, t),
28
23
  left: 0,
29
- background: hovered ? 'rgba(66,119,127,0.6)' : fill,
30
- cursor: 'pointer',
31
24
  boxSizing: 'border-box',
32
- width: 20,
25
+ width,
33
26
  height: Math.max(b - t, 20),
34
- zIndex: 100,
35
- }, onMouseOver: () => {
36
- setHovered(true);
37
- }, onMouseOut: () => {
38
- setHovered(false);
39
- }, onMouseDown: event => {
40
- startDrag(event, model.scrollY);
41
27
  } })));
42
28
  });
43
29
  export default VerticalScrollbar;
@@ -1 +1 @@
1
- {"version":3,"file":"VerticalScrollbar.js","sourceRoot":"","sources":["../../src/components/VerticalScrollbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAInD,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,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,IAAI,GAAG,yBAAyB,CAAA;IACtC,MAAM,IAAI,GAAG,aAAa,GAAG,WAAW,CAAA;IACxC,MAAM,GAAG,GAAG,CAAC,OAAO,CAAA;IACpB,MAAM,MAAM,GAAG,GAAG,GAAG,aAAa,CAAA;IAClC,MAAM,CAAC,GAAG,GAAG,GAAG,IAAI,CAAA;IACpB,MAAM,CAAC,GAAG,MAAM,GAAG,IAAI,CAAA;IACvB,MAAM,EAAE,SAAS,EAAE,GAAG,aAAa,CACjC,GAAG,EACH,WAAW,CACT,CAAC,KAAa,EAAE,WAAmB,EAAE,EAAE;QACrC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,WAAW,GAAG,KAAK,GAAG,IAAI,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAA;IAC1E,CAAC,EACD,CAAC,KAAK,EAAE,IAAI,CAAC,CACd,CACF,CAAA;IACD,OAAO,CACL,6BACE,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,aAAa;YACrB,UAAU,EAAE,gBAAgB;YAC5B,SAAS,EAAE,gBAAgB;YAC3B,SAAS,EAAE,YAAY;SACxB;QAED,6BACE,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;gBACnB,IAAI,EAAE,CAAC;gBACP,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,IAAI;gBACnD,MAAM,EAAE,SAAS;gBACjB,SAAS,EAAE,YAAY;gBACvB,KAAK,EAAE,EAAE;gBACT,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;gBAC3B,MAAM,EAAE,GAAG;aACZ,EACD,WAAW,EAAE,GAAG,EAAE;gBAChB,UAAU,CAAC,IAAI,CAAC,CAAA;YAClB,CAAC,EACD,UAAU,EAAE,GAAG,EAAE;gBACf,UAAU,CAAC,KAAK,CAAC,CAAA;YACnB,CAAC,EACD,WAAW,EAAE,KAAK,CAAC,EAAE;gBACnB,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;YACjC,CAAC,GACD,CACE,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AACF,eAAe,iBAAiB,CAAA"}
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,cAAc,MAAM,qBAAsB,CAAA;AAIjD,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,cAAc,IACb,IAAI,EAAC,GAAG,EACR,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"}
@@ -17,9 +17,9 @@ const Toggles = observer(function ({ model }) {
17
17
  } }, "Toggle all off")));
18
18
  });
19
19
  const FeatureTable = observer(function ({ model }) {
20
- const { tidyInterProAnnotationTypes, tidyInterProAnnotations, fillPalette } = model;
20
+ const { annotationTypes, annotations, fillPalette } = model;
21
21
  const counts = new Map();
22
- for (const annot of tidyInterProAnnotations) {
22
+ for (const annot of annotations) {
23
23
  counts.set(annot.accession, (counts.get(annot.accession) ?? 0) + 1);
24
24
  }
25
25
  return (React.createElement(React.Fragment, null,
@@ -33,7 +33,7 @@ const FeatureTable = observer(function ({ model }) {
33
33
  React.createElement(TableCell, null, "name"),
34
34
  React.createElement(TableCell, null, "count"),
35
35
  React.createElement(TableCell, null, "description"))),
36
- React.createElement(TableBody, null, [...tidyInterProAnnotationTypes.values()].map(({ accession, name, description }) => (React.createElement(TableRow, { key: accession },
36
+ React.createElement(TableBody, null, [...annotationTypes.values()].map(({ accession, name, description }) => (React.createElement(TableRow, { key: accession },
37
37
  React.createElement(TableCell, { padding: "checkbox" },
38
38
  React.createElement(Checkbox, { checked: model.featureFilters.get(accession) ?? false, onChange: () => {
39
39
  model.setFilter(accession, !model.featureFilters.get(accession));
@@ -1 +1 @@
1
- {"version":3,"file":"FeatureDialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/FeatureDialog.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FeatureDialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/FeatureDialog.tsx"],"names":[],"mappings":"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"}
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import type { MsaViewModel } from '../../model.ts';
3
- declare const UserProvidedDomainsDialog: ({ handleClose, model, }: {
3
+ declare const InterProScanFileDialog: ({ handleClose, model, }: {
4
4
  handleClose: () => void;
5
5
  model: MsaViewModel;
6
6
  }) => React.JSX.Element;
7
- export default UserProvidedDomainsDialog;
7
+ export default InterProScanFileDialog;
@@ -3,12 +3,13 @@ import { Dialog } from '@jbrowse/core/ui';
3
3
  import { getSession } from '@jbrowse/core/util';
4
4
  import { Button, DialogActions, DialogContent, FormControl, FormControlLabel, Radio, RadioGroup, TextField, Typography, } from '@mui/material';
5
5
  import { observer } from 'mobx-react';
6
+ import { interProScanResponseToAnnotations } from 'msa-parsers';
6
7
  import { jsonfetch } from '../../fetchUtils.js';
7
- const UserProvidedDomainsDialog = observer(function ({ handleClose, model, }) {
8
+ const InterProScanFileDialog = observer(function ({ handleClose, model, }) {
8
9
  const [file, setFile] = useState();
9
10
  const [choice, setChoice] = useState('file');
10
11
  const [interProURL, setInterProURL] = useState('');
11
- return (React.createElement(Dialog, { maxWidth: "xl", title: "Open protein domains from file", onClose: () => {
12
+ return (React.createElement(Dialog, { maxWidth: "xl", title: "Open InterProScan results", onClose: () => {
12
13
  handleClose();
13
14
  }, open: true },
14
15
  React.createElement(DialogContent, null,
@@ -45,12 +46,7 @@ const UserProvidedDomainsDialog = observer(function ({ handleClose, model, }) {
45
46
  const ret = file
46
47
  ? JSON.parse(await file.text())
47
48
  : await jsonfetch(interProURL);
48
- // key each result by its xref id; a result without one has no
49
- // row to attach to, and keying it `undefined` would draw a
50
- // phantom row's worth of domains
51
- model.setDomains(Object.fromEntries(ret.results
52
- .map(r => [r.xref[0]?.id, r])
53
- .filter(e => e[0] !== undefined)));
49
+ model.setAnnotations(interProScanResponseToAnnotations(ret));
54
50
  getSession(model).notify('Loaded interproscan results', 'success');
55
51
  }
56
52
  catch (e) {
@@ -64,5 +60,5 @@ const UserProvidedDomainsDialog = observer(function ({ handleClose, model, }) {
64
60
  handleClose();
65
61
  } }, "Open results"))));
66
62
  });
67
- export default UserProvidedDomainsDialog;
68
- //# sourceMappingURL=UserProvidedDomainsDialog.js.map
63
+ export default InterProScanFileDialog;
64
+ //# sourceMappingURL=InterProScanFileDialog.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InterProScanFileDialog.js","sourceRoot":"","sources":["../../../src/components/dialogs/InterProScanFileDialog.tsx"],"names":[],"mappings":"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"}
@@ -1,9 +1,7 @@
1
1
  import React from 'react';
2
+ import type { BasicTrack } from '../../types.ts';
2
3
  declare const TrackInfoDialog: ({ model, onClose, }: {
3
- model: {
4
- name: string;
5
- data: string;
6
- };
4
+ model: BasicTrack['model'];
7
5
  onClose: () => void;
8
6
  }) => React.JSX.Element;
9
7
  export default TrackInfoDialog;
@@ -1,9 +1,9 @@
1
- import React, { useState } from 'react';
1
+ import React from 'react';
2
2
  import { Dialog } from '@jbrowse/core/ui';
3
3
  import { makeStyles } from '@jbrowse/core/util/tss-react';
4
- import { Button, DialogActions, DialogContent } from '@mui/material';
4
+ import { Button, DialogActions, DialogContent, Typography } from '@mui/material';
5
5
  import { observer } from 'mobx-react';
6
- import copy from '../../vendor/copyToClipboard.js';
6
+ import CopyButton from '../CopyButton.js';
7
7
  const useStyles = makeStyles()(theme => ({
8
8
  textArea: {
9
9
  padding: theme.spacing(2),
@@ -13,18 +13,12 @@ const useStyles = makeStyles()(theme => ({
13
13
  },
14
14
  }));
15
15
  const TrackInfoDialog = observer(function ({ model, onClose, }) {
16
- const [label, setLabel] = useState('Copy to clipboard');
16
+ const { name, data } = model;
17
17
  const { classes } = useStyles();
18
- return (React.createElement(Dialog, { open: true, onClose: onClose, fullWidth: true, maxWidth: "lg", title: `Track info - ${model.name}` },
19
- React.createElement(DialogContent, null,
20
- React.createElement(Button, { variant: "contained", color: "primary", onClick: () => {
21
- copy(model.data);
22
- setLabel('Copied!');
23
- setTimeout(() => {
24
- setLabel('Copy to clipboard');
25
- }, 300);
26
- } }, label),
27
- React.createElement("pre", { className: classes.textArea }, model.data)),
18
+ return (React.createElement(Dialog, { open: true, onClose: onClose, fullWidth: true, maxWidth: "lg", title: `Track info - ${name}` },
19
+ React.createElement(DialogContent, null, data === undefined ? (React.createElement(Typography, null, "This track has no text data.")) : (React.createElement(React.Fragment, null,
20
+ React.createElement(CopyButton, { text: data }),
21
+ React.createElement("pre", { className: classes.textArea }, data)))),
28
22
  React.createElement(DialogActions, null,
29
23
  React.createElement(Button, { variant: "contained", onClick: onClose, color: "secondary" }, "Close"))));
30
24
  });