@jbrowse/plugin-wiggle 2.1.0 → 2.1.3
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/dist/BigWigAdapter/BigWigAdapter.js +74 -200
- package/dist/BigWigAdapter/BigWigAdapter.js.map +1 -1
- package/dist/BigWigAdapter/configSchema.js +1 -1
- package/dist/BigWigAdapter/configSchema.js.map +1 -1
- package/dist/BigWigAdapter/index.js +14 -16
- package/dist/BigWigAdapter/index.js.map +1 -1
- package/dist/CreateMultiWiggleExtension/ConfirmDialog.js +12 -29
- package/dist/CreateMultiWiggleExtension/ConfirmDialog.js.map +1 -1
- package/dist/CreateMultiWiggleExtension/index.js +23 -57
- package/dist/CreateMultiWiggleExtension/index.js.map +1 -1
- package/dist/DensityRenderer/DensityRenderer.js +6 -66
- package/dist/DensityRenderer/DensityRenderer.js.map +1 -1
- package/dist/DensityRenderer/configSchema.js +3 -3
- package/dist/DensityRenderer/configSchema.js.map +1 -1
- package/dist/DensityRenderer/index.js +11 -13
- package/dist/DensityRenderer/index.js.map +1 -1
- package/dist/LinePlotRenderer/LinePlotRenderer.js +11 -78
- package/dist/LinePlotRenderer/LinePlotRenderer.js.map +1 -1
- package/dist/LinePlotRenderer/configSchema.js +3 -3
- package/dist/LinePlotRenderer/configSchema.js.map +1 -1
- package/dist/LinePlotRenderer/index.js +11 -13
- package/dist/LinePlotRenderer/index.js.map +1 -1
- package/dist/LinearWiggleDisplay/components/SetColorDialog.js +18 -35
- package/dist/LinearWiggleDisplay/components/SetColorDialog.js.map +1 -1
- package/dist/LinearWiggleDisplay/components/SetMinMaxDialog.js +16 -32
- package/dist/LinearWiggleDisplay/components/SetMinMaxDialog.js.map +1 -1
- package/dist/LinearWiggleDisplay/components/Tooltip.js +15 -26
- package/dist/LinearWiggleDisplay/components/Tooltip.js.map +1 -1
- package/dist/LinearWiggleDisplay/components/WiggleDisplayComponent.js +15 -26
- package/dist/LinearWiggleDisplay/components/WiggleDisplayComponent.js.map +1 -1
- package/dist/LinearWiggleDisplay/components/YScaleBar.js +6 -18
- package/dist/LinearWiggleDisplay/components/YScaleBar.js.map +1 -1
- package/dist/LinearWiggleDisplay/index.js +12 -12
- package/dist/LinearWiggleDisplay/index.js.map +1 -1
- package/dist/LinearWiggleDisplay/models/configSchema.js +6 -6
- package/dist/LinearWiggleDisplay/models/configSchema.js.map +1 -1
- package/dist/LinearWiggleDisplay/models/model.js +378 -451
- package/dist/LinearWiggleDisplay/models/model.js.map +1 -1
- package/dist/MultiDensityRenderer/MultiDensityRenderer.js +32 -125
- package/dist/MultiDensityRenderer/MultiDensityRenderer.js.map +1 -1
- package/dist/MultiDensityRenderer/configSchema.js +3 -3
- package/dist/MultiDensityRenderer/configSchema.js.map +1 -1
- package/dist/MultiDensityRenderer/index.js +11 -13
- package/dist/MultiDensityRenderer/index.js.map +1 -1
- package/dist/MultiLineRenderer/MultiLineRenderer.js +21 -114
- package/dist/MultiLineRenderer/MultiLineRenderer.js.map +1 -1
- package/dist/MultiLineRenderer/configSchema.js +4 -4
- package/dist/MultiLineRenderer/configSchema.js.map +1 -1
- package/dist/MultiLineRenderer/index.js +11 -13
- package/dist/MultiLineRenderer/index.js.map +1 -1
- package/dist/MultiLinearWiggleDisplay/components/SetColorDialog.js +72 -120
- package/dist/MultiLinearWiggleDisplay/components/SetColorDialog.js.map +1 -1
- package/dist/MultiLinearWiggleDisplay/components/SetMinMaxDialog.js +16 -32
- package/dist/MultiLinearWiggleDisplay/components/SetMinMaxDialog.js.map +1 -1
- package/dist/MultiLinearWiggleDisplay/components/Tooltip.js +21 -50
- package/dist/MultiLinearWiggleDisplay/components/Tooltip.js.map +1 -1
- package/dist/MultiLinearWiggleDisplay/components/WiggleDisplayComponent.d.ts +2 -2
- package/dist/MultiLinearWiggleDisplay/components/WiggleDisplayComponent.js +53 -92
- package/dist/MultiLinearWiggleDisplay/components/WiggleDisplayComponent.js.map +1 -1
- package/dist/MultiLinearWiggleDisplay/components/YScaleBar.js +6 -18
- package/dist/MultiLinearWiggleDisplay/components/YScaleBar.js.map +1 -1
- package/dist/MultiLinearWiggleDisplay/components/util.js +16 -18
- package/dist/MultiLinearWiggleDisplay/components/util.js.map +1 -1
- package/dist/MultiLinearWiggleDisplay/index.js +9 -9
- package/dist/MultiLinearWiggleDisplay/index.js.map +1 -1
- package/dist/MultiLinearWiggleDisplay/models/configSchema.js +8 -8
- package/dist/MultiLinearWiggleDisplay/models/configSchema.js.map +1 -1
- package/dist/MultiLinearWiggleDisplay/models/model.js +489 -566
- package/dist/MultiLinearWiggleDisplay/models/model.js.map +1 -1
- package/dist/MultiQuantitativeTrack/index.js +8 -8
- package/dist/MultiQuantitativeTrack/index.js.map +1 -1
- package/dist/MultiRowLineRenderer/MultiRowLineRenderer.js +29 -121
- package/dist/MultiRowLineRenderer/MultiRowLineRenderer.js.map +1 -1
- package/dist/MultiRowLineRenderer/configSchema.js +4 -4
- package/dist/MultiRowLineRenderer/configSchema.js.map +1 -1
- package/dist/MultiRowLineRenderer/index.js +11 -13
- package/dist/MultiRowLineRenderer/index.js.map +1 -1
- package/dist/MultiRowXYPlotRenderer/MultiRowXYPlotRenderer.js +35 -131
- package/dist/MultiRowXYPlotRenderer/MultiRowXYPlotRenderer.js.map +1 -1
- package/dist/MultiRowXYPlotRenderer/configSchema.js +4 -4
- package/dist/MultiRowXYPlotRenderer/configSchema.js.map +1 -1
- package/dist/MultiRowXYPlotRenderer/index.js +11 -13
- package/dist/MultiRowXYPlotRenderer/index.js.map +1 -1
- package/dist/MultiWiggleAdapter/MultiWiggleAdapter.d.ts +1 -0
- package/dist/MultiWiggleAdapter/MultiWiggleAdapter.js +80 -232
- package/dist/MultiWiggleAdapter/MultiWiggleAdapter.js.map +1 -1
- package/dist/MultiWiggleAdapter/configSchema.js +1 -1
- package/dist/MultiWiggleAdapter/configSchema.js.map +1 -1
- package/dist/MultiWiggleAdapter/index.js +14 -18
- package/dist/MultiWiggleAdapter/index.js.map +1 -1
- package/dist/MultiWiggleAddTrackWidget/AddTrackWorkflow.js +30 -56
- package/dist/MultiWiggleAddTrackWidget/AddTrackWorkflow.js.map +1 -1
- package/dist/MultiWiggleAddTrackWidget/index.js +10 -12
- package/dist/MultiWiggleAddTrackWidget/index.js.map +1 -1
- package/dist/MultiWiggleRendering.js +45 -109
- package/dist/MultiWiggleRendering.js.map +1 -1
- package/dist/MultiXYPlotRenderer/MultiXYPlotRenderer.js +24 -120
- package/dist/MultiXYPlotRenderer/MultiXYPlotRenderer.js.map +1 -1
- package/dist/MultiXYPlotRenderer/configSchema.js +4 -4
- package/dist/MultiXYPlotRenderer/configSchema.js.map +1 -1
- package/dist/MultiXYPlotRenderer/index.js +11 -13
- package/dist/MultiXYPlotRenderer/index.js.map +1 -1
- package/dist/QuantitativeTrack/index.js +8 -8
- package/dist/QuantitativeTrack/index.js.map +1 -1
- package/dist/Tooltip.js +26 -54
- package/dist/Tooltip.js.map +1 -1
- package/dist/WiggleBaseRenderer.d.ts +6 -6
- package/dist/WiggleBaseRenderer.js +34 -125
- package/dist/WiggleBaseRenderer.js.map +1 -1
- package/dist/WiggleRPC/rpcMethods.d.ts +2 -2
- package/dist/WiggleRPC/rpcMethods.js +101 -244
- package/dist/WiggleRPC/rpcMethods.js.map +1 -1
- package/dist/WiggleRendering.js +20 -69
- package/dist/WiggleRendering.js.map +1 -1
- package/dist/XYPlotRenderer/XYPlotRenderer.js +24 -121
- package/dist/XYPlotRenderer/XYPlotRenderer.js.map +1 -1
- package/dist/XYPlotRenderer/configSchema.js +4 -4
- package/dist/XYPlotRenderer/configSchema.js.map +1 -1
- package/dist/XYPlotRenderer/index.js +11 -13
- package/dist/XYPlotRenderer/index.js.map +1 -1
- package/dist/configSchema.js +2 -2
- package/dist/configSchema.js.map +1 -1
- package/dist/drawxy.js +192 -311
- package/dist/drawxy.js.map +1 -1
- package/dist/index.js +44 -62
- package/dist/index.js.map +1 -1
- package/dist/util.js +105 -168
- package/dist/util.js.map +1 -1
- package/esm/MultiWiggleAdapter/MultiWiggleAdapter.d.ts +1 -0
- package/esm/MultiWiggleAdapter/MultiWiggleAdapter.js +5 -3
- package/esm/MultiWiggleAdapter/MultiWiggleAdapter.js.map +1 -1
- package/esm/WiggleBaseRenderer.d.ts +6 -6
- package/esm/WiggleBaseRenderer.js +4 -3
- package/esm/WiggleBaseRenderer.js.map +1 -1
- package/esm/WiggleRPC/rpcMethods.d.ts +2 -2
- package/esm/WiggleRPC/rpcMethods.js.map +1 -1
- package/package.json +2 -3
- package/src/MultiWiggleAdapter/MultiWiggleAdapter.ts +7 -3
- package/src/WiggleBaseRenderer.tsx +4 -3
- package/src/WiggleRPC/rpcMethods.ts +8 -2
- package/src/declare.d.ts +0 -2
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
3
|
if (k2 === undefined) k2 = k;
|
|
15
4
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -33,64 +22,28 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
33
22
|
__setModuleDefault(result, mod);
|
|
34
23
|
return result;
|
|
35
24
|
};
|
|
36
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
37
|
-
var t = {};
|
|
38
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
39
|
-
t[p] = s[p];
|
|
40
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
41
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
42
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
43
|
-
t[p[i]] = s[p[i]];
|
|
44
|
-
}
|
|
45
|
-
return t;
|
|
46
|
-
};
|
|
47
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
48
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
49
|
-
if (!m) return o;
|
|
50
|
-
var i = m.call(o), r, ar = [], e;
|
|
51
|
-
try {
|
|
52
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
53
|
-
}
|
|
54
|
-
catch (error) { e = { error: error }; }
|
|
55
|
-
finally {
|
|
56
|
-
try {
|
|
57
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
58
|
-
}
|
|
59
|
-
finally { if (e) throw e.error; }
|
|
60
|
-
}
|
|
61
|
-
return ar;
|
|
62
|
-
};
|
|
63
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
64
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
65
|
-
if (ar || !(i in from)) {
|
|
66
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
67
|
-
ar[i] = from[i];
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
71
|
-
};
|
|
72
25
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
73
26
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
74
27
|
};
|
|
75
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
29
|
+
const react_1 = __importStar(require("react"));
|
|
30
|
+
const material_1 = require("@mui/material");
|
|
31
|
+
const mui_1 = require("tss-react/mui");
|
|
32
|
+
const util_1 = require("@jbrowse/core/util");
|
|
33
|
+
const x_data_grid_1 = require("@mui/x-data-grid");
|
|
34
|
+
const react_draggable_1 = __importDefault(require("react-draggable"));
|
|
35
|
+
const clone_1 = __importDefault(require("clone"));
|
|
83
36
|
// locals
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
37
|
+
const ColorPicker_1 = __importStar(require("@jbrowse/core/ui/ColorPicker"));
|
|
38
|
+
const BaseFeatureDetail_1 = require("@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail");
|
|
39
|
+
const util_2 = require("./util");
|
|
87
40
|
// icons
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
41
|
+
const Close_1 = __importDefault(require("@mui/icons-material/Close"));
|
|
42
|
+
const KeyboardDoubleArrowUp_1 = __importDefault(require("@mui/icons-material/KeyboardDoubleArrowUp"));
|
|
43
|
+
const KeyboardDoubleArrowDown_1 = __importDefault(require("@mui/icons-material/KeyboardDoubleArrowDown"));
|
|
44
|
+
const KeyboardArrowDown_1 = __importDefault(require("@mui/icons-material/KeyboardArrowDown"));
|
|
45
|
+
const KeyboardArrowUp_1 = __importDefault(require("@mui/icons-material/KeyboardArrowUp"));
|
|
46
|
+
const useStyles = (0, mui_1.makeStyles)()(theme => ({
|
|
94
47
|
closeButton: {
|
|
95
48
|
position: 'absolute',
|
|
96
49
|
right: theme.spacing(1),
|
|
@@ -100,19 +53,18 @@ var useStyles = (0, mui_1.makeStyles)()(function (theme) { return ({
|
|
|
100
53
|
content: {
|
|
101
54
|
minWidth: 800,
|
|
102
55
|
},
|
|
103
|
-
})
|
|
56
|
+
}));
|
|
104
57
|
// draggable dialog demo https://mui.com/material-ui/react-dialog/#draggable-dialog
|
|
105
58
|
function PaperComponent(props) {
|
|
106
59
|
return (react_1.default.createElement(react_draggable_1.default, { handle: "#draggable-dialog-title", cancel: '[class*="MuiDialogContent-root"]' },
|
|
107
|
-
react_1.default.createElement(material_1.Paper,
|
|
60
|
+
react_1.default.createElement(material_1.Paper, { ...props })));
|
|
108
61
|
}
|
|
109
|
-
function SetColorDialog(
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
var showTips = showTipsTmp === 'true';
|
|
62
|
+
function SetColorDialog({ model, handleClose, }) {
|
|
63
|
+
const { classes } = useStyles();
|
|
64
|
+
const { sources } = model;
|
|
65
|
+
const [currLayout, setCurrLayout] = (0, react_1.useState)((0, clone_1.default)(sources || []));
|
|
66
|
+
const [showTipsTmp, setShowTips] = (0, util_1.useLocalStorage)('multiwiggle-showTips', 'true');
|
|
67
|
+
const showTips = showTipsTmp === 'true';
|
|
116
68
|
return (react_1.default.createElement(material_1.Dialog, { PaperComponent: PaperComponent, open: true, onClose: handleClose, maxWidth: "xl", "aria-labelledby": "draggable-dialog-title" // this area is important for the draggable functionality
|
|
117
69
|
},
|
|
118
70
|
react_1.default.createElement(material_1.DialogTitle, { style: { cursor: 'move' }, id: "draggable-dialog-title" },
|
|
@@ -121,7 +73,7 @@ function SetColorDialog(_a) {
|
|
|
121
73
|
react_1.default.createElement(material_1.IconButton, { className: classes.closeButton, onClick: handleClose },
|
|
122
74
|
react_1.default.createElement(Close_1.default, null))),
|
|
123
75
|
react_1.default.createElement(material_1.DialogContent, { className: classes.content },
|
|
124
|
-
react_1.default.createElement(material_1.Button, { variant: "contained", style: { float: 'right' }, onClick:
|
|
76
|
+
react_1.default.createElement(material_1.Button, { variant: "contained", style: { float: 'right' }, onClick: () => setShowTips(showTips ? 'false' : 'true') }, showTips ? 'Hide tips' : 'Show tips'),
|
|
125
77
|
react_1.default.createElement("br", null),
|
|
126
78
|
showTips ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
127
79
|
"Helpful tips",
|
|
@@ -135,39 +87,38 @@ function SetColorDialog(_a) {
|
|
|
135
87
|
react_1.default.createElement("li", null, "Columns in the table can be hidden using a vertical '...' menu on the right side of each column")))) : null,
|
|
136
88
|
react_1.default.createElement(SourcesGrid, { rows: currLayout, onChange: setCurrLayout, showTips: showTips })),
|
|
137
89
|
react_1.default.createElement(material_1.DialogActions, null,
|
|
138
|
-
react_1.default.createElement(material_1.Button, { variant: "contained", type: "submit", color: "inherit", onClick:
|
|
90
|
+
react_1.default.createElement(material_1.Button, { variant: "contained", type: "submit", color: "inherit", onClick: () => {
|
|
139
91
|
model.clearLayout();
|
|
140
92
|
setCurrLayout(model.sources);
|
|
141
93
|
} }, "Clear custom settings"),
|
|
142
|
-
react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick:
|
|
94
|
+
react_1.default.createElement(material_1.Button, { variant: "contained", color: "secondary", onClick: () => {
|
|
143
95
|
handleClose();
|
|
144
|
-
setCurrLayout(
|
|
96
|
+
setCurrLayout([...model.sources]);
|
|
145
97
|
} }, "Cancel"),
|
|
146
|
-
react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", type: "submit", onClick:
|
|
98
|
+
react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", type: "submit", onClick: () => {
|
|
147
99
|
model.setLayout(currLayout);
|
|
148
100
|
handleClose();
|
|
149
101
|
} }, "Submit"))));
|
|
150
102
|
}
|
|
151
103
|
exports.default = SetColorDialog;
|
|
152
|
-
function SourcesGrid(
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
var _c = __read((0, react_1.useState)([]), 2), selected = _c[0], setSelected = _c[1];
|
|
104
|
+
function SourcesGrid({ rows, onChange, showTips, }) {
|
|
105
|
+
const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
|
|
106
|
+
const [selected, setSelected] = (0, react_1.useState)([]);
|
|
156
107
|
// @ts-ignore
|
|
157
|
-
|
|
108
|
+
const { name: _name, color: _color, baseUri: _baseUri, ...rest } = rows[0];
|
|
158
109
|
// similar to BaseFeatureDetail data-grid for auto-measuring columns
|
|
159
|
-
|
|
110
|
+
const columns = [
|
|
160
111
|
{
|
|
161
112
|
field: 'color',
|
|
162
113
|
headerName: 'Color',
|
|
163
|
-
renderCell:
|
|
164
|
-
|
|
165
|
-
return (react_1.default.createElement(ColorPicker_1.default, { color: value || 'blue', onChange:
|
|
166
|
-
|
|
114
|
+
renderCell: (params) => {
|
|
115
|
+
const { value, id } = params;
|
|
116
|
+
return (react_1.default.createElement(ColorPicker_1.default, { color: value || 'blue', onChange: c => {
|
|
117
|
+
const elt = rows.find(f => f.name === id);
|
|
167
118
|
if (elt) {
|
|
168
119
|
elt.color = c;
|
|
169
120
|
}
|
|
170
|
-
onChange(
|
|
121
|
+
onChange([...rows]);
|
|
171
122
|
} }));
|
|
172
123
|
},
|
|
173
124
|
},
|
|
@@ -175,60 +126,61 @@ function SourcesGrid(_a) {
|
|
|
175
126
|
field: 'name',
|
|
176
127
|
sortingOrder: [null],
|
|
177
128
|
headerName: 'Name',
|
|
178
|
-
width: (0, util_1.measureGridWidth)(rows.map(
|
|
179
|
-
}
|
|
180
|
-
], __read(Object.keys(rest).map(function (val) { return ({
|
|
181
|
-
field: val,
|
|
182
|
-
sortingOrder: [null],
|
|
183
|
-
renderCell: function (params) {
|
|
184
|
-
var value = params.value;
|
|
185
|
-
return (0, util_1.isUriLocation)(value) ? react_1.default.createElement(BaseFeatureDetail_1.UriLink, { value: value }) : (0, util_1.getStr)(value);
|
|
129
|
+
width: (0, util_1.measureGridWidth)(rows.map(r => r.name)),
|
|
186
130
|
},
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
131
|
+
...Object.keys(rest).map(val => ({
|
|
132
|
+
field: val,
|
|
133
|
+
sortingOrder: [null],
|
|
134
|
+
renderCell: (params) => {
|
|
135
|
+
const { value } = params;
|
|
136
|
+
return (0, util_1.isUriLocation)(value) ? react_1.default.createElement(BaseFeatureDetail_1.UriLink, { value: value }) : (0, util_1.getStr)(value);
|
|
137
|
+
},
|
|
138
|
+
// @ts-ignore
|
|
139
|
+
width: (0, util_1.measureGridWidth)(rows.map(r => r[val])),
|
|
140
|
+
})),
|
|
141
|
+
];
|
|
190
142
|
// this helps keep track of the selection, even though it is not used
|
|
191
143
|
// anywhere except inside the picker
|
|
192
|
-
|
|
193
|
-
|
|
144
|
+
const [widgetColor, setWidgetColor] = (0, react_1.useState)('blue');
|
|
145
|
+
const [currSort, setCurrSort] = (0, react_1.useState)({ idx: 0, field: null });
|
|
194
146
|
return (react_1.default.createElement("div", null,
|
|
195
|
-
react_1.default.createElement(material_1.Button, { disabled: !selected.length, onClick:
|
|
196
|
-
react_1.default.createElement(material_1.Button, { onClick:
|
|
147
|
+
react_1.default.createElement(material_1.Button, { disabled: !selected.length, onClick: event => setAnchorEl(event.currentTarget) }, "Change color of selected items"),
|
|
148
|
+
react_1.default.createElement(material_1.Button, { onClick: () => onChange((0, util_2.moveUp)([...rows], selected)), disabled: !selected.length },
|
|
197
149
|
react_1.default.createElement(KeyboardArrowUp_1.default, null),
|
|
198
150
|
showTips ? 'Move selected items up' : null),
|
|
199
|
-
react_1.default.createElement(material_1.Button, { onClick:
|
|
151
|
+
react_1.default.createElement(material_1.Button, { onClick: () => onChange((0, util_2.moveDown)([...rows], selected)), disabled: !selected.length },
|
|
200
152
|
react_1.default.createElement(KeyboardArrowDown_1.default, null),
|
|
201
153
|
showTips ? 'Move selected items down' : null),
|
|
202
|
-
react_1.default.createElement(material_1.Button, { onClick:
|
|
154
|
+
react_1.default.createElement(material_1.Button, { onClick: () => onChange((0, util_2.moveUp)([...rows], selected, rows.length)), disabled: !selected.length },
|
|
203
155
|
react_1.default.createElement(KeyboardDoubleArrowUp_1.default, null),
|
|
204
156
|
showTips ? 'Move selected items to top' : null),
|
|
205
|
-
react_1.default.createElement(material_1.Button, { onClick:
|
|
157
|
+
react_1.default.createElement(material_1.Button, { onClick: () => onChange((0, util_2.moveDown)([...rows], selected, rows.length)), disabled: !selected.length },
|
|
206
158
|
react_1.default.createElement(KeyboardDoubleArrowDown_1.default, null),
|
|
207
159
|
showTips ? 'Move selected items to bottom' : null),
|
|
208
|
-
react_1.default.createElement(ColorPicker_1.ColorPopover, { anchorEl: anchorEl, color: widgetColor, onChange:
|
|
160
|
+
react_1.default.createElement(ColorPicker_1.ColorPopover, { anchorEl: anchorEl, color: widgetColor, onChange: c => {
|
|
209
161
|
setWidgetColor(c);
|
|
210
|
-
selected.forEach(
|
|
211
|
-
|
|
162
|
+
selected.forEach(id => {
|
|
163
|
+
const elt = rows.find(f => f.name === id);
|
|
212
164
|
if (elt) {
|
|
213
165
|
elt.color = c;
|
|
214
166
|
}
|
|
215
167
|
});
|
|
216
|
-
onChange(
|
|
217
|
-
}, onClose:
|
|
168
|
+
onChange([...rows]);
|
|
169
|
+
}, onClose: () => setAnchorEl(null) }),
|
|
218
170
|
react_1.default.createElement("div", { style: { height: 400, width: '100%' } },
|
|
219
|
-
react_1.default.createElement(x_data_grid_1.DataGrid, { getRowId:
|
|
171
|
+
react_1.default.createElement(x_data_grid_1.DataGrid, { getRowId: row => row.name, checkboxSelection: true, disableSelectionOnClick: true, onSelectionModelChange: arg => setSelected(arg), rows: rows, rowHeight: 25, headerHeight: 33, columns: columns, sortModel: [
|
|
220
172
|
/* we control the sort as a controlled component using onSortModelChange */
|
|
221
|
-
], onSortModelChange:
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
setCurrSort({ idx
|
|
173
|
+
], onSortModelChange: args => {
|
|
174
|
+
const sort = args[0];
|
|
175
|
+
const idx = (currSort.idx + 1) % 2;
|
|
176
|
+
const field = (sort === null || sort === void 0 ? void 0 : sort.field) || currSort.field;
|
|
177
|
+
setCurrSort({ idx, field });
|
|
226
178
|
onChange(field
|
|
227
|
-
?
|
|
179
|
+
? [...rows].sort((a, b) => {
|
|
228
180
|
// @ts-ignore
|
|
229
|
-
|
|
181
|
+
const aa = (0, util_1.getStr)(a[field]);
|
|
230
182
|
// @ts-ignore
|
|
231
|
-
|
|
183
|
+
const bb = (0, util_1.getStr)(b[field]);
|
|
232
184
|
return idx === 1
|
|
233
185
|
? aa.localeCompare(bb)
|
|
234
186
|
: bb.localeCompare(aa);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SetColorDialog.js","sourceRoot":"","sources":["../../../src/MultiLinearWiggleDisplay/components/SetColorDialog.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SetColorDialog.js","sourceRoot":"","sources":["../../../src/MultiLinearWiggleDisplay/components/SetColorDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4CASsB;AACtB,uCAA0C;AAC1C,6CAK2B;AAC3B,kDAA2D;AAC3D,sEAAuC;AACvC,kDAAyB;AAEzB,SAAS;AACT,4EAAwE;AACxE,yFAA2E;AAC3E,iCAAyC;AAGzC,QAAQ;AACR,sEAAiD;AACjD,sGAAiF;AACjF,0GAAqF;AACrF,8FAAyE;AACzE,0FAAqE;AAErE,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACvC,WAAW,EAAE;QACX,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACvB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACrB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;KAC/B;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,GAAG;KACd;CACF,CAAC,CAAC,CAAA;AAEH,mFAAmF;AACnF,SAAS,cAAc,CAAC,KAAiB;IACvC,OAAO,CACL,8BAAC,yBAAS,IACR,MAAM,EAAC,yBAAyB,EAChC,MAAM,EAAE,kCAAkC;QAE1C,8BAAC,gBAAK,OAAK,KAAK,GAAI,CACV,CACb,CAAA;AACH,CAAC;AACD,SAAwB,cAAc,CAAC,EACrC,KAAK,EACL,WAAW,GAQZ;IACC,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IACzB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAA,eAAK,EAAC,OAAO,IAAI,EAAE,CAAC,CAAC,CAAA;IAClE,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG,IAAA,sBAAe,EAChD,sBAAsB,EACtB,MAAM,CACP,CAAA;IACD,MAAM,QAAQ,GAAG,WAAW,KAAK,MAAM,CAAA;IACvC,OAAO,CACL,8BAAC,iBAAM,IACL,cAAc,EAAE,cAAc,EAC9B,IAAI,QACJ,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAC,IAAI,qBACG,wBAAwB,CAAC,yDAAyD;;QAElG,8BAAC,sBAAW,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,EAAC,wBAAwB;;YAC3B,GAAG;YACzC,8BAAC,qBAAU,IAAC,SAAS,EAAE,OAAO,CAAC,WAAW,EAAE,OAAO,EAAE,WAAW;gBAC9D,8BAAC,eAAS,OAAG,CACF,CACD;QACd,8BAAC,wBAAa,IAAC,SAAS,EAAE,OAAO,CAAC,OAAO;YACvC,8BAAC,iBAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,IAEtD,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAC9B;YACT,yCAAM;YACL,QAAQ,CAAC,CAAC,CAAC,CACV;;gBAEE;oBACE,iGAA6D;oBAC7D,uGAEK;oBACL,yGAEK;oBACL,uGAEK;oBACL,oFAAgD;oBAChD,2GAEK;oBACL,4IAGK,CACF,CACJ,CACJ,CAAC,CAAC,CAAC,IAAI;YACR,8BAAC,WAAW,IACV,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,QAAQ,GAClB,CACY;QAChB,8BAAC,wBAAa;YACZ,8BAAC,iBAAM,IACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,WAAW,EAAE,CAAA;oBACnB,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;gBAC9B,CAAC,4BAGM;YACT,8BAAC,iBAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,GAAG,EAAE;oBACZ,WAAW,EAAE,CAAA;oBACb,aAAa,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAA;gBACnC,CAAC,aAGM;YACT,8BAAC,iBAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;oBACZ,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAA;oBAC3B,WAAW,EAAE,CAAA;gBACf,CAAC,aAGM,CACK,CACT,CACV,CAAA;AACH,CAAC;AA7GD,iCA6GC;AAED,SAAS,WAAW,CAAC,EACnB,IAAI,EACJ,QAAQ,EACR,QAAQ,GAKT;IACC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAA;IAClE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAc,CAAC,CAAA;IAExD,aAAa;IACb,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,CAAA;IAE1E,oEAAoE;IACpE,MAAM,OAAO,GAAG;QACd;YACE,KAAK,EAAE,OAAO;YACd,UAAU,EAAE,OAAO;YACnB,UAAU,EAAE,CAAC,MAAsB,EAAE,EAAE;gBACrC,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,MAAM,CAAA;gBAC5B,OAAO,CACL,8BAAC,qBAAW,IACV,KAAK,EAAE,KAAK,IAAI,MAAM,EACtB,QAAQ,EAAE,CAAC,CAAC,EAAE;wBACZ,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,CAAA;wBACzC,IAAI,GAAG,EAAE;4BACP,GAAG,CAAC,KAAK,GAAG,CAAC,CAAA;yBACd;wBACD,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAA;oBACrB,CAAC,GACD,CACH,CAAA;YACH,CAAC;SACF;QACD;YACE,KAAK,EAAE,MAAM;YACb,YAAY,EAAE,CAAC,IAAI,CAAC;YACpB,UAAU,EAAE,MAAM;YAClB,KAAK,EAAE,IAAA,uBAAgB,EAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;SAC/C;QACD,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YAC/B,KAAK,EAAE,GAAG;YACV,YAAY,EAAE,CAAC,IAAI,CAAC;YACpB,UAAU,EAAE,CAAC,MAAsB,EAAE,EAAE;gBACrC,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;gBACxB,OAAO,IAAA,oBAAa,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,8BAAC,2BAAO,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAA,aAAM,EAAC,KAAK,CAAC,CAAA;YACzE,CAAC;YACD,aAAa;YACb,KAAK,EAAE,IAAA,uBAAgB,EAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;SAC/C,CAAC,CAAC;KACJ,CAAA;IAED,qEAAqE;IACrE,oCAAoC;IACpC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAM,CAAC,CAAA;IACtD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAGrC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAA;IAE3B,OAAO,CACL;QACE,8BAAC,iBAAM,IACL,QAAQ,EAAE,CAAC,QAAQ,CAAC,MAAM,EAC1B,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,qCAG3C;QACT,8BAAC,iBAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAA,aAAM,EAAC,CAAC,GAAG,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC,EACpD,QAAQ,EAAE,CAAC,QAAQ,CAAC,MAAM;YAE1B,8BAAC,yBAAmB,OAAG;YACtB,QAAQ,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,IAAI,CACpC;QACT,8BAAC,iBAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAA,eAAQ,EAAC,CAAC,GAAG,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC,EACtD,QAAQ,EAAE,CAAC,QAAQ,CAAC,MAAM;YAE1B,8BAAC,2BAAqB,OAAG;YACxB,QAAQ,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,IAAI,CACtC;QACT,8BAAC,iBAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAA,aAAM,EAAC,CAAC,GAAG,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,EACjE,QAAQ,EAAE,CAAC,QAAQ,CAAC,MAAM;YAE1B,8BAAC,+BAAyB,OAAG;YAC5B,QAAQ,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,IAAI,CACxC;QACT,8BAAC,iBAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAA,eAAQ,EAAC,CAAC,GAAG,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,EACnE,QAAQ,EAAE,CAAC,QAAQ,CAAC,MAAM;YAE1B,8BAAC,iCAA2B,OAAG;YAC9B,QAAQ,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,IAAI,CAC3C;QACT,8BAAC,0BAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE;gBACZ,cAAc,CAAC,CAAC,CAAC,CAAA;gBACjB,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;oBACpB,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,CAAA;oBACzC,IAAI,GAAG,EAAE;wBACP,GAAG,CAAC,KAAK,GAAG,CAAC,CAAA;qBACd;gBACH,CAAC,CAAC,CAAA;gBAEF,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAA;YACrB,CAAC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,GAChC;QACF,uCAAK,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE;YACxC,8BAAC,sBAAQ,IACP,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,EACzB,iBAAiB,QACjB,uBAAuB,QACvB,sBAAsB,EAAE,GAAG,CAAC,EAAE,CAAC,WAAW,CAAC,GAAe,CAAC,EAC3D,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,EACb,YAAY,EAAE,EAAE,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EACP;gBACE,2EAA2E;iBAC5E,EAEH,iBAAiB,EAAE,IAAI,CAAC,EAAE;oBACxB,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,CAAA;oBACpB,MAAM,GAAG,GAAG,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;oBAClC,MAAM,KAAK,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,KAAI,QAAQ,CAAC,KAAK,CAAA;oBAC3C,WAAW,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAA;oBAC3B,QAAQ,CACN,KAAK;wBACH,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;4BACtB,aAAa;4BACb,MAAM,EAAE,GAAG,IAAA,aAAM,EAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAA;4BAC3B,aAAa;4BACb,MAAM,EAAE,GAAG,IAAA,aAAM,EAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAA;4BAC3B,OAAO,GAAG,KAAK,CAAC;gCACd,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC;gCACtB,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,CAAA;wBAC1B,CAAC,CAAC;wBACJ,CAAC,CAAC,IAAI,CACT,CAAA;gBACH,CAAC,GACD,CACE,CACF,CACP,CAAA;AACH,CAAC"}
|
|
@@ -22,31 +22,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
22
22
|
__setModuleDefault(result, mod);
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
26
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
27
|
-
if (!m) return o;
|
|
28
|
-
var i = m.call(o), r, ar = [], e;
|
|
29
|
-
try {
|
|
30
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
31
|
-
}
|
|
32
|
-
catch (error) { e = { error: error }; }
|
|
33
|
-
finally {
|
|
34
|
-
try {
|
|
35
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
36
|
-
}
|
|
37
|
-
finally { if (e) throw e.error; }
|
|
38
|
-
}
|
|
39
|
-
return ar;
|
|
40
|
-
};
|
|
41
25
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
42
26
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
43
27
|
};
|
|
44
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
29
|
+
const react_1 = __importStar(require("react"));
|
|
30
|
+
const material_1 = require("@mui/material");
|
|
31
|
+
const mui_1 = require("tss-react/mui");
|
|
32
|
+
const Close_1 = __importDefault(require("@mui/icons-material/Close"));
|
|
33
|
+
const useStyles = (0, mui_1.makeStyles)()(theme => ({
|
|
50
34
|
root: {},
|
|
51
35
|
closeButton: {
|
|
52
36
|
position: 'absolute',
|
|
@@ -54,17 +38,17 @@ var useStyles = (0, mui_1.makeStyles)()(function (theme) { return ({
|
|
|
54
38
|
top: theme.spacing(1),
|
|
55
39
|
color: theme.palette.grey[500],
|
|
56
40
|
},
|
|
57
|
-
})
|
|
41
|
+
}));
|
|
58
42
|
function SetMinMaxDlg(props) {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
43
|
+
const { classes } = useStyles();
|
|
44
|
+
const { model, handleClose } = props;
|
|
45
|
+
const { minScore, maxScore, scaleType } = model;
|
|
46
|
+
const [min, setMin] = (0, react_1.useState)(`${minScore !== Number.MIN_VALUE ? minScore : ''}`);
|
|
47
|
+
const [max, setMax] = (0, react_1.useState)(`${maxScore !== Number.MAX_VALUE ? maxScore : ''}`);
|
|
48
|
+
const ok = min !== '' && max !== '' && !Number.isNaN(+min) && !Number.isNaN(+max)
|
|
65
49
|
? +max > +min
|
|
66
50
|
: true;
|
|
67
|
-
|
|
51
|
+
const logOk = scaleType === 'log' && min !== '' && !Number.isNaN(+min) ? +min > 0 : true;
|
|
68
52
|
return (react_1.default.createElement(material_1.Dialog, { open: true, onClose: handleClose },
|
|
69
53
|
react_1.default.createElement(material_1.DialogTitle, null,
|
|
70
54
|
"Set min/max score for track",
|
|
@@ -75,13 +59,13 @@ function SetMinMaxDlg(props) {
|
|
|
75
59
|
react_1.default.createElement(material_1.Typography, null, "Enter min/max score: "),
|
|
76
60
|
!ok ? (react_1.default.createElement(material_1.Typography, { color: "error" }, "Max is greater than or equal to min")) : null,
|
|
77
61
|
!logOk ? (react_1.default.createElement(material_1.Typography, { color: "error" }, "Min score should be greater than 0 for log scale")) : null,
|
|
78
|
-
react_1.default.createElement(material_1.TextField, { value: min, onChange:
|
|
62
|
+
react_1.default.createElement(material_1.TextField, { value: min, onChange: event => {
|
|
79
63
|
setMin(event.target.value);
|
|
80
64
|
}, placeholder: "Enter min score" }),
|
|
81
|
-
react_1.default.createElement(material_1.TextField, { value: max, onChange:
|
|
65
|
+
react_1.default.createElement(material_1.TextField, { value: max, onChange: event => {
|
|
82
66
|
setMax(event.target.value);
|
|
83
67
|
}, placeholder: "Enter max score" }),
|
|
84
|
-
react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", type: "submit", style: { marginLeft: 20 }, disabled: !ok, onClick:
|
|
68
|
+
react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", type: "submit", style: { marginLeft: 20 }, disabled: !ok, onClick: () => {
|
|
85
69
|
model.setMinScore(min !== '' && !Number.isNaN(+min) ? +min : undefined);
|
|
86
70
|
model.setMaxScore(max !== '' && !Number.isNaN(+max) ? +max : undefined);
|
|
87
71
|
handleClose();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SetMinMaxDialog.js","sourceRoot":"","sources":["../../../src/MultiLinearWiggleDisplay/components/SetMinMaxDialog.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SetMinMaxDialog.js","sourceRoot":"","sources":["../../../src/MultiLinearWiggleDisplay/components/SetMinMaxDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,4CAQsB;AACtB,uCAA0C;AAC1C,sEAAiD;AAEjD,MAAM,SAAS,GAAG,IAAA,gBAAU,GAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACvC,IAAI,EAAE,EAAE;IACR,WAAW,EAAE;QACX,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACvB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QACrB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;KAC/B;CACF,CAAC,CAAC,CAAA;AAEH,SAAwB,YAAY,CAAC,KASpC;IACC,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IACpC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,CAAA;IAE/C,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAC5B,GAAG,QAAQ,KAAK,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CACnD,CAAA;IACD,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAC5B,GAAG,QAAQ,KAAK,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CACnD,CAAA;IAED,MAAM,EAAE,GACN,GAAG,KAAK,EAAE,IAAI,GAAG,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC;QACpE,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG;QACb,CAAC,CAAC,IAAI,CAAA;IAEV,MAAM,KAAK,GACT,SAAS,KAAK,KAAK,IAAI,GAAG,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IAE5E,OAAO,CACL,8BAAC,iBAAM,IAAC,IAAI,QAAC,OAAO,EAAE,WAAW;QAC/B,8BAAC,sBAAW;;YAEV,8BAAC,qBAAU,IAAC,SAAS,EAAE,OAAO,CAAC,WAAW,EAAE,OAAO,EAAE,WAAW;gBAC9D,8BAAC,eAAS,OAAG,CACF,CACD;QACd,8BAAC,wBAAa,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE;YAC3C,uCAAK,SAAS,EAAE,OAAO,CAAC,IAAI;gBAC1B,8BAAC,qBAAU,gCAAmC;gBAC7C,CAAC,EAAE,CAAC,CAAC,CAAC,CACL,8BAAC,qBAAU,IAAC,KAAK,EAAC,OAAO,0CAEZ,CACd,CAAC,CAAC,CAAC,IAAI;gBAEP,CAAC,KAAK,CAAC,CAAC,CAAC,CACR,8BAAC,qBAAU,IAAC,KAAK,EAAC,OAAO,uDAEZ,CACd,CAAC,CAAC,CAAC,IAAI;gBAER,8BAAC,oBAAS,IACR,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,KAAK,CAAC,EAAE;wBAChB,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;oBAC5B,CAAC,EACD,WAAW,EAAC,iBAAiB,GAC7B;gBACF,8BAAC,oBAAS,IACR,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,KAAK,CAAC,EAAE;wBAChB,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;oBAC5B,CAAC,EACD,WAAW,EAAC,iBAAiB,GAC7B;gBAEF,8BAAC,iBAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,EACzB,QAAQ,EAAE,CAAC,EAAE,EACb,OAAO,EAAE,GAAG,EAAE;wBACZ,KAAK,CAAC,WAAW,CACf,GAAG,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CACrD,CAAA;wBACD,KAAK,CAAC,WAAW,CACf,GAAG,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CACrD,CAAA;wBACD,WAAW,EAAE,CAAA;oBACf,CAAC,aAGM,CACL,CACQ,CACT,CACV,CAAA;AACH,CAAC;AAzFD,+BAyFC"}
|
|
@@ -1,55 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
14
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
15
|
-
if (!m) return o;
|
|
16
|
-
var i = m.call(o), r, ar = [], e;
|
|
17
|
-
try {
|
|
18
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
19
|
-
}
|
|
20
|
-
catch (error) { e = { error: error }; }
|
|
21
|
-
finally {
|
|
22
|
-
try {
|
|
23
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
24
|
-
}
|
|
25
|
-
finally { if (e) throw e.error; }
|
|
26
|
-
}
|
|
27
|
-
return ar;
|
|
28
|
-
};
|
|
29
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
30
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
31
4
|
};
|
|
32
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
33
6
|
exports.Tooltip = void 0;
|
|
34
|
-
|
|
35
|
-
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const mobx_react_1 = require("mobx-react");
|
|
36
9
|
// locals
|
|
37
|
-
|
|
38
|
-
|
|
10
|
+
const util_1 = require("../../util");
|
|
11
|
+
const Tooltip_1 = __importDefault(require("../../Tooltip"));
|
|
39
12
|
exports.Tooltip = Tooltip_1.default;
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
var obj = Object.fromEntries(model.sources.map(function (ent) { return [ent.name, ent]; }));
|
|
13
|
+
const en = (n) => n.toLocaleString('en-US');
|
|
14
|
+
const TooltipContents = react_1.default.forwardRef(({ model, feature }, ref) => {
|
|
15
|
+
const start = feature.get('start');
|
|
16
|
+
const end = feature.get('end');
|
|
17
|
+
const refName = feature.get('refName');
|
|
18
|
+
const coord = start === end ? en(start) : `${en(start)}..${en(end)}`;
|
|
19
|
+
const sources = feature.get('sources');
|
|
20
|
+
const source = feature.get('source');
|
|
21
|
+
const summary = feature.get('summary');
|
|
22
|
+
const obj = Object.fromEntries(model.sources.map(ent => [ent.name, ent]));
|
|
51
23
|
return (react_1.default.createElement("div", { ref: ref },
|
|
52
|
-
[refName, coord].filter(
|
|
24
|
+
[refName, coord].filter(f => !!f).join(':'),
|
|
53
25
|
react_1.default.createElement("br", null),
|
|
54
26
|
sources ? (react_1.default.createElement("table", null,
|
|
55
27
|
react_1.default.createElement("thead", null,
|
|
@@ -57,22 +29,21 @@ var TooltipContents = react_1.default.forwardRef(function (_a, ref) {
|
|
|
57
29
|
react_1.default.createElement("th", null, "color"),
|
|
58
30
|
react_1.default.createElement("th", null, "source"),
|
|
59
31
|
react_1.default.createElement("th", null, "score"))),
|
|
60
|
-
react_1.default.createElement("tbody", null, Object.entries(sources).map(
|
|
61
|
-
var
|
|
62
|
-
var _c = __read(_a, 2), source = _c[0], data = _c[1];
|
|
32
|
+
react_1.default.createElement("tbody", null, Object.entries(sources).map(([source, data]) => {
|
|
33
|
+
var _a;
|
|
63
34
|
return (react_1.default.createElement("tr", { key: source },
|
|
64
|
-
react_1.default.createElement("td", { style: { background: (
|
|
35
|
+
react_1.default.createElement("td", { style: { background: (_a = obj[source]) === null || _a === void 0 ? void 0 : _a.color } }, " "),
|
|
65
36
|
react_1.default.createElement("td", null, source),
|
|
66
37
|
react_1.default.createElement("td", null, (0, util_1.toP)(data.score))));
|
|
67
38
|
})))) : (react_1.default.createElement("span", null,
|
|
68
39
|
source,
|
|
69
40
|
' ',
|
|
70
41
|
summary
|
|
71
|
-
?
|
|
42
|
+
? `min:${(0, util_1.toP)(feature.get('minScore'))} avg:${(0, util_1.toP)(feature.get('score'))} max:${(0, util_1.toP)(feature.get('maxScore'))}`
|
|
72
43
|
: (0, util_1.toP)(feature.get('score'))))));
|
|
73
44
|
});
|
|
74
|
-
|
|
75
|
-
return react_1.default.createElement(Tooltip_1.default,
|
|
45
|
+
const WiggleTooltip = (0, mobx_react_1.observer)((props) => {
|
|
46
|
+
return react_1.default.createElement(Tooltip_1.default, { useClientY: true, TooltipContents: TooltipContents, ...props });
|
|
76
47
|
});
|
|
77
48
|
exports.default = WiggleTooltip;
|
|
78
49
|
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/MultiLinearWiggleDisplay/components/Tooltip.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/MultiLinearWiggleDisplay/components/Tooltip.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,2CAAqC;AAGrC,SAAS;AACT,qCAAwC;AACxC,4DAAiE;AAqExD,kBArEF,iBAAO,CAqEE;AAnEhB,MAAM,EAAE,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;AAEnD,MAAM,eAAe,GAAG,eAAK,CAAC,UAAU,CAGtC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE;IAC5B,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IAClC,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;IAC9B,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;IACtC,MAAM,KAAK,GAAG,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,CAAA;IACpE,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,CAAsC,CAAA;IAC3E,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;IACpC,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;IACtC,MAAM,GAAG,GAAG,MAAM,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,CAAA;IAEzE,OAAO,CACL,uCAAK,GAAG,EAAE,GAAG;QACV,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QAC5C,yCAAM;QACL,OAAO,CAAC,CAAC,CAAC,CACT;YACE;gBACE;oBACE,kDAAc;oBACd,mDAAe;oBACf,kDAAc,CACX,CACC;YACR,6CACG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE;;gBAAC,OAAA,CAC/C,sCAAI,GAAG,EAAE,MAAM;oBACb,sCAAI,KAAK,EAAE,EAAE,UAAU,EAAE,MAAA,GAAG,CAAC,MAAM,CAAC,0CAAE,KAAK,EAAE,QAAQ;oBACrD,0CAAK,MAAM,CAAM;oBACjB,0CAAK,IAAA,UAAG,EAAC,IAAI,CAAC,KAAK,CAAC,CAAM,CACvB,CACN,CAAA;aAAA,CAAC,CACI,CACF,CACT,CAAC,CAAC,CAAC,CACF;YACG,MAAM;YAAE,GAAG;YACX,OAAO;gBACN,CAAC,CAAC,OAAO,IAAA,UAAG,EAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,QAAQ,IAAA,UAAG,EAC5C,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CACrB,QAAQ,IAAA,UAAG,EAAC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,EAAE;gBACzC,CAAC,CAAC,IAAA,UAAG,EAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CACxB,CACR,CACG,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAIF,MAAM,aAAa,GAAG,IAAA,qBAAQ,EAC5B,CAAC,KAOA,EAAE,EAAE;IACH,OAAO,8BAAC,iBAAO,IAAC,UAAU,QAAC,eAAe,EAAE,eAAe,KAAM,KAAK,GAAI,CAAA;AAC5E,CAAC,CACF,CAAA;AACD,kBAAe,aAAa,CAAA"}
|
|
@@ -3,8 +3,8 @@ import { WiggleDisplayModel } from '../models/model';
|
|
|
3
3
|
import YScaleBar from './YScaleBar';
|
|
4
4
|
export declare const StatBars: (props: {
|
|
5
5
|
model: WiggleDisplayModel;
|
|
6
|
-
orientation?: string
|
|
7
|
-
exportSVG?: boolean
|
|
6
|
+
orientation?: string;
|
|
7
|
+
exportSVG?: boolean;
|
|
8
8
|
}) => JSX.Element | null;
|
|
9
9
|
declare const LinearWiggleDisplay: (props: {
|
|
10
10
|
model: WiggleDisplayModel;
|