react-msaview 4.1.1 → 4.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundle/index.js +104 -213
- package/bundle/index.js.LICENSE.txt +173 -0
- package/bundle/index.js.map +1 -0
- package/dist/components/TextTrack.d.ts +2 -1
- package/dist/components/TextTrack.js.map +1 -1
- package/dist/components/Track.js.map +1 -1
- package/dist/components/header/Header.js +10 -3
- package/dist/components/header/Header.js.map +1 -1
- package/dist/components/header/HeaderMenu.js +199 -11
- package/dist/components/header/HeaderMenu.js.map +1 -1
- package/dist/components/header/MultiAlignmentSelector.js +3 -3
- package/dist/components/header/MultiAlignmentSelector.js.map +1 -1
- package/dist/components/header/{HeaderMenuExtra.d.ts → SettingsMenu.d.ts} +2 -2
- package/dist/components/header/SettingsMenu.js +141 -0
- package/dist/components/header/SettingsMenu.js.map +1 -0
- package/dist/components/header/ZoomControls.d.ts +1 -1
- package/dist/components/header/ZoomControls.js +1 -46
- package/dist/components/header/ZoomControls.js.map +1 -1
- package/dist/components/header/ZoomMenu.d.ts +6 -0
- package/dist/components/header/ZoomMenu.js +33 -0
- package/dist/components/header/ZoomMenu.js.map +1 -0
- package/dist/components/header/ZoomStar.d.ts +6 -0
- package/dist/components/header/ZoomStar.js +40 -0
- package/dist/components/header/ZoomStar.js.map +1 -0
- package/dist/components/tree/renderTreeCanvas.js +6 -3
- package/dist/components/tree/renderTreeCanvas.js.map +1 -1
- package/dist/flatToTree.d.ts +17 -0
- package/dist/flatToTree.js +41 -0
- package/dist/flatToTree.js.map +1 -0
- package/dist/model.d.ts +21 -28
- package/dist/model.js +47 -32
- package/dist/model.js.map +1 -1
- package/dist/parseAsn1.d.ts +34 -0
- package/dist/parseAsn1.js +385 -0
- package/dist/parseAsn1.js.map +1 -0
- package/dist/parseAsn1.test.d.ts +1 -0
- package/dist/parseAsn1.test.js +8 -0
- package/dist/parseAsn1.test.js.map +1 -0
- package/dist/parsers/ClustalMSA.d.ts +1 -1
- package/dist/parsers/ClustalMSA.js.map +1 -1
- package/dist/parsers/EmfMSA.d.ts +1 -1
- package/dist/parsers/FastaMSA.d.ts +1 -1
- package/dist/parsers/StockholmMSA.d.ts +1 -1
- package/dist/parsers/StockholmMSA.js.map +1 -1
- package/dist/renderToSvg.d.ts +3 -2
- package/dist/renderToSvg.js.map +1 -1
- package/dist/reparseTree.d.ts +1 -1
- package/dist/reparseTree.js +2 -0
- package/dist/reparseTree.js.map +1 -1
- package/dist/types.d.ts +38 -0
- package/dist/types.js +2 -0
- package/dist/types.js.map +1 -0
- package/dist/util.d.ts +6 -20
- package/dist/util.js +19 -0
- package/dist/util.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/dist/webpack.d.ts +5 -0
- package/dist/webpack.js +7 -0
- package/dist/webpack.js.map +1 -0
- package/package.json +4 -3
- package/src/__snapshots__/parseAsn1.test.ts.snap +2400 -0
- package/src/components/TextTrack.tsx +2 -1
- package/src/components/Track.tsx +0 -2
- package/src/components/header/Header.tsx +11 -3
- package/src/components/header/HeaderMenu.tsx +215 -11
- package/src/components/header/MultiAlignmentSelector.tsx +7 -6
- package/src/components/header/SettingsMenu.tsx +169 -0
- package/src/components/header/ZoomControls.tsx +1 -52
- package/src/components/header/ZoomMenu.tsx +42 -0
- package/src/components/header/ZoomStar.tsx +74 -0
- package/src/components/msa/renderBoxFeatureCanvasBlock.ts +1 -1
- package/src/components/msa/renderMSABlock.ts +1 -1
- package/src/components/tree/renderTreeCanvas.ts +13 -3
- package/src/flatToTree.ts +57 -0
- package/src/model.ts +75 -61
- package/src/parseAsn1.test.ts +11 -0
- package/src/parseAsn1.ts +494 -0
- package/src/parsers/ClustalMSA.ts +2 -1
- package/src/parsers/EmfMSA.ts +1 -1
- package/src/parsers/FastaMSA.ts +1 -1
- package/src/parsers/StockholmMSA.ts +4 -1
- package/src/renderToSvg.tsx +6 -4
- package/src/reparseTree.ts +3 -1
- package/src/types.ts +44 -0
- package/src/util.ts +26 -22
- package/src/version.ts +1 -1
- package/src/webpack.ts +9 -0
- package/dist/components/header/HeaderMenuExtra.js +0 -122
- package/dist/components/header/HeaderMenuExtra.js.map +0 -1
- package/src/components/header/HeaderMenuExtra.tsx +0 -135
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type {
|
|
2
|
+
import type { MsaViewModel } from '../model';
|
|
3
|
+
import type { ITextTrack } from '../types';
|
|
3
4
|
declare const AnnotationTrack: ({ track, model, }: {
|
|
4
5
|
track: ITextTrack;
|
|
5
6
|
model: MsaViewModel;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextTrack.js","sourceRoot":"","sources":["../../src/components/TextTrack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEzD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"TextTrack.js","sourceRoot":"","sources":["../../src/components/TextTrack.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Track.js","sourceRoot":"","sources":["../../src/components/Track.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhE,OAAO,iBAAiB,MAAM,mCAAmC,CAAA;AACjE,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,cAAc,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"Track.js","sourceRoot":"","sources":["../../src/components/Track.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,10 +4,13 @@ import Help from '@mui/icons-material/Help';
|
|
|
4
4
|
import { IconButton } from '@mui/material';
|
|
5
5
|
import { observer } from 'mobx-react';
|
|
6
6
|
import HeaderInfoArea from './HeaderInfoArea';
|
|
7
|
-
import
|
|
7
|
+
import HeaderMenu from './HeaderMenu';
|
|
8
8
|
import HeaderStatusArea from './HeaderStatusArea';
|
|
9
9
|
import MultiAlignmentSelector from './MultiAlignmentSelector';
|
|
10
|
+
import SettingsMenu from './SettingsMenu';
|
|
10
11
|
import ZoomControls from './ZoomControls';
|
|
12
|
+
import ZoomMenu from './ZoomMenu';
|
|
13
|
+
import ZoomStar from './ZoomStar';
|
|
11
14
|
const AboutDialog = lazy(() => import('../dialogs/AboutDialog'));
|
|
12
15
|
const Header = observer(function ({ model }) {
|
|
13
16
|
const [ref, { height }] = useMeasure();
|
|
@@ -15,9 +18,13 @@ const Header = observer(function ({ model }) {
|
|
|
15
18
|
model.setHeaderHeight(height || 0);
|
|
16
19
|
}, [model, height]);
|
|
17
20
|
return (React.createElement("div", { ref: ref, style: { display: 'flex' } },
|
|
18
|
-
React.createElement(
|
|
21
|
+
React.createElement(HeaderMenu, { model: model }),
|
|
22
|
+
React.createElement(SettingsMenu, { model: model }),
|
|
19
23
|
React.createElement(ZoomControls, { model: model }),
|
|
20
|
-
React.createElement(
|
|
24
|
+
model.showZoomStar ? React.createElement(ZoomStar, { model: model }) : null,
|
|
25
|
+
React.createElement(ZoomMenu, { model: model }),
|
|
26
|
+
React.createElement("div", { style: { margin: 'auto' } },
|
|
27
|
+
React.createElement(MultiAlignmentSelector, { model: model })),
|
|
21
28
|
React.createElement(HeaderInfoArea, { model: model }),
|
|
22
29
|
React.createElement(Spacer, null),
|
|
23
30
|
React.createElement(HeaderStatusArea, { model: model }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9C,OAAO,UAAU,MAAM,+BAA+B,CAAA;AACtD,OAAO,IAAI,MAAM,0BAA0B,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9C,OAAO,UAAU,MAAM,+BAA+B,CAAA;AACtD,OAAO,IAAI,MAAM,0BAA0B,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,sBAAsB,MAAM,0BAA0B,CAAA;AAC7D,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAIjC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC,CAAA;AAEhE,MAAM,MAAM,GAAG,QAAQ,CAAC,UAAU,EAAE,KAAK,EAA2B;IAClE,MAAM,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,UAAU,EAAE,CAAA;IACtC,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,eAAe,CAAC,MAAM,IAAI,CAAC,CAAC,CAAA;IACpC,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;IACnB,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACvC,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI;QAC5B,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI;QAC9B,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI;QAC7B,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,oBAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI;QACvD,oBAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,GAAI;QAC1B,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;YAC5B,oBAAC,sBAAsB,IAAC,KAAK,EAAE,KAAK,GAAI,CACpC;QACN,oBAAC,cAAc,IAAC,KAAK,EAAE,KAAK,GAAI;QAChC,oBAAC,MAAM,OAAG;QACV,oBAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,GAAI;QAClC,oBAAC,UAAU,IACT,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;YAC1D,CAAC;YAED,oBAAC,IAAI,OAAG,CACG,CACT,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,MAAM;IACb,OAAO,6BAAK,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,GAAI,CAAA;AACpC,CAAC;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -1,16 +1,28 @@
|
|
|
1
1
|
import React, { lazy } from 'react';
|
|
2
2
|
import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
|
|
3
|
+
import AccountTreeIcon from '@mui/icons-material/AccountTree';
|
|
3
4
|
import Assignment from '@mui/icons-material/Assignment';
|
|
5
|
+
import FilterAlt from '@mui/icons-material/FilterAlt';
|
|
4
6
|
import FolderOpen from '@mui/icons-material/FolderOpen';
|
|
7
|
+
import GridOn from '@mui/icons-material/GridOn';
|
|
5
8
|
import List from '@mui/icons-material/List';
|
|
6
|
-
import
|
|
9
|
+
import MoreVert from '@mui/icons-material/Menu';
|
|
10
|
+
import PhotoCamera from '@mui/icons-material/PhotoCamera';
|
|
11
|
+
import Search from '@mui/icons-material/Search';
|
|
7
12
|
import Settings from '@mui/icons-material/Settings';
|
|
13
|
+
import Sort from '@mui/icons-material/Sort';
|
|
14
|
+
import Visibility from '@mui/icons-material/Visibility';
|
|
8
15
|
import { observer } from 'mobx-react';
|
|
9
16
|
// lazies
|
|
10
17
|
const SettingsDialog = lazy(() => import('../dialogs/SettingsDialog'));
|
|
11
18
|
const MetadataDialog = lazy(() => import('../dialogs/MetadataDialog'));
|
|
12
19
|
const TracklistDialog = lazy(() => import('../dialogs/TracklistDialog'));
|
|
13
|
-
const
|
|
20
|
+
const ExportSVGDialog = lazy(() => import('../dialogs/ExportSVGDialog'));
|
|
21
|
+
const FeatureFilterDialog = lazy(() => import('../dialogs/FeatureDialog'));
|
|
22
|
+
const UserProvidedDomainsDialog = lazy(() => import('../dialogs/UserProvidedDomainsDialog'));
|
|
23
|
+
const InterProScanDialog = lazy(() => import('../dialogs/InterProScanDialog'));
|
|
24
|
+
const HeaderMenu = observer(({ model }) => {
|
|
25
|
+
const { drawTree, showBranchLen, labelsAlignRight, drawNodeBubbles, showDomains, actuallyShowDomains, subFeatureRows, drawLabels, treeWidthMatchesArea, noDomains, noTree, } = model;
|
|
14
26
|
return (React.createElement(CascadingMenuButton, { menuItems: [
|
|
15
27
|
{
|
|
16
28
|
label: 'Return to import form',
|
|
@@ -20,28 +32,204 @@ const HeaderMenu = observer(function ({ model }) {
|
|
|
20
32
|
},
|
|
21
33
|
},
|
|
22
34
|
{
|
|
35
|
+
icon: Settings,
|
|
23
36
|
label: 'Settings',
|
|
37
|
+
type: 'subMenu',
|
|
38
|
+
subMenu: [
|
|
39
|
+
{
|
|
40
|
+
label: 'Tree settings',
|
|
41
|
+
type: 'subMenu',
|
|
42
|
+
icon: AccountTreeIcon,
|
|
43
|
+
subMenu: [
|
|
44
|
+
{
|
|
45
|
+
label: 'Show branch length',
|
|
46
|
+
type: 'checkbox',
|
|
47
|
+
checked: showBranchLen,
|
|
48
|
+
onClick: () => {
|
|
49
|
+
model.setShowBranchLen(!showBranchLen);
|
|
50
|
+
},
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
label: 'Show tree',
|
|
54
|
+
type: 'checkbox',
|
|
55
|
+
checked: drawTree,
|
|
56
|
+
onClick: () => {
|
|
57
|
+
model.setDrawTree(!drawTree);
|
|
58
|
+
},
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
label: 'Draw clickable bubbles on tree branches',
|
|
62
|
+
type: 'checkbox',
|
|
63
|
+
checked: drawNodeBubbles,
|
|
64
|
+
onClick: () => {
|
|
65
|
+
model.setDrawNodeBubbles(!drawNodeBubbles);
|
|
66
|
+
},
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
label: 'Tree labels align right',
|
|
70
|
+
type: 'checkbox',
|
|
71
|
+
checked: labelsAlignRight,
|
|
72
|
+
onClick: () => {
|
|
73
|
+
model.setLabelsAlignRight(!labelsAlignRight);
|
|
74
|
+
},
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
label: 'Draw labels',
|
|
78
|
+
type: 'checkbox',
|
|
79
|
+
checked: drawLabels,
|
|
80
|
+
onClick: () => {
|
|
81
|
+
model.setDrawLabels(!drawLabels);
|
|
82
|
+
},
|
|
83
|
+
},
|
|
84
|
+
...(noTree
|
|
85
|
+
? []
|
|
86
|
+
: [
|
|
87
|
+
{
|
|
88
|
+
label: 'Make tree width fit to tree area',
|
|
89
|
+
type: 'checkbox',
|
|
90
|
+
checked: treeWidthMatchesArea,
|
|
91
|
+
onClick: () => {
|
|
92
|
+
model.setTreeWidthMatchesArea(!treeWidthMatchesArea);
|
|
93
|
+
},
|
|
94
|
+
},
|
|
95
|
+
]),
|
|
96
|
+
],
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
label: 'MSA settings',
|
|
100
|
+
type: 'subMenu',
|
|
101
|
+
icon: GridOn,
|
|
102
|
+
subMenu: [],
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
label: 'More',
|
|
106
|
+
icon: Settings,
|
|
107
|
+
type: 'subMenu',
|
|
108
|
+
subMenu: [
|
|
109
|
+
{
|
|
110
|
+
label: 'More settings',
|
|
111
|
+
onClick: () => {
|
|
112
|
+
model.queueDialog(onClose => [
|
|
113
|
+
SettingsDialog,
|
|
114
|
+
{
|
|
115
|
+
model,
|
|
116
|
+
onClose,
|
|
117
|
+
},
|
|
118
|
+
]);
|
|
119
|
+
},
|
|
120
|
+
},
|
|
121
|
+
],
|
|
122
|
+
},
|
|
123
|
+
],
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
label: 'Metadata',
|
|
127
|
+
icon: Assignment,
|
|
24
128
|
onClick: () => {
|
|
25
|
-
model.queueDialog(onClose => [
|
|
129
|
+
model.queueDialog(onClose => [
|
|
130
|
+
MetadataDialog,
|
|
131
|
+
{
|
|
132
|
+
model,
|
|
133
|
+
onClose,
|
|
134
|
+
},
|
|
135
|
+
]);
|
|
26
136
|
},
|
|
27
|
-
icon: Settings,
|
|
28
137
|
},
|
|
29
138
|
{
|
|
30
|
-
label: '
|
|
139
|
+
label: ' tracks',
|
|
140
|
+
icon: List,
|
|
31
141
|
onClick: () => {
|
|
32
|
-
model.queueDialog(onClose => [
|
|
142
|
+
model.queueDialog(onClose => [
|
|
143
|
+
TracklistDialog,
|
|
144
|
+
{
|
|
145
|
+
model,
|
|
146
|
+
onClose,
|
|
147
|
+
},
|
|
148
|
+
]);
|
|
33
149
|
},
|
|
34
|
-
icon: Assignment,
|
|
35
150
|
},
|
|
36
151
|
{
|
|
37
|
-
label: '
|
|
152
|
+
label: 'Export SVG',
|
|
153
|
+
icon: PhotoCamera,
|
|
38
154
|
onClick: () => {
|
|
39
|
-
model.queueDialog(onClose => [
|
|
155
|
+
model.queueDialog(onClose => [
|
|
156
|
+
ExportSVGDialog,
|
|
157
|
+
{
|
|
158
|
+
onClose,
|
|
159
|
+
model,
|
|
160
|
+
},
|
|
161
|
+
]);
|
|
40
162
|
},
|
|
41
|
-
icon: List,
|
|
42
163
|
},
|
|
164
|
+
{
|
|
165
|
+
label: 'Features/protein domains',
|
|
166
|
+
type: 'subMenu',
|
|
167
|
+
subMenu: [
|
|
168
|
+
{
|
|
169
|
+
label: 'Open domains...',
|
|
170
|
+
icon: FolderOpen,
|
|
171
|
+
onClick: () => {
|
|
172
|
+
model.queueDialog(handleClose => [
|
|
173
|
+
UserProvidedDomainsDialog,
|
|
174
|
+
{
|
|
175
|
+
handleClose,
|
|
176
|
+
model,
|
|
177
|
+
},
|
|
178
|
+
]);
|
|
179
|
+
},
|
|
180
|
+
},
|
|
181
|
+
{
|
|
182
|
+
label: 'Query InterProScan for domains...',
|
|
183
|
+
icon: Search,
|
|
184
|
+
onClick: () => {
|
|
185
|
+
model.queueDialog(handleClose => [
|
|
186
|
+
InterProScanDialog,
|
|
187
|
+
{
|
|
188
|
+
handleClose,
|
|
189
|
+
model,
|
|
190
|
+
},
|
|
191
|
+
]);
|
|
192
|
+
},
|
|
193
|
+
},
|
|
194
|
+
{
|
|
195
|
+
label: `Show domains${noDomains ? ' (no domains loaded)' : ''}`,
|
|
196
|
+
disabled: noDomains,
|
|
197
|
+
icon: Visibility,
|
|
198
|
+
checked: actuallyShowDomains ? showDomains : false,
|
|
199
|
+
type: 'checkbox',
|
|
200
|
+
onClick: () => {
|
|
201
|
+
model.setShowDomains(!showDomains);
|
|
202
|
+
},
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
label: `Use sub-row layout${noDomains ? ' (no domains loaded)' : ''}`,
|
|
206
|
+
disabled: noDomains,
|
|
207
|
+
checked: actuallyShowDomains ? subFeatureRows : false,
|
|
208
|
+
icon: Sort,
|
|
209
|
+
type: 'checkbox',
|
|
210
|
+
onClick: () => {
|
|
211
|
+
model.setSubFeatureRows(!subFeatureRows);
|
|
212
|
+
},
|
|
213
|
+
},
|
|
214
|
+
{
|
|
215
|
+
label: `Filter domains${noDomains ? ' (no domains loaded)' : ''}`,
|
|
216
|
+
icon: FilterAlt,
|
|
217
|
+
disabled: noDomains,
|
|
218
|
+
onClick: () => {
|
|
219
|
+
model.queueDialog(onClose => [
|
|
220
|
+
FeatureFilterDialog,
|
|
221
|
+
{
|
|
222
|
+
onClose,
|
|
223
|
+
model,
|
|
224
|
+
},
|
|
225
|
+
]);
|
|
226
|
+
},
|
|
227
|
+
},
|
|
228
|
+
],
|
|
229
|
+
},
|
|
230
|
+
...model.extraViewMenuItems(),
|
|
43
231
|
] },
|
|
44
|
-
React.createElement(
|
|
232
|
+
React.createElement(MoreVert, null)));
|
|
45
233
|
});
|
|
46
234
|
export default HeaderMenu;
|
|
47
235
|
//# sourceMappingURL=HeaderMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderMenu.js","sourceRoot":"","sources":["../../../src/components/header/HeaderMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAEnC,OAAO,mBAAmB,MAAM,sCAAsC,CAAA;AACtE,OAAO,UAAU,MAAM,gCAAgC,CAAA;AACvD,OAAO,UAAU,MAAM,gCAAgC,CAAA;AACvD,OAAO,IAAI,MAAM,0BAA0B,CAAA;AAC3C,OAAO,
|
|
1
|
+
{"version":3,"file":"HeaderMenu.js","sourceRoot":"","sources":["../../../src/components/header/HeaderMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { MenuItem, TextField } from '@mui/material';
|
|
3
3
|
import { observer } from 'mobx-react';
|
|
4
4
|
const MultiAlignmentSelector = observer(function ({ model, }) {
|
|
5
5
|
const { currentAlignment, alignmentNames } = model;
|
|
6
|
-
return alignmentNames.length > 0 ? (React.createElement(
|
|
6
|
+
return alignmentNames.length > 0 ? (React.createElement(TextField, { select: true, variant: "outlined", value: currentAlignment, size: "small", onChange: event => {
|
|
7
7
|
model.setCurrentAlignment(+event.target.value);
|
|
8
8
|
model.setScrollX(0);
|
|
9
9
|
model.setScrollY(0);
|
|
10
|
-
} }, alignmentNames.map((option, index) => (React.createElement(
|
|
10
|
+
} }, alignmentNames.map((option, index) => (React.createElement(MenuItem, { key: `${option}-${index}`, value: index }, option))))) : null;
|
|
11
11
|
});
|
|
12
12
|
export default MultiAlignmentSelector;
|
|
13
13
|
//# sourceMappingURL=MultiAlignmentSelector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiAlignmentSelector.js","sourceRoot":"","sources":["../../../src/components/header/MultiAlignmentSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"MultiAlignmentSelector.js","sourceRoot":"","sources":["../../../src/components/header/MultiAlignmentSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAIrC,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,SAAS,IACR,MAAM,QACN,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,gBAAgB,EACvB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,KAAK,CAAC,EAAE;YAChB,KAAK,CAAC,mBAAmB,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YAC9C,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,oBAAC,QAAQ,IAAC,GAAG,EAAE,GAAG,MAAM,IAAI,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,IAC9C,MAAM,CACE,CACZ,CAAC,CACQ,CACb,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAC,CAAA;AACF,eAAe,sBAAsB,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { MsaViewModel } from '../../model';
|
|
3
|
-
declare const
|
|
3
|
+
declare const SettingsMenu: ({ model }: {
|
|
4
4
|
model: MsaViewModel;
|
|
5
5
|
}) => React.JSX.Element;
|
|
6
|
-
export default
|
|
6
|
+
export default SettingsMenu;
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
import React, { lazy } from 'react';
|
|
2
|
+
import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
|
|
3
|
+
import AccountTreeIcon from '@mui/icons-material/AccountTree';
|
|
4
|
+
import ColorLensIcon from '@mui/icons-material/ColorLens';
|
|
5
|
+
import GridOn from '@mui/icons-material/GridOn';
|
|
6
|
+
import Settings from '@mui/icons-material/Settings';
|
|
7
|
+
import { observer } from 'mobx-react';
|
|
8
|
+
import colorSchemes from '../../colorSchemes';
|
|
9
|
+
// lazies
|
|
10
|
+
const SettingsDialog = lazy(() => import('../dialogs/SettingsDialog'));
|
|
11
|
+
const SettingsMenu = observer(({ model }) => {
|
|
12
|
+
const { drawTree, showBranchLen, labelsAlignRight, drawNodeBubbles, drawLabels, treeWidthMatchesArea, drawMsaLetters, noTree, bgColor, hideGaps, contrastLettering, colorSchemeName, } = model;
|
|
13
|
+
return (React.createElement(CascadingMenuButton, { menuItems: [
|
|
14
|
+
{
|
|
15
|
+
label: 'Tree settings',
|
|
16
|
+
type: 'subMenu',
|
|
17
|
+
icon: AccountTreeIcon,
|
|
18
|
+
subMenu: [
|
|
19
|
+
{
|
|
20
|
+
label: 'Show branch length',
|
|
21
|
+
type: 'checkbox',
|
|
22
|
+
checked: showBranchLen,
|
|
23
|
+
onClick: () => {
|
|
24
|
+
model.setShowBranchLen(!showBranchLen);
|
|
25
|
+
},
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
label: 'Show tree',
|
|
29
|
+
type: 'checkbox',
|
|
30
|
+
checked: drawTree,
|
|
31
|
+
onClick: () => {
|
|
32
|
+
model.setDrawTree(!drawTree);
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
label: 'Draw clickable bubbles on tree branches',
|
|
37
|
+
type: 'checkbox',
|
|
38
|
+
checked: drawNodeBubbles,
|
|
39
|
+
onClick: () => {
|
|
40
|
+
model.setDrawNodeBubbles(!drawNodeBubbles);
|
|
41
|
+
},
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
label: 'Tree labels align right',
|
|
45
|
+
type: 'checkbox',
|
|
46
|
+
checked: labelsAlignRight,
|
|
47
|
+
onClick: () => {
|
|
48
|
+
model.setLabelsAlignRight(!labelsAlignRight);
|
|
49
|
+
},
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
label: 'Draw labels',
|
|
53
|
+
type: 'checkbox',
|
|
54
|
+
checked: drawLabels,
|
|
55
|
+
onClick: () => {
|
|
56
|
+
model.setDrawLabels(!drawLabels);
|
|
57
|
+
},
|
|
58
|
+
},
|
|
59
|
+
...(noTree
|
|
60
|
+
? []
|
|
61
|
+
: [
|
|
62
|
+
{
|
|
63
|
+
label: 'Make tree width fit to tree area',
|
|
64
|
+
type: 'checkbox',
|
|
65
|
+
checked: treeWidthMatchesArea,
|
|
66
|
+
onClick: () => {
|
|
67
|
+
model.setTreeWidthMatchesArea(!treeWidthMatchesArea);
|
|
68
|
+
},
|
|
69
|
+
},
|
|
70
|
+
]),
|
|
71
|
+
],
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
label: 'MSA settings',
|
|
75
|
+
type: 'subMenu',
|
|
76
|
+
icon: GridOn,
|
|
77
|
+
subMenu: [
|
|
78
|
+
{
|
|
79
|
+
label: 'Draw letters',
|
|
80
|
+
type: 'checkbox',
|
|
81
|
+
checked: drawMsaLetters,
|
|
82
|
+
onClick: () => {
|
|
83
|
+
model.setDrawMsaLetters(!drawMsaLetters);
|
|
84
|
+
},
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
label: 'Color background tiles of MSA?',
|
|
88
|
+
type: 'checkbox',
|
|
89
|
+
checked: bgColor,
|
|
90
|
+
onClick: () => {
|
|
91
|
+
model.setBgColor(!bgColor);
|
|
92
|
+
},
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
label: 'Use contrast lettering',
|
|
96
|
+
type: 'checkbox',
|
|
97
|
+
checked: contrastLettering,
|
|
98
|
+
onClick: () => {
|
|
99
|
+
model.setContrastLettering(!contrastLettering);
|
|
100
|
+
},
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
label: 'Enable hiding gappy columns?',
|
|
104
|
+
type: 'checkbox',
|
|
105
|
+
checked: hideGaps,
|
|
106
|
+
onClick: () => {
|
|
107
|
+
model.setHideGaps(!hideGaps);
|
|
108
|
+
},
|
|
109
|
+
},
|
|
110
|
+
],
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
label: 'Color scheme',
|
|
114
|
+
type: 'subMenu',
|
|
115
|
+
icon: ColorLensIcon,
|
|
116
|
+
subMenu: Object.keys(colorSchemes).map(option => ({
|
|
117
|
+
label: option,
|
|
118
|
+
type: 'radio',
|
|
119
|
+
checked: colorSchemeName === option,
|
|
120
|
+
onClick: () => {
|
|
121
|
+
model.setColorSchemeName(option);
|
|
122
|
+
},
|
|
123
|
+
})),
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
label: 'More settings',
|
|
127
|
+
onClick: () => {
|
|
128
|
+
model.queueDialog(onClose => [
|
|
129
|
+
SettingsDialog,
|
|
130
|
+
{
|
|
131
|
+
model,
|
|
132
|
+
onClose,
|
|
133
|
+
},
|
|
134
|
+
]);
|
|
135
|
+
},
|
|
136
|
+
},
|
|
137
|
+
] },
|
|
138
|
+
React.createElement(Settings, null)));
|
|
139
|
+
});
|
|
140
|
+
export default SettingsMenu;
|
|
141
|
+
//# sourceMappingURL=SettingsMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SettingsMenu.js","sourceRoot":"","sources":["../../../src/components/header/SettingsMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import CascadingMenuButton from '@jbrowse/core/ui/CascadingMenuButton';
|
|
3
|
-
import MoreVert from '@mui/icons-material/MoreVert';
|
|
4
|
-
import RestartAlt from '@mui/icons-material/RestartAlt';
|
|
5
2
|
import ZoomIn from '@mui/icons-material/ZoomIn';
|
|
6
3
|
import ZoomOut from '@mui/icons-material/ZoomOut';
|
|
7
4
|
import { IconButton } from '@mui/material';
|
|
8
5
|
import { observer } from 'mobx-react';
|
|
9
|
-
// icons
|
|
10
6
|
const ZoomControls = observer(function ZoomControls({ model, }) {
|
|
11
7
|
return (React.createElement(React.Fragment, null,
|
|
12
8
|
React.createElement(IconButton, { onClick: () => {
|
|
@@ -16,48 +12,7 @@ const ZoomControls = observer(function ZoomControls({ model, }) {
|
|
|
16
12
|
React.createElement(IconButton, { onClick: () => {
|
|
17
13
|
model.zoomOut();
|
|
18
14
|
} },
|
|
19
|
-
React.createElement(ZoomOut, null))
|
|
20
|
-
React.createElement(CascadingMenuButton, { menuItems: [
|
|
21
|
-
{
|
|
22
|
-
label: 'Zoom in horizontal',
|
|
23
|
-
onClick: () => {
|
|
24
|
-
model.zoomInHorizontal();
|
|
25
|
-
},
|
|
26
|
-
},
|
|
27
|
-
{
|
|
28
|
-
label: 'Zoom in vertical',
|
|
29
|
-
onClick: () => {
|
|
30
|
-
model.zoomInVertical();
|
|
31
|
-
},
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
label: 'Zoom out horizontal',
|
|
35
|
-
onClick: () => {
|
|
36
|
-
model.zoomOutHorizontal();
|
|
37
|
-
},
|
|
38
|
-
},
|
|
39
|
-
{
|
|
40
|
-
label: 'Zoom out vertical',
|
|
41
|
-
onClick: () => {
|
|
42
|
-
model.zoomOutVertical();
|
|
43
|
-
},
|
|
44
|
-
},
|
|
45
|
-
{
|
|
46
|
-
label: 'Show entire view',
|
|
47
|
-
onClick: () => {
|
|
48
|
-
model.showEntire();
|
|
49
|
-
},
|
|
50
|
-
},
|
|
51
|
-
{
|
|
52
|
-
label: 'Reset zoom to default',
|
|
53
|
-
icon: RestartAlt,
|
|
54
|
-
onClick: () => {
|
|
55
|
-
model.setColWidth(16);
|
|
56
|
-
model.setRowHeight(20);
|
|
57
|
-
},
|
|
58
|
-
},
|
|
59
|
-
] },
|
|
60
|
-
React.createElement(MoreVert, null))));
|
|
15
|
+
React.createElement(ZoomOut, null))));
|
|
61
16
|
});
|
|
62
17
|
export default ZoomControls;
|
|
63
18
|
//# sourceMappingURL=ZoomControls.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ZoomControls.js","sourceRoot":"","sources":["../../../src/components/header/ZoomControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,
|
|
1
|
+
{"version":3,"file":"ZoomControls.js","sourceRoot":"","sources":["../../../src/components/header/ZoomControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,MAAM,MAAM,4BAA4B,CAAA;AAC/C,OAAO,OAAO,MAAM,6BAA6B,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAIrC,MAAM,YAAY,GAAG,QAAQ,CAAC,SAAS,YAAY,CAAC,EAClD,KAAK,GAGN;IACC,OAAO,CACL;QACE,oBAAC,UAAU,IACT,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,MAAM,EAAE,CAAA;YAChB,CAAC;YAED,oBAAC,MAAM,OAAG,CACC;QACb,oBAAC,UAAU,IACT,OAAO,EAAE,GAAG,EAAE;gBACZ,KAAK,CAAC,OAAO,EAAE,CAAA;YACjB,CAAC;YAED,oBAAC,OAAO,OAAG,CACA,CACZ,CACJ,CAAA;AACH,CAAC,CAAC,CAAA;AACF,eAAe,YAAY,CAAA"}
|