react-mutation-mapper 0.8.43 → 0.8.46
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/index.es.js +790 -879
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +1557 -1613
- package/dist/index.js.map +1 -1
- package/dist/styles.css +105 -672
- package/package.json +6 -6
package/dist/index.es.js
CHANGED
|
@@ -1,130 +1,45 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { __extends, __decorate, __spreadArrays, __assign, __awaiter, __generator } from 'tslib';
|
|
2
|
+
import * as _ from 'lodash';
|
|
3
|
+
import ___default from 'lodash';
|
|
2
4
|
import { makeObservable, observable, action, computed, reaction } from 'mobx';
|
|
3
5
|
import { observer } from 'mobx-react';
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
6
|
+
import * as React from 'react';
|
|
7
|
+
import React__default, { useState } from 'react';
|
|
8
|
+
import { DefaultTooltip, TruncatedText, getNCBIlink, trimOffHtmlTagEntities, cachePostMethodsOnClient, CanonicalMutationType, MutationTumorTypeFrequencyTable, FREQUENCY_COLUMNS_DEFINITION, FrequencyTableColumnEnum, CheckedSelect, getSelectedValuesMap, Checklist, MUT_COLOR_MISSENSE, MUT_COLOR_MISSENSE_PASSENGER, MUT_COLOR_INFRAME, MUT_COLOR_INFRAME_PASSENGER, MUT_COLOR_TRUNC, MUT_COLOR_TRUNC_PASSENGER, MUT_COLOR_SPLICE, MUT_COLOR_SPLICE_PASSENGER, STRUCTURAL_VARIANT_COLOR, STRUCTURAL_VARIANT_PASSENGER_COLOR, MUT_COLOR_OTHER, getCanonicalMutationType, getProteinImpactTypeFromCanonical, ProteinImpactType, getProteinImpactType, resolveColumnVisibility, resolveColumnVisibilityByColumnDefinition, longestCommonStartingSubstring, getTextWidth, unhoverAllComponents, SVGAxis, getComponentIndex, defaultHitzoneConfig, initHitZoneFromConfig, EditableSpan, DownloadControls, EllipsisTextTooltip, remoteData, WindowWrapper } from 'cbioportal-frontend-commons';
|
|
9
|
+
import { CIVIC_NA_VALUE, generateQueryVariantId, OncoKbCardDataType, parseMyCancerGenomeLink, defaultArraySortMethod, defaultSortMethod, LEVELS, uniqueGenomicLocations, indexAnnotationsByGenomicLocation, getCivicEntry, getRemoteDataGroupStatus, getMyCancerGenomeLinks, isLinearClusterHotspot, is3dHotspot, calculateOncoKbAvailableDataType, getVariantAnnotation, getDbsnpRsId, getMyVariantInfoAnnotation, generateHgvsgByMutation, calcProteinChangeSortValue, Pathogenicity, extendMutations, formatNumberValueInSignificantDigits, generateTumorTypeDecomposition, formatPercentValue, countMutationsByProteinChange, numberOfLeadingDecimalZeros, filterLinearClusterHotspotsByMutations, filter3dHotspotsByMutations, isHotspot, defaultHotspotFilter, defaultStringArraySortMethod, extractExonInformation, formatExonLocation, formatExonLength, ptmColor, compareByPtmTypePriority, UniprotTopologyTrackToColor, UniprotTopologyTypeToTitle, PtmSource, PTM_SOURCE_URL, getMyVariantInfoAnnotationsFromIndexedVariantAnnotations, generateProteinChangeQuery, StructuralVariantType, generateAnnotateStructuralVariantQuery, getMyCancerGenomeData, genomicLocationString, convertUniprotFeatureToPtm, convertDbPtmToPtm, UniprotCategory, convertUniprotFeatureToUniprotTopology, groupPtmDataByPosition, groupPtmDataByTypeAndPosition, groupCancerHotspotDataByPosition, indexHotspotsData, fetchCivicGenes, fetchCivicVariants, getMutationsByTranscriptId, groupMutationsByProteinStartPos, groupHotspotsByMutations } from 'cbioportal-utils';
|
|
7
10
|
import classnames from 'classnames';
|
|
8
11
|
import autobind from 'autobind-decorator';
|
|
12
|
+
import oncoKbLogoImgSrc from 'oncokb-styles/dist/images/logo/oncokb.svg';
|
|
9
13
|
import { Tabs, Tab, Modal } from 'react-bootstrap';
|
|
10
14
|
import { Collapse } from 'react-collapse';
|
|
11
15
|
import ReactTable from 'react-table';
|
|
12
16
|
import { If, Then, Else } from 'react-if';
|
|
17
|
+
import 'oncokb-styles/dist/oncokb.css';
|
|
13
18
|
import { GenomeNexusAPI, GenomeNexusAPIInternal } from 'genome-nexus-ts-api-client';
|
|
14
19
|
import { OncoKbAPI } from 'oncokb-ts-api-client';
|
|
20
|
+
import 'rc-tooltip/assets/bootstrap_white.css';
|
|
15
21
|
import Select, { components } from 'react-select';
|
|
16
22
|
import $ from 'jquery';
|
|
17
23
|
import Slider from 'react-rangeslider';
|
|
24
|
+
import 'react-rangeslider/lib/index.css';
|
|
25
|
+
import oncoKbImg from 'oncokb-styles/dist/images/oncogenic.svg';
|
|
18
26
|
import request, { get } from 'superagent';
|
|
19
27
|
import memoize from 'memoize-weak-decorator';
|
|
20
28
|
import { cached } from 'mobxpromise';
|
|
21
29
|
|
|
22
|
-
/*! *****************************************************************************
|
|
23
|
-
Copyright (c) Microsoft Corporation.
|
|
24
|
-
|
|
25
|
-
Permission to use, copy, modify, and/or distribute this software for any
|
|
26
|
-
purpose with or without fee is hereby granted.
|
|
27
|
-
|
|
28
|
-
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
29
|
-
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
30
|
-
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
31
|
-
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
32
|
-
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
33
|
-
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
34
|
-
PERFORMANCE OF THIS SOFTWARE.
|
|
35
|
-
***************************************************************************** */
|
|
36
|
-
/* global Reflect, Promise */
|
|
37
|
-
|
|
38
|
-
var extendStatics = function(d, b) {
|
|
39
|
-
extendStatics = Object.setPrototypeOf ||
|
|
40
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
41
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
42
|
-
return extendStatics(d, b);
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
function __extends(d, b) {
|
|
46
|
-
extendStatics(d, b);
|
|
47
|
-
function __() { this.constructor = d; }
|
|
48
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
var __assign = function() {
|
|
52
|
-
__assign = Object.assign || function __assign(t) {
|
|
53
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
54
|
-
s = arguments[i];
|
|
55
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
56
|
-
}
|
|
57
|
-
return t;
|
|
58
|
-
};
|
|
59
|
-
return __assign.apply(this, arguments);
|
|
60
|
-
};
|
|
61
|
-
|
|
62
|
-
function __decorate(decorators, target, key, desc) {
|
|
63
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
64
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
65
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
66
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
function __awaiter(thisArg, _arguments, P, generator) {
|
|
70
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
71
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
72
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
73
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
74
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
75
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
76
|
-
});
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
function __generator(thisArg, body) {
|
|
80
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
81
|
-
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
82
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
83
|
-
function step(op) {
|
|
84
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
85
|
-
while (_) try {
|
|
86
|
-
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
87
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
88
|
-
switch (op[0]) {
|
|
89
|
-
case 0: case 1: t = op; break;
|
|
90
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
91
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
92
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
93
|
-
default:
|
|
94
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
95
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
96
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
97
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
98
|
-
if (t[2]) _.ops.pop();
|
|
99
|
-
_.trys.pop(); continue;
|
|
100
|
-
}
|
|
101
|
-
op = body.call(thisArg, _);
|
|
102
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
103
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
function __spreadArrays() {
|
|
108
|
-
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
|
|
109
|
-
for (var r = Array(s), k = 0, i = 0; i < il; i++)
|
|
110
|
-
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
|
|
111
|
-
r[k] = a[j];
|
|
112
|
-
return r;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
30
|
var annotationStyles = {"annotation-item-load":"annotation-module_annotation-item-load__1pDN0","annotation-item-text":"annotation-module_annotation-item-text__Gy_Jv","annotation-item-error":"annotation-module_annotation-item-error__5BhTo","annotation-item":"annotation-module_annotation-item__2EgnB"};
|
|
116
31
|
|
|
117
32
|
function loaderIcon(className) {
|
|
118
|
-
return (createElement("span", { className: classnames("" + annotationStyles['annotation-item'], "" + annotationStyles['annotation-item-load'], className) },
|
|
119
|
-
createElement("i", { className: "fa fa-spinner fa-pulse" })));
|
|
33
|
+
return (React.createElement("span", { className: classnames("" + annotationStyles['annotation-item'], "" + annotationStyles['annotation-item-load'], className) },
|
|
34
|
+
React.createElement("i", { className: "fa fa-spinner fa-pulse" })));
|
|
120
35
|
}
|
|
121
36
|
function errorIcon(errorMessage) {
|
|
122
|
-
return (createElement(DefaultTooltip, { overlay: createElement("span", null, errorMessage), placement: "right", trigger: ['hover', 'focus'], destroyTooltipOnHide: true },
|
|
123
|
-
createElement("span", { className: "" + annotationStyles['annotation-item-error'] },
|
|
124
|
-
createElement("i", { className: "fa fa-exclamation-triangle text-danger" }))));
|
|
37
|
+
return (React.createElement(DefaultTooltip, { overlay: React.createElement("span", null, errorMessage), placement: "right", trigger: ['hover', 'focus'], destroyTooltipOnHide: true },
|
|
38
|
+
React.createElement("span", { className: "" + annotationStyles['annotation-item-error'] },
|
|
39
|
+
React.createElement("i", { className: "fa fa-exclamation-triangle text-danger" }))));
|
|
125
40
|
}
|
|
126
41
|
|
|
127
|
-
var civicTextLogo = "data:image/png;base64,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";
|
|
42
|
+
var img$5 = "data:image/png;base64,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";
|
|
128
43
|
|
|
129
44
|
var CivicCard = /** @class */ (function (_super) {
|
|
130
45
|
__extends(CivicCard, _super);
|
|
@@ -178,19 +93,19 @@ var CivicCard = /** @class */ (function (_super) {
|
|
|
178
93
|
value: function (key, url, name, entryTypes, description) {
|
|
179
94
|
var result;
|
|
180
95
|
if (url || name || entryTypes || description) {
|
|
181
|
-
result = (createElement("div", { key: key, className: "civic-card-variant" },
|
|
182
|
-
createElement("div", { className: "civic-card-variant-header" },
|
|
183
|
-
createElement("span", { className: "civic-card-variant-name" },
|
|
184
|
-
createElement("a", { href: url, target: "_blank" }, name)),
|
|
185
|
-
createElement("span", { className: "civic-card-variant-entry-types" },
|
|
96
|
+
result = (React.createElement("div", { key: key, className: "civic-card-variant" },
|
|
97
|
+
React.createElement("div", { className: "civic-card-variant-header" },
|
|
98
|
+
React.createElement("span", { className: "civic-card-variant-name" },
|
|
99
|
+
React.createElement("a", { href: url, target: "_blank" }, name)),
|
|
100
|
+
React.createElement("span", { className: "civic-card-variant-entry-types" },
|
|
186
101
|
' ',
|
|
187
102
|
"Entries: ",
|
|
188
103
|
entryTypes)),
|
|
189
|
-
createElement("div", { className: "civic-card-variant-description summary" }, description)));
|
|
104
|
+
React.createElement("div", { className: "civic-card-variant-description summary" }, description)));
|
|
190
105
|
}
|
|
191
106
|
else {
|
|
192
|
-
result = (createElement("div", { key: key, className: "civic-card-variant" },
|
|
193
|
-
createElement("div", { className: "civic-card-variant-description summary" }, "Information about the oncogenic activity of this alteration is not yet available in CIViC.")));
|
|
107
|
+
result = (React.createElement("div", { key: key, className: "civic-card-variant" },
|
|
108
|
+
React.createElement("div", { className: "civic-card-variant-description summary" }, "Information about the oncogenic activity of this alteration is not yet available in CIViC.")));
|
|
194
109
|
}
|
|
195
110
|
return result;
|
|
196
111
|
}
|
|
@@ -204,46 +119,46 @@ var CivicCard = /** @class */ (function (_super) {
|
|
|
204
119
|
configurable: true,
|
|
205
120
|
writable: true,
|
|
206
121
|
value: function () {
|
|
207
|
-
return (createElement("div", { className: "civic-card" },
|
|
208
|
-
createElement("span", null,
|
|
209
|
-
createElement("div", { className: "col s12 tip-header" }, this.props.title),
|
|
210
|
-
createElement("div", { className: "col s12 civic-card-content" },
|
|
211
|
-
createElement("div", { className: "col s12 civic-card-gene" },
|
|
212
|
-
createElement("p", null,
|
|
213
|
-
createElement("span", { className: "civic-card-gene-name" },
|
|
214
|
-
createElement("a", { href: this.props.geneUrl, target: "_blank" },
|
|
215
|
-
createElement("b", null, this.props.geneName))),
|
|
122
|
+
return (React.createElement("div", { className: "civic-card" },
|
|
123
|
+
React.createElement("span", null,
|
|
124
|
+
React.createElement("div", { className: "col s12 tip-header" }, this.props.title),
|
|
125
|
+
React.createElement("div", { className: "col s12 civic-card-content" },
|
|
126
|
+
React.createElement("div", { className: "col s12 civic-card-gene" },
|
|
127
|
+
React.createElement("p", null,
|
|
128
|
+
React.createElement("span", { className: "civic-card-gene-name" },
|
|
129
|
+
React.createElement("a", { href: this.props.geneUrl, target: "_blank" },
|
|
130
|
+
React.createElement("b", null, this.props.geneName))),
|
|
216
131
|
' ',
|
|
217
132
|
"- ",
|
|
218
133
|
this.props.geneDescription)),
|
|
219
|
-
createElement("div", { className: "col s12" },
|
|
220
|
-
createElement("ul", null, this.generateVariants(this.props.variants))),
|
|
221
|
-
createElement("div", { className: "item disclaimer" },
|
|
222
|
-
createElement("span", null, "Disclaimer: This resource is intended for purely research purposes. It should not be used for emergencies or medical or professional advice.")))),
|
|
223
|
-
createElement("div", { className: "item footer" },
|
|
224
|
-
createElement("a", { href: this.props.geneUrl, target: "_blank" },
|
|
225
|
-
createElement("img", { src:
|
|
134
|
+
React.createElement("div", { className: "col s12" },
|
|
135
|
+
React.createElement("ul", null, this.generateVariants(this.props.variants))),
|
|
136
|
+
React.createElement("div", { className: "item disclaimer" },
|
|
137
|
+
React.createElement("span", null, "Disclaimer: This resource is intended for purely research purposes. It should not be used for emergencies or medical or professional advice.")))),
|
|
138
|
+
React.createElement("div", { className: "item footer" },
|
|
139
|
+
React.createElement("a", { href: this.props.geneUrl, target: "_blank" },
|
|
140
|
+
React.createElement("img", { src: img$5, className: "civic-logo", alt: "CIViC" })))));
|
|
226
141
|
}
|
|
227
142
|
});
|
|
228
143
|
return CivicCard;
|
|
229
|
-
}(Component));
|
|
144
|
+
}(React.Component));
|
|
230
145
|
|
|
231
|
-
var
|
|
146
|
+
var img$4 = "data:image/png;base64,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";
|
|
232
147
|
|
|
233
|
-
var
|
|
148
|
+
var img$3 = "data:image/png;base64,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";
|
|
234
149
|
|
|
235
|
-
function hideArrow(tooltipEl) {
|
|
150
|
+
function hideArrow$1(tooltipEl) {
|
|
236
151
|
var arrowEl = tooltipEl.querySelector('.rc-tooltip-arrow');
|
|
237
152
|
arrowEl.style.display = 'none';
|
|
238
153
|
}
|
|
239
|
-
function sortValue(civicEntry) {
|
|
154
|
+
function sortValue$8(civicEntry) {
|
|
240
155
|
var score = 0;
|
|
241
156
|
if (civicEntry) {
|
|
242
157
|
score = 1;
|
|
243
158
|
}
|
|
244
159
|
return score;
|
|
245
160
|
}
|
|
246
|
-
function download(civicEntry) {
|
|
161
|
+
function download$7(civicEntry) {
|
|
247
162
|
if (!civicEntry) {
|
|
248
163
|
return CIVIC_NA_VALUE;
|
|
249
164
|
}
|
|
@@ -279,21 +194,21 @@ var Civic = /** @class */ (function (_super) {
|
|
|
279
194
|
configurable: true,
|
|
280
195
|
writable: true,
|
|
281
196
|
value: function () {
|
|
282
|
-
var civicContent = (createElement("span", { className: "" + annotationStyles['annotation-item'] }));
|
|
197
|
+
var civicContent = (React.createElement("span", { className: "" + annotationStyles['annotation-item'] }));
|
|
283
198
|
var civicImgWidth = 14;
|
|
284
199
|
var civicImgHeight = 14;
|
|
285
200
|
var civicImgSrc = !this.props.hasCivicVariants
|
|
286
|
-
?
|
|
287
|
-
:
|
|
201
|
+
? img$3
|
|
202
|
+
: img$4;
|
|
288
203
|
if (this.props.civicStatus == 'error') {
|
|
289
204
|
civicContent = errorIcon('Error fetching Civic data');
|
|
290
205
|
}
|
|
291
206
|
else if (this.props.civicEntry !== undefined) {
|
|
292
207
|
if (this.props.civicEntry !== null &&
|
|
293
208
|
this.props.civicStatus == 'complete') {
|
|
294
|
-
civicContent = (createElement("span", { className: "" + annotationStyles['annotation-item'] },
|
|
295
|
-
createElement("img", { width: civicImgWidth, height: civicImgHeight, src: civicImgSrc, alt: "Civic Variant Entry" })));
|
|
296
|
-
civicContent = (createElement(DefaultTooltip, { overlay: this.cardContent.bind(this, this.props.civicEntry), placement: "right", trigger: ['hover', 'focus'], onPopupAlign: hideArrow, destroyTooltipOnHide: false }, civicContent));
|
|
209
|
+
civicContent = (React.createElement("span", { className: "" + annotationStyles['annotation-item'] },
|
|
210
|
+
React.createElement("img", { width: civicImgWidth, height: civicImgHeight, src: civicImgSrc, alt: "Civic Variant Entry" })));
|
|
211
|
+
civicContent = (React.createElement(DefaultTooltip, { overlay: this.cardContent.bind(this, this.props.civicEntry), placement: "right", trigger: ['hover', 'focus'], onPopupAlign: hideArrow$1, destroyTooltipOnHide: false }, civicContent));
|
|
297
212
|
}
|
|
298
213
|
}
|
|
299
214
|
else {
|
|
@@ -308,7 +223,7 @@ var Civic = /** @class */ (function (_super) {
|
|
|
308
223
|
configurable: true,
|
|
309
224
|
writable: true,
|
|
310
225
|
value: function (civicEntry) {
|
|
311
|
-
return (createElement(CivicCard, { title: "CIViC Variants", geneName: civicEntry.name, geneDescription: civicEntry.description, geneUrl: civicEntry.url, variants: civicEntry.variants }));
|
|
226
|
+
return (React.createElement(CivicCard, { title: "CIViC Variants", geneName: civicEntry.name, geneDescription: civicEntry.description, geneUrl: civicEntry.url, variants: civicEntry.variants }));
|
|
312
227
|
}
|
|
313
228
|
});
|
|
314
229
|
__decorate([
|
|
@@ -318,11 +233,11 @@ var Civic = /** @class */ (function (_super) {
|
|
|
318
233
|
observer
|
|
319
234
|
], Civic);
|
|
320
235
|
return Civic;
|
|
321
|
-
}(Component));
|
|
236
|
+
}(React.Component));
|
|
322
237
|
|
|
323
238
|
var NoClinvarData = function () {
|
|
324
|
-
return (createElement(DefaultTooltip, { placement: "topLeft", overlay: createElement("span", null, "Variant has no ClinVar data.") },
|
|
325
|
-
createElement("span", { style: {
|
|
239
|
+
return (React.createElement(DefaultTooltip, { placement: "topLeft", overlay: React.createElement("span", null, "Variant has no ClinVar data.") },
|
|
240
|
+
React.createElement("span", { style: {
|
|
326
241
|
height: '100%',
|
|
327
242
|
width: '100%',
|
|
328
243
|
display: 'block',
|
|
@@ -331,20 +246,20 @@ var NoClinvarData = function () {
|
|
|
331
246
|
};
|
|
332
247
|
var ClinvarSummary = function (props) {
|
|
333
248
|
if (!props.clinvar) {
|
|
334
|
-
return createElement(NoClinvarData, null);
|
|
249
|
+
return React.createElement(NoClinvarData, null);
|
|
335
250
|
}
|
|
336
251
|
else {
|
|
337
252
|
var clinvarId = props.clinvar.clinvarId;
|
|
338
253
|
var clinvarLink = "https://www.ncbi.nlm.nih.gov/clinvar/variation/" + clinvarId + "/";
|
|
339
254
|
var clinicalSignificance = props.clinvar.clinicalSignificance;
|
|
340
255
|
var conflictingClinicalSignificance = props.clinvar.conflictingClinicalSignificance;
|
|
341
|
-
return (createElement(TruncatedText, { maxLength: 30, text: clinicalSignificance, addTooltip: "always", tooltip: createElement("div", { style: { maxWidth: 300 } },
|
|
342
|
-
createElement("div", null, clinicalSignificance),
|
|
343
|
-
conflictingClinicalSignificance && (createElement("div", null, conflictingClinicalSignificance)),
|
|
344
|
-
createElement("div", null,
|
|
256
|
+
return (React.createElement(TruncatedText, { maxLength: 30, text: clinicalSignificance, addTooltip: "always", tooltip: React.createElement("div", { style: { maxWidth: 300 } },
|
|
257
|
+
React.createElement("div", null, clinicalSignificance),
|
|
258
|
+
conflictingClinicalSignificance && (React.createElement("div", null, conflictingClinicalSignificance)),
|
|
259
|
+
React.createElement("div", null,
|
|
345
260
|
"(ClinVar ID:",
|
|
346
261
|
' ',
|
|
347
|
-
createElement("a", { href: clinvarLink, target: "_blank" }, clinvarId),
|
|
262
|
+
React.createElement("a", { href: clinvarLink, target: "_blank" }, clinvarId),
|
|
348
263
|
")")) }));
|
|
349
264
|
}
|
|
350
265
|
};
|
|
@@ -356,7 +271,6 @@ var ONCOGENIC_SCORE = {
|
|
|
356
271
|
Inconclusive: 0,
|
|
357
272
|
'Likely Neutral': 0,
|
|
358
273
|
Resistance: 5,
|
|
359
|
-
'Predicted Oncogenic': 5,
|
|
360
274
|
'Likely Oncogenic': 5,
|
|
361
275
|
Oncogenic: 5,
|
|
362
276
|
};
|
|
@@ -578,18 +492,18 @@ function defaultOncoKbFilter(mutation, oncoKbData, getTumorType, getEntrezGeneId
|
|
|
578
492
|
return filter;
|
|
579
493
|
}
|
|
580
494
|
|
|
581
|
-
var
|
|
495
|
+
var img$2 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIsAAACACAYAAAA73po8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAADvNJREFUeNrsXT1y4koXPaacj94KPnkFIwfEI0eEg1dgWIFNkVJFu4qUwrMCMyswExIZxwTWrMB6Kxi9FfAFuhq3Zf20Wt2tFuJWuZ7rDZaa1tG95/722eFwQCJnZ2fogvSn2yEAj/tfm/1yEGi4jwvAB+AC+EL3fKF/3gEI9stB1IY9OxwOOOsSWPrTrQfgiR5eWnYAJipA059uRwBuU4DMkzWAn/vlYHcCi13a5Engo+P9crCWuL4D4I5A4kgscU1gjU5gaV6jPFd4iMKAIVMzBzBSsNQQwLUOk3gCizhYnok7iEoE4KroofWnW59A4itebum9T2DRBxSftIrMW37JmwUyNUMCiatx2RGAC5tM0uFwwHkHnJ+55N+5AFb96XZCAPmmyNSIiEP86sqmjbRCsxD5/M65mem3LKCff8nd3Ale1wXwJrmsgDykkSRhVSHX++Vgc9Is8cNMvAe35C3zeW7Qn24TMxFS3CIEEGaA6FbQ3IR5YOxPty+CXpQurbjptGYh7+RRMA4ha/MTbfRfKpbyFyT75SAUXO+K3OIm5NIGstsIwZVwY6UBs18O/lG47leN4C6Mv+yXg7ENYOlZHu+otcmq+QNpLNMytMUM9QwCJWH4psjiD5UXI5M1aeAZOeQAdAcsBmITvGxE+UhFwKw1aCwRuekMWMiFNUkQf2q89oSIs1FTRJq5E5rl1uB3CnXGJiiqOm6Avwy7AhaTX/SH7huQK2vaQ7k9erCQB+Qa/E5GOAVpL5OA8cicH7VmMQoUk8k3IrxXBk3S7bGDxTP4fe5NbyClBi4Nkd5RV1xnE1olbOLG++Ug3C8HlwRWnVrGoZLNowXLNwP3iNBMwCwNGkZaRidvmjf1/bTnhiSq1GTEmlQ+971d4hgjqI9aj/fLwZoKu5Da3x0qJElFxUgisT/dvmkmuQ/75WACi4VMxzcKIcgAJyJOFCIuo/gqEI7YQVG3gkmwHDTzlDFaJBRKSMIJXzPA88KBI8p72BVeQqluBeNgoRD1nxNQtIDOh3htce2aGBMlCt4JKFpddlGepoQUt9F1vu86UHgTI+iqD9sAFpVeUIi4n4bZ9sQYW3iMLTzT9+WSmqJcqROa5YHs7s7S9b0CeGVs8dgAYDa0P2Xi2A6WugG5HeJmK2t7gBlb8A9hxNhi1IRpRnm6obYLrdsb+iOB6IiI231T4XsJwKS/5yVjs8DkGkrqm2sXr2vtG6LFO4LgCOjnxbZIrKBs8DHJ94g47G/SHAX96XaM7B4nJXt6rgkoLsfAd5wa/A/vTV1hWzSHgPxKgcVjbHHH2OzBMGA2BJg0d1JSZlrbDJEGuUEcU+G1SadiIRmmKGRsdtHEWvrT7SMH3nC/HNReR62gXH+69Snk/Iq4GNtPbdZLx2Ie6XJOl7GF28RC6CVdc+RXifQkgTIiMuWW2PEuyQM+B8jcphZDgNngY8uuWbBQw1NZPGHTlsF66szQLEJcYrkh0EQw3zKSFg/Ak6o2ksqcRTDbqSTTeZJavMXHe6IxQBz9ln6BK7vOgpX60TGbIOIhiacXMDbbWbrU25SGeetPt7XGj1U1QyLq7NhN0Ir7eWZs8cbYYmiZVuEBzT+7V5qJY47gVvQKjk1+Z5DYJ8YWzFKt8gns/en2WYbHVAVLmcYIbBzLqcHryfqO86Zc5ZRWcVDeMuKTWfK1gYWAEHVYq6S9nipvtCkZCdIFB8AzTbXSZobyABF2xQNibBYxNrtGXEsSpoikzSYoS+760+2rSGusDFgecrTLPTomjM3WiBOGY9DBDQ2boCHkAoEekd9C8yWVG8qYg68k/3CS2mB5Qv0SysycnnRuiMoI1l3WKhYCxYGaWtsRJSLVuc6EvgDA7hSttUJ8hdcaZcVj6sZZ7nHE2eW4JsV8IbakqF7nKk1664JlDuBWReW4pXKDuBD7tQWg+arhmh/MkXSlXH+6ZRyaHynvELVQe3jkbvrkSQQA7hmbbRDPvk2GJa9g2cELKXF0mLb+dOsmFY3nkkDx8LHLzSMUXtd8cAzAF8ZmE4HPOogDUN9oo14Ym7EK93JozcMMdf4E4IyxWcjY4oKA8m/HzFAit6BxJjIlCg69bVn+/GS/HDzUAEsynmPN2Gxc8Lm8Wfr/UIRVBCjPRRvM2KxVhy9pHEAQ7JeDS1nXuahCblWTvyQPelTSsHVX8+3ySj67OTlXn/e0VxG9Iid5PNeozOJTCTINW6rcxx+MLVzyhpyuoyXxinoV/uAOYgPwHEiez0OFRAGvqSpmcv+XY3ZcxhZ+6j4h95Ed4iDjGMAF/XtEfMhvyTMNNV7bFSa4FN5fVXnD+9Mtk2xin+C9HNDhCVZqY9y8L5UhrwAcxhaTpJenrE2DuM91ixRACM0F4j0BoHgoL9DOjMHI8Bd6q3clPOSnYY+gDaItbJEMJOgJeD51jn1ZSf7dhPvyLxmAYsjO8Oat8xLAlekOQcPyWzcIyzRLWW+QiDmqbPOpqfwCcToh7wFnHhbFcxPueqHFhdXKXFxN1/27b+c1PR8RuYFEoxNxBlbw7yFji2vIndl8jKLrZfiV/JIZlMuoV6kr/+hKBZB7/ciB6KyraNFwjuPfUR1FQbmV4u8x1LVBVK2WzFZ7QLdF9aFcH+qUPmkWKq1TPe5qs18OrnES3ZrFhfyh5584EJ1HgCLN8l3D9/Db/BAYW6wYWzzb1kyW4eKGirhLhIwYU5Zm0ZWQurSxp4ixRdK7vcP7uPOIfvfwOYp7JeNZccnPCHGidKJJu/gKSP9VetjjJ80i4+ZWENdyBeIjTmfMibM90e/pPbmVAIqH9+SnA+BO12RLesh1tMs4bypo2gw5Gh+GZylIqpJCGVOU5QmOsmJCBC6HsQWrkcSU1VrronrqXkseqE55QLWAloQJmoU595gXvFhz2fAFmfuqgNmVjXUzOTT5m41Ioe7CpFEsrGpOqYzhQATYr6jB/JKsul9yzSLAPEC8LieAQNL0POOtmXdQuyTxmjU9nHmBB+cytrijvRpyHManh7sBMM6o2NsgO341RHF86LYGBxkTuL0SEzkWCZr2BGxr10CzY2x2hbg4O888rRCXPcwzeN4wi9eQKcqSm6w11ORIiXaJUH4YhPCAn16Gres8YLgHJmL3A8QFU2fcTx5JzAKMl0NkN5yp82sApoi/VDrprFe0SMUSthAz3wWAclWgNUTJcZaZ+KXQnV7j8yGfm6rF9ec5RGykYeP/tV+bfHiD+dhIEVCqaOJ70b1lbLZmbDGHovjUfjkYc0fuJeapkvQ0BHVaqVkolP/M/awUAyXhLQ8518uSawA7hbU411UIrajrLHpCVhUJLFcsnsBnItIOlYHCAWbCmYQwx3NKPhsQ2VZljkK8pzUqS26TmeLsc+0jTAxolqLzpzcAfhUQ11YIlzcKUHEubuEcXDpkGooAs2vBXkap3zeI6383slrEQplzWrRyu/F5GYsmwKxQL2/0swUbOUFc9BwhzgofVQiBLAWvOYf96fauikck1OvMtYN4Euu0YoQYNy3h9zGCQQAsWWP0I8THCpbuhXCv8345SKqmHiTWacu40yG5rSsAb5YNOTbBVbJccKdKmKTqHNwJclowCniALaQwTG3SnJJ/TgfwUpTvu9ECFgLMBnHTlghptWmOf9Z6fajtYrBRq3goLmv1tIEl8df3y8EVyqdUWjPFkgJimYChksdjFWVTv2vVs1Dj+1WOWdpZeGBmnld2VydZZ7FWcaCwDad28ROlBy7wOUJr3WxcCqrlAfjxCPnLUCDkERoDCwEmIg2z5tzlnaUbmJdAc1GcOGyjiJBX4RiY8hPjqUf6xeZBylTptsrx3i6OIQYj2HD2oZGsSGod1VsgL4hn4zr2gmX2kOPSOzieovUyDrZBxVGtOsBySxv+bDlgxnjPrgcEnqsjGs3xvSCEcL1fDq6rhjWUmqGMbrhOnRpvielxSUPO6UV44UASyMa9Kp++KkGoRv3pNqLIbxPcxCHSGra9vIB7GXlTmbTXeBlej/IxJ6o1y58cV62Rc55TRLZwELPFmmJIJsWv8KfCxLWKZulpQH1mDKOhwyD4GMKIwNMKDUIHTb0R2P2Klwh0rEslwXVL/v2pAcK7w8fo8nfbNUl/uk1qgIc1LvW77WBxoX5IUJnHE+Fja4trMVAYaRJfweWs1ywiCxzSvDqTYvWRfKRNku5GVRIdA1gS/mLMHFG2eZ3BYWzxblQPDYSuoUk9hQsMIVbj4pg2R3gfwhxYBJQRcRMHLRHVrrNXYQOuRJONpImSty+UKX2ID3uYhRYBRdcLs6NaI6VyOBy0JBI9xNVnZWTyQyF3KuD0Be+BJq/ALgeII5QBVfC1wS0eQm91XnvAwmmCEbKDSSH340BdcU7i+fyyFTgVNa+saEmxaAOLBeo4BHBvW5mEhgnYmd6f5NE9pWDpNbl59DB18AiXvK63Blz1ojiKZ+BWka4L9yzYR51xEBdx5Pg5faC16VgKzI1fC44ZLBvonzblA3htUMscxZy+RjkL9+Y9Qs8AoSwxmgEnsv/HoGnX8hAb5yycmGxxfSRibUpM3ivQeXErwELh6fBIAXNr8Hvtjh4sJKbHcmivsSGOZJJY/+gKWNYN3FN3jc2Nyf3T3QFqDVjoiwaGb+tCU46GK4k0IREMlGLYpFlME91Ehv3p9q7lxHZioq/cNrBsGrrvSgN/MUVs16ZCAVaBhVoX1g3dXllRFnlajoE135vsyzqHffLLsApPxENcST8uAIFPvyb//ZoDijDFIb5BbWtsiIITx3SJFRHcjIfyhuaKq8c0pdMnUHylh1xlPRd5HILMnUvXrHrtEA1l0xsvUSiJTzQxvisk3lSH8EoVH3FDAt2Uxnohb2fX5IGk1oKFNu/JkOuZAORn8jD60+2qBmDGNo8bOVawOIiryjxNt9gRQNY595cpVLJi5q8usPRsXRw3TUq16l0jLha/KtEAVUa4/tUqOGKxVrOkNMwT6nXqJS75jyrBq4o1sw9NTYvovBnKiV1UPawpcWGl5/EKdisc/RyaVoElBZqkayAvxrGDwip/0m53iBODPGgCcmU3OHJpJVgyHiJPQgPdE7256UqBRdPDzYPlJCcpkv8PAHSv/QtFBkyYAAAAAElFTkSuQmCC";
|
|
582
496
|
|
|
583
497
|
var mcgStyles = {"link-list":"myCancerGenome-module_link-list__2wFhH"};
|
|
584
498
|
|
|
585
|
-
function placeArrow(tooltipEl) {
|
|
499
|
+
function placeArrow$1(tooltipEl) {
|
|
586
500
|
var arrowEl = tooltipEl.querySelector('.rc-tooltip-arrow');
|
|
587
501
|
arrowEl.style.left = '10px';
|
|
588
502
|
}
|
|
589
|
-
function sortValue$
|
|
503
|
+
function sortValue$7(links) {
|
|
590
504
|
return links.length > 0 ? 1 : 0;
|
|
591
505
|
}
|
|
592
|
-
function download$
|
|
506
|
+
function download$6(links) {
|
|
593
507
|
return links.length > 0 ? 'present' : 'not present';
|
|
594
508
|
}
|
|
595
509
|
function myCancerGenomeLinks(linksHTML) {
|
|
@@ -599,14 +513,14 @@ function myCancerGenomeLinks(linksHTML) {
|
|
|
599
513
|
// parse the data as an HTML dom element, since it is formatted as an HTML link.
|
|
600
514
|
var myCancerGenomeLink = parseMyCancerGenomeLink(link);
|
|
601
515
|
if (myCancerGenomeLink) {
|
|
602
|
-
links.push(createElement("li", { key: index },
|
|
603
|
-
createElement("a", { href: myCancerGenomeLink.url, target: "_blank" }, myCancerGenomeLink.text)));
|
|
516
|
+
links.push(React.createElement("li", { key: index },
|
|
517
|
+
React.createElement("a", { href: myCancerGenomeLink.url, target: "_blank" }, myCancerGenomeLink.text)));
|
|
604
518
|
}
|
|
605
519
|
});
|
|
606
|
-
return (createElement("span", null,
|
|
607
|
-
createElement("b", null, "My Cancer Genome links:"),
|
|
608
|
-
createElement("br", null),
|
|
609
|
-
createElement("ul", { className: mcgStyles['link-list'] }, links)));
|
|
520
|
+
return (React.createElement("span", null,
|
|
521
|
+
React.createElement("b", null, "My Cancer Genome links:"),
|
|
522
|
+
React.createElement("br", null),
|
|
523
|
+
React.createElement("ul", { className: mcgStyles['link-list'] }, links)));
|
|
610
524
|
}
|
|
611
525
|
var MyCancerGenome = /** @class */ (function (_super) {
|
|
612
526
|
__extends(MyCancerGenome, _super);
|
|
@@ -618,21 +532,21 @@ var MyCancerGenome = /** @class */ (function (_super) {
|
|
|
618
532
|
configurable: true,
|
|
619
533
|
writable: true,
|
|
620
534
|
value: function () {
|
|
621
|
-
var myCancerGenomeContent = (createElement("span", { className: "" + annotationStyles['annotation-item'] }));
|
|
535
|
+
var myCancerGenomeContent = (React.createElement("span", { className: "" + annotationStyles['annotation-item'] }));
|
|
622
536
|
if (this.props.linksHTML.length > 0) {
|
|
623
|
-
var arrowContent = createElement("div", { className: "rc-tooltip-arrow-inner" });
|
|
537
|
+
var arrowContent = React.createElement("div", { className: "rc-tooltip-arrow-inner" });
|
|
624
538
|
var tooltipContent = myCancerGenomeLinks(this.props.linksHTML);
|
|
625
|
-
myCancerGenomeContent = (createElement(DefaultTooltip, { overlay: tooltipContent, placement: "topLeft", trigger: ['hover', 'focus'], arrowContent: arrowContent, onPopupAlign: placeArrow },
|
|
626
|
-
createElement("span", { className: annotationStyles['annotation-item'] + " mcg" },
|
|
627
|
-
createElement("img", { width: "14", height: "14", src:
|
|
539
|
+
myCancerGenomeContent = (React.createElement(DefaultTooltip, { overlay: tooltipContent, placement: "topLeft", trigger: ['hover', 'focus'], arrowContent: arrowContent, onPopupAlign: placeArrow$1 },
|
|
540
|
+
React.createElement("span", { className: annotationStyles['annotation-item'] + " mcg" },
|
|
541
|
+
React.createElement("img", { width: "14", height: "14", src: img$2, alt: "My Cancer Genome Symbol" }))));
|
|
628
542
|
}
|
|
629
543
|
return myCancerGenomeContent;
|
|
630
544
|
}
|
|
631
545
|
});
|
|
632
546
|
return MyCancerGenome;
|
|
633
|
-
}(Component));
|
|
547
|
+
}(React.Component));
|
|
634
548
|
|
|
635
|
-
function hideArrow
|
|
549
|
+
function hideArrow(tooltipEl) {
|
|
636
550
|
var arrowEl = tooltipEl.querySelector('.rc-tooltip-arrow');
|
|
637
551
|
arrowEl.style.display = 'none';
|
|
638
552
|
}
|
|
@@ -648,7 +562,7 @@ var AnnotationIconWithTooltip = function (props) {
|
|
|
648
562
|
if (props.icon) {
|
|
649
563
|
return (React__default.createElement(DefaultTooltip, { overlayClassName: "oncokb-tooltip", overlay: function () {
|
|
650
564
|
return props.tooltipOverlay ? props.tooltipOverlay : null;
|
|
651
|
-
}, placement: "right", trigger: ['hover', 'focus'], onPopupAlign: hideArrow
|
|
565
|
+
}, placement: "right", trigger: ['hover', 'focus'], onPopupAlign: hideArrow, destroyTooltipOnHide: true },
|
|
652
566
|
React__default.createElement("span", { className: "" + annotationStyles['annotation-item'] }, props.icon)));
|
|
653
567
|
}
|
|
654
568
|
else {
|
|
@@ -659,7 +573,6 @@ var AnnotationIconWithTooltip = function (props) {
|
|
|
659
573
|
var BIOLOGICAL_COLOR_MAP = {
|
|
660
574
|
oncogenic: '#0968C3',
|
|
661
575
|
'likely-oncogenic': '#0968C3',
|
|
662
|
-
'predicted-oncogenic': '#0968C3',
|
|
663
576
|
resistance: '#0968C3',
|
|
664
577
|
neutral: '#696969',
|
|
665
578
|
'likely-neutral': '#696969',
|
|
@@ -751,11 +664,9 @@ var CompactAnnotationIcon = function (props) {
|
|
|
751
664
|
getPrognosticShape(indicatorForLevelIcons, props.availableDataTypes)));
|
|
752
665
|
};
|
|
753
666
|
|
|
754
|
-
var oncoKbLogoImgSrc = "data:image/svg+xml,%3Csvg%20width%3D%22138%22%20height%3D%2226%22%20viewBox%3D%220%200%20138%2026%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%20%3Cpath%20d%3D%22M13.3232%2026C21.0801%2026%2026.7182%2020.1464%2026.7182%2013V12.9282C26.7182%205.78177%2021.1519%200%2013.395%200C5.63812%200%200%205.85359%200%2013V13.0718C0%2020.2182%205.5663%2026%2013.3232%2026ZM13.395%2020.9006C8.94199%2020.9006%205.78177%2017.3094%205.78177%2013V12.9282C5.78177%208.61878%208.87016%205.09945%2013.3232%205.09945C17.7762%205.09945%2020.9365%208.69061%2020.9365%2013V13.0718C20.9365%2017.3812%2017.8481%2020.9006%2013.395%2020.9006Z%22%20fill%3D%22%230968C3%22%2F%3E%20%20%3Cpath%20d%3D%22M29.9722%2025.5691H35.4307V14.8315C35.4307%2012.2459%2036.7594%2010.9171%2038.8423%2010.9171C40.9252%2010.9171%2042.1462%2012.2459%2042.1462%2014.8315V25.5691H47.6048V13.1077C47.6048%208.69061%2045.1987%205.96133%2041.0688%205.96133C38.3036%205.96133%2036.6876%207.4337%2035.4307%209.04972V6.32044H29.9722V25.5691Z%22%20fill%3D%22%230968C3%22%2F%3E%20%20%3Cpath%20d%3D%22M60.3551%2026C64.1976%2026%2066.3523%2024.5276%2068.2197%2022.4807L65.0236%2019.2486C63.6948%2020.5055%2062.4379%2021.2956%2060.6064%2021.2956C57.6258%2021.2956%2055.7225%2018.9254%2055.7225%2015.9807V15.9088C55.7225%2013.0718%2057.6617%2010.6657%2060.391%2010.6657C62.3302%2010.6657%2063.5512%2011.4917%2064.7722%2012.7845L68.112%209.19337C66.3164%207.18232%2064.054%205.96133%2060.4269%205.96133C54.5374%205.96133%2050.3357%2010.4862%2050.3357%2015.9807V16.0525C50.3357%2021.547%2054.5733%2026%2060.3551%2026Z%22%20fill%3D%22%230968C3%22%2F%3E%20%20%3Cpath%20d%3D%22M91.3584%2025.5691H96.8888V17.884L99.7977%2014.8674L107.59%2025.5691H114.234L103.532%2011.0967L113.803%200.430938H107.016L96.8888%2011.4199V0.430938H91.3584V25.5691Z%22%20fill%3D%22%230968C3%22%2F%3E%20%20%3Cpath%20d%3D%22M116.182%2025.5691H128.14C133.814%2025.5691%20137.549%2023.2707%20137.549%2018.674V18.6022C137.549%2015.2265%20135.754%2013.5387%20132.845%2012.4254C134.64%2011.4199%20136.149%209.83978%20136.149%207.00276V6.93094C136.149%205.20718%20135.574%203.80663%20134.425%202.65746C132.989%201.22099%20130.726%200.430938%20127.853%200.430938H116.182V25.5691ZM130.654%207.93646C130.654%209.80387%20129.11%2010.5939%20126.668%2010.5939H121.569V5.27901H127.027C129.361%205.27901%20130.654%206.21271%20130.654%207.86464V7.93646ZM132.055%2017.9199V17.9917C132.055%2019.8591%20130.582%2020.721%20128.14%2020.721H121.569V15.1906H127.961C130.798%2015.1906%20132.055%2016.232%20132.055%2017.9199Z%22%20fill%3D%22%230968C3%22%2F%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M78.8032%2023.5C82.9454%2023.5%2086.3032%2020.1421%2086.3032%2016C86.3032%2011.8579%2082.9454%208.5%2078.8032%208.5C74.6611%208.5%2071.3032%2011.8579%2071.3032%2016C71.3032%2020.1421%2074.6611%2023.5%2078.8032%2023.5ZM78.8032%2026C84.3261%2026%2088.8032%2021.5228%2088.8032%2016C88.8032%2010.4772%2084.3261%206%2078.8032%206C73.2804%206%2068.8032%2010.4772%2068.8032%2016C68.8032%2021.5228%2073.2804%2026%2078.8032%2026Z%22%20fill%3D%22%230968C3%22%2F%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M78.8032%2019.5C80.7362%2019.5%2082.3032%2017.933%2082.3032%2016C82.3032%2014.067%2080.7362%2012.5%2078.8032%2012.5C76.8702%2012.5%2075.3032%2014.067%2075.3032%2016C75.3032%2017.933%2076.8702%2019.5%2078.8032%2019.5ZM78.8032%2022C82.1169%2022%2084.8032%2019.3137%2084.8032%2016C84.8032%2012.6863%2082.1169%2010%2078.8032%2010C75.4895%2010%2072.8032%2012.6863%2072.8032%2016C72.8032%2019.3137%2075.4895%2022%2078.8032%2022Z%22%20fill%3D%22%230968C3%22%2F%3E%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M78.8032%2018C79.9078%2018%2080.8032%2017.1046%2080.8032%2016C80.8032%2014.8954%2079.9078%2014%2078.8032%2014C77.6987%2014%2076.8032%2014.8954%2076.8032%2016C76.8032%2017.1046%2077.6987%2018%2078.8032%2018Z%22%20fill%3D%22%230968C3%22%2F%3E%3C%2Fsvg%3E";
|
|
755
|
-
|
|
756
667
|
var mainStyles = {"oncokb-card":"main-module_oncokb-card__32DzD","tab-content":"main-module_tab-content__8nUyf","tooltip-refs":"main-module_tooltip-refs__SpA4W","disclaimer":"main-module_disclaimer__3CLlM","blue-icon":"main-module_blue-icon__2Hs-v","footer":"main-module_footer__2dc-8","oncokb-logo":"main-module_oncokb-logo__3RVg7","title":"main-module_title__2kT-n","additional-info":"main-module_additional-info__1nXTm","biological-info":"main-module_biological-info__2efDC","ellipsis-text-wrapper":"main-module_ellipsis-text-wrapper__18dny"};
|
|
757
668
|
|
|
758
|
-
var _a;
|
|
669
|
+
var _a$4;
|
|
759
670
|
var OtherBiomarkersQueryType;
|
|
760
671
|
(function (OtherBiomarkersQueryType) {
|
|
761
672
|
OtherBiomarkersQueryType["MSIH"] = "MSIH";
|
|
@@ -764,10 +675,10 @@ var OtherBiomarkersQueryType;
|
|
|
764
675
|
var OTHER_BIOMARKER_HUGO_SYMBOL = 'Other Biomarkers';
|
|
765
676
|
var MSI_H_NAME = 'MSI-H';
|
|
766
677
|
var TMB_H_NAME = 'TMB-H';
|
|
767
|
-
var OTHER_BIOMARKER_NAME = (_a = {},
|
|
768
|
-
_a[OtherBiomarkersQueryType.MSIH] = MSI_H_NAME,
|
|
769
|
-
_a[OtherBiomarkersQueryType.TMBH] = TMB_H_NAME,
|
|
770
|
-
_a);
|
|
678
|
+
var OTHER_BIOMARKER_NAME = (_a$4 = {},
|
|
679
|
+
_a$4[OtherBiomarkersQueryType.MSIH] = MSI_H_NAME,
|
|
680
|
+
_a$4[OtherBiomarkersQueryType.TMBH] = TMB_H_NAME,
|
|
681
|
+
_a$4);
|
|
771
682
|
|
|
772
683
|
var OncoKbCardTitle = function (props) {
|
|
773
684
|
var titleContent = [];
|
|
@@ -785,7 +696,7 @@ var OncoKbCardTitle = function (props) {
|
|
|
785
696
|
}
|
|
786
697
|
titleContent.push(props.tumorType);
|
|
787
698
|
}
|
|
788
|
-
return (createElement("div", { className: mainStyles['title'], "data-test": "oncokb-card-title" }, createElement("span", null, titleContent.join(' '))));
|
|
699
|
+
return (React.createElement("div", { className: mainStyles['title'], "data-test": "oncokb-card-title" }, React.createElement("span", null, titleContent.join(' '))));
|
|
789
700
|
};
|
|
790
701
|
|
|
791
702
|
var levelStyles = {"levels":"level-module_levels__2ZL1B","levels-li":"level-module_levels-li__1tgCC"};
|
|
@@ -875,16 +786,16 @@ var OncoKBSuggestAnnotationLinkout = /** @class */ (function (_super) {
|
|
|
875
786
|
configurable: true,
|
|
876
787
|
writable: true,
|
|
877
788
|
value: function () {
|
|
878
|
-
return (createElement("div", null,
|
|
879
|
-
createElement("span", null, "The gene is listed under "),
|
|
880
|
-
createElement("a", { href: "https://www.oncokb.org/cancerGenes", target: "_blank" }, "OncoKB Cancer Gene List"),
|
|
881
|
-
createElement("span", null, " but hasn't been curated yet. Please feel free to "),
|
|
882
|
-
createElement("a", { target: "_blank", href: "mailto:contact@oncokb.org?subject=Annotation suggestion for " + this.props.gene + "&&body=Thank you for using OncoKB.%0APlease provide the following information for " + this.props.gene + " curation:%0A%0AEvidence:%0APMIDs:%0AAbstracts:", title: "suggest to annotate this gene" }, "suggest the team annotate the gene"),
|
|
789
|
+
return (React.createElement("div", null,
|
|
790
|
+
React.createElement("span", null, "The gene is listed under "),
|
|
791
|
+
React.createElement("a", { href: "https://www.oncokb.org/cancerGenes", target: "_blank" }, "OncoKB Cancer Gene List"),
|
|
792
|
+
React.createElement("span", null, " but hasn't been curated yet. Please feel free to "),
|
|
793
|
+
React.createElement("a", { target: "_blank", href: "mailto:contact@oncokb.org?subject=Annotation suggestion for " + this.props.gene + "&&body=Thank you for using OncoKB\u2122.%0APlease provide the following information for " + this.props.gene + " curation:%0A%0AEvidence:%0APMIDs:%0AAbstracts:", title: "suggest to annotate this gene" }, "suggest the team annotate the gene"),
|
|
883
794
|
"."));
|
|
884
795
|
}
|
|
885
796
|
});
|
|
886
797
|
return OncoKBSuggestAnnotationLinkout;
|
|
887
|
-
}(Component));
|
|
798
|
+
}(React.Component));
|
|
888
799
|
|
|
889
800
|
var OncoKbHelper = /** @class */ (function () {
|
|
890
801
|
function OncoKbHelper() {
|
|
@@ -938,82 +849,82 @@ var OncoKbHelper = /** @class */ (function () {
|
|
|
938
849
|
Object.defineProperty(OncoKbHelper, "LEVEL_DESC", {
|
|
939
850
|
get: function () {
|
|
940
851
|
return {
|
|
941
|
-
'1': (createElement("span", null,
|
|
942
|
-
createElement("b", null, "FDA-recognized"),
|
|
852
|
+
'1': (React.createElement("span", null,
|
|
853
|
+
React.createElement("b", null, "FDA-recognized"),
|
|
943
854
|
" biomarker predictive of response to an",
|
|
944
855
|
' ',
|
|
945
|
-
createElement("b", null, "FDA-approved drug"),
|
|
856
|
+
React.createElement("b", null, "FDA-approved drug"),
|
|
946
857
|
" in this indication")),
|
|
947
|
-
'2': (createElement("span", null,
|
|
948
|
-
createElement("b", null, "Standard care"),
|
|
858
|
+
'2': (React.createElement("span", null,
|
|
859
|
+
React.createElement("b", null, "Standard care"),
|
|
949
860
|
" biomarker recommended by the NCCN or other expert panels predictive of response to an",
|
|
950
861
|
' ',
|
|
951
|
-
createElement("b", null, "FDA-approved drug"),
|
|
862
|
+
React.createElement("b", null, "FDA-approved drug"),
|
|
952
863
|
" in this indication")),
|
|
953
|
-
'3A': (createElement("span", null,
|
|
954
|
-
createElement("b", null, "Compelling clinical evidence"),
|
|
864
|
+
'3A': (React.createElement("span", null,
|
|
865
|
+
React.createElement("b", null, "Compelling clinical evidence"),
|
|
955
866
|
" supports the biomarker as being predictive of response to a drug in this indication")),
|
|
956
|
-
'3B': (createElement("span", null,
|
|
957
|
-
createElement("b", null, "Standard care"),
|
|
867
|
+
'3B': (React.createElement("span", null,
|
|
868
|
+
React.createElement("b", null, "Standard care"),
|
|
958
869
|
" or ",
|
|
959
|
-
createElement("b", null, "investigational"),
|
|
870
|
+
React.createElement("b", null, "investigational"),
|
|
960
871
|
" biomarker",
|
|
961
872
|
' ',
|
|
962
873
|
"predictive of response to an ",
|
|
963
|
-
createElement("b", null, "FDA-approved"),
|
|
874
|
+
React.createElement("b", null, "FDA-approved"),
|
|
964
875
|
" or",
|
|
965
876
|
' ',
|
|
966
|
-
createElement("b", null, "investigational"),
|
|
877
|
+
React.createElement("b", null, "investigational"),
|
|
967
878
|
" drug in another indication")),
|
|
968
|
-
'4': (createElement("span", null,
|
|
969
|
-
createElement("b", null, "Compelling biological evidence"),
|
|
879
|
+
'4': (React.createElement("span", null,
|
|
880
|
+
React.createElement("b", null, "Compelling biological evidence"),
|
|
970
881
|
" supports the biomarker as being predictive of response to a drug")),
|
|
971
|
-
R1: (createElement("span", null,
|
|
972
|
-
createElement("b", null, "Standard care"),
|
|
882
|
+
R1: (React.createElement("span", null,
|
|
883
|
+
React.createElement("b", null, "Standard care"),
|
|
973
884
|
" biomarker predictive of",
|
|
974
885
|
' ',
|
|
975
|
-
createElement("b", null, "resistance"),
|
|
886
|
+
React.createElement("b", null, "resistance"),
|
|
976
887
|
" to an ",
|
|
977
|
-
createElement("b", null, "FDA-approved"),
|
|
888
|
+
React.createElement("b", null, "FDA-approved"),
|
|
978
889
|
" drug",
|
|
979
890
|
' ',
|
|
980
|
-
createElement("b", null, "in this indication"))),
|
|
981
|
-
R2: (createElement("span", null,
|
|
982
|
-
createElement("b", null, "Compelling clinical evidence"),
|
|
891
|
+
React.createElement("b", null, "in this indication"))),
|
|
892
|
+
R2: (React.createElement("span", null,
|
|
893
|
+
React.createElement("b", null, "Compelling clinical evidence"),
|
|
983
894
|
" supports the biomarker as being predictive of ",
|
|
984
|
-
createElement("b", null, "resistance"),
|
|
895
|
+
React.createElement("b", null, "resistance"),
|
|
985
896
|
" to a drug")),
|
|
986
|
-
Dx1: (createElement("span", null,
|
|
987
|
-
createElement("b", null, "FDA and/or professional guideline-recognized"),
|
|
897
|
+
Dx1: (React.createElement("span", null,
|
|
898
|
+
React.createElement("b", null, "FDA and/or professional guideline-recognized"),
|
|
988
899
|
' ',
|
|
989
900
|
"biomarker required for diagnosis in this indication")),
|
|
990
|
-
Dx2: (createElement("span", null,
|
|
991
|
-
createElement("b", null, "FDA and/or professional guideline-recognized"),
|
|
901
|
+
Dx2: (React.createElement("span", null,
|
|
902
|
+
React.createElement("b", null, "FDA and/or professional guideline-recognized"),
|
|
992
903
|
' ',
|
|
993
904
|
"biomarker that supports diagnosis in this indication")),
|
|
994
|
-
Dx3: (createElement("span", null,
|
|
905
|
+
Dx3: (React.createElement("span", null,
|
|
995
906
|
"Biomarker that ",
|
|
996
|
-
createElement("b", null, "may assist disease diagnosis"),
|
|
907
|
+
React.createElement("b", null, "may assist disease diagnosis"),
|
|
997
908
|
" in this indication based on ",
|
|
998
|
-
createElement("b", null, "clinical evidence"))),
|
|
999
|
-
Px1: (createElement("span", null,
|
|
1000
|
-
createElement("b", null, "FDA and/or professional guideline-recognized"),
|
|
909
|
+
React.createElement("b", null, "clinical evidence"))),
|
|
910
|
+
Px1: (React.createElement("span", null,
|
|
911
|
+
React.createElement("b", null, "FDA and/or professional guideline-recognized"),
|
|
1001
912
|
' ',
|
|
1002
913
|
"biomarker prognostic in this indication based on",
|
|
1003
914
|
' ',
|
|
1004
|
-
createElement("b", null, "well-powered studie(s)"))),
|
|
1005
|
-
Px2: (createElement("span", null,
|
|
1006
|
-
createElement("b", null, "FDA and/or professional guideline-recognized"),
|
|
915
|
+
React.createElement("b", null, "well-powered studie(s)"))),
|
|
916
|
+
Px2: (React.createElement("span", null,
|
|
917
|
+
React.createElement("b", null, "FDA and/or professional guideline-recognized"),
|
|
1007
918
|
' ',
|
|
1008
919
|
"biomarker prognostic in this indication based on",
|
|
1009
920
|
' ',
|
|
1010
|
-
createElement("b", null, "a single or multiple small studies"))),
|
|
1011
|
-
Px3: (createElement("span", null,
|
|
921
|
+
React.createElement("b", null, "a single or multiple small studies"))),
|
|
922
|
+
Px3: (React.createElement("span", null,
|
|
1012
923
|
"Biomarker is prognostic in this indication based on",
|
|
1013
924
|
' ',
|
|
1014
|
-
createElement("b", null, "clinical evidence"),
|
|
925
|
+
React.createElement("b", null, "clinical evidence"),
|
|
1015
926
|
" in ",
|
|
1016
|
-
createElement("b", null, "well-powered studies"))),
|
|
927
|
+
React.createElement("b", null, "well-powered studies"))),
|
|
1017
928
|
};
|
|
1018
929
|
},
|
|
1019
930
|
enumerable: false,
|
|
@@ -1029,7 +940,7 @@ var OncoKbHelper = /** @class */ (function () {
|
|
|
1029
940
|
case 'level':
|
|
1030
941
|
return {
|
|
1031
942
|
id: 'level',
|
|
1032
|
-
Header: createElement("div", { style: { textAlign: 'center' } }, "Level"),
|
|
943
|
+
Header: React.createElement("div", { style: { textAlign: 'center' } }, "Level"),
|
|
1033
944
|
accessor: 'level',
|
|
1034
945
|
maxWidth: 45,
|
|
1035
946
|
sortMethod: function (a, b) {
|
|
@@ -1037,14 +948,14 @@ var OncoKbHelper = /** @class */ (function () {
|
|
|
1037
948
|
},
|
|
1038
949
|
Cell: function (props) {
|
|
1039
950
|
var normalizedLevel = normalizeLevel(props.value) || '';
|
|
1040
|
-
return (createElement(DefaultTooltip, { overlay: _this.levelTooltipContent(normalizedLevel), placement: "left", trigger: ['hover', 'focus'], destroyTooltipOnHide: true },
|
|
1041
|
-
createElement("i", { className: levelIconClassNames(normalizedLevel), style: { margin: 'auto' } })));
|
|
951
|
+
return (React.createElement(DefaultTooltip, { overlay: _this.levelTooltipContent(normalizedLevel), placement: "left", trigger: ['hover', 'focus'], destroyTooltipOnHide: true },
|
|
952
|
+
React.createElement("i", { className: levelIconClassNames(normalizedLevel), style: { margin: 'auto' } })));
|
|
1042
953
|
},
|
|
1043
954
|
};
|
|
1044
955
|
case 'alterations':
|
|
1045
956
|
return {
|
|
1046
957
|
id: 'alterations',
|
|
1047
|
-
Header: createElement("span", null, "Alteration(s)"),
|
|
958
|
+
Header: React.createElement("span", null, "Alteration(s)"),
|
|
1048
959
|
accessor: 'alterations',
|
|
1049
960
|
minWidth: 80,
|
|
1050
961
|
sortMethod: function (a, b) {
|
|
@@ -1059,7 +970,7 @@ var OncoKbHelper = /** @class */ (function () {
|
|
|
1059
970
|
configurable: true,
|
|
1060
971
|
writable: true,
|
|
1061
972
|
value: function (level) {
|
|
1062
|
-
return (createElement("div", { style: { maxWidth: '200px' } }, OncoKbHelper.LEVEL_DESC[level]));
|
|
973
|
+
return (React.createElement("div", { style: { maxWidth: '200px' } }, OncoKbHelper.LEVEL_DESC[level]));
|
|
1063
974
|
}
|
|
1064
975
|
});
|
|
1065
976
|
Object.defineProperty(OncoKbHelper, "getAlterationsColumnCell", {
|
|
@@ -1068,7 +979,7 @@ var OncoKbHelper = /** @class */ (function () {
|
|
|
1068
979
|
writable: true,
|
|
1069
980
|
value: function (alterations, variant) {
|
|
1070
981
|
var mergedAlteration = mergeAlterations(alterations);
|
|
1071
|
-
var content = createElement("span", null, mergedAlteration);
|
|
982
|
+
var content = React.createElement("span", null, mergedAlteration);
|
|
1072
983
|
if (alterations.length > 5) {
|
|
1073
984
|
var lowerCasedQueryVariant_1 = variant.toLowerCase();
|
|
1074
985
|
var matchedAlteration = ___default.find(alterations, function (alteration) {
|
|
@@ -1080,22 +991,22 @@ var OncoKbHelper = /** @class */ (function () {
|
|
|
1080
991
|
var pickedAlteration = matchedAlteration === undefined
|
|
1081
992
|
? alterations[0]
|
|
1082
993
|
: matchedAlteration;
|
|
1083
|
-
content = (createElement("span", null,
|
|
994
|
+
content = (React.createElement("span", null,
|
|
1084
995
|
pickedAlteration,
|
|
1085
996
|
" and",
|
|
1086
997
|
' ',
|
|
1087
|
-
createElement(DefaultTooltip, { overlay: createElement("div", { style: { maxWidth: '400px' } }, mergedAlteration), placement: "right", destroyTooltipOnHide: true },
|
|
1088
|
-
createElement("a", null,
|
|
998
|
+
React.createElement(DefaultTooltip, { overlay: React.createElement("div", { style: { maxWidth: '400px' } }, mergedAlteration), placement: "right", destroyTooltipOnHide: true },
|
|
999
|
+
React.createElement("a", null,
|
|
1089
1000
|
alterations.length - 1,
|
|
1090
1001
|
" other alterations"))));
|
|
1091
1002
|
}
|
|
1092
|
-
return (createElement("div", { style: { whiteSpace: 'normal', lineHeight: '1rem' } }, content));
|
|
1003
|
+
return (React.createElement("div", { style: { whiteSpace: 'normal', lineHeight: '1rem' } }, content));
|
|
1093
1004
|
}
|
|
1094
1005
|
});
|
|
1095
1006
|
return OncoKbHelper;
|
|
1096
1007
|
}());
|
|
1097
1008
|
|
|
1098
|
-
var styles = {"list-group-item":"listGroupItem-module_list-group-item__1Y5zb","list-group-item-title":"listGroupItem-module_list-group-item-title__3diZg","list-group-item-content":"listGroupItem-module_list-group-item-content__Sspft","no-style-ul":"listGroupItem-module_no-style-ul__2Rf8i"};
|
|
1009
|
+
var styles$a = {"list-group-item":"listGroupItem-module_list-group-item__1Y5zb","list-group-item-title":"listGroupItem-module_list-group-item-title__3diZg","list-group-item-content":"listGroupItem-module_list-group-item-content__Sspft","no-style-ul":"listGroupItem-module_no-style-ul__2Rf8i"};
|
|
1099
1010
|
|
|
1100
1011
|
var ArticleAbstractItem = /** @class */ (function (_super) {
|
|
1101
1012
|
__extends(ArticleAbstractItem, _super);
|
|
@@ -1107,16 +1018,16 @@ var ArticleAbstractItem = /** @class */ (function (_super) {
|
|
|
1107
1018
|
configurable: true,
|
|
1108
1019
|
writable: true,
|
|
1109
1020
|
value: function () {
|
|
1110
|
-
var content = createElement("span", null, this.props.abstract);
|
|
1021
|
+
var content = React.createElement("span", null, this.props.abstract);
|
|
1111
1022
|
if (this.props.link) {
|
|
1112
|
-
content = (createElement("a", { href: this.props.link, target: "_blank" }, content));
|
|
1023
|
+
content = (React.createElement("a", { href: this.props.link, target: "_blank" }, content));
|
|
1113
1024
|
}
|
|
1114
|
-
return (createElement("li", { key: "abstract_" + this.props.abstract, className: styles['list-group-item'] },
|
|
1115
|
-
createElement("span", { className: styles['list-group-item-title'] }, content)));
|
|
1025
|
+
return (React.createElement("li", { key: "abstract_" + this.props.abstract, className: styles$a['list-group-item'] },
|
|
1026
|
+
React.createElement("span", { className: styles$a['list-group-item-title'] }, content)));
|
|
1116
1027
|
}
|
|
1117
1028
|
});
|
|
1118
1029
|
return ArticleAbstractItem;
|
|
1119
|
-
}(Component));
|
|
1030
|
+
}(React.Component));
|
|
1120
1031
|
|
|
1121
1032
|
var PmidItem = /** @class */ (function (_super) {
|
|
1122
1033
|
__extends(PmidItem, _super);
|
|
@@ -1128,24 +1039,24 @@ var PmidItem = /** @class */ (function (_super) {
|
|
|
1128
1039
|
configurable: true,
|
|
1129
1040
|
writable: true,
|
|
1130
1041
|
value: function () {
|
|
1131
|
-
return (createElement("li", { key: this.props.pmid, className: styles['list-group-item'] },
|
|
1132
|
-
createElement("a", { className: styles['list-group-item-title'], href: getNCBIlink("/pubmed/" + this.props.pmid), target: "_blank" },
|
|
1133
|
-
createElement("span", null, trimOffHtmlTagEntities(this.props.title))),
|
|
1134
|
-
createElement("div", { className: styles['list-group-item-content'] },
|
|
1135
|
-
createElement("span", null,
|
|
1042
|
+
return (React.createElement("li", { key: this.props.pmid, className: styles$a['list-group-item'] },
|
|
1043
|
+
React.createElement("a", { className: styles$a['list-group-item-title'], href: getNCBIlink("/pubmed/" + this.props.pmid), target: "_blank" },
|
|
1044
|
+
React.createElement("span", null, trimOffHtmlTagEntities(this.props.title))),
|
|
1045
|
+
React.createElement("div", { className: styles$a['list-group-item-content'] },
|
|
1046
|
+
React.createElement("span", null,
|
|
1136
1047
|
this.props.author,
|
|
1137
1048
|
" ",
|
|
1138
1049
|
this.props.source,
|
|
1139
1050
|
".",
|
|
1140
1051
|
' ',
|
|
1141
1052
|
this.props.date),
|
|
1142
|
-
createElement("span", null,
|
|
1053
|
+
React.createElement("span", null,
|
|
1143
1054
|
"PMID: ",
|
|
1144
1055
|
this.props.pmid))));
|
|
1145
1056
|
}
|
|
1146
1057
|
});
|
|
1147
1058
|
return PmidItem;
|
|
1148
|
-
}(Component));
|
|
1059
|
+
}(React.Component));
|
|
1149
1060
|
|
|
1150
1061
|
var ReferenceList = /** @class */ (function (_super) {
|
|
1151
1062
|
__extends(ReferenceList, _super);
|
|
@@ -1177,7 +1088,7 @@ var ReferenceList = /** @class */ (function (_super) {
|
|
|
1177
1088
|
value: function () {
|
|
1178
1089
|
var _this = this;
|
|
1179
1090
|
if (this.isLoading) {
|
|
1180
|
-
return createElement("i", { className: "fa fa-spinner fa-pulse fa-2x" });
|
|
1091
|
+
return React.createElement("i", { className: "fa fa-spinner fa-pulse fa-2x" });
|
|
1181
1092
|
}
|
|
1182
1093
|
var list = [];
|
|
1183
1094
|
if (this.props.pmidData) {
|
|
@@ -1185,7 +1096,7 @@ var ReferenceList = /** @class */ (function (_super) {
|
|
|
1185
1096
|
var cacheData = _this.props.pmidData[uid.toString()];
|
|
1186
1097
|
var articleContent = cacheData ? cacheData.data : null;
|
|
1187
1098
|
if (articleContent) {
|
|
1188
|
-
list.push(createElement(PmidItem, { title: articleContent.title, author: ___default.isArray(articleContent.authors) &&
|
|
1099
|
+
list.push(React.createElement(PmidItem, { title: articleContent.title, author: ___default.isArray(articleContent.authors) &&
|
|
1189
1100
|
articleContent.authors.length > 0
|
|
1190
1101
|
? articleContent.authors[0].name + ' et al.'
|
|
1191
1102
|
: 'Unknown', source: articleContent.source, date: new Date(articleContent.pubdate)
|
|
@@ -1195,9 +1106,9 @@ var ReferenceList = /** @class */ (function (_super) {
|
|
|
1195
1106
|
});
|
|
1196
1107
|
}
|
|
1197
1108
|
this.props.abstracts.forEach(function (abstract) {
|
|
1198
|
-
list.push(createElement(ArticleAbstractItem, { abstract: abstract.abstract, link: abstract.link }));
|
|
1109
|
+
list.push(React.createElement(ArticleAbstractItem, { abstract: abstract.abstract, link: abstract.link }));
|
|
1199
1110
|
});
|
|
1200
|
-
return createElement("ul", { className: styles['no-style-ul'] }, list);
|
|
1111
|
+
return React.createElement("ul", { className: styles$a['no-style-ul'] }, list);
|
|
1201
1112
|
}
|
|
1202
1113
|
});
|
|
1203
1114
|
__decorate([
|
|
@@ -1207,7 +1118,7 @@ var ReferenceList = /** @class */ (function (_super) {
|
|
|
1207
1118
|
observer
|
|
1208
1119
|
], ReferenceList);
|
|
1209
1120
|
return ReferenceList;
|
|
1210
|
-
}(Component));
|
|
1121
|
+
}(React.Component));
|
|
1211
1122
|
|
|
1212
1123
|
var RefComponent = /** @class */ (function (_super) {
|
|
1213
1124
|
__extends(RefComponent, _super);
|
|
@@ -1222,11 +1133,11 @@ var RefComponent = /** @class */ (function (_super) {
|
|
|
1222
1133
|
var _this = this;
|
|
1223
1134
|
var parts = this.props.content.split(/pmid|nct/i);
|
|
1224
1135
|
if (parts.length < 2) {
|
|
1225
|
-
return createElement("span", null, this.props.content);
|
|
1136
|
+
return React.createElement("span", null, this.props.content);
|
|
1226
1137
|
}
|
|
1227
1138
|
var ids = parts[1].match(/[0-9]+/g);
|
|
1228
1139
|
if (!ids) {
|
|
1229
|
-
return createElement("span", null, this.props.content);
|
|
1140
|
+
return React.createElement("span", null, this.props.content);
|
|
1230
1141
|
}
|
|
1231
1142
|
var prefix;
|
|
1232
1143
|
if (this.props.content.toLowerCase().indexOf('pmid') >= 0) {
|
|
@@ -1237,28 +1148,28 @@ var RefComponent = /** @class */ (function (_super) {
|
|
|
1237
1148
|
}
|
|
1238
1149
|
var link;
|
|
1239
1150
|
if (prefix) {
|
|
1240
|
-
link = (createElement("a", { target: "_blank", href: getNCBIlink("/pubmed/" + ids.join(',')) }, "" + prefix + ids.join(',')));
|
|
1151
|
+
link = (React.createElement("a", { target: "_blank", href: getNCBIlink("/pubmed/" + ids.join(',')) }, "" + prefix + ids.join(',')));
|
|
1241
1152
|
}
|
|
1242
1153
|
if (this.props.componentType === 'tooltip') {
|
|
1243
|
-
var tooltipContent = function () { return (createElement("div", { className: mainStyles['tooltip-refs'] },
|
|
1244
|
-
createElement(ReferenceList, { pmids: ids.map(function (id) { return parseInt(id); }), pmidData: _this.props.pmidData, abstracts: [] }))); };
|
|
1245
|
-
return (createElement("span", { key: this.props.content },
|
|
1154
|
+
var tooltipContent = function () { return (React.createElement("div", { className: mainStyles['tooltip-refs'] },
|
|
1155
|
+
React.createElement(ReferenceList, { pmids: ids.map(function (id) { return parseInt(id); }), pmidData: _this.props.pmidData, abstracts: [] }))); };
|
|
1156
|
+
return (React.createElement("span", { key: this.props.content },
|
|
1246
1157
|
parts[0],
|
|
1247
|
-
createElement(DefaultTooltip, { overlay: tooltipContent, placement: "right", trigger: ['hover', 'focus'], destroyTooltipOnHide: true },
|
|
1248
|
-
createElement("i", { className: "fa fa-book", style: { color: 'black' } })), ")"));
|
|
1158
|
+
React.createElement(DefaultTooltip, { overlay: tooltipContent, placement: "right", trigger: ['hover', 'focus'], destroyTooltipOnHide: true },
|
|
1159
|
+
React.createElement("i", { className: "fa fa-book", style: { color: 'black' } })), ")"));
|
|
1249
1160
|
}
|
|
1250
1161
|
else if (link) {
|
|
1251
|
-
return (createElement("span", { key: this.props.content },
|
|
1162
|
+
return (React.createElement("span", { key: this.props.content },
|
|
1252
1163
|
parts[0],
|
|
1253
1164
|
link, ")"));
|
|
1254
1165
|
}
|
|
1255
1166
|
else {
|
|
1256
|
-
return createElement("span", null, this.props.content);
|
|
1167
|
+
return React.createElement("span", null, this.props.content);
|
|
1257
1168
|
}
|
|
1258
1169
|
}
|
|
1259
1170
|
});
|
|
1260
1171
|
return RefComponent;
|
|
1261
|
-
}(Component));
|
|
1172
|
+
}(React.Component));
|
|
1262
1173
|
|
|
1263
1174
|
var SummaryWithRefs = /** @class */ (function (_super) {
|
|
1264
1175
|
__extends(SummaryWithRefs, _super);
|
|
@@ -1272,7 +1183,7 @@ var SummaryWithRefs = /** @class */ (function (_super) {
|
|
|
1272
1183
|
value: function () {
|
|
1273
1184
|
var _this = this;
|
|
1274
1185
|
if (!this.props.content) {
|
|
1275
|
-
return createElement("span", null);
|
|
1186
|
+
return React.createElement("span", null);
|
|
1276
1187
|
}
|
|
1277
1188
|
var content = [];
|
|
1278
1189
|
// example delimiters:
|
|
@@ -1286,17 +1197,17 @@ var SummaryWithRefs = /** @class */ (function (_super) {
|
|
|
1286
1197
|
parts.forEach(function (part) {
|
|
1287
1198
|
// if delimiter convert to a JSX component
|
|
1288
1199
|
if (part.match(regex)) {
|
|
1289
|
-
content.push(createElement(RefComponent, { pmidData: _this.props.pmidData, componentType: _this.props.type, content: part }));
|
|
1200
|
+
content.push(React.createElement(RefComponent, { pmidData: _this.props.pmidData, componentType: _this.props.type, content: part }));
|
|
1290
1201
|
}
|
|
1291
1202
|
else {
|
|
1292
|
-
content.push(createElement("span", null, part));
|
|
1203
|
+
content.push(React.createElement("span", null, part));
|
|
1293
1204
|
}
|
|
1294
1205
|
});
|
|
1295
|
-
return createElement("span", null, content);
|
|
1206
|
+
return React.createElement("span", null, content);
|
|
1296
1207
|
}
|
|
1297
1208
|
});
|
|
1298
1209
|
return SummaryWithRefs;
|
|
1299
|
-
}(Component));
|
|
1210
|
+
}(React.Component));
|
|
1300
1211
|
|
|
1301
1212
|
var EvidenceReferenceContent = function (props) {
|
|
1302
1213
|
return (React__default.createElement(If, { condition: !!props.description },
|
|
@@ -1324,7 +1235,7 @@ var OncoKbTreatmentTable = /** @class */ (function (_super) {
|
|
|
1324
1235
|
configurable: true,
|
|
1325
1236
|
writable: true,
|
|
1326
1237
|
value: function (level) {
|
|
1327
|
-
return (createElement("div", { style: { maxWidth: '200px' } }, OncoKbHelper.LEVEL_DESC[level]));
|
|
1238
|
+
return (React.createElement("div", { style: { maxWidth: '200px' } }, OncoKbHelper.LEVEL_DESC[level]));
|
|
1328
1239
|
}
|
|
1329
1240
|
});
|
|
1330
1241
|
Object.defineProperty(_this, "treatmentTooltipContent", {
|
|
@@ -1332,11 +1243,11 @@ var OncoKbTreatmentTable = /** @class */ (function (_super) {
|
|
|
1332
1243
|
configurable: true,
|
|
1333
1244
|
writable: true,
|
|
1334
1245
|
value: function (abstracts, pmids, pmidData, description) {
|
|
1335
|
-
return abstracts.length > 0 || pmids.length > 0 ? (function () { return (createElement("div", { className: mainStyles['tooltip-refs'] },
|
|
1336
|
-
createElement(EvidenceReferenceContent, { description: description, citations: {
|
|
1246
|
+
return abstracts.length > 0 || pmids.length > 0 ? (function () { return (React.createElement("div", { className: mainStyles['tooltip-refs'] },
|
|
1247
|
+
React.createElement(EvidenceReferenceContent, { description: description, citations: {
|
|
1337
1248
|
pmids: pmids.map(function (pmid) { return pmid.toString(); }),
|
|
1338
1249
|
abstracts: abstracts,
|
|
1339
|
-
}, pmidData: pmidData, noInfoDisclaimer: 'Mutation effect information is not available.' }))); }) : (createElement("span", null));
|
|
1250
|
+
}, pmidData: pmidData, noInfoDisclaimer: 'Mutation effect information is not available.' }))); }) : (React.createElement("span", null));
|
|
1340
1251
|
}
|
|
1341
1252
|
});
|
|
1342
1253
|
Object.defineProperty(_this, "columns", {
|
|
@@ -1350,31 +1261,31 @@ var OncoKbTreatmentTable = /** @class */ (function (_super) {
|
|
|
1350
1261
|
} }),
|
|
1351
1262
|
{
|
|
1352
1263
|
id: 'treatment',
|
|
1353
|
-
Header: createElement("span", null, "Drug(s)"),
|
|
1264
|
+
Header: React.createElement("span", null, "Drug(s)"),
|
|
1354
1265
|
accessor: 'drugs',
|
|
1355
|
-
Cell: function (props) { return (createElement("div", { style: { whiteSpace: 'normal', lineHeight: '1rem' } }, props.original.drugs
|
|
1266
|
+
Cell: function (props) { return (React.createElement("div", { style: { whiteSpace: 'normal', lineHeight: '1rem' } }, props.original.drugs
|
|
1356
1267
|
.map(function (drug) { return drug.drugName; })
|
|
1357
1268
|
.join(' + '))); },
|
|
1358
1269
|
},
|
|
1359
1270
|
{
|
|
1360
1271
|
id: 'cancerType',
|
|
1361
|
-
Header: (createElement("span", null,
|
|
1272
|
+
Header: (React.createElement("span", null,
|
|
1362
1273
|
"Level-associated",
|
|
1363
|
-
createElement("br", null),
|
|
1274
|
+
React.createElement("br", null),
|
|
1364
1275
|
"cancer type(s)")),
|
|
1365
1276
|
accessor: 'levelAssociatedCancerType',
|
|
1366
1277
|
minWidth: 120,
|
|
1367
|
-
Cell: function (props) { return (createElement("div", { style: { whiteSpace: 'normal', lineHeight: '1rem' } }, getTumorTypeName(props.original.levelAssociatedCancerType))); },
|
|
1278
|
+
Cell: function (props) { return (React.createElement("div", { style: { whiteSpace: 'normal', lineHeight: '1rem' } }, getTumorTypeName(props.original.levelAssociatedCancerType))); },
|
|
1368
1279
|
},
|
|
1369
1280
|
{
|
|
1370
1281
|
id: 'referenceList',
|
|
1371
|
-
Header: createElement("span", null),
|
|
1282
|
+
Header: React.createElement("span", null),
|
|
1372
1283
|
sortable: false,
|
|
1373
1284
|
maxWidth: 25,
|
|
1374
1285
|
Cell: function (props) {
|
|
1375
1286
|
return (props.original.abstracts.length > 0 ||
|
|
1376
|
-
props.original.pmids.length > 0) && (createElement(DefaultTooltip, { overlay: _this.treatmentTooltipContent(props.original.abstracts, props.original.pmids.map(function (pmid) { return Number(pmid); }), _this.props.pmidData, props.original.description), placement: "right", trigger: ['hover', 'focus'], destroyTooltipOnHide: true },
|
|
1377
|
-
createElement("i", { className: "fa fa-book" })));
|
|
1287
|
+
props.original.pmids.length > 0) && (React.createElement(DefaultTooltip, { overlay: _this.treatmentTooltipContent(props.original.abstracts, props.original.pmids.map(function (pmid) { return Number(pmid); }), _this.props.pmidData, props.original.description), placement: "right", trigger: ['hover', 'focus'], destroyTooltipOnHide: true },
|
|
1288
|
+
React.createElement("i", { className: "fa fa-book" })));
|
|
1378
1289
|
},
|
|
1379
1290
|
},
|
|
1380
1291
|
]
|
|
@@ -1386,15 +1297,15 @@ var OncoKbTreatmentTable = /** @class */ (function (_super) {
|
|
|
1386
1297
|
configurable: true,
|
|
1387
1298
|
writable: true,
|
|
1388
1299
|
value: function () {
|
|
1389
|
-
return (createElement("div", { className: "oncokb-treatment-table" },
|
|
1390
|
-
createElement(ReactTable, { data: this.props.treatments, columns: this.columns, showPagination: false, pageSize: this.props.treatments.length, className: "-striped -highlight" })));
|
|
1300
|
+
return (React.createElement("div", { className: "oncokb-treatment-table" },
|
|
1301
|
+
React.createElement(ReactTable, { data: this.props.treatments, columns: this.columns, showPagination: false, pageSize: this.props.treatments.length, className: "-striped -highlight" })));
|
|
1391
1302
|
}
|
|
1392
1303
|
});
|
|
1393
1304
|
OncoKbTreatmentTable = __decorate([
|
|
1394
1305
|
observer
|
|
1395
1306
|
], OncoKbTreatmentTable);
|
|
1396
1307
|
return OncoKbTreatmentTable;
|
|
1397
|
-
}(Component));
|
|
1308
|
+
}(React.Component));
|
|
1398
1309
|
|
|
1399
1310
|
var BiologicalContent = function (props) {
|
|
1400
1311
|
return (React__default.createElement(EvidenceReferenceContent, { description: props.biologicalSummary, citations: props.mutationEffectCitations, pmidData: props.pmidData, noInfoDisclaimer: 'Mutation effect information is not available.' }));
|
|
@@ -1408,42 +1319,42 @@ var ImplicationContent = function (props) {
|
|
|
1408
1319
|
} }),
|
|
1409
1320
|
{
|
|
1410
1321
|
id: 'referenceList',
|
|
1411
|
-
Header: createElement("span", null),
|
|
1322
|
+
Header: React.createElement("span", null),
|
|
1412
1323
|
sortable: false,
|
|
1413
1324
|
maxWidth: 50,
|
|
1414
|
-
Cell: function (cellProps) { return (createElement(DefaultTooltip, { overlay: function () { return (createElement("div", { className: mainStyles['tooltip-refs'] },
|
|
1415
|
-
createElement(EvidenceReferenceContent, { description: cellProps.original.description, citations: {
|
|
1325
|
+
Cell: function (cellProps) { return (React.createElement(DefaultTooltip, { overlay: function () { return (React.createElement("div", { className: mainStyles['tooltip-refs'] },
|
|
1326
|
+
React.createElement(EvidenceReferenceContent, { description: cellProps.original.description, citations: {
|
|
1416
1327
|
pmids: cellProps.original.pmids,
|
|
1417
1328
|
abstracts: cellProps.original.abstracts,
|
|
1418
1329
|
}, pmidData: props.pmidData, noInfoDisclaimer: 'Mutation effect information is not available.' }))); }, placement: "right", trigger: ['hover', 'focus'], destroyTooltipOnHide: true },
|
|
1419
|
-
createElement("i", { className: "fa fa-book" }))); },
|
|
1330
|
+
React.createElement("i", { className: "fa fa-book" }))); },
|
|
1420
1331
|
},
|
|
1421
1332
|
];
|
|
1422
|
-
return (createElement("div", null,
|
|
1423
|
-
createElement("p", null, props.summary),
|
|
1424
|
-
createElement("div", null,
|
|
1425
|
-
createElement(ReactTable, { data: props.implications, columns: columns, showPagination: false, pageSize: props.implications.length, className: "-striped -highlight" }))));
|
|
1333
|
+
return (React.createElement("div", null,
|
|
1334
|
+
React.createElement("p", null, props.summary),
|
|
1335
|
+
React.createElement("div", null,
|
|
1336
|
+
React.createElement(ReactTable, { data: props.implications, columns: columns, showPagination: false, pageSize: props.implications.length, className: "-striped -highlight" }))));
|
|
1426
1337
|
};
|
|
1427
1338
|
|
|
1428
1339
|
var tabsStyles = {"tabs-wrapper":"tabs-module_tabs-wrapper__XKjzo","tabs":"tabs-module_tabs__2I3mz","tab":"tabs-module_tab__3MoDA","tab-pane":"tabs-module_tab-pane__sGd85","tab-title-a":"tabs-module_tab-title-a__2WTNA","tab-title":"tabs-module_tab-title__2z9-D","tab-subtitle":"tabs-module_tab-subtitle__1P8B_"};
|
|
1429
1340
|
|
|
1430
|
-
var _a$
|
|
1341
|
+
var _a$3;
|
|
1431
1342
|
var OncoKbMedicalDisclaimer = (React__default.createElement("p", { className: mainStyles.disclaimer }, "The information above is intended for research purposes only and should not be used as a substitute for professional diagnosis and treatment."));
|
|
1432
1343
|
var ONCOKB_DATA_ACCESS_PAGE_LINK = 'https://docs.cbioportal.org/2.4-integration-with-other-webservices/oncokb-data-access';
|
|
1433
1344
|
var publicInstanceDisclaimerOverLay = (React__default.createElement("div", null,
|
|
1434
1345
|
React__default.createElement("p", null,
|
|
1435
|
-
"This cBioPortal instance is not linked to an OncoKB license, and therefore some OncoKB content is not available including therapeutic, diagnostic and prognostic implications. To obtain a license, please follow",
|
|
1346
|
+
"This cBioPortal instance is not linked to an OncoKB\u2122 license, and therefore some OncoKB content is not available including therapeutic, diagnostic and prognostic implications. To obtain a license, please follow",
|
|
1436
1347
|
' ',
|
|
1437
1348
|
React__default.createElement("a", { href: ONCOKB_DATA_ACCESS_PAGE_LINK, target: '_blank' }, "these instructions"),
|
|
1438
1349
|
"."),
|
|
1439
1350
|
OncoKbMedicalDisclaimer));
|
|
1440
|
-
var DATA_TYPE_TO_TITLE = (_a$
|
|
1441
|
-
_a$
|
|
1442
|
-
_a$
|
|
1443
|
-
_a$
|
|
1444
|
-
_a$
|
|
1445
|
-
_a$
|
|
1446
|
-
_a$
|
|
1351
|
+
var DATA_TYPE_TO_TITLE = (_a$3 = {},
|
|
1352
|
+
_a$3[OncoKbCardDataType.BIOLOGICAL] = 'Biological Effect',
|
|
1353
|
+
_a$3[OncoKbCardDataType.TXS] = 'Therapeutic Implications',
|
|
1354
|
+
_a$3[OncoKbCardDataType.TXR] = 'Therapeutic Implications',
|
|
1355
|
+
_a$3[OncoKbCardDataType.DX] = 'Diagnostic Implications',
|
|
1356
|
+
_a$3[OncoKbCardDataType.PX] = 'Prognostic Implications',
|
|
1357
|
+
_a$3);
|
|
1447
1358
|
var TabContentWrapper = function (props) {
|
|
1448
1359
|
return React__default.createElement("div", { className: mainStyles['tab-content'] }, props.children);
|
|
1449
1360
|
};
|
|
@@ -1621,17 +1532,17 @@ var OncoKbCard = /** @class */ (function (_super) {
|
|
|
1621
1532
|
configurable: true,
|
|
1622
1533
|
writable: true,
|
|
1623
1534
|
value: function () {
|
|
1624
|
-
var oncokbLogo = (createElement("img", { src: oncoKbLogoImgSrc, className: mainStyles['oncokb-logo'], alt: "OncoKB" }));
|
|
1625
|
-
return (createElement("div", { className: mainStyles['oncokb-card'], "data-test": "oncokb-card" },
|
|
1626
|
-
createElement("div", null,
|
|
1627
|
-
!this.props.geneNotExist && this.props.indicator && (createElement(OncoKbCardTitle, { hugoSymbol: this.props.indicator.query.hugoSymbol, variant: this.props.indicator.query.alteration, tumorType: this.props.indicator
|
|
1535
|
+
var oncokbLogo = (React.createElement("img", { src: oncoKbLogoImgSrc, className: mainStyles['oncokb-logo'], alt: "OncoKB\u2122" }));
|
|
1536
|
+
return (React.createElement("div", { className: mainStyles['oncokb-card'], "data-test": "oncokb-card" },
|
|
1537
|
+
React.createElement("div", null,
|
|
1538
|
+
!this.props.geneNotExist && this.props.indicator && (React.createElement(OncoKbCardTitle, { hugoSymbol: this.props.indicator.query.hugoSymbol, variant: this.props.indicator.query.alteration, tumorType: this.props.indicator
|
|
1628
1539
|
? this.props.indicator.query.tumorType
|
|
1629
1540
|
: '' })),
|
|
1630
|
-
createElement(OncoKbCardBody, { type: this.props.type, indicator: this.props.indicator, geneNotExist: this.props.geneNotExist, isCancerGene: this.props.isCancerGene, hugoSymbol: this.props.hugoSymbol, pmidData: this.props.pmidData, usingPublicOncoKbInstance: this.props.usingPublicOncoKbInstance, displayHighestLevelInTabTitle: this.props.displayHighestLevelInTabTitle }),
|
|
1631
|
-
createElement("div", { className: mainStyles.footer },
|
|
1632
|
-
this.oncokbLinkOut === undefined ? ({ oncokbLogo: oncokbLogo }) : (createElement("a", { href: "" + this.oncokbLinkOut, target: "_blank", className: mainStyles['oncokb-logo'] }, oncokbLogo)),
|
|
1633
|
-
this.props.handleFeedbackOpen && (createElement("span", null,
|
|
1634
|
-
createElement("button", { className: "btn btn-default btn-xs", onClick: this.props.handleFeedbackOpen }, "Feedback")))))));
|
|
1541
|
+
React.createElement(OncoKbCardBody, { type: this.props.type, indicator: this.props.indicator, geneNotExist: this.props.geneNotExist, isCancerGene: this.props.isCancerGene, hugoSymbol: this.props.hugoSymbol, pmidData: this.props.pmidData, usingPublicOncoKbInstance: this.props.usingPublicOncoKbInstance, displayHighestLevelInTabTitle: this.props.displayHighestLevelInTabTitle }),
|
|
1542
|
+
React.createElement("div", { className: mainStyles.footer },
|
|
1543
|
+
this.oncokbLinkOut === undefined ? ({ oncokbLogo: oncokbLogo }) : (React.createElement("a", { href: "" + this.oncokbLinkOut, target: "_blank", className: mainStyles['oncokb-logo'] }, oncokbLogo)),
|
|
1544
|
+
this.props.handleFeedbackOpen && (React.createElement("span", null,
|
|
1545
|
+
React.createElement("button", { className: "btn btn-default btn-xs", onClick: this.props.handleFeedbackOpen }, "Feedback")))))));
|
|
1635
1546
|
}
|
|
1636
1547
|
});
|
|
1637
1548
|
__decorate([
|
|
@@ -1641,7 +1552,7 @@ var OncoKbCard = /** @class */ (function (_super) {
|
|
|
1641
1552
|
observer
|
|
1642
1553
|
], OncoKbCard);
|
|
1643
1554
|
return OncoKbCard;
|
|
1644
|
-
}(Component));
|
|
1555
|
+
}(React.Component));
|
|
1645
1556
|
|
|
1646
1557
|
/**
|
|
1647
1558
|
* @author Selcuk Onur Sumer
|
|
@@ -1684,16 +1595,16 @@ var OncoKbTooltip = /** @class */ (function (_super) {
|
|
|
1684
1595
|
configurable: true,
|
|
1685
1596
|
writable: true,
|
|
1686
1597
|
value: function () {
|
|
1687
|
-
var tooltipContent = createElement("span", null);
|
|
1598
|
+
var tooltipContent = React.createElement("span", null);
|
|
1688
1599
|
if (this.props.geneNotExist) {
|
|
1689
|
-
tooltipContent = (createElement(OncoKbCard, { type: this.props.type, usingPublicOncoKbInstance: this.props.usingPublicOncoKbInstance, hugoSymbol: this.props.hugoSymbol, geneNotExist: this.props.geneNotExist, isCancerGene: this.props.isCancerGene, pmidData: {}, handleFeedbackOpen: this.props.handleFeedbackOpen, displayHighestLevelInTabTitle: true }));
|
|
1600
|
+
tooltipContent = (React.createElement(OncoKbCard, { type: this.props.type, usingPublicOncoKbInstance: this.props.usingPublicOncoKbInstance, hugoSymbol: this.props.hugoSymbol, geneNotExist: this.props.geneNotExist, isCancerGene: this.props.isCancerGene, pmidData: {}, handleFeedbackOpen: this.props.handleFeedbackOpen, displayHighestLevelInTabTitle: true }));
|
|
1690
1601
|
}
|
|
1691
1602
|
if (!this.props.indicator) {
|
|
1692
1603
|
return tooltipContent;
|
|
1693
1604
|
}
|
|
1694
1605
|
if (!this.props.geneNotExist) {
|
|
1695
1606
|
var pmidData = this.pmidData;
|
|
1696
|
-
tooltipContent = (createElement(OncoKbCard, { type: this.props.type, usingPublicOncoKbInstance: this.props.usingPublicOncoKbInstance, geneNotExist: this.props.geneNotExist, isCancerGene: this.props.isCancerGene, hugoSymbol: this.props.hugoSymbol, indicator: this.props.indicator, pmidData: pmidData, handleFeedbackOpen: this.props.handleFeedbackOpen, displayHighestLevelInTabTitle: true }));
|
|
1607
|
+
tooltipContent = (React.createElement(OncoKbCard, { type: this.props.type, usingPublicOncoKbInstance: this.props.usingPublicOncoKbInstance, geneNotExist: this.props.geneNotExist, isCancerGene: this.props.isCancerGene, hugoSymbol: this.props.hugoSymbol, indicator: this.props.indicator, pmidData: pmidData, handleFeedbackOpen: this.props.handleFeedbackOpen, displayHighestLevelInTabTitle: true }));
|
|
1697
1608
|
}
|
|
1698
1609
|
return tooltipContent;
|
|
1699
1610
|
}
|
|
@@ -1702,7 +1613,7 @@ var OncoKbTooltip = /** @class */ (function (_super) {
|
|
|
1702
1613
|
observer
|
|
1703
1614
|
], OncoKbTooltip);
|
|
1704
1615
|
return OncoKbTooltip;
|
|
1705
|
-
}(Component));
|
|
1616
|
+
}(React.Component));
|
|
1706
1617
|
|
|
1707
1618
|
var OncoKbFeedback = /** @class */ (function (_super) {
|
|
1708
1619
|
__extends(OncoKbFeedback, _super);
|
|
@@ -1721,23 +1632,23 @@ var OncoKbFeedback = /** @class */ (function (_super) {
|
|
|
1721
1632
|
var userParam = "entry.1381123986=" + (this.props.userEmailAddress ||
|
|
1722
1633
|
'');
|
|
1723
1634
|
var uriParam = "entry.1083850662=" + encodeURIComponent(window.location.href);
|
|
1724
|
-
return (createElement(Modal, { show: this.props.showFeedback, onHide: this.props.handleFeedbackClose },
|
|
1725
|
-
createElement(Modal.Header, { closeButton: true },
|
|
1726
|
-
createElement(Modal.Title, null, "OncoKB Annotation Feedback")),
|
|
1727
|
-
createElement(Modal.Body, null,
|
|
1728
|
-
createElement("iframe", { src: url + "?" + geneParam + "&" + alterationParam + "&entry.118699694&entry.1568641202&" + userParam + "&" + uriParam + "&embedded=true", style: {
|
|
1635
|
+
return (React.createElement(Modal, { show: this.props.showFeedback, onHide: this.props.handleFeedbackClose },
|
|
1636
|
+
React.createElement(Modal.Header, { closeButton: true },
|
|
1637
|
+
React.createElement(Modal.Title, null, "OncoKB\u2122 Annotation Feedback")),
|
|
1638
|
+
React.createElement(Modal.Body, null,
|
|
1639
|
+
React.createElement("iframe", { src: url + "?" + geneParam + "&" + alterationParam + "&entry.118699694&entry.1568641202&" + userParam + "&" + uriParam + "&embedded=true", style: {
|
|
1729
1640
|
width: 550,
|
|
1730
1641
|
height: 500,
|
|
1731
1642
|
border: 'none',
|
|
1732
1643
|
marginLeft: '10px',
|
|
1733
1644
|
}, marginHeight: 0, marginWidth: 0 },
|
|
1734
|
-
createElement("i", { className: "fa fa-spinner fa-pulse fa-2x" })))));
|
|
1645
|
+
React.createElement("i", { className: "fa fa-spinner fa-pulse fa-2x" })))));
|
|
1735
1646
|
}
|
|
1736
1647
|
});
|
|
1737
1648
|
return OncoKbFeedback;
|
|
1738
|
-
}(Component));
|
|
1649
|
+
}(React.Component));
|
|
1739
1650
|
|
|
1740
|
-
function sortValue$
|
|
1651
|
+
function sortValue$6(indicator) {
|
|
1741
1652
|
var values = [0, 0, 0];
|
|
1742
1653
|
if (indicator) {
|
|
1743
1654
|
values[0] = calcOncogenicScore(indicator.oncogenic);
|
|
@@ -1748,7 +1659,7 @@ function sortValue$2(indicator) {
|
|
|
1748
1659
|
}
|
|
1749
1660
|
return values;
|
|
1750
1661
|
}
|
|
1751
|
-
function download$
|
|
1662
|
+
function download$5(indicator) {
|
|
1752
1663
|
var _a, _b;
|
|
1753
1664
|
if (!indicator) {
|
|
1754
1665
|
return 'NA';
|
|
@@ -1821,9 +1732,9 @@ var OncoKB = /** @class */ (function (_super) {
|
|
|
1821
1732
|
? this.singleAnnotationIcon()
|
|
1822
1733
|
: this.multiAnnotationIcon();
|
|
1823
1734
|
if (!this.props.disableFeedback && this.showFeedback) {
|
|
1824
|
-
oncoKbContent = (createElement("span", null,
|
|
1735
|
+
oncoKbContent = (React.createElement("span", null,
|
|
1825
1736
|
oncoKbContent,
|
|
1826
|
-
createElement(OncoKbFeedback, { userEmailAddress: this.props.userEmailAddress, hugoSymbol: this.props.hugoGeneSymbol, alteration: this.props.indicator
|
|
1737
|
+
React.createElement(OncoKbFeedback, { userEmailAddress: this.props.userEmailAddress, hugoSymbol: this.props.hugoGeneSymbol, alteration: this.props.indicator
|
|
1827
1738
|
? this.props.indicator.query.alteration
|
|
1828
1739
|
: undefined, showFeedback: this.showFeedback, handleFeedbackClose: this.handleFeedbackClose })));
|
|
1829
1740
|
}
|
|
@@ -1836,8 +1747,8 @@ var OncoKB = /** @class */ (function (_super) {
|
|
|
1836
1747
|
configurable: true,
|
|
1837
1748
|
writable: true,
|
|
1838
1749
|
value: function () {
|
|
1839
|
-
return (createElement("span", { className: "oncokb-content", style: { display: 'inline-flex' } },
|
|
1840
|
-
createElement(AnnotationIcon, { type: OncoKbCardDataType.BIOLOGICAL, tooltipOverlay: this.tooltipContent(OncoKbCardDataType.BIOLOGICAL), indicator: this.props.indicator, availableDataTypes: this.props.availableDataTypes }),
|
|
1750
|
+
return (React.createElement("span", { className: "oncokb-content", style: { display: 'inline-flex' } },
|
|
1751
|
+
React.createElement(AnnotationIcon, { type: OncoKbCardDataType.BIOLOGICAL, tooltipOverlay: this.tooltipContent(OncoKbCardDataType.BIOLOGICAL), indicator: this.props.indicator, availableDataTypes: this.props.availableDataTypes }),
|
|
1841
1752
|
this.levelIcons()));
|
|
1842
1753
|
}
|
|
1843
1754
|
});
|
|
@@ -1851,19 +1762,19 @@ var OncoKB = /** @class */ (function (_super) {
|
|
|
1851
1762
|
return null;
|
|
1852
1763
|
}
|
|
1853
1764
|
if (this.props.indicator) {
|
|
1854
|
-
return (createElement(Fragment, null, [
|
|
1765
|
+
return (React.createElement(React.Fragment, null, [
|
|
1855
1766
|
OncoKbCardDataType.TXS,
|
|
1856
1767
|
OncoKbCardDataType.TXR,
|
|
1857
1768
|
OncoKbCardDataType.DX,
|
|
1858
1769
|
OncoKbCardDataType.PX,
|
|
1859
|
-
].map(function (dataType) { return (createElement(AnnotationIcon, { type: dataType, tooltipOverlay: _this.tooltipContent(dataType), indicator: _this.props.indicator, availableDataTypes: _this.props.availableDataTypes })); })));
|
|
1770
|
+
].map(function (dataType) { return (React.createElement(AnnotationIcon, { type: dataType, tooltipOverlay: _this.tooltipContent(dataType), indicator: _this.props.indicator, availableDataTypes: _this.props.availableDataTypes })); })));
|
|
1860
1771
|
}
|
|
1861
1772
|
else {
|
|
1862
1773
|
// workaround: use content padding value to draw an empty icon when there is no indicator data.
|
|
1863
1774
|
// this is to keep the icon alignment consistent with the rest of the column.
|
|
1864
1775
|
// ideally we should implement grouped columns to avoid these kind of workarounds
|
|
1865
1776
|
// (see https://github.com/cBioPortal/cbioportal/issues/8723)
|
|
1866
|
-
return createElement("i", { style: { paddingRight: this.props.contentPadding } });
|
|
1777
|
+
return React.createElement("i", { style: { paddingRight: this.props.contentPadding } });
|
|
1867
1778
|
}
|
|
1868
1779
|
}
|
|
1869
1780
|
});
|
|
@@ -1872,8 +1783,8 @@ var OncoKB = /** @class */ (function (_super) {
|
|
|
1872
1783
|
configurable: true,
|
|
1873
1784
|
writable: true,
|
|
1874
1785
|
value: function () {
|
|
1875
|
-
return (createElement("span", { className: "oncokb-content", style: { display: 'inline-flex' } },
|
|
1876
|
-
createElement(AnnotationIconWithTooltip, { tooltipOverlay: this.tooltipContent(findDefaultDataTypeForTooltip(this.props.usingPublicOncoKbInstance, this.props.indicator, this.props.availableDataTypes)), icon: createElement(CompactAnnotationIcon, { indicator: this.props.indicator, availableDataTypes: this.props.availableDataTypes, usingPublicOncoKbInstance: this.props.usingPublicOncoKbInstance }) })));
|
|
1786
|
+
return (React.createElement("span", { className: "oncokb-content", style: { display: 'inline-flex' } },
|
|
1787
|
+
React.createElement(AnnotationIconWithTooltip, { tooltipOverlay: this.tooltipContent(findDefaultDataTypeForTooltip(this.props.usingPublicOncoKbInstance, this.props.indicator, this.props.availableDataTypes)), icon: React.createElement(CompactAnnotationIcon, { indicator: this.props.indicator, availableDataTypes: this.props.availableDataTypes, usingPublicOncoKbInstance: this.props.usingPublicOncoKbInstance }) })));
|
|
1877
1788
|
}
|
|
1878
1789
|
});
|
|
1879
1790
|
Object.defineProperty(OncoKB.prototype, "tooltipContent", {
|
|
@@ -1881,7 +1792,7 @@ var OncoKB = /** @class */ (function (_super) {
|
|
|
1881
1792
|
configurable: true,
|
|
1882
1793
|
writable: true,
|
|
1883
1794
|
value: function (type) {
|
|
1884
|
-
return (createElement(OncoKbTooltip, { type: type, usingPublicOncoKbInstance: this.props.usingPublicOncoKbInstance, hugoSymbol: this.props.hugoGeneSymbol, geneNotExist: this.props.geneNotExist, isCancerGene: this.props.isCancerGene, indicator: this.props.indicator || undefined, pubMedCache: this.props.pubMedCache, handleFeedbackOpen: this.props.disableFeedback
|
|
1795
|
+
return (React.createElement(OncoKbTooltip, { type: type, usingPublicOncoKbInstance: this.props.usingPublicOncoKbInstance, hugoSymbol: this.props.hugoGeneSymbol, geneNotExist: this.props.geneNotExist, isCancerGene: this.props.isCancerGene, indicator: this.props.indicator || undefined, pubMedCache: this.props.pubMedCache, handleFeedbackOpen: this.props.disableFeedback
|
|
1885
1796
|
? undefined
|
|
1886
1797
|
: this.handleFeedbackOpen }));
|
|
1887
1798
|
}
|
|
@@ -1921,24 +1832,24 @@ var OncoKB = /** @class */ (function (_super) {
|
|
|
1921
1832
|
observer
|
|
1922
1833
|
], OncoKB);
|
|
1923
1834
|
return OncoKB;
|
|
1924
|
-
}(Component));
|
|
1835
|
+
}(React.Component));
|
|
1925
1836
|
|
|
1926
1837
|
var hotspotStyles = {"hotspot-info":"hotspotInfo-module_hotspot-info__S24fX"};
|
|
1927
1838
|
|
|
1928
1839
|
function title(isHotspot, is3dHotspot, count, customInfo) {
|
|
1929
|
-
var recurrentHotspot = isHotspot ? createElement("b", null, "Recurrent Hotspot") : null;
|
|
1930
|
-
var maybeAnd = isHotspot && is3dHotspot ? createElement("span", null, "and") : null;
|
|
1931
|
-
var clusteredHotspot = is3dHotspot ? createElement("b", null, "3D Clustered Hotspot") : null;
|
|
1840
|
+
var recurrentHotspot = isHotspot ? React.createElement("b", null, "Recurrent Hotspot") : null;
|
|
1841
|
+
var maybeAnd = isHotspot && is3dHotspot ? React.createElement("span", null, "and") : null;
|
|
1842
|
+
var clusteredHotspot = is3dHotspot ? React.createElement("b", null, "3D Clustered Hotspot") : null;
|
|
1932
1843
|
var countInfo = null;
|
|
1933
1844
|
if (count) {
|
|
1934
1845
|
var sample = count > 1 ? 'samples' : 'sample';
|
|
1935
|
-
countInfo = (createElement("span", null,
|
|
1936
|
-
createElement("b", null, count),
|
|
1846
|
+
countInfo = (React.createElement("span", null,
|
|
1847
|
+
React.createElement("b", null, count),
|
|
1937
1848
|
" ",
|
|
1938
1849
|
sample,
|
|
1939
1850
|
" with"));
|
|
1940
1851
|
}
|
|
1941
|
-
return (createElement("span", null,
|
|
1852
|
+
return (React.createElement("span", null,
|
|
1942
1853
|
countInfo,
|
|
1943
1854
|
" ",
|
|
1944
1855
|
recurrentHotspot,
|
|
@@ -1955,9 +1866,9 @@ function publication(isHotspot, is3dHotspot) {
|
|
|
1955
1866
|
: '';
|
|
1956
1867
|
var maybeAnd = isHotspot && is3dHotspot ? 'and' : '';
|
|
1957
1868
|
var clusteredHotspot = is3dHotspot ? 'a 3D clustered hotspot' : '';
|
|
1958
|
-
var recurrentPublication = isHotspot ? (createElement("a", { href: getNCBIlink("/pubmed/26619011"), target: "_blank" }, "Chang et al., Nat Biotechnol, 2016")) : ('');
|
|
1959
|
-
var clusteredPublication = is3dHotspot ? (createElement("a", { href: "http://genomemedicine.biomedcentral.com/articles/10.1186/s13073-016-0393-x", target: "_blank" }, "Gao et al., Genome Medicine, 2017")) : ('');
|
|
1960
|
-
return (createElement("span", null,
|
|
1869
|
+
var recurrentPublication = isHotspot ? (React.createElement("a", { href: getNCBIlink("/pubmed/26619011"), target: "_blank" }, "Chang et al., Nat Biotechnol, 2016")) : ('');
|
|
1870
|
+
var clusteredPublication = is3dHotspot ? (React.createElement("a", { href: "http://genomemedicine.biomedcentral.com/articles/10.1186/s13073-016-0393-x", target: "_blank" }, "Gao et al., Genome Medicine, 2017")) : ('');
|
|
1871
|
+
return (React.createElement("span", null,
|
|
1961
1872
|
"This mutated amino acid was identified as ",
|
|
1962
1873
|
recurrentHotspot,
|
|
1963
1874
|
' ',
|
|
@@ -1974,10 +1885,10 @@ function publication(isHotspot, is3dHotspot) {
|
|
|
1974
1885
|
"."));
|
|
1975
1886
|
}
|
|
1976
1887
|
function link(isHotspot, is3dHotspot) {
|
|
1977
|
-
var recurrentLink = isHotspot ? (createElement("a", { href: "https://www.cancerhotspots.org/", target: "_blank" }, "https://cancerhotspots.org/")) : ('');
|
|
1888
|
+
var recurrentLink = isHotspot ? (React.createElement("a", { href: "https://www.cancerhotspots.org/", target: "_blank" }, "https://cancerhotspots.org/")) : ('');
|
|
1978
1889
|
var maybeAnd = isHotspot && is3dHotspot ? 'and' : '';
|
|
1979
|
-
var clusteredLink = is3dHotspot ? (createElement("a", { href: "https://www.3dhotspots.org/", target: "_blank" }, "https://3dhotspots.org/")) : ('');
|
|
1980
|
-
return (createElement("span", null,
|
|
1890
|
+
var clusteredLink = is3dHotspot ? (React.createElement("a", { href: "https://www.3dhotspots.org/", target: "_blank" }, "https://3dhotspots.org/")) : ('');
|
|
1891
|
+
return (React.createElement("span", null,
|
|
1981
1892
|
"Explore all mutations at ",
|
|
1982
1893
|
recurrentLink,
|
|
1983
1894
|
" ",
|
|
@@ -1988,20 +1899,20 @@ function link(isHotspot, is3dHotspot) {
|
|
|
1988
1899
|
}
|
|
1989
1900
|
var HotspotInfo = function (props) {
|
|
1990
1901
|
var isHotspot = props.isHotspot, is3dHotspot = props.is3dHotspot, count = props.count, customInfo = props.customInfo;
|
|
1991
|
-
return (createElement("span", { className: hotspotStyles['hotspot-info'] },
|
|
1902
|
+
return (React.createElement("span", { className: hotspotStyles['hotspot-info'] },
|
|
1992
1903
|
title(isHotspot, is3dHotspot, count, customInfo),
|
|
1993
|
-
createElement("br", null),
|
|
1904
|
+
React.createElement("br", null),
|
|
1994
1905
|
publication(isHotspot, is3dHotspot),
|
|
1995
|
-
createElement("br", null),
|
|
1996
|
-
createElement("br", null),
|
|
1906
|
+
React.createElement("br", null),
|
|
1907
|
+
React.createElement("br", null),
|
|
1997
1908
|
link(isHotspot, is3dHotspot)));
|
|
1998
1909
|
};
|
|
1999
1910
|
|
|
2000
|
-
var
|
|
1911
|
+
var img$1 = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3c!-- Generated by IcoMoon.io --%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1024' height='1024' viewBox='0 0 1024 1024'%3e %3cg id='icomoon-ignore'%3e %3c/g%3e %3cpath fill='%23ff9900' d='M321.008 1045.333c-68.245-142.008-31.901-223.379 20.551-300.044 57.44-83.956 72.244-167.065 72.244-167.065s45.153 58.7 27.092 150.508c79.772-88.8 94.824-230.28 82.783-284.464 180.315 126.012 257.376 398.856 153.523 601.065 552.372-312.532 137.399-780.172 65.155-832.851 24.081 52.676 28.648 141.851-20 185.127-82.352-312.276-285.972-376.276-285.972-376.276 24.083 161.044-87.296 337.144-194.696 468.731-3.775-64.216-7.783-108.528-41.549-169.98-7.58 116.656-96.732 211.748-120.873 328.628-32.701 158.287 24.496 274.18 241.748 396.623z'%3e%3c/path%3e%3c/svg%3e";
|
|
2001
1912
|
|
|
2002
|
-
var
|
|
1913
|
+
var img = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3c!-- Generator: Adobe Illustrator 16.0.4%2c SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='24.263px' height='36.366px' viewBox='0 0 24.263 36.366' enable-background='new 0 0 24.263 36.366' xml:space='preserve'%3e%3cg%3e %3cpath fill='%23FF9900' d='M6.828%2c27.947c-1.859-3.872-0.869-6.094%2c0.564-8.184c1.565-2.296%2c1.968-4.558%2c1.968-4.558 s1.231%2c1.6%2c0.742%2c4.104c2.181-2.423%2c2.591-6.286%2c2.256-7.764c4.921%2c3.436%2c7.027%2c10.889%2c4.19%2c16.401 C31.627%2c19.419%2c20.3%2c6.66%2c18.326%2c5.221c0.656%2c1.439%2c0.783%2c3.873-0.546%2c5.053C15.536%2c1.75%2c9.98%2c0%2c9.98%2c0 c0.657%2c4.397-2.388%2c9.208-5.316%2c12.8C4.56%2c11.046%2c4.451%2c9.831%2c3.53%2c8.155c-0.201%2c3.183-2.636%2c5.785-3.298%2c8.974 C-0.659%2c21.445%2c0.9%2c24.61%2c6.828%2c27.947L6.828%2c27.947z'/%3e %3ctext transform='matrix(0.583 0 0 0.583 3.7324 36.1963)' fill='black' font-family=''Arial-BoldItalicMT'' font-size='20.6802'%3e3D%3c/text%3e%3c/g%3e%3c/svg%3e";
|
|
2003
1914
|
|
|
2004
|
-
function sortValue$
|
|
1915
|
+
function sortValue$5(isHotspot, is3dHotspot) {
|
|
2005
1916
|
var score = 0;
|
|
2006
1917
|
if (isHotspot) {
|
|
2007
1918
|
score += 1;
|
|
@@ -2011,7 +1922,7 @@ function sortValue$3(isHotspot, is3dHotspot) {
|
|
|
2011
1922
|
}
|
|
2012
1923
|
return score;
|
|
2013
1924
|
}
|
|
2014
|
-
function placeArrow
|
|
1925
|
+
function placeArrow(tooltipEl) {
|
|
2015
1926
|
var arrowEl = tooltipEl.querySelector('.rc-tooltip-arrow');
|
|
2016
1927
|
arrowEl.style.left = '10px';
|
|
2017
1928
|
}
|
|
@@ -2028,30 +1939,30 @@ var HotspotAnnotation = /** @class */ (function (_super) {
|
|
|
2028
1939
|
writable: true,
|
|
2029
1940
|
value: function () {
|
|
2030
1941
|
var _a = this.props, isHotspot = _a.isHotspot, is3dHotspot = _a.is3dHotspot;
|
|
2031
|
-
var hotspotContent = (createElement("span", { className: "" + annotationStyles['annotation-item'] }));
|
|
1942
|
+
var hotspotContent = (React.createElement("span", { className: "" + annotationStyles['annotation-item'] }));
|
|
2032
1943
|
if (this.props.status === 'pending') {
|
|
2033
1944
|
hotspotContent = loaderIcon('pull-left');
|
|
2034
1945
|
}
|
|
2035
1946
|
else if (isHotspot || is3dHotspot) {
|
|
2036
1947
|
var hotspotsImgWidth = 14;
|
|
2037
1948
|
var hotspotsImgHeight = 14;
|
|
2038
|
-
var hotspotsImgSrc =
|
|
1949
|
+
var hotspotsImgSrc = img$1;
|
|
2039
1950
|
// if it is a 3D hotspot but not a recurrent hotspot, show the 3D hotspot icon
|
|
2040
1951
|
if (!isHotspot) {
|
|
2041
|
-
hotspotsImgSrc =
|
|
1952
|
+
hotspotsImgSrc = img;
|
|
2042
1953
|
hotspotsImgHeight = 18;
|
|
2043
1954
|
}
|
|
2044
|
-
var arrowContent = createElement("div", { className: "rc-tooltip-arrow-inner" });
|
|
2045
|
-
var tooltipContent = (createElement(HotspotInfo, { isHotspot: isHotspot, is3dHotspot: is3dHotspot }));
|
|
2046
|
-
hotspotContent = (createElement(DefaultTooltip, { overlay: tooltipContent, placement: "topLeft", trigger: ['hover', 'focus'], arrowContent: arrowContent, onPopupAlign: placeArrow
|
|
2047
|
-
createElement("span", { className: annotationStyles['annotation-item'] + " chang_hotspot" },
|
|
2048
|
-
createElement("img", { width: hotspotsImgWidth, height: hotspotsImgHeight, src: hotspotsImgSrc, alt: "Recurrent Hotspot Symbol" }))));
|
|
1955
|
+
var arrowContent = React.createElement("div", { className: "rc-tooltip-arrow-inner" });
|
|
1956
|
+
var tooltipContent = (React.createElement(HotspotInfo, { isHotspot: isHotspot, is3dHotspot: is3dHotspot }));
|
|
1957
|
+
hotspotContent = (React.createElement(DefaultTooltip, { overlay: tooltipContent, placement: "topLeft", trigger: ['hover', 'focus'], arrowContent: arrowContent, onPopupAlign: placeArrow },
|
|
1958
|
+
React.createElement("span", { className: annotationStyles['annotation-item'] + " chang_hotspot" },
|
|
1959
|
+
React.createElement("img", { width: hotspotsImgWidth, height: hotspotsImgHeight, src: hotspotsImgSrc, alt: "Recurrent Hotspot Symbol" }))));
|
|
2049
1960
|
}
|
|
2050
1961
|
return hotspotContent;
|
|
2051
1962
|
}
|
|
2052
1963
|
});
|
|
2053
1964
|
return HotspotAnnotation;
|
|
2054
|
-
}(Component));
|
|
1965
|
+
}(React.Component));
|
|
2055
1966
|
|
|
2056
1967
|
var DEFAULT_MUTATION_ALIGNER_URL_TEMPLATE = 'http://mutationaligner.org/api/domains/<%= pfamDomainId %>?metadata=true';
|
|
2057
1968
|
var DEFAULT_MUTATION_ALIGNER_PROXY_URL_TEMPLATE = 'https://www.cbioportal.org/proxy/mutationaligner.org/api/domains/<%= pfamDomainId %>?metadata=true';
|
|
@@ -2298,20 +2209,20 @@ function annotationSortMethod(a, b) {
|
|
|
2298
2209
|
}
|
|
2299
2210
|
function sortValue$4(annotation) {
|
|
2300
2211
|
return ___default.flatten([
|
|
2301
|
-
sortValue$
|
|
2302
|
-
sortValue(annotation.civicEntry),
|
|
2303
|
-
sortValue$
|
|
2304
|
-
sortValue$
|
|
2212
|
+
sortValue$6(annotation.oncoKbIndicator),
|
|
2213
|
+
sortValue$8(annotation.civicEntry),
|
|
2214
|
+
sortValue$7(annotation.myCancerGenomeLinks),
|
|
2215
|
+
sortValue$5(annotation.isHotspot, annotation.is3dHotspot),
|
|
2305
2216
|
annotation.isOncoKbCancerGene ? 1 : 0,
|
|
2306
2217
|
]);
|
|
2307
2218
|
}
|
|
2308
2219
|
function GenericAnnotation(props) {
|
|
2309
2220
|
var annotation = props.annotation, enableCivic = props.enableCivic, enableHotspot = props.enableHotspot, enableMyCancerGenome = props.enableMyCancerGenome, enableOncoKb = props.enableOncoKb, pubMedCache = props.pubMedCache, userEmailAddress = props.userEmailAddress, mergeOncoKbIcons = props.mergeOncoKbIcons, oncoKbContentPadding = props.oncoKbContentPadding;
|
|
2310
|
-
return (createElement("span", { style: { display: 'flex', minWidth: 100 } },
|
|
2311
|
-
enableOncoKb && (createElement(OncoKB, { usingPublicOncoKbInstance: annotation.usingPublicOncoKbInstance, hugoGeneSymbol: annotation.hugoGeneSymbol, geneNotExist: !annotation.oncoKbGeneExist, isCancerGene: annotation.isOncoKbCancerGene, status: annotation.oncoKbStatus, indicator: annotation.oncoKbIndicator, availableDataTypes: annotation.oncoKbAvailableDataTypes, mergeAnnotationIcons: mergeOncoKbIcons, pubMedCache: pubMedCache, userEmailAddress: userEmailAddress, contentPadding: oncoKbContentPadding })),
|
|
2312
|
-
enableCivic && (createElement(Civic, { civicEntry: annotation.civicEntry, civicStatus: annotation.civicStatus, hasCivicVariants: annotation.hasCivicVariants })),
|
|
2313
|
-
enableMyCancerGenome && (createElement(MyCancerGenome, { linksHTML: annotation.myCancerGenomeLinks })),
|
|
2314
|
-
enableHotspot && (createElement(HotspotAnnotation, { isHotspot: annotation.isHotspot, is3dHotspot: annotation.is3dHotspot, status: annotation.hotspotStatus }))));
|
|
2221
|
+
return (React.createElement("span", { style: { display: 'flex', minWidth: 100 } },
|
|
2222
|
+
enableOncoKb && (React.createElement(OncoKB, { usingPublicOncoKbInstance: annotation.usingPublicOncoKbInstance, hugoGeneSymbol: annotation.hugoGeneSymbol, geneNotExist: !annotation.oncoKbGeneExist, isCancerGene: annotation.isOncoKbCancerGene, status: annotation.oncoKbStatus, indicator: annotation.oncoKbIndicator, availableDataTypes: annotation.oncoKbAvailableDataTypes, mergeAnnotationIcons: mergeOncoKbIcons, pubMedCache: pubMedCache, userEmailAddress: userEmailAddress, contentPadding: oncoKbContentPadding })),
|
|
2223
|
+
enableCivic && (React.createElement(Civic, { civicEntry: annotation.civicEntry, civicStatus: annotation.civicStatus, hasCivicVariants: annotation.hasCivicVariants })),
|
|
2224
|
+
enableMyCancerGenome && (React.createElement(MyCancerGenome, { linksHTML: annotation.myCancerGenomeLinks })),
|
|
2225
|
+
enableHotspot && (React.createElement(HotspotAnnotation, { isHotspot: annotation.isHotspot, is3dHotspot: annotation.is3dHotspot, status: annotation.hotspotStatus }))));
|
|
2315
2226
|
}
|
|
2316
2227
|
var Annotation = /** @class */ (function (_super) {
|
|
2317
2228
|
__extends(Annotation, _super);
|
|
@@ -2324,7 +2235,7 @@ var Annotation = /** @class */ (function (_super) {
|
|
|
2324
2235
|
writable: true,
|
|
2325
2236
|
value: function () {
|
|
2326
2237
|
var annotation = this.getAnnotationData(this.props);
|
|
2327
|
-
return createElement(GenericAnnotation, __assign({}, this.props, { annotation: annotation }));
|
|
2238
|
+
return React.createElement(GenericAnnotation, __assign({}, this.props, { annotation: annotation }));
|
|
2328
2239
|
}
|
|
2329
2240
|
});
|
|
2330
2241
|
Object.defineProperty(Annotation.prototype, "getAnnotationData", {
|
|
@@ -2340,7 +2251,7 @@ var Annotation = /** @class */ (function (_super) {
|
|
|
2340
2251
|
observer
|
|
2341
2252
|
], Annotation);
|
|
2342
2253
|
return Annotation;
|
|
2343
|
-
}(Component));
|
|
2254
|
+
}(React.Component));
|
|
2344
2255
|
|
|
2345
2256
|
function getClinvarData(mutation, indexedVariantAnnotations) {
|
|
2346
2257
|
var _a;
|
|
@@ -2348,7 +2259,7 @@ function getClinvarData(mutation, indexedVariantAnnotations) {
|
|
|
2348
2259
|
return (_a = variantAnnotation === null || variantAnnotation === void 0 ? void 0 : variantAnnotation.clinvar) === null || _a === void 0 ? void 0 : _a.annotation;
|
|
2349
2260
|
}
|
|
2350
2261
|
|
|
2351
|
-
function download$
|
|
2262
|
+
function download$4(clinvar) {
|
|
2352
2263
|
var clinicalSignificance = clinvar === null || clinvar === void 0 ? void 0 : clinvar.clinicalSignificance;
|
|
2353
2264
|
var conflictingClinicalSignificance = clinvar === null || clinvar === void 0 ? void 0 : clinvar.conflictingClinicalSignificance;
|
|
2354
2265
|
if (clinicalSignificance && conflictingClinicalSignificance) {
|
|
@@ -2361,7 +2272,7 @@ function download$3(clinvar) {
|
|
|
2361
2272
|
return '';
|
|
2362
2273
|
}
|
|
2363
2274
|
}
|
|
2364
|
-
function sortValue$
|
|
2275
|
+
function sortValue$3(clinvar) {
|
|
2365
2276
|
if (clinvar && clinvar.clinicalSignificance) {
|
|
2366
2277
|
return clinvar.clinicalSignificance;
|
|
2367
2278
|
}
|
|
@@ -2370,7 +2281,7 @@ function sortValue$5(clinvar) {
|
|
|
2370
2281
|
}
|
|
2371
2282
|
}
|
|
2372
2283
|
function clinvarSortMethod(a, b) {
|
|
2373
|
-
return defaultSortMethod(sortValue$
|
|
2284
|
+
return defaultSortMethod(sortValue$3(a), sortValue$3(b));
|
|
2374
2285
|
}
|
|
2375
2286
|
var ClinvarInterpretation = /** @class */ (function (_super) {
|
|
2376
2287
|
__extends(ClinvarInterpretation, _super);
|
|
@@ -2393,12 +2304,12 @@ var ClinvarInterpretation = /** @class */ (function (_super) {
|
|
|
2393
2304
|
}
|
|
2394
2305
|
else {
|
|
2395
2306
|
var clinvarData = getClinvarData(this.props.mutation, this.props.indexedVariantAnnotations);
|
|
2396
|
-
content = createElement(ClinvarSummary, { clinvar: clinvarData });
|
|
2307
|
+
content = React.createElement(ClinvarSummary, { clinvar: clinvarData });
|
|
2397
2308
|
}
|
|
2398
2309
|
return content;
|
|
2399
2310
|
}
|
|
2400
2311
|
else {
|
|
2401
|
-
return createElement("div", null);
|
|
2312
|
+
return React.createElement("div", null);
|
|
2402
2313
|
}
|
|
2403
2314
|
}
|
|
2404
2315
|
});
|
|
@@ -2406,7 +2317,7 @@ var ClinvarInterpretation = /** @class */ (function (_super) {
|
|
|
2406
2317
|
observer
|
|
2407
2318
|
], ClinvarInterpretation);
|
|
2408
2319
|
return ClinvarInterpretation;
|
|
2409
|
-
}(Component));
|
|
2320
|
+
}(React.Component));
|
|
2410
2321
|
|
|
2411
2322
|
var ColumnHeader = /** @class */ (function (_super) {
|
|
2412
2323
|
__extends(ColumnHeader, _super);
|
|
@@ -2420,9 +2331,9 @@ var ColumnHeader = /** @class */ (function (_super) {
|
|
|
2420
2331
|
value: function () {
|
|
2421
2332
|
var content = this.props.headerContent;
|
|
2422
2333
|
if (this.props.overlay) {
|
|
2423
|
-
content = (createElement(DefaultTooltip, { mouseEnterDelay: 0.5, placement: "top", overlay: this.props.overlay, destroyTooltipOnHide: true }, content));
|
|
2334
|
+
content = (React.createElement(DefaultTooltip, { mouseEnterDelay: 0.5, placement: "top", overlay: this.props.overlay, destroyTooltipOnHide: true }, content));
|
|
2424
2335
|
}
|
|
2425
|
-
return (createElement("span", { className: this.props.className || ColumnHeader.defaultProps.className }, content));
|
|
2336
|
+
return (React.createElement("span", { className: this.props.className || ColumnHeader.defaultProps.className }, content));
|
|
2426
2337
|
}
|
|
2427
2338
|
});
|
|
2428
2339
|
Object.defineProperty(ColumnHeader, "defaultProps", {
|
|
@@ -2434,7 +2345,7 @@ var ColumnHeader = /** @class */ (function (_super) {
|
|
|
2434
2345
|
}
|
|
2435
2346
|
});
|
|
2436
2347
|
return ColumnHeader;
|
|
2437
|
-
}(Component));
|
|
2348
|
+
}(React.Component));
|
|
2438
2349
|
|
|
2439
2350
|
var DbsnpId = /** @class */ (function (_super) {
|
|
2440
2351
|
__extends(DbsnpId, _super);
|
|
@@ -2448,8 +2359,8 @@ var DbsnpId = /** @class */ (function (_super) {
|
|
|
2448
2359
|
value: function () {
|
|
2449
2360
|
var rsId = getDbsnpRsId(this.props.myVariantInfo);
|
|
2450
2361
|
if (rsId == null) {
|
|
2451
|
-
return (createElement(DefaultTooltip, { placement: "topRight", overlay: createElement("span", null, "Variant has no dbSNP data.") },
|
|
2452
|
-
createElement("span", { style: {
|
|
2362
|
+
return (React.createElement(DefaultTooltip, { placement: "topRight", overlay: React.createElement("span", null, "Variant has no dbSNP data.") },
|
|
2363
|
+
React.createElement("span", { style: {
|
|
2453
2364
|
height: '100%',
|
|
2454
2365
|
width: '100%',
|
|
2455
2366
|
display: 'block',
|
|
@@ -2458,9 +2369,9 @@ var DbsnpId = /** @class */ (function (_super) {
|
|
|
2458
2369
|
}
|
|
2459
2370
|
else {
|
|
2460
2371
|
var dbsnpLink = 'https://www.ncbi.nlm.nih.gov/snp/' + rsId;
|
|
2461
|
-
return (createElement(DefaultTooltip, { placement: "top", overlay: createElement("span", null, "Click to see variant on dbSNP website.") },
|
|
2462
|
-
createElement("span", { style: { textAlign: 'right', float: 'right' } },
|
|
2463
|
-
createElement("a", { href: dbsnpLink, target: "_blank" }, rsId))));
|
|
2372
|
+
return (React.createElement(DefaultTooltip, { placement: "top", overlay: React.createElement("span", null, "Click to see variant on dbSNP website.") },
|
|
2373
|
+
React.createElement("span", { style: { textAlign: 'right', float: 'right' } },
|
|
2374
|
+
React.createElement("a", { href: dbsnpLink, target: "_blank" }, rsId))));
|
|
2464
2375
|
}
|
|
2465
2376
|
}
|
|
2466
2377
|
});
|
|
@@ -2468,7 +2379,7 @@ var DbsnpId = /** @class */ (function (_super) {
|
|
|
2468
2379
|
observer
|
|
2469
2380
|
], DbsnpId);
|
|
2470
2381
|
return DbsnpId;
|
|
2471
|
-
}(Component));
|
|
2382
|
+
}(React.Component));
|
|
2472
2383
|
|
|
2473
2384
|
function renderMyVariantInfoContent(props, getContent) {
|
|
2474
2385
|
var _a, _b;
|
|
@@ -2487,7 +2398,7 @@ function renderMyVariantInfoContent(props, getContent) {
|
|
|
2487
2398
|
else {
|
|
2488
2399
|
content = getContent(myVariantInfo, variantAnnotation);
|
|
2489
2400
|
}
|
|
2490
|
-
return createElement("div", { className: props.className }, content);
|
|
2401
|
+
return React.createElement("div", { className: props.className }, content);
|
|
2491
2402
|
}
|
|
2492
2403
|
function getMyVariantInfoData(mutation, indexedMyVariantInfoAnnotations) {
|
|
2493
2404
|
return getMyVariantInfoAnnotation(mutation, indexedMyVariantInfoAnnotations
|
|
@@ -2495,15 +2406,15 @@ function getMyVariantInfoData(mutation, indexedMyVariantInfoAnnotations) {
|
|
|
2495
2406
|
: undefined);
|
|
2496
2407
|
}
|
|
2497
2408
|
|
|
2498
|
-
function download$
|
|
2499
|
-
var value = sortValue$
|
|
2409
|
+
function download$3(myVariantInfo) {
|
|
2410
|
+
var value = sortValue$2(myVariantInfo);
|
|
2500
2411
|
return value ? value.toString() : '';
|
|
2501
2412
|
}
|
|
2502
|
-
function sortValue$
|
|
2413
|
+
function sortValue$2(myVariantInfo) {
|
|
2503
2414
|
return getDbsnpRsId(myVariantInfo);
|
|
2504
2415
|
}
|
|
2505
2416
|
function dbsnpSortMethod(a, b) {
|
|
2506
|
-
return defaultSortMethod(sortValue$
|
|
2417
|
+
return defaultSortMethod(sortValue$2(a), sortValue$2(b));
|
|
2507
2418
|
}
|
|
2508
2419
|
var Dbsnp = /** @class */ (function (_super) {
|
|
2509
2420
|
__extends(Dbsnp, _super);
|
|
@@ -2523,7 +2434,7 @@ var Dbsnp = /** @class */ (function (_super) {
|
|
|
2523
2434
|
configurable: true,
|
|
2524
2435
|
writable: true,
|
|
2525
2436
|
value: function (myVariantInfo) {
|
|
2526
|
-
return createElement(DbsnpId, { myVariantInfo: myVariantInfo });
|
|
2437
|
+
return React.createElement(DbsnpId, { myVariantInfo: myVariantInfo });
|
|
2527
2438
|
}
|
|
2528
2439
|
});
|
|
2529
2440
|
Object.defineProperty(Dbsnp, "defaultProps", {
|
|
@@ -2541,7 +2452,7 @@ var Dbsnp = /** @class */ (function (_super) {
|
|
|
2541
2452
|
observer
|
|
2542
2453
|
], Dbsnp);
|
|
2543
2454
|
return Dbsnp;
|
|
2544
|
-
}(Component));
|
|
2455
|
+
}(React.Component));
|
|
2545
2456
|
|
|
2546
2457
|
var GNOMAD_POPULATION_NAME = {
|
|
2547
2458
|
African: 'afr',
|
|
@@ -2693,11 +2604,11 @@ function generateGnomadUrl(chromosome, position, reference, variant) {
|
|
|
2693
2604
|
var _a$2;
|
|
2694
2605
|
function frequencyOutput(frequency) {
|
|
2695
2606
|
if (frequency === 0) {
|
|
2696
|
-
return createElement("span", null, "0");
|
|
2607
|
+
return React.createElement("span", null, "0");
|
|
2697
2608
|
}
|
|
2698
2609
|
else {
|
|
2699
2610
|
// show frequency as number with 4 significant digits
|
|
2700
|
-
return (createElement("span", null, frequency.toLocaleString(undefined, {
|
|
2611
|
+
return (React.createElement("span", null, frequency.toLocaleString(undefined, {
|
|
2701
2612
|
maximumSignificantDigits: 2,
|
|
2702
2613
|
minimumSignificantDigits: 2,
|
|
2703
2614
|
})));
|
|
@@ -2705,20 +2616,20 @@ function frequencyOutput(frequency) {
|
|
|
2705
2616
|
}
|
|
2706
2617
|
var headerClassName = 'text-wrap font-weight-bold';
|
|
2707
2618
|
var HEADERS = (_a$2 = {},
|
|
2708
|
-
_a$2[GnomadTableColumnName.population] = (createElement(ColumnHeader, { className: headerClassName, headerContent: createElement("span", null, "Population") })),
|
|
2709
|
-
_a$2[GnomadTableColumnName.alleleCount] = (createElement(ColumnHeader, { className: headerClassName, headerContent: createElement("span", null, "Allele Count"), overlay: createElement("span", null, "Number of individuals with this allele") })),
|
|
2710
|
-
_a$2[GnomadTableColumnName.alleleNumber] = (createElement(ColumnHeader, { className: headerClassName, headerContent: createElement("span", null, "Allele Number"), overlay: createElement("span", null, "Number of times any allele has been observed at this position in the population") })),
|
|
2711
|
-
_a$2[GnomadTableColumnName.homozygotes] = (createElement(ColumnHeader, { className: headerClassName, headerContent: createElement("span", null, "Number of Homozygotes"), overlay: createElement("span", null, "Number of individuals carrying this allele in both copies") })),
|
|
2712
|
-
_a$2[GnomadTableColumnName.alleleFrequency] = (createElement(ColumnHeader, { className: headerClassName, headerContent: createElement("span", null, "Allele Frequency"), overlay: createElement("span", null, "Proportion of the population with this allele") })),
|
|
2619
|
+
_a$2[GnomadTableColumnName.population] = (React.createElement(ColumnHeader, { className: headerClassName, headerContent: React.createElement("span", null, "Population") })),
|
|
2620
|
+
_a$2[GnomadTableColumnName.alleleCount] = (React.createElement(ColumnHeader, { className: headerClassName, headerContent: React.createElement("span", null, "Allele Count"), overlay: React.createElement("span", null, "Number of individuals with this allele") })),
|
|
2621
|
+
_a$2[GnomadTableColumnName.alleleNumber] = (React.createElement(ColumnHeader, { className: headerClassName, headerContent: React.createElement("span", null, "Allele Number"), overlay: React.createElement("span", null, "Number of times any allele has been observed at this position in the population") })),
|
|
2622
|
+
_a$2[GnomadTableColumnName.homozygotes] = (React.createElement(ColumnHeader, { className: headerClassName, headerContent: React.createElement("span", null, "Number of Homozygotes"), overlay: React.createElement("span", null, "Number of individuals carrying this allele in both copies") })),
|
|
2623
|
+
_a$2[GnomadTableColumnName.alleleFrequency] = (React.createElement(ColumnHeader, { className: headerClassName, headerContent: React.createElement("span", null, "Allele Frequency"), overlay: React.createElement("span", null, "Proportion of the population with this allele") })),
|
|
2713
2624
|
_a$2);
|
|
2714
2625
|
function renderNumericalValue(column) {
|
|
2715
|
-
return createElement("span", { className: "pull-right mr-1" }, column.value);
|
|
2626
|
+
return React.createElement("span", { className: "pull-right mr-1" }, column.value);
|
|
2716
2627
|
}
|
|
2717
2628
|
var Disclaimer = function (props) {
|
|
2718
|
-
var myVariantInfoLink = (createElement("a", { href: "https://myvariant.info/", target: "_blank" }, "myvariant.info"));
|
|
2719
|
-
var genomeNexusLink = (createElement("a", { href: "https://www.genomenexus.org/", target: "_blank" }, "genomenexus.org"));
|
|
2720
|
-
var gnomadLink = (createElement("a", { href: props.gnomadUrl, target: "_blank" }, "gnomAD"));
|
|
2721
|
-
return (createElement("div", { style: {
|
|
2629
|
+
var myVariantInfoLink = (React.createElement("a", { href: "https://myvariant.info/", target: "_blank" }, "myvariant.info"));
|
|
2630
|
+
var genomeNexusLink = (React.createElement("a", { href: "https://www.genomenexus.org/", target: "_blank" }, "genomenexus.org"));
|
|
2631
|
+
var gnomadLink = (React.createElement("a", { href: props.gnomadUrl, target: "_blank" }, "gnomAD"));
|
|
2632
|
+
return (React.createElement("div", { style: {
|
|
2722
2633
|
fontSize: 'x-small',
|
|
2723
2634
|
textAlign: 'center',
|
|
2724
2635
|
paddingTop: 5,
|
|
@@ -2728,7 +2639,7 @@ var Disclaimer = function (props) {
|
|
|
2728
2639
|
", which serves ",
|
|
2729
2640
|
myVariantInfoLink,
|
|
2730
2641
|
"'s gnomAD data.",
|
|
2731
|
-
createElement("br", null),
|
|
2642
|
+
React.createElement("br", null),
|
|
2732
2643
|
"Latest ",
|
|
2733
2644
|
gnomadLink,
|
|
2734
2645
|
" data may differ."));
|
|
@@ -2743,8 +2654,8 @@ var GnomadFrequencyTable = /** @class */ (function (_super) {
|
|
|
2743
2654
|
configurable: true,
|
|
2744
2655
|
writable: true,
|
|
2745
2656
|
value: function () {
|
|
2746
|
-
return (createElement("div", { className: "gnomad-frequency-table", "data-test": "gnomad-table" },
|
|
2747
|
-
createElement(ReactTable, { data: this.props.data, showPagination: false, pageSize: this.props.data.length, sortable: false, className: "-striped -highlight", getTrProps: this.getTrProps, columns: [
|
|
2657
|
+
return (React.createElement("div", { className: "gnomad-frequency-table", "data-test": "gnomad-table" },
|
|
2658
|
+
React.createElement(ReactTable, { data: this.props.data, showPagination: false, pageSize: this.props.data.length, sortable: false, className: "-striped -highlight", getTrProps: this.getTrProps, columns: [
|
|
2748
2659
|
{
|
|
2749
2660
|
id: GnomadTableColumnName.population,
|
|
2750
2661
|
accessor: 'population',
|
|
@@ -2777,11 +2688,11 @@ var GnomadFrequencyTable = /** @class */ (function (_super) {
|
|
|
2777
2688
|
id: GnomadTableColumnName.alleleFrequency,
|
|
2778
2689
|
accessor: 'alleleFrequency',
|
|
2779
2690
|
Header: HEADERS[GnomadTableColumnName.alleleFrequency],
|
|
2780
|
-
Cell: function (column) { return (createElement("span", { className: "pull-right mr-1", "data-test": "allele-frequency-data" }, frequencyOutput(column.value))); },
|
|
2691
|
+
Cell: function (column) { return (React.createElement("span", { className: "pull-right mr-1", "data-test": "allele-frequency-data" }, frequencyOutput(column.value))); },
|
|
2781
2692
|
width: 120,
|
|
2782
2693
|
},
|
|
2783
2694
|
] }),
|
|
2784
|
-
!this.props.hideDisclaimer && (createElement(Disclaimer, { gnomadUrl: this.props.gnomadUrl }))));
|
|
2695
|
+
!this.props.hideDisclaimer && (React.createElement(Disclaimer, { gnomadUrl: this.props.gnomadUrl }))));
|
|
2785
2696
|
}
|
|
2786
2697
|
});
|
|
2787
2698
|
Object.defineProperty(GnomadFrequencyTable.prototype, "getTrProps", {
|
|
@@ -2802,25 +2713,25 @@ var GnomadFrequencyTable = /** @class */ (function (_super) {
|
|
|
2802
2713
|
autobind
|
|
2803
2714
|
], GnomadFrequencyTable.prototype, "getTrProps", null);
|
|
2804
2715
|
return GnomadFrequencyTable;
|
|
2805
|
-
}(Component));
|
|
2716
|
+
}(React.Component));
|
|
2806
2717
|
|
|
2807
2718
|
var GnomadFrequencyValue = function (props) {
|
|
2808
2719
|
if (props.gnomadData) {
|
|
2809
2720
|
// The column will show the total frequency
|
|
2810
2721
|
// Column will show 0 if the total frequency is 0, still has the tooltip to show the gnomad table (since gnomad data is still available)
|
|
2811
2722
|
if (props.gnomadData['Total'].alleleFrequency === 0) {
|
|
2812
|
-
return createElement("span", null, "0");
|
|
2723
|
+
return React.createElement("span", null, "0");
|
|
2813
2724
|
}
|
|
2814
2725
|
else {
|
|
2815
2726
|
// show frequency as number with 4 significant digits
|
|
2816
|
-
return (createElement("span", null, props.gnomadData['Total'].alleleFrequency.toLocaleString(undefined, {
|
|
2727
|
+
return (React.createElement("span", null, props.gnomadData['Total'].alleleFrequency.toLocaleString(undefined, {
|
|
2817
2728
|
maximumSignificantDigits: 2,
|
|
2818
2729
|
minimumSignificantDigits: 2,
|
|
2819
2730
|
})));
|
|
2820
2731
|
}
|
|
2821
2732
|
}
|
|
2822
2733
|
else {
|
|
2823
|
-
return (createElement("span", { style: {
|
|
2734
|
+
return (React.createElement("span", { style: {
|
|
2824
2735
|
height: '100%',
|
|
2825
2736
|
width: '100%',
|
|
2826
2737
|
display: 'block',
|
|
@@ -2830,7 +2741,7 @@ var GnomadFrequencyValue = function (props) {
|
|
|
2830
2741
|
};
|
|
2831
2742
|
var GnomadFrequencyBreakdown = function (props) {
|
|
2832
2743
|
var myVariantInfo = props.myVariantInfo;
|
|
2833
|
-
var content = createElement("span", null, "Variant has no data in gnomAD.");
|
|
2744
|
+
var content = React.createElement("span", null, "Variant has no data in gnomAD.");
|
|
2834
2745
|
// Checking if gnomad data is valid
|
|
2835
2746
|
if (myVariantInfo &&
|
|
2836
2747
|
(myVariantInfo.gnomadExome || myVariantInfo.gnomadGenome)) {
|
|
@@ -2839,7 +2750,7 @@ var GnomadFrequencyBreakdown = function (props) {
|
|
|
2839
2750
|
? sortGnomadDataByFrequency(props.gnomadData)
|
|
2840
2751
|
: getGnomadDataSortedByFrequency(myVariantInfo);
|
|
2841
2752
|
if (sorted) {
|
|
2842
|
-
content = (createElement(GnomadFrequencyTable, { data: sorted, gnomadUrl: gnomadUrl, hideDisclaimer: props.hideDisclaimer }));
|
|
2753
|
+
content = (React.createElement(GnomadFrequencyTable, { data: sorted, gnomadUrl: gnomadUrl, hideDisclaimer: props.hideDisclaimer }));
|
|
2843
2754
|
}
|
|
2844
2755
|
}
|
|
2845
2756
|
return content;
|
|
@@ -2856,22 +2767,22 @@ var GnomadFrequency = /** @class */ (function (_super) {
|
|
|
2856
2767
|
value: function () {
|
|
2857
2768
|
var _this = this;
|
|
2858
2769
|
var gnomadData = getGnomadData(this.props.myVariantInfo);
|
|
2859
|
-
return (createElement(DefaultTooltip, { overlay: function () { return (createElement(GnomadFrequencyBreakdown, __assign({}, _this.props, { gnomadData: gnomadData }))); }, placement: "topRight", trigger: ['hover', 'focus'], destroyTooltipOnHide: true },
|
|
2860
|
-
createElement("span", null,
|
|
2861
|
-
createElement(GnomadFrequencyValue, { gnomadData: gnomadData }))));
|
|
2770
|
+
return (React.createElement(DefaultTooltip, { overlay: function () { return (React.createElement(GnomadFrequencyBreakdown, __assign({}, _this.props, { gnomadData: gnomadData }))); }, placement: "topRight", trigger: ['hover', 'focus'], destroyTooltipOnHide: true },
|
|
2771
|
+
React.createElement("span", null,
|
|
2772
|
+
React.createElement(GnomadFrequencyValue, { gnomadData: gnomadData }))));
|
|
2862
2773
|
}
|
|
2863
2774
|
});
|
|
2864
2775
|
GnomadFrequency = __decorate([
|
|
2865
2776
|
observer
|
|
2866
2777
|
], GnomadFrequency);
|
|
2867
2778
|
return GnomadFrequency;
|
|
2868
|
-
}(Component));
|
|
2779
|
+
}(React.Component));
|
|
2869
2780
|
|
|
2870
|
-
function download$
|
|
2871
|
-
var value = sortValue$
|
|
2781
|
+
function download$2(myVariantInfo) {
|
|
2782
|
+
var value = sortValue$1(myVariantInfo);
|
|
2872
2783
|
return value ? value.toString() : '';
|
|
2873
2784
|
}
|
|
2874
|
-
function sortValue$
|
|
2785
|
+
function sortValue$1(myVariantInfo) {
|
|
2875
2786
|
// If has both gnomadExome and gnomadGenome, sort by the total frequency
|
|
2876
2787
|
if (myVariantInfo &&
|
|
2877
2788
|
myVariantInfo.gnomadExome &&
|
|
@@ -2892,7 +2803,7 @@ function sortValue$7(myVariantInfo) {
|
|
|
2892
2803
|
return null;
|
|
2893
2804
|
}
|
|
2894
2805
|
function gnomadSortMethod(a, b) {
|
|
2895
|
-
return defaultSortMethod(sortValue$
|
|
2806
|
+
return defaultSortMethod(sortValue$1(a), sortValue$1(b));
|
|
2896
2807
|
}
|
|
2897
2808
|
var Gnomad = /** @class */ (function (_super) {
|
|
2898
2809
|
__extends(Gnomad, _super);
|
|
@@ -2912,7 +2823,7 @@ var Gnomad = /** @class */ (function (_super) {
|
|
|
2912
2823
|
configurable: true,
|
|
2913
2824
|
writable: true,
|
|
2914
2825
|
value: function (myVariantInfo, variantAnnotation) {
|
|
2915
|
-
return (createElement(GnomadFrequency, { myVariantInfo: myVariantInfo, annotation: variantAnnotation }));
|
|
2826
|
+
return (React.createElement(GnomadFrequency, { myVariantInfo: myVariantInfo, annotation: variantAnnotation }));
|
|
2916
2827
|
}
|
|
2917
2828
|
});
|
|
2918
2829
|
Object.defineProperty(Gnomad, "defaultProps", {
|
|
@@ -2930,7 +2841,7 @@ var Gnomad = /** @class */ (function (_super) {
|
|
|
2930
2841
|
observer
|
|
2931
2842
|
], Gnomad);
|
|
2932
2843
|
return Gnomad;
|
|
2933
|
-
}(Component));
|
|
2844
|
+
}(React.Component));
|
|
2934
2845
|
|
|
2935
2846
|
function getAnnotation(mutation, indexedVariantAnnotations) {
|
|
2936
2847
|
return indexedVariantAnnotations
|
|
@@ -2961,14 +2872,14 @@ function getHgvscColumnData(mutation, indexedVariantAnnotations, selectedTranscr
|
|
|
2961
2872
|
return data;
|
|
2962
2873
|
}
|
|
2963
2874
|
|
|
2964
|
-
function download$
|
|
2875
|
+
function download$1(hgvsc) {
|
|
2965
2876
|
return hgvsc || '';
|
|
2966
2877
|
}
|
|
2967
|
-
function sortValue
|
|
2878
|
+
function sortValue(hgvsc) {
|
|
2968
2879
|
return hgvsc ? parseInt(hgvsc.split('c.')[1]) : null;
|
|
2969
2880
|
}
|
|
2970
2881
|
function hgvscSortMethod(a, b) {
|
|
2971
|
-
return defaultSortMethod(sortValue
|
|
2882
|
+
return defaultSortMethod(sortValue(a), sortValue(b));
|
|
2972
2883
|
}
|
|
2973
2884
|
var Hgvsc = /** @class */ (function (_super) {
|
|
2974
2885
|
__extends(Hgvsc, _super);
|
|
@@ -2987,14 +2898,14 @@ var Hgvsc = /** @class */ (function (_super) {
|
|
|
2987
2898
|
configurable: true,
|
|
2988
2899
|
writable: true,
|
|
2989
2900
|
value: function () {
|
|
2990
|
-
return createElement("div", null, this.hgvsc);
|
|
2901
|
+
return React.createElement("div", null, this.hgvsc);
|
|
2991
2902
|
}
|
|
2992
2903
|
});
|
|
2993
2904
|
Hgvsc = __decorate([
|
|
2994
2905
|
observer
|
|
2995
2906
|
], Hgvsc);
|
|
2996
2907
|
return Hgvsc;
|
|
2997
|
-
}(Component));
|
|
2908
|
+
}(React.Component));
|
|
2998
2909
|
|
|
2999
2910
|
var hgvsgStyles = {"hgvsg-data":"hgvsg-module_hgvsg-data__3DbOt","genome-nexus-logo":"hgvsg-module_genome-nexus-logo__1NYTb"};
|
|
3000
2911
|
|
|
@@ -3022,16 +2933,16 @@ var Hgvsg = /** @class */ (function (_super) {
|
|
|
3022
2933
|
var mainContent = this.props.mainContent;
|
|
3023
2934
|
var tooltipContent = this.props.tooltipContent;
|
|
3024
2935
|
if (!this.hgvsg) {
|
|
3025
|
-
return createElement("span", null);
|
|
2936
|
+
return React.createElement("span", null);
|
|
3026
2937
|
}
|
|
3027
2938
|
else {
|
|
3028
2939
|
var href = this.props.constructHref
|
|
3029
2940
|
? this.props.constructHref(this.hgvsg)
|
|
3030
2941
|
: undefined;
|
|
3031
|
-
var content = (createElement("span", { className: hgvsgStyles['hgvsg-data'] }, constructLink(this.hgvsg, mainContent(this.hgvsg), href)));
|
|
3032
|
-
return this.props.disableTooltip ? (content) : (createElement(DefaultTooltip, { placement: "topLeft", overlay: createElement("div", null,
|
|
2942
|
+
var content = (React.createElement("span", { className: hgvsgStyles['hgvsg-data'] }, constructLink(this.hgvsg, mainContent(this.hgvsg), href)));
|
|
2943
|
+
return this.props.disableTooltip ? (content) : (React.createElement(DefaultTooltip, { placement: "topLeft", overlay: React.createElement("div", null,
|
|
3033
2944
|
this.hgvsg,
|
|
3034
|
-
createElement("br", null),
|
|
2945
|
+
React.createElement("br", null),
|
|
3035
2946
|
"Click to see this variant on \u00A0",
|
|
3036
2947
|
constructLink(this.hgvsg, tooltipContent(this.hgvsg))) }, content));
|
|
3037
2948
|
}
|
|
@@ -3042,23 +2953,23 @@ var Hgvsg = /** @class */ (function (_super) {
|
|
|
3042
2953
|
configurable: true,
|
|
3043
2954
|
writable: true,
|
|
3044
2955
|
value: {
|
|
3045
|
-
constructLink: function (hgvsg, content, href) { return (createElement("a", { href: href || "https:/www.genomenexus.org/variant/" + hgvsg, target: "_blank", rel: "noopener noreferrer" }, content)); },
|
|
3046
|
-
mainContent: function (hgvsg) { return (createElement(Fragment, null,
|
|
2956
|
+
constructLink: function (hgvsg, content, href) { return (React.createElement("a", { href: href || "https:/www.genomenexus.org/variant/" + hgvsg, target: "_blank", rel: "noopener noreferrer" }, content)); },
|
|
2957
|
+
mainContent: function (hgvsg) { return (React.createElement(React.Fragment, null,
|
|
3047
2958
|
hgvsg,
|
|
3048
2959
|
"\u00A0",
|
|
3049
|
-
createElement("i", { className: "fa fa-external-link" }))); },
|
|
3050
|
-
tooltipContent: function () { return (createElement(Fragment, null,
|
|
2960
|
+
React.createElement("i", { className: "fa fa-external-link" }))); },
|
|
2961
|
+
tooltipContent: function () { return (React.createElement(React.Fragment, null,
|
|
3051
2962
|
"Genome Nexus",
|
|
3052
|
-
createElement("div", { className: hgvsgStyles['genome-nexus-logo'] }))); },
|
|
2963
|
+
React.createElement("div", { className: hgvsgStyles['genome-nexus-logo'] }))); },
|
|
3053
2964
|
}
|
|
3054
2965
|
});
|
|
3055
2966
|
Hgvsg = __decorate([
|
|
3056
2967
|
observer
|
|
3057
2968
|
], Hgvsg);
|
|
3058
2969
|
return Hgvsg;
|
|
3059
|
-
}(Component));
|
|
2970
|
+
}(React.Component));
|
|
3060
2971
|
|
|
3061
|
-
var styles$
|
|
2972
|
+
var styles$9 = {"germline":"mutationStatus-module_germline__14ouw","somatic":"mutationStatus-module_somatic__2kcEn","unknown":"mutationStatus-module_unknown__jR1Lo"};
|
|
3062
2973
|
|
|
3063
2974
|
var MutationStatus = /** @class */ (function (_super) {
|
|
3064
2975
|
__extends(MutationStatus, _super);
|
|
@@ -3077,7 +2988,7 @@ var MutationStatus = /** @class */ (function (_super) {
|
|
|
3077
2988
|
var content;
|
|
3078
2989
|
if (value) {
|
|
3079
2990
|
if (value.toLowerCase().includes('somatic')) {
|
|
3080
|
-
content = (createElement("span", { className: styles$
|
|
2991
|
+
content = (React.createElement("span", { className: styles$9.somatic, style: this.props.styleMap
|
|
3081
2992
|
? this.props.styleMap[value.toLowerCase()]
|
|
3082
2993
|
: undefined }, (this.props.displayValueMap &&
|
|
3083
2994
|
(this.props.displayValueMap[value.toLowerCase()] ||
|
|
@@ -3085,7 +2996,7 @@ var MutationStatus = /** @class */ (function (_super) {
|
|
|
3085
2996
|
'Somatic'));
|
|
3086
2997
|
}
|
|
3087
2998
|
else if (value.toLowerCase().includes('germline')) {
|
|
3088
|
-
content = (createElement("span", { className: styles$
|
|
2999
|
+
content = (React.createElement("span", { className: styles$9.germline, style: this.props.styleMap
|
|
3089
3000
|
? this.props.styleMap[value.toLowerCase()]
|
|
3090
3001
|
: undefined }, (this.props.displayValueMap &&
|
|
3091
3002
|
(this.props.displayValueMap[value.toLowerCase()] ||
|
|
@@ -3093,14 +3004,14 @@ var MutationStatus = /** @class */ (function (_super) {
|
|
|
3093
3004
|
'Germline'));
|
|
3094
3005
|
}
|
|
3095
3006
|
else {
|
|
3096
|
-
content = createElement("span", { className: styles$
|
|
3007
|
+
content = React.createElement("span", { className: styles$9.unknown }, value);
|
|
3097
3008
|
}
|
|
3098
3009
|
}
|
|
3099
3010
|
else {
|
|
3100
|
-
content = createElement("span", null);
|
|
3011
|
+
content = React.createElement("span", null);
|
|
3101
3012
|
}
|
|
3102
3013
|
if (this.props.enableTooltip) {
|
|
3103
|
-
content = (createElement(DefaultTooltip, { overlay: createElement("span", null, value), placement: "right" }, content));
|
|
3014
|
+
content = (React.createElement(DefaultTooltip, { overlay: React.createElement("span", null, value), placement: "right" }, content));
|
|
3104
3015
|
}
|
|
3105
3016
|
return content;
|
|
3106
3017
|
}
|
|
@@ -3114,9 +3025,9 @@ var MutationStatus = /** @class */ (function (_super) {
|
|
|
3114
3025
|
}
|
|
3115
3026
|
});
|
|
3116
3027
|
return MutationStatus;
|
|
3117
|
-
}(Component));
|
|
3028
|
+
}(React.Component));
|
|
3118
3029
|
|
|
3119
|
-
var styles$
|
|
3030
|
+
var styles$8 = {"proteinChange":"proteinChange-module_proteinChange__3MSnG","germline":"proteinChange-module_germline__25Wi_"};
|
|
3120
3031
|
|
|
3121
3032
|
function proteinChangeSortMethod(a, b) {
|
|
3122
3033
|
return defaultSortMethod(a ? calcProteinChangeSortValue(a) : null, b ? calcProteinChangeSortValue(b) : null);
|
|
@@ -3144,14 +3055,14 @@ var ProteinChange = /** @class */ (function (_super) {
|
|
|
3144
3055
|
// maxLength={40}
|
|
3145
3056
|
// />
|
|
3146
3057
|
// );
|
|
3147
|
-
var content = (createElement("span", { className: styles$
|
|
3058
|
+
var content = (React.createElement("span", { className: styles$8.proteinChange }, proteinChange));
|
|
3148
3059
|
// add a germline indicator next to protein change if it is a germline mutation!
|
|
3149
3060
|
if (this.props.enableMutationStatusIndicator &&
|
|
3150
3061
|
mutationStatus &&
|
|
3151
3062
|
mutationStatus.toLowerCase().includes('germline')) {
|
|
3152
|
-
content = (createElement(Fragment, null,
|
|
3063
|
+
content = (React.createElement(React.Fragment, null,
|
|
3153
3064
|
content,
|
|
3154
|
-
createElement("span", { className: styles$
|
|
3065
|
+
React.createElement("span", { className: styles$8.germline }, "Germline")));
|
|
3155
3066
|
}
|
|
3156
3067
|
return content;
|
|
3157
3068
|
}
|
|
@@ -3165,7 +3076,7 @@ var ProteinChange = /** @class */ (function (_super) {
|
|
|
3165
3076
|
}
|
|
3166
3077
|
});
|
|
3167
3078
|
return ProteinChange;
|
|
3168
|
-
}(Component));
|
|
3079
|
+
}(React.Component));
|
|
3169
3080
|
|
|
3170
3081
|
function getSignalData(mutation, indexedVariantAnnotations, mutationType // mutationType could be "germline", "somatic", or "undefined" which means both
|
|
3171
3082
|
) {
|
|
@@ -3217,7 +3128,7 @@ function signalSortMethod(a, b) {
|
|
|
3217
3128
|
function getSortValue(signalData) {
|
|
3218
3129
|
return signalData ? signalData.germlineFrequency || null : null;
|
|
3219
3130
|
}
|
|
3220
|
-
function download
|
|
3131
|
+
function download(signalData, mutationType) {
|
|
3221
3132
|
return signalData && signalData.germlineFrequency !== null
|
|
3222
3133
|
? "" + formatNumberValueInSignificantDigits(signalData.germlineFrequency, 2)
|
|
3223
3134
|
: '';
|
|
@@ -3238,7 +3149,7 @@ var SignalTable = function (props) {
|
|
|
3238
3149
|
// signal data should be either germline or somatic, so should be only one element
|
|
3239
3150
|
var signalData = getSignalData(props.mutation, props.indexedVariantAnnotations, props.mutationType)[0];
|
|
3240
3151
|
if (getSingleSignalValue(props.mutation, props.mutationType || Pathogenicity.GERMLINE, props.indexedVariantAnnotations) !== null) {
|
|
3241
|
-
return (createElement(MutationTumorTypeFrequencyTable, { data: generateTumorTypeDecomposition(signalData, signalData.countsByTumorType, signalData.biallelicCountsByTumorType, signalData.qcPassCountsByTumorType, signalData.statsByTumorType), columns: [
|
|
3152
|
+
return (React.createElement(MutationTumorTypeFrequencyTable, { data: generateTumorTypeDecomposition(signalData, signalData.countsByTumorType, signalData.biallelicCountsByTumorType, signalData.qcPassCountsByTumorType, signalData.statsByTumorType), columns: [
|
|
3242
3153
|
FREQUENCY_COLUMNS_DEFINITION[FrequencyTableColumnEnum.TUMOR_TYPE],
|
|
3243
3154
|
FREQUENCY_COLUMNS_DEFINITION[FrequencyTableColumnEnum.MUTATION_STATUS],
|
|
3244
3155
|
FREQUENCY_COLUMNS_DEFINITION[FrequencyTableColumnEnum.SAMPLE_COUNT],
|
|
@@ -3277,19 +3188,19 @@ var Signal = /** @class */ (function (_super) {
|
|
|
3277
3188
|
content = errorIcon('Error fetching Genome Nexus annotation');
|
|
3278
3189
|
}
|
|
3279
3190
|
else {
|
|
3280
|
-
content = createElement("div", null);
|
|
3191
|
+
content = React.createElement("div", null);
|
|
3281
3192
|
var signalValue = getSingleSignalValue(this.props.mutation, this.props.mutationType || Pathogenicity.GERMLINE, this.props.indexedVariantAnnotations);
|
|
3282
3193
|
if (signalValue !== null) {
|
|
3283
|
-
content = (createElement(DefaultTooltip, { placement: "top", overlayStyle: {
|
|
3194
|
+
content = (React.createElement(DefaultTooltip, { placement: "top", overlayStyle: {
|
|
3284
3195
|
width: 800,
|
|
3285
|
-
}, overlay: createElement(SignalTable, { mutation: this.props.mutation, indexedVariantAnnotations: this.props.indexedVariantAnnotations, mutationType: this.props.mutationType }) },
|
|
3286
|
-
createElement("span", null, signalValue)));
|
|
3196
|
+
}, overlay: React.createElement(SignalTable, { mutation: this.props.mutation, indexedVariantAnnotations: this.props.indexedVariantAnnotations, mutationType: this.props.mutationType }) },
|
|
3197
|
+
React.createElement("span", null, signalValue)));
|
|
3287
3198
|
}
|
|
3288
3199
|
}
|
|
3289
3200
|
return content;
|
|
3290
3201
|
}
|
|
3291
3202
|
else {
|
|
3292
|
-
return createElement("div", null);
|
|
3203
|
+
return React.createElement("div", null);
|
|
3293
3204
|
}
|
|
3294
3205
|
}
|
|
3295
3206
|
});
|
|
@@ -3297,7 +3208,7 @@ var Signal = /** @class */ (function (_super) {
|
|
|
3297
3208
|
observer
|
|
3298
3209
|
], Signal);
|
|
3299
3210
|
return Signal;
|
|
3300
|
-
}(Component));
|
|
3211
|
+
}(React.Component));
|
|
3301
3212
|
|
|
3302
3213
|
function handleOptionSelect(selectedValues, allValues, onSelect) {
|
|
3303
3214
|
if (onSelect) {
|
|
@@ -3319,7 +3230,7 @@ function getSelectedOptionValues(allValues, filter) {
|
|
|
3319
3230
|
}
|
|
3320
3231
|
|
|
3321
3232
|
var SelectionIndicator = observer(function (props) {
|
|
3322
|
-
return (createElement("div", { style: {
|
|
3233
|
+
return (React.createElement("div", { style: {
|
|
3323
3234
|
marginRight: 5,
|
|
3324
3235
|
marginTop: 'auto',
|
|
3325
3236
|
marginBottom: 'auto',
|
|
@@ -3337,9 +3248,9 @@ var DropdownSelector = /** @class */ (function (_super) {
|
|
|
3337
3248
|
configurable: true,
|
|
3338
3249
|
writable: true,
|
|
3339
3250
|
value: function (props) {
|
|
3340
|
-
return (createElement("div", { style: { display: 'flex' } },
|
|
3341
|
-
createElement(SelectionIndicator, { allValues: _this.allValues, selectedValues: _this.selectedValues, selectionIndicatorClassNames: _this.selectionIndicatorClassNames }),
|
|
3342
|
-
createElement(components.IndicatorsContainer, __assign({}, props))));
|
|
3251
|
+
return (React.createElement("div", { style: { display: 'flex' } },
|
|
3252
|
+
React.createElement(SelectionIndicator, { allValues: _this.allValues, selectedValues: _this.selectedValues, selectionIndicatorClassNames: _this.selectionIndicatorClassNames }),
|
|
3253
|
+
React.createElement(components.IndicatorsContainer, __assign({}, props))));
|
|
3343
3254
|
}
|
|
3344
3255
|
});
|
|
3345
3256
|
makeObservable(_this);
|
|
@@ -3362,7 +3273,7 @@ var DropdownSelector = /** @class */ (function (_super) {
|
|
|
3362
3273
|
Object.defineProperty(DropdownSelector.prototype, "options", {
|
|
3363
3274
|
get: function () {
|
|
3364
3275
|
return (this.props.options || []).map(function (option) { return ({
|
|
3365
|
-
label: createElement("span", null, option.label || option.value),
|
|
3276
|
+
label: React.createElement("span", null, option.label || option.value),
|
|
3366
3277
|
value: option.value,
|
|
3367
3278
|
}); });
|
|
3368
3279
|
},
|
|
@@ -3398,7 +3309,7 @@ var DropdownSelector = /** @class */ (function (_super) {
|
|
|
3398
3309
|
configurable: true,
|
|
3399
3310
|
writable: true,
|
|
3400
3311
|
value: function () {
|
|
3401
|
-
return (createElement(CheckedSelect, { name: this.props.name, placeholder: this.props.placeholder, reactSelectComponents: this.components, onChange: this.onChange, options: this.options, value: this.selectedValues, showControls: this.props.showControls }));
|
|
3312
|
+
return (React.createElement(CheckedSelect, { name: this.props.name, placeholder: this.props.placeholder, reactSelectComponents: this.components, onChange: this.onChange, options: this.options, value: this.selectedValues, showControls: this.props.showControls }));
|
|
3402
3313
|
}
|
|
3403
3314
|
});
|
|
3404
3315
|
Object.defineProperty(DropdownSelector.prototype, "onChange", {
|
|
@@ -3444,7 +3355,7 @@ var DropdownSelector = /** @class */ (function (_super) {
|
|
|
3444
3355
|
observer
|
|
3445
3356
|
], DropdownSelector);
|
|
3446
3357
|
return DropdownSelector;
|
|
3447
|
-
}(Component));
|
|
3358
|
+
}(React.Component));
|
|
3448
3359
|
|
|
3449
3360
|
var DEFAULT_BADGE_STYLE = {
|
|
3450
3361
|
color: '#FFF',
|
|
@@ -3459,17 +3370,17 @@ var BadgeLabel = /** @class */ (function (_super) {
|
|
|
3459
3370
|
}
|
|
3460
3371
|
Object.defineProperty(BadgeLabel.prototype, "badge", {
|
|
3461
3372
|
get: function () {
|
|
3462
|
-
return (createElement("span", { style: this.props.badgeFirst
|
|
3373
|
+
return (React.createElement("span", { style: this.props.badgeFirst
|
|
3463
3374
|
? { marginRight: 5 }
|
|
3464
3375
|
: { marginLeft: 5 } },
|
|
3465
|
-
createElement("span", { className: this.props.badgeClassName, style: __assign(__assign({}, DEFAULT_BADGE_STYLE), this.props.badgeStyleOverride) }, this.props.badgeContent)));
|
|
3376
|
+
React.createElement("span", { className: this.props.badgeClassName, style: __assign(__assign({}, DEFAULT_BADGE_STYLE), this.props.badgeStyleOverride) }, this.props.badgeContent)));
|
|
3466
3377
|
},
|
|
3467
3378
|
enumerable: false,
|
|
3468
3379
|
configurable: true
|
|
3469
3380
|
});
|
|
3470
3381
|
Object.defineProperty(BadgeLabel.prototype, "badgeFirst", {
|
|
3471
3382
|
get: function () {
|
|
3472
|
-
return (createElement(Fragment, null,
|
|
3383
|
+
return (React.createElement(React.Fragment, null,
|
|
3473
3384
|
this.badge,
|
|
3474
3385
|
this.props.label));
|
|
3475
3386
|
},
|
|
@@ -3478,7 +3389,7 @@ var BadgeLabel = /** @class */ (function (_super) {
|
|
|
3478
3389
|
});
|
|
3479
3390
|
Object.defineProperty(BadgeLabel.prototype, "badgeLast", {
|
|
3480
3391
|
get: function () {
|
|
3481
|
-
return (createElement(Fragment, null,
|
|
3392
|
+
return (React.createElement(React.Fragment, null,
|
|
3482
3393
|
this.props.label,
|
|
3483
3394
|
this.badge));
|
|
3484
3395
|
},
|
|
@@ -3503,7 +3414,7 @@ var BadgeLabel = /** @class */ (function (_super) {
|
|
|
3503
3414
|
}
|
|
3504
3415
|
});
|
|
3505
3416
|
return BadgeLabel;
|
|
3506
|
-
}(Component));
|
|
3417
|
+
}(React.Component));
|
|
3507
3418
|
|
|
3508
3419
|
var DEFAULT_BADGE_CHAR_WIDTH = 10;
|
|
3509
3420
|
var DEFAULT_BADGE_CONTENT_PADDING = 7;
|
|
@@ -3612,7 +3523,7 @@ var BadgeSelector = /** @class */ (function (_super) {
|
|
|
3612
3523
|
configurable: true,
|
|
3613
3524
|
writable: true,
|
|
3614
3525
|
value: function (option, selectedValues, badgeClassName, badgeAlignmentStyle) {
|
|
3615
|
-
return this.props.getBadgeLabel ? (this.props.getBadgeLabel(option, selectedValues, badgeClassName, badgeAlignmentStyle)) : (createElement(BadgeLabel, { label: option.label || option.value, badgeContent: option.badgeContent, badgeStyleOverride: getBadgeStyleOverride(option, selectedValues, badgeAlignmentStyle), badgeClassName: this.props.badgeClassName }));
|
|
3526
|
+
return this.props.getBadgeLabel ? (this.props.getBadgeLabel(option, selectedValues, badgeClassName, badgeAlignmentStyle)) : (React.createElement(BadgeLabel, { label: option.label || option.value, badgeContent: option.badgeContent, badgeStyleOverride: getBadgeStyleOverride(option, selectedValues, badgeAlignmentStyle), badgeClassName: this.props.badgeClassName }));
|
|
3616
3527
|
}
|
|
3617
3528
|
});
|
|
3618
3529
|
Object.defineProperty(BadgeSelector.prototype, "badgeAlignmentStyles", {
|
|
@@ -3642,7 +3553,7 @@ var BadgeSelector = /** @class */ (function (_super) {
|
|
|
3642
3553
|
configurable: true,
|
|
3643
3554
|
writable: true,
|
|
3644
3555
|
value: function () {
|
|
3645
|
-
return (createElement(Checklist, { onChange: this.onChange, options: this.options, getOptionLabel: this.props.getOptionLabel, value: this.selectedValues, isDisabled: this.props.isDisabled, numberOfColumnsPerRow: this.props.numberOfColumnsPerRow, unselectOthersWhenAllSelected: this.props.unselectOthersWhenAllSelected }));
|
|
3556
|
+
return (React.createElement(Checklist, { onChange: this.onChange, options: this.options, getOptionLabel: this.props.getOptionLabel, value: this.selectedValues, isDisabled: this.props.isDisabled, numberOfColumnsPerRow: this.props.numberOfColumnsPerRow, unselectOthersWhenAllSelected: this.props.unselectOthersWhenAllSelected }));
|
|
3646
3557
|
}
|
|
3647
3558
|
});
|
|
3648
3559
|
Object.defineProperty(BadgeSelector.prototype, "onChange", {
|
|
@@ -3675,7 +3586,7 @@ var BadgeSelector = /** @class */ (function (_super) {
|
|
|
3675
3586
|
observer
|
|
3676
3587
|
], BadgeSelector);
|
|
3677
3588
|
return BadgeSelector;
|
|
3678
|
-
}(Component));
|
|
3589
|
+
}(React.Component));
|
|
3679
3590
|
|
|
3680
3591
|
var DEFAULT_PROTEIN_IMPACT_TYPE_COLORS = {
|
|
3681
3592
|
missenseColor: MUT_COLOR_MISSENSE,
|
|
@@ -3786,22 +3697,22 @@ function getColorForProteinImpactType(mutations, colors, getMutationCount, isPut
|
|
|
3786
3697
|
function getProteinImpactTypeOptionDisplayValueMap(proteinImpactTypeColorMap) {
|
|
3787
3698
|
var _a;
|
|
3788
3699
|
return _a = {},
|
|
3789
|
-
_a[ProteinImpactType.MISSENSE] = (createElement("strong", { style: {
|
|
3700
|
+
_a[ProteinImpactType.MISSENSE] = (React.createElement("strong", { style: {
|
|
3790
3701
|
color: proteinImpactTypeColorMap[ProteinImpactType.MISSENSE],
|
|
3791
3702
|
} }, "Missense")),
|
|
3792
|
-
_a[ProteinImpactType.TRUNCATING] = (createElement("strong", { style: {
|
|
3703
|
+
_a[ProteinImpactType.TRUNCATING] = (React.createElement("strong", { style: {
|
|
3793
3704
|
color: proteinImpactTypeColorMap[ProteinImpactType.TRUNCATING],
|
|
3794
3705
|
} }, "Truncating")),
|
|
3795
|
-
_a[ProteinImpactType.INFRAME] = (createElement("strong", { style: {
|
|
3706
|
+
_a[ProteinImpactType.INFRAME] = (React.createElement("strong", { style: {
|
|
3796
3707
|
color: proteinImpactTypeColorMap[ProteinImpactType.INFRAME],
|
|
3797
3708
|
} }, "Inframe")),
|
|
3798
|
-
_a[ProteinImpactType.SPLICE] = (createElement("strong", { style: {
|
|
3709
|
+
_a[ProteinImpactType.SPLICE] = (React.createElement("strong", { style: {
|
|
3799
3710
|
color: proteinImpactTypeColorMap[ProteinImpactType.SPLICE],
|
|
3800
3711
|
} }, "Splice")),
|
|
3801
|
-
_a[ProteinImpactType.FUSION] = (createElement("strong", { style: {
|
|
3712
|
+
_a[ProteinImpactType.FUSION] = (React.createElement("strong", { style: {
|
|
3802
3713
|
color: proteinImpactTypeColorMap[ProteinImpactType.FUSION],
|
|
3803
3714
|
} }, "SV/Fusion")),
|
|
3804
|
-
_a[ProteinImpactType.OTHER] = (createElement("strong", { style: {
|
|
3715
|
+
_a[ProteinImpactType.OTHER] = (React.createElement("strong", { style: {
|
|
3805
3716
|
color: proteinImpactTypeColorMap[ProteinImpactType.OTHER],
|
|
3806
3717
|
} }, "Other")),
|
|
3807
3718
|
_a;
|
|
@@ -3855,7 +3766,7 @@ var ProteinImpactTypeDropdownSelector = /** @class */ (function (_super) {
|
|
|
3855
3766
|
configurable: true,
|
|
3856
3767
|
writable: true,
|
|
3857
3768
|
value: function () {
|
|
3858
|
-
return (createElement(DropdownSelector, __assign({ name: "proteinImpactTypeFilter", placeholder: "Protein Impact", showControls: true, options: this.options }, this.props)));
|
|
3769
|
+
return (React.createElement(DropdownSelector, __assign({ name: "proteinImpactTypeFilter", placeholder: "Protein Impact", showControls: true, options: this.options }, this.props)));
|
|
3859
3770
|
}
|
|
3860
3771
|
});
|
|
3861
3772
|
Object.defineProperty(ProteinImpactTypeDropdownSelector, "defaultProps", {
|
|
@@ -3879,7 +3790,7 @@ var ProteinImpactTypeDropdownSelector = /** @class */ (function (_super) {
|
|
|
3879
3790
|
observer
|
|
3880
3791
|
], ProteinImpactTypeDropdownSelector);
|
|
3881
3792
|
return ProteinImpactTypeDropdownSelector;
|
|
3882
|
-
}(Component));
|
|
3793
|
+
}(React.Component));
|
|
3883
3794
|
|
|
3884
3795
|
var VALUES = [
|
|
3885
3796
|
ProteinImpactType.MISSENSE,
|
|
@@ -3890,10 +3801,10 @@ var VALUES = [
|
|
|
3890
3801
|
ProteinImpactType.OTHER,
|
|
3891
3802
|
];
|
|
3892
3803
|
function getProteinImpactTypeOptionLabel(option) {
|
|
3893
|
-
return createElement("span", null, option.label || option.value);
|
|
3804
|
+
return React.createElement("span", null, option.label || option.value);
|
|
3894
3805
|
}
|
|
3895
3806
|
function getProteinImpactTypeBadgeLabel(option, selectedValues, badgeClassName, badgeAlignmentStyle) {
|
|
3896
|
-
return (createElement(BadgeLabel, { label: option.label || option.value, badgeContent: option.badgeContent, badgeStyleOverride: getBadgeStyleOverride(option, selectedValues, badgeAlignmentStyle), badgeClassName: badgeClassName, badgeFirst: true }));
|
|
3807
|
+
return (React.createElement(BadgeLabel, { label: option.label || option.value, badgeContent: option.badgeContent, badgeStyleOverride: getBadgeStyleOverride(option, selectedValues, badgeAlignmentStyle), badgeClassName: badgeClassName, badgeFirst: true }));
|
|
3897
3808
|
}
|
|
3898
3809
|
var ProteinImpactTypeBadgeSelector = /** @class */ (function (_super) {
|
|
3899
3810
|
__extends(ProteinImpactTypeBadgeSelector, _super);
|
|
@@ -3940,7 +3851,7 @@ var ProteinImpactTypeBadgeSelector = /** @class */ (function (_super) {
|
|
|
3940
3851
|
configurable: true,
|
|
3941
3852
|
writable: true,
|
|
3942
3853
|
value: function () {
|
|
3943
|
-
return (createElement(BadgeSelector, __assign({ options: this.options, getOptionLabel: getProteinImpactTypeOptionLabel, getBadgeLabel: getProteinImpactTypeBadgeLabel }, this.props)));
|
|
3854
|
+
return (React.createElement(BadgeSelector, __assign({ options: this.options, getOptionLabel: getProteinImpactTypeOptionLabel, getBadgeLabel: getProteinImpactTypeBadgeLabel }, this.props)));
|
|
3944
3855
|
}
|
|
3945
3856
|
});
|
|
3946
3857
|
Object.defineProperty(ProteinImpactTypeBadgeSelector, "defaultProps", {
|
|
@@ -3958,7 +3869,7 @@ var ProteinImpactTypeBadgeSelector = /** @class */ (function (_super) {
|
|
|
3958
3869
|
observer
|
|
3959
3870
|
], ProteinImpactTypeBadgeSelector);
|
|
3960
3871
|
return ProteinImpactTypeBadgeSelector;
|
|
3961
|
-
}(Component));
|
|
3872
|
+
}(React.Component));
|
|
3962
3873
|
|
|
3963
3874
|
var MUTATION_STATUS_BADGE_STYLE_OVERRIDE = {
|
|
3964
3875
|
color: '#000',
|
|
@@ -4003,7 +3914,7 @@ var MutationStatusBadgeSelector = /** @class */ (function (_super) {
|
|
|
4003
3914
|
configurable: true,
|
|
4004
3915
|
writable: true,
|
|
4005
3916
|
value: function () {
|
|
4006
|
-
return createElement(BadgeSelector, __assign({ options: this.options }, this.props));
|
|
3917
|
+
return React.createElement(BadgeSelector, __assign({ options: this.options }, this.props));
|
|
4007
3918
|
}
|
|
4008
3919
|
});
|
|
4009
3920
|
Object.defineProperty(MutationStatusBadgeSelector, "defaultProps", {
|
|
@@ -4021,7 +3932,7 @@ var MutationStatusBadgeSelector = /** @class */ (function (_super) {
|
|
|
4021
3932
|
observer
|
|
4022
3933
|
], MutationStatusBadgeSelector);
|
|
4023
3934
|
return MutationStatusBadgeSelector;
|
|
4024
|
-
}(Component));
|
|
3935
|
+
}(React.Component));
|
|
4025
3936
|
|
|
4026
3937
|
var ColumnSelector = /** @class */ (function (_super) {
|
|
4027
3938
|
__extends(ColumnSelector, _super);
|
|
@@ -4042,7 +3953,7 @@ var ColumnSelector = /** @class */ (function (_super) {
|
|
|
4042
3953
|
Object.defineProperty(ColumnSelector.prototype, "options", {
|
|
4043
3954
|
get: function () {
|
|
4044
3955
|
return (this.props.columnVisibility || []).map(function (c) { return ({
|
|
4045
|
-
label: createElement("span", null, c.name),
|
|
3956
|
+
label: React.createElement("span", null, c.name),
|
|
4046
3957
|
value: c.id,
|
|
4047
3958
|
}); });
|
|
4048
3959
|
},
|
|
@@ -4054,7 +3965,7 @@ var ColumnSelector = /** @class */ (function (_super) {
|
|
|
4054
3965
|
configurable: true,
|
|
4055
3966
|
writable: true,
|
|
4056
3967
|
value: function () {
|
|
4057
|
-
return (createElement(CheckedSelect, { name: this.props.name, placeholder: this.props.placeholder, onChange: this.onChange, options: this.options, value: this.selectedValues, showControls: this.props.showControls }));
|
|
3968
|
+
return (React.createElement(CheckedSelect, { name: this.props.name, placeholder: this.props.placeholder, onChange: this.onChange, options: this.options, value: this.selectedValues, showControls: this.props.showControls }));
|
|
4058
3969
|
}
|
|
4059
3970
|
});
|
|
4060
3971
|
Object.defineProperty(ColumnSelector.prototype, "onChange", {
|
|
@@ -4090,9 +4001,9 @@ var ColumnSelector = /** @class */ (function (_super) {
|
|
|
4090
4001
|
observer
|
|
4091
4002
|
], ColumnSelector);
|
|
4092
4003
|
return ColumnSelector;
|
|
4093
|
-
}(Component));
|
|
4004
|
+
}(React.Component));
|
|
4094
4005
|
|
|
4095
|
-
var styles$
|
|
4006
|
+
var styles$7 = {"filterResetPanel":"filterResetPanel-module_filterResetPanel__1YAf2"};
|
|
4096
4007
|
|
|
4097
4008
|
var FilterResetPanel = /** @class */ (function (_super) {
|
|
4098
4009
|
__extends(FilterResetPanel, _super);
|
|
@@ -4104,10 +4015,10 @@ var FilterResetPanel = /** @class */ (function (_super) {
|
|
|
4104
4015
|
configurable: true,
|
|
4105
4016
|
writable: true,
|
|
4106
4017
|
value: function () {
|
|
4107
|
-
return (createElement("div", { className: this.props.className },
|
|
4108
|
-
createElement("span", { style: { verticalAlign: 'middle' } },
|
|
4018
|
+
return (React.createElement("div", { className: this.props.className },
|
|
4019
|
+
React.createElement("span", { style: { verticalAlign: 'middle' } },
|
|
4109
4020
|
this.props.filterInfo,
|
|
4110
|
-
createElement("button", { className: this.props.buttonClass, style: { cursor: 'pointer', marginLeft: 6 }, onClick: this.props.resetFilters }, this.props.buttonText))));
|
|
4021
|
+
React.createElement("button", { className: this.props.buttonClass, style: { cursor: 'pointer', marginLeft: 6 }, onClick: this.props.resetFilters }, this.props.buttonText))));
|
|
4111
4022
|
}
|
|
4112
4023
|
});
|
|
4113
4024
|
Object.defineProperty(FilterResetPanel, "defaultProps", {
|
|
@@ -4117,14 +4028,14 @@ var FilterResetPanel = /** @class */ (function (_super) {
|
|
|
4117
4028
|
value: {
|
|
4118
4029
|
buttonText: 'Show all',
|
|
4119
4030
|
buttonClass: classnames('btn', 'btn-secondary', 'btn-sm'),
|
|
4120
|
-
className: classnames('alert', 'alert-success', styles$
|
|
4031
|
+
className: classnames('alert', 'alert-success', styles$7.filterResetPanel),
|
|
4121
4032
|
}
|
|
4122
4033
|
});
|
|
4123
4034
|
FilterResetPanel = __decorate([
|
|
4124
4035
|
observer
|
|
4125
4036
|
], FilterResetPanel);
|
|
4126
4037
|
return FilterResetPanel;
|
|
4127
|
-
}(Component));
|
|
4038
|
+
}(React.Component));
|
|
4128
4039
|
|
|
4129
4040
|
var DataFilterType;
|
|
4130
4041
|
(function (DataFilterType) {
|
|
@@ -4297,11 +4208,11 @@ var SearchBox = /** @class */ (function (_super) {
|
|
|
4297
4208
|
configurable: true,
|
|
4298
4209
|
writable: true,
|
|
4299
4210
|
value: function () {
|
|
4300
|
-
return (createElement("div", { className: "input-group", style: { display: 'flex' } },
|
|
4301
|
-
createElement("input", { type: "text", onInput: this.onChange, ref: this.props.filterInputRef, className: "form-control", placeholder: this.props.placeholder, "aria-label": "Search", style: { height: this.props.boxHeight } }),
|
|
4302
|
-
createElement("div", { className: "input-group-append", style: { height: this.props.boxHeight } },
|
|
4303
|
-
createElement("button", { className: "btn btn-outline-secondary", type: "button", disabled: true },
|
|
4304
|
-
createElement("i", { className: "fa fa-search" })))));
|
|
4211
|
+
return (React.createElement("div", { className: "input-group", style: { display: 'flex' } },
|
|
4212
|
+
React.createElement("input", { type: "text", onInput: this.onChange, ref: this.props.filterInputRef, className: "form-control", placeholder: this.props.placeholder, "aria-label": "Search", style: { height: this.props.boxHeight } }),
|
|
4213
|
+
React.createElement("div", { className: "input-group-append", style: { height: this.props.boxHeight } },
|
|
4214
|
+
React.createElement("button", { className: "btn btn-outline-secondary", type: "button", disabled: true },
|
|
4215
|
+
React.createElement("i", { className: "fa fa-search" })))));
|
|
4305
4216
|
}
|
|
4306
4217
|
});
|
|
4307
4218
|
Object.defineProperty(SearchBox.prototype, "onChange", {
|
|
@@ -4328,7 +4239,7 @@ var SearchBox = /** @class */ (function (_super) {
|
|
|
4328
4239
|
autobind
|
|
4329
4240
|
], SearchBox.prototype, "onChange", null);
|
|
4330
4241
|
return SearchBox;
|
|
4331
|
-
}(Component));
|
|
4242
|
+
}(React.Component));
|
|
4332
4243
|
|
|
4333
4244
|
var DataTableToolbar = /** @class */ (function (_super) {
|
|
4334
4245
|
__extends(DataTableToolbar, _super);
|
|
@@ -4347,16 +4258,16 @@ var DataTableToolbar = /** @class */ (function (_super) {
|
|
|
4347
4258
|
configurable: true,
|
|
4348
4259
|
writable: true,
|
|
4349
4260
|
value: function () {
|
|
4350
|
-
return (createElement("div", { className: "dataTableMainToolbar", style: {
|
|
4261
|
+
return (React.createElement("div", { className: "dataTableMainToolbar", style: {
|
|
4351
4262
|
paddingBottom: '0.4rem',
|
|
4352
4263
|
display: 'flex',
|
|
4353
4264
|
alignItems: 'flex-end',
|
|
4354
4265
|
} },
|
|
4355
4266
|
this.props.info,
|
|
4356
|
-
this.props.showColumnVisibility && (createElement("div", { className: "small", style: { width: 150, marginLeft: 'auto' } },
|
|
4357
|
-
createElement(ColumnSelector, __assign({ columnVisibility: this.props.columnVisibility, onColumnToggled: this.props.visibilityToggle }, this.props.columnSelectorProps)))),
|
|
4358
|
-
this.props.showSearchBox && (createElement("div", { className: "small", style: { width: 200, marginLeft: this.searchBoxMargin } },
|
|
4359
|
-
createElement(SearchBox, { placeholder: this.props.searchPlaceHolder, onChange: this.props.onSearch
|
|
4267
|
+
this.props.showColumnVisibility && (React.createElement("div", { className: "small", style: { width: 150, marginLeft: 'auto' } },
|
|
4268
|
+
React.createElement(ColumnSelector, __assign({ columnVisibility: this.props.columnVisibility, onColumnToggled: this.props.visibilityToggle }, this.props.columnSelectorProps)))),
|
|
4269
|
+
this.props.showSearchBox && (React.createElement("div", { className: "small", style: { width: 200, marginLeft: this.searchBoxMargin } },
|
|
4270
|
+
React.createElement(SearchBox, { placeholder: this.props.searchPlaceHolder, onChange: this.props.onSearch
|
|
4360
4271
|
? ___default.debounce(this.props.onSearch, this.props.searchDelay)
|
|
4361
4272
|
: this.props.onSearch, filterInputRef: this.props.filterInputRef })))));
|
|
4362
4273
|
}
|
|
@@ -4375,7 +4286,7 @@ var DataTableToolbar = /** @class */ (function (_super) {
|
|
|
4375
4286
|
observer
|
|
4376
4287
|
], DataTableToolbar);
|
|
4377
4288
|
return DataTableToolbar;
|
|
4378
|
-
}(Component));
|
|
4289
|
+
}(React.Component));
|
|
4379
4290
|
|
|
4380
4291
|
var ColumnSortDirection;
|
|
4381
4292
|
(function (ColumnSortDirection) {
|
|
@@ -4530,10 +4441,10 @@ var DataTable = /** @class */ (function (_super) {
|
|
|
4530
4441
|
configurable: true,
|
|
4531
4442
|
writable: true,
|
|
4532
4443
|
value: function () {
|
|
4533
|
-
return (createElement("div", { className: "cbioportal-frontend" },
|
|
4534
|
-
createElement(DataTableToolbar, { visibilityToggle: this.onVisibilityToggle, showSearchBox: this.props.showSearchBox, onSearch: this.onSearch, filterInputRef: this.filterInputRef, searchDelay: this.props.searchDelay, searchPlaceHolder: this.props.searchPlaceholder, info: this.props.info, showColumnVisibility: this.props.showColumnVisibility, columnVisibility: this.columnVisibilityDef, columnSelectorProps: this.props.columnSelectorProps }),
|
|
4535
|
-
createElement("div", { className: classnames(this.props.className, 'cbioportal-frontend', 'default-data-table') },
|
|
4536
|
-
createElement(ReactTable, __assign({ data: this.tableData, columns: this.columns, getTrProps: this.needToCustomizeRowStyle
|
|
4444
|
+
return (React.createElement("div", { className: "cbioportal-frontend" },
|
|
4445
|
+
React.createElement(DataTableToolbar, { visibilityToggle: this.onVisibilityToggle, showSearchBox: this.props.showSearchBox, onSearch: this.onSearch, filterInputRef: this.filterInputRef, searchDelay: this.props.searchDelay, searchPlaceHolder: this.props.searchPlaceholder, info: this.props.info, showColumnVisibility: this.props.showColumnVisibility, columnVisibility: this.columnVisibilityDef, columnSelectorProps: this.props.columnSelectorProps }),
|
|
4446
|
+
React.createElement("div", { className: classnames(this.props.className, 'cbioportal-frontend', 'default-data-table') },
|
|
4447
|
+
React.createElement(ReactTable, __assign({ data: this.tableData, columns: this.columns, getTrProps: this.needToCustomizeRowStyle
|
|
4537
4448
|
? this.getTrProps
|
|
4538
4449
|
: undefined, defaultSorted: this.defaultSorted, defaultPageSize: this.props.initialItemsPerPage, showPagination: this.showPagination, className: "-striped -highlight", previousText: "<", nextText: ">", expanded: this.expanded, onExpandedChange: this.onExpandedChange, onPageChange: this.resetExpander, onPageSizeChange: this.resetExpander, onSortedChange: this.resetExpander, minRows: 1 }, this.props.reactTableProps)))));
|
|
4539
4450
|
}
|
|
@@ -4766,9 +4677,9 @@ var DataTable = /** @class */ (function (_super) {
|
|
|
4766
4677
|
action.bound
|
|
4767
4678
|
], DataTable.prototype, "resetExpander", null);
|
|
4768
4679
|
return DataTable;
|
|
4769
|
-
}(Component));
|
|
4680
|
+
}(React.Component));
|
|
4770
4681
|
|
|
4771
|
-
var styles$
|
|
4682
|
+
var styles$6 = {"missense-mutation":"mutationType-module_missense-mutation__2JtLH","trunc-mutation":"mutationType-module_trunc-mutation__17JAR","inframe-mutation":"mutationType-module_inframe-mutation__1eiid","other-mutation":"mutationType-module_other-mutation__1hRce","default-mutation":"mutationType-module_default-mutation__3X-GT","fusion":"mutationType-module_fusion__2C4kW","splice":"mutationType-module_splice__3dgqG"};
|
|
4772
4683
|
|
|
4773
4684
|
var MAIN_MUTATION_TYPE_MAP = {
|
|
4774
4685
|
missense: {
|
|
@@ -4883,18 +4794,18 @@ var MutationType = /** @class */ (function (_super) {
|
|
|
4883
4794
|
var className = getClassName(this.props.mutation);
|
|
4884
4795
|
// use actual value for tooltip
|
|
4885
4796
|
var toolTip = this.props.mutation.mutationType;
|
|
4886
|
-
var content = (createElement("span", { className: styles$
|
|
4797
|
+
var content = (React.createElement("span", { className: styles$6[className] }, text));
|
|
4887
4798
|
// add tooltip only if the display value differs from the actual text value!
|
|
4888
4799
|
if (toolTip && toolTip.toLowerCase() !== text.toLowerCase()) {
|
|
4889
|
-
content = (createElement(DefaultTooltip, { overlay: createElement("span", null, toolTip), placement: "left" }, content));
|
|
4800
|
+
content = (React.createElement(DefaultTooltip, { overlay: React.createElement("span", null, toolTip), placement: "left" }, content));
|
|
4890
4801
|
}
|
|
4891
4802
|
return content;
|
|
4892
4803
|
}
|
|
4893
4804
|
});
|
|
4894
4805
|
return MutationType;
|
|
4895
|
-
}(Component));
|
|
4806
|
+
}(React.Component));
|
|
4896
4807
|
|
|
4897
|
-
var _a$
|
|
4808
|
+
var _a$1, _b;
|
|
4898
4809
|
var MutationColumn;
|
|
4899
4810
|
(function (MutationColumn) {
|
|
4900
4811
|
MutationColumn["PROTEIN_CHANGE"] = "proteinChange";
|
|
@@ -4932,51 +4843,51 @@ var MutationColumnName;
|
|
|
4932
4843
|
MutationColumnName["SIGNAL"] = "SIGNAL";
|
|
4933
4844
|
})(MutationColumnName || (MutationColumnName = {}));
|
|
4934
4845
|
function rightAlignedCell(cellProps) {
|
|
4935
|
-
return createElement("span", { className: "pull-right mr-3" }, cellProps.value);
|
|
4936
|
-
}
|
|
4937
|
-
var MUTATION_COLUMN_HEADERS = (_a$
|
|
4938
|
-
_a$
|
|
4939
|
-
_a$
|
|
4940
|
-
_a$
|
|
4941
|
-
_a$
|
|
4942
|
-
_a$
|
|
4943
|
-
_a$
|
|
4944
|
-
_a$
|
|
4945
|
-
_a$
|
|
4946
|
-
_a$
|
|
4947
|
-
_a$
|
|
4948
|
-
_a$
|
|
4949
|
-
_a$
|
|
4846
|
+
return React.createElement("span", { className: "pull-right mr-3" }, cellProps.value);
|
|
4847
|
+
}
|
|
4848
|
+
var MUTATION_COLUMN_HEADERS = (_a$1 = {},
|
|
4849
|
+
_a$1[MutationColumn.PROTEIN_CHANGE] = (React.createElement(ColumnHeader, { headerContent: React.createElement("span", { className: "pull-left" }, MutationColumnName.PROTEIN_CHANGE) })),
|
|
4850
|
+
_a$1[MutationColumn.ANNOTATION] = (React.createElement(ColumnHeader, { headerContent: React.createElement("span", { className: "pull-left" }, MutationColumnName.ANNOTATION) })),
|
|
4851
|
+
_a$1[MutationColumn.MUTATION_STATUS] = (React.createElement(ColumnHeader, { headerContent: React.createElement("span", { className: "pull-left" }, MutationColumnName.MUTATION_STATUS) })),
|
|
4852
|
+
_a$1[MutationColumn.MUTATION_TYPE] = (React.createElement(ColumnHeader, { headerContent: React.createElement("span", { className: "pull-left" }, MutationColumnName.MUTATION_TYPE) })),
|
|
4853
|
+
_a$1[MutationColumn.CHROMOSOME] = (React.createElement(ColumnHeader, { headerContent: React.createElement("span", { className: "pull-right mr-3" }, MutationColumnName.CHROMOSOME) })),
|
|
4854
|
+
_a$1[MutationColumn.START_POSITION] = (React.createElement(ColumnHeader, { headerContent: React.createElement("span", { className: "pull-right mr-3" }, MutationColumnName.START_POSITION) })),
|
|
4855
|
+
_a$1[MutationColumn.END_POSITION] = (React.createElement(ColumnHeader, { headerContent: React.createElement("span", { className: "pull-right mr-3" }, MutationColumnName.END_POSITION) })),
|
|
4856
|
+
_a$1[MutationColumn.REFERENCE_ALLELE] = (React.createElement(ColumnHeader, { headerContent: React.createElement("span", { className: "pull-left" }, MutationColumnName.REFERENCE_ALLELE), overlay: React.createElement("span", null, "Reference Allele") })),
|
|
4857
|
+
_a$1[MutationColumn.VARIANT_ALLELE] = (React.createElement(ColumnHeader, { headerContent: React.createElement("span", { className: "pull-left" }, MutationColumnName.VARIANT_ALLELE), overlay: React.createElement("span", null, "Variant Allele") })),
|
|
4858
|
+
_a$1[MutationColumn.HGVSG] = (React.createElement(ColumnHeader, { headerContent: React.createElement("span", { className: "pull-left" }, MutationColumnName.HGVSG) })),
|
|
4859
|
+
_a$1[MutationColumn.HGVSC] = (React.createElement(ColumnHeader, { headerContent: React.createElement("span", { className: "pull-left" }, MutationColumnName.HGVSC) })),
|
|
4860
|
+
_a$1[MutationColumn.GNOMAD] = (React.createElement(ColumnHeader, { headerContent: React.createElement("span", { className: "pull-right mr-3" },
|
|
4950
4861
|
MutationColumnName.GNOMAD,
|
|
4951
4862
|
' ',
|
|
4952
|
-
createElement("i", { className: "fa fa-info-circle" })), overlay: createElement("span", null,
|
|
4953
|
-
createElement("a", { href: "https://gnomad.broadinstitute.org/", target: "_blank" }, "gnomAD"),
|
|
4863
|
+
React.createElement("i", { className: "fa fa-info-circle" })), overlay: React.createElement("span", null,
|
|
4864
|
+
React.createElement("a", { href: "https://gnomad.broadinstitute.org/", target: "_blank" }, "gnomAD"),
|
|
4954
4865
|
' ',
|
|
4955
4866
|
"population allele frequencies. Overall population allele frequency is shown. Hover over a frequency to see the frequency for each specific population.") })),
|
|
4956
|
-
_a$
|
|
4867
|
+
_a$1[MutationColumn.CLINVAR] = (React.createElement(ColumnHeader, { headerContent: React.createElement("span", { className: "pull-left" },
|
|
4957
4868
|
MutationColumnName.CLINVAR,
|
|
4958
4869
|
' ',
|
|
4959
|
-
createElement("i", { className: "fa fa-info-circle" })), overlay: createElement("span", null,
|
|
4960
|
-
createElement("a", { href: "https://www.ncbi.nlm.nih.gov/clinvar/", target: "_blank" }, "ClinVar"),
|
|
4870
|
+
React.createElement("i", { className: "fa fa-info-circle" })), overlay: React.createElement("span", null,
|
|
4871
|
+
React.createElement("a", { href: "https://www.ncbi.nlm.nih.gov/clinvar/", target: "_blank" }, "ClinVar"),
|
|
4961
4872
|
' ',
|
|
4962
4873
|
"aggregates information about genomic variation and its relationship to human health.") })),
|
|
4963
|
-
_a$
|
|
4874
|
+
_a$1[MutationColumn.DBSNP] = (React.createElement(ColumnHeader, { headerContent: React.createElement("span", { className: "pull-right mr-3" },
|
|
4964
4875
|
MutationColumnName.DBSNP,
|
|
4965
4876
|
' ',
|
|
4966
|
-
createElement("i", { className: "fa fa-info-circle" })), overlay: createElement("span", null,
|
|
4877
|
+
React.createElement("i", { className: "fa fa-info-circle" })), overlay: React.createElement("span", null,
|
|
4967
4878
|
"The Single Nucleotide Polymorphism Database (",
|
|
4968
|
-
createElement("a", { href: "https://www.ncbi.nlm.nih.gov/snp/", target: "_blank" }, "dbSNP"),
|
|
4879
|
+
React.createElement("a", { href: "https://www.ncbi.nlm.nih.gov/snp/", target: "_blank" }, "dbSNP"),
|
|
4969
4880
|
") is a free public archive for genetic variation within and across different species.",
|
|
4970
|
-
createElement("br", null),
|
|
4881
|
+
React.createElement("br", null),
|
|
4971
4882
|
"NOTE: Currently only SNPs, single base deletions and insertions are supported.") })),
|
|
4972
|
-
_a$
|
|
4883
|
+
_a$1[MutationColumn.SIGNAL] = (React.createElement(ColumnHeader, { headerContent: React.createElement("span", { className: "pull-right mr-3" },
|
|
4973
4884
|
MutationColumnName.SIGNAL,
|
|
4974
4885
|
' ',
|
|
4975
|
-
createElement("i", { className: "fa fa-info-circle" })), overlay: createElement("span", null,
|
|
4886
|
+
React.createElement("i", { className: "fa fa-info-circle" })), overlay: React.createElement("span", null,
|
|
4976
4887
|
"Prevalence of germline mutations in cancer patients from",
|
|
4977
4888
|
' ',
|
|
4978
|
-
createElement("a", { href: "https://www.signaldb.org/", target: "_blank" }, "SIGNAL")) })),
|
|
4979
|
-
_a$
|
|
4889
|
+
React.createElement("a", { href: "https://www.signaldb.org/", target: "_blank" }, "SIGNAL")) })),
|
|
4890
|
+
_a$1);
|
|
4980
4891
|
/**
|
|
4981
4892
|
* These default columns only include static props.
|
|
4982
4893
|
* So, for some columns, like Annotation, no default accessor or Cell (render) properties included.
|
|
@@ -4987,7 +4898,7 @@ var MUTATION_COLUMNS_DEFINITION = (_b = {},
|
|
|
4987
4898
|
name: MutationColumnName.PROTEIN_CHANGE,
|
|
4988
4899
|
accessor: MutationColumn.PROTEIN_CHANGE,
|
|
4989
4900
|
searchable: true,
|
|
4990
|
-
Cell: function (column) { return createElement(ProteinChange, { mutation: column.original }); },
|
|
4901
|
+
Cell: function (column) { return React.createElement(ProteinChange, { mutation: column.original }); },
|
|
4991
4902
|
Header: MUTATION_COLUMN_HEADERS[MutationColumn.PROTEIN_CHANGE],
|
|
4992
4903
|
sortMethod: proteinChangeSortMethod,
|
|
4993
4904
|
},
|
|
@@ -5002,7 +4913,7 @@ var MUTATION_COLUMNS_DEFINITION = (_b = {},
|
|
|
5002
4913
|
name: MutationColumnName.MUTATION_TYPE,
|
|
5003
4914
|
accessor: MutationColumn.MUTATION_TYPE,
|
|
5004
4915
|
searchable: true,
|
|
5005
|
-
Cell: function (column) { return createElement(MutationType, { mutation: column.original }); },
|
|
4916
|
+
Cell: function (column) { return React.createElement(MutationType, { mutation: column.original }); },
|
|
5006
4917
|
Header: MUTATION_COLUMN_HEADERS[MutationColumn.MUTATION_TYPE],
|
|
5007
4918
|
},
|
|
5008
4919
|
_b[MutationColumn.MUTATION_STATUS] = {
|
|
@@ -5010,7 +4921,7 @@ var MUTATION_COLUMNS_DEFINITION = (_b = {},
|
|
|
5010
4921
|
name: MutationColumnName.MUTATION_STATUS,
|
|
5011
4922
|
accessor: MutationColumn.MUTATION_STATUS,
|
|
5012
4923
|
searchable: true,
|
|
5013
|
-
Cell: function (column) { return createElement(MutationStatus, { mutation: column.original }); },
|
|
4924
|
+
Cell: function (column) { return React.createElement(MutationStatus, { mutation: column.original }); },
|
|
5014
4925
|
Header: MUTATION_COLUMN_HEADERS[MutationColumn.MUTATION_STATUS],
|
|
5015
4926
|
},
|
|
5016
4927
|
_b[MutationColumn.CHROMOSOME] = {
|
|
@@ -5288,19 +5199,19 @@ var DefaultMutationTable = /** @class */ (function (_super) {
|
|
|
5288
5199
|
var _this = this;
|
|
5289
5200
|
switch (columnKey) {
|
|
5290
5201
|
case MutationColumn.ANNOTATION:
|
|
5291
|
-
return function (column) { return (createElement(Annotation, { mutation: column.original, enableOncoKb: true, enableHotspot: true, enableCivic: _this.props.enableCivic || false, enableMyCancerGenome: true, hotspotData: _this.props.hotspotData, oncoKbData: _this.props.oncoKbData, oncoKbCancerGenes: _this.props.oncoKbCancerGenes, usingPublicOncoKbInstance: _this.props.usingPublicOncoKbInstance, pubMedCache: _this.props.pubMedCache, civicGenes: _this.props.civicGenes, civicVariants: _this.props.civicVariants })); };
|
|
5202
|
+
return function (column) { return (React.createElement(Annotation, { mutation: column.original, enableOncoKb: true, enableHotspot: true, enableCivic: _this.props.enableCivic || false, enableMyCancerGenome: true, hotspotData: _this.props.hotspotData, oncoKbData: _this.props.oncoKbData, oncoKbCancerGenes: _this.props.oncoKbCancerGenes, usingPublicOncoKbInstance: _this.props.usingPublicOncoKbInstance, pubMedCache: _this.props.pubMedCache, civicGenes: _this.props.civicGenes, civicVariants: _this.props.civicVariants })); };
|
|
5292
5203
|
case MutationColumn.HGVSG:
|
|
5293
|
-
return function (column) { return createElement(Hgvsg, { mutation: column.original }); };
|
|
5204
|
+
return function (column) { return React.createElement(Hgvsg, { mutation: column.original }); };
|
|
5294
5205
|
case MutationColumn.HGVSC:
|
|
5295
|
-
return function (column) { return (createElement(Hgvsc, { mutation: column.original, indexedVariantAnnotations: _this.props.indexedVariantAnnotations, selectedTranscriptId: _this.props.selectedTranscriptId })); };
|
|
5206
|
+
return function (column) { return (React.createElement(Hgvsc, { mutation: column.original, indexedVariantAnnotations: _this.props.indexedVariantAnnotations, selectedTranscriptId: _this.props.selectedTranscriptId })); };
|
|
5296
5207
|
case MutationColumn.GNOMAD:
|
|
5297
|
-
return function (column) { return (createElement(Gnomad, { mutation: column.original, indexedMyVariantInfoAnnotations: _this.props.indexedMyVariantInfoAnnotations, indexedVariantAnnotations: _this.props.indexedVariantAnnotations })); };
|
|
5208
|
+
return function (column) { return (React.createElement(Gnomad, { mutation: column.original, indexedMyVariantInfoAnnotations: _this.props.indexedMyVariantInfoAnnotations, indexedVariantAnnotations: _this.props.indexedVariantAnnotations })); };
|
|
5298
5209
|
case MutationColumn.CLINVAR:
|
|
5299
|
-
return function (column) { return (createElement(ClinvarInterpretation, { mutation: column.original, indexedVariantAnnotations: _this.props.indexedVariantAnnotations })); };
|
|
5210
|
+
return function (column) { return (React.createElement(ClinvarInterpretation, { mutation: column.original, indexedVariantAnnotations: _this.props.indexedVariantAnnotations })); };
|
|
5300
5211
|
case MutationColumn.DBSNP:
|
|
5301
|
-
return function (column) { return (createElement(Dbsnp, { mutation: column.original, indexedMyVariantInfoAnnotations: _this.props.indexedMyVariantInfoAnnotations })); };
|
|
5212
|
+
return function (column) { return (React.createElement(Dbsnp, { mutation: column.original, indexedMyVariantInfoAnnotations: _this.props.indexedMyVariantInfoAnnotations })); };
|
|
5302
5213
|
case MutationColumn.SIGNAL:
|
|
5303
|
-
return function (column) { return (createElement(Signal, { mutation: column.original, indexedVariantAnnotations: _this.props.indexedVariantAnnotations, mutationType: Pathogenicity.GERMLINE })); };
|
|
5214
|
+
return function (column) { return (React.createElement(Signal, { mutation: column.original, indexedVariantAnnotations: _this.props.indexedVariantAnnotations, mutationType: Pathogenicity.GERMLINE })); };
|
|
5304
5215
|
default:
|
|
5305
5216
|
return undefined;
|
|
5306
5217
|
}
|
|
@@ -5336,7 +5247,7 @@ var DefaultMutationTable = /** @class */ (function (_super) {
|
|
|
5336
5247
|
configurable: true,
|
|
5337
5248
|
writable: true,
|
|
5338
5249
|
value: function () {
|
|
5339
|
-
return (createElement(DefaultMutationTableComponent, __assign({}, this.props, { columns: this.columns, initialSortRemoteData: this.initialSortRemoteData, onSearch: this.onSearch, className: "default-mutation-table" })));
|
|
5250
|
+
return (React.createElement(DefaultMutationTableComponent, __assign({}, this.props, { columns: this.columns, initialSortRemoteData: this.initialSortRemoteData, onSearch: this.onSearch, className: "default-mutation-table" })));
|
|
5340
5251
|
}
|
|
5341
5252
|
});
|
|
5342
5253
|
Object.defineProperty(DefaultMutationTable.prototype, "onSearch", {
|
|
@@ -5422,7 +5333,7 @@ var DefaultMutationTable = /** @class */ (function (_super) {
|
|
|
5422
5333
|
observer
|
|
5423
5334
|
], DefaultMutationTable);
|
|
5424
5335
|
return DefaultMutationTable;
|
|
5425
|
-
}(Component));
|
|
5336
|
+
}(React.Component));
|
|
5426
5337
|
|
|
5427
5338
|
var Domain = /** @class */ (function (_super) {
|
|
5428
5339
|
__extends(Domain, _super);
|
|
@@ -5549,7 +5460,7 @@ var Domain = /** @class */ (function (_super) {
|
|
|
5549
5460
|
props.style = { opacity: 0 };
|
|
5550
5461
|
props.className = this.props.hitzoneClassName;
|
|
5551
5462
|
}
|
|
5552
|
-
return createElement("text", __assign({}, props), text);
|
|
5463
|
+
return React.createElement("text", __assign({}, props), text);
|
|
5553
5464
|
}
|
|
5554
5465
|
});
|
|
5555
5466
|
Object.defineProperty(Domain.prototype, "render", {
|
|
@@ -5557,11 +5468,11 @@ var Domain = /** @class */ (function (_super) {
|
|
|
5557
5468
|
configurable: true,
|
|
5558
5469
|
writable: true,
|
|
5559
5470
|
value: function () {
|
|
5560
|
-
return (createElement("g", null,
|
|
5561
|
-
createElement("rect", { x: this.props.x, y: this.props.y, width: this.props.width, height: this.props.height, fill: this.props.color }),
|
|
5471
|
+
return (React.createElement("g", null,
|
|
5472
|
+
React.createElement("rect", { x: this.props.x, y: this.props.y, width: this.props.width, height: this.props.height, fill: this.props.color }),
|
|
5562
5473
|
this.makeTextElement(true),
|
|
5563
5474
|
this.makeTextElement(false),
|
|
5564
|
-
createElement("rect", { className: this.props.hitzoneClassName, x: this.props.x, y: this.props.y, width: this.props.width, height: this.props.height, style: { opacity: 0 } })));
|
|
5475
|
+
React.createElement("rect", { className: this.props.hitzoneClassName, x: this.props.x, y: this.props.y, width: this.props.width, height: this.props.height, style: { opacity: 0 } })));
|
|
5565
5476
|
}
|
|
5566
5477
|
});
|
|
5567
5478
|
__decorate([
|
|
@@ -5580,7 +5491,7 @@ var Domain = /** @class */ (function (_super) {
|
|
|
5580
5491
|
observer
|
|
5581
5492
|
], Domain);
|
|
5582
5493
|
return Domain;
|
|
5583
|
-
}(Component));
|
|
5494
|
+
}(React.Component));
|
|
5584
5495
|
|
|
5585
5496
|
var LollipopPlacement;
|
|
5586
5497
|
(function (LollipopPlacement) {
|
|
@@ -5661,17 +5572,17 @@ var Lollipop = /** @class */ (function (_super) {
|
|
|
5661
5572
|
value: function () {
|
|
5662
5573
|
var label = null;
|
|
5663
5574
|
if (this.props.label) {
|
|
5664
|
-
label = (createElement("text", { fill: "#2E3436", style: {
|
|
5575
|
+
label = (React.createElement("text", { fill: "#2E3436", style: {
|
|
5665
5576
|
fontSize: this.props.label.fontSize || 10,
|
|
5666
5577
|
fontFamily: this.props.label.fontFamily || 'arial',
|
|
5667
5578
|
}, textAnchor: this.props.label.textAnchor || 'middle', dominantBaseline: this.props.spec.placement === LollipopPlacement.BOTTOM
|
|
5668
5579
|
? 'hanging'
|
|
5669
5580
|
: 'baseline', x: this.props.x, y: this.textY }, this.props.label.show ? this.props.label.text : ''));
|
|
5670
5581
|
}
|
|
5671
|
-
return (createElement("g", null,
|
|
5672
|
-
createElement("line", { strokeWidth: "1", stroke: this.props.stickColor || '#BABDB6', x1: this.props.x, x2: this.props.x, y1: this.props.stickBaseY, y2: this.props.stickBaseY - this.props.stickHeight }),
|
|
5673
|
-
createElement("circle", { stroke: "#BABDB6", strokeWidth: "0.5", fill: this.props.headColor || '#000000', r: this.headRadius, cx: this.circleX, cy: this.circleY }),
|
|
5674
|
-
createElement("circle", { className: this.props.hitzoneClassName, r: this.props.hoverHeadRadius, cx: this.circleX, cy: this.circleY, cursor: "pointer", style: { opacity: 0 } }),
|
|
5582
|
+
return (React.createElement("g", null,
|
|
5583
|
+
React.createElement("line", { strokeWidth: "1", stroke: this.props.stickColor || '#BABDB6', x1: this.props.x, x2: this.props.x, y1: this.props.stickBaseY, y2: this.props.stickBaseY - this.props.stickHeight }),
|
|
5584
|
+
React.createElement("circle", { stroke: "#BABDB6", strokeWidth: "0.5", fill: this.props.headColor || '#000000', r: this.headRadius, cx: this.circleX, cy: this.circleY }),
|
|
5585
|
+
React.createElement("circle", { className: this.props.hitzoneClassName, r: this.props.hoverHeadRadius, cx: this.circleX, cy: this.circleY, cursor: "pointer", style: { opacity: 0 } }),
|
|
5675
5586
|
label));
|
|
5676
5587
|
}
|
|
5677
5588
|
});
|
|
@@ -5697,7 +5608,7 @@ var Lollipop = /** @class */ (function (_super) {
|
|
|
5697
5608
|
observer
|
|
5698
5609
|
], Lollipop);
|
|
5699
5610
|
return Lollipop;
|
|
5700
|
-
}(Component));
|
|
5611
|
+
}(React.Component));
|
|
5701
5612
|
|
|
5702
5613
|
var DefaultLollipopPlotControlsConfig = /** @class */ (function () {
|
|
5703
5614
|
function DefaultLollipopPlotControlsConfig() {
|
|
@@ -5935,46 +5846,46 @@ var TrackSelector = /** @class */ (function (_super) {
|
|
|
5935
5846
|
var _a;
|
|
5936
5847
|
return _a = {},
|
|
5937
5848
|
_a[TrackName.CancerHotspots] = {
|
|
5938
|
-
label: (createElement("span", null,
|
|
5849
|
+
label: (React.createElement("span", null,
|
|
5939
5850
|
"Cancer Hotspots",
|
|
5940
5851
|
this.isPending(TrackName.CancerHotspots) &&
|
|
5941
5852
|
this.loaderIcon())),
|
|
5942
5853
|
value: TrackName.CancerHotspots,
|
|
5943
5854
|
},
|
|
5944
5855
|
_a[TrackName.OncoKB] = {
|
|
5945
|
-
label: (createElement("span", null,
|
|
5946
|
-
"OncoKB",
|
|
5856
|
+
label: (React.createElement("span", null,
|
|
5857
|
+
"OncoKB\u2122",
|
|
5947
5858
|
this.isPending(TrackName.OncoKB) && this.loaderIcon())),
|
|
5948
5859
|
value: TrackName.OncoKB,
|
|
5949
5860
|
},
|
|
5950
5861
|
_a[TrackName.dbPTM] = {
|
|
5951
|
-
label: (createElement("span", null,
|
|
5862
|
+
label: (React.createElement("span", null,
|
|
5952
5863
|
"Post Translational Modifications (dbPTM)",
|
|
5953
5864
|
this.isPending(TrackName.dbPTM) && this.loaderIcon())),
|
|
5954
5865
|
value: TrackName.dbPTM,
|
|
5955
5866
|
},
|
|
5956
5867
|
_a[TrackName.UniprotPTM] = {
|
|
5957
|
-
label: (createElement("span", null,
|
|
5868
|
+
label: (React.createElement("span", null,
|
|
5958
5869
|
"Post Translational Modifications (Uniprot)",
|
|
5959
5870
|
this.isPending(TrackName.UniprotPTM) &&
|
|
5960
5871
|
this.loaderIcon())),
|
|
5961
5872
|
value: TrackName.UniprotPTM,
|
|
5962
5873
|
},
|
|
5963
5874
|
_a[TrackName.PDB] = {
|
|
5964
|
-
label: (createElement("span", null,
|
|
5875
|
+
label: (React.createElement("span", null,
|
|
5965
5876
|
"3D Structure",
|
|
5966
5877
|
this.isPending(TrackName.PDB) && this.loaderIcon())),
|
|
5967
5878
|
value: TrackName.PDB,
|
|
5968
5879
|
disabled: this.isDisabled(TrackName.PDB),
|
|
5969
5880
|
},
|
|
5970
5881
|
_a[TrackName.Exon] = {
|
|
5971
|
-
label: (createElement("span", null,
|
|
5882
|
+
label: (React.createElement("span", null,
|
|
5972
5883
|
"Exon",
|
|
5973
5884
|
this.isPending(TrackName.Exon) && this.loaderIcon())),
|
|
5974
5885
|
value: TrackName.Exon,
|
|
5975
5886
|
},
|
|
5976
5887
|
_a[TrackName.UniprotTopology] = {
|
|
5977
|
-
label: (createElement("span", null,
|
|
5888
|
+
label: (React.createElement("span", null,
|
|
5978
5889
|
"Uniprot Topology",
|
|
5979
5890
|
this.isPending(TrackName.UniprotTopology) &&
|
|
5980
5891
|
this.loaderIcon())),
|
|
@@ -6018,12 +5929,12 @@ var TrackSelector = /** @class */ (function (_super) {
|
|
|
6018
5929
|
configurable: true,
|
|
6019
5930
|
writable: true,
|
|
6020
5931
|
value: function () {
|
|
6021
|
-
return (createElement("span", { style: {
|
|
5932
|
+
return (React.createElement("span", { style: {
|
|
6022
5933
|
display: 'inline-block',
|
|
6023
5934
|
verticalAlign: 'bottom',
|
|
6024
5935
|
marginLeft: 5,
|
|
6025
5936
|
} },
|
|
6026
|
-
createElement("i", { className: "fa fa-spinner fa-pulse" })));
|
|
5937
|
+
React.createElement("i", { className: "fa fa-spinner fa-pulse" })));
|
|
6027
5938
|
}
|
|
6028
5939
|
});
|
|
6029
5940
|
Object.defineProperty(TrackSelector.prototype, "render", {
|
|
@@ -6031,7 +5942,7 @@ var TrackSelector = /** @class */ (function (_super) {
|
|
|
6031
5942
|
configurable: true,
|
|
6032
5943
|
writable: true,
|
|
6033
5944
|
value: function () {
|
|
6034
|
-
return (createElement(CheckedSelect, { name: this.props.name, placeholder: this.props.placeholder, onChange: this.onChange, options: this.options, value: this.selectedValues }));
|
|
5945
|
+
return (React.createElement(CheckedSelect, { name: this.props.name, placeholder: this.props.placeholder, onChange: this.onChange, options: this.options, value: this.selectedValues }));
|
|
6035
5946
|
}
|
|
6036
5947
|
});
|
|
6037
5948
|
Object.defineProperty(TrackSelector, "defaultProps", {
|
|
@@ -6067,7 +5978,7 @@ var TrackSelector = /** @class */ (function (_super) {
|
|
|
6067
5978
|
observer
|
|
6068
5979
|
], TrackSelector);
|
|
6069
5980
|
return TrackSelector;
|
|
6070
|
-
}(Component));
|
|
5981
|
+
}(React.Component));
|
|
6071
5982
|
|
|
6072
5983
|
function initDefaultTrackVisibility() {
|
|
6073
5984
|
var _a;
|
|
@@ -6092,27 +6003,27 @@ var DefaultLollipopPlotLegend = /** @class */ (function (_super) {
|
|
|
6092
6003
|
configurable: true,
|
|
6093
6004
|
writable: true,
|
|
6094
6005
|
value: function () {
|
|
6095
|
-
return (createElement("div", { style: { maxWidth: 700, marginTop: 5 } },
|
|
6096
|
-
createElement("strong", { style: { color: '#2153AA' } }, "Color Codes"),
|
|
6097
|
-
createElement("p", null, "Mutation diagram circles are colored with respect to the corresponding mutation types. In case of different mutation types at a single position, color of the circle is determined with respect to the most frequent mutation type."),
|
|
6098
|
-
createElement("br", null),
|
|
6099
|
-
createElement("div", null,
|
|
6006
|
+
return (React.createElement("div", { style: { maxWidth: 700, marginTop: 5 } },
|
|
6007
|
+
React.createElement("strong", { style: { color: '#2153AA' } }, "Color Codes"),
|
|
6008
|
+
React.createElement("p", null, "Mutation diagram circles are colored with respect to the corresponding mutation types. In case of different mutation types at a single position, color of the circle is determined with respect to the most frequent mutation type."),
|
|
6009
|
+
React.createElement("br", null),
|
|
6010
|
+
React.createElement("div", null,
|
|
6100
6011
|
"Mutation types and corresponding color codes are as follows:",
|
|
6101
|
-
createElement("ul", null,
|
|
6102
|
-
createElement("li", null,
|
|
6103
|
-
createElement("strong", { style: { color: this.props.missenseColor } }, "Missense Mutations")),
|
|
6104
|
-
createElement("li", null,
|
|
6105
|
-
createElement("strong", { style: { color: this.props.truncatingColor } }, "Truncating Mutations"),
|
|
6012
|
+
React.createElement("ul", null,
|
|
6013
|
+
React.createElement("li", null,
|
|
6014
|
+
React.createElement("strong", { style: { color: this.props.missenseColor } }, "Missense Mutations")),
|
|
6015
|
+
React.createElement("li", null,
|
|
6016
|
+
React.createElement("strong", { style: { color: this.props.truncatingColor } }, "Truncating Mutations"),
|
|
6106
6017
|
": Nonsense, Nonstop, Frameshift deletion, Frameshift insertion, Splice site"),
|
|
6107
|
-
createElement("li", null,
|
|
6108
|
-
createElement("strong", { style: { color: this.props.inframeColor } }, "Inframe Mutations"),
|
|
6018
|
+
React.createElement("li", null,
|
|
6019
|
+
React.createElement("strong", { style: { color: this.props.inframeColor } }, "Inframe Mutations"),
|
|
6109
6020
|
": Inframe deletion, Inframe insertion"),
|
|
6110
|
-
createElement("li", null,
|
|
6111
|
-
createElement("strong", { style: { color: this.props.spliceColor } }, "Splice Mutations")),
|
|
6112
|
-
createElement("li", null,
|
|
6113
|
-
createElement("strong", { style: { color: this.props.fusionColor } }, "Fusion Mutations")),
|
|
6114
|
-
createElement("li", null,
|
|
6115
|
-
createElement("strong", { style: { color: this.props.otherColor } }, "Other Mutations"),
|
|
6021
|
+
React.createElement("li", null,
|
|
6022
|
+
React.createElement("strong", { style: { color: this.props.spliceColor } }, "Splice Mutations")),
|
|
6023
|
+
React.createElement("li", null,
|
|
6024
|
+
React.createElement("strong", { style: { color: this.props.fusionColor } }, "Fusion Mutations")),
|
|
6025
|
+
React.createElement("li", null,
|
|
6026
|
+
React.createElement("strong", { style: { color: this.props.otherColor } }, "Other Mutations"),
|
|
6116
6027
|
": All other types of mutations")))));
|
|
6117
6028
|
}
|
|
6118
6029
|
});
|
|
@@ -6130,7 +6041,7 @@ var DefaultLollipopPlotLegend = /** @class */ (function (_super) {
|
|
|
6130
6041
|
}
|
|
6131
6042
|
});
|
|
6132
6043
|
return DefaultLollipopPlotLegend;
|
|
6133
|
-
}(Component));
|
|
6044
|
+
}(React.Component));
|
|
6134
6045
|
|
|
6135
6046
|
var Sequence = /** @class */ (function (_super) {
|
|
6136
6047
|
__extends(Sequence, _super);
|
|
@@ -6170,9 +6081,9 @@ var Sequence = /** @class */ (function (_super) {
|
|
|
6170
6081
|
configurable: true,
|
|
6171
6082
|
writable: true,
|
|
6172
6083
|
value: function () {
|
|
6173
|
-
return (createElement("g", null,
|
|
6174
|
-
createElement("rect", { x: this.props.x, y: this.props.y, width: this.props.width, height: this.props.height, fill: this.props.color }),
|
|
6175
|
-
createElement("rect", { className: this.props.hitzoneClassName, x: this.props.x, y: this.props.y, width: this.props.width, height: this.props.height, style: { opacity: 0 } })));
|
|
6084
|
+
return (React.createElement("g", null,
|
|
6085
|
+
React.createElement("rect", { x: this.props.x, y: this.props.y, width: this.props.width, height: this.props.height, fill: this.props.color }),
|
|
6086
|
+
React.createElement("rect", { className: this.props.hitzoneClassName, x: this.props.x, y: this.props.y, width: this.props.width, height: this.props.height, style: { opacity: 0 } })));
|
|
6176
6087
|
}
|
|
6177
6088
|
});
|
|
6178
6089
|
__decorate([
|
|
@@ -6182,7 +6093,7 @@ var Sequence = /** @class */ (function (_super) {
|
|
|
6182
6093
|
observer
|
|
6183
6094
|
], Sequence);
|
|
6184
6095
|
return Sequence;
|
|
6185
|
-
}(Component));
|
|
6096
|
+
}(React.Component));
|
|
6186
6097
|
|
|
6187
6098
|
var DELETE_FOR_DOWNLOAD_CLASS = 'delete-for-download';
|
|
6188
6099
|
var LOLLIPOP_ID_CLASS_PREFIX = 'lollipop-';
|
|
@@ -6816,7 +6727,7 @@ var LollipopPlotNoTooltip = /** @class */ (function (_super) {
|
|
|
6816
6727
|
return a.start - b.start;
|
|
6817
6728
|
});
|
|
6818
6729
|
segments.forEach(function (segment, index) {
|
|
6819
|
-
sequenceComponents.push(createElement(Sequence, { ref: function (sequenceComponent) {
|
|
6730
|
+
sequenceComponents.push(React.createElement(Sequence, { ref: function (sequenceComponent) {
|
|
6820
6731
|
if (sequenceComponent !== null) {
|
|
6821
6732
|
_this.sequenceComponents[index] = sequenceComponent;
|
|
6822
6733
|
}
|
|
@@ -6850,7 +6761,7 @@ var LollipopPlotNoTooltip = /** @class */ (function (_super) {
|
|
|
6850
6761
|
? -_this.countToHeight(lollipop.count, _this.bottomYMax, _this.zeroHeight)
|
|
6851
6762
|
: _this.countToHeight(lollipop.count, _this.yMax, _this.zeroHeight);
|
|
6852
6763
|
var stickBaseY = _this.calcStickBaseY(lollipop.placement);
|
|
6853
|
-
return (createElement(Lollipop, { key: lollipop.codon + "_" + (lollipop.placement === LollipopPlacement.BOTTOM
|
|
6764
|
+
return (React.createElement(Lollipop, { key: lollipop.codon + "_" + (lollipop.placement === LollipopPlacement.BOTTOM
|
|
6854
6765
|
? 'bottom'
|
|
6855
6766
|
: 'top'), ref: function (lollipopComponent) {
|
|
6856
6767
|
if (lollipopComponent !== null) {
|
|
@@ -6876,7 +6787,7 @@ var LollipopPlotNoTooltip = /** @class */ (function (_super) {
|
|
|
6876
6787
|
return this.props.domains.map(function (domain, index) {
|
|
6877
6788
|
var x = _this.codonToX(domain.startCodon);
|
|
6878
6789
|
var width = _this.codonToX(domain.endCodon) - x;
|
|
6879
|
-
return (createElement(Domain, { key: index, ref: function (domainComponent) {
|
|
6790
|
+
return (React.createElement(Domain, { key: index, ref: function (domainComponent) {
|
|
6880
6791
|
if (domainComponent !== null) {
|
|
6881
6792
|
_this.domainComponents[index] = domainComponent;
|
|
6882
6793
|
}
|
|
@@ -6900,7 +6811,7 @@ var LollipopPlotNoTooltip = /** @class */ (function (_super) {
|
|
|
6900
6811
|
'') + " " + groupName + " Mutations"
|
|
6901
6812
|
: symbol + " " + (this.props.hugoGeneSymbol || '') + " Mutations";
|
|
6902
6813
|
var placeOnBottom = placement === LollipopPlacement.BOTTOM;
|
|
6903
|
-
return (createElement(SVGAxis, { key: "lollipopPlotYAxis_" + (placeOnBottom ? 'bottom' : 'top'), x: this.geneX - this.yAxisPadding, y: y, length: this.yAxisHeight, tickLength: 7, rangeLower: 0, rangeUpper: yMax, ticks: ticks, vertical: true, verticalLabelPadding: this.props.yAxisLabelPadding, reverse: placeOnBottom, label: label }));
|
|
6814
|
+
return (React.createElement(SVGAxis, { key: "lollipopPlotYAxis_" + (placeOnBottom ? 'bottom' : 'top'), x: this.geneX - this.yAxisPadding, y: y, length: this.yAxisHeight, tickLength: 7, rangeLower: 0, rangeUpper: yMax, ticks: ticks, vertical: true, verticalLabelPadding: this.props.yAxisLabelPadding, reverse: placeOnBottom, label: label }));
|
|
6904
6815
|
}
|
|
6905
6816
|
});
|
|
6906
6817
|
Object.defineProperty(LollipopPlotNoTooltip.prototype, "xAxis", {
|
|
@@ -6909,7 +6820,7 @@ var LollipopPlotNoTooltip = /** @class */ (function (_super) {
|
|
|
6909
6820
|
writable: true,
|
|
6910
6821
|
value: function (y, placement) {
|
|
6911
6822
|
var placeOnTop = placement === LollipopPlacement.TOP;
|
|
6912
|
-
return (createElement(SVGAxis, { key: "lollipopPlotXAxis_" + (placeOnTop ? 'top' : 'bottom'), x: this.geneX, y: y + (placeOnTop ? this.xAxisHeight : 0), length: this.props.vizWidth, tickLength: 7, rangeLower: 0, rangeUpper: this.props.xMax, ticks: this.xTicks, invertTicks: placeOnTop }));
|
|
6823
|
+
return (React.createElement(SVGAxis, { key: "lollipopPlotXAxis_" + (placeOnTop ? 'top' : 'bottom'), x: this.geneX, y: y + (placeOnTop ? this.xAxisHeight : 0), length: this.props.vizWidth, tickLength: 7, rangeLower: 0, rangeUpper: this.props.xMax, ticks: this.xTicks, invertTicks: placeOnTop }));
|
|
6913
6824
|
}
|
|
6914
6825
|
});
|
|
6915
6826
|
Object.defineProperty(LollipopPlotNoTooltip.prototype, "axisTicks", {
|
|
@@ -7036,10 +6947,10 @@ var LollipopPlotNoTooltip = /** @class */ (function (_super) {
|
|
|
7036
6947
|
configurable: true,
|
|
7037
6948
|
writable: true,
|
|
7038
6949
|
value: function () {
|
|
7039
|
-
return (createElement("div", { onMouseOver: this.onMouseOver },
|
|
7040
|
-
createElement("svg", { xmlns: "http://www.w3.org/2000/svg", ref: this.ref, width: this.svgWidth, height: this.svgHeight, className: "lollipop-svgnode", onMouseLeave: this.onSVGMouseLeave },
|
|
7041
|
-
createElement("rect", { fill: "#FFFFFF", x: 0, y: 0, width: this.svgWidth, height: this.svgHeight, onClick: this.onBackgroundClick, onMouseMove: this.onBackgroundMouseMove }),
|
|
7042
|
-
createElement("rect", { fill: "#BABDB6", x: this.geneX, y: this.geneY, height: this.geneHeight, width:
|
|
6950
|
+
return (React.createElement("div", { onMouseOver: this.onMouseOver },
|
|
6951
|
+
React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", ref: this.ref, width: this.svgWidth, height: this.svgHeight, className: "lollipop-svgnode", onMouseLeave: this.onSVGMouseLeave },
|
|
6952
|
+
React.createElement("rect", { fill: "#FFFFFF", x: 0, y: 0, width: this.svgWidth, height: this.svgHeight, onClick: this.onBackgroundClick, onMouseMove: this.onBackgroundMouseMove }),
|
|
6953
|
+
React.createElement("rect", { fill: "#BABDB6", x: this.geneX, y: this.geneY, height: this.geneHeight, width:
|
|
7043
6954
|
// the x-axis start from 0, so the rectangle size should be (width + 1)
|
|
7044
6955
|
this.props.vizWidth + 1 }),
|
|
7045
6956
|
this.lollipops,
|
|
@@ -7198,7 +7109,7 @@ var LollipopPlotNoTooltip = /** @class */ (function (_super) {
|
|
|
7198
7109
|
observer
|
|
7199
7110
|
], LollipopPlotNoTooltip);
|
|
7200
7111
|
return LollipopPlotNoTooltip;
|
|
7201
|
-
}(Component));
|
|
7112
|
+
}(React.Component));
|
|
7202
7113
|
|
|
7203
7114
|
var LollipopPlot = /** @class */ (function (_super) {
|
|
7204
7115
|
__extends(LollipopPlot, _super);
|
|
@@ -7290,12 +7201,12 @@ var LollipopPlot = /** @class */ (function (_super) {
|
|
|
7290
7201
|
if (!this.tooltipVisible) {
|
|
7291
7202
|
tooltipVisibleProps.visible = false;
|
|
7292
7203
|
}
|
|
7293
|
-
return (createElement("div", { style: {
|
|
7204
|
+
return (React.createElement("div", { style: {
|
|
7294
7205
|
position: 'relative',
|
|
7295
7206
|
display: 'inline-block',
|
|
7296
7207
|
}, "data-test": "LollipopPlot" },
|
|
7297
|
-
createElement(DefaultTooltip, __assign({ placement: this.handlers.getOverlayPlacement(), overlay: this.handlers.getOverlay }, tooltipVisibleProps), this.hitZone),
|
|
7298
|
-
createElement(LollipopPlotNoTooltip, __assign({ ref: this.handlers.ref, setHitZone: this.handlers.setHitZone, onMouseLeave: this.handlers.onMouseLeave, onBackgroundMouseMove: this.handlers.onBackgroundMouseMove }, this.props))));
|
|
7208
|
+
React.createElement(DefaultTooltip, __assign({ placement: this.handlers.getOverlayPlacement(), overlay: this.handlers.getOverlay }, tooltipVisibleProps), this.hitZone),
|
|
7209
|
+
React.createElement(LollipopPlotNoTooltip, __assign({ ref: this.handlers.ref, setHitZone: this.handlers.setHitZone, onMouseLeave: this.handlers.onMouseLeave, onBackgroundMouseMove: this.handlers.onBackgroundMouseMove }, this.props))));
|
|
7299
7210
|
}
|
|
7300
7211
|
});
|
|
7301
7212
|
Object.defineProperty(LollipopPlot, "defaultProps", {
|
|
@@ -7319,7 +7230,7 @@ var LollipopPlot = /** @class */ (function (_super) {
|
|
|
7319
7230
|
observer
|
|
7320
7231
|
], LollipopPlot);
|
|
7321
7232
|
return LollipopPlot;
|
|
7322
|
-
}(Component));
|
|
7233
|
+
}(React.Component));
|
|
7323
7234
|
|
|
7324
7235
|
var styles$5 = {"fade-out":"lollipopMutationPlot-module_fade-out__3PbXO","fade-in":"lollipopMutationPlot-module_fade-in__8bsOR","input-addon":"lollipopMutationPlot-module_input-addon__1P_lA","ymax-number-input":"lollipopMutationPlot-module_ymax-number-input__3oJoA"};
|
|
7325
7236
|
|
|
@@ -7357,21 +7268,21 @@ var LollipopMutationPlotControls = /** @class */ (function (_super) {
|
|
|
7357
7268
|
if (label === void 0) { label = 'Y-Axis Max'; }
|
|
7358
7269
|
if (width === void 0) { width = 100; }
|
|
7359
7270
|
if (yMaxSliderStep === void 0) { yMaxSliderStep = 1; }
|
|
7360
|
-
return (createElement("div", { className: "small", style: {
|
|
7271
|
+
return (React.createElement("div", { className: "small", style: {
|
|
7361
7272
|
display: 'flex',
|
|
7362
7273
|
alignItems: 'center',
|
|
7363
7274
|
marginLeft: 10,
|
|
7364
7275
|
} },
|
|
7365
|
-
createElement("span", null,
|
|
7276
|
+
React.createElement("span", null,
|
|
7366
7277
|
label,
|
|
7367
7278
|
":"),
|
|
7368
|
-
createElement("div", { style: {
|
|
7279
|
+
React.createElement("div", { style: {
|
|
7369
7280
|
width: width,
|
|
7370
7281
|
marginLeft: 10,
|
|
7371
7282
|
marginRight: 10,
|
|
7372
7283
|
} },
|
|
7373
|
-
createElement(Slider, { min: yMaxSliderStep, max: calcYMaxInput(undefined, yMaxSliderStep, countRange, oppositeCountRange, yAxisSameScale), tooltip: false, step: yMaxSliderStep, onChange: onYAxisMaxSliderChange, value: yMaxSlider })),
|
|
7374
|
-
createElement(EditableSpan, { className: styles$5['ymax-number-input'], value: formatInputValue(yMaxInput, yMaxSliderStep), setValue: onYAxisMaxChange, numericOnly: yMaxSliderStep >= 1, onFocus: this.props.onYMaxInputFocused, onBlur: this.props.onYMaxInputBlurred })));
|
|
7284
|
+
React.createElement(Slider, { min: yMaxSliderStep, max: calcYMaxInput(undefined, yMaxSliderStep, countRange, oppositeCountRange, yAxisSameScale), tooltip: false, step: yMaxSliderStep, onChange: onYAxisMaxSliderChange, value: yMaxSlider })),
|
|
7285
|
+
React.createElement(EditableSpan, { className: styles$5['ymax-number-input'], value: formatInputValue(yMaxInput, yMaxSliderStep), setValue: onYAxisMaxChange, numericOnly: yMaxSliderStep >= 1, onFocus: this.props.onYMaxInputFocused, onBlur: this.props.onYMaxInputBlurred })));
|
|
7375
7286
|
}
|
|
7376
7287
|
});
|
|
7377
7288
|
Object.defineProperty(LollipopMutationPlotControls.prototype, "yMaxSlider", {
|
|
@@ -7395,24 +7306,24 @@ var LollipopMutationPlotControls = /** @class */ (function (_super) {
|
|
|
7395
7306
|
});
|
|
7396
7307
|
Object.defineProperty(LollipopMutationPlotControls.prototype, "trackSelector", {
|
|
7397
7308
|
get: function () {
|
|
7398
|
-
return (createElement("div", { className: classnames('annotation-track-selector', 'small'), style: { width: 180, marginRight: 7 } },
|
|
7399
|
-
createElement(TrackSelector, { tracks: this.props.tracks, trackVisibility: this.props.trackVisibility, trackDataStatus: this.props.trackDataStatus, onChange: this.props.onTrackVisibilityChange })));
|
|
7309
|
+
return (React.createElement("div", { className: classnames('annotation-track-selector', 'small'), style: { width: 180, marginRight: 7 } },
|
|
7310
|
+
React.createElement(TrackSelector, { tracks: this.props.tracks, trackVisibility: this.props.trackVisibility, trackDataStatus: this.props.trackDataStatus, onChange: this.props.onTrackVisibilityChange })));
|
|
7400
7311
|
},
|
|
7401
7312
|
enumerable: false,
|
|
7402
7313
|
configurable: true
|
|
7403
7314
|
});
|
|
7404
7315
|
Object.defineProperty(LollipopMutationPlotControls.prototype, "legendToggle", {
|
|
7405
7316
|
get: function () {
|
|
7406
|
-
return (createElement("button", { className: "btn btn-default btn-xs", onClick: this.props.onToggleLegend, style: { marginRight: 7 } },
|
|
7317
|
+
return (React.createElement("button", { className: "btn btn-default btn-xs", onClick: this.props.onToggleLegend, style: { marginRight: 7 } },
|
|
7407
7318
|
"Legend ",
|
|
7408
|
-
createElement("i", { className: "fa fa-eye", "aria-hidden": "true" })));
|
|
7319
|
+
React.createElement("i", { className: "fa fa-eye", "aria-hidden": "true" })));
|
|
7409
7320
|
},
|
|
7410
7321
|
enumerable: false,
|
|
7411
7322
|
configurable: true
|
|
7412
7323
|
});
|
|
7413
7324
|
Object.defineProperty(LollipopMutationPlotControls.prototype, "downloadControls", {
|
|
7414
7325
|
get: function () {
|
|
7415
|
-
return (createElement(DownloadControls, { getSvg: this.props.getSVG, filename: this.props.hugoGeneSymbol + "_lollipop", dontFade: true, type: "button" }));
|
|
7326
|
+
return (React.createElement(DownloadControls, { getSvg: this.props.getSVG, filename: this.props.hugoGeneSymbol + "_lollipop", dontFade: true, type: "button" }));
|
|
7416
7327
|
},
|
|
7417
7328
|
enumerable: false,
|
|
7418
7329
|
configurable: true
|
|
@@ -7422,10 +7333,10 @@ var LollipopMutationPlotControls = /** @class */ (function (_super) {
|
|
|
7422
7333
|
configurable: true,
|
|
7423
7334
|
writable: true,
|
|
7424
7335
|
value: function () {
|
|
7425
|
-
return (createElement("div", { className: classnames('lollipop_mutation_plot__controls', this.props.showControls
|
|
7336
|
+
return (React.createElement("div", { className: classnames('lollipop_mutation_plot__controls', this.props.showControls
|
|
7426
7337
|
? styles$5['fade-in']
|
|
7427
7338
|
: styles$5['fade-out']) },
|
|
7428
|
-
createElement("div", { style: { display: 'flex', alignItems: 'center' } },
|
|
7339
|
+
React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
|
|
7429
7340
|
this.props.trackVisibility &&
|
|
7430
7341
|
this.props.onTrackVisibilityChange &&
|
|
7431
7342
|
this.props.showTrackSelector &&
|
|
@@ -7434,7 +7345,7 @@ var LollipopMutationPlotControls = /** @class */ (function (_super) {
|
|
|
7434
7345
|
this.props.showYMaxSlider && this.bottomYMaxSlider,
|
|
7435
7346
|
this.props.filterResetPanel,
|
|
7436
7347
|
this.props.customControls,
|
|
7437
|
-
createElement("div", { style: { display: 'flex', marginLeft: 'auto' } },
|
|
7348
|
+
React.createElement("div", { style: { display: 'flex', marginLeft: 'auto' } },
|
|
7438
7349
|
this.props.showLegendToggle && this.legendToggle,
|
|
7439
7350
|
this.props.showDownloadControls &&
|
|
7440
7351
|
this.downloadControls)),
|
|
@@ -7460,7 +7371,7 @@ var LollipopMutationPlotControls = /** @class */ (function (_super) {
|
|
|
7460
7371
|
observer
|
|
7461
7372
|
], LollipopMutationPlotControls);
|
|
7462
7373
|
return LollipopMutationPlotControls;
|
|
7463
|
-
}(Component));
|
|
7374
|
+
}(React.Component));
|
|
7464
7375
|
|
|
7465
7376
|
var HotspotFilterValue;
|
|
7466
7377
|
(function (HotspotFilterValue) {
|
|
@@ -7488,9 +7399,9 @@ var TrackCircle = /** @class */ (function (_super) {
|
|
|
7488
7399
|
configurable: true,
|
|
7489
7400
|
writable: true,
|
|
7490
7401
|
value: function () {
|
|
7491
|
-
return (createElement("g", null,
|
|
7492
|
-
createElement("circle", { stroke: "#BABDB6", strokeWidth: "0.5", fill: this.props.spec.color, r: this.circleRadius, cx: this.props.x, cy: this.props.y }),
|
|
7493
|
-
createElement("circle", { className: this.props.hitZoneClassName, r: this.props.hoverRadius, cx: this.props.x, cy: this.props.y, cursor: "pointer", style: { opacity: 0 } })));
|
|
7402
|
+
return (React.createElement("g", null,
|
|
7403
|
+
React.createElement("circle", { stroke: "#BABDB6", strokeWidth: "0.5", fill: this.props.spec.color, r: this.circleRadius, cx: this.props.x, cy: this.props.y }),
|
|
7404
|
+
React.createElement("circle", { className: this.props.hitZoneClassName, r: this.props.hoverRadius, cx: this.props.x, cy: this.props.y, cursor: "pointer", style: { opacity: 0 } })));
|
|
7494
7405
|
}
|
|
7495
7406
|
});
|
|
7496
7407
|
Object.defineProperty(TrackCircle, "defaultProps", {
|
|
@@ -7509,7 +7420,7 @@ var TrackCircle = /** @class */ (function (_super) {
|
|
|
7509
7420
|
observer
|
|
7510
7421
|
], TrackCircle);
|
|
7511
7422
|
return TrackCircle;
|
|
7512
|
-
}(Component));
|
|
7423
|
+
}(React.Component));
|
|
7513
7424
|
|
|
7514
7425
|
function truncateDisplayText(label, textElt, width) {
|
|
7515
7426
|
// Truncate text if necessary
|
|
@@ -7604,7 +7515,7 @@ var TrackRect = /** @class */ (function (_super) {
|
|
|
7604
7515
|
props.style = { opacity: 0 };
|
|
7605
7516
|
props.className = this.props.hitZoneClassName;
|
|
7606
7517
|
}
|
|
7607
|
-
return createElement("text", __assign({}, props), text);
|
|
7518
|
+
return React.createElement("text", __assign({}, props), text);
|
|
7608
7519
|
}
|
|
7609
7520
|
});
|
|
7610
7521
|
Object.defineProperty(TrackRect.prototype, "strokeWidth", {
|
|
@@ -7626,12 +7537,12 @@ var TrackRect = /** @class */ (function (_super) {
|
|
|
7626
7537
|
configurable: true,
|
|
7627
7538
|
writable: true,
|
|
7628
7539
|
value: function () {
|
|
7629
|
-
return (createElement("g", null,
|
|
7630
|
-
createElement("rect", { stroke: this.strokeColor, strokeWidth: this.strokeWidth, fill: this.props.spec.color, width: this.props.width, height: this.props.height, x: this.props.x, y: this.props.y }),
|
|
7540
|
+
return (React.createElement("g", null,
|
|
7541
|
+
React.createElement("rect", { stroke: this.strokeColor, strokeWidth: this.strokeWidth, fill: this.props.spec.color, width: this.props.width, height: this.props.height, x: this.props.x, y: this.props.y }),
|
|
7631
7542
|
this.makeTextElement(true),
|
|
7632
7543
|
";",
|
|
7633
7544
|
this.makeTextElement(false),
|
|
7634
|
-
createElement("rect", { className: this.props.hitZoneClassName, x: this.props.x, y: this.props.y, width: this.props.width, height: this.props.height, style: { opacity: 0 } })));
|
|
7545
|
+
React.createElement("rect", { className: this.props.hitZoneClassName, x: this.props.x, y: this.props.y, width: this.props.width, height: this.props.height, style: { opacity: 0 } })));
|
|
7635
7546
|
}
|
|
7636
7547
|
});
|
|
7637
7548
|
Object.defineProperty(TrackRect, "defaultProps", {
|
|
@@ -7656,7 +7567,7 @@ var TrackRect = /** @class */ (function (_super) {
|
|
|
7656
7567
|
observer
|
|
7657
7568
|
], TrackRect);
|
|
7658
7569
|
return TrackRect;
|
|
7659
|
-
}(Component));
|
|
7570
|
+
}(React.Component));
|
|
7660
7571
|
|
|
7661
7572
|
var TrackItemType;
|
|
7662
7573
|
(function (TrackItemType) {
|
|
@@ -7710,10 +7621,10 @@ var TrackItem = /** @class */ (function (_super) {
|
|
|
7710
7621
|
writable: true,
|
|
7711
7622
|
value: function () {
|
|
7712
7623
|
if (this.props.spec.itemType === TrackItemType.CIRCLE) {
|
|
7713
|
-
return (createElement(TrackCircle, __assign({ isHovered: this.isHovered, radius: this.props.dim1, hoverRadius: this.props.hoverdim1 }, this.props)));
|
|
7624
|
+
return (React.createElement(TrackCircle, __assign({ isHovered: this.isHovered, radius: this.props.dim1, hoverRadius: this.props.hoverdim1 }, this.props)));
|
|
7714
7625
|
}
|
|
7715
7626
|
else {
|
|
7716
|
-
return (createElement(TrackRect, __assign({ isHovered: this.isHovered, width: this.props.dim1, height: this.props.dim2 }, this.props)));
|
|
7627
|
+
return (React.createElement(TrackRect, __assign({ isHovered: this.isHovered, width: this.props.dim1, height: this.props.dim2 }, this.props)));
|
|
7717
7628
|
}
|
|
7718
7629
|
}
|
|
7719
7630
|
});
|
|
@@ -7727,9 +7638,9 @@ var TrackItem = /** @class */ (function (_super) {
|
|
|
7727
7638
|
observer
|
|
7728
7639
|
], TrackItem);
|
|
7729
7640
|
return TrackItem;
|
|
7730
|
-
}(Component));
|
|
7641
|
+
}(React.Component));
|
|
7731
7642
|
|
|
7732
|
-
var styles$
|
|
7643
|
+
var styles$4 = {"trackTitle":"trackStyles-module_trackTitle__HOHY0"};
|
|
7733
7644
|
|
|
7734
7645
|
var DEFAULT_ID_CLASS_PREFIX = 'track-circle-';
|
|
7735
7646
|
var DEFAULT_HEIGHT = 15; // height of rectangle element
|
|
@@ -7954,7 +7865,7 @@ var Track = /** @class */ (function (_super) {
|
|
|
7954
7865
|
dim2 = dim1;
|
|
7955
7866
|
specFeats = __assign(__assign({}, spec), { itemType: TrackItemType.CIRCLE });
|
|
7956
7867
|
}
|
|
7957
|
-
return (createElement(TrackItem, { ref: function (item) {
|
|
7868
|
+
return (React.createElement(TrackItem, { ref: function (item) {
|
|
7958
7869
|
if (item !== null) {
|
|
7959
7870
|
_this.shapes[index] = item;
|
|
7960
7871
|
}
|
|
@@ -8031,17 +7942,17 @@ var Track = /** @class */ (function (_super) {
|
|
|
8031
7942
|
configurable: true,
|
|
8032
7943
|
writable: true,
|
|
8033
7944
|
value: function () {
|
|
8034
|
-
return (createElement("div", { style: {
|
|
7945
|
+
return (React.createElement("div", { style: {
|
|
8035
7946
|
position: 'relative',
|
|
8036
7947
|
display: 'flex',
|
|
8037
7948
|
} },
|
|
8038
|
-
createElement("span", { className: classnames(styles$
|
|
8039
|
-
createElement("span", null,
|
|
8040
|
-
createElement(DefaultTooltip, __assign({ placement: this.getOverlayPlacement(), overlay: this.getOverlay, onVisibleChange: this.onTooltipVisibleChange, destroyTooltipOnHide: true }, this.tooltipVisibleProps), this.hitZone),
|
|
8041
|
-
createElement("span", { style: { marginLeft: this.props.xOffset }, onMouseOver: this.onMouseOver },
|
|
8042
|
-
createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: this.props.width, height: this.svgHeight, className: "track-svgnode", onMouseLeave: this.onSVGMouseLeave, style: { overflow: 'visible' } },
|
|
8043
|
-
createElement("rect", { fill: "#FFFFFF", x: 0, y: 0, width: this.props.width, height: this.svgHeight, onClick: action(this.onBackgroundClick), onMouseMove: this.onBackgroundMouseMove }),
|
|
8044
|
-
!this.props.hideBaseline && (createElement("line", { stroke: "#666666", strokeWidth: "0.5", x1: 0, x2: this.props.width, y1: this.svgHeight / 2, y2: this.svgHeight / 2 })),
|
|
7949
|
+
React.createElement("span", { className: classnames(styles$4.trackTitle, 'small', (this.props.isSubTrack ? 'subtrack-' : '') + "trackTitle") }, this.props.trackTitle),
|
|
7950
|
+
React.createElement("span", null,
|
|
7951
|
+
React.createElement(DefaultTooltip, __assign({ placement: this.getOverlayPlacement(), overlay: this.getOverlay, onVisibleChange: this.onTooltipVisibleChange, destroyTooltipOnHide: true }, this.tooltipVisibleProps), this.hitZone),
|
|
7952
|
+
React.createElement("span", { style: { marginLeft: this.props.xOffset }, onMouseOver: this.onMouseOver },
|
|
7953
|
+
React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: this.props.width, height: this.svgHeight, className: "track-svgnode", onMouseLeave: this.onSVGMouseLeave, style: { overflow: 'visible' } },
|
|
7954
|
+
React.createElement("rect", { fill: "#FFFFFF", x: 0, y: 0, width: this.props.width, height: this.svgHeight, onClick: action(this.onBackgroundClick), onMouseMove: this.onBackgroundMouseMove }),
|
|
7955
|
+
!this.props.hideBaseline && (React.createElement("line", { stroke: "#666666", strokeWidth: "0.5", x1: 0, x2: this.props.width, y1: this.svgHeight / 2, y2: this.svgHeight / 2 })),
|
|
8045
7956
|
this.items)))));
|
|
8046
7957
|
}
|
|
8047
7958
|
});
|
|
@@ -8106,7 +8017,7 @@ var Track = /** @class */ (function (_super) {
|
|
|
8106
8017
|
observer
|
|
8107
8018
|
], Track);
|
|
8108
8019
|
return Track;
|
|
8109
|
-
}(Component));
|
|
8020
|
+
}(React.Component));
|
|
8110
8021
|
|
|
8111
8022
|
function hotspotTooltip(mutations, hotspotIndex, hotspots) {
|
|
8112
8023
|
var hotspotsLinearCluster = filterLinearClusterHotspotsByMutations(mutations, hotspotIndex);
|
|
@@ -8116,17 +8027,17 @@ function hotspotTooltip(mutations, hotspotIndex, hotspots) {
|
|
|
8116
8027
|
}).length;
|
|
8117
8028
|
// generate custom info
|
|
8118
8029
|
var residues = ___default.uniq(hotspots.map(function (hotspot) { return hotspot.residue; }));
|
|
8119
|
-
var residuesText = createElement("b", null, "" + residues.join(', '));
|
|
8030
|
+
var residuesText = React.createElement("b", null, "" + residues.join(', '));
|
|
8120
8031
|
var pluralSuffix = residues.length > 1 ? 's' : undefined;
|
|
8121
|
-
var residueInfo = (createElement("span", null,
|
|
8032
|
+
var residueInfo = (React.createElement("span", null,
|
|
8122
8033
|
"on residue",
|
|
8123
8034
|
pluralSuffix,
|
|
8124
8035
|
" ",
|
|
8125
8036
|
residuesText));
|
|
8126
|
-
return (createElement(HotspotInfo, { isHotspot: hotspotsLinearCluster.length > 0, is3dHotspot: hotspots3d.length > 0, count: hotspotCount, customInfo: residueInfo }));
|
|
8037
|
+
return (React.createElement(HotspotInfo, { isHotspot: hotspotsLinearCluster.length > 0, is3dHotspot: hotspots3d.length > 0, count: hotspotCount, customInfo: residueInfo }));
|
|
8127
8038
|
}
|
|
8128
8039
|
function getHotspotImage() {
|
|
8129
|
-
return createElement("img", { src:
|
|
8040
|
+
return React.createElement("img", { src: img$1, alt: "Recurrent Hotspot Symbol" });
|
|
8130
8041
|
}
|
|
8131
8042
|
var HotspotTrack = /** @class */ (function (_super) {
|
|
8132
8043
|
__extends(HotspotTrack, _super);
|
|
@@ -8158,8 +8069,8 @@ var HotspotTrack = /** @class */ (function (_super) {
|
|
|
8158
8069
|
});
|
|
8159
8070
|
Object.defineProperty(HotspotTrack.prototype, "trackTitle", {
|
|
8160
8071
|
get: function () {
|
|
8161
|
-
return (createElement("span", null,
|
|
8162
|
-
createElement("span", { style: { marginRight: 2 } }, getHotspotImage()),
|
|
8072
|
+
return (React.createElement("span", null,
|
|
8073
|
+
React.createElement("span", { style: { marginRight: 2 } }, getHotspotImage()),
|
|
8163
8074
|
"Cancer Hotspots"));
|
|
8164
8075
|
},
|
|
8165
8076
|
enumerable: false,
|
|
@@ -8170,7 +8081,7 @@ var HotspotTrack = /** @class */ (function (_super) {
|
|
|
8170
8081
|
configurable: true,
|
|
8171
8082
|
writable: true,
|
|
8172
8083
|
value: function () {
|
|
8173
|
-
return (createElement(Track, { dataStore: this.props.dataStore, defaultFilters: [
|
|
8084
|
+
return (React.createElement(Track, { dataStore: this.props.dataStore, defaultFilters: [
|
|
8174
8085
|
{
|
|
8175
8086
|
type: DataFilterType.HOTSPOT,
|
|
8176
8087
|
values: [HotspotFilterValue.DefaultHotspot],
|
|
@@ -8188,7 +8099,7 @@ var HotspotTrack = /** @class */ (function (_super) {
|
|
|
8188
8099
|
observer
|
|
8189
8100
|
], HotspotTrack);
|
|
8190
8101
|
return HotspotTrack;
|
|
8191
|
-
}(Component));
|
|
8102
|
+
}(React.Component));
|
|
8192
8103
|
|
|
8193
8104
|
var OncoKbFilterValue;
|
|
8194
8105
|
(function (OncoKbFilterValue) {
|
|
@@ -8232,7 +8143,7 @@ var OncoKbSummaryTable = /** @class */ (function (_super) {
|
|
|
8232
8143
|
id: 'clinicalImplication',
|
|
8233
8144
|
accessor: 'clinicalImplication',
|
|
8234
8145
|
Header: 'Implication',
|
|
8235
|
-
Cell: function (props) { return (createElement("span", null, props.original.clinicalImplication.join(', '))); },
|
|
8146
|
+
Cell: function (props) { return (React.createElement("span", null, props.original.clinicalImplication.join(', '))); },
|
|
8236
8147
|
sortMethod: defaultStringArraySortMethod,
|
|
8237
8148
|
minWidth: 120,
|
|
8238
8149
|
},
|
|
@@ -8240,7 +8151,7 @@ var OncoKbSummaryTable = /** @class */ (function (_super) {
|
|
|
8240
8151
|
id: 'biologicalEffect',
|
|
8241
8152
|
accessor: 'biologicalEffect',
|
|
8242
8153
|
Header: 'Effect',
|
|
8243
|
-
Cell: function (props) { return (createElement("span", null, props.original.biologicalEffect.join(', '))); },
|
|
8154
|
+
Cell: function (props) { return (React.createElement("span", null, props.original.biologicalEffect.join(', '))); },
|
|
8244
8155
|
sortMethod: defaultStringArraySortMethod,
|
|
8245
8156
|
minWidth: 150,
|
|
8246
8157
|
},
|
|
@@ -8251,16 +8162,18 @@ var OncoKbSummaryTable = /** @class */ (function (_super) {
|
|
|
8251
8162
|
accessor: 'level',
|
|
8252
8163
|
Header: 'Level',
|
|
8253
8164
|
sortable: false,
|
|
8254
|
-
Cell: function (props) { return (createElement(Fragment, null, props.original.level.map(function (level) { return (createElement("div", { key: level.level, style: {
|
|
8165
|
+
Cell: function (props) { return (React.createElement(React.Fragment, null, props.original.level.map(function (level) { return (React.createElement("div", { key: level.level, style: {
|
|
8166
|
+
display: 'flex',
|
|
8255
8167
|
overflow: 'hidden',
|
|
8256
8168
|
textOverflow: 'ellipsis',
|
|
8257
8169
|
} },
|
|
8258
|
-
createElement("i", { className: levelIconClassNames(level.level), style: {
|
|
8170
|
+
React.createElement("i", { className: levelIconClassNames(level.level), style: {
|
|
8259
8171
|
verticalAlign: 'text-bottom',
|
|
8260
|
-
display: 'inline-block',
|
|
8261
8172
|
} }),
|
|
8262
|
-
createElement("span",
|
|
8263
|
-
|
|
8173
|
+
React.createElement("span", { style: {
|
|
8174
|
+
paddingRight: 3,
|
|
8175
|
+
} }, ":"),
|
|
8176
|
+
React.createElement(EllipsisTextTooltip, { text: level.tumorTypes.join(', '), style: {
|
|
8264
8177
|
overflow: 'hidden',
|
|
8265
8178
|
whiteSpace: 'nowrap',
|
|
8266
8179
|
textOverflow: 'ellipsis',
|
|
@@ -8282,8 +8195,8 @@ var OncoKbSummaryTable = /** @class */ (function (_super) {
|
|
|
8282
8195
|
var showPagination = data.length >
|
|
8283
8196
|
(this.props.initialItemsPerPage ||
|
|
8284
8197
|
OncoKbSummaryTable_1.defaultProps.initialItemsPerPage);
|
|
8285
|
-
return (createElement("div", { className: classnames('cbioportal-frontend', 'default-track-tooltip-table') },
|
|
8286
|
-
createElement(ReactTable, { data: data, columns: this.columns, defaultSorted: [
|
|
8198
|
+
return (React.createElement("div", { className: classnames('cbioportal-frontend', 'default-track-tooltip-table') },
|
|
8199
|
+
React.createElement(ReactTable, { data: data, columns: this.columns, defaultSorted: [
|
|
8287
8200
|
{
|
|
8288
8201
|
id: initialSortColumn ||
|
|
8289
8202
|
OncoKbSummaryTable_1.defaultProps
|
|
@@ -8317,14 +8230,14 @@ var OncoKbSummaryTable = /** @class */ (function (_super) {
|
|
|
8317
8230
|
observer
|
|
8318
8231
|
], OncoKbSummaryTable);
|
|
8319
8232
|
return OncoKbSummaryTable;
|
|
8320
|
-
}(Component));
|
|
8233
|
+
}(React.Component));
|
|
8321
8234
|
|
|
8322
8235
|
function oncoKbTooltip(usingPublicOncoKbInstance, indicatorData) {
|
|
8323
8236
|
var sampleCount = indicatorData.length;
|
|
8324
8237
|
// generate info
|
|
8325
8238
|
var pluralSuffix = sampleCount > 1 ? 's' : undefined;
|
|
8326
8239
|
var groupedByImplication = ___default.groupBy(indicatorData, 'oncogenic');
|
|
8327
|
-
var oncogenicKeywords = ___default.keys(groupedByImplication).map(function (keyword) { return (createElement("b", null, keyword)); });
|
|
8240
|
+
var oncogenicKeywords = ___default.keys(groupedByImplication).map(function (keyword) { return (React.createElement("b", null, keyword)); });
|
|
8328
8241
|
var oncogenicInfo = [];
|
|
8329
8242
|
if (oncogenicKeywords.length > 1) {
|
|
8330
8243
|
// join all except the last one with ','
|
|
@@ -8359,15 +8272,15 @@ function oncoKbTooltip(usingPublicOncoKbInstance, indicatorData) {
|
|
|
8359
8272
|
level: generateLevelData(groupedByProteinChange[proteinChange]),
|
|
8360
8273
|
}); });
|
|
8361
8274
|
// generate the tooltip
|
|
8362
|
-
return (createElement("span", null,
|
|
8363
|
-
createElement("b", null, sampleCount),
|
|
8275
|
+
return (React.createElement("span", null,
|
|
8276
|
+
React.createElement("b", null, sampleCount),
|
|
8364
8277
|
" sample",
|
|
8365
8278
|
pluralSuffix,
|
|
8366
8279
|
" with ",
|
|
8367
8280
|
oncogenicInfo,
|
|
8368
8281
|
' ',
|
|
8369
8282
|
"mutations.",
|
|
8370
|
-
createElement(OncoKbSummaryTable, { usingPublicOncoKbInstance: usingPublicOncoKbInstance, data: tableData })));
|
|
8283
|
+
React.createElement(OncoKbSummaryTable, { usingPublicOncoKbInstance: usingPublicOncoKbInstance, data: tableData })));
|
|
8371
8284
|
}
|
|
8372
8285
|
function generateLevelData(indicatorData) {
|
|
8373
8286
|
var levels = {};
|
|
@@ -8391,10 +8304,8 @@ var OncoKbTrackTooltip = function (props) {
|
|
|
8391
8304
|
: null;
|
|
8392
8305
|
};
|
|
8393
8306
|
|
|
8394
|
-
var oncoKbImg = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2214%22%20height%3D%2214%22%3E%20%20%20%20%20%20%3Cg%20%20transform%3D%22translate%287%2C%207%29%22%3E%20%20%20%20%20%20%20%20%3Ccircle%20r%3D%226%22%20fill%3D%22none%22%20stroke-width%3D%222%22%20stroke%3D%22%23007FFF%22%3E%3C%2Fcircle%3E%20%20%20%20%20%20%20%20%3Ccircle%20r%3D%223%22%20fill%3D%22none%22%20stroke-width%3D%222%22%20stroke%3D%22%23007FFF%22%3E%3C%2Fcircle%3E%20%20%20%20%20%20%20%20%3Ccircle%20r%3D%221.5%22%20fill%3D%22%23007FFF%22%20stroke%3D%22none%22%3E%3C%2Fcircle%3E%20%20%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
|
|
8395
|
-
|
|
8396
8307
|
function getOncoKbImage() {
|
|
8397
|
-
return createElement("img", { src: oncoKbImg, alt: "OncoKB Oncogenic Symbol" });
|
|
8308
|
+
return React.createElement("img", { src: oncoKbImg, alt: "OncoKB Oncogenic Symbol" });
|
|
8398
8309
|
}
|
|
8399
8310
|
var OncoKbTrack = /** @class */ (function (_super) {
|
|
8400
8311
|
__extends(OncoKbTrack, _super);
|
|
@@ -8414,7 +8325,7 @@ var OncoKbTrack = /** @class */ (function (_super) {
|
|
|
8414
8325
|
.map(function (position) { return ({
|
|
8415
8326
|
startCodon: Number(position),
|
|
8416
8327
|
color: '#007FFF',
|
|
8417
|
-
tooltip: (createElement(OncoKbTrackTooltip, { usingPublicOncoKbInstance: _this.props.store.usingPublicOncoKbInstance, mutations: _this.props.store.mutationsByPosition[Number(position)], indicatorData: filteredOncoKbDataByProteinPosStart[Number(position)], hugoGeneSymbol: _this.props.store.gene.hugoGeneSymbol })),
|
|
8328
|
+
tooltip: (React.createElement(OncoKbTrackTooltip, { usingPublicOncoKbInstance: _this.props.store.usingPublicOncoKbInstance, mutations: _this.props.store.mutationsByPosition[Number(position)], indicatorData: filteredOncoKbDataByProteinPosStart[Number(position)], hugoGeneSymbol: _this.props.store.gene.hugoGeneSymbol })),
|
|
8418
8329
|
}); });
|
|
8419
8330
|
}
|
|
8420
8331
|
else {
|
|
@@ -8426,9 +8337,9 @@ var OncoKbTrack = /** @class */ (function (_super) {
|
|
|
8426
8337
|
});
|
|
8427
8338
|
Object.defineProperty(OncoKbTrack.prototype, "trackTitle", {
|
|
8428
8339
|
get: function () {
|
|
8429
|
-
return (createElement("span", null,
|
|
8430
|
-
createElement("span", { style: { marginRight: 2 } }, getOncoKbImage()),
|
|
8431
|
-
"OncoKB"));
|
|
8340
|
+
return (React.createElement("span", null,
|
|
8341
|
+
React.createElement("span", { style: { marginRight: 2 } }, getOncoKbImage()),
|
|
8342
|
+
"OncoKB\u2122"));
|
|
8432
8343
|
},
|
|
8433
8344
|
enumerable: false,
|
|
8434
8345
|
configurable: true
|
|
@@ -8438,7 +8349,7 @@ var OncoKbTrack = /** @class */ (function (_super) {
|
|
|
8438
8349
|
configurable: true,
|
|
8439
8350
|
writable: true,
|
|
8440
8351
|
value: function () {
|
|
8441
|
-
return (createElement(Track, { dataStore: this.props.dataStore, defaultFilters: [
|
|
8352
|
+
return (React.createElement(Track, { dataStore: this.props.dataStore, defaultFilters: [
|
|
8442
8353
|
{
|
|
8443
8354
|
type: DataFilterType.ONCOKB,
|
|
8444
8355
|
values: [OncoKbFilterValue.Oncogenic],
|
|
@@ -8456,7 +8367,7 @@ var OncoKbTrack = /** @class */ (function (_super) {
|
|
|
8456
8367
|
observer
|
|
8457
8368
|
], OncoKbTrack);
|
|
8458
8369
|
return OncoKbTrack;
|
|
8459
|
-
}(Component));
|
|
8370
|
+
}(React.Component));
|
|
8460
8371
|
|
|
8461
8372
|
var ExonTrack = /** @class */ (function (_super) {
|
|
8462
8373
|
__extends(ExonTrack, _super);
|
|
@@ -8528,46 +8439,46 @@ var ExonTrack = /** @class */ (function (_super) {
|
|
|
8528
8439
|
endCodon: endCodon,
|
|
8529
8440
|
label: exon.rank.toString(),
|
|
8530
8441
|
labelColor: '#FFFFFF',
|
|
8531
|
-
tooltip: (createElement("span", null,
|
|
8532
|
-
createElement("h5", null,
|
|
8442
|
+
tooltip: (React.createElement("span", null,
|
|
8443
|
+
React.createElement("h5", null,
|
|
8533
8444
|
" Exon ",
|
|
8534
8445
|
exon.rank,
|
|
8535
8446
|
" "),
|
|
8536
8447
|
"Start: Nucleotide",
|
|
8537
8448
|
' ',
|
|
8538
|
-
createElement("strong", null, exonStartLocation.nucleotideLocation),
|
|
8449
|
+
React.createElement("strong", null, exonStartLocation.nucleotideLocation),
|
|
8539
8450
|
' ',
|
|
8540
8451
|
"of amino acid",
|
|
8541
8452
|
' ',
|
|
8542
|
-
createElement("strong", null, exonStartLocation.aminoAcidLocation),
|
|
8543
|
-
createElement("br", null),
|
|
8453
|
+
React.createElement("strong", null, exonStartLocation.aminoAcidLocation),
|
|
8454
|
+
React.createElement("br", null),
|
|
8544
8455
|
"End: Nucleotide",
|
|
8545
8456
|
' ',
|
|
8546
|
-
createElement("strong", null, exonEndLocation.nucleotideLocation),
|
|
8457
|
+
React.createElement("strong", null, exonEndLocation.nucleotideLocation),
|
|
8547
8458
|
' ',
|
|
8548
8459
|
"of amino acid",
|
|
8549
8460
|
' ',
|
|
8550
|
-
createElement("strong", null, exonEndLocation.aminoAcidLocation),
|
|
8551
|
-
createElement("br", null),
|
|
8461
|
+
React.createElement("strong", null, exonEndLocation.aminoAcidLocation),
|
|
8462
|
+
React.createElement("br", null),
|
|
8552
8463
|
"Length:",
|
|
8553
8464
|
' ',
|
|
8554
|
-
createElement("strong", null, exonLength.aminoAcidLength),
|
|
8465
|
+
React.createElement("strong", null, exonLength.aminoAcidLength),
|
|
8555
8466
|
' ',
|
|
8556
8467
|
"amino acids",
|
|
8557
8468
|
' ',
|
|
8558
|
-
exonLength.nucleotideLength && (createElement(Fragment, null,
|
|
8469
|
+
exonLength.nucleotideLength && (React.createElement(React.Fragment, null,
|
|
8559
8470
|
' ',
|
|
8560
8471
|
"and",
|
|
8561
8472
|
' ',
|
|
8562
|
-
createElement("strong", null, exonLength.nucleotideLength),
|
|
8473
|
+
React.createElement("strong", null, exonLength.nucleotideLength),
|
|
8563
8474
|
' ',
|
|
8564
8475
|
"nucleotides")),
|
|
8565
|
-
createElement("br", null),
|
|
8476
|
+
React.createElement("br", null),
|
|
8566
8477
|
"Genomic location:", " ",
|
|
8567
|
-
createElement("a", { target: "_blank", href: link, rel: "noopener noreferrer" },
|
|
8568
|
-
createElement(Fragment, null,
|
|
8478
|
+
React.createElement("a", { target: "_blank", href: link, rel: "noopener noreferrer" },
|
|
8479
|
+
React.createElement(React.Fragment, null,
|
|
8569
8480
|
linkText, " ",
|
|
8570
|
-
createElement("i", { className: "fa fa-external-link" }))))),
|
|
8481
|
+
React.createElement("i", { className: "fa fa-external-link" }))))),
|
|
8571
8482
|
};
|
|
8572
8483
|
})
|
|
8573
8484
|
: [];
|
|
@@ -8577,8 +8488,8 @@ var ExonTrack = /** @class */ (function (_super) {
|
|
|
8577
8488
|
});
|
|
8578
8489
|
Object.defineProperty(ExonTrack.prototype, "trackTitle", {
|
|
8579
8490
|
get: function () {
|
|
8580
|
-
return (createElement("span", null,
|
|
8581
|
-
createElement("span", { style: { marginLeft: 16 } }),
|
|
8491
|
+
return (React.createElement("span", null,
|
|
8492
|
+
React.createElement("span", { style: { marginLeft: 16 } }),
|
|
8582
8493
|
"Exon"));
|
|
8583
8494
|
},
|
|
8584
8495
|
enumerable: false,
|
|
@@ -8589,7 +8500,7 @@ var ExonTrack = /** @class */ (function (_super) {
|
|
|
8589
8500
|
configurable: true,
|
|
8590
8501
|
writable: true,
|
|
8591
8502
|
value: function () {
|
|
8592
|
-
return (createElement(Track, { dataStore: this.props.dataStore, width: this.props.width, xOffset: this.props.xOffset, proteinLength: this.props.proteinLength, trackTitle: this.trackTitle, trackItems: this.exonSpecs, idClassPrefix: 'exon-' }));
|
|
8503
|
+
return (React.createElement(Track, { dataStore: this.props.dataStore, width: this.props.width, xOffset: this.props.xOffset, proteinLength: this.props.proteinLength, trackTitle: this.trackTitle, trackItems: this.exonSpecs, idClassPrefix: 'exon-' }));
|
|
8593
8504
|
}
|
|
8594
8505
|
});
|
|
8595
8506
|
__decorate([
|
|
@@ -8614,7 +8525,7 @@ var ExonTrack = /** @class */ (function (_super) {
|
|
|
8614
8525
|
observer
|
|
8615
8526
|
], ExonTrack);
|
|
8616
8527
|
return ExonTrack;
|
|
8617
|
-
}(Component));
|
|
8528
|
+
}(React.Component));
|
|
8618
8529
|
|
|
8619
8530
|
function extractNumericalPart(pmid) {
|
|
8620
8531
|
var matched = pmid.match(/[0-9]+/);
|
|
@@ -8635,25 +8546,25 @@ var PtmReferenceList = /** @class */ (function (_super) {
|
|
|
8635
8546
|
configurable: true,
|
|
8636
8547
|
writable: true,
|
|
8637
8548
|
value: function () {
|
|
8638
|
-
return (createElement(DefaultTooltip, { placement: "right", overlay: createElement("div", { style: {
|
|
8549
|
+
return (React.createElement(DefaultTooltip, { placement: "right", overlay: React.createElement("div", { style: {
|
|
8639
8550
|
maxWidth: 400,
|
|
8640
8551
|
maxHeight: 400,
|
|
8641
8552
|
overflowY: 'auto',
|
|
8642
8553
|
} },
|
|
8643
|
-
createElement(ReferenceList, { pmids: this.props.pubmedIds
|
|
8554
|
+
React.createElement(ReferenceList, { pmids: this.props.pubmedIds
|
|
8644
8555
|
.map(function (id) { return extractNumericalPart(id); })
|
|
8645
8556
|
.filter(function (id) { return id !== undefined; }), pmidData: this.props.pmidData, abstracts: [] })), destroyTooltipOnHide: true },
|
|
8646
|
-
createElement("div", { style: { textAlign: 'right' } },
|
|
8647
|
-
createElement("i", { className: "fa fa-book", style: { color: 'black' } }))));
|
|
8557
|
+
React.createElement("div", { style: { textAlign: 'right' } },
|
|
8558
|
+
React.createElement("i", { className: "fa fa-book", style: { color: 'black' } }))));
|
|
8648
8559
|
}
|
|
8649
8560
|
});
|
|
8650
8561
|
PtmReferenceList = __decorate([
|
|
8651
8562
|
observer
|
|
8652
8563
|
], PtmReferenceList);
|
|
8653
8564
|
return PtmReferenceList;
|
|
8654
|
-
}(Component));
|
|
8565
|
+
}(React.Component));
|
|
8655
8566
|
|
|
8656
|
-
var _a
|
|
8567
|
+
var _a;
|
|
8657
8568
|
var PtmAnnotationTableColumnId;
|
|
8658
8569
|
(function (PtmAnnotationTableColumnId) {
|
|
8659
8570
|
PtmAnnotationTableColumnId["POSITION"] = "position";
|
|
@@ -8661,33 +8572,33 @@ var PtmAnnotationTableColumnId;
|
|
|
8661
8572
|
PtmAnnotationTableColumnId["DESCRIPTION"] = "description";
|
|
8662
8573
|
PtmAnnotationTableColumnId["PUBMED_IDS"] = "pubmedIds";
|
|
8663
8574
|
})(PtmAnnotationTableColumnId || (PtmAnnotationTableColumnId = {}));
|
|
8664
|
-
var PTM_ANNOTATION_DEFAULT_COLUMNS = (_a
|
|
8665
|
-
_a
|
|
8575
|
+
var PTM_ANNOTATION_DEFAULT_COLUMNS = (_a = {},
|
|
8576
|
+
_a[PtmAnnotationTableColumnId.POSITION] = {
|
|
8666
8577
|
id: PtmAnnotationTableColumnId.POSITION,
|
|
8667
8578
|
accessor: function (ptm) { return ptm.residue.start; },
|
|
8668
8579
|
Header: 'Residue',
|
|
8669
|
-
Cell: function (props) { return (createElement("div", { style: { textAlign: 'right' } }, getResidue(props.original))); },
|
|
8580
|
+
Cell: function (props) { return (React.createElement("div", { style: { textAlign: 'right' } }, getResidue(props.original))); },
|
|
8670
8581
|
maxWidth: 64,
|
|
8671
8582
|
},
|
|
8672
|
-
_a
|
|
8583
|
+
_a[PtmAnnotationTableColumnId.TYPE] = {
|
|
8673
8584
|
id: PtmAnnotationTableColumnId.TYPE,
|
|
8674
8585
|
accessor: function (ptm) { return ptm.type; },
|
|
8675
8586
|
Header: 'Type',
|
|
8676
8587
|
minWidth: 100,
|
|
8677
8588
|
},
|
|
8678
|
-
_a
|
|
8589
|
+
_a[PtmAnnotationTableColumnId.DESCRIPTION] = {
|
|
8679
8590
|
id: PtmAnnotationTableColumnId.DESCRIPTION,
|
|
8680
8591
|
accessor: function (ptm) { return ptm.description; },
|
|
8681
8592
|
Header: 'Description',
|
|
8682
8593
|
minWidth: 180,
|
|
8683
8594
|
},
|
|
8684
|
-
_a
|
|
8595
|
+
_a[PtmAnnotationTableColumnId.PUBMED_IDS] = {
|
|
8685
8596
|
id: PtmAnnotationTableColumnId.PUBMED_IDS,
|
|
8686
8597
|
Header: '',
|
|
8687
8598
|
sortable: false,
|
|
8688
8599
|
maxWidth: 32,
|
|
8689
8600
|
},
|
|
8690
|
-
_a
|
|
8601
|
+
_a);
|
|
8691
8602
|
function getResidue(ptm) {
|
|
8692
8603
|
if (ptm.residue.end && ptm.residue.end > ptm.residue.start) {
|
|
8693
8604
|
return ptm.residue.start + "-" + ptm.residue.end;
|
|
@@ -8745,12 +8656,12 @@ var PtmAnnotationTable = /** @class */ (function (_super) {
|
|
|
8745
8656
|
}
|
|
8746
8657
|
else if (!___default.isEmpty(this.pmidData)) {
|
|
8747
8658
|
cellRenderFn = function (props) {
|
|
8748
|
-
return !___default.isEmpty(props.original.pubmedIds) ? (createElement(PtmReferenceList, { pmidData: _this.pmidData, pubmedIds: props.original.pubmedIds || [] })) : null;
|
|
8659
|
+
return !___default.isEmpty(props.original.pubmedIds) ? (React.createElement(PtmReferenceList, { pmidData: _this.pmidData, pubmedIds: props.original.pubmedIds || [] })) : null;
|
|
8749
8660
|
};
|
|
8750
8661
|
}
|
|
8751
8662
|
else {
|
|
8752
8663
|
cellRenderFn = function (props) {
|
|
8753
|
-
return !___default.isEmpty(props.original.pubmedIds) ? (createElement("i", { className: "fa fa-spinner fa-pulse" })) : null;
|
|
8664
|
+
return !___default.isEmpty(props.original.pubmedIds) ? (React.createElement("i", { className: "fa fa-spinner fa-pulse" })) : null;
|
|
8754
8665
|
};
|
|
8755
8666
|
}
|
|
8756
8667
|
return cellRenderFn;
|
|
@@ -8767,8 +8678,8 @@ var PtmAnnotationTable = /** @class */ (function (_super) {
|
|
|
8767
8678
|
var showPagination = data.length >
|
|
8768
8679
|
(this.props.initialItemsPerPage ||
|
|
8769
8680
|
PtmAnnotationTable_1.defaultProps.initialItemsPerPage);
|
|
8770
|
-
return (createElement("div", { className: classnames('cbioportal-frontend', 'default-track-tooltip-table') },
|
|
8771
|
-
createElement(ReactTable, { data: data, columns: this.columns, defaultSorted: [
|
|
8681
|
+
return (React.createElement("div", { className: classnames('cbioportal-frontend', 'default-track-tooltip-table') },
|
|
8682
|
+
React.createElement(ReactTable, { data: data, columns: this.columns, defaultSorted: [
|
|
8772
8683
|
{
|
|
8773
8684
|
id: initialSortColumn ||
|
|
8774
8685
|
PtmAnnotationTable_1.defaultProps
|
|
@@ -8805,44 +8716,44 @@ var PtmAnnotationTable = /** @class */ (function (_super) {
|
|
|
8805
8716
|
observer
|
|
8806
8717
|
], PtmAnnotationTable);
|
|
8807
8718
|
return PtmAnnotationTable;
|
|
8808
|
-
}(Component));
|
|
8719
|
+
}(React.Component));
|
|
8809
8720
|
|
|
8810
|
-
var styles$
|
|
8721
|
+
var styles$3 = {"ptmLegend":"ptmTrackStyles-module_ptmLegend__2fFwp","Phosphorylation":"ptmTrackStyles-module_Phosphorylation__sX2pM","Acetylation":"ptmTrackStyles-module_Acetylation__3D27B","Ubiquitination":"ptmTrackStyles-module_Ubiquitination__2m5bn","Methylation":"ptmTrackStyles-module_Methylation__16TNK","multiType":"ptmTrackStyles-module_multiType__V_LDv","default":"ptmTrackStyles-module_default__G-0zf"};
|
|
8811
8722
|
|
|
8812
8723
|
var PtmTooltip = function (props) {
|
|
8813
|
-
return (createElement(PtmAnnotationTable, { data: props.ptms, pubMedCache: props.pubMedCache, columnOverrides: props.columnOverrides }));
|
|
8724
|
+
return (React.createElement(PtmAnnotationTable, { data: props.ptms, pubMedCache: props.pubMedCache, columnOverrides: props.columnOverrides }));
|
|
8814
8725
|
};
|
|
8815
8726
|
function ptmInfoTooltip(transcriptId, dataSource, dataSourceUrl) {
|
|
8816
8727
|
var dataSourceDiv = null;
|
|
8817
8728
|
if (dataSource) {
|
|
8818
|
-
dataSourceDiv = (createElement("div", null,
|
|
8729
|
+
dataSourceDiv = (React.createElement("div", null,
|
|
8819
8730
|
"Data Source:",
|
|
8820
8731
|
' ',
|
|
8821
|
-
dataSourceUrl ? (createElement("a", { href: dataSourceUrl, target: "_blank" }, dataSource)) : (dataSource)));
|
|
8732
|
+
dataSourceUrl ? (React.createElement("a", { href: dataSourceUrl, target: "_blank" }, dataSource)) : (dataSource)));
|
|
8822
8733
|
}
|
|
8823
|
-
return (createElement("div", { style: { maxWidth: 400 } },
|
|
8824
|
-
createElement("p", null,
|
|
8734
|
+
return (React.createElement("div", { style: { maxWidth: 400 } },
|
|
8735
|
+
React.createElement("p", null,
|
|
8825
8736
|
"Displays all Post Translational Modifications (PTMs) available",
|
|
8826
|
-
transcriptId && (createElement("span", null,
|
|
8737
|
+
transcriptId && (React.createElement("span", null,
|
|
8827
8738
|
" for the Ensembl transcript ",
|
|
8828
8739
|
transcriptId)),
|
|
8829
8740
|
"."),
|
|
8830
|
-
createElement("p", { className: styles$
|
|
8741
|
+
React.createElement("p", { className: styles$3.ptmLegend },
|
|
8831
8742
|
"PTM types and corresponding color codes are as follows:",
|
|
8832
|
-
createElement("ul", null,
|
|
8833
|
-
createElement("li", { className: styles$
|
|
8834
|
-
createElement("strong", null, "Phosphorylation")),
|
|
8835
|
-
createElement("li", { className: styles$
|
|
8836
|
-
createElement("strong", null, "Acetylation")),
|
|
8837
|
-
createElement("li", { className: styles$
|
|
8838
|
-
createElement("strong", null, "Ubiquitination")),
|
|
8839
|
-
createElement("li", { className: styles$
|
|
8840
|
-
createElement("strong", null, "Methylation")),
|
|
8841
|
-
createElement("li", { className: styles$
|
|
8842
|
-
createElement("strong", null, "Multiple Type"),
|
|
8743
|
+
React.createElement("ul", null,
|
|
8744
|
+
React.createElement("li", { className: styles$3.Phosphorylation },
|
|
8745
|
+
React.createElement("strong", null, "Phosphorylation")),
|
|
8746
|
+
React.createElement("li", { className: styles$3.Acetylation },
|
|
8747
|
+
React.createElement("strong", null, "Acetylation")),
|
|
8748
|
+
React.createElement("li", { className: styles$3.Ubiquitination },
|
|
8749
|
+
React.createElement("strong", null, "Ubiquitination")),
|
|
8750
|
+
React.createElement("li", { className: styles$3.Methylation },
|
|
8751
|
+
React.createElement("strong", null, "Methylation")),
|
|
8752
|
+
React.createElement("li", { className: styles$3.multiType },
|
|
8753
|
+
React.createElement("strong", null, "Multiple Type"),
|
|
8843
8754
|
": Sites with more than one PTM type"),
|
|
8844
|
-
createElement("li", { className: styles$
|
|
8845
|
-
createElement("strong", null, "Other"),
|
|
8755
|
+
React.createElement("li", { className: styles$3.default },
|
|
8756
|
+
React.createElement("strong", null, "Other"),
|
|
8846
8757
|
": All other PTM types"))),
|
|
8847
8758
|
dataSourceDiv));
|
|
8848
8759
|
}
|
|
@@ -8871,7 +8782,7 @@ var PtmTrack = /** @class */ (function (_super) {
|
|
|
8871
8782
|
acc.push({
|
|
8872
8783
|
startCodon: Number(position),
|
|
8873
8784
|
color: ptmColor(ptms),
|
|
8874
|
-
tooltip: (createElement(PtmTooltip, { ptms: ptms, pubMedCache: _this.props.pubMedCache, columnOverrides: _this.props.ptmTooltipColumnOverrides })),
|
|
8785
|
+
tooltip: (React.createElement(PtmTooltip, { ptms: ptms, pubMedCache: _this.props.pubMedCache, columnOverrides: _this.props.ptmTooltipColumnOverrides })),
|
|
8875
8786
|
});
|
|
8876
8787
|
}
|
|
8877
8788
|
return acc;
|
|
@@ -8920,19 +8831,19 @@ var PtmTrack = /** @class */ (function (_super) {
|
|
|
8920
8831
|
Object.defineProperty(PtmTrack.prototype, "mainTrackTitle", {
|
|
8921
8832
|
get: function () {
|
|
8922
8833
|
var _this = this;
|
|
8923
|
-
return (createElement("span", { style: { cursor: 'pointer' } },
|
|
8924
|
-
createElement("span", { onClick: this.handleToggleExpand }, this.expander),
|
|
8925
|
-
createElement(DefaultTooltip, { placement: "left", overlay: function () {
|
|
8834
|
+
return (React.createElement("span", { style: { cursor: 'pointer' } },
|
|
8835
|
+
React.createElement("span", { onClick: this.handleToggleExpand }, this.expander),
|
|
8836
|
+
React.createElement(DefaultTooltip, { placement: "left", overlay: function () {
|
|
8926
8837
|
return ptmInfoTooltip(_this.props.ensemblTranscriptId, _this.props.dataSource, _this.props.dataSourceUrl);
|
|
8927
8838
|
}, destroyTooltipOnHide: true },
|
|
8928
|
-
createElement("span", { style: { marginLeft: 4 }, onClick: this.handleToggleExpand },
|
|
8839
|
+
React.createElement("span", { style: { marginLeft: 4 }, onClick: this.handleToggleExpand },
|
|
8929
8840
|
"PTM",
|
|
8930
8841
|
' ',
|
|
8931
8842
|
this.props.dataSource
|
|
8932
8843
|
? "(" + this.props.dataSource + ")"
|
|
8933
8844
|
: 'Sites',
|
|
8934
8845
|
' ',
|
|
8935
|
-
createElement("i", { className: "fa fa-info-circle" })))));
|
|
8846
|
+
React.createElement("i", { className: "fa fa-info-circle" })))));
|
|
8936
8847
|
},
|
|
8937
8848
|
enumerable: false,
|
|
8938
8849
|
configurable: true
|
|
@@ -8945,7 +8856,7 @@ var PtmTrack = /** @class */ (function (_super) {
|
|
|
8945
8856
|
: 'fa fa-caret-right'
|
|
8946
8857
|
: null;
|
|
8947
8858
|
if (className) {
|
|
8948
|
-
return (createElement("i", { className: className, style: { width: 10, marginLeft: 2 } }));
|
|
8859
|
+
return (React.createElement("i", { className: className, style: { width: 10, marginLeft: 2 } }));
|
|
8949
8860
|
}
|
|
8950
8861
|
return null;
|
|
8951
8862
|
},
|
|
@@ -8972,12 +8883,12 @@ var PtmTrack = /** @class */ (function (_super) {
|
|
|
8972
8883
|
get: function () {
|
|
8973
8884
|
var _this = this;
|
|
8974
8885
|
return this.hasSubTracks
|
|
8975
|
-
? this.ptmSubSpecs.map(function (item, index) { return (createElement(Track, { key: item.title, dataStore: _this.props.dataStore, xOffset: _this.props.xOffset, trackTitle: createElement("span", { style: {
|
|
8886
|
+
? this.ptmSubSpecs.map(function (item, index) { return (React.createElement(Track, { key: item.title, dataStore: _this.props.dataStore, xOffset: _this.props.xOffset, trackTitle: React.createElement("span", { style: {
|
|
8976
8887
|
marginLeft: _this.subTrackMargin,
|
|
8977
8888
|
width: _this.subTrackTitleWidth,
|
|
8978
8889
|
display: 'flex',
|
|
8979
8890
|
} },
|
|
8980
|
-
createElement(EllipsisTextTooltip, { text: item.title, style: {
|
|
8891
|
+
React.createElement(EllipsisTextTooltip, { text: item.title, style: {
|
|
8981
8892
|
overflow: 'hidden',
|
|
8982
8893
|
whiteSpace: 'nowrap',
|
|
8983
8894
|
textOverflow: 'ellipsis',
|
|
@@ -9006,10 +8917,10 @@ var PtmTrack = /** @class */ (function (_super) {
|
|
|
9006
8917
|
configurable: true,
|
|
9007
8918
|
writable: true,
|
|
9008
8919
|
value: function () {
|
|
9009
|
-
return (createElement("span", null,
|
|
9010
|
-
createElement(Track, { dataStore: this.props.dataStore, width: this.props.width, xOffset: this.props.xOffset, proteinLength: this.props.proteinLength, trackTitle: this.mainTrackTitle, trackItems: this.mainTrackHidden ? [] : this.ptmSpecs, hideBaseline: this.mainTrackHidden, idClassPrefix: 'ptm-' }),
|
|
9011
|
-
createElement(Collapse, { isOpened: this.mainTrackHidden },
|
|
9012
|
-
createElement("span", null, this.subTracks))));
|
|
8920
|
+
return (React.createElement("span", null,
|
|
8921
|
+
React.createElement(Track, { dataStore: this.props.dataStore, width: this.props.width, xOffset: this.props.xOffset, proteinLength: this.props.proteinLength, trackTitle: this.mainTrackTitle, trackItems: this.mainTrackHidden ? [] : this.ptmSpecs, hideBaseline: this.mainTrackHidden, idClassPrefix: 'ptm-' }),
|
|
8922
|
+
React.createElement(Collapse, { isOpened: this.mainTrackHidden },
|
|
8923
|
+
React.createElement("span", null, this.subTracks))));
|
|
9013
8924
|
}
|
|
9014
8925
|
});
|
|
9015
8926
|
Object.defineProperty(PtmTrack.prototype, "handleToggleExpand", {
|
|
@@ -9066,44 +8977,44 @@ var PtmTrack = /** @class */ (function (_super) {
|
|
|
9066
8977
|
observer
|
|
9067
8978
|
], PtmTrack);
|
|
9068
8979
|
return PtmTrack;
|
|
9069
|
-
}(Component));
|
|
8980
|
+
}(React.Component));
|
|
9070
8981
|
|
|
9071
8982
|
function topologyRectangleBlockSpec(color, title, uniprotData) {
|
|
9072
8983
|
return {
|
|
9073
8984
|
color: color,
|
|
9074
8985
|
startCodon: uniprotData.startPosition,
|
|
9075
8986
|
endCodon: uniprotData.endPosition,
|
|
9076
|
-
tooltip: (createElement("span", null,
|
|
9077
|
-
createElement("h5", null, title),
|
|
8987
|
+
tooltip: (React.createElement("span", null,
|
|
8988
|
+
React.createElement("h5", null, title),
|
|
9078
8989
|
"Start: ",
|
|
9079
8990
|
uniprotData.startPosition,
|
|
9080
|
-
createElement("br", null),
|
|
8991
|
+
React.createElement("br", null),
|
|
9081
8992
|
"End: ",
|
|
9082
8993
|
uniprotData.endPosition,
|
|
9083
|
-
createElement("br", null),
|
|
8994
|
+
React.createElement("br", null),
|
|
9084
8995
|
"Length: ",
|
|
9085
8996
|
uniprotData.endPosition - uniprotData.startPosition,
|
|
9086
|
-
createElement("br", null),
|
|
8997
|
+
React.createElement("br", null),
|
|
9087
8998
|
"Description: ",
|
|
9088
8999
|
uniprotData.description)),
|
|
9089
9000
|
};
|
|
9090
9001
|
}
|
|
9091
9002
|
var UniprotTopologyTrackDescriptionTooltip = function (props) {
|
|
9092
|
-
var dataSourceDiv = props.uniprotId ? (createElement("div", null,
|
|
9003
|
+
var dataSourceDiv = props.uniprotId ? (React.createElement("div", null,
|
|
9093
9004
|
"Data Source:",
|
|
9094
9005
|
' ',
|
|
9095
|
-
createElement("a", { href: "https://www.uniprot.org/uniprot/" + props.uniprotId, target: "_blank" }, "UniProt"))) : (createElement("div", null,
|
|
9006
|
+
React.createElement("a", { href: "https://www.uniprot.org/uniprot/" + props.uniprotId, target: "_blank" }, "UniProt"))) : (React.createElement("div", null,
|
|
9096
9007
|
"Data Source:",
|
|
9097
9008
|
' ',
|
|
9098
|
-
createElement("a", { href: 'https://www.uniprot.org/', target: "_blank" }, "UniProt")));
|
|
9099
|
-
return (createElement("div", { style: { maxWidth: 400 } },
|
|
9100
|
-
createElement("p", null, "Information of the subcellular location of the mature protein."),
|
|
9101
|
-
props.displayList.length > 0 && (createElement("p", null,
|
|
9009
|
+
React.createElement("a", { href: 'https://www.uniprot.org/', target: "_blank" }, "UniProt")));
|
|
9010
|
+
return (React.createElement("div", { style: { maxWidth: 400 } },
|
|
9011
|
+
React.createElement("p", null, "Information of the subcellular location of the mature protein."),
|
|
9012
|
+
props.displayList.length > 0 && (React.createElement("p", null,
|
|
9102
9013
|
"Domains and corresponding color codes are as follows:",
|
|
9103
|
-
createElement("ul", null, map(props.displayList, function (type) { return (createElement("li", { style: {
|
|
9014
|
+
React.createElement("ul", null, _.map(props.displayList, function (type) { return (React.createElement("li", { style: {
|
|
9104
9015
|
color: UniprotTopologyTrackToColor[type],
|
|
9105
9016
|
} },
|
|
9106
|
-
createElement("strong", null, UniprotTopologyTypeToTitle[type]))); })))),
|
|
9017
|
+
React.createElement("strong", null, UniprotTopologyTypeToTitle[type]))); })))),
|
|
9107
9018
|
dataSourceDiv));
|
|
9108
9019
|
};
|
|
9109
9020
|
var UniprotTopologyTrack = /** @class */ (function (_super) {
|
|
@@ -9153,8 +9064,8 @@ var UniprotTopologyTrack = /** @class */ (function (_super) {
|
|
|
9153
9064
|
Object.defineProperty(UniprotTopologyTrack.prototype, "uniprotTopologySpecs", {
|
|
9154
9065
|
get: function () {
|
|
9155
9066
|
var uniprotData = this.props.store.uniprotTopologyData.result;
|
|
9156
|
-
if (uniprotData && !isEmpty(uniprotData)) {
|
|
9157
|
-
return reduce(uniprotData, this.uniprotDataToTrackItemSpecsReducer, []);
|
|
9067
|
+
if (uniprotData && !_.isEmpty(uniprotData)) {
|
|
9068
|
+
return _.reduce(uniprotData, this.uniprotDataToTrackItemSpecsReducer, []);
|
|
9158
9069
|
}
|
|
9159
9070
|
else {
|
|
9160
9071
|
return [];
|
|
@@ -9171,7 +9082,7 @@ var UniprotTopologyTrack = /** @class */ (function (_super) {
|
|
|
9171
9082
|
: 'fa fa-caret-right'
|
|
9172
9083
|
: null;
|
|
9173
9084
|
if (className) {
|
|
9174
|
-
return (createElement("i", { className: className, style: { width: 10, marginLeft: 2 } }));
|
|
9085
|
+
return (React.createElement("i", { className: className, style: { width: 10, marginLeft: 2 } }));
|
|
9175
9086
|
}
|
|
9176
9087
|
return null;
|
|
9177
9088
|
},
|
|
@@ -9180,12 +9091,12 @@ var UniprotTopologyTrack = /** @class */ (function (_super) {
|
|
|
9180
9091
|
});
|
|
9181
9092
|
Object.defineProperty(UniprotTopologyTrack.prototype, "mainTrackTitle", {
|
|
9182
9093
|
get: function () {
|
|
9183
|
-
return (createElement("span", { style: { cursor: 'pointer' } },
|
|
9184
|
-
createElement("span", { onClick: this.handleToggleExpand }, this.expander),
|
|
9185
|
-
createElement(DefaultTooltip, { placement: "right", overlay: createElement(UniprotTopologyTrackDescriptionTooltip, { displayList: this.uniprotTopologyTypes, uniprotId: this.props.store.uniprotId.result }), destroyTooltipOnHide: true },
|
|
9186
|
-
createElement("span", { style: { marginLeft: 4 }, onClick: this.handleToggleExpand },
|
|
9094
|
+
return (React.createElement("span", { style: { cursor: 'pointer' } },
|
|
9095
|
+
React.createElement("span", { onClick: this.handleToggleExpand }, this.expander),
|
|
9096
|
+
React.createElement(DefaultTooltip, { placement: "right", overlay: React.createElement(UniprotTopologyTrackDescriptionTooltip, { displayList: this.uniprotTopologyTypes, uniprotId: this.props.store.uniprotId.result }), destroyTooltipOnHide: true },
|
|
9097
|
+
React.createElement("span", { style: { marginLeft: 4 }, onClick: this.handleToggleExpand },
|
|
9187
9098
|
"Topology ",
|
|
9188
|
-
createElement("i", { className: "fa fa-info-circle" })))));
|
|
9099
|
+
React.createElement("i", { className: "fa fa-info-circle" })))));
|
|
9189
9100
|
},
|
|
9190
9101
|
enumerable: false,
|
|
9191
9102
|
configurable: true
|
|
@@ -9193,7 +9104,7 @@ var UniprotTopologyTrack = /** @class */ (function (_super) {
|
|
|
9193
9104
|
Object.defineProperty(UniprotTopologyTrack.prototype, "uniprotTopologyTypes", {
|
|
9194
9105
|
get: function () {
|
|
9195
9106
|
var uniprotData = this.props.store.uniprotTopologyData.result;
|
|
9196
|
-
var uniprotDataByType = uniq(map(uniprotData, function (data) { return data.type; }));
|
|
9107
|
+
var uniprotDataByType = _.uniq(_.map(uniprotData, function (data) { return data.type; }));
|
|
9197
9108
|
return uniprotDataByType || [];
|
|
9198
9109
|
},
|
|
9199
9110
|
enumerable: false,
|
|
@@ -9203,13 +9114,13 @@ var UniprotTopologyTrack = /** @class */ (function (_super) {
|
|
|
9203
9114
|
get: function () {
|
|
9204
9115
|
var _this = this;
|
|
9205
9116
|
var uniprotData = this.props.store.uniprotTopologyData.result;
|
|
9206
|
-
var uniprotDataByType = groupBy(uniprotData, function (data) { return data.type; });
|
|
9207
|
-
return keys(uniprotDataByType)
|
|
9117
|
+
var uniprotDataByType = _.groupBy(uniprotData, function (data) { return data.type; });
|
|
9118
|
+
return _.keys(uniprotDataByType)
|
|
9208
9119
|
.map(function (type) { return ({
|
|
9209
9120
|
title: UniprotTopologyTypeToTitle[type],
|
|
9210
|
-
specs: reduce(uniprotDataByType[type], _this.uniprotDataToTrackItemSpecsReducer, []),
|
|
9121
|
+
specs: _.reduce(uniprotDataByType[type], _this.uniprotDataToTrackItemSpecsReducer, []),
|
|
9211
9122
|
}); })
|
|
9212
|
-
.filter(function (s) { return !isEmpty(s.specs); });
|
|
9123
|
+
.filter(function (s) { return !_.isEmpty(s.specs); });
|
|
9213
9124
|
},
|
|
9214
9125
|
enumerable: false,
|
|
9215
9126
|
configurable: true
|
|
@@ -9232,12 +9143,12 @@ var UniprotTopologyTrack = /** @class */ (function (_super) {
|
|
|
9232
9143
|
get: function () {
|
|
9233
9144
|
var _this = this;
|
|
9234
9145
|
return this.hasSubTracks
|
|
9235
|
-
? this.uniprotTopologySubSpecs.map(function (item, index) { return (createElement(Track, { key: item.title, dataStore: _this.props.dataStore, xOffset: _this.props.xOffset, trackTitle: createElement("span", { style: {
|
|
9146
|
+
? this.uniprotTopologySubSpecs.map(function (item, index) { return (React.createElement(Track, { key: item.title, dataStore: _this.props.dataStore, xOffset: _this.props.xOffset, trackTitle: React.createElement("span", { style: {
|
|
9236
9147
|
marginLeft: _this.subTrackMargin,
|
|
9237
9148
|
width: _this.subTrackTitleWidth,
|
|
9238
9149
|
display: 'flex',
|
|
9239
9150
|
} },
|
|
9240
|
-
createElement(EllipsisTextTooltip, { text: item.title, style: {
|
|
9151
|
+
React.createElement(EllipsisTextTooltip, { text: item.title, style: {
|
|
9241
9152
|
overflow: 'hidden',
|
|
9242
9153
|
whiteSpace: 'nowrap',
|
|
9243
9154
|
textOverflow: 'ellipsis',
|
|
@@ -9252,10 +9163,10 @@ var UniprotTopologyTrack = /** @class */ (function (_super) {
|
|
|
9252
9163
|
configurable: true,
|
|
9253
9164
|
writable: true,
|
|
9254
9165
|
value: function () {
|
|
9255
|
-
return (createElement("span", null,
|
|
9256
|
-
createElement(Track, { dataStore: this.props.dataStore, width: this.props.width, xOffset: this.props.xOffset, proteinLength: this.props.proteinLength, trackTitle: this.mainTrackTitle, trackItems: this.mainTrackHidden ? [] : this.uniprotTopologySpecs, hideBaseline: this.mainTrackHidden, idClassPrefix: 'uniprot-topology-track-' }),
|
|
9257
|
-
createElement(Collapse, { isOpened: this.mainTrackHidden },
|
|
9258
|
-
createElement("span", null, this.subTracks))));
|
|
9166
|
+
return (React.createElement("span", null,
|
|
9167
|
+
React.createElement(Track, { dataStore: this.props.dataStore, width: this.props.width, xOffset: this.props.xOffset, proteinLength: this.props.proteinLength, trackTitle: this.mainTrackTitle, trackItems: this.mainTrackHidden ? [] : this.uniprotTopologySpecs, hideBaseline: this.mainTrackHidden, idClassPrefix: 'uniprot-topology-track-' }),
|
|
9168
|
+
React.createElement(Collapse, { isOpened: this.mainTrackHidden },
|
|
9169
|
+
React.createElement("span", null, this.subTracks))));
|
|
9259
9170
|
}
|
|
9260
9171
|
});
|
|
9261
9172
|
Object.defineProperty(UniprotTopologyTrack.prototype, "handleToggleExpand", {
|
|
@@ -9315,7 +9226,7 @@ var UniprotTopologyTrack = /** @class */ (function (_super) {
|
|
|
9315
9226
|
observer
|
|
9316
9227
|
], UniprotTopologyTrack);
|
|
9317
9228
|
return UniprotTopologyTrack;
|
|
9318
|
-
}(Component));
|
|
9229
|
+
}(React.Component));
|
|
9319
9230
|
|
|
9320
9231
|
var TrackPanel = /** @class */ (function (_super) {
|
|
9321
9232
|
__extends(TrackPanel, _super);
|
|
@@ -9338,16 +9249,16 @@ var TrackPanel = /** @class */ (function (_super) {
|
|
|
9338
9249
|
return _a = {},
|
|
9339
9250
|
_a[TrackName.CancerHotspots] = !this.props.trackVisibility ||
|
|
9340
9251
|
this.props.trackVisibility[TrackName.CancerHotspots] ===
|
|
9341
|
-
'visible' ? (createElement(HotspotTrack, { store: this.props.store, dataStore: this.props.store.dataStore, hotspotIndex: this.props.store.indexedHotspotData.result || {}, width: this.props.geneWidth, xOffset: this.props.geneXOffset, proteinLength: this.proteinLength })) : null,
|
|
9252
|
+
'visible' ? (React.createElement(HotspotTrack, { store: this.props.store, dataStore: this.props.store.dataStore, hotspotIndex: this.props.store.indexedHotspotData.result || {}, width: this.props.geneWidth, xOffset: this.props.geneXOffset, proteinLength: this.proteinLength })) : null,
|
|
9342
9253
|
_a[TrackName.OncoKB] = !this.props.trackVisibility ||
|
|
9343
|
-
this.props.trackVisibility[TrackName.OncoKB] === 'visible' ? (createElement(OncoKbTrack, { store: this.props.store, dataStore: this.props.store.dataStore, width: this.props.geneWidth, xOffset: this.props.geneXOffset, proteinLength: this.proteinLength })) : null,
|
|
9254
|
+
this.props.trackVisibility[TrackName.OncoKB] === 'visible' ? (React.createElement(OncoKbTrack, { store: this.props.store, dataStore: this.props.store.dataStore, width: this.props.geneWidth, xOffset: this.props.geneXOffset, proteinLength: this.proteinLength })) : null,
|
|
9344
9255
|
_a[TrackName.dbPTM] = this.getPtmTrack(TrackName.dbPTM, PtmSource.dbPTM),
|
|
9345
9256
|
_a[TrackName.UniprotPTM] = this.getPtmTrack(TrackName.UniprotPTM, PtmSource.Uniprot),
|
|
9346
9257
|
_a[TrackName.Exon] = !this.props.trackVisibility ||
|
|
9347
|
-
this.props.trackVisibility[TrackName.Exon] === 'visible' ? (createElement(ExonTrack, { store: this.props.store, dataStore: this.props.store.dataStore, width: this.props.geneWidth, xOffset: this.props.geneXOffset, proteinLength: this.proteinLength })) : null,
|
|
9258
|
+
this.props.trackVisibility[TrackName.Exon] === 'visible' ? (React.createElement(ExonTrack, { store: this.props.store, dataStore: this.props.store.dataStore, width: this.props.geneWidth, xOffset: this.props.geneXOffset, proteinLength: this.proteinLength })) : null,
|
|
9348
9259
|
_a[TrackName.UniprotTopology] = !this.props.trackVisibility ||
|
|
9349
9260
|
this.props.trackVisibility[TrackName.UniprotTopology] ===
|
|
9350
|
-
'visible' ? (createElement(UniprotTopologyTrack, { store: this.props.store, dataStore: this.props.store.dataStore, width: this.props.geneWidth, xOffset: this.props.geneXOffset, proteinLength: this.proteinLength, collapsed: this.props.collapseUniprotTopologyTrack })) : null,
|
|
9261
|
+
'visible' ? (React.createElement(UniprotTopologyTrack, { store: this.props.store, dataStore: this.props.store.dataStore, width: this.props.geneWidth, xOffset: this.props.geneXOffset, proteinLength: this.proteinLength, collapsed: this.props.collapseUniprotTopologyTrack })) : null,
|
|
9351
9262
|
_a;
|
|
9352
9263
|
},
|
|
9353
9264
|
enumerable: false,
|
|
@@ -9359,7 +9270,7 @@ var TrackPanel = /** @class */ (function (_super) {
|
|
|
9359
9270
|
writable: true,
|
|
9360
9271
|
value: function () {
|
|
9361
9272
|
var _this = this;
|
|
9362
|
-
return (createElement("div", { style: {
|
|
9273
|
+
return (React.createElement("div", { style: {
|
|
9363
9274
|
overflowY: 'hidden',
|
|
9364
9275
|
maxHeight: this.props.maxHeight,
|
|
9365
9276
|
position: 'relative',
|
|
@@ -9375,7 +9286,7 @@ var TrackPanel = /** @class */ (function (_super) {
|
|
|
9375
9286
|
value: function (trackName, ptmSource) {
|
|
9376
9287
|
var _a;
|
|
9377
9288
|
return !this.props.trackVisibility ||
|
|
9378
|
-
this.props.trackVisibility[trackName] === 'visible' ? (createElement(PtmTrack, { store: this.props.store, pubMedCache: this.props.pubMedCache, ensemblTranscriptId: (_a = this.props.store.activeTranscript) === null || _a === void 0 ? void 0 : _a.result, dataStore: this.props.store.dataStore, width: this.props.geneWidth, xOffset: this.props.geneXOffset, proteinLength: this.proteinLength, dataSource: ptmSource, dataSourceUrl: PTM_SOURCE_URL[ptmSource], ptmTooltipColumnOverrides: this.getPtmTooltipColumnOverrides(ptmSource), collapsed: this.props.collapsePtmTrack })) : null;
|
|
9289
|
+
this.props.trackVisibility[trackName] === 'visible' ? (React.createElement(PtmTrack, { store: this.props.store, pubMedCache: this.props.pubMedCache, ensemblTranscriptId: (_a = this.props.store.activeTranscript) === null || _a === void 0 ? void 0 : _a.result, dataStore: this.props.store.dataStore, width: this.props.geneWidth, xOffset: this.props.geneXOffset, proteinLength: this.proteinLength, dataSource: ptmSource, dataSourceUrl: PTM_SOURCE_URL[ptmSource], ptmTooltipColumnOverrides: this.getPtmTooltipColumnOverrides(ptmSource), collapsed: this.props.collapsePtmTrack })) : null;
|
|
9379
9290
|
}
|
|
9380
9291
|
});
|
|
9381
9292
|
Object.defineProperty(TrackPanel.prototype, "getPtmTooltipColumnOverrides", {
|
|
@@ -9418,7 +9329,7 @@ var TrackPanel = /** @class */ (function (_super) {
|
|
|
9418
9329
|
observer
|
|
9419
9330
|
], TrackPanel);
|
|
9420
9331
|
return TrackPanel;
|
|
9421
|
-
}(Component));
|
|
9332
|
+
}(React.Component));
|
|
9422
9333
|
|
|
9423
9334
|
var MutationAlignerLink = observer(function (props) {
|
|
9424
9335
|
function getMutationAlignerCacheData(pfamAccession) {
|
|
@@ -9432,7 +9343,7 @@ var MutationAlignerLink = observer(function (props) {
|
|
|
9432
9343
|
var mutationAlignerCacheData = getMutationAlignerCacheData(props.pfamAccession);
|
|
9433
9344
|
return mutationAlignerCacheData &&
|
|
9434
9345
|
mutationAlignerCacheData.status === 'complete' &&
|
|
9435
|
-
mutationAlignerCacheData.data ? (createElement("a", { href: mutationAlignerCacheData.data, target: "_blank" }, "Mutation Aligner")) : null;
|
|
9346
|
+
mutationAlignerCacheData.data ? (React.createElement("a", { href: mutationAlignerCacheData.data, target: "_blank" }, "Mutation Aligner")) : null;
|
|
9436
9347
|
});
|
|
9437
9348
|
var DomainTooltip = function (props) {
|
|
9438
9349
|
var range = props.range, domain = props.domain, pfamDomainId = props.pfamDomainId;
|
|
@@ -9441,17 +9352,17 @@ var DomainTooltip = function (props) {
|
|
|
9441
9352
|
var domainInfo = domain
|
|
9442
9353
|
? domain.name + ": " + domain.description
|
|
9443
9354
|
: pfamAccession;
|
|
9444
|
-
return (createElement("div", { style: { maxWidth: 200 } },
|
|
9445
|
-
createElement("div", null,
|
|
9355
|
+
return (React.createElement("div", { style: { maxWidth: 200 } },
|
|
9356
|
+
React.createElement("div", null,
|
|
9446
9357
|
domainInfo,
|
|
9447
9358
|
" (",
|
|
9448
9359
|
range.pfamDomainStart,
|
|
9449
9360
|
" - ",
|
|
9450
9361
|
range.pfamDomainEnd,
|
|
9451
9362
|
")"),
|
|
9452
|
-
createElement("div", null,
|
|
9453
|
-
createElement("a", { style: { marginRight: '5px' }, href: "http://pfam.xfam.org/family/" + pfamAccession, target: "_blank" }, "PFAM"),
|
|
9454
|
-
createElement(MutationAlignerLink, { mutationAlignerCache: props.mutationAlignerCache, pfamAccession: pfamAccession }))));
|
|
9363
|
+
React.createElement("div", null,
|
|
9364
|
+
React.createElement("a", { style: { marginRight: '5px' }, href: "http://pfam.xfam.org/family/" + pfamAccession, target: "_blank" }, "PFAM"),
|
|
9365
|
+
React.createElement(MutationAlignerLink, { mutationAlignerCache: props.mutationAlignerCache, pfamAccession: pfamAccession }))));
|
|
9455
9366
|
};
|
|
9456
9367
|
|
|
9457
9368
|
var DEFAULT_PROTEIN_LENGTH = 10;
|
|
@@ -9581,14 +9492,14 @@ var LollipopMutationPlot = /** @class */ (function (_super) {
|
|
|
9581
9492
|
value: function (mutationsAtPosition, countsByPosition) {
|
|
9582
9493
|
var codon = mutationsAtPosition[0].proteinPosStart;
|
|
9583
9494
|
var count = countsByPosition[codon];
|
|
9584
|
-
var countInfo = this.props.lollipopTooltipCountInfo ? (this.props.lollipopTooltipCountInfo(count, mutationsAtPosition)) : (createElement("strong", null,
|
|
9495
|
+
var countInfo = this.props.lollipopTooltipCountInfo ? (this.props.lollipopTooltipCountInfo(count, mutationsAtPosition)) : (React.createElement("strong", null,
|
|
9585
9496
|
count,
|
|
9586
9497
|
" mutation", "" + (count !== 1 ? 's' : '')));
|
|
9587
9498
|
var label = lollipopLabelText(mutationsAtPosition);
|
|
9588
|
-
return (createElement("div", null,
|
|
9499
|
+
return (React.createElement("div", null,
|
|
9589
9500
|
countInfo,
|
|
9590
|
-
createElement("br", null),
|
|
9591
|
-
createElement("span", null,
|
|
9501
|
+
React.createElement("br", null),
|
|
9502
|
+
React.createElement("span", null,
|
|
9592
9503
|
"AA Change: ",
|
|
9593
9504
|
label)));
|
|
9594
9505
|
}
|
|
@@ -9828,7 +9739,7 @@ var LollipopMutationPlot = /** @class */ (function (_super) {
|
|
|
9828
9739
|
endCodon: range.pfamDomainEnd,
|
|
9829
9740
|
label: domain ? domain.name : range.pfamDomainId,
|
|
9830
9741
|
color: _this.domainColorMap[range.pfamDomainId],
|
|
9831
|
-
tooltip: (createElement(DomainTooltip, { range: range, domain: domain, pfamDomainId: range.pfamDomainId, mutationAlignerCache: _this.props.mutationAlignerCache })),
|
|
9742
|
+
tooltip: (React.createElement(DomainTooltip, { range: range, domain: domain, pfamDomainId: range.pfamDomainId, mutationAlignerCache: _this.props.mutationAlignerCache })),
|
|
9832
9743
|
};
|
|
9833
9744
|
});
|
|
9834
9745
|
}
|
|
@@ -9887,8 +9798,8 @@ var LollipopMutationPlot = /** @class */ (function (_super) {
|
|
|
9887
9798
|
configurable: true,
|
|
9888
9799
|
writable: true,
|
|
9889
9800
|
value: function () {
|
|
9890
|
-
return (createElement("div", { style: { maxWidth: 200 } },
|
|
9891
|
-
createElement("a", { href: "http://www.uniprot.org/uniprot/" + this.props.store.uniprotId.result, target: "_blank" }, this.props.store.uniprotId.result)));
|
|
9801
|
+
return (React.createElement("div", { style: { maxWidth: 200 } },
|
|
9802
|
+
React.createElement("a", { href: "http://www.uniprot.org/uniprot/" + this.props.store.uniprotId.result, target: "_blank" }, this.props.store.uniprotId.result)));
|
|
9892
9803
|
}
|
|
9893
9804
|
});
|
|
9894
9805
|
Object.defineProperty(LollipopMutationPlot.prototype, "sequence", {
|
|
@@ -10054,23 +9965,23 @@ var LollipopMutationPlot = /** @class */ (function (_super) {
|
|
|
10054
9965
|
var _this = this;
|
|
10055
9966
|
if (this.props.store.pfamDomainData.isComplete &&
|
|
10056
9967
|
this.props.store.pfamDomainData.result) {
|
|
10057
|
-
return (createElement("div", { style: { display: 'inline-block' }, ref: function (div) { return (_this.divContainer = div); }, onMouseEnter: this.handlers.onMouseEnterPlot, onMouseLeave: this.handlers.onMouseLeavePlot },
|
|
10058
|
-
createElement(LollipopMutationPlotControls, { showControls: this.showControls, showYMaxSlider: this.props.showYMaxSlider, showLegendToggle: this.props.showLegendToggle, showDownloadControls: this.props.showDownloadControls, hugoGeneSymbol: this.hugoGeneSymbol, countRange: this.countRange, bottomCountRange: this.bottomCountRange, onYAxisMaxSliderChange: this.handlers.handleYAxisMaxSliderChange, onYAxisMaxChange: this.handlers.handleYAxisMaxChange, onBottomYAxisMaxSliderChange: this.handlers.handleBottomYAxisMaxSliderChange, onBottomYAxisMaxChange: this.handlers.handleBottomYAxisMaxChange, onYMaxInputFocused: this.handlers.onYMaxInputFocused, onYMaxInputBlurred: this.handlers.onYMaxInputBlurred, onToggleLegend: this.handlers.handleToggleLegend, yMaxSlider: this.yMaxSlider, yMaxSliderStep: this.yMaxSliderStep, yMaxInput: this.yMaxInput, yAxisSameScale: this.props.yAxisSameScale, bottomYMaxSlider: this.bottomYMaxSlider, bottomYMaxSliderStep: this.bottomYMaxSliderStep, bottomYMaxInput: this.bottomYMaxInput, customControls: this.props.customControls, filterResetPanel: this.props.filterResetPanel, trackVisibility: this.trackVisibility, tracks: this.props.tracks, trackDataStatus: this.props.trackDataStatus, showTrackSelector: this.props.showTrackSelector, onTrackVisibilityChange: this.onTrackVisibilityChange, getSVG: this.getSVG }),
|
|
10059
|
-
createElement(Collapse, { isOpened: this.controlsConfig.legendShown }, this.props.legend || createElement(DefaultLollipopPlotLegend, null)),
|
|
10060
|
-
createElement(LollipopPlot, { sequence: this.sequence, lollipops: this.lollipops, domains: this.domains, dataStore: this.props.store.dataStore, vizWidth: this.props.geneWidth, vizHeight: this.props.vizHeight, hugoGeneSymbol: this.hugoGeneSymbol, xMax: this.proteinLength, yMax: this.yMaxInput, yMaxFractionDigits: this.yMaxSliderStep < 1
|
|
9968
|
+
return (React.createElement("div", { style: { display: 'inline-block' }, ref: function (div) { return (_this.divContainer = div); }, onMouseEnter: this.handlers.onMouseEnterPlot, onMouseLeave: this.handlers.onMouseLeavePlot },
|
|
9969
|
+
React.createElement(LollipopMutationPlotControls, { showControls: this.showControls, showYMaxSlider: this.props.showYMaxSlider, showLegendToggle: this.props.showLegendToggle, showDownloadControls: this.props.showDownloadControls, hugoGeneSymbol: this.hugoGeneSymbol, countRange: this.countRange, bottomCountRange: this.bottomCountRange, onYAxisMaxSliderChange: this.handlers.handleYAxisMaxSliderChange, onYAxisMaxChange: this.handlers.handleYAxisMaxChange, onBottomYAxisMaxSliderChange: this.handlers.handleBottomYAxisMaxSliderChange, onBottomYAxisMaxChange: this.handlers.handleBottomYAxisMaxChange, onYMaxInputFocused: this.handlers.onYMaxInputFocused, onYMaxInputBlurred: this.handlers.onYMaxInputBlurred, onToggleLegend: this.handlers.handleToggleLegend, yMaxSlider: this.yMaxSlider, yMaxSliderStep: this.yMaxSliderStep, yMaxInput: this.yMaxInput, yAxisSameScale: this.props.yAxisSameScale, bottomYMaxSlider: this.bottomYMaxSlider, bottomYMaxSliderStep: this.bottomYMaxSliderStep, bottomYMaxInput: this.bottomYMaxInput, customControls: this.props.customControls, filterResetPanel: this.props.filterResetPanel, trackVisibility: this.trackVisibility, tracks: this.props.tracks, trackDataStatus: this.props.trackDataStatus, showTrackSelector: this.props.showTrackSelector, onTrackVisibilityChange: this.onTrackVisibilityChange, getSVG: this.getSVG }),
|
|
9970
|
+
React.createElement(Collapse, { isOpened: this.controlsConfig.legendShown }, this.props.legend || React.createElement(DefaultLollipopPlotLegend, null)),
|
|
9971
|
+
React.createElement(LollipopPlot, { sequence: this.sequence, lollipops: this.lollipops, domains: this.domains, dataStore: this.props.store.dataStore, vizWidth: this.props.geneWidth, vizHeight: this.props.vizHeight, hugoGeneSymbol: this.hugoGeneSymbol, xMax: this.proteinLength, yMax: this.yMaxInput, yMaxFractionDigits: this.yMaxSliderStep < 1
|
|
10061
9972
|
? this.props.yMaxFractionDigits
|
|
10062
9973
|
: undefined, yMaxLabelPostfix: this.props.yMaxLabelPostfix, yAxisLabelPadding: this.props.yAxisLabelPadding, showYAxis: this.props.showYAxis, bottomYMax: this.bottomYMaxInput, onXAxisOffset: this.onXAxisOffset, topYAxisSymbol: this.props.topYAxisSymbol, bottomYAxisSymbol: this.props.bottomYAxisSymbol, groups: this.groups }),
|
|
10063
|
-
createElement(TrackPanel, { store: this.props.store, geneWidth: this.props.geneWidth, tracks: this.props.tracks, trackVisibility: this.trackVisibility, pubMedCache: this.props.pubMedCache, proteinLength: this.proteinLength, geneXOffset: this.geneXOffset, collapsePtmTrack: this.props.collapsePtmTrack, collapseUniprotTopologyTrack: this.props.collapseUniprotTopologyTrack })));
|
|
9974
|
+
React.createElement(TrackPanel, { store: this.props.store, geneWidth: this.props.geneWidth, tracks: this.props.tracks, trackVisibility: this.trackVisibility, pubMedCache: this.props.pubMedCache, proteinLength: this.proteinLength, geneXOffset: this.geneXOffset, collapsePtmTrack: this.props.collapsePtmTrack, collapseUniprotTopologyTrack: this.props.collapseUniprotTopologyTrack })));
|
|
10064
9975
|
}
|
|
10065
9976
|
else if (this.props.store.canonicalTranscript.isComplete &&
|
|
10066
9977
|
this.props.store.canonicalTranscript.result === undefined) {
|
|
10067
|
-
return (createElement("span", null,
|
|
10068
|
-
createElement("i", { className: "fa fa-exclamation-triangle text-danger" }),
|
|
9978
|
+
return (React.createElement("span", null,
|
|
9979
|
+
React.createElement("i", { className: "fa fa-exclamation-triangle text-danger" }),
|
|
10069
9980
|
" No Transcript found for ",
|
|
10070
9981
|
this.hugoGeneSymbol));
|
|
10071
9982
|
}
|
|
10072
9983
|
else {
|
|
10073
|
-
return (this.props.loadingIndicator || (createElement("i", { className: "fa fa-spinner fa-pulse fa-2x" })));
|
|
9984
|
+
return (this.props.loadingIndicator || (React.createElement("i", { className: "fa fa-spinner fa-pulse fa-2x" })));
|
|
10074
9985
|
}
|
|
10075
9986
|
}
|
|
10076
9987
|
});
|
|
@@ -10165,7 +10076,7 @@ var LollipopMutationPlot = /** @class */ (function (_super) {
|
|
|
10165
10076
|
observer
|
|
10166
10077
|
], LollipopMutationPlot);
|
|
10167
10078
|
return LollipopMutationPlot;
|
|
10168
|
-
}(Component));
|
|
10079
|
+
}(React.Component));
|
|
10169
10080
|
|
|
10170
10081
|
var DefaultStringQueryCache = /** @class */ (function () {
|
|
10171
10082
|
function DefaultStringQueryCache() {
|
|
@@ -12215,7 +12126,7 @@ function getDefaultWindowInstance() {
|
|
|
12215
12126
|
return windowInstance;
|
|
12216
12127
|
}
|
|
12217
12128
|
|
|
12218
|
-
var styles$
|
|
12129
|
+
var styles$2 = {"mutationRateSummary":"defaultMutationRateSummary-module_mutationRateSummary__2xgz8"};
|
|
12219
12130
|
|
|
12220
12131
|
var DefaultMutationRateSummary = /** @class */ (function (_super) {
|
|
12221
12132
|
__extends(DefaultMutationRateSummary, _super);
|
|
@@ -12228,21 +12139,21 @@ var DefaultMutationRateSummary = /** @class */ (function (_super) {
|
|
|
12228
12139
|
writable: true,
|
|
12229
12140
|
value: function () {
|
|
12230
12141
|
var _this = this;
|
|
12231
|
-
return (createElement(Fragment, null, this.props.rates.map(function (r) { return (createElement("div", { key: r.title, className: styles$
|
|
12232
|
-
createElement("span", null,
|
|
12142
|
+
return (React.createElement(React.Fragment, null, this.props.rates.map(function (r) { return (React.createElement("div", { key: r.title, className: styles$2.mutationRateSummary },
|
|
12143
|
+
React.createElement("span", null,
|
|
12233
12144
|
r.title,
|
|
12234
12145
|
": "),
|
|
12235
|
-
createElement("span", null,
|
|
12146
|
+
React.createElement("span", null,
|
|
12236
12147
|
formatPercentValue(r.rate, _this.props.fractionDigits),
|
|
12237
12148
|
"%"),
|
|
12238
|
-
r.description && (createElement(DefaultTooltip, { placement: "right", overlay: createElement("span", null, r.description) },
|
|
12239
|
-
createElement("i", { className: "fa fa-info-circle", style: { marginLeft: '0.2rem' } }))))); })));
|
|
12149
|
+
r.description && (React.createElement(DefaultTooltip, { placement: "right", overlay: React.createElement("span", null, r.description) },
|
|
12150
|
+
React.createElement("i", { className: "fa fa-info-circle", style: { marginLeft: '0.2rem' } }))))); })));
|
|
12240
12151
|
}
|
|
12241
12152
|
});
|
|
12242
12153
|
return DefaultMutationRateSummary;
|
|
12243
|
-
}(Component));
|
|
12154
|
+
}(React.Component));
|
|
12244
12155
|
|
|
12245
|
-
var styles$
|
|
12156
|
+
var styles$1 = {"dropDown":"transcriptDropdown-module_dropDown__b9xF8"};
|
|
12246
12157
|
|
|
12247
12158
|
var TranscriptDropdown = /** @class */ (function (_super) {
|
|
12248
12159
|
__extends(TranscriptDropdown, _super);
|
|
@@ -12258,7 +12169,7 @@ var TranscriptDropdown = /** @class */ (function (_super) {
|
|
|
12258
12169
|
var canonicalTranscriptId = canonicalTranscript.result &&
|
|
12259
12170
|
canonicalTranscript.result.transcriptId;
|
|
12260
12171
|
if (!showDropDown) {
|
|
12261
|
-
return createElement("span", null);
|
|
12172
|
+
return React.createElement("span", null);
|
|
12262
12173
|
}
|
|
12263
12174
|
else if (showOnlyAnnotatedTranscriptsInDropdown) {
|
|
12264
12175
|
var isLoading = transcriptsWithProteinLength.isPending ||
|
|
@@ -12269,7 +12180,7 @@ var TranscriptDropdown = /** @class */ (function (_super) {
|
|
|
12269
12180
|
canonicalTranscriptId &&
|
|
12270
12181
|
transcriptsWithAnnotations.result &&
|
|
12271
12182
|
transcriptsWithAnnotations.result.length > 0;
|
|
12272
|
-
return (createElement("div", { className: classnames('small', styles$
|
|
12183
|
+
return (React.createElement("div", { className: classnames('small', styles$1.dropDown) },
|
|
12273
12184
|
this.loadingIndicator(isLoading),
|
|
12274
12185
|
!isLoading &&
|
|
12275
12186
|
requiredData &&
|
|
@@ -12282,7 +12193,7 @@ var TranscriptDropdown = /** @class */ (function (_super) {
|
|
|
12282
12193
|
var requiredData = transcriptsWithProteinLength.result &&
|
|
12283
12194
|
transcriptsWithProteinLength.result.length > 0 &&
|
|
12284
12195
|
canonicalTranscriptId;
|
|
12285
|
-
return (createElement("div", { className: classnames('small', styles$
|
|
12196
|
+
return (React.createElement("div", { className: classnames('small', styles$1.dropDown) },
|
|
12286
12197
|
this.loadingIndicator(isLoading),
|
|
12287
12198
|
!isLoading &&
|
|
12288
12199
|
requiredData &&
|
|
@@ -12297,8 +12208,8 @@ var TranscriptDropdown = /** @class */ (function (_super) {
|
|
|
12297
12208
|
value: function (activeTranscript, allTranscripts, canonicalTranscript, transcriptsByTranscriptId, mutationsByTranscriptId) {
|
|
12298
12209
|
var _this = this;
|
|
12299
12210
|
var activeRefseqMrnaId = transcriptsByTranscriptId[activeTranscript].refseqMrnaId;
|
|
12300
|
-
return (createElement("div", null,
|
|
12301
|
-
createElement(Select, { value: {
|
|
12211
|
+
return (React.createElement("div", null,
|
|
12212
|
+
React.createElement(Select, { value: {
|
|
12302
12213
|
label: activeRefseqMrnaId
|
|
12303
12214
|
? activeRefseqMrnaId
|
|
12304
12215
|
: activeTranscript,
|
|
@@ -12355,7 +12266,7 @@ var TranscriptDropdown = /** @class */ (function (_super) {
|
|
|
12355
12266
|
writable: true,
|
|
12356
12267
|
value: function (isLoading) {
|
|
12357
12268
|
return isLoading
|
|
12358
|
-
? this.props.loadingIndicator || (createElement("i", { className: "fa fa-spinner fa-pulse fa-2x" }))
|
|
12269
|
+
? this.props.loadingIndicator || (React.createElement("i", { className: "fa fa-spinner fa-pulse fa-2x" }))
|
|
12359
12270
|
: null;
|
|
12360
12271
|
}
|
|
12361
12272
|
});
|
|
@@ -12363,9 +12274,9 @@ var TranscriptDropdown = /** @class */ (function (_super) {
|
|
|
12363
12274
|
observer
|
|
12364
12275
|
], TranscriptDropdown);
|
|
12365
12276
|
return TranscriptDropdown;
|
|
12366
|
-
}(Component));
|
|
12277
|
+
}(React.Component));
|
|
12367
12278
|
|
|
12368
|
-
var styles
|
|
12279
|
+
var styles = {"geneSummary":"geneSummary-module_geneSummary__2baMD","geneSummaryCompact":"geneSummary-module_geneSummaryCompact__3_qUv","hugoSymbol":"geneSummary-module_hugoSymbol__KSt5x"};
|
|
12369
12280
|
|
|
12370
12281
|
var GeneSummaryInfo = function (_a) {
|
|
12371
12282
|
var uniprotId = _a.uniprotId, showDropDown = _a.showDropDown, canonicalTranscript = _a.canonicalTranscript, compactStyle = _a.compactStyle, activeTranscript = _a.activeTranscript, transcriptsByTranscriptId = _a.transcriptsByTranscriptId, transcriptSummaryUrlTemplate = _a.transcriptSummaryUrlTemplate;
|
|
@@ -12375,44 +12286,44 @@ var GeneSummaryInfo = function (_a) {
|
|
|
12375
12286
|
: transcriptsByTranscriptId[activeTranscript];
|
|
12376
12287
|
var refseqMrnaId = transcript && transcript.refseqMrnaId;
|
|
12377
12288
|
var ccdsId = transcript && transcript.ccdsId;
|
|
12378
|
-
var refSeq = refseqMrnaId ? (createElement("a", { href: getNCBIlink("/nuccore/" + refseqMrnaId), target: "_blank" }, refseqMrnaId)) : ('-');
|
|
12289
|
+
var refSeq = refseqMrnaId ? (React.createElement("a", { href: getNCBIlink("/nuccore/" + refseqMrnaId), target: "_blank" }, refseqMrnaId)) : ('-');
|
|
12379
12290
|
var ensembl = showDropDown
|
|
12380
|
-
? activeTranscript && (createElement("a", { href: getUrl(transcriptSummaryUrlTemplate, {
|
|
12291
|
+
? activeTranscript && (React.createElement("a", { href: getUrl(transcriptSummaryUrlTemplate, {
|
|
12381
12292
|
transcriptId: activeTranscript,
|
|
12382
12293
|
}), target: "_blank" }, activeTranscript))
|
|
12383
12294
|
: canonicalTranscriptId && (
|
|
12384
12295
|
// down't show drop down, only the canonical transcript
|
|
12385
|
-
createElement("a", { href: getUrl(transcriptSummaryUrlTemplate, {
|
|
12296
|
+
React.createElement("a", { href: getUrl(transcriptSummaryUrlTemplate, {
|
|
12386
12297
|
transcriptId: canonicalTranscriptId,
|
|
12387
12298
|
}), target: "_blank" }, canonicalTranscriptId));
|
|
12388
|
-
var ccds = ccdsId ? (createElement("a", { href: getNCBIlink({
|
|
12299
|
+
var ccds = ccdsId ? (React.createElement("a", { href: getNCBIlink({
|
|
12389
12300
|
pathname: '/CCDS/CcdsBrowse.cgi',
|
|
12390
12301
|
query: {
|
|
12391
12302
|
REQUEST: 'CCDS',
|
|
12392
12303
|
DATA: ccdsId,
|
|
12393
12304
|
},
|
|
12394
12305
|
}), target: "_blank" }, ccdsId)) : ('-');
|
|
12395
|
-
var uniprot = uniprotId ? (createElement("a", { href: "http://www.uniprot.org/uniprot/" + uniprotId, target: "_blank" }, uniprotId)) : ('-');
|
|
12396
|
-
var compactGeneSummaryInfo = (createElement("div", null,
|
|
12397
|
-
createElement("span", { "data-test": "compactGeneSummaryRefSeq" }, refSeq), " | ",
|
|
12306
|
+
var uniprot = uniprotId ? (React.createElement("a", { href: "http://www.uniprot.org/uniprot/" + uniprotId, target: "_blank" }, uniprotId)) : ('-');
|
|
12307
|
+
var compactGeneSummaryInfo = (React.createElement("div", null,
|
|
12308
|
+
React.createElement("span", { "data-test": "compactGeneSummaryRefSeq" }, refSeq), " | ",
|
|
12398
12309
|
ensembl,
|
|
12399
|
-
createElement("br", null),
|
|
12400
|
-
createElement("span", { "data-test": "compactGeneSummaryCCDS" }, ccds), " | ",
|
|
12401
|
-
createElement("span", { "data-test": "compactGeneSummaryUniProt" }, uniprot)));
|
|
12402
|
-
var geneSummaryInfo = (createElement("div", null,
|
|
12403
|
-
createElement("div", null,
|
|
12404
|
-
createElement("span", { "data-test": "GeneSummaryRefSeq" },
|
|
12310
|
+
React.createElement("br", null),
|
|
12311
|
+
React.createElement("span", { "data-test": "compactGeneSummaryCCDS" }, ccds), " | ",
|
|
12312
|
+
React.createElement("span", { "data-test": "compactGeneSummaryUniProt" }, uniprot)));
|
|
12313
|
+
var geneSummaryInfo = (React.createElement("div", null,
|
|
12314
|
+
React.createElement("div", null,
|
|
12315
|
+
React.createElement("span", { "data-test": "GeneSummaryRefSeq" },
|
|
12405
12316
|
'RefSeq: ',
|
|
12406
12317
|
refSeq)),
|
|
12407
|
-
createElement("div", null,
|
|
12408
|
-
createElement("span", null, "Ensembl: "),
|
|
12318
|
+
React.createElement("div", null,
|
|
12319
|
+
React.createElement("span", null, "Ensembl: "),
|
|
12409
12320
|
ensembl),
|
|
12410
|
-
createElement("div", null,
|
|
12411
|
-
createElement("span", { "data-test": "GeneSummaryCCDS" },
|
|
12321
|
+
React.createElement("div", null,
|
|
12322
|
+
React.createElement("span", { "data-test": "GeneSummaryCCDS" },
|
|
12412
12323
|
'CCDS: ',
|
|
12413
12324
|
ccds)),
|
|
12414
|
-
createElement("div", null,
|
|
12415
|
-
createElement("span", { "data-test": "GeneSummaryUniProt" },
|
|
12325
|
+
React.createElement("div", null,
|
|
12326
|
+
React.createElement("span", { "data-test": "GeneSummaryUniProt" },
|
|
12416
12327
|
'UniProt: ',
|
|
12417
12328
|
uniprot))));
|
|
12418
12329
|
return compactStyle ? compactGeneSummaryInfo : geneSummaryInfo;
|
|
@@ -12428,12 +12339,12 @@ var GeneSummary = /** @class */ (function (_super) {
|
|
|
12428
12339
|
writable: true,
|
|
12429
12340
|
value: function () {
|
|
12430
12341
|
var _a = this.props, hugoGeneSymbol = _a.hugoGeneSymbol, showDropDown = _a.showDropDown, showOnlyAnnotatedTranscriptsInDropdown = _a.showOnlyAnnotatedTranscriptsInDropdown, canonicalTranscript = _a.canonicalTranscript, activeTranscript = _a.activeTranscript, transcriptsByTranscriptId = _a.transcriptsByTranscriptId, transcriptsWithAnnotations = _a.transcriptsWithAnnotations, transcriptsWithProteinLength = _a.transcriptsWithProteinLength, indexedVariantAnnotations = _a.indexedVariantAnnotations, mutationsByTranscriptId = _a.mutationsByTranscriptId, onTranscriptChange = _a.onTranscriptChange, loadingIndicator = _a.loadingIndicator;
|
|
12431
|
-
return (createElement("div", { className: this.props.compactStyle
|
|
12432
|
-
? styles
|
|
12433
|
-
: styles
|
|
12434
|
-
!this.props.compactStyle && (createElement("h4", { className: styles
|
|
12435
|
-
createElement(TranscriptDropdown, { showDropDown: showDropDown, showOnlyAnnotatedTranscriptsInDropdown: showOnlyAnnotatedTranscriptsInDropdown, activeTranscript: activeTranscript, transcriptsByTranscriptId: transcriptsByTranscriptId, canonicalTranscript: canonicalTranscript, transcriptsWithProteinLength: transcriptsWithProteinLength, transcriptsWithAnnotations: transcriptsWithAnnotations, indexedVariantAnnotations: indexedVariantAnnotations, mutationsByTranscriptId: mutationsByTranscriptId, onChange: onTranscriptChange, loadingIndicator: loadingIndicator }),
|
|
12436
|
-
createElement(GeneSummaryInfo, __assign({}, this.props))));
|
|
12342
|
+
return (React.createElement("div", { className: this.props.compactStyle
|
|
12343
|
+
? styles.geneSummaryCompact
|
|
12344
|
+
: styles.geneSummary },
|
|
12345
|
+
!this.props.compactStyle && (React.createElement("h4", { className: styles.hugoSymbol }, hugoGeneSymbol)),
|
|
12346
|
+
React.createElement(TranscriptDropdown, { showDropDown: showDropDown, showOnlyAnnotatedTranscriptsInDropdown: showOnlyAnnotatedTranscriptsInDropdown, activeTranscript: activeTranscript, transcriptsByTranscriptId: transcriptsByTranscriptId, canonicalTranscript: canonicalTranscript, transcriptsWithProteinLength: transcriptsWithProteinLength, transcriptsWithAnnotations: transcriptsWithAnnotations, indexedVariantAnnotations: indexedVariantAnnotations, mutationsByTranscriptId: mutationsByTranscriptId, onChange: onTranscriptChange, loadingIndicator: loadingIndicator }),
|
|
12347
|
+
React.createElement(GeneSummaryInfo, __assign({}, this.props))));
|
|
12437
12348
|
}
|
|
12438
12349
|
});
|
|
12439
12350
|
Object.defineProperty(GeneSummary, "defaultProps", {
|
|
@@ -12449,7 +12360,7 @@ var GeneSummary = /** @class */ (function (_super) {
|
|
|
12449
12360
|
observer
|
|
12450
12361
|
], GeneSummary);
|
|
12451
12362
|
return GeneSummary;
|
|
12452
|
-
}(Component));
|
|
12363
|
+
}(React.Component));
|
|
12453
12364
|
|
|
12454
12365
|
function initDefaultMutationMapperStore(props) {
|
|
12455
12366
|
return new DefaultMutationMapperStore({
|
|
@@ -12671,7 +12582,7 @@ var MutationMapper = /** @class */ (function (_super) {
|
|
|
12671
12582
|
if (this.props.mutationTableColumns) {
|
|
12672
12583
|
columns = this.props.mutationTableColumns;
|
|
12673
12584
|
}
|
|
12674
|
-
return (createElement(DefaultMutationTable, { dataStore: this.store.dataStore, columns: columns, initialSort: this.props.mutationTableInitialSort, initialSortRemoteData: this.props.mutationTableInitialSortRemoteData, reactTableProps: this.props.customMutationTableProps, hotspotData: this.store.indexedHotspotData, oncoKbData: this.store.oncoKbData, usingPublicOncoKbInstance: this.store.usingPublicOncoKbInstance, oncoKbCancerGenes: this.store.oncoKbCancerGenes, myCancerGenomeData: this.store.myCancerGenomeData, enableCivic: this.props.enableCivic, civicGenes: this.store.civicGenes, civicVariants: this.store.civicVariants, indexedMyVariantInfoAnnotations: this.store.indexedMyVariantInfoAnnotations, indexedVariantAnnotations: this.store.indexedVariantAnnotations, selectedTranscriptId: this.store.selectedTranscript, pubMedCache: this.pubMedCache, info: this.mutationTableInfo }));
|
|
12585
|
+
return (React.createElement(DefaultMutationTable, { dataStore: this.store.dataStore, columns: columns, initialSort: this.props.mutationTableInitialSort, initialSortRemoteData: this.props.mutationTableInitialSortRemoteData, reactTableProps: this.props.customMutationTableProps, hotspotData: this.store.indexedHotspotData, oncoKbData: this.store.oncoKbData, usingPublicOncoKbInstance: this.store.usingPublicOncoKbInstance, oncoKbCancerGenes: this.store.oncoKbCancerGenes, myCancerGenomeData: this.store.myCancerGenomeData, enableCivic: this.props.enableCivic, civicGenes: this.store.civicGenes, civicVariants: this.store.civicVariants, indexedMyVariantInfoAnnotations: this.store.indexedMyVariantInfoAnnotations, indexedVariantAnnotations: this.store.indexedVariantAnnotations, selectedTranscriptId: this.store.selectedTranscript, pubMedCache: this.pubMedCache, info: this.mutationTableInfo }));
|
|
12675
12586
|
}
|
|
12676
12587
|
},
|
|
12677
12588
|
enumerable: false,
|
|
@@ -12679,7 +12590,7 @@ var MutationMapper = /** @class */ (function (_super) {
|
|
|
12679
12590
|
});
|
|
12680
12591
|
Object.defineProperty(MutationMapper.prototype, "mutationPlot", {
|
|
12681
12592
|
get: function () {
|
|
12682
|
-
return (createElement(LollipopMutationPlot, { store: this.store, controlsConfig: this.lollipopPlotControlsConfig, pubMedCache: this.pubMedCache, mutationAlignerCache: this.mutationAlignerCache, geneWidth: this.geneWidth, vizHeight: this.props.plotVizHeight, trackVisibility: this.trackVisibility, customControls: this.customControls, tracks: this.props.tracks, showYMaxSlider: this.props.showPlotYMaxSlider, showLegendToggle: this.props.showPlotLegendToggle, showDownloadControls: this.props.showPlotDownloadControls, filterResetPanel: this.props.showFilterResetPanel &&
|
|
12593
|
+
return (React.createElement(LollipopMutationPlot, { store: this.store, controlsConfig: this.lollipopPlotControlsConfig, pubMedCache: this.pubMedCache, mutationAlignerCache: this.mutationAlignerCache, geneWidth: this.geneWidth, vizHeight: this.props.plotVizHeight, trackVisibility: this.trackVisibility, customControls: this.customControls, tracks: this.props.tracks, showYMaxSlider: this.props.showPlotYMaxSlider, showLegendToggle: this.props.showPlotLegendToggle, showDownloadControls: this.props.showPlotDownloadControls, filterResetPanel: this.props.showFilterResetPanel &&
|
|
12683
12594
|
this.isFiltered &&
|
|
12684
12595
|
this.filterResetPanel
|
|
12685
12596
|
? this.filterResetPanel
|
|
@@ -12697,7 +12608,7 @@ var MutationMapper = /** @class */ (function (_super) {
|
|
|
12697
12608
|
});
|
|
12698
12609
|
Object.defineProperty(MutationMapper.prototype, "geneSummary", {
|
|
12699
12610
|
get: function () {
|
|
12700
|
-
return (createElement(GeneSummary, { hugoGeneSymbol: this.store.gene.hugoGeneSymbol, uniprotId: this.store.uniprotId.result, showDropDown: !!this.props.showTranscriptDropDown, showOnlyAnnotatedTranscriptsInDropdown: !!this.props.showOnlyAnnotatedTranscriptsInDropdown, transcriptsByTranscriptId: this.store.transcriptsByTranscriptId, canonicalTranscript: this.store.canonicalTranscript, loadingIndicator: this.props.geneSummaryLoadingIndicator, activeTranscript: this.store.activeTranscript.result, indexedVariantAnnotations: this.store.indexedVariantAnnotations, transcriptsWithAnnotations: this.store.transcriptsWithAnnotations, transcriptsWithProteinLength: this.store.transcriptsWithProteinLength, mutationsByTranscriptId: this.store.mutationsByTranscriptId, transcriptSummaryUrlTemplate: this.props.transcriptSummaryUrlTemplate, onTranscriptChange: this.handleTranscriptChange, compactStyle: this.props.compactStyle }));
|
|
12611
|
+
return (React.createElement(GeneSummary, { hugoGeneSymbol: this.store.gene.hugoGeneSymbol, uniprotId: this.store.uniprotId.result, showDropDown: !!this.props.showTranscriptDropDown, showOnlyAnnotatedTranscriptsInDropdown: !!this.props.showOnlyAnnotatedTranscriptsInDropdown, transcriptsByTranscriptId: this.store.transcriptsByTranscriptId, canonicalTranscript: this.store.canonicalTranscript, loadingIndicator: this.props.geneSummaryLoadingIndicator, activeTranscript: this.store.activeTranscript.result, indexedVariantAnnotations: this.store.indexedVariantAnnotations, transcriptsWithAnnotations: this.store.transcriptsWithAnnotations, transcriptsWithProteinLength: this.store.transcriptsWithProteinLength, mutationsByTranscriptId: this.store.mutationsByTranscriptId, transcriptSummaryUrlTemplate: this.props.transcriptSummaryUrlTemplate, onTranscriptChange: this.handleTranscriptChange, compactStyle: this.props.compactStyle }));
|
|
12701
12612
|
},
|
|
12702
12613
|
enumerable: false,
|
|
12703
12614
|
configurable: true
|
|
@@ -12714,7 +12625,7 @@ var MutationMapper = /** @class */ (function (_super) {
|
|
|
12714
12625
|
configurable: true,
|
|
12715
12626
|
writable: true,
|
|
12716
12627
|
value: function () {
|
|
12717
|
-
return this.mutationRates ? (createElement(DefaultMutationRateSummary, { rates: this.mutationRates })) : null;
|
|
12628
|
+
return this.mutationRates ? (React.createElement(DefaultMutationRateSummary, { rates: this.mutationRates })) : null;
|
|
12718
12629
|
}
|
|
12719
12630
|
});
|
|
12720
12631
|
Object.defineProperty(MutationMapper.prototype, "mutationRateSummary", {
|
|
@@ -12747,14 +12658,14 @@ var MutationMapper = /** @class */ (function (_super) {
|
|
|
12747
12658
|
? dataStore.sortedFilteredSelectedData
|
|
12748
12659
|
: dataStore.sortedFilteredData;
|
|
12749
12660
|
var allData = dataStore.allData;
|
|
12750
|
-
return (createElement(FilterResetPanel, { filterInfo: "Showing " + tableData.length + " of " + allData.length + " mutations.", resetFilters: this.resetFilters }));
|
|
12661
|
+
return (React.createElement(FilterResetPanel, { filterInfo: "Showing " + tableData.length + " of " + allData.length + " mutations.", resetFilters: this.resetFilters }));
|
|
12751
12662
|
},
|
|
12752
12663
|
enumerable: false,
|
|
12753
12664
|
configurable: true
|
|
12754
12665
|
});
|
|
12755
12666
|
Object.defineProperty(MutationMapper.prototype, "mutationTable", {
|
|
12756
12667
|
get: function () {
|
|
12757
|
-
return createElement("span", null, this.mutationTableComponent);
|
|
12668
|
+
return React.createElement("span", null, this.mutationTableComponent);
|
|
12758
12669
|
},
|
|
12759
12670
|
enumerable: false,
|
|
12760
12671
|
configurable: true
|
|
@@ -12803,7 +12714,7 @@ var MutationMapper = /** @class */ (function (_super) {
|
|
|
12803
12714
|
});
|
|
12804
12715
|
Object.defineProperty(MutationMapper.prototype, "loadingIndicator", {
|
|
12805
12716
|
get: function () {
|
|
12806
|
-
return this.props.mainLoadingIndicator ? (this.props.mainLoadingIndicator) : (createElement("i", { className: "fa fa-spinner fa-pulse fa-2x" }));
|
|
12717
|
+
return this.props.mainLoadingIndicator ? (this.props.mainLoadingIndicator) : (React.createElement("i", { className: "fa fa-spinner fa-pulse fa-2x" }));
|
|
12807
12718
|
},
|
|
12808
12719
|
enumerable: false,
|
|
12809
12720
|
configurable: true
|
|
@@ -12813,12 +12724,12 @@ var MutationMapper = /** @class */ (function (_super) {
|
|
|
12813
12724
|
configurable: true,
|
|
12814
12725
|
writable: true,
|
|
12815
12726
|
value: function () {
|
|
12816
|
-
return this.isLoading ? (this.loadingIndicator) : (createElement("div", null,
|
|
12817
|
-
createElement("div", { style: { display: 'flex' } },
|
|
12818
|
-
createElement("div", { className: "borderedChart", style: { marginRight: '1rem' } },
|
|
12727
|
+
return this.isLoading ? (this.loadingIndicator) : (React.createElement("div", null,
|
|
12728
|
+
React.createElement("div", { style: { display: 'flex' } },
|
|
12729
|
+
React.createElement("div", { className: "borderedChart", style: { marginRight: '1rem' } },
|
|
12819
12730
|
this.mutationPlot,
|
|
12820
12731
|
this.proteinChainPanel),
|
|
12821
|
-
createElement("div", { className: "mutationMapperMetaColumn" },
|
|
12732
|
+
React.createElement("div", { className: "mutationMapperMetaColumn" },
|
|
12822
12733
|
this.geneSummary,
|
|
12823
12734
|
this.mutationRateSummary,
|
|
12824
12735
|
this.mutationFilterPanel,
|
|
@@ -12908,7 +12819,7 @@ var MutationMapper = /** @class */ (function (_super) {
|
|
|
12908
12819
|
action.bound
|
|
12909
12820
|
], MutationMapper.prototype, "resetFilters", null);
|
|
12910
12821
|
return MutationMapper;
|
|
12911
|
-
}(Component));
|
|
12822
|
+
}(React.Component));
|
|
12912
12823
|
|
|
12913
|
-
export { Annotation, BadgeLabel, BadgeSelector, Civic, ClinvarInterpretation, ClinvarSummary, ColumnHeader, ColumnSelector, ColumnSortDirection, DEFAULT_ANNOTATION_DATA, DEFAULT_GENOME_NEXUS_URL, DEFAULT_MUTATION_ALIGNER_PROXY_URL_TEMPLATE, DEFAULT_MUTATION_ALIGNER_URL_TEMPLATE, DEFAULT_MUTATION_COLUMNS, DEFAULT_MY_GENE_URL_TEMPLATE, DEFAULT_ONCO_KB_URL, DEFAULT_PROTEIN_IMPACT_TYPE_COLORS, DEFAULT_UNIPROT_ID_URL_TEMPLATE, DataFilterType, DataTable, Dbsnp, DbsnpId, DefaultMutationMapperDataFetcher, DefaultMutationMapperDataStore, DefaultMutationMapperFilterApplier, DefaultMutationMapperStore, DefaultMutationTable, Domain, DropdownSelector, FilterResetPanel, GenericAnnotation, Gnomad, GnomadFrequency, GnomadFrequencyBreakdown, GnomadFrequencyTable, GnomadFrequencyValue, Hgvsc, Hgvsg, HotspotAnnotation, HotspotInfo, Lollipop, LollipopMutationPlot, LollipopPlot, LollipopPlotNoTooltip, MSI_H_NAME, MUTATION_COLUMNS_DEFINITION, MUTATION_COLUMN_HEADERS, MUTATION_STATUS_BADGE_STYLE_OVERRIDE, MUTATION_TYPE_PRIORITY, MutationColumn, MutationColumnName, MutationMapper, MutationStatus, MutationStatusBadgeSelector, MyCancerGenome, ONCOKB_DEFAULT_DATA, ONCOKB_DEFAULT_INFO, OTHER_BIOMARKER_HUGO_SYMBOL, OTHER_BIOMARKER_NAME, OncoKB, OncoKBSuggestAnnotationLinkout, OncoKbFeedback, OncoKbHelper, OncoKbTooltip, OncoKbTreatmentTable, OtherBiomarkersQueryType, ProteinChange, ProteinImpactTypeBadgeSelector, ProteinImpactTypeDropdownSelector, RefComponent, ReferenceList, LollipopPlot as Sequence, Signal, SignalTable, SummaryWithRefs, TEXT_INPUT_FILTER_ID, TMB_H_NAME, TrackName, TrackSelector, USE_DEFAULT_PUBLIC_INSTANCE_FOR_ONCOKB, sortValue$4 as annotationSortValue, applyDataFilters, applyDataFiltersOnDatum, applyDefaultMutationFilter, applyDefaultMutationStatusFilter, applyDefaultPositionFilter, applyDefaultProteinImpactTypeFilter, calculateGnomadAlleleFrequency, download as civicDownload, sortValue as civicSortValue, download$
|
|
12824
|
+
export { Annotation, BadgeLabel, BadgeSelector, Civic, ClinvarInterpretation, ClinvarSummary, ColumnHeader, ColumnSelector, ColumnSortDirection, DEFAULT_ANNOTATION_DATA, DEFAULT_GENOME_NEXUS_URL, DEFAULT_MUTATION_ALIGNER_PROXY_URL_TEMPLATE, DEFAULT_MUTATION_ALIGNER_URL_TEMPLATE, DEFAULT_MUTATION_COLUMNS, DEFAULT_MY_GENE_URL_TEMPLATE, DEFAULT_ONCO_KB_URL, DEFAULT_PROTEIN_IMPACT_TYPE_COLORS, DEFAULT_UNIPROT_ID_URL_TEMPLATE, DataFilterType, DataTable, Dbsnp, DbsnpId, DefaultMutationMapperDataFetcher, DefaultMutationMapperDataStore, DefaultMutationMapperFilterApplier, DefaultMutationMapperStore, DefaultMutationTable, Domain, DropdownSelector, FilterResetPanel, GenericAnnotation, Gnomad, GnomadFrequency, GnomadFrequencyBreakdown, GnomadFrequencyTable, GnomadFrequencyValue, Hgvsc, Hgvsg, HotspotAnnotation, HotspotInfo, Lollipop, LollipopMutationPlot, LollipopPlot, LollipopPlotNoTooltip, MSI_H_NAME, MUTATION_COLUMNS_DEFINITION, MUTATION_COLUMN_HEADERS, MUTATION_STATUS_BADGE_STYLE_OVERRIDE, MUTATION_TYPE_PRIORITY, MutationColumn, MutationColumnName, MutationMapper, MutationStatus, MutationStatusBadgeSelector, MyCancerGenome, ONCOKB_DEFAULT_DATA, ONCOKB_DEFAULT_INFO, OTHER_BIOMARKER_HUGO_SYMBOL, OTHER_BIOMARKER_NAME, OncoKB, OncoKBSuggestAnnotationLinkout, OncoKbFeedback, OncoKbHelper, OncoKbTooltip, OncoKbTreatmentTable, OtherBiomarkersQueryType, ProteinChange, ProteinImpactTypeBadgeSelector, ProteinImpactTypeDropdownSelector, RefComponent, ReferenceList, LollipopPlot as Sequence, Signal, SignalTable, SummaryWithRefs, TEXT_INPUT_FILTER_ID, TMB_H_NAME, TrackName, TrackSelector, USE_DEFAULT_PUBLIC_INSTANCE_FOR_ONCOKB, sortValue$4 as annotationSortValue, applyDataFilters, applyDataFiltersOnDatum, applyDefaultMutationFilter, applyDefaultMutationStatusFilter, applyDefaultPositionFilter, applyDefaultProteinImpactTypeFilter, calculateGnomadAlleleFrequency, download$7 as civicDownload, sortValue$8 as civicSortValue, download$4 as clinvarDownload, sortValue$3 as clinvarSortValue, download$3 as dbsnpDownload, sortValue$2 as dbsnpSortValue, defaultOncoKbFilter, errorIcon, fetchVariantAnnotationsByMutation, fetchVariantAnnotationsIndexedByGenomicLocation, findAllUniquePositions, findNonTextInputFilters, findOneMutationFilterValue, findTextInputFilter, getAllOptionValues, getAnnotationData, getClinvarData, getColorForProteinImpactType, getGnomadData, getHgvscColumnData, getHgvsgColumnData, getProteinImpactTypeBadgeLabel, getProteinImpactTypeOptionLabel, getSelectedOptionValues, getSignalData, getSingleSignalValue, getUrl, download$2 as gnomadDownload, sortValue$1 as gnomadSortValue, groupDataByGroupFilters, groupDataByProteinImpactType, groupOncoKbIndicatorDataByMutations, handleOptionSelect, download$1 as hgvscDownload, sortValue as hgvscSortValue, sortValue$5 as hotspotAnnotationSortValue, includesSearchTextIgnoreCase, indexPositions, initDefaultMutationMapperStore, initDefaultTrackVisibility, initGenomeNexusClient, initGenomeNexusInternalClient, initOncoKbClient, levelIconClassNames, loaderIcon, mergeColumns, mutationTypeSort, download$6 as myCancerGenomeDownload, sortValue$7 as myCancerGenomeSortValue, normalizeLevel, onFilterOptionSelect, download$5 as oncoKbAnnotationDownload, sortValue$6 as oncoKbAnnotationSortValue, oncogenicityIconClassNames, proteinChangeSortMethod, rightAlignedCell, download as signalDownload, getSortValue as signalSortValue, updatePositionHighlightFilters, updatePositionRangeHighlightFilters, updatePositionSelectionFilters };
|
|
12914
12825
|
//# sourceMappingURL=index.es.js.map
|