react-mutation-mapper 0.8.41 → 0.8.44
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 +784 -871
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +1549 -1605
- 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,43 @@
|
|
|
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';
|
|
9
12
|
import { Tabs, Tab, Modal } from 'react-bootstrap';
|
|
10
13
|
import { Collapse } from 'react-collapse';
|
|
11
14
|
import ReactTable from 'react-table';
|
|
12
15
|
import { If, Then, Else } from 'react-if';
|
|
16
|
+
import 'oncokb-styles/dist/oncokb.css';
|
|
13
17
|
import { GenomeNexusAPI, GenomeNexusAPIInternal } from 'genome-nexus-ts-api-client';
|
|
14
18
|
import { OncoKbAPI } from 'oncokb-ts-api-client';
|
|
19
|
+
import 'rc-tooltip/assets/bootstrap_white.css';
|
|
15
20
|
import Select, { components } from 'react-select';
|
|
16
21
|
import $ from 'jquery';
|
|
17
22
|
import Slider from 'react-rangeslider';
|
|
23
|
+
import 'react-rangeslider/lib/index.css';
|
|
18
24
|
import request, { get } from 'superagent';
|
|
19
25
|
import memoize from 'memoize-weak-decorator';
|
|
20
26
|
import { cached } from 'mobxpromise';
|
|
21
27
|
|
|
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
28
|
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
29
|
|
|
117
30
|
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" })));
|
|
31
|
+
return (React.createElement("span", { className: classnames("" + annotationStyles['annotation-item'], "" + annotationStyles['annotation-item-load'], className) },
|
|
32
|
+
React.createElement("i", { className: "fa fa-spinner fa-pulse" })));
|
|
120
33
|
}
|
|
121
34
|
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" }))));
|
|
35
|
+
return (React.createElement(DefaultTooltip, { overlay: React.createElement("span", null, errorMessage), placement: "right", trigger: ['hover', 'focus'], destroyTooltipOnHide: true },
|
|
36
|
+
React.createElement("span", { className: "" + annotationStyles['annotation-item-error'] },
|
|
37
|
+
React.createElement("i", { className: "fa fa-exclamation-triangle text-danger" }))));
|
|
125
38
|
}
|
|
126
39
|
|
|
127
|
-
var civicTextLogo = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAA7CAYAAACZg3PSAAAD8GlDQ1BJQ0MgUHJvZmlsZQAAOI2NVd1v21QUP4lvXKQWP6Cxjg4Vi69VU1u5GxqtxgZJk6XpQhq5zdgqpMl1bhpT1za2021Vn/YCbwz4A4CyBx6QeEIaDMT2su0BtElTQRXVJKQ9dNpAaJP2gqpwrq9Tu13GuJGvfznndz7v0TVAx1ea45hJGWDe8l01n5GPn5iWO1YhCc9BJ/RAp6Z7TrpcLgIuxoVH1sNfIcHeNwfa6/9zdVappwMknkJsVz19HvFpgJSpO64PIN5G+fAp30Hc8TziHS4miFhheJbjLMMzHB8POFPqKGKWi6TXtSriJcT9MzH5bAzzHIK1I08t6hq6zHpRdu2aYdJYuk9Q/881bzZa8Xrx6fLmJo/iu4/VXnfH1BB/rmu5ScQvI77m+BkmfxXxvcZcJY14L0DymZp7pML5yTcW61PvIN6JuGr4halQvmjNlCa4bXJ5zj6qhpxrujeKPYMXEd+q00KR5yNAlWZzrF+Ie+uNsdC/MO4tTOZafhbroyXuR3Df08bLiHsQf+ja6gTPWVimZl7l/oUrjl8OcxDWLbNU5D6JRL2gxkDu16fGuC054OMhclsyXTOOFEL+kmMGs4i5kfNuQ62EnBuam8tzP+Q+tSqhz9SuqpZlvR1EfBiOJTSgYMMM7jpYsAEyqJCHDL4dcFFTAwNMlFDUUpQYiadhDmXteeWAw3HEmA2s15k1RmnP4RHuhBybdBOF7MfnICmSQ2SYjIBM3iRvkcMki9IRcnDTthyLz2Ld2fTzPjTQK+Mdg8y5nkZfFO+se9LQr3/09xZr+5GcaSufeAfAww60mAPx+q8u/bAr8rFCLrx7s+vqEkw8qb+p26n11Aruq6m1iJH6PbWGv1VIY25mkNE8PkaQhxfLIF7DZXx80HD/A3l2jLclYs061xNpWCfoB6WHJTjbH0mV35Q/lRXlC+W8cndbl9t2SfhU+Fb4UfhO+F74GWThknBZ+Em4InwjXIyd1ePnY/Psg3pb1TJNu15TMKWMtFt6ScpKL0ivSMXIn9QtDUlj0h7U7N48t3i8eC0GnMC91dX2sTivgloDTgUVeEGHLTizbf5Da9JLhkhh29QOs1luMcScmBXTIIt7xRFxSBxnuJWfuAd1I7jntkyd/pgKaIwVr3MgmDo2q8x6IdB5QH162mcX7ajtnHGN2bov71OU1+U0fqqoXLD0wX5ZM005UHmySz3qLtDqILDvIL+iH6jB9y2x83ok898GOPQX3lk3Itl0A+BrD6D7tUjWh3fis58BXDigN9yF8M5PJH4B8Gr79/F/XRm8m241mw/wvur4BGDj42bzn+Vmc+NL9L8GcMn8F1kAcXgSteGGAAArh0lEQVR4Ae2cCZSdVZXvv6q6VbfmpJIQMg+QhEpImEwgGAIEAkG0nwOoRNCW1cpTH+3DEYfn0ra7tQHlPZ/vgfhcgKtFbQRRcKATMGQiARJChkplrKRSQ2qe69Zc9fbv3PrfnPvVraQizVrai5N1cs53hj389z77nG+4FQRvp7cReAsQSHsLaL5NcmwInA32Q2Mj+Zcz6myU+8uR+q9bEjAX7qr712gnR6L0s99H/S82Rd5iyQSY2ISv1U4pMNUWvlb7X2vpOxH1dC/7fegnZxq0ujJt1JXGgk8Y7/C1aFH69Py6P2bM9dMxGjMRb6Do+SV1PzNc/dSlBGU4+/3UNU8lbX9ugoZ4i4auVdLu17n2eZ+prrkaRymHyrC6n2nXOOYNeLl/uC4nk4OJvnW7pPl+ST2ch4e7Ahqio7pfMkj9bsJY/vuPilhhRQSeSvr9usYjo5TwQaOudl+pMECio9If69fhozHhus+H+mi8mUdKJYOcQn3xkSMNIgxwKLAnZw6XtNFPQgacqS+UaSOTGBPWSfwpxcsv/X5o+LpLb0o/+2M0h/K06c06lhRDeF8ZfyXCQ6BR+spJaCnir1K1UZI0bzSgoEUSTdUpNTdc11hK+Ii/6pQa48+VDL5eavN5+XM1n3FgkhXKtNFHQg6cqtdy93CmD9okORf0SeLJGB/7cJ1+n47kk77SnxIelPQpi59K60qd/lzHkoKUElZKQJPMSlRWmwwhIKSYFEIZAKX0FbNLl1IBR5uS6FHKKegTmOKrUuMYK56+DJKLcSTpix7SUbpRSj/GkkQ/PB+nilrOHs7UaZMu8O2x3GU5Zhna6oOW6KmkTzL5coXxZxw5rL/0FPbhSKl+OZiRSMhAfURCiLNNCEWSkJRSBkW0EgUWpa+g5kEHYBAWwaUMq5QsJeljHON98OBJFlBWTdATAJQCUXw1XnpAX84EXwyqEhlI0CExFxmkJ7pJT9qQh/6wbppvXa4fjHIs51nOHa5Dh7kk+BKpOiy3W1Y7OCjDA7q+TL5ccl5K4Q8dyWfVBF7CX9iDARkZGE+7EvyV/LraXAkQZ5NkJEoUknGlBOCwCgGNrBVJvxREUOYq+YZFESlEKWdDAXjCT7R8evSRABp6ZNWt6sCRAcRfcxgrR4K/ogT9yowhQQMjSU85BbrKwWQ48VfklUOgA2OZW2A5/0v3fGPxu254/+U5uQVFfd29wcm6quafPfnohud+/8tS64cfCXrK0IIuZVgm4a8SXmTfuaQ789ENWmCA/mSiJDggK3U/aY7fNqIuBiM6UjRorAwEU4TFwCgBUMqsRH810i/lmAf4JIQELK1QGZWSjJL0MUYAipZK6NEnhQWUDGpdjh88GSv+zCExDieGX6dlRQlKQKWPMSRooAeOlD+ccQ501UKCPklyID/zycgoGswv3Lzu9dvnz7/k4qbGxqCjszPo6+8LBvr6gs6uWPDc75986qGf3L/exjUM5xYriWDCxaqOHljAX7gLe9nDdy74S3fkQS4ffx8DeJFpAx9FNHTDJsxPmQRCys4UjQgkA2nlIjyKABQg+9kpuuram869afV7zpty7vSiWTPmTopEsqJDQ0PB4OBQ0NhY017XUNdy+Ehp9eu7tpe/tGV9pdFAESmDYeVYACSwKAETOeRYAgmgZFCrOpm1YinlXPQxR07VZnV4+MDbZeKaeRgRXcdZHj+cC61EV8ljVUdXkbBn3nkLM4+UlWIkaMOj4InHf3fzrNkLLz5y9EhQV1sTdJkzDRguGelAHASXXrT81ptv+EDjH9b/eptdIqOiuByUxc7Chq9wRxbqyEjOXfuhv5218srVc3Nz83MWFl84vacHaMzzB/qCisqKhlisPbZj57ayl15ef+zIkQP11oWO8g2cyM/Ijz1OmxSFTjvIOhlHllP5UQrhUQagBfa4RcUXnvOtr//ziiuWXn1hNHt8fsxA6+npDvp6+4Ke3t5gaDAuW1paWhDJyAgiWZmGeLptA9V1G7eu2/pvTz6+49CR/Q1Gk9XJYHhn/+wnz31g1TVrbhw0A6Tb3HBqaGwISg+UBrd9/Pp/tj4QHHr0kWduvnblDVdkZKQHkXThdWomtGrraoIXN6zbce83Pvmw9cC30XKrZRwcByHhlDg0ek6wPPGH33/8pg/e8rG16JVKnsamxuDwkUPBs7/7t+d++ouHNtgchHaOtfe1k59vaW6JmnGD9nZ8Lp6gk2GYdMY6ghOVZQcf+ME3fmA9tZaRCecHE4ztMLESGwh7nH3c6uveNePrX/7mtQvmX3ReWpCZ1dXVFfR097iI2NODfxJuBoN0wyMzM+L4gf+hIwcObdn+p5e//4NvbbIhwoFICV8iOLzBA/5vKmLJqfBUFAFcgGGVoJBWLUAXkZ/6+W/WrFxx46W9vRlZzU1NQWvlwaDTwnx3d3fQb2G+17J5lkFsqljONKeKWs7MzA6yolmTr3nnje+fN3fRql/+6rFf/HHd0yVGU46VW1tfm11ZecIAGnDAWF9SqjhRbsYopw1ZQHDop//6UNnMqbOviGaZ2OlpAc7sJ6JnXW0tDr7E2pmHQwIeJQCiOyCyoHAsGXLCouJL3lFfXxe0tbYGg+jkJQx4/FhZUFFVHvxu3dP7rQvMSNGPrr1rXldXd7S1tdlFqgyTy09Dxq7fIkp+/rgLrJ0IAuZk6gxGHmxBpJSjFy1asHjqw//nJ+9esviK4rbWWFBT0xC0tbUF3bawu3Eso9lvC9slwz4jPT3IMlwMdyuzgqLxExesvubmBefPWbDi8Sce/t+v7tjMwoIPKxIc4K38phzL6DhCEIW4opXAxRATLU+648N3LvzuP37/1khmYUFNTV0A4JwdYjEL8YPYZ5Q0fDzE4IM2rrOzPWhqaRrf3d0FYBgDi8E7r6+vN9re2RE0NDTYOI5ByamltSlo72ilke0AQAY3blnfdefHPtsZjUTzOmOdIxyLwb19PcZ7MLpq5U0Xb9j8/CvWxNbD6mSrRHeS71iF1169Zs6sWbMXVFZWBVVVFRaR45EgPtSWt0Wc2vqTQVnZgbLGxlo5At0RW2SRjo42i97xOWlmYD8NmZP22QLs6nI6yqkokYcFzgScDD2xwaQfPvjQ1R/6wJ3Xm99klZWVB3V1dUGrOXx3TywYHBjVBywmx3FMz0izhd8ftLa1BA2NdTM6O9vkUOInhzJ2p08j94Xk8SIkp4IRyiWtWruedPuHPn7h/d99aG1XV2/W8fJDplStO4ziKLglQo8lxTo6g5q6aos6xyo2bPrDIZuDjDJKdpA2mJluqxt6qWim0Rdf/YoOeHTkwKF91ZddfPn8iIV9jBZO0bRo0JfVGxQvWLzEHKvU+nXGkyGRAd2JEBhz3C3/5bZL2WJwoL7+3iR5huz8iLP2W3vlyRPHbTwYAgJ00g4fPdDe1toW9NoWSgBFbj91dfUEXeYQFtHYI8FA2KMPDk6btuVJP/yfD13z0bWfXlNdXW9R6qQ5RvLCS4WVzU9KgwODQbMtzPr6mmD/gT1bSkp3sxWGkzxUZbjfXZ/JsRiExoCC1ypaAS7nKlbKhNtv+/iiB+97aG1HR28W54U6O69YmLcumzh8EHUX9t/Q0EAwYNtYup130tIykqJHr53BOmKtQayrPdi5a9uLDB+ehwwO3PjZNsOF8DBtxhLah0FEVrYyUsbGTc9XLF961fzB6MBwlEg2ZEbETiLRzGD6jDnzbDyOg0GJpXIsqzrHIlKTC5Yvv3pxr4UHcliWvv4e49NtTtfZu69k1zEbjzeT0WngjT2vtpQe3lc7qeicc+PnzIjDg26ODG3tLeZUjcGx8oMHbTzYoz+OLUyou2iFU93+4U+vKS+vDCoqKtzW19ffP0ImG29Rud+il52t7AyX7qLkKRxsh3C7RWt7U+urOzZttOE4seRWCX/JYNXU6UyOBVc5lVaMH63G254+7bv/8OCtXV39WdUnq4LGhjoHNAdlpYGBgaCr2/Z42+cpe/t6g8wIB8ZIkJ2VHdjdSkAk6Yy1GyitQWVVecmBQ3tP2HwOA/5WxLo2TMx5DBSfh3jhsMNGPiWAAbHt1Y0tsa62ruxobk6v3dKHD9oomhXJDPJz8/LfcemVc8yxOawStVI5VsE1V62eNnHCpAlV1VXupiQsS8zOMkSx2rrqyqaWBujg5GQMBLu+x3/2fzd+8uOffb/Jm8k5j2YifEdnmx3mW4n6rc+/8OyO4fHYisXCXBzNRStb1MUf+dCn11RVnbTtuCro6OhwZz1fnn7TlzvOWFenydplZ7cBO09Ggojpm51t+OewTuw5i/Ht6GgJDh0ueam+sbbZmsBfNpCTndGpoHU6x0IBkhSRY7HFIAkRa/z3HvhfN0Qy8/JPVJRb+K03p+qxqKGpdno2J2praw4amuqDjnZCf49FpY7ugb7+2OTJUybYowc7oOY75TrsbNUZa+t5acu654w2Gz9KYQh4o5jbMqCfHuHgeYoPfSQcbngr1ArDMahn7C/dV7Ns2TvnZmaaXWyrCqdoNDvotUhj2+Fcc6yj1o+evmNxpqEt/86//fTFAwP9zqmIwr4sOAm38n2mq93VHbPxhG9lMe45eGhf80M//t4L717zvisLCsaPZ+vkXNVtxj9y9GDla6+//LrNI7FIFLHAgowc47/5P/7pPS12juI8a7i6HcGXpdt2geaWpqAJ/A1fO6MS0Toys7KGisYXFWRHcwJbS7bQs+xs1RzUN9aXv7R53WajDf5EbA6BLAjhCJbSwaqp0+kcixkopDCsbZCVQgguvOfuLy1esfz6i8orKi1SxZ0qPcLweOq38wMroK6+1g7btf0739heevDQ/nIL82wzOE3frFlzc65ctnLeeecVF9tWOO7w0f3rGhvrq60PhVAG78Gg8B8gymUYjwgO5PGyPpfc+cuFeDcXHvHTsYHx0ubnj1614tq5dkh3B+3QzaHdlWaaY2UHFy5ccoHN22aZLR8ZwElyYNC8K69YeQFnoF47sIfl4BDPtmIRom/bq5s4r2Egcvx8YBVLLoKVHT/U9sNH7t85Y/qccyZMmAiuwZ69O5usIGIyRk6F/jIoeBT+6ufPXD+haNrE4+XHnNNwdvRlQQacqs5uICorT3Ts2b/zoNE+bnPBxOG/aOHF45YvXbl46rQZ53d3x6K2RT9lfeKPc3ETI+dicSOD5LBq6nQmxwJMPIUV4juWO8DeeeddKxubW+0hZ6Otsm53vvHZdPZ1uzsMOyv0r//T77ccPXbwhPX7K6H3xIljfZZ3Tzt3RsbVV9+w4vn1zz1tY5zSw7TgTQLMftvqhlxUMqfiPBVOEbcVukiGUaCDMQFicMu2DSd5GGirNJeVO2I7NE+LGN3x4ycUTZ48raiurhpQFTHlWAW3vv8jsy3K5rVUtritJSxHn0Ue7sSqa6rKbb6cClrII0wVAZyhKquO91pmy1RiXPo7Lls+fufr23EyzlQoTM6dN6940tUr1lxEpGq0O+T4TnEKD57NsfW1tDXadlzV/uwfn3ypra2l0eb6ztK7v3R3meXXFhVflL+weMnCPft27rIxLHxurXXOlGMlyWz9o6bTOZZTzGYiLeN8x8pfff1N02dMnTetqroi6LJb+PiBmSnxxAGd85QdXoONm9e/Yk5VZj3s2wisO66EwNW1lf323IrVDfgoAOA4tQDFUQbMcYYwPg6UYdthOJ06lCZFLJyDnHHgYEnlsqVXLsjq5+5w5MKLZkftDNgdXHPV9Rf86tf/ikGZh+4oh3MX3LH2oxeyDfba4Rx0fMfiYIzTcr7as+81jIRj+asenaAZfPSOj05+983vXtLb05s7ZcqUwsnnTM6By/x586OD/bkZx45VBI89/uPd5lg1Nhze2IGc91//7lMLB4fSstrteNFlh/0wFn0uYnZwVut/5rlfbjCnqrV54K+zoxwdXPvtLpDM1ks79lFGfuwkp3Ky2/Vp05kcCzABQo6FkTlj5X7us1+6wkKnhWC71TaQMaifcCoOjDV1J5v2lOwqsz6UarDMU1ytBKKJcxgrCbMIzzUWh7fCP3ydYrbVDXG+clErxNPGmBzxvuHx0AIUaJPT1/3pD6XLl69c4M5TPCiEi5dyMnLtEUFfUFy8aI41HxjuwtlJGLfwssuWzuQpNs+gwnrjVDimnWc695e6GxAMhZ6Sw6rxreTLn/vmylkzz5/e3x93cM53g/2DQVPDQFBfdzQ4UlZmEb9Jiwv9db7Ke997blnMmwzeaNhzTlMjGX93t2r99vairKWlGdzZ3ohY4O/vGj7+1NEVef2sxf6mt0LgJhMSkFhbIQYG3Jx5518wkz2cMwbnnZFpyCl84oQ7vCq04lxkRS2ERxlWAVkOAG+cmWtKQKU+yPOeiD3C0DnL2pJS/HGDk4fxAor55PSXNv171Wfu+lzLxAkTxw+YA4WfwuOYUTtrnTd7/lQbX8gcywnH+soXv7KgsGBS7okWnv73j9C9w2hi8OqqiuM2D6fS2QoaisKU6c1NbWmRzBp7at9mh/1+c2jLdsc2YGVba4sdMeqIfuDPAnP6Wxk9b+78cRMmTh1/sqbG8UqFP0/u0W1vyRuHbA5RCofCucAfexCRFIlEW5gJN2SmLvzjK8AazpRSeYTm+I6FcRPOVXzBonHnTJoyoYcHgHb3QxgO5/hDyMGgvdPeWcSVQBkpiJJyMpW0aV8fsVVaH45n0SpjKMxrxLU5hyVAAhCAAUCc2J13du157VB2Tk4QjUZHyM2BPtNeb+C4N6953/k2B+cijyNfd/2Ns7rsro1HJ/ZwIGk+fsP2yN2dPVzca+PlVPCXgdDDYWtWSnNfMtjdmm1V7kFrr9HmjhIHj7DVWwC28SxoLers97/vlpm8moGXuyMN4Y9TDQ722f9DgZ1fiVZEKLAX/sJcpbCnn7HCH8fynQrHGpNzjdWxWDUJ57rxhpumc2fFlsETZnenxt2alzEQb+m3v7LlhM0FYO3ZCI6T+Zk2XyGcIGwM51gRe6ga56MymS9b0/CZR44FOHIsF0H+9Kc/Hoqa82TnmmMx3pObem5ObpCXlxNcdNGl02xuwqmoX7Hsisl9Pbbd2RkqPA9jd9mB2Z7lNe/Zt0t6w1O6IJMMk56eaRuYOy+OlEFbukUdRayEcy1evGQCC5cDelgGrt3WaP81NdupPr6gFDmFs489dbVjIy0GP1qBvcPfyjElnCVVYkWR3MqyMsmx7FZ7FpGKkE20SJV4+MbLZUuKGICLguHMihDYVnU8UQKeGCJJKbcVGk8O8Kl4e1sh86BNBiSttqxXdrxcW1N/snlS0cSiXosMI7ZD226zMrOCC+YXT7R5OBY6pN3z3++ZnJWVm9Hdc9ItqjB/9+zKHO5Y+dGDNh4DoSuLBP7IASDI4XDNSLN/xt89kxtMxhH93I2IcxM3DyxIWYuLL5nEouYpelgGBmQOZdhLZffwE17w9heWjz+y+c5ulwmchJdK+sackrVJnianYgwZQ7s8MDCYjlMNpQ3GP3mxVe8+ffFKFB5+tSLjYhw/a0WoVB/jUVZOlaRYur160SoP8+Ta44tjQQO6YXBjO3dsP8BWSOQK0+GLi2hONMgvyM+49OKlk2w+z5cK1ty0ZhIfZrhXODbGn4c9eIXDgttX8sYBG+87FoaVXujjsDVd0kbThYjlnp4jTPLCzrSvKNIGzKmIWr4MqmfwVsN2C3NOeMFX2KoED+GuUn2SM4w/tMaczuRYAOA7mHOsmTOnFRKN3DYS2t8xrMsYOf6eUBFHgupaJQKr7pe0KycU4nsq96xKfMLlKb6i6zsXK9St2H9f/7uD0WzbDu2s5YwYopOdneNed6y69nocK99y3sqVKwtwHrcNhsbzHIlHK3X1Nc2Hjx7i8YAcC6eS0ZAFuUjGNn6OSmDm0eR8lcGLdounNhbcEwt8+oxzc3j9xMPgVHOlT9wnEwt0NPx9zP26sJe8yDzmNNpW6BOQc6lMnzhpUkH82yPb4w2AVMk9Z7JVZ0kC+nVfWL+eilRSm/mNe7o82lYY4gtQrECtWsBF59jL2zfX1tRUN0+cdE5Rb2/iiwjriqdIWsQd7ufOmcfjlZzbbrstmpedl95c35JyG+wf4DFDT7Bv357dNh6n8h2LqAB+yJPQ172vszMR5UAEEU+l+NnP3Cr+VQhzAdOVEyeeE21o4LxtHpcC/4hthUS7OPxumHhSqk6HX3cD/6P+S+0VqanLsdIQJ37XZ4oZKKkyq4ZnTZaYpyQauj7rkvOQcyqAS8Hb4wtoGNKPWP5ZI7Z9xzbbDrNdZBpJyz5AtMcOM2bMiNg7zRx7kJlrj6jse6Uedybzx/OS3T16saj12s5XSo2nnIoIqYilLUbOZXe38Xee7ow1QhecI/nrD6Plku2A7m4QZH05EnVzNl7Eh7+4sMm+LYapvTXF2TgWhnJ5wB7iEaAjBgxGHi0DmCWUoUKmfrbZppxKfFkc58fb+dS8h/kyKZVzJbbDP/7htwezbTvMyck2AyXrglGzbLuP2Hnl+lU3ZhcvLM5EZ/dlQIgv31zhWPblaoV9MkQokWPhVDrDaCtCJpc4KYymA/zdInE7oWbES34rAIhhmRO0bNGxlXLXaSmM/Z9jhzjjs/j/TFthwpmMpow0WNdY2z516vQpfC+dkcECHJkIxZwDLLlz2WnKMAF/fBgUF97Z7uJnELqTE8bgAepwkszaCmkGbZwrtnnrxpqTJ6ubJ9l26O7AQkbMs68u+Fz38mXLIkuXLk2P2VMeHmK6QzWULHHLzxN48vHjR49Yk5xK0QrHQkf4JunKtq6t26dp4+L6WcQf/lKBeQka9Q0nu7OysrNHi2jcfDoni989CU9sTR3Q1EbpJ+eJ1iDnl/1pV90fP2p9pGVODRUhSpTSihuwz43b3MHXVjsGTpWj9p1Pdm52MH36dF5Y8+TYz3omQxt1lapzDRA+GCjnnurwBh9HSMXXrXSLpF5CfmTHuTAyUSRxy71t++YDRK1su0MM04uaU02ePCn4zKfudgbgs6ChIXva7unMLT8vezs6Wvte3rb1dNsgGApTq5p1bd25u0IXAZNxZIHQl5bu7ux8Gwy0tDZ3gy93tb4sqnOnm5ubGxSMKxKOlMo+xrKDSo3RPDmgw95oJAGLDqOl0SKWAJBCciyM098Ra+9ySmRZxOoLO32cFY7Hjxfsdn2KfYBWaa3uHaOVfHajVYxjQxM+SgiPXChLyKNOZqz9EiJIs93JAQrw4cTKHz7bSQdkJ8MHB6MdujhX7LfP/vrAhz+89sqoPffp7rXPTryoxXmu3z68q61vCCJN6fb6ipe9yTx72y1aWfvxivJybgagOUybiKVtEJ3kWFYdTtbqHg0YzYzBZLpEHKeLvSu30chNJvV1dMb6wB+Ze/t86OIDkJtIO3XKFN4WgCOv4dyrOCuxA3KRwBVc/ARB2Vt8KYUjY0cypdVLp4tYDAszQYi+3bt31WC8zBEHzlMH+Rw7FOdYxJo6bep4m4MyRC5u28k8F9ITbUo/08cYHBAwAAYAQN7Ji2PxKCNxWPXlMMCHH3PYcJd8Hbjt96NWbOPmDTX795dUuPMUW49Hi8Ov+3adRwn2bTs/eEjqNwO6l87Wf+jggSNGG6ci+9ugHBrDjEicU3FWn66rGy8XtdLSkR/DOuyt7Dt8+GCr63M/2zqFuWggNw9Is7IygouXXMLjErAU7sJemON8ZF3Tj62wGdgTvViIwn9MUQuDjZZ8g0gpZ5T1L6yreuA+O+zal5gcIOOPWpLJ5OXnWQToDi65+JKp1iOliBLQwkEQmm2Ja3j5mX4U0WrzlXPboZ7f2JikhFN5h3f1aQXCizp8Mb7bEnfsevXo5ZdfPpNA736aZh1jSV2xbvvitdN+FdTW9/s/PFtic1JFK3iii/RLIm1+7M5ZA7Yg/OScLa4L8kKDReGcc39pSaNt0/Oybcvj5XWqxFe5OP1VK1fO3L33jWobg8OgNzSQh0WLPXFayUbJNe1agMwhkzQO56I+akrWJnkYExHCXy2OWWlpScvx48cbWcHuIR3ngVAmAhQWFAbvuGzZ1NmzZ/NqhMg1wTJ1VtE5lidbPne4pE4bfYxjPKuI1QMIblu0b6jYDm0rjG8VYb48mUcmLwkMGUigybFijz/6aCnjebzA1DDN0a7ZAvlRaRm/tToVrXBWbYNY3TecXSYng82dF8M8WBxOl3jEkmM5/J955ukqPmF2v0gaRd68vNygqKgoWL36pvOMIziCZ5Fl8Bf2YO5n2ukHf6KYv3PoWILPADB51DSaY/nGkGOhVMIYG7ds2M+PTPkwTq8S/JJ9vqAwP5g5c2bkH7/13ctsrpRCkSmWp1qeFspTv/jFL15ubVIQMFhphHK3JZpjOZkB3ueXqLNdWQ6l8CJxBrIxLmIdPFzasrdkr9sOiYQJWtwgjJKBlR8m8Bnyli0v7TRasWF6YMQKhwdRBvxcpLFyZLLY4e5yw3wsWrnPrzPSmast3OF/tOxw667dO6vdD1JGkZetMtdepC+5cPGEu+/+7AVGA2eRQ/n4T7d22WHKvffeK/x952Jb1IFejmVNo6cRFvCG+saQYgAGgLEnn/zlvn4Lw/HDrP3c3a0wVtmpzC9vcm3l3HLrrXMefvhhnGuyZSmFQjMszyQvWbJk3pYtWz7xwAMPfPtd73r3QmsjcsmxElHLvqpwK4VHCj6vRJ32+NNqm56U/Ogrx8JQTp9Xt798FFlz7G4qQcvTJdzG58cxe3ZlH9F1bn9l+4lhOn60AjM5lRZqkkC6AMMwfXdtulhUkmOBveTt3Lx50zEXuS3K8jYxPJ9oxi+cC21x/8O3/umyu+66C+cS/jiS8Hc2uPnmmy8sLy//xte+9rUvDo/TLkPU0nnLP+v+WRHLaCX203DEwhAdL7ywrnLr1s0H3B5vimWYduFwDgle/WDoT33qU4tKSkrW3HfffUvnzZs3x2ig0Iy777576VNPPfWejRs3fmbFihVXWpsB8e07rJBiRCwpxs+k3GIAyDA/rmUQ6HhJhsVI/ZYxugyFM8T+36OPlCIvf8dgLNshv/3j7y0cPnLwOPOHM7Sgi+PCx3csu0yd3EE8dJTg+ZV74W6fYtss5IWmHKvja1+/94262rrOVBj4bdm5OYH9RiPyyCOPvPPFF19c9dWvfvVSo4NjzViwYMH54L9169bbnn766U/Psl+2FBYWFv38iSc/ZP2pIpYO8XIqlTY8OZ3u8M5IrXIp5oxg7e2W27734AMvPvboT88rKMjP4mnw8G0+8xIJI/ElRDAUCRYtWlRE/vKXv3xJYkCowll07tw5s/7lX+5b/pWv3PuGdWMgFHCh2J2x7MId0kdueeZsdpcF03jCKErUpQ9tGCrhXKWlpc179u6pWLL4wpl8vcBWPlpCHz675vHDunXrdtg4HAtsMHzYsdxCsHYlObmu7bxojzX6k4fFD++8gk5shdCFBzog++BPHvvRps/d84V32Rg7jdsC5rVEKPENfndXv71sjwTXXXfdNPJ3vvOdy0PDEpddsb7gulWrVt1440071617Hj7w7LTsb4UIC0A+vnZ5KiVrc6pdNRkD48JEKwbHat2w4cXyZ3/7zMtd9rcZ+D4IPonXChbeqbMa+bsN7e1miG7IpE7207ygs52fq9uXmQbU7WvvuMYiG1shZytWipRxBIiCYV6On9sKnVoYQFnGlGMhLFnGwjE6X9626XBWtm3ftspT0VYbv0jqtB+G1tSebC4p2XvS5jJfzgVNaKMs/MTbL51ccl4eD4i2Ss6JvIDOSI8Q9aAp7Dus3ma59f7779u1d+/uY/yYxX6QYU0j8Web5MuL9raY/c4RUqkTfYzBjtn2ydD9933vgzZSj3vkVNxNyg6jr7zhQak5nQLENwYKAiDKtVpu/uw9f79+89ZNpS32jTareNBeyAIYwPiZB4/cyeA8qXIsxsIwqQ1MHlXYHU3W44//bDVNriP+36BFReSxsx1RK5lH/DpxV4hxQZLsDDlcqk2OJYN1/uhHP9pnY2w7BL/R6NuDUotoXXa+2leyb78NAwsyCoAPFsapfL5yKmFJX5/hFNeFbTCkCzg4h8vMYKxkFPY4Vovlprv//r/9uqKyshFn5xfmfBwQpsU1+ON8qbCnjT7G8G6Up/pz5s6a/cQTP7/OeBAGfYeSY1nz6Mk32mijAMUBYeUIx7K2xrVrb/vFzp07SlvNuZqam5yCEHPgANBZZFyAnzRV20/X8/Ny5n7sjo9NM1Li32uvbBJhLxXdNDPS8F9uGc3IGBMaOBZOgEM4g+3fv79h7969x9zzOYyRQu5+e4XDX7nhJ1fbt7+y1+YSvdkqoIMD+NEKXmGnEm/kc47FESLMy17l2LnV/p5EJAN6khE+7hhipXOsQ4cOVX/ik3f+tOLEicaODvt23s59PL8iUoVpjuWa782a7Ivm8vITwexZs9dcdNFF3JErnTZKaRDlyE3Z700GBUAwBN4rL0548h13fOSJ73//wfdcddVVy/n7AePGFwYF9hwrx7w//Cd6klnEr/jDZQCDY9ba36qqsV+g2J/hqduwcUOFjQBYeLGiANqlVHQxEivUEnMwngyNc2JISowtfXAGGax1+/btJXaHOjeak2XbAkOTE1G5zf6ugv1IodLeQJywXjkWzhnmdzqn6k5EX3PgsC6cFd1WGMkAc+RTtEJe9MAG8Bsw5xr8u09+4rFvf/vbtyyYv2Bum73xKBpXFOQV5LvXau40ZANHS/wRPKJwW3uH/TKoPrAP1eznZ/XBsePH9ljCgcEKnmR0OmM6k2NBAEIyCAxQBssp6xA38IUvfP43t99++7G/+Zv33jB16rmT+AozLy/PvSzl3RV3ju6WyyaT+JtNfBzHHVZHW7v9HLw54O8QNDY29JhCr/34xz9eb8PgB1/49dlDTPtpShAcLSvjbxBYU3Kyz6bt0xaGJ6KIjI2XyLnQiUEYjX4ZrdVuyzfd9uHbbmhuaYnyC+9w4usG+JaU7OfQDugIgeExOPRwZDkvfIQfGIonTm93dBn9HAHsYbN7HmZticSrpG57Rmb6Ip+2W/gwF/rgAU9oDhw9erj/9tvXPvb5z39+xerVN6xqLmjO4kch2facka0tKzPqIpiNTSS+I8OhYvZH8bjDbWlpcbmuvq7V7hR/Y3eKL9ng8AIdk3ON1bEQRsDgSMq0AxyKomDfE0888YrlAx+85YOLrrn2mstnzZ41l8O4u413WNio4cQLXv4+FJ/0EgnsD5hVHbDfe2/asmm3vbhusmEohbGgT8TqGuof6np91+sWqsttS8IfkhPPbrjdtoTBGSCDIx86KKMDTkA/44g87pC6ZevWvSbvUv5wGXe7fuJwjdHXr1/3srX7jiVZxUdOJcei3Xfk9ubmtn70qK4+6c6fPh++0iBZ9Ec+dMG55FjQIiEvOij3PPjggy9YftUeI1yxbNmydxQWjpvIVxp8pRpO/KqIv/LnonBbW6/hX7l/X8nO3zz7m1dtbFg3LXBscUbnAtyxJDkSFkNjpORujbsG9mAeYPK8iczrA0q9Dsh973vfO2/mzNlT7TVPjv2ZHjuzpqXZYwOX7C6w21bsyfXr1x+xORhYYR9AyYCGIvCFJ8+0/IwsyAXYKM98DAEwOCc3GdquZHzRwzDQQlZkHj+c9VIWveAJD+YgCzR0zmm2ugxAG/IjgxaDVZ3c8BFW8IE+byLgB17wR464N8X5yNmlC3rgXMLEqm48dH38oU+mLdfefBRdeuml04uLi+dYdHJ29PG3qNxy9OjR6m3btp2w8fCEB7rAjwx/spxaURm8tXismpzG6ljMSuVcAOYbG2WUcTiyblnD75qsyxkLATEYBgE0DOc7Ff0YFecRP9GEN8ZANsagNPNlFADSSocmPOAFIMxBJsmPrHIwLQqMDU94MAdZJKMMAA+BTh8ySGarurn+QvQdWQ5Am3QRH2SVoeFF5pp26DMOudBBThvGHrr0oYOPv126+WAGLWSGrrATX/QSXx8/6cf8lAmFx5pQhOQTo43rxFZodQRAMBSSA6AUGSBwEIzKXLLmSjkUJOMAZOgzTo4ASAJKNOVYKMxcGR85AAva0IKXZEYOrmlnPok+aDBfTgUPxkpWySkjUDKedgHOWCXxo48x8CLTDm/mSx85sOSSHowRH+ZAi/nQ0TWlnEPYy6mgj62Fv1XdfNmOudILnj5f6tCVfsLQ19G6k9PZOBYzRUzG5prsCyjlWIECDONIMR9Y5iKogERBKQl4tEObxDytUGjJqWgjiZbmAwSgUJJFi3Ek6EITPkq0cY0OOKV4yLHUDw/GCHDo0+bzgA/0KZknHa2akJV5OIzPh37xkeziBQ/hIj2gS6ad8YwFdz+DF1mL2pdLvHzcfL60+3wZL95WTZ1gdrbJJ4pCPnBSDqAEmJTSakEpKebPFTjQEHiib00Jx4KOnwGL5NMSDYECHbJAkQ5cK9EmGTCO5JYxGMd40RLYKn36jCWJj2irTXQwoO9U4ELSeF8P1cN8JA/9yCKayA9tSuElXXz8NZ9SNPySunj6+Ek36x6ZpMjInjO3aC4lGaHJciBKlPLbpJg1u4RwZAEtJblWdgPtP5+PeKhNY0RrNHriR6m5Kn05RzMEfCSXLyt18RYPxpJEnxIeyiy8v4aEc6Kzrxf10yaUfbNJNMIAhoH0+8VTwlLKYKqrT2P9+X6dfq4ZT9I8Hwy1qYyPjM+j7tOjrgWgdo2nFI2x0Nc86JBEj5JI8NeQwAKdSSrjV6f5XwqfZshZdYmeX1JXhpj6qEtQGSt8zRg/aa5Kv8+viw5to9X98T491VX641QfjabfrrF+6dM801h/3l9d3Vf0rRD+z6H/nxrwtwLkt2m+jcDbCLyNwNsIvBkE/j+/W42JtsVFTwAAAABJRU5ErkJggg==";
|
|
40
|
+
var img$7 = "data:image/png;base64,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";
|
|
128
41
|
|
|
129
42
|
var CivicCard = /** @class */ (function (_super) {
|
|
130
43
|
__extends(CivicCard, _super);
|
|
@@ -178,19 +91,19 @@ var CivicCard = /** @class */ (function (_super) {
|
|
|
178
91
|
value: function (key, url, name, entryTypes, description) {
|
|
179
92
|
var result;
|
|
180
93
|
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" },
|
|
94
|
+
result = (React.createElement("div", { key: key, className: "civic-card-variant" },
|
|
95
|
+
React.createElement("div", { className: "civic-card-variant-header" },
|
|
96
|
+
React.createElement("span", { className: "civic-card-variant-name" },
|
|
97
|
+
React.createElement("a", { href: url, target: "_blank" }, name)),
|
|
98
|
+
React.createElement("span", { className: "civic-card-variant-entry-types" },
|
|
186
99
|
' ',
|
|
187
100
|
"Entries: ",
|
|
188
101
|
entryTypes)),
|
|
189
|
-
createElement("div", { className: "civic-card-variant-description summary" }, description)));
|
|
102
|
+
React.createElement("div", { className: "civic-card-variant-description summary" }, description)));
|
|
190
103
|
}
|
|
191
104
|
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.")));
|
|
105
|
+
result = (React.createElement("div", { key: key, className: "civic-card-variant" },
|
|
106
|
+
React.createElement("div", { className: "civic-card-variant-description summary" }, "Information about the oncogenic activity of this alteration is not yet available in CIViC.")));
|
|
194
107
|
}
|
|
195
108
|
return result;
|
|
196
109
|
}
|
|
@@ -204,46 +117,46 @@ var CivicCard = /** @class */ (function (_super) {
|
|
|
204
117
|
configurable: true,
|
|
205
118
|
writable: true,
|
|
206
119
|
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))),
|
|
120
|
+
return (React.createElement("div", { className: "civic-card" },
|
|
121
|
+
React.createElement("span", null,
|
|
122
|
+
React.createElement("div", { className: "col s12 tip-header" }, this.props.title),
|
|
123
|
+
React.createElement("div", { className: "col s12 civic-card-content" },
|
|
124
|
+
React.createElement("div", { className: "col s12 civic-card-gene" },
|
|
125
|
+
React.createElement("p", null,
|
|
126
|
+
React.createElement("span", { className: "civic-card-gene-name" },
|
|
127
|
+
React.createElement("a", { href: this.props.geneUrl, target: "_blank" },
|
|
128
|
+
React.createElement("b", null, this.props.geneName))),
|
|
216
129
|
' ',
|
|
217
130
|
"- ",
|
|
218
131
|
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:
|
|
132
|
+
React.createElement("div", { className: "col s12" },
|
|
133
|
+
React.createElement("ul", null, this.generateVariants(this.props.variants))),
|
|
134
|
+
React.createElement("div", { className: "item disclaimer" },
|
|
135
|
+
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.")))),
|
|
136
|
+
React.createElement("div", { className: "item footer" },
|
|
137
|
+
React.createElement("a", { href: this.props.geneUrl, target: "_blank" },
|
|
138
|
+
React.createElement("img", { src: img$7, className: "civic-logo", alt: "CIViC" })))));
|
|
226
139
|
}
|
|
227
140
|
});
|
|
228
141
|
return CivicCard;
|
|
229
|
-
}(Component));
|
|
142
|
+
}(React.Component));
|
|
230
143
|
|
|
231
|
-
var
|
|
144
|
+
var img$6 = "data:image/png;base64,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";
|
|
232
145
|
|
|
233
|
-
var
|
|
146
|
+
var img$5 = "data:image/png;base64,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";
|
|
234
147
|
|
|
235
|
-
function hideArrow(tooltipEl) {
|
|
148
|
+
function hideArrow$1(tooltipEl) {
|
|
236
149
|
var arrowEl = tooltipEl.querySelector('.rc-tooltip-arrow');
|
|
237
150
|
arrowEl.style.display = 'none';
|
|
238
151
|
}
|
|
239
|
-
function sortValue(civicEntry) {
|
|
152
|
+
function sortValue$8(civicEntry) {
|
|
240
153
|
var score = 0;
|
|
241
154
|
if (civicEntry) {
|
|
242
155
|
score = 1;
|
|
243
156
|
}
|
|
244
157
|
return score;
|
|
245
158
|
}
|
|
246
|
-
function download(civicEntry) {
|
|
159
|
+
function download$7(civicEntry) {
|
|
247
160
|
if (!civicEntry) {
|
|
248
161
|
return CIVIC_NA_VALUE;
|
|
249
162
|
}
|
|
@@ -279,21 +192,21 @@ var Civic = /** @class */ (function (_super) {
|
|
|
279
192
|
configurable: true,
|
|
280
193
|
writable: true,
|
|
281
194
|
value: function () {
|
|
282
|
-
var civicContent = (createElement("span", { className: "" + annotationStyles['annotation-item'] }));
|
|
195
|
+
var civicContent = (React.createElement("span", { className: "" + annotationStyles['annotation-item'] }));
|
|
283
196
|
var civicImgWidth = 14;
|
|
284
197
|
var civicImgHeight = 14;
|
|
285
198
|
var civicImgSrc = !this.props.hasCivicVariants
|
|
286
|
-
?
|
|
287
|
-
:
|
|
199
|
+
? img$5
|
|
200
|
+
: img$6;
|
|
288
201
|
if (this.props.civicStatus == 'error') {
|
|
289
202
|
civicContent = errorIcon('Error fetching Civic data');
|
|
290
203
|
}
|
|
291
204
|
else if (this.props.civicEntry !== undefined) {
|
|
292
205
|
if (this.props.civicEntry !== null &&
|
|
293
206
|
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));
|
|
207
|
+
civicContent = (React.createElement("span", { className: "" + annotationStyles['annotation-item'] },
|
|
208
|
+
React.createElement("img", { width: civicImgWidth, height: civicImgHeight, src: civicImgSrc, alt: "Civic Variant Entry" })));
|
|
209
|
+
civicContent = (React.createElement(DefaultTooltip, { overlay: this.cardContent.bind(this, this.props.civicEntry), placement: "right", trigger: ['hover', 'focus'], onPopupAlign: hideArrow$1, destroyTooltipOnHide: false }, civicContent));
|
|
297
210
|
}
|
|
298
211
|
}
|
|
299
212
|
else {
|
|
@@ -308,7 +221,7 @@ var Civic = /** @class */ (function (_super) {
|
|
|
308
221
|
configurable: true,
|
|
309
222
|
writable: true,
|
|
310
223
|
value: function (civicEntry) {
|
|
311
|
-
return (createElement(CivicCard, { title: "CIViC Variants", geneName: civicEntry.name, geneDescription: civicEntry.description, geneUrl: civicEntry.url, variants: civicEntry.variants }));
|
|
224
|
+
return (React.createElement(CivicCard, { title: "CIViC Variants", geneName: civicEntry.name, geneDescription: civicEntry.description, geneUrl: civicEntry.url, variants: civicEntry.variants }));
|
|
312
225
|
}
|
|
313
226
|
});
|
|
314
227
|
__decorate([
|
|
@@ -318,11 +231,11 @@ var Civic = /** @class */ (function (_super) {
|
|
|
318
231
|
observer
|
|
319
232
|
], Civic);
|
|
320
233
|
return Civic;
|
|
321
|
-
}(Component));
|
|
234
|
+
}(React.Component));
|
|
322
235
|
|
|
323
236
|
var NoClinvarData = function () {
|
|
324
|
-
return (createElement(DefaultTooltip, { placement: "topLeft", overlay: createElement("span", null, "Variant has no ClinVar data.") },
|
|
325
|
-
createElement("span", { style: {
|
|
237
|
+
return (React.createElement(DefaultTooltip, { placement: "topLeft", overlay: React.createElement("span", null, "Variant has no ClinVar data.") },
|
|
238
|
+
React.createElement("span", { style: {
|
|
326
239
|
height: '100%',
|
|
327
240
|
width: '100%',
|
|
328
241
|
display: 'block',
|
|
@@ -331,20 +244,20 @@ var NoClinvarData = function () {
|
|
|
331
244
|
};
|
|
332
245
|
var ClinvarSummary = function (props) {
|
|
333
246
|
if (!props.clinvar) {
|
|
334
|
-
return createElement(NoClinvarData, null);
|
|
247
|
+
return React.createElement(NoClinvarData, null);
|
|
335
248
|
}
|
|
336
249
|
else {
|
|
337
250
|
var clinvarId = props.clinvar.clinvarId;
|
|
338
251
|
var clinvarLink = "https://www.ncbi.nlm.nih.gov/clinvar/variation/" + clinvarId + "/";
|
|
339
252
|
var clinicalSignificance = props.clinvar.clinicalSignificance;
|
|
340
253
|
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,
|
|
254
|
+
return (React.createElement(TruncatedText, { maxLength: 30, text: clinicalSignificance, addTooltip: "always", tooltip: React.createElement("div", { style: { maxWidth: 300 } },
|
|
255
|
+
React.createElement("div", null, clinicalSignificance),
|
|
256
|
+
conflictingClinicalSignificance && (React.createElement("div", null, conflictingClinicalSignificance)),
|
|
257
|
+
React.createElement("div", null,
|
|
345
258
|
"(ClinVar ID:",
|
|
346
259
|
' ',
|
|
347
|
-
createElement("a", { href: clinvarLink, target: "_blank" }, clinvarId),
|
|
260
|
+
React.createElement("a", { href: clinvarLink, target: "_blank" }, clinvarId),
|
|
348
261
|
")")) }));
|
|
349
262
|
}
|
|
350
263
|
};
|
|
@@ -578,18 +491,18 @@ function defaultOncoKbFilter(mutation, oncoKbData, getTumorType, getEntrezGeneId
|
|
|
578
491
|
return filter;
|
|
579
492
|
}
|
|
580
493
|
|
|
581
|
-
var
|
|
494
|
+
var img$4 = "data:image/png;base64,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";
|
|
582
495
|
|
|
583
496
|
var mcgStyles = {"link-list":"myCancerGenome-module_link-list__2wFhH"};
|
|
584
497
|
|
|
585
|
-
function placeArrow(tooltipEl) {
|
|
498
|
+
function placeArrow$1(tooltipEl) {
|
|
586
499
|
var arrowEl = tooltipEl.querySelector('.rc-tooltip-arrow');
|
|
587
500
|
arrowEl.style.left = '10px';
|
|
588
501
|
}
|
|
589
|
-
function sortValue$
|
|
502
|
+
function sortValue$7(links) {
|
|
590
503
|
return links.length > 0 ? 1 : 0;
|
|
591
504
|
}
|
|
592
|
-
function download$
|
|
505
|
+
function download$6(links) {
|
|
593
506
|
return links.length > 0 ? 'present' : 'not present';
|
|
594
507
|
}
|
|
595
508
|
function myCancerGenomeLinks(linksHTML) {
|
|
@@ -599,14 +512,14 @@ function myCancerGenomeLinks(linksHTML) {
|
|
|
599
512
|
// parse the data as an HTML dom element, since it is formatted as an HTML link.
|
|
600
513
|
var myCancerGenomeLink = parseMyCancerGenomeLink(link);
|
|
601
514
|
if (myCancerGenomeLink) {
|
|
602
|
-
links.push(createElement("li", { key: index },
|
|
603
|
-
createElement("a", { href: myCancerGenomeLink.url, target: "_blank" }, myCancerGenomeLink.text)));
|
|
515
|
+
links.push(React.createElement("li", { key: index },
|
|
516
|
+
React.createElement("a", { href: myCancerGenomeLink.url, target: "_blank" }, myCancerGenomeLink.text)));
|
|
604
517
|
}
|
|
605
518
|
});
|
|
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)));
|
|
519
|
+
return (React.createElement("span", null,
|
|
520
|
+
React.createElement("b", null, "My Cancer Genome links:"),
|
|
521
|
+
React.createElement("br", null),
|
|
522
|
+
React.createElement("ul", { className: mcgStyles['link-list'] }, links)));
|
|
610
523
|
}
|
|
611
524
|
var MyCancerGenome = /** @class */ (function (_super) {
|
|
612
525
|
__extends(MyCancerGenome, _super);
|
|
@@ -618,21 +531,21 @@ var MyCancerGenome = /** @class */ (function (_super) {
|
|
|
618
531
|
configurable: true,
|
|
619
532
|
writable: true,
|
|
620
533
|
value: function () {
|
|
621
|
-
var myCancerGenomeContent = (createElement("span", { className: "" + annotationStyles['annotation-item'] }));
|
|
534
|
+
var myCancerGenomeContent = (React.createElement("span", { className: "" + annotationStyles['annotation-item'] }));
|
|
622
535
|
if (this.props.linksHTML.length > 0) {
|
|
623
|
-
var arrowContent = createElement("div", { className: "rc-tooltip-arrow-inner" });
|
|
536
|
+
var arrowContent = React.createElement("div", { className: "rc-tooltip-arrow-inner" });
|
|
624
537
|
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:
|
|
538
|
+
myCancerGenomeContent = (React.createElement(DefaultTooltip, { overlay: tooltipContent, placement: "topLeft", trigger: ['hover', 'focus'], arrowContent: arrowContent, onPopupAlign: placeArrow$1 },
|
|
539
|
+
React.createElement("span", { className: annotationStyles['annotation-item'] + " mcg" },
|
|
540
|
+
React.createElement("img", { width: "14", height: "14", src: img$4, alt: "My Cancer Genome Symbol" }))));
|
|
628
541
|
}
|
|
629
542
|
return myCancerGenomeContent;
|
|
630
543
|
}
|
|
631
544
|
});
|
|
632
545
|
return MyCancerGenome;
|
|
633
|
-
}(Component));
|
|
546
|
+
}(React.Component));
|
|
634
547
|
|
|
635
|
-
function hideArrow
|
|
548
|
+
function hideArrow(tooltipEl) {
|
|
636
549
|
var arrowEl = tooltipEl.querySelector('.rc-tooltip-arrow');
|
|
637
550
|
arrowEl.style.display = 'none';
|
|
638
551
|
}
|
|
@@ -648,7 +561,7 @@ var AnnotationIconWithTooltip = function (props) {
|
|
|
648
561
|
if (props.icon) {
|
|
649
562
|
return (React__default.createElement(DefaultTooltip, { overlayClassName: "oncokb-tooltip", overlay: function () {
|
|
650
563
|
return props.tooltipOverlay ? props.tooltipOverlay : null;
|
|
651
|
-
}, placement: "right", trigger: ['hover', 'focus'], onPopupAlign: hideArrow
|
|
564
|
+
}, placement: "right", trigger: ['hover', 'focus'], onPopupAlign: hideArrow, destroyTooltipOnHide: true },
|
|
652
565
|
React__default.createElement("span", { className: "" + annotationStyles['annotation-item'] }, props.icon)));
|
|
653
566
|
}
|
|
654
567
|
else {
|
|
@@ -751,11 +664,11 @@ var CompactAnnotationIcon = function (props) {
|
|
|
751
664
|
getPrognosticShape(indicatorForLevelIcons, props.availableDataTypes)));
|
|
752
665
|
};
|
|
753
666
|
|
|
754
|
-
var
|
|
667
|
+
var img$3 = "data:image/svg+xml,%3csvg width='138' height='26' viewBox='0 0 138 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M13.3232 26C21.0801 26 26.7182 20.1464 26.7182 13V12.9282C26.7182 5.78177 21.1519 0 13.395 0C5.63812 0 0 5.85359 0 13V13.0718C0 20.2182 5.5663 26 13.3232 26ZM13.395 20.9006C8.94199 20.9006 5.78177 17.3094 5.78177 13V12.9282C5.78177 8.61878 8.87016 5.09945 13.3232 5.09945C17.7762 5.09945 20.9365 8.69061 20.9365 13V13.0718C20.9365 17.3812 17.8481 20.9006 13.395 20.9006Z' fill='%230968C3'/%3e %3cpath d='M29.9722 25.5691H35.4307V14.8315C35.4307 12.2459 36.7594 10.9171 38.8423 10.9171C40.9252 10.9171 42.1462 12.2459 42.1462 14.8315V25.5691H47.6048V13.1077C47.6048 8.69061 45.1987 5.96133 41.0688 5.96133C38.3036 5.96133 36.6876 7.4337 35.4307 9.04972V6.32044H29.9722V25.5691Z' fill='%230968C3'/%3e %3cpath d='M60.3551 26C64.1976 26 66.3523 24.5276 68.2197 22.4807L65.0236 19.2486C63.6948 20.5055 62.4379 21.2956 60.6064 21.2956C57.6258 21.2956 55.7225 18.9254 55.7225 15.9807V15.9088C55.7225 13.0718 57.6617 10.6657 60.391 10.6657C62.3302 10.6657 63.5512 11.4917 64.7722 12.7845L68.112 9.19337C66.3164 7.18232 64.054 5.96133 60.4269 5.96133C54.5374 5.96133 50.3357 10.4862 50.3357 15.9807V16.0525C50.3357 21.547 54.5733 26 60.3551 26Z' fill='%230968C3'/%3e %3cpath d='M91.3584 25.5691H96.8888V17.884L99.7977 14.8674L107.59 25.5691H114.234L103.532 11.0967L113.803 0.430938H107.016L96.8888 11.4199V0.430938H91.3584V25.5691Z' fill='%230968C3'/%3e %3cpath d='M116.182 25.5691H128.14C133.814 25.5691 137.549 23.2707 137.549 18.674V18.6022C137.549 15.2265 135.754 13.5387 132.845 12.4254C134.64 11.4199 136.149 9.83978 136.149 7.00276V6.93094C136.149 5.20718 135.574 3.80663 134.425 2.65746C132.989 1.22099 130.726 0.430938 127.853 0.430938H116.182V25.5691ZM130.654 7.93646C130.654 9.80387 129.11 10.5939 126.668 10.5939H121.569V5.27901H127.027C129.361 5.27901 130.654 6.21271 130.654 7.86464V7.93646ZM132.055 17.9199V17.9917C132.055 19.8591 130.582 20.721 128.14 20.721H121.569V15.1906H127.961C130.798 15.1906 132.055 16.232 132.055 17.9199Z' fill='%230968C3'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M78.8032 23.5C82.9454 23.5 86.3032 20.1421 86.3032 16C86.3032 11.8579 82.9454 8.5 78.8032 8.5C74.6611 8.5 71.3032 11.8579 71.3032 16C71.3032 20.1421 74.6611 23.5 78.8032 23.5ZM78.8032 26C84.3261 26 88.8032 21.5228 88.8032 16C88.8032 10.4772 84.3261 6 78.8032 6C73.2804 6 68.8032 10.4772 68.8032 16C68.8032 21.5228 73.2804 26 78.8032 26Z' fill='%230968C3'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M78.8032 19.5C80.7362 19.5 82.3032 17.933 82.3032 16C82.3032 14.067 80.7362 12.5 78.8032 12.5C76.8702 12.5 75.3032 14.067 75.3032 16C75.3032 17.933 76.8702 19.5 78.8032 19.5ZM78.8032 22C82.1169 22 84.8032 19.3137 84.8032 16C84.8032 12.6863 82.1169 10 78.8032 10C75.4895 10 72.8032 12.6863 72.8032 16C72.8032 19.3137 75.4895 22 78.8032 22Z' fill='%230968C3'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M78.8032 18C79.9078 18 80.8032 17.1046 80.8032 16C80.8032 14.8954 79.9078 14 78.8032 14C77.6987 14 76.8032 14.8954 76.8032 16C76.8032 17.1046 77.6987 18 78.8032 18Z' fill='%230968C3'/%3e%3c/svg%3e";
|
|
755
668
|
|
|
756
669
|
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
670
|
|
|
758
|
-
var _a;
|
|
671
|
+
var _a$4;
|
|
759
672
|
var OtherBiomarkersQueryType;
|
|
760
673
|
(function (OtherBiomarkersQueryType) {
|
|
761
674
|
OtherBiomarkersQueryType["MSIH"] = "MSIH";
|
|
@@ -764,10 +677,10 @@ var OtherBiomarkersQueryType;
|
|
|
764
677
|
var OTHER_BIOMARKER_HUGO_SYMBOL = 'Other Biomarkers';
|
|
765
678
|
var MSI_H_NAME = 'MSI-H';
|
|
766
679
|
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);
|
|
680
|
+
var OTHER_BIOMARKER_NAME = (_a$4 = {},
|
|
681
|
+
_a$4[OtherBiomarkersQueryType.MSIH] = MSI_H_NAME,
|
|
682
|
+
_a$4[OtherBiomarkersQueryType.TMBH] = TMB_H_NAME,
|
|
683
|
+
_a$4);
|
|
771
684
|
|
|
772
685
|
var OncoKbCardTitle = function (props) {
|
|
773
686
|
var titleContent = [];
|
|
@@ -785,7 +698,7 @@ var OncoKbCardTitle = function (props) {
|
|
|
785
698
|
}
|
|
786
699
|
titleContent.push(props.tumorType);
|
|
787
700
|
}
|
|
788
|
-
return (createElement("div", { className: mainStyles['title'], "data-test": "oncokb-card-title" }, createElement("span", null, titleContent.join(' '))));
|
|
701
|
+
return (React.createElement("div", { className: mainStyles['title'], "data-test": "oncokb-card-title" }, React.createElement("span", null, titleContent.join(' '))));
|
|
789
702
|
};
|
|
790
703
|
|
|
791
704
|
var levelStyles = {"levels":"level-module_levels__2ZL1B","levels-li":"level-module_levels-li__1tgCC"};
|
|
@@ -875,16 +788,16 @@ var OncoKBSuggestAnnotationLinkout = /** @class */ (function (_super) {
|
|
|
875
788
|
configurable: true,
|
|
876
789
|
writable: true,
|
|
877
790
|
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"),
|
|
791
|
+
return (React.createElement("div", null,
|
|
792
|
+
React.createElement("span", null, "The gene is listed under "),
|
|
793
|
+
React.createElement("a", { href: "https://www.oncokb.org/cancerGenes", target: "_blank" }, "OncoKB Cancer Gene List"),
|
|
794
|
+
React.createElement("span", null, " but hasn't been curated yet. Please feel free to "),
|
|
795
|
+
React.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"),
|
|
883
796
|
"."));
|
|
884
797
|
}
|
|
885
798
|
});
|
|
886
799
|
return OncoKBSuggestAnnotationLinkout;
|
|
887
|
-
}(Component));
|
|
800
|
+
}(React.Component));
|
|
888
801
|
|
|
889
802
|
var OncoKbHelper = /** @class */ (function () {
|
|
890
803
|
function OncoKbHelper() {
|
|
@@ -938,82 +851,82 @@ var OncoKbHelper = /** @class */ (function () {
|
|
|
938
851
|
Object.defineProperty(OncoKbHelper, "LEVEL_DESC", {
|
|
939
852
|
get: function () {
|
|
940
853
|
return {
|
|
941
|
-
'1': (createElement("span", null,
|
|
942
|
-
createElement("b", null, "FDA-recognized"),
|
|
854
|
+
'1': (React.createElement("span", null,
|
|
855
|
+
React.createElement("b", null, "FDA-recognized"),
|
|
943
856
|
" biomarker predictive of response to an",
|
|
944
857
|
' ',
|
|
945
|
-
createElement("b", null, "FDA-approved drug"),
|
|
858
|
+
React.createElement("b", null, "FDA-approved drug"),
|
|
946
859
|
" in this indication")),
|
|
947
|
-
'2': (createElement("span", null,
|
|
948
|
-
createElement("b", null, "Standard care"),
|
|
860
|
+
'2': (React.createElement("span", null,
|
|
861
|
+
React.createElement("b", null, "Standard care"),
|
|
949
862
|
" biomarker recommended by the NCCN or other expert panels predictive of response to an",
|
|
950
863
|
' ',
|
|
951
|
-
createElement("b", null, "FDA-approved drug"),
|
|
864
|
+
React.createElement("b", null, "FDA-approved drug"),
|
|
952
865
|
" in this indication")),
|
|
953
|
-
'3A': (createElement("span", null,
|
|
954
|
-
createElement("b", null, "Compelling clinical evidence"),
|
|
866
|
+
'3A': (React.createElement("span", null,
|
|
867
|
+
React.createElement("b", null, "Compelling clinical evidence"),
|
|
955
868
|
" 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"),
|
|
869
|
+
'3B': (React.createElement("span", null,
|
|
870
|
+
React.createElement("b", null, "Standard care"),
|
|
958
871
|
" or ",
|
|
959
|
-
createElement("b", null, "investigational"),
|
|
872
|
+
React.createElement("b", null, "investigational"),
|
|
960
873
|
" biomarker",
|
|
961
874
|
' ',
|
|
962
875
|
"predictive of response to an ",
|
|
963
|
-
createElement("b", null, "FDA-approved"),
|
|
876
|
+
React.createElement("b", null, "FDA-approved"),
|
|
964
877
|
" or",
|
|
965
878
|
' ',
|
|
966
|
-
createElement("b", null, "investigational"),
|
|
879
|
+
React.createElement("b", null, "investigational"),
|
|
967
880
|
" drug in another indication")),
|
|
968
|
-
'4': (createElement("span", null,
|
|
969
|
-
createElement("b", null, "Compelling biological evidence"),
|
|
881
|
+
'4': (React.createElement("span", null,
|
|
882
|
+
React.createElement("b", null, "Compelling biological evidence"),
|
|
970
883
|
" supports the biomarker as being predictive of response to a drug")),
|
|
971
|
-
R1: (createElement("span", null,
|
|
972
|
-
createElement("b", null, "Standard care"),
|
|
884
|
+
R1: (React.createElement("span", null,
|
|
885
|
+
React.createElement("b", null, "Standard care"),
|
|
973
886
|
" biomarker predictive of",
|
|
974
887
|
' ',
|
|
975
|
-
createElement("b", null, "resistance"),
|
|
888
|
+
React.createElement("b", null, "resistance"),
|
|
976
889
|
" to an ",
|
|
977
|
-
createElement("b", null, "FDA-approved"),
|
|
890
|
+
React.createElement("b", null, "FDA-approved"),
|
|
978
891
|
" drug",
|
|
979
892
|
' ',
|
|
980
|
-
createElement("b", null, "in this indication"))),
|
|
981
|
-
R2: (createElement("span", null,
|
|
982
|
-
createElement("b", null, "Compelling clinical evidence"),
|
|
893
|
+
React.createElement("b", null, "in this indication"))),
|
|
894
|
+
R2: (React.createElement("span", null,
|
|
895
|
+
React.createElement("b", null, "Compelling clinical evidence"),
|
|
983
896
|
" supports the biomarker as being predictive of ",
|
|
984
|
-
createElement("b", null, "resistance"),
|
|
897
|
+
React.createElement("b", null, "resistance"),
|
|
985
898
|
" to a drug")),
|
|
986
|
-
Dx1: (createElement("span", null,
|
|
987
|
-
createElement("b", null, "FDA and/or professional guideline-recognized"),
|
|
899
|
+
Dx1: (React.createElement("span", null,
|
|
900
|
+
React.createElement("b", null, "FDA and/or professional guideline-recognized"),
|
|
988
901
|
' ',
|
|
989
902
|
"biomarker required for diagnosis in this indication")),
|
|
990
|
-
Dx2: (createElement("span", null,
|
|
991
|
-
createElement("b", null, "FDA and/or professional guideline-recognized"),
|
|
903
|
+
Dx2: (React.createElement("span", null,
|
|
904
|
+
React.createElement("b", null, "FDA and/or professional guideline-recognized"),
|
|
992
905
|
' ',
|
|
993
906
|
"biomarker that supports diagnosis in this indication")),
|
|
994
|
-
Dx3: (createElement("span", null,
|
|
907
|
+
Dx3: (React.createElement("span", null,
|
|
995
908
|
"Biomarker that ",
|
|
996
|
-
createElement("b", null, "may assist disease diagnosis"),
|
|
909
|
+
React.createElement("b", null, "may assist disease diagnosis"),
|
|
997
910
|
" 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"),
|
|
911
|
+
React.createElement("b", null, "clinical evidence"))),
|
|
912
|
+
Px1: (React.createElement("span", null,
|
|
913
|
+
React.createElement("b", null, "FDA and/or professional guideline-recognized"),
|
|
1001
914
|
' ',
|
|
1002
915
|
"biomarker prognostic in this indication based on",
|
|
1003
916
|
' ',
|
|
1004
|
-
createElement("b", null, "well-powered studie(s)"))),
|
|
1005
|
-
Px2: (createElement("span", null,
|
|
1006
|
-
createElement("b", null, "FDA and/or professional guideline-recognized"),
|
|
917
|
+
React.createElement("b", null, "well-powered studie(s)"))),
|
|
918
|
+
Px2: (React.createElement("span", null,
|
|
919
|
+
React.createElement("b", null, "FDA and/or professional guideline-recognized"),
|
|
1007
920
|
' ',
|
|
1008
921
|
"biomarker prognostic in this indication based on",
|
|
1009
922
|
' ',
|
|
1010
|
-
createElement("b", null, "a single or multiple small studies"))),
|
|
1011
|
-
Px3: (createElement("span", null,
|
|
923
|
+
React.createElement("b", null, "a single or multiple small studies"))),
|
|
924
|
+
Px3: (React.createElement("span", null,
|
|
1012
925
|
"Biomarker is prognostic in this indication based on",
|
|
1013
926
|
' ',
|
|
1014
|
-
createElement("b", null, "clinical evidence"),
|
|
927
|
+
React.createElement("b", null, "clinical evidence"),
|
|
1015
928
|
" in ",
|
|
1016
|
-
createElement("b", null, "well-powered studies"))),
|
|
929
|
+
React.createElement("b", null, "well-powered studies"))),
|
|
1017
930
|
};
|
|
1018
931
|
},
|
|
1019
932
|
enumerable: false,
|
|
@@ -1029,7 +942,7 @@ var OncoKbHelper = /** @class */ (function () {
|
|
|
1029
942
|
case 'level':
|
|
1030
943
|
return {
|
|
1031
944
|
id: 'level',
|
|
1032
|
-
Header: createElement("div", { style: { textAlign: 'center' } }, "Level"),
|
|
945
|
+
Header: React.createElement("div", { style: { textAlign: 'center' } }, "Level"),
|
|
1033
946
|
accessor: 'level',
|
|
1034
947
|
maxWidth: 45,
|
|
1035
948
|
sortMethod: function (a, b) {
|
|
@@ -1037,14 +950,14 @@ var OncoKbHelper = /** @class */ (function () {
|
|
|
1037
950
|
},
|
|
1038
951
|
Cell: function (props) {
|
|
1039
952
|
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' } })));
|
|
953
|
+
return (React.createElement(DefaultTooltip, { overlay: _this.levelTooltipContent(normalizedLevel), placement: "left", trigger: ['hover', 'focus'], destroyTooltipOnHide: true },
|
|
954
|
+
React.createElement("i", { className: levelIconClassNames(normalizedLevel), style: { margin: 'auto' } })));
|
|
1042
955
|
},
|
|
1043
956
|
};
|
|
1044
957
|
case 'alterations':
|
|
1045
958
|
return {
|
|
1046
959
|
id: 'alterations',
|
|
1047
|
-
Header: createElement("span", null, "Alteration(s)"),
|
|
960
|
+
Header: React.createElement("span", null, "Alteration(s)"),
|
|
1048
961
|
accessor: 'alterations',
|
|
1049
962
|
minWidth: 80,
|
|
1050
963
|
sortMethod: function (a, b) {
|
|
@@ -1059,7 +972,7 @@ var OncoKbHelper = /** @class */ (function () {
|
|
|
1059
972
|
configurable: true,
|
|
1060
973
|
writable: true,
|
|
1061
974
|
value: function (level) {
|
|
1062
|
-
return (createElement("div", { style: { maxWidth: '200px' } }, OncoKbHelper.LEVEL_DESC[level]));
|
|
975
|
+
return (React.createElement("div", { style: { maxWidth: '200px' } }, OncoKbHelper.LEVEL_DESC[level]));
|
|
1063
976
|
}
|
|
1064
977
|
});
|
|
1065
978
|
Object.defineProperty(OncoKbHelper, "getAlterationsColumnCell", {
|
|
@@ -1068,7 +981,7 @@ var OncoKbHelper = /** @class */ (function () {
|
|
|
1068
981
|
writable: true,
|
|
1069
982
|
value: function (alterations, variant) {
|
|
1070
983
|
var mergedAlteration = mergeAlterations(alterations);
|
|
1071
|
-
var content = createElement("span", null, mergedAlteration);
|
|
984
|
+
var content = React.createElement("span", null, mergedAlteration);
|
|
1072
985
|
if (alterations.length > 5) {
|
|
1073
986
|
var lowerCasedQueryVariant_1 = variant.toLowerCase();
|
|
1074
987
|
var matchedAlteration = ___default.find(alterations, function (alteration) {
|
|
@@ -1080,22 +993,22 @@ var OncoKbHelper = /** @class */ (function () {
|
|
|
1080
993
|
var pickedAlteration = matchedAlteration === undefined
|
|
1081
994
|
? alterations[0]
|
|
1082
995
|
: matchedAlteration;
|
|
1083
|
-
content = (createElement("span", null,
|
|
996
|
+
content = (React.createElement("span", null,
|
|
1084
997
|
pickedAlteration,
|
|
1085
998
|
" and",
|
|
1086
999
|
' ',
|
|
1087
|
-
createElement(DefaultTooltip, { overlay: createElement("div", { style: { maxWidth: '400px' } }, mergedAlteration), placement: "right", destroyTooltipOnHide: true },
|
|
1088
|
-
createElement("a", null,
|
|
1000
|
+
React.createElement(DefaultTooltip, { overlay: React.createElement("div", { style: { maxWidth: '400px' } }, mergedAlteration), placement: "right", destroyTooltipOnHide: true },
|
|
1001
|
+
React.createElement("a", null,
|
|
1089
1002
|
alterations.length - 1,
|
|
1090
1003
|
" other alterations"))));
|
|
1091
1004
|
}
|
|
1092
|
-
return (createElement("div", { style: { whiteSpace: 'normal', lineHeight: '1rem' } }, content));
|
|
1005
|
+
return (React.createElement("div", { style: { whiteSpace: 'normal', lineHeight: '1rem' } }, content));
|
|
1093
1006
|
}
|
|
1094
1007
|
});
|
|
1095
1008
|
return OncoKbHelper;
|
|
1096
1009
|
}());
|
|
1097
1010
|
|
|
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"};
|
|
1011
|
+
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
1012
|
|
|
1100
1013
|
var ArticleAbstractItem = /** @class */ (function (_super) {
|
|
1101
1014
|
__extends(ArticleAbstractItem, _super);
|
|
@@ -1107,16 +1020,16 @@ var ArticleAbstractItem = /** @class */ (function (_super) {
|
|
|
1107
1020
|
configurable: true,
|
|
1108
1021
|
writable: true,
|
|
1109
1022
|
value: function () {
|
|
1110
|
-
var content = createElement("span", null, this.props.abstract);
|
|
1023
|
+
var content = React.createElement("span", null, this.props.abstract);
|
|
1111
1024
|
if (this.props.link) {
|
|
1112
|
-
content = (createElement("a", { href: this.props.link, target: "_blank" }, content));
|
|
1025
|
+
content = (React.createElement("a", { href: this.props.link, target: "_blank" }, content));
|
|
1113
1026
|
}
|
|
1114
|
-
return (createElement("li", { key: "abstract_" + this.props.abstract, className: styles['list-group-item'] },
|
|
1115
|
-
createElement("span", { className: styles['list-group-item-title'] }, content)));
|
|
1027
|
+
return (React.createElement("li", { key: "abstract_" + this.props.abstract, className: styles$a['list-group-item'] },
|
|
1028
|
+
React.createElement("span", { className: styles$a['list-group-item-title'] }, content)));
|
|
1116
1029
|
}
|
|
1117
1030
|
});
|
|
1118
1031
|
return ArticleAbstractItem;
|
|
1119
|
-
}(Component));
|
|
1032
|
+
}(React.Component));
|
|
1120
1033
|
|
|
1121
1034
|
var PmidItem = /** @class */ (function (_super) {
|
|
1122
1035
|
__extends(PmidItem, _super);
|
|
@@ -1128,24 +1041,24 @@ var PmidItem = /** @class */ (function (_super) {
|
|
|
1128
1041
|
configurable: true,
|
|
1129
1042
|
writable: true,
|
|
1130
1043
|
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,
|
|
1044
|
+
return (React.createElement("li", { key: this.props.pmid, className: styles$a['list-group-item'] },
|
|
1045
|
+
React.createElement("a", { className: styles$a['list-group-item-title'], href: getNCBIlink("/pubmed/" + this.props.pmid), target: "_blank" },
|
|
1046
|
+
React.createElement("span", null, trimOffHtmlTagEntities(this.props.title))),
|
|
1047
|
+
React.createElement("div", { className: styles$a['list-group-item-content'] },
|
|
1048
|
+
React.createElement("span", null,
|
|
1136
1049
|
this.props.author,
|
|
1137
1050
|
" ",
|
|
1138
1051
|
this.props.source,
|
|
1139
1052
|
".",
|
|
1140
1053
|
' ',
|
|
1141
1054
|
this.props.date),
|
|
1142
|
-
createElement("span", null,
|
|
1055
|
+
React.createElement("span", null,
|
|
1143
1056
|
"PMID: ",
|
|
1144
1057
|
this.props.pmid))));
|
|
1145
1058
|
}
|
|
1146
1059
|
});
|
|
1147
1060
|
return PmidItem;
|
|
1148
|
-
}(Component));
|
|
1061
|
+
}(React.Component));
|
|
1149
1062
|
|
|
1150
1063
|
var ReferenceList = /** @class */ (function (_super) {
|
|
1151
1064
|
__extends(ReferenceList, _super);
|
|
@@ -1177,7 +1090,7 @@ var ReferenceList = /** @class */ (function (_super) {
|
|
|
1177
1090
|
value: function () {
|
|
1178
1091
|
var _this = this;
|
|
1179
1092
|
if (this.isLoading) {
|
|
1180
|
-
return createElement("i", { className: "fa fa-spinner fa-pulse fa-2x" });
|
|
1093
|
+
return React.createElement("i", { className: "fa fa-spinner fa-pulse fa-2x" });
|
|
1181
1094
|
}
|
|
1182
1095
|
var list = [];
|
|
1183
1096
|
if (this.props.pmidData) {
|
|
@@ -1185,7 +1098,7 @@ var ReferenceList = /** @class */ (function (_super) {
|
|
|
1185
1098
|
var cacheData = _this.props.pmidData[uid.toString()];
|
|
1186
1099
|
var articleContent = cacheData ? cacheData.data : null;
|
|
1187
1100
|
if (articleContent) {
|
|
1188
|
-
list.push(createElement(PmidItem, { title: articleContent.title, author: ___default.isArray(articleContent.authors) &&
|
|
1101
|
+
list.push(React.createElement(PmidItem, { title: articleContent.title, author: ___default.isArray(articleContent.authors) &&
|
|
1189
1102
|
articleContent.authors.length > 0
|
|
1190
1103
|
? articleContent.authors[0].name + ' et al.'
|
|
1191
1104
|
: 'Unknown', source: articleContent.source, date: new Date(articleContent.pubdate)
|
|
@@ -1195,9 +1108,9 @@ var ReferenceList = /** @class */ (function (_super) {
|
|
|
1195
1108
|
});
|
|
1196
1109
|
}
|
|
1197
1110
|
this.props.abstracts.forEach(function (abstract) {
|
|
1198
|
-
list.push(createElement(ArticleAbstractItem, { abstract: abstract.abstract, link: abstract.link }));
|
|
1111
|
+
list.push(React.createElement(ArticleAbstractItem, { abstract: abstract.abstract, link: abstract.link }));
|
|
1199
1112
|
});
|
|
1200
|
-
return createElement("ul", { className: styles['no-style-ul'] }, list);
|
|
1113
|
+
return React.createElement("ul", { className: styles$a['no-style-ul'] }, list);
|
|
1201
1114
|
}
|
|
1202
1115
|
});
|
|
1203
1116
|
__decorate([
|
|
@@ -1207,7 +1120,7 @@ var ReferenceList = /** @class */ (function (_super) {
|
|
|
1207
1120
|
observer
|
|
1208
1121
|
], ReferenceList);
|
|
1209
1122
|
return ReferenceList;
|
|
1210
|
-
}(Component));
|
|
1123
|
+
}(React.Component));
|
|
1211
1124
|
|
|
1212
1125
|
var RefComponent = /** @class */ (function (_super) {
|
|
1213
1126
|
__extends(RefComponent, _super);
|
|
@@ -1222,11 +1135,11 @@ var RefComponent = /** @class */ (function (_super) {
|
|
|
1222
1135
|
var _this = this;
|
|
1223
1136
|
var parts = this.props.content.split(/pmid|nct/i);
|
|
1224
1137
|
if (parts.length < 2) {
|
|
1225
|
-
return createElement("span", null, this.props.content);
|
|
1138
|
+
return React.createElement("span", null, this.props.content);
|
|
1226
1139
|
}
|
|
1227
1140
|
var ids = parts[1].match(/[0-9]+/g);
|
|
1228
1141
|
if (!ids) {
|
|
1229
|
-
return createElement("span", null, this.props.content);
|
|
1142
|
+
return React.createElement("span", null, this.props.content);
|
|
1230
1143
|
}
|
|
1231
1144
|
var prefix;
|
|
1232
1145
|
if (this.props.content.toLowerCase().indexOf('pmid') >= 0) {
|
|
@@ -1237,28 +1150,28 @@ var RefComponent = /** @class */ (function (_super) {
|
|
|
1237
1150
|
}
|
|
1238
1151
|
var link;
|
|
1239
1152
|
if (prefix) {
|
|
1240
|
-
link = (createElement("a", { target: "_blank", href: getNCBIlink("/pubmed/" + ids.join(',')) }, "" + prefix + ids.join(',')));
|
|
1153
|
+
link = (React.createElement("a", { target: "_blank", href: getNCBIlink("/pubmed/" + ids.join(',')) }, "" + prefix + ids.join(',')));
|
|
1241
1154
|
}
|
|
1242
1155
|
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 },
|
|
1156
|
+
var tooltipContent = function () { return (React.createElement("div", { className: mainStyles['tooltip-refs'] },
|
|
1157
|
+
React.createElement(ReferenceList, { pmids: ids.map(function (id) { return parseInt(id); }), pmidData: _this.props.pmidData, abstracts: [] }))); };
|
|
1158
|
+
return (React.createElement("span", { key: this.props.content },
|
|
1246
1159
|
parts[0],
|
|
1247
|
-
createElement(DefaultTooltip, { overlay: tooltipContent, placement: "right", trigger: ['hover', 'focus'], destroyTooltipOnHide: true },
|
|
1248
|
-
createElement("i", { className: "fa fa-book", style: { color: 'black' } })), ")"));
|
|
1160
|
+
React.createElement(DefaultTooltip, { overlay: tooltipContent, placement: "right", trigger: ['hover', 'focus'], destroyTooltipOnHide: true },
|
|
1161
|
+
React.createElement("i", { className: "fa fa-book", style: { color: 'black' } })), ")"));
|
|
1249
1162
|
}
|
|
1250
1163
|
else if (link) {
|
|
1251
|
-
return (createElement("span", { key: this.props.content },
|
|
1164
|
+
return (React.createElement("span", { key: this.props.content },
|
|
1252
1165
|
parts[0],
|
|
1253
1166
|
link, ")"));
|
|
1254
1167
|
}
|
|
1255
1168
|
else {
|
|
1256
|
-
return createElement("span", null, this.props.content);
|
|
1169
|
+
return React.createElement("span", null, this.props.content);
|
|
1257
1170
|
}
|
|
1258
1171
|
}
|
|
1259
1172
|
});
|
|
1260
1173
|
return RefComponent;
|
|
1261
|
-
}(Component));
|
|
1174
|
+
}(React.Component));
|
|
1262
1175
|
|
|
1263
1176
|
var SummaryWithRefs = /** @class */ (function (_super) {
|
|
1264
1177
|
__extends(SummaryWithRefs, _super);
|
|
@@ -1272,7 +1185,7 @@ var SummaryWithRefs = /** @class */ (function (_super) {
|
|
|
1272
1185
|
value: function () {
|
|
1273
1186
|
var _this = this;
|
|
1274
1187
|
if (!this.props.content) {
|
|
1275
|
-
return createElement("span", null);
|
|
1188
|
+
return React.createElement("span", null);
|
|
1276
1189
|
}
|
|
1277
1190
|
var content = [];
|
|
1278
1191
|
// example delimiters:
|
|
@@ -1286,17 +1199,17 @@ var SummaryWithRefs = /** @class */ (function (_super) {
|
|
|
1286
1199
|
parts.forEach(function (part) {
|
|
1287
1200
|
// if delimiter convert to a JSX component
|
|
1288
1201
|
if (part.match(regex)) {
|
|
1289
|
-
content.push(createElement(RefComponent, { pmidData: _this.props.pmidData, componentType: _this.props.type, content: part }));
|
|
1202
|
+
content.push(React.createElement(RefComponent, { pmidData: _this.props.pmidData, componentType: _this.props.type, content: part }));
|
|
1290
1203
|
}
|
|
1291
1204
|
else {
|
|
1292
|
-
content.push(createElement("span", null, part));
|
|
1205
|
+
content.push(React.createElement("span", null, part));
|
|
1293
1206
|
}
|
|
1294
1207
|
});
|
|
1295
|
-
return createElement("span", null, content);
|
|
1208
|
+
return React.createElement("span", null, content);
|
|
1296
1209
|
}
|
|
1297
1210
|
});
|
|
1298
1211
|
return SummaryWithRefs;
|
|
1299
|
-
}(Component));
|
|
1212
|
+
}(React.Component));
|
|
1300
1213
|
|
|
1301
1214
|
var EvidenceReferenceContent = function (props) {
|
|
1302
1215
|
return (React__default.createElement(If, { condition: !!props.description },
|
|
@@ -1324,7 +1237,7 @@ var OncoKbTreatmentTable = /** @class */ (function (_super) {
|
|
|
1324
1237
|
configurable: true,
|
|
1325
1238
|
writable: true,
|
|
1326
1239
|
value: function (level) {
|
|
1327
|
-
return (createElement("div", { style: { maxWidth: '200px' } }, OncoKbHelper.LEVEL_DESC[level]));
|
|
1240
|
+
return (React.createElement("div", { style: { maxWidth: '200px' } }, OncoKbHelper.LEVEL_DESC[level]));
|
|
1328
1241
|
}
|
|
1329
1242
|
});
|
|
1330
1243
|
Object.defineProperty(_this, "treatmentTooltipContent", {
|
|
@@ -1332,11 +1245,11 @@ var OncoKbTreatmentTable = /** @class */ (function (_super) {
|
|
|
1332
1245
|
configurable: true,
|
|
1333
1246
|
writable: true,
|
|
1334
1247
|
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: {
|
|
1248
|
+
return abstracts.length > 0 || pmids.length > 0 ? (function () { return (React.createElement("div", { className: mainStyles['tooltip-refs'] },
|
|
1249
|
+
React.createElement(EvidenceReferenceContent, { description: description, citations: {
|
|
1337
1250
|
pmids: pmids.map(function (pmid) { return pmid.toString(); }),
|
|
1338
1251
|
abstracts: abstracts,
|
|
1339
|
-
}, pmidData: pmidData, noInfoDisclaimer: 'Mutation effect information is not available.' }))); }) : (createElement("span", null));
|
|
1252
|
+
}, pmidData: pmidData, noInfoDisclaimer: 'Mutation effect information is not available.' }))); }) : (React.createElement("span", null));
|
|
1340
1253
|
}
|
|
1341
1254
|
});
|
|
1342
1255
|
Object.defineProperty(_this, "columns", {
|
|
@@ -1350,31 +1263,31 @@ var OncoKbTreatmentTable = /** @class */ (function (_super) {
|
|
|
1350
1263
|
} }),
|
|
1351
1264
|
{
|
|
1352
1265
|
id: 'treatment',
|
|
1353
|
-
Header: createElement("span", null, "Drug(s)"),
|
|
1266
|
+
Header: React.createElement("span", null, "Drug(s)"),
|
|
1354
1267
|
accessor: 'drugs',
|
|
1355
|
-
Cell: function (props) { return (createElement("div", { style: { whiteSpace: 'normal', lineHeight: '1rem' } }, props.original.drugs
|
|
1268
|
+
Cell: function (props) { return (React.createElement("div", { style: { whiteSpace: 'normal', lineHeight: '1rem' } }, props.original.drugs
|
|
1356
1269
|
.map(function (drug) { return drug.drugName; })
|
|
1357
1270
|
.join(' + '))); },
|
|
1358
1271
|
},
|
|
1359
1272
|
{
|
|
1360
1273
|
id: 'cancerType',
|
|
1361
|
-
Header: (createElement("span", null,
|
|
1274
|
+
Header: (React.createElement("span", null,
|
|
1362
1275
|
"Level-associated",
|
|
1363
|
-
createElement("br", null),
|
|
1276
|
+
React.createElement("br", null),
|
|
1364
1277
|
"cancer type(s)")),
|
|
1365
1278
|
accessor: 'levelAssociatedCancerType',
|
|
1366
1279
|
minWidth: 120,
|
|
1367
|
-
Cell: function (props) { return (createElement("div", { style: { whiteSpace: 'normal', lineHeight: '1rem' } }, getTumorTypeName(props.original.levelAssociatedCancerType))); },
|
|
1280
|
+
Cell: function (props) { return (React.createElement("div", { style: { whiteSpace: 'normal', lineHeight: '1rem' } }, getTumorTypeName(props.original.levelAssociatedCancerType))); },
|
|
1368
1281
|
},
|
|
1369
1282
|
{
|
|
1370
1283
|
id: 'referenceList',
|
|
1371
|
-
Header: createElement("span", null),
|
|
1284
|
+
Header: React.createElement("span", null),
|
|
1372
1285
|
sortable: false,
|
|
1373
1286
|
maxWidth: 25,
|
|
1374
1287
|
Cell: function (props) {
|
|
1375
1288
|
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" })));
|
|
1289
|
+
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 },
|
|
1290
|
+
React.createElement("i", { className: "fa fa-book" })));
|
|
1378
1291
|
},
|
|
1379
1292
|
},
|
|
1380
1293
|
]
|
|
@@ -1386,15 +1299,15 @@ var OncoKbTreatmentTable = /** @class */ (function (_super) {
|
|
|
1386
1299
|
configurable: true,
|
|
1387
1300
|
writable: true,
|
|
1388
1301
|
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" })));
|
|
1302
|
+
return (React.createElement("div", { className: "oncokb-treatment-table" },
|
|
1303
|
+
React.createElement(ReactTable, { data: this.props.treatments, columns: this.columns, showPagination: false, pageSize: this.props.treatments.length, className: "-striped -highlight" })));
|
|
1391
1304
|
}
|
|
1392
1305
|
});
|
|
1393
1306
|
OncoKbTreatmentTable = __decorate([
|
|
1394
1307
|
observer
|
|
1395
1308
|
], OncoKbTreatmentTable);
|
|
1396
1309
|
return OncoKbTreatmentTable;
|
|
1397
|
-
}(Component));
|
|
1310
|
+
}(React.Component));
|
|
1398
1311
|
|
|
1399
1312
|
var BiologicalContent = function (props) {
|
|
1400
1313
|
return (React__default.createElement(EvidenceReferenceContent, { description: props.biologicalSummary, citations: props.mutationEffectCitations, pmidData: props.pmidData, noInfoDisclaimer: 'Mutation effect information is not available.' }));
|
|
@@ -1408,26 +1321,26 @@ var ImplicationContent = function (props) {
|
|
|
1408
1321
|
} }),
|
|
1409
1322
|
{
|
|
1410
1323
|
id: 'referenceList',
|
|
1411
|
-
Header: createElement("span", null),
|
|
1324
|
+
Header: React.createElement("span", null),
|
|
1412
1325
|
sortable: false,
|
|
1413
1326
|
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: {
|
|
1327
|
+
Cell: function (cellProps) { return (React.createElement(DefaultTooltip, { overlay: function () { return (React.createElement("div", { className: mainStyles['tooltip-refs'] },
|
|
1328
|
+
React.createElement(EvidenceReferenceContent, { description: cellProps.original.description, citations: {
|
|
1416
1329
|
pmids: cellProps.original.pmids,
|
|
1417
1330
|
abstracts: cellProps.original.abstracts,
|
|
1418
1331
|
}, pmidData: props.pmidData, noInfoDisclaimer: 'Mutation effect information is not available.' }))); }, placement: "right", trigger: ['hover', 'focus'], destroyTooltipOnHide: true },
|
|
1419
|
-
createElement("i", { className: "fa fa-book" }))); },
|
|
1332
|
+
React.createElement("i", { className: "fa fa-book" }))); },
|
|
1420
1333
|
},
|
|
1421
1334
|
];
|
|
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" }))));
|
|
1335
|
+
return (React.createElement("div", null,
|
|
1336
|
+
React.createElement("p", null, props.summary),
|
|
1337
|
+
React.createElement("div", null,
|
|
1338
|
+
React.createElement(ReactTable, { data: props.implications, columns: columns, showPagination: false, pageSize: props.implications.length, className: "-striped -highlight" }))));
|
|
1426
1339
|
};
|
|
1427
1340
|
|
|
1428
1341
|
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
1342
|
|
|
1430
|
-
var _a$
|
|
1343
|
+
var _a$3;
|
|
1431
1344
|
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
1345
|
var ONCOKB_DATA_ACCESS_PAGE_LINK = 'https://docs.cbioportal.org/2.4-integration-with-other-webservices/oncokb-data-access';
|
|
1433
1346
|
var publicInstanceDisclaimerOverLay = (React__default.createElement("div", null,
|
|
@@ -1437,13 +1350,13 @@ var publicInstanceDisclaimerOverLay = (React__default.createElement("div", null,
|
|
|
1437
1350
|
React__default.createElement("a", { href: ONCOKB_DATA_ACCESS_PAGE_LINK, target: '_blank' }, "these instructions"),
|
|
1438
1351
|
"."),
|
|
1439
1352
|
OncoKbMedicalDisclaimer));
|
|
1440
|
-
var DATA_TYPE_TO_TITLE = (_a$
|
|
1441
|
-
_a$
|
|
1442
|
-
_a$
|
|
1443
|
-
_a$
|
|
1444
|
-
_a$
|
|
1445
|
-
_a$
|
|
1446
|
-
_a$
|
|
1353
|
+
var DATA_TYPE_TO_TITLE = (_a$3 = {},
|
|
1354
|
+
_a$3[OncoKbCardDataType.BIOLOGICAL] = 'Biological Effect',
|
|
1355
|
+
_a$3[OncoKbCardDataType.TXS] = 'Therapeutic Implications',
|
|
1356
|
+
_a$3[OncoKbCardDataType.TXR] = 'Therapeutic Implications',
|
|
1357
|
+
_a$3[OncoKbCardDataType.DX] = 'Diagnostic Implications',
|
|
1358
|
+
_a$3[OncoKbCardDataType.PX] = 'Prognostic Implications',
|
|
1359
|
+
_a$3);
|
|
1447
1360
|
var TabContentWrapper = function (props) {
|
|
1448
1361
|
return React__default.createElement("div", { className: mainStyles['tab-content'] }, props.children);
|
|
1449
1362
|
};
|
|
@@ -1621,17 +1534,17 @@ var OncoKbCard = /** @class */ (function (_super) {
|
|
|
1621
1534
|
configurable: true,
|
|
1622
1535
|
writable: true,
|
|
1623
1536
|
value: function () {
|
|
1624
|
-
var oncokbLogo = (createElement("img", { src:
|
|
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
|
|
1537
|
+
var oncokbLogo = (React.createElement("img", { src: img$3, className: mainStyles['oncokb-logo'], alt: "OncoKB" }));
|
|
1538
|
+
return (React.createElement("div", { className: mainStyles['oncokb-card'], "data-test": "oncokb-card" },
|
|
1539
|
+
React.createElement("div", null,
|
|
1540
|
+
!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
1541
|
? this.props.indicator.query.tumorType
|
|
1629
1542
|
: '' })),
|
|
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")))))));
|
|
1543
|
+
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 }),
|
|
1544
|
+
React.createElement("div", { className: mainStyles.footer },
|
|
1545
|
+
this.oncokbLinkOut === undefined ? ({ oncokbLogo: oncokbLogo }) : (React.createElement("a", { href: "" + this.oncokbLinkOut, target: "_blank", className: mainStyles['oncokb-logo'] }, oncokbLogo)),
|
|
1546
|
+
this.props.handleFeedbackOpen && (React.createElement("span", null,
|
|
1547
|
+
React.createElement("button", { className: "btn btn-default btn-xs", onClick: this.props.handleFeedbackOpen }, "Feedback")))))));
|
|
1635
1548
|
}
|
|
1636
1549
|
});
|
|
1637
1550
|
__decorate([
|
|
@@ -1641,7 +1554,7 @@ var OncoKbCard = /** @class */ (function (_super) {
|
|
|
1641
1554
|
observer
|
|
1642
1555
|
], OncoKbCard);
|
|
1643
1556
|
return OncoKbCard;
|
|
1644
|
-
}(Component));
|
|
1557
|
+
}(React.Component));
|
|
1645
1558
|
|
|
1646
1559
|
/**
|
|
1647
1560
|
* @author Selcuk Onur Sumer
|
|
@@ -1684,16 +1597,16 @@ var OncoKbTooltip = /** @class */ (function (_super) {
|
|
|
1684
1597
|
configurable: true,
|
|
1685
1598
|
writable: true,
|
|
1686
1599
|
value: function () {
|
|
1687
|
-
var tooltipContent = createElement("span", null);
|
|
1600
|
+
var tooltipContent = React.createElement("span", null);
|
|
1688
1601
|
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 }));
|
|
1602
|
+
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
1603
|
}
|
|
1691
1604
|
if (!this.props.indicator) {
|
|
1692
1605
|
return tooltipContent;
|
|
1693
1606
|
}
|
|
1694
1607
|
if (!this.props.geneNotExist) {
|
|
1695
1608
|
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 }));
|
|
1609
|
+
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
1610
|
}
|
|
1698
1611
|
return tooltipContent;
|
|
1699
1612
|
}
|
|
@@ -1702,7 +1615,7 @@ var OncoKbTooltip = /** @class */ (function (_super) {
|
|
|
1702
1615
|
observer
|
|
1703
1616
|
], OncoKbTooltip);
|
|
1704
1617
|
return OncoKbTooltip;
|
|
1705
|
-
}(Component));
|
|
1618
|
+
}(React.Component));
|
|
1706
1619
|
|
|
1707
1620
|
var OncoKbFeedback = /** @class */ (function (_super) {
|
|
1708
1621
|
__extends(OncoKbFeedback, _super);
|
|
@@ -1721,23 +1634,23 @@ var OncoKbFeedback = /** @class */ (function (_super) {
|
|
|
1721
1634
|
var userParam = "entry.1381123986=" + (this.props.userEmailAddress ||
|
|
1722
1635
|
'');
|
|
1723
1636
|
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: {
|
|
1637
|
+
return (React.createElement(Modal, { show: this.props.showFeedback, onHide: this.props.handleFeedbackClose },
|
|
1638
|
+
React.createElement(Modal.Header, { closeButton: true },
|
|
1639
|
+
React.createElement(Modal.Title, null, "OncoKB Annotation Feedback")),
|
|
1640
|
+
React.createElement(Modal.Body, null,
|
|
1641
|
+
React.createElement("iframe", { src: url + "?" + geneParam + "&" + alterationParam + "&entry.118699694&entry.1568641202&" + userParam + "&" + uriParam + "&embedded=true", style: {
|
|
1729
1642
|
width: 550,
|
|
1730
1643
|
height: 500,
|
|
1731
1644
|
border: 'none',
|
|
1732
1645
|
marginLeft: '10px',
|
|
1733
1646
|
}, marginHeight: 0, marginWidth: 0 },
|
|
1734
|
-
createElement("i", { className: "fa fa-spinner fa-pulse fa-2x" })))));
|
|
1647
|
+
React.createElement("i", { className: "fa fa-spinner fa-pulse fa-2x" })))));
|
|
1735
1648
|
}
|
|
1736
1649
|
});
|
|
1737
1650
|
return OncoKbFeedback;
|
|
1738
|
-
}(Component));
|
|
1651
|
+
}(React.Component));
|
|
1739
1652
|
|
|
1740
|
-
function sortValue$
|
|
1653
|
+
function sortValue$6(indicator) {
|
|
1741
1654
|
var values = [0, 0, 0];
|
|
1742
1655
|
if (indicator) {
|
|
1743
1656
|
values[0] = calcOncogenicScore(indicator.oncogenic);
|
|
@@ -1748,7 +1661,7 @@ function sortValue$2(indicator) {
|
|
|
1748
1661
|
}
|
|
1749
1662
|
return values;
|
|
1750
1663
|
}
|
|
1751
|
-
function download$
|
|
1664
|
+
function download$5(indicator) {
|
|
1752
1665
|
var _a, _b;
|
|
1753
1666
|
if (!indicator) {
|
|
1754
1667
|
return 'NA';
|
|
@@ -1821,9 +1734,9 @@ var OncoKB = /** @class */ (function (_super) {
|
|
|
1821
1734
|
? this.singleAnnotationIcon()
|
|
1822
1735
|
: this.multiAnnotationIcon();
|
|
1823
1736
|
if (!this.props.disableFeedback && this.showFeedback) {
|
|
1824
|
-
oncoKbContent = (createElement("span", null,
|
|
1737
|
+
oncoKbContent = (React.createElement("span", null,
|
|
1825
1738
|
oncoKbContent,
|
|
1826
|
-
createElement(OncoKbFeedback, { userEmailAddress: this.props.userEmailAddress, hugoSymbol: this.props.hugoGeneSymbol, alteration: this.props.indicator
|
|
1739
|
+
React.createElement(OncoKbFeedback, { userEmailAddress: this.props.userEmailAddress, hugoSymbol: this.props.hugoGeneSymbol, alteration: this.props.indicator
|
|
1827
1740
|
? this.props.indicator.query.alteration
|
|
1828
1741
|
: undefined, showFeedback: this.showFeedback, handleFeedbackClose: this.handleFeedbackClose })));
|
|
1829
1742
|
}
|
|
@@ -1836,8 +1749,8 @@ var OncoKB = /** @class */ (function (_super) {
|
|
|
1836
1749
|
configurable: true,
|
|
1837
1750
|
writable: true,
|
|
1838
1751
|
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 }),
|
|
1752
|
+
return (React.createElement("span", { className: "oncokb-content", style: { display: 'inline-flex' } },
|
|
1753
|
+
React.createElement(AnnotationIcon, { type: OncoKbCardDataType.BIOLOGICAL, tooltipOverlay: this.tooltipContent(OncoKbCardDataType.BIOLOGICAL), indicator: this.props.indicator, availableDataTypes: this.props.availableDataTypes }),
|
|
1841
1754
|
this.levelIcons()));
|
|
1842
1755
|
}
|
|
1843
1756
|
});
|
|
@@ -1851,19 +1764,19 @@ var OncoKB = /** @class */ (function (_super) {
|
|
|
1851
1764
|
return null;
|
|
1852
1765
|
}
|
|
1853
1766
|
if (this.props.indicator) {
|
|
1854
|
-
return (createElement(Fragment, null, [
|
|
1767
|
+
return (React.createElement(React.Fragment, null, [
|
|
1855
1768
|
OncoKbCardDataType.TXS,
|
|
1856
1769
|
OncoKbCardDataType.TXR,
|
|
1857
1770
|
OncoKbCardDataType.DX,
|
|
1858
1771
|
OncoKbCardDataType.PX,
|
|
1859
|
-
].map(function (dataType) { return (createElement(AnnotationIcon, { type: dataType, tooltipOverlay: _this.tooltipContent(dataType), indicator: _this.props.indicator, availableDataTypes: _this.props.availableDataTypes })); })));
|
|
1772
|
+
].map(function (dataType) { return (React.createElement(AnnotationIcon, { type: dataType, tooltipOverlay: _this.tooltipContent(dataType), indicator: _this.props.indicator, availableDataTypes: _this.props.availableDataTypes })); })));
|
|
1860
1773
|
}
|
|
1861
1774
|
else {
|
|
1862
1775
|
// workaround: use content padding value to draw an empty icon when there is no indicator data.
|
|
1863
1776
|
// this is to keep the icon alignment consistent with the rest of the column.
|
|
1864
1777
|
// ideally we should implement grouped columns to avoid these kind of workarounds
|
|
1865
1778
|
// (see https://github.com/cBioPortal/cbioportal/issues/8723)
|
|
1866
|
-
return createElement("i", { style: { paddingRight: this.props.contentPadding } });
|
|
1779
|
+
return React.createElement("i", { style: { paddingRight: this.props.contentPadding } });
|
|
1867
1780
|
}
|
|
1868
1781
|
}
|
|
1869
1782
|
});
|
|
@@ -1872,8 +1785,8 @@ var OncoKB = /** @class */ (function (_super) {
|
|
|
1872
1785
|
configurable: true,
|
|
1873
1786
|
writable: true,
|
|
1874
1787
|
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 }) })));
|
|
1788
|
+
return (React.createElement("span", { className: "oncokb-content", style: { display: 'inline-flex' } },
|
|
1789
|
+
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
1790
|
}
|
|
1878
1791
|
});
|
|
1879
1792
|
Object.defineProperty(OncoKB.prototype, "tooltipContent", {
|
|
@@ -1881,7 +1794,7 @@ var OncoKB = /** @class */ (function (_super) {
|
|
|
1881
1794
|
configurable: true,
|
|
1882
1795
|
writable: true,
|
|
1883
1796
|
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
|
|
1797
|
+
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
1798
|
? undefined
|
|
1886
1799
|
: this.handleFeedbackOpen }));
|
|
1887
1800
|
}
|
|
@@ -1921,24 +1834,24 @@ var OncoKB = /** @class */ (function (_super) {
|
|
|
1921
1834
|
observer
|
|
1922
1835
|
], OncoKB);
|
|
1923
1836
|
return OncoKB;
|
|
1924
|
-
}(Component));
|
|
1837
|
+
}(React.Component));
|
|
1925
1838
|
|
|
1926
1839
|
var hotspotStyles = {"hotspot-info":"hotspotInfo-module_hotspot-info__S24fX"};
|
|
1927
1840
|
|
|
1928
1841
|
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;
|
|
1842
|
+
var recurrentHotspot = isHotspot ? React.createElement("b", null, "Recurrent Hotspot") : null;
|
|
1843
|
+
var maybeAnd = isHotspot && is3dHotspot ? React.createElement("span", null, "and") : null;
|
|
1844
|
+
var clusteredHotspot = is3dHotspot ? React.createElement("b", null, "3D Clustered Hotspot") : null;
|
|
1932
1845
|
var countInfo = null;
|
|
1933
1846
|
if (count) {
|
|
1934
1847
|
var sample = count > 1 ? 'samples' : 'sample';
|
|
1935
|
-
countInfo = (createElement("span", null,
|
|
1936
|
-
createElement("b", null, count),
|
|
1848
|
+
countInfo = (React.createElement("span", null,
|
|
1849
|
+
React.createElement("b", null, count),
|
|
1937
1850
|
" ",
|
|
1938
1851
|
sample,
|
|
1939
1852
|
" with"));
|
|
1940
1853
|
}
|
|
1941
|
-
return (createElement("span", null,
|
|
1854
|
+
return (React.createElement("span", null,
|
|
1942
1855
|
countInfo,
|
|
1943
1856
|
" ",
|
|
1944
1857
|
recurrentHotspot,
|
|
@@ -1955,9 +1868,9 @@ function publication(isHotspot, is3dHotspot) {
|
|
|
1955
1868
|
: '';
|
|
1956
1869
|
var maybeAnd = isHotspot && is3dHotspot ? 'and' : '';
|
|
1957
1870
|
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,
|
|
1871
|
+
var recurrentPublication = isHotspot ? (React.createElement("a", { href: getNCBIlink("/pubmed/26619011"), target: "_blank" }, "Chang et al., Nat Biotechnol, 2016")) : ('');
|
|
1872
|
+
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")) : ('');
|
|
1873
|
+
return (React.createElement("span", null,
|
|
1961
1874
|
"This mutated amino acid was identified as ",
|
|
1962
1875
|
recurrentHotspot,
|
|
1963
1876
|
' ',
|
|
@@ -1974,10 +1887,10 @@ function publication(isHotspot, is3dHotspot) {
|
|
|
1974
1887
|
"."));
|
|
1975
1888
|
}
|
|
1976
1889
|
function link(isHotspot, is3dHotspot) {
|
|
1977
|
-
var recurrentLink = isHotspot ? (createElement("a", { href: "https://www.cancerhotspots.org/", target: "_blank" }, "https://cancerhotspots.org/")) : ('');
|
|
1890
|
+
var recurrentLink = isHotspot ? (React.createElement("a", { href: "https://www.cancerhotspots.org/", target: "_blank" }, "https://cancerhotspots.org/")) : ('');
|
|
1978
1891
|
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,
|
|
1892
|
+
var clusteredLink = is3dHotspot ? (React.createElement("a", { href: "https://www.3dhotspots.org/", target: "_blank" }, "https://3dhotspots.org/")) : ('');
|
|
1893
|
+
return (React.createElement("span", null,
|
|
1981
1894
|
"Explore all mutations at ",
|
|
1982
1895
|
recurrentLink,
|
|
1983
1896
|
" ",
|
|
@@ -1988,20 +1901,20 @@ function link(isHotspot, is3dHotspot) {
|
|
|
1988
1901
|
}
|
|
1989
1902
|
var HotspotInfo = function (props) {
|
|
1990
1903
|
var isHotspot = props.isHotspot, is3dHotspot = props.is3dHotspot, count = props.count, customInfo = props.customInfo;
|
|
1991
|
-
return (createElement("span", { className: hotspotStyles['hotspot-info'] },
|
|
1904
|
+
return (React.createElement("span", { className: hotspotStyles['hotspot-info'] },
|
|
1992
1905
|
title(isHotspot, is3dHotspot, count, customInfo),
|
|
1993
|
-
createElement("br", null),
|
|
1906
|
+
React.createElement("br", null),
|
|
1994
1907
|
publication(isHotspot, is3dHotspot),
|
|
1995
|
-
createElement("br", null),
|
|
1996
|
-
createElement("br", null),
|
|
1908
|
+
React.createElement("br", null),
|
|
1909
|
+
React.createElement("br", null),
|
|
1997
1910
|
link(isHotspot, is3dHotspot)));
|
|
1998
1911
|
};
|
|
1999
1912
|
|
|
2000
|
-
var
|
|
1913
|
+
var img$2 = "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
1914
|
|
|
2002
|
-
var
|
|
1915
|
+
var img$1 = "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
1916
|
|
|
2004
|
-
function sortValue$
|
|
1917
|
+
function sortValue$5(isHotspot, is3dHotspot) {
|
|
2005
1918
|
var score = 0;
|
|
2006
1919
|
if (isHotspot) {
|
|
2007
1920
|
score += 1;
|
|
@@ -2011,7 +1924,7 @@ function sortValue$3(isHotspot, is3dHotspot) {
|
|
|
2011
1924
|
}
|
|
2012
1925
|
return score;
|
|
2013
1926
|
}
|
|
2014
|
-
function placeArrow
|
|
1927
|
+
function placeArrow(tooltipEl) {
|
|
2015
1928
|
var arrowEl = tooltipEl.querySelector('.rc-tooltip-arrow');
|
|
2016
1929
|
arrowEl.style.left = '10px';
|
|
2017
1930
|
}
|
|
@@ -2028,30 +1941,30 @@ var HotspotAnnotation = /** @class */ (function (_super) {
|
|
|
2028
1941
|
writable: true,
|
|
2029
1942
|
value: function () {
|
|
2030
1943
|
var _a = this.props, isHotspot = _a.isHotspot, is3dHotspot = _a.is3dHotspot;
|
|
2031
|
-
var hotspotContent = (createElement("span", { className: "" + annotationStyles['annotation-item'] }));
|
|
1944
|
+
var hotspotContent = (React.createElement("span", { className: "" + annotationStyles['annotation-item'] }));
|
|
2032
1945
|
if (this.props.status === 'pending') {
|
|
2033
1946
|
hotspotContent = loaderIcon('pull-left');
|
|
2034
1947
|
}
|
|
2035
1948
|
else if (isHotspot || is3dHotspot) {
|
|
2036
1949
|
var hotspotsImgWidth = 14;
|
|
2037
1950
|
var hotspotsImgHeight = 14;
|
|
2038
|
-
var hotspotsImgSrc =
|
|
1951
|
+
var hotspotsImgSrc = img$2;
|
|
2039
1952
|
// if it is a 3D hotspot but not a recurrent hotspot, show the 3D hotspot icon
|
|
2040
1953
|
if (!isHotspot) {
|
|
2041
|
-
hotspotsImgSrc =
|
|
1954
|
+
hotspotsImgSrc = img$1;
|
|
2042
1955
|
hotspotsImgHeight = 18;
|
|
2043
1956
|
}
|
|
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" }))));
|
|
1957
|
+
var arrowContent = React.createElement("div", { className: "rc-tooltip-arrow-inner" });
|
|
1958
|
+
var tooltipContent = (React.createElement(HotspotInfo, { isHotspot: isHotspot, is3dHotspot: is3dHotspot }));
|
|
1959
|
+
hotspotContent = (React.createElement(DefaultTooltip, { overlay: tooltipContent, placement: "topLeft", trigger: ['hover', 'focus'], arrowContent: arrowContent, onPopupAlign: placeArrow },
|
|
1960
|
+
React.createElement("span", { className: annotationStyles['annotation-item'] + " chang_hotspot" },
|
|
1961
|
+
React.createElement("img", { width: hotspotsImgWidth, height: hotspotsImgHeight, src: hotspotsImgSrc, alt: "Recurrent Hotspot Symbol" }))));
|
|
2049
1962
|
}
|
|
2050
1963
|
return hotspotContent;
|
|
2051
1964
|
}
|
|
2052
1965
|
});
|
|
2053
1966
|
return HotspotAnnotation;
|
|
2054
|
-
}(Component));
|
|
1967
|
+
}(React.Component));
|
|
2055
1968
|
|
|
2056
1969
|
var DEFAULT_MUTATION_ALIGNER_URL_TEMPLATE = 'http://mutationaligner.org/api/domains/<%= pfamDomainId %>?metadata=true';
|
|
2057
1970
|
var DEFAULT_MUTATION_ALIGNER_PROXY_URL_TEMPLATE = 'https://www.cbioportal.org/proxy/mutationaligner.org/api/domains/<%= pfamDomainId %>?metadata=true';
|
|
@@ -2298,20 +2211,20 @@ function annotationSortMethod(a, b) {
|
|
|
2298
2211
|
}
|
|
2299
2212
|
function sortValue$4(annotation) {
|
|
2300
2213
|
return ___default.flatten([
|
|
2301
|
-
sortValue$
|
|
2302
|
-
sortValue(annotation.civicEntry),
|
|
2303
|
-
sortValue$
|
|
2304
|
-
sortValue$
|
|
2214
|
+
sortValue$6(annotation.oncoKbIndicator),
|
|
2215
|
+
sortValue$8(annotation.civicEntry),
|
|
2216
|
+
sortValue$7(annotation.myCancerGenomeLinks),
|
|
2217
|
+
sortValue$5(annotation.isHotspot, annotation.is3dHotspot),
|
|
2305
2218
|
annotation.isOncoKbCancerGene ? 1 : 0,
|
|
2306
2219
|
]);
|
|
2307
2220
|
}
|
|
2308
2221
|
function GenericAnnotation(props) {
|
|
2309
2222
|
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 }))));
|
|
2223
|
+
return (React.createElement("span", { style: { display: 'flex', minWidth: 100 } },
|
|
2224
|
+
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 })),
|
|
2225
|
+
enableCivic && (React.createElement(Civic, { civicEntry: annotation.civicEntry, civicStatus: annotation.civicStatus, hasCivicVariants: annotation.hasCivicVariants })),
|
|
2226
|
+
enableMyCancerGenome && (React.createElement(MyCancerGenome, { linksHTML: annotation.myCancerGenomeLinks })),
|
|
2227
|
+
enableHotspot && (React.createElement(HotspotAnnotation, { isHotspot: annotation.isHotspot, is3dHotspot: annotation.is3dHotspot, status: annotation.hotspotStatus }))));
|
|
2315
2228
|
}
|
|
2316
2229
|
var Annotation = /** @class */ (function (_super) {
|
|
2317
2230
|
__extends(Annotation, _super);
|
|
@@ -2324,7 +2237,7 @@ var Annotation = /** @class */ (function (_super) {
|
|
|
2324
2237
|
writable: true,
|
|
2325
2238
|
value: function () {
|
|
2326
2239
|
var annotation = this.getAnnotationData(this.props);
|
|
2327
|
-
return createElement(GenericAnnotation, __assign({}, this.props, { annotation: annotation }));
|
|
2240
|
+
return React.createElement(GenericAnnotation, __assign({}, this.props, { annotation: annotation }));
|
|
2328
2241
|
}
|
|
2329
2242
|
});
|
|
2330
2243
|
Object.defineProperty(Annotation.prototype, "getAnnotationData", {
|
|
@@ -2340,7 +2253,7 @@ var Annotation = /** @class */ (function (_super) {
|
|
|
2340
2253
|
observer
|
|
2341
2254
|
], Annotation);
|
|
2342
2255
|
return Annotation;
|
|
2343
|
-
}(Component));
|
|
2256
|
+
}(React.Component));
|
|
2344
2257
|
|
|
2345
2258
|
function getClinvarData(mutation, indexedVariantAnnotations) {
|
|
2346
2259
|
var _a;
|
|
@@ -2348,7 +2261,7 @@ function getClinvarData(mutation, indexedVariantAnnotations) {
|
|
|
2348
2261
|
return (_a = variantAnnotation === null || variantAnnotation === void 0 ? void 0 : variantAnnotation.clinvar) === null || _a === void 0 ? void 0 : _a.annotation;
|
|
2349
2262
|
}
|
|
2350
2263
|
|
|
2351
|
-
function download$
|
|
2264
|
+
function download$4(clinvar) {
|
|
2352
2265
|
var clinicalSignificance = clinvar === null || clinvar === void 0 ? void 0 : clinvar.clinicalSignificance;
|
|
2353
2266
|
var conflictingClinicalSignificance = clinvar === null || clinvar === void 0 ? void 0 : clinvar.conflictingClinicalSignificance;
|
|
2354
2267
|
if (clinicalSignificance && conflictingClinicalSignificance) {
|
|
@@ -2361,7 +2274,7 @@ function download$3(clinvar) {
|
|
|
2361
2274
|
return '';
|
|
2362
2275
|
}
|
|
2363
2276
|
}
|
|
2364
|
-
function sortValue$
|
|
2277
|
+
function sortValue$3(clinvar) {
|
|
2365
2278
|
if (clinvar && clinvar.clinicalSignificance) {
|
|
2366
2279
|
return clinvar.clinicalSignificance;
|
|
2367
2280
|
}
|
|
@@ -2370,7 +2283,7 @@ function sortValue$5(clinvar) {
|
|
|
2370
2283
|
}
|
|
2371
2284
|
}
|
|
2372
2285
|
function clinvarSortMethod(a, b) {
|
|
2373
|
-
return defaultSortMethod(sortValue$
|
|
2286
|
+
return defaultSortMethod(sortValue$3(a), sortValue$3(b));
|
|
2374
2287
|
}
|
|
2375
2288
|
var ClinvarInterpretation = /** @class */ (function (_super) {
|
|
2376
2289
|
__extends(ClinvarInterpretation, _super);
|
|
@@ -2393,12 +2306,12 @@ var ClinvarInterpretation = /** @class */ (function (_super) {
|
|
|
2393
2306
|
}
|
|
2394
2307
|
else {
|
|
2395
2308
|
var clinvarData = getClinvarData(this.props.mutation, this.props.indexedVariantAnnotations);
|
|
2396
|
-
content = createElement(ClinvarSummary, { clinvar: clinvarData });
|
|
2309
|
+
content = React.createElement(ClinvarSummary, { clinvar: clinvarData });
|
|
2397
2310
|
}
|
|
2398
2311
|
return content;
|
|
2399
2312
|
}
|
|
2400
2313
|
else {
|
|
2401
|
-
return createElement("div", null);
|
|
2314
|
+
return React.createElement("div", null);
|
|
2402
2315
|
}
|
|
2403
2316
|
}
|
|
2404
2317
|
});
|
|
@@ -2406,7 +2319,7 @@ var ClinvarInterpretation = /** @class */ (function (_super) {
|
|
|
2406
2319
|
observer
|
|
2407
2320
|
], ClinvarInterpretation);
|
|
2408
2321
|
return ClinvarInterpretation;
|
|
2409
|
-
}(Component));
|
|
2322
|
+
}(React.Component));
|
|
2410
2323
|
|
|
2411
2324
|
var ColumnHeader = /** @class */ (function (_super) {
|
|
2412
2325
|
__extends(ColumnHeader, _super);
|
|
@@ -2420,9 +2333,9 @@ var ColumnHeader = /** @class */ (function (_super) {
|
|
|
2420
2333
|
value: function () {
|
|
2421
2334
|
var content = this.props.headerContent;
|
|
2422
2335
|
if (this.props.overlay) {
|
|
2423
|
-
content = (createElement(DefaultTooltip, { mouseEnterDelay: 0.5, placement: "top", overlay: this.props.overlay, destroyTooltipOnHide: true }, content));
|
|
2336
|
+
content = (React.createElement(DefaultTooltip, { mouseEnterDelay: 0.5, placement: "top", overlay: this.props.overlay, destroyTooltipOnHide: true }, content));
|
|
2424
2337
|
}
|
|
2425
|
-
return (createElement("span", { className: this.props.className || ColumnHeader.defaultProps.className }, content));
|
|
2338
|
+
return (React.createElement("span", { className: this.props.className || ColumnHeader.defaultProps.className }, content));
|
|
2426
2339
|
}
|
|
2427
2340
|
});
|
|
2428
2341
|
Object.defineProperty(ColumnHeader, "defaultProps", {
|
|
@@ -2434,7 +2347,7 @@ var ColumnHeader = /** @class */ (function (_super) {
|
|
|
2434
2347
|
}
|
|
2435
2348
|
});
|
|
2436
2349
|
return ColumnHeader;
|
|
2437
|
-
}(Component));
|
|
2350
|
+
}(React.Component));
|
|
2438
2351
|
|
|
2439
2352
|
var DbsnpId = /** @class */ (function (_super) {
|
|
2440
2353
|
__extends(DbsnpId, _super);
|
|
@@ -2448,8 +2361,8 @@ var DbsnpId = /** @class */ (function (_super) {
|
|
|
2448
2361
|
value: function () {
|
|
2449
2362
|
var rsId = getDbsnpRsId(this.props.myVariantInfo);
|
|
2450
2363
|
if (rsId == null) {
|
|
2451
|
-
return (createElement(DefaultTooltip, { placement: "topRight", overlay: createElement("span", null, "Variant has no dbSNP data.") },
|
|
2452
|
-
createElement("span", { style: {
|
|
2364
|
+
return (React.createElement(DefaultTooltip, { placement: "topRight", overlay: React.createElement("span", null, "Variant has no dbSNP data.") },
|
|
2365
|
+
React.createElement("span", { style: {
|
|
2453
2366
|
height: '100%',
|
|
2454
2367
|
width: '100%',
|
|
2455
2368
|
display: 'block',
|
|
@@ -2458,9 +2371,9 @@ var DbsnpId = /** @class */ (function (_super) {
|
|
|
2458
2371
|
}
|
|
2459
2372
|
else {
|
|
2460
2373
|
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))));
|
|
2374
|
+
return (React.createElement(DefaultTooltip, { placement: "top", overlay: React.createElement("span", null, "Click to see variant on dbSNP website.") },
|
|
2375
|
+
React.createElement("span", { style: { textAlign: 'right', float: 'right' } },
|
|
2376
|
+
React.createElement("a", { href: dbsnpLink, target: "_blank" }, rsId))));
|
|
2464
2377
|
}
|
|
2465
2378
|
}
|
|
2466
2379
|
});
|
|
@@ -2468,7 +2381,7 @@ var DbsnpId = /** @class */ (function (_super) {
|
|
|
2468
2381
|
observer
|
|
2469
2382
|
], DbsnpId);
|
|
2470
2383
|
return DbsnpId;
|
|
2471
|
-
}(Component));
|
|
2384
|
+
}(React.Component));
|
|
2472
2385
|
|
|
2473
2386
|
function renderMyVariantInfoContent(props, getContent) {
|
|
2474
2387
|
var _a, _b;
|
|
@@ -2487,7 +2400,7 @@ function renderMyVariantInfoContent(props, getContent) {
|
|
|
2487
2400
|
else {
|
|
2488
2401
|
content = getContent(myVariantInfo, variantAnnotation);
|
|
2489
2402
|
}
|
|
2490
|
-
return createElement("div", { className: props.className }, content);
|
|
2403
|
+
return React.createElement("div", { className: props.className }, content);
|
|
2491
2404
|
}
|
|
2492
2405
|
function getMyVariantInfoData(mutation, indexedMyVariantInfoAnnotations) {
|
|
2493
2406
|
return getMyVariantInfoAnnotation(mutation, indexedMyVariantInfoAnnotations
|
|
@@ -2495,15 +2408,15 @@ function getMyVariantInfoData(mutation, indexedMyVariantInfoAnnotations) {
|
|
|
2495
2408
|
: undefined);
|
|
2496
2409
|
}
|
|
2497
2410
|
|
|
2498
|
-
function download$
|
|
2499
|
-
var value = sortValue$
|
|
2411
|
+
function download$3(myVariantInfo) {
|
|
2412
|
+
var value = sortValue$2(myVariantInfo);
|
|
2500
2413
|
return value ? value.toString() : '';
|
|
2501
2414
|
}
|
|
2502
|
-
function sortValue$
|
|
2415
|
+
function sortValue$2(myVariantInfo) {
|
|
2503
2416
|
return getDbsnpRsId(myVariantInfo);
|
|
2504
2417
|
}
|
|
2505
2418
|
function dbsnpSortMethod(a, b) {
|
|
2506
|
-
return defaultSortMethod(sortValue$
|
|
2419
|
+
return defaultSortMethod(sortValue$2(a), sortValue$2(b));
|
|
2507
2420
|
}
|
|
2508
2421
|
var Dbsnp = /** @class */ (function (_super) {
|
|
2509
2422
|
__extends(Dbsnp, _super);
|
|
@@ -2523,7 +2436,7 @@ var Dbsnp = /** @class */ (function (_super) {
|
|
|
2523
2436
|
configurable: true,
|
|
2524
2437
|
writable: true,
|
|
2525
2438
|
value: function (myVariantInfo) {
|
|
2526
|
-
return createElement(DbsnpId, { myVariantInfo: myVariantInfo });
|
|
2439
|
+
return React.createElement(DbsnpId, { myVariantInfo: myVariantInfo });
|
|
2527
2440
|
}
|
|
2528
2441
|
});
|
|
2529
2442
|
Object.defineProperty(Dbsnp, "defaultProps", {
|
|
@@ -2541,7 +2454,7 @@ var Dbsnp = /** @class */ (function (_super) {
|
|
|
2541
2454
|
observer
|
|
2542
2455
|
], Dbsnp);
|
|
2543
2456
|
return Dbsnp;
|
|
2544
|
-
}(Component));
|
|
2457
|
+
}(React.Component));
|
|
2545
2458
|
|
|
2546
2459
|
var GNOMAD_POPULATION_NAME = {
|
|
2547
2460
|
African: 'afr',
|
|
@@ -2693,11 +2606,11 @@ function generateGnomadUrl(chromosome, position, reference, variant) {
|
|
|
2693
2606
|
var _a$2;
|
|
2694
2607
|
function frequencyOutput(frequency) {
|
|
2695
2608
|
if (frequency === 0) {
|
|
2696
|
-
return createElement("span", null, "0");
|
|
2609
|
+
return React.createElement("span", null, "0");
|
|
2697
2610
|
}
|
|
2698
2611
|
else {
|
|
2699
2612
|
// show frequency as number with 4 significant digits
|
|
2700
|
-
return (createElement("span", null, frequency.toLocaleString(undefined, {
|
|
2613
|
+
return (React.createElement("span", null, frequency.toLocaleString(undefined, {
|
|
2701
2614
|
maximumSignificantDigits: 2,
|
|
2702
2615
|
minimumSignificantDigits: 2,
|
|
2703
2616
|
})));
|
|
@@ -2705,20 +2618,20 @@ function frequencyOutput(frequency) {
|
|
|
2705
2618
|
}
|
|
2706
2619
|
var headerClassName = 'text-wrap font-weight-bold';
|
|
2707
2620
|
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") })),
|
|
2621
|
+
_a$2[GnomadTableColumnName.population] = (React.createElement(ColumnHeader, { className: headerClassName, headerContent: React.createElement("span", null, "Population") })),
|
|
2622
|
+
_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") })),
|
|
2623
|
+
_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") })),
|
|
2624
|
+
_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") })),
|
|
2625
|
+
_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
2626
|
_a$2);
|
|
2714
2627
|
function renderNumericalValue(column) {
|
|
2715
|
-
return createElement("span", { className: "pull-right mr-1" }, column.value);
|
|
2628
|
+
return React.createElement("span", { className: "pull-right mr-1" }, column.value);
|
|
2716
2629
|
}
|
|
2717
2630
|
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: {
|
|
2631
|
+
var myVariantInfoLink = (React.createElement("a", { href: "https://myvariant.info/", target: "_blank" }, "myvariant.info"));
|
|
2632
|
+
var genomeNexusLink = (React.createElement("a", { href: "https://www.genomenexus.org/", target: "_blank" }, "genomenexus.org"));
|
|
2633
|
+
var gnomadLink = (React.createElement("a", { href: props.gnomadUrl, target: "_blank" }, "gnomAD"));
|
|
2634
|
+
return (React.createElement("div", { style: {
|
|
2722
2635
|
fontSize: 'x-small',
|
|
2723
2636
|
textAlign: 'center',
|
|
2724
2637
|
paddingTop: 5,
|
|
@@ -2728,7 +2641,7 @@ var Disclaimer = function (props) {
|
|
|
2728
2641
|
", which serves ",
|
|
2729
2642
|
myVariantInfoLink,
|
|
2730
2643
|
"'s gnomAD data.",
|
|
2731
|
-
createElement("br", null),
|
|
2644
|
+
React.createElement("br", null),
|
|
2732
2645
|
"Latest ",
|
|
2733
2646
|
gnomadLink,
|
|
2734
2647
|
" data may differ."));
|
|
@@ -2743,8 +2656,8 @@ var GnomadFrequencyTable = /** @class */ (function (_super) {
|
|
|
2743
2656
|
configurable: true,
|
|
2744
2657
|
writable: true,
|
|
2745
2658
|
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: [
|
|
2659
|
+
return (React.createElement("div", { className: "gnomad-frequency-table", "data-test": "gnomad-table" },
|
|
2660
|
+
React.createElement(ReactTable, { data: this.props.data, showPagination: false, pageSize: this.props.data.length, sortable: false, className: "-striped -highlight", getTrProps: this.getTrProps, columns: [
|
|
2748
2661
|
{
|
|
2749
2662
|
id: GnomadTableColumnName.population,
|
|
2750
2663
|
accessor: 'population',
|
|
@@ -2777,11 +2690,11 @@ var GnomadFrequencyTable = /** @class */ (function (_super) {
|
|
|
2777
2690
|
id: GnomadTableColumnName.alleleFrequency,
|
|
2778
2691
|
accessor: 'alleleFrequency',
|
|
2779
2692
|
Header: HEADERS[GnomadTableColumnName.alleleFrequency],
|
|
2780
|
-
Cell: function (column) { return (createElement("span", { className: "pull-right mr-1", "data-test": "allele-frequency-data" }, frequencyOutput(column.value))); },
|
|
2693
|
+
Cell: function (column) { return (React.createElement("span", { className: "pull-right mr-1", "data-test": "allele-frequency-data" }, frequencyOutput(column.value))); },
|
|
2781
2694
|
width: 120,
|
|
2782
2695
|
},
|
|
2783
2696
|
] }),
|
|
2784
|
-
!this.props.hideDisclaimer && (createElement(Disclaimer, { gnomadUrl: this.props.gnomadUrl }))));
|
|
2697
|
+
!this.props.hideDisclaimer && (React.createElement(Disclaimer, { gnomadUrl: this.props.gnomadUrl }))));
|
|
2785
2698
|
}
|
|
2786
2699
|
});
|
|
2787
2700
|
Object.defineProperty(GnomadFrequencyTable.prototype, "getTrProps", {
|
|
@@ -2802,25 +2715,25 @@ var GnomadFrequencyTable = /** @class */ (function (_super) {
|
|
|
2802
2715
|
autobind
|
|
2803
2716
|
], GnomadFrequencyTable.prototype, "getTrProps", null);
|
|
2804
2717
|
return GnomadFrequencyTable;
|
|
2805
|
-
}(Component));
|
|
2718
|
+
}(React.Component));
|
|
2806
2719
|
|
|
2807
2720
|
var GnomadFrequencyValue = function (props) {
|
|
2808
2721
|
if (props.gnomadData) {
|
|
2809
2722
|
// The column will show the total frequency
|
|
2810
2723
|
// 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
2724
|
if (props.gnomadData['Total'].alleleFrequency === 0) {
|
|
2812
|
-
return createElement("span", null, "0");
|
|
2725
|
+
return React.createElement("span", null, "0");
|
|
2813
2726
|
}
|
|
2814
2727
|
else {
|
|
2815
2728
|
// show frequency as number with 4 significant digits
|
|
2816
|
-
return (createElement("span", null, props.gnomadData['Total'].alleleFrequency.toLocaleString(undefined, {
|
|
2729
|
+
return (React.createElement("span", null, props.gnomadData['Total'].alleleFrequency.toLocaleString(undefined, {
|
|
2817
2730
|
maximumSignificantDigits: 2,
|
|
2818
2731
|
minimumSignificantDigits: 2,
|
|
2819
2732
|
})));
|
|
2820
2733
|
}
|
|
2821
2734
|
}
|
|
2822
2735
|
else {
|
|
2823
|
-
return (createElement("span", { style: {
|
|
2736
|
+
return (React.createElement("span", { style: {
|
|
2824
2737
|
height: '100%',
|
|
2825
2738
|
width: '100%',
|
|
2826
2739
|
display: 'block',
|
|
@@ -2830,7 +2743,7 @@ var GnomadFrequencyValue = function (props) {
|
|
|
2830
2743
|
};
|
|
2831
2744
|
var GnomadFrequencyBreakdown = function (props) {
|
|
2832
2745
|
var myVariantInfo = props.myVariantInfo;
|
|
2833
|
-
var content = createElement("span", null, "Variant has no data in gnomAD.");
|
|
2746
|
+
var content = React.createElement("span", null, "Variant has no data in gnomAD.");
|
|
2834
2747
|
// Checking if gnomad data is valid
|
|
2835
2748
|
if (myVariantInfo &&
|
|
2836
2749
|
(myVariantInfo.gnomadExome || myVariantInfo.gnomadGenome)) {
|
|
@@ -2839,7 +2752,7 @@ var GnomadFrequencyBreakdown = function (props) {
|
|
|
2839
2752
|
? sortGnomadDataByFrequency(props.gnomadData)
|
|
2840
2753
|
: getGnomadDataSortedByFrequency(myVariantInfo);
|
|
2841
2754
|
if (sorted) {
|
|
2842
|
-
content = (createElement(GnomadFrequencyTable, { data: sorted, gnomadUrl: gnomadUrl, hideDisclaimer: props.hideDisclaimer }));
|
|
2755
|
+
content = (React.createElement(GnomadFrequencyTable, { data: sorted, gnomadUrl: gnomadUrl, hideDisclaimer: props.hideDisclaimer }));
|
|
2843
2756
|
}
|
|
2844
2757
|
}
|
|
2845
2758
|
return content;
|
|
@@ -2856,22 +2769,22 @@ var GnomadFrequency = /** @class */ (function (_super) {
|
|
|
2856
2769
|
value: function () {
|
|
2857
2770
|
var _this = this;
|
|
2858
2771
|
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 }))));
|
|
2772
|
+
return (React.createElement(DefaultTooltip, { overlay: function () { return (React.createElement(GnomadFrequencyBreakdown, __assign({}, _this.props, { gnomadData: gnomadData }))); }, placement: "topRight", trigger: ['hover', 'focus'], destroyTooltipOnHide: true },
|
|
2773
|
+
React.createElement("span", null,
|
|
2774
|
+
React.createElement(GnomadFrequencyValue, { gnomadData: gnomadData }))));
|
|
2862
2775
|
}
|
|
2863
2776
|
});
|
|
2864
2777
|
GnomadFrequency = __decorate([
|
|
2865
2778
|
observer
|
|
2866
2779
|
], GnomadFrequency);
|
|
2867
2780
|
return GnomadFrequency;
|
|
2868
|
-
}(Component));
|
|
2781
|
+
}(React.Component));
|
|
2869
2782
|
|
|
2870
|
-
function download$
|
|
2871
|
-
var value = sortValue$
|
|
2783
|
+
function download$2(myVariantInfo) {
|
|
2784
|
+
var value = sortValue$1(myVariantInfo);
|
|
2872
2785
|
return value ? value.toString() : '';
|
|
2873
2786
|
}
|
|
2874
|
-
function sortValue$
|
|
2787
|
+
function sortValue$1(myVariantInfo) {
|
|
2875
2788
|
// If has both gnomadExome and gnomadGenome, sort by the total frequency
|
|
2876
2789
|
if (myVariantInfo &&
|
|
2877
2790
|
myVariantInfo.gnomadExome &&
|
|
@@ -2892,7 +2805,7 @@ function sortValue$7(myVariantInfo) {
|
|
|
2892
2805
|
return null;
|
|
2893
2806
|
}
|
|
2894
2807
|
function gnomadSortMethod(a, b) {
|
|
2895
|
-
return defaultSortMethod(sortValue$
|
|
2808
|
+
return defaultSortMethod(sortValue$1(a), sortValue$1(b));
|
|
2896
2809
|
}
|
|
2897
2810
|
var Gnomad = /** @class */ (function (_super) {
|
|
2898
2811
|
__extends(Gnomad, _super);
|
|
@@ -2912,7 +2825,7 @@ var Gnomad = /** @class */ (function (_super) {
|
|
|
2912
2825
|
configurable: true,
|
|
2913
2826
|
writable: true,
|
|
2914
2827
|
value: function (myVariantInfo, variantAnnotation) {
|
|
2915
|
-
return (createElement(GnomadFrequency, { myVariantInfo: myVariantInfo, annotation: variantAnnotation }));
|
|
2828
|
+
return (React.createElement(GnomadFrequency, { myVariantInfo: myVariantInfo, annotation: variantAnnotation }));
|
|
2916
2829
|
}
|
|
2917
2830
|
});
|
|
2918
2831
|
Object.defineProperty(Gnomad, "defaultProps", {
|
|
@@ -2930,7 +2843,7 @@ var Gnomad = /** @class */ (function (_super) {
|
|
|
2930
2843
|
observer
|
|
2931
2844
|
], Gnomad);
|
|
2932
2845
|
return Gnomad;
|
|
2933
|
-
}(Component));
|
|
2846
|
+
}(React.Component));
|
|
2934
2847
|
|
|
2935
2848
|
function getAnnotation(mutation, indexedVariantAnnotations) {
|
|
2936
2849
|
return indexedVariantAnnotations
|
|
@@ -2961,14 +2874,14 @@ function getHgvscColumnData(mutation, indexedVariantAnnotations, selectedTranscr
|
|
|
2961
2874
|
return data;
|
|
2962
2875
|
}
|
|
2963
2876
|
|
|
2964
|
-
function download$
|
|
2877
|
+
function download$1(hgvsc) {
|
|
2965
2878
|
return hgvsc || '';
|
|
2966
2879
|
}
|
|
2967
|
-
function sortValue
|
|
2880
|
+
function sortValue(hgvsc) {
|
|
2968
2881
|
return hgvsc ? parseInt(hgvsc.split('c.')[1]) : null;
|
|
2969
2882
|
}
|
|
2970
2883
|
function hgvscSortMethod(a, b) {
|
|
2971
|
-
return defaultSortMethod(sortValue
|
|
2884
|
+
return defaultSortMethod(sortValue(a), sortValue(b));
|
|
2972
2885
|
}
|
|
2973
2886
|
var Hgvsc = /** @class */ (function (_super) {
|
|
2974
2887
|
__extends(Hgvsc, _super);
|
|
@@ -2987,14 +2900,14 @@ var Hgvsc = /** @class */ (function (_super) {
|
|
|
2987
2900
|
configurable: true,
|
|
2988
2901
|
writable: true,
|
|
2989
2902
|
value: function () {
|
|
2990
|
-
return createElement("div", null, this.hgvsc);
|
|
2903
|
+
return React.createElement("div", null, this.hgvsc);
|
|
2991
2904
|
}
|
|
2992
2905
|
});
|
|
2993
2906
|
Hgvsc = __decorate([
|
|
2994
2907
|
observer
|
|
2995
2908
|
], Hgvsc);
|
|
2996
2909
|
return Hgvsc;
|
|
2997
|
-
}(Component));
|
|
2910
|
+
}(React.Component));
|
|
2998
2911
|
|
|
2999
2912
|
var hgvsgStyles = {"hgvsg-data":"hgvsg-module_hgvsg-data__3DbOt","genome-nexus-logo":"hgvsg-module_genome-nexus-logo__1NYTb"};
|
|
3000
2913
|
|
|
@@ -3022,16 +2935,16 @@ var Hgvsg = /** @class */ (function (_super) {
|
|
|
3022
2935
|
var mainContent = this.props.mainContent;
|
|
3023
2936
|
var tooltipContent = this.props.tooltipContent;
|
|
3024
2937
|
if (!this.hgvsg) {
|
|
3025
|
-
return createElement("span", null);
|
|
2938
|
+
return React.createElement("span", null);
|
|
3026
2939
|
}
|
|
3027
2940
|
else {
|
|
3028
2941
|
var href = this.props.constructHref
|
|
3029
2942
|
? this.props.constructHref(this.hgvsg)
|
|
3030
2943
|
: 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,
|
|
2944
|
+
var content = (React.createElement("span", { className: hgvsgStyles['hgvsg-data'] }, constructLink(this.hgvsg, mainContent(this.hgvsg), href)));
|
|
2945
|
+
return this.props.disableTooltip ? (content) : (React.createElement(DefaultTooltip, { placement: "topLeft", overlay: React.createElement("div", null,
|
|
3033
2946
|
this.hgvsg,
|
|
3034
|
-
createElement("br", null),
|
|
2947
|
+
React.createElement("br", null),
|
|
3035
2948
|
"Click to see this variant on \u00A0",
|
|
3036
2949
|
constructLink(this.hgvsg, tooltipContent(this.hgvsg))) }, content));
|
|
3037
2950
|
}
|
|
@@ -3042,23 +2955,23 @@ var Hgvsg = /** @class */ (function (_super) {
|
|
|
3042
2955
|
configurable: true,
|
|
3043
2956
|
writable: true,
|
|
3044
2957
|
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,
|
|
2958
|
+
constructLink: function (hgvsg, content, href) { return (React.createElement("a", { href: href || "https:/www.genomenexus.org/variant/" + hgvsg, target: "_blank", rel: "noopener noreferrer" }, content)); },
|
|
2959
|
+
mainContent: function (hgvsg) { return (React.createElement(React.Fragment, null,
|
|
3047
2960
|
hgvsg,
|
|
3048
2961
|
"\u00A0",
|
|
3049
|
-
createElement("i", { className: "fa fa-external-link" }))); },
|
|
3050
|
-
tooltipContent: function () { return (createElement(Fragment, null,
|
|
2962
|
+
React.createElement("i", { className: "fa fa-external-link" }))); },
|
|
2963
|
+
tooltipContent: function () { return (React.createElement(React.Fragment, null,
|
|
3051
2964
|
"Genome Nexus",
|
|
3052
|
-
createElement("div", { className: hgvsgStyles['genome-nexus-logo'] }))); },
|
|
2965
|
+
React.createElement("div", { className: hgvsgStyles['genome-nexus-logo'] }))); },
|
|
3053
2966
|
}
|
|
3054
2967
|
});
|
|
3055
2968
|
Hgvsg = __decorate([
|
|
3056
2969
|
observer
|
|
3057
2970
|
], Hgvsg);
|
|
3058
2971
|
return Hgvsg;
|
|
3059
|
-
}(Component));
|
|
2972
|
+
}(React.Component));
|
|
3060
2973
|
|
|
3061
|
-
var styles$
|
|
2974
|
+
var styles$9 = {"germline":"mutationStatus-module_germline__14ouw","somatic":"mutationStatus-module_somatic__2kcEn","unknown":"mutationStatus-module_unknown__jR1Lo"};
|
|
3062
2975
|
|
|
3063
2976
|
var MutationStatus = /** @class */ (function (_super) {
|
|
3064
2977
|
__extends(MutationStatus, _super);
|
|
@@ -3077,7 +2990,7 @@ var MutationStatus = /** @class */ (function (_super) {
|
|
|
3077
2990
|
var content;
|
|
3078
2991
|
if (value) {
|
|
3079
2992
|
if (value.toLowerCase().includes('somatic')) {
|
|
3080
|
-
content = (createElement("span", { className: styles$
|
|
2993
|
+
content = (React.createElement("span", { className: styles$9.somatic, style: this.props.styleMap
|
|
3081
2994
|
? this.props.styleMap[value.toLowerCase()]
|
|
3082
2995
|
: undefined }, (this.props.displayValueMap &&
|
|
3083
2996
|
(this.props.displayValueMap[value.toLowerCase()] ||
|
|
@@ -3085,7 +2998,7 @@ var MutationStatus = /** @class */ (function (_super) {
|
|
|
3085
2998
|
'Somatic'));
|
|
3086
2999
|
}
|
|
3087
3000
|
else if (value.toLowerCase().includes('germline')) {
|
|
3088
|
-
content = (createElement("span", { className: styles$
|
|
3001
|
+
content = (React.createElement("span", { className: styles$9.germline, style: this.props.styleMap
|
|
3089
3002
|
? this.props.styleMap[value.toLowerCase()]
|
|
3090
3003
|
: undefined }, (this.props.displayValueMap &&
|
|
3091
3004
|
(this.props.displayValueMap[value.toLowerCase()] ||
|
|
@@ -3093,14 +3006,14 @@ var MutationStatus = /** @class */ (function (_super) {
|
|
|
3093
3006
|
'Germline'));
|
|
3094
3007
|
}
|
|
3095
3008
|
else {
|
|
3096
|
-
content = createElement("span", { className: styles$
|
|
3009
|
+
content = React.createElement("span", { className: styles$9.unknown }, value);
|
|
3097
3010
|
}
|
|
3098
3011
|
}
|
|
3099
3012
|
else {
|
|
3100
|
-
content = createElement("span", null);
|
|
3013
|
+
content = React.createElement("span", null);
|
|
3101
3014
|
}
|
|
3102
3015
|
if (this.props.enableTooltip) {
|
|
3103
|
-
content = (createElement(DefaultTooltip, { overlay: createElement("span", null, value), placement: "right" }, content));
|
|
3016
|
+
content = (React.createElement(DefaultTooltip, { overlay: React.createElement("span", null, value), placement: "right" }, content));
|
|
3104
3017
|
}
|
|
3105
3018
|
return content;
|
|
3106
3019
|
}
|
|
@@ -3114,9 +3027,9 @@ var MutationStatus = /** @class */ (function (_super) {
|
|
|
3114
3027
|
}
|
|
3115
3028
|
});
|
|
3116
3029
|
return MutationStatus;
|
|
3117
|
-
}(Component));
|
|
3030
|
+
}(React.Component));
|
|
3118
3031
|
|
|
3119
|
-
var styles$
|
|
3032
|
+
var styles$8 = {"proteinChange":"proteinChange-module_proteinChange__3MSnG","germline":"proteinChange-module_germline__25Wi_"};
|
|
3120
3033
|
|
|
3121
3034
|
function proteinChangeSortMethod(a, b) {
|
|
3122
3035
|
return defaultSortMethod(a ? calcProteinChangeSortValue(a) : null, b ? calcProteinChangeSortValue(b) : null);
|
|
@@ -3144,14 +3057,14 @@ var ProteinChange = /** @class */ (function (_super) {
|
|
|
3144
3057
|
// maxLength={40}
|
|
3145
3058
|
// />
|
|
3146
3059
|
// );
|
|
3147
|
-
var content = (createElement("span", { className: styles$
|
|
3060
|
+
var content = (React.createElement("span", { className: styles$8.proteinChange }, proteinChange));
|
|
3148
3061
|
// add a germline indicator next to protein change if it is a germline mutation!
|
|
3149
3062
|
if (this.props.enableMutationStatusIndicator &&
|
|
3150
3063
|
mutationStatus &&
|
|
3151
3064
|
mutationStatus.toLowerCase().includes('germline')) {
|
|
3152
|
-
content = (createElement(Fragment, null,
|
|
3065
|
+
content = (React.createElement(React.Fragment, null,
|
|
3153
3066
|
content,
|
|
3154
|
-
createElement("span", { className: styles$
|
|
3067
|
+
React.createElement("span", { className: styles$8.germline }, "Germline")));
|
|
3155
3068
|
}
|
|
3156
3069
|
return content;
|
|
3157
3070
|
}
|
|
@@ -3165,7 +3078,7 @@ var ProteinChange = /** @class */ (function (_super) {
|
|
|
3165
3078
|
}
|
|
3166
3079
|
});
|
|
3167
3080
|
return ProteinChange;
|
|
3168
|
-
}(Component));
|
|
3081
|
+
}(React.Component));
|
|
3169
3082
|
|
|
3170
3083
|
function getSignalData(mutation, indexedVariantAnnotations, mutationType // mutationType could be "germline", "somatic", or "undefined" which means both
|
|
3171
3084
|
) {
|
|
@@ -3217,7 +3130,7 @@ function signalSortMethod(a, b) {
|
|
|
3217
3130
|
function getSortValue(signalData) {
|
|
3218
3131
|
return signalData ? signalData.germlineFrequency || null : null;
|
|
3219
3132
|
}
|
|
3220
|
-
function download
|
|
3133
|
+
function download(signalData, mutationType) {
|
|
3221
3134
|
return signalData && signalData.germlineFrequency !== null
|
|
3222
3135
|
? "" + formatNumberValueInSignificantDigits(signalData.germlineFrequency, 2)
|
|
3223
3136
|
: '';
|
|
@@ -3238,7 +3151,7 @@ var SignalTable = function (props) {
|
|
|
3238
3151
|
// signal data should be either germline or somatic, so should be only one element
|
|
3239
3152
|
var signalData = getSignalData(props.mutation, props.indexedVariantAnnotations, props.mutationType)[0];
|
|
3240
3153
|
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: [
|
|
3154
|
+
return (React.createElement(MutationTumorTypeFrequencyTable, { data: generateTumorTypeDecomposition(signalData, signalData.countsByTumorType, signalData.biallelicCountsByTumorType, signalData.qcPassCountsByTumorType, signalData.statsByTumorType), columns: [
|
|
3242
3155
|
FREQUENCY_COLUMNS_DEFINITION[FrequencyTableColumnEnum.TUMOR_TYPE],
|
|
3243
3156
|
FREQUENCY_COLUMNS_DEFINITION[FrequencyTableColumnEnum.MUTATION_STATUS],
|
|
3244
3157
|
FREQUENCY_COLUMNS_DEFINITION[FrequencyTableColumnEnum.SAMPLE_COUNT],
|
|
@@ -3277,19 +3190,19 @@ var Signal = /** @class */ (function (_super) {
|
|
|
3277
3190
|
content = errorIcon('Error fetching Genome Nexus annotation');
|
|
3278
3191
|
}
|
|
3279
3192
|
else {
|
|
3280
|
-
content = createElement("div", null);
|
|
3193
|
+
content = React.createElement("div", null);
|
|
3281
3194
|
var signalValue = getSingleSignalValue(this.props.mutation, this.props.mutationType || Pathogenicity.GERMLINE, this.props.indexedVariantAnnotations);
|
|
3282
3195
|
if (signalValue !== null) {
|
|
3283
|
-
content = (createElement(DefaultTooltip, { placement: "top", overlayStyle: {
|
|
3196
|
+
content = (React.createElement(DefaultTooltip, { placement: "top", overlayStyle: {
|
|
3284
3197
|
width: 800,
|
|
3285
|
-
}, overlay: createElement(SignalTable, { mutation: this.props.mutation, indexedVariantAnnotations: this.props.indexedVariantAnnotations, mutationType: this.props.mutationType }) },
|
|
3286
|
-
createElement("span", null, signalValue)));
|
|
3198
|
+
}, overlay: React.createElement(SignalTable, { mutation: this.props.mutation, indexedVariantAnnotations: this.props.indexedVariantAnnotations, mutationType: this.props.mutationType }) },
|
|
3199
|
+
React.createElement("span", null, signalValue)));
|
|
3287
3200
|
}
|
|
3288
3201
|
}
|
|
3289
3202
|
return content;
|
|
3290
3203
|
}
|
|
3291
3204
|
else {
|
|
3292
|
-
return createElement("div", null);
|
|
3205
|
+
return React.createElement("div", null);
|
|
3293
3206
|
}
|
|
3294
3207
|
}
|
|
3295
3208
|
});
|
|
@@ -3297,7 +3210,7 @@ var Signal = /** @class */ (function (_super) {
|
|
|
3297
3210
|
observer
|
|
3298
3211
|
], Signal);
|
|
3299
3212
|
return Signal;
|
|
3300
|
-
}(Component));
|
|
3213
|
+
}(React.Component));
|
|
3301
3214
|
|
|
3302
3215
|
function handleOptionSelect(selectedValues, allValues, onSelect) {
|
|
3303
3216
|
if (onSelect) {
|
|
@@ -3319,7 +3232,7 @@ function getSelectedOptionValues(allValues, filter) {
|
|
|
3319
3232
|
}
|
|
3320
3233
|
|
|
3321
3234
|
var SelectionIndicator = observer(function (props) {
|
|
3322
|
-
return (createElement("div", { style: {
|
|
3235
|
+
return (React.createElement("div", { style: {
|
|
3323
3236
|
marginRight: 5,
|
|
3324
3237
|
marginTop: 'auto',
|
|
3325
3238
|
marginBottom: 'auto',
|
|
@@ -3337,9 +3250,9 @@ var DropdownSelector = /** @class */ (function (_super) {
|
|
|
3337
3250
|
configurable: true,
|
|
3338
3251
|
writable: true,
|
|
3339
3252
|
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))));
|
|
3253
|
+
return (React.createElement("div", { style: { display: 'flex' } },
|
|
3254
|
+
React.createElement(SelectionIndicator, { allValues: _this.allValues, selectedValues: _this.selectedValues, selectionIndicatorClassNames: _this.selectionIndicatorClassNames }),
|
|
3255
|
+
React.createElement(components.IndicatorsContainer, __assign({}, props))));
|
|
3343
3256
|
}
|
|
3344
3257
|
});
|
|
3345
3258
|
makeObservable(_this);
|
|
@@ -3362,7 +3275,7 @@ var DropdownSelector = /** @class */ (function (_super) {
|
|
|
3362
3275
|
Object.defineProperty(DropdownSelector.prototype, "options", {
|
|
3363
3276
|
get: function () {
|
|
3364
3277
|
return (this.props.options || []).map(function (option) { return ({
|
|
3365
|
-
label: createElement("span", null, option.label || option.value),
|
|
3278
|
+
label: React.createElement("span", null, option.label || option.value),
|
|
3366
3279
|
value: option.value,
|
|
3367
3280
|
}); });
|
|
3368
3281
|
},
|
|
@@ -3398,7 +3311,7 @@ var DropdownSelector = /** @class */ (function (_super) {
|
|
|
3398
3311
|
configurable: true,
|
|
3399
3312
|
writable: true,
|
|
3400
3313
|
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 }));
|
|
3314
|
+
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
3315
|
}
|
|
3403
3316
|
});
|
|
3404
3317
|
Object.defineProperty(DropdownSelector.prototype, "onChange", {
|
|
@@ -3444,7 +3357,7 @@ var DropdownSelector = /** @class */ (function (_super) {
|
|
|
3444
3357
|
observer
|
|
3445
3358
|
], DropdownSelector);
|
|
3446
3359
|
return DropdownSelector;
|
|
3447
|
-
}(Component));
|
|
3360
|
+
}(React.Component));
|
|
3448
3361
|
|
|
3449
3362
|
var DEFAULT_BADGE_STYLE = {
|
|
3450
3363
|
color: '#FFF',
|
|
@@ -3459,17 +3372,17 @@ var BadgeLabel = /** @class */ (function (_super) {
|
|
|
3459
3372
|
}
|
|
3460
3373
|
Object.defineProperty(BadgeLabel.prototype, "badge", {
|
|
3461
3374
|
get: function () {
|
|
3462
|
-
return (createElement("span", { style: this.props.badgeFirst
|
|
3375
|
+
return (React.createElement("span", { style: this.props.badgeFirst
|
|
3463
3376
|
? { marginRight: 5 }
|
|
3464
3377
|
: { marginLeft: 5 } },
|
|
3465
|
-
createElement("span", { className: this.props.badgeClassName, style: __assign(__assign({}, DEFAULT_BADGE_STYLE), this.props.badgeStyleOverride) }, this.props.badgeContent)));
|
|
3378
|
+
React.createElement("span", { className: this.props.badgeClassName, style: __assign(__assign({}, DEFAULT_BADGE_STYLE), this.props.badgeStyleOverride) }, this.props.badgeContent)));
|
|
3466
3379
|
},
|
|
3467
3380
|
enumerable: false,
|
|
3468
3381
|
configurable: true
|
|
3469
3382
|
});
|
|
3470
3383
|
Object.defineProperty(BadgeLabel.prototype, "badgeFirst", {
|
|
3471
3384
|
get: function () {
|
|
3472
|
-
return (createElement(Fragment, null,
|
|
3385
|
+
return (React.createElement(React.Fragment, null,
|
|
3473
3386
|
this.badge,
|
|
3474
3387
|
this.props.label));
|
|
3475
3388
|
},
|
|
@@ -3478,7 +3391,7 @@ var BadgeLabel = /** @class */ (function (_super) {
|
|
|
3478
3391
|
});
|
|
3479
3392
|
Object.defineProperty(BadgeLabel.prototype, "badgeLast", {
|
|
3480
3393
|
get: function () {
|
|
3481
|
-
return (createElement(Fragment, null,
|
|
3394
|
+
return (React.createElement(React.Fragment, null,
|
|
3482
3395
|
this.props.label,
|
|
3483
3396
|
this.badge));
|
|
3484
3397
|
},
|
|
@@ -3503,7 +3416,7 @@ var BadgeLabel = /** @class */ (function (_super) {
|
|
|
3503
3416
|
}
|
|
3504
3417
|
});
|
|
3505
3418
|
return BadgeLabel;
|
|
3506
|
-
}(Component));
|
|
3419
|
+
}(React.Component));
|
|
3507
3420
|
|
|
3508
3421
|
var DEFAULT_BADGE_CHAR_WIDTH = 10;
|
|
3509
3422
|
var DEFAULT_BADGE_CONTENT_PADDING = 7;
|
|
@@ -3612,7 +3525,7 @@ var BadgeSelector = /** @class */ (function (_super) {
|
|
|
3612
3525
|
configurable: true,
|
|
3613
3526
|
writable: true,
|
|
3614
3527
|
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 }));
|
|
3528
|
+
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
3529
|
}
|
|
3617
3530
|
});
|
|
3618
3531
|
Object.defineProperty(BadgeSelector.prototype, "badgeAlignmentStyles", {
|
|
@@ -3642,7 +3555,7 @@ var BadgeSelector = /** @class */ (function (_super) {
|
|
|
3642
3555
|
configurable: true,
|
|
3643
3556
|
writable: true,
|
|
3644
3557
|
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 }));
|
|
3558
|
+
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
3559
|
}
|
|
3647
3560
|
});
|
|
3648
3561
|
Object.defineProperty(BadgeSelector.prototype, "onChange", {
|
|
@@ -3675,7 +3588,7 @@ var BadgeSelector = /** @class */ (function (_super) {
|
|
|
3675
3588
|
observer
|
|
3676
3589
|
], BadgeSelector);
|
|
3677
3590
|
return BadgeSelector;
|
|
3678
|
-
}(Component));
|
|
3591
|
+
}(React.Component));
|
|
3679
3592
|
|
|
3680
3593
|
var DEFAULT_PROTEIN_IMPACT_TYPE_COLORS = {
|
|
3681
3594
|
missenseColor: MUT_COLOR_MISSENSE,
|
|
@@ -3786,22 +3699,22 @@ function getColorForProteinImpactType(mutations, colors, getMutationCount, isPut
|
|
|
3786
3699
|
function getProteinImpactTypeOptionDisplayValueMap(proteinImpactTypeColorMap) {
|
|
3787
3700
|
var _a;
|
|
3788
3701
|
return _a = {},
|
|
3789
|
-
_a[ProteinImpactType.MISSENSE] = (createElement("strong", { style: {
|
|
3702
|
+
_a[ProteinImpactType.MISSENSE] = (React.createElement("strong", { style: {
|
|
3790
3703
|
color: proteinImpactTypeColorMap[ProteinImpactType.MISSENSE],
|
|
3791
3704
|
} }, "Missense")),
|
|
3792
|
-
_a[ProteinImpactType.TRUNCATING] = (createElement("strong", { style: {
|
|
3705
|
+
_a[ProteinImpactType.TRUNCATING] = (React.createElement("strong", { style: {
|
|
3793
3706
|
color: proteinImpactTypeColorMap[ProteinImpactType.TRUNCATING],
|
|
3794
3707
|
} }, "Truncating")),
|
|
3795
|
-
_a[ProteinImpactType.INFRAME] = (createElement("strong", { style: {
|
|
3708
|
+
_a[ProteinImpactType.INFRAME] = (React.createElement("strong", { style: {
|
|
3796
3709
|
color: proteinImpactTypeColorMap[ProteinImpactType.INFRAME],
|
|
3797
3710
|
} }, "Inframe")),
|
|
3798
|
-
_a[ProteinImpactType.SPLICE] = (createElement("strong", { style: {
|
|
3711
|
+
_a[ProteinImpactType.SPLICE] = (React.createElement("strong", { style: {
|
|
3799
3712
|
color: proteinImpactTypeColorMap[ProteinImpactType.SPLICE],
|
|
3800
3713
|
} }, "Splice")),
|
|
3801
|
-
_a[ProteinImpactType.FUSION] = (createElement("strong", { style: {
|
|
3714
|
+
_a[ProteinImpactType.FUSION] = (React.createElement("strong", { style: {
|
|
3802
3715
|
color: proteinImpactTypeColorMap[ProteinImpactType.FUSION],
|
|
3803
3716
|
} }, "SV/Fusion")),
|
|
3804
|
-
_a[ProteinImpactType.OTHER] = (createElement("strong", { style: {
|
|
3717
|
+
_a[ProteinImpactType.OTHER] = (React.createElement("strong", { style: {
|
|
3805
3718
|
color: proteinImpactTypeColorMap[ProteinImpactType.OTHER],
|
|
3806
3719
|
} }, "Other")),
|
|
3807
3720
|
_a;
|
|
@@ -3855,7 +3768,7 @@ var ProteinImpactTypeDropdownSelector = /** @class */ (function (_super) {
|
|
|
3855
3768
|
configurable: true,
|
|
3856
3769
|
writable: true,
|
|
3857
3770
|
value: function () {
|
|
3858
|
-
return (createElement(DropdownSelector, __assign({ name: "proteinImpactTypeFilter", placeholder: "Protein Impact", showControls: true, options: this.options }, this.props)));
|
|
3771
|
+
return (React.createElement(DropdownSelector, __assign({ name: "proteinImpactTypeFilter", placeholder: "Protein Impact", showControls: true, options: this.options }, this.props)));
|
|
3859
3772
|
}
|
|
3860
3773
|
});
|
|
3861
3774
|
Object.defineProperty(ProteinImpactTypeDropdownSelector, "defaultProps", {
|
|
@@ -3879,7 +3792,7 @@ var ProteinImpactTypeDropdownSelector = /** @class */ (function (_super) {
|
|
|
3879
3792
|
observer
|
|
3880
3793
|
], ProteinImpactTypeDropdownSelector);
|
|
3881
3794
|
return ProteinImpactTypeDropdownSelector;
|
|
3882
|
-
}(Component));
|
|
3795
|
+
}(React.Component));
|
|
3883
3796
|
|
|
3884
3797
|
var VALUES = [
|
|
3885
3798
|
ProteinImpactType.MISSENSE,
|
|
@@ -3890,10 +3803,10 @@ var VALUES = [
|
|
|
3890
3803
|
ProteinImpactType.OTHER,
|
|
3891
3804
|
];
|
|
3892
3805
|
function getProteinImpactTypeOptionLabel(option) {
|
|
3893
|
-
return createElement("span", null, option.label || option.value);
|
|
3806
|
+
return React.createElement("span", null, option.label || option.value);
|
|
3894
3807
|
}
|
|
3895
3808
|
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 }));
|
|
3809
|
+
return (React.createElement(BadgeLabel, { label: option.label || option.value, badgeContent: option.badgeContent, badgeStyleOverride: getBadgeStyleOverride(option, selectedValues, badgeAlignmentStyle), badgeClassName: badgeClassName, badgeFirst: true }));
|
|
3897
3810
|
}
|
|
3898
3811
|
var ProteinImpactTypeBadgeSelector = /** @class */ (function (_super) {
|
|
3899
3812
|
__extends(ProteinImpactTypeBadgeSelector, _super);
|
|
@@ -3940,7 +3853,7 @@ var ProteinImpactTypeBadgeSelector = /** @class */ (function (_super) {
|
|
|
3940
3853
|
configurable: true,
|
|
3941
3854
|
writable: true,
|
|
3942
3855
|
value: function () {
|
|
3943
|
-
return (createElement(BadgeSelector, __assign({ options: this.options, getOptionLabel: getProteinImpactTypeOptionLabel, getBadgeLabel: getProteinImpactTypeBadgeLabel }, this.props)));
|
|
3856
|
+
return (React.createElement(BadgeSelector, __assign({ options: this.options, getOptionLabel: getProteinImpactTypeOptionLabel, getBadgeLabel: getProteinImpactTypeBadgeLabel }, this.props)));
|
|
3944
3857
|
}
|
|
3945
3858
|
});
|
|
3946
3859
|
Object.defineProperty(ProteinImpactTypeBadgeSelector, "defaultProps", {
|
|
@@ -3958,7 +3871,7 @@ var ProteinImpactTypeBadgeSelector = /** @class */ (function (_super) {
|
|
|
3958
3871
|
observer
|
|
3959
3872
|
], ProteinImpactTypeBadgeSelector);
|
|
3960
3873
|
return ProteinImpactTypeBadgeSelector;
|
|
3961
|
-
}(Component));
|
|
3874
|
+
}(React.Component));
|
|
3962
3875
|
|
|
3963
3876
|
var MUTATION_STATUS_BADGE_STYLE_OVERRIDE = {
|
|
3964
3877
|
color: '#000',
|
|
@@ -4003,7 +3916,7 @@ var MutationStatusBadgeSelector = /** @class */ (function (_super) {
|
|
|
4003
3916
|
configurable: true,
|
|
4004
3917
|
writable: true,
|
|
4005
3918
|
value: function () {
|
|
4006
|
-
return createElement(BadgeSelector, __assign({ options: this.options }, this.props));
|
|
3919
|
+
return React.createElement(BadgeSelector, __assign({ options: this.options }, this.props));
|
|
4007
3920
|
}
|
|
4008
3921
|
});
|
|
4009
3922
|
Object.defineProperty(MutationStatusBadgeSelector, "defaultProps", {
|
|
@@ -4021,7 +3934,7 @@ var MutationStatusBadgeSelector = /** @class */ (function (_super) {
|
|
|
4021
3934
|
observer
|
|
4022
3935
|
], MutationStatusBadgeSelector);
|
|
4023
3936
|
return MutationStatusBadgeSelector;
|
|
4024
|
-
}(Component));
|
|
3937
|
+
}(React.Component));
|
|
4025
3938
|
|
|
4026
3939
|
var ColumnSelector = /** @class */ (function (_super) {
|
|
4027
3940
|
__extends(ColumnSelector, _super);
|
|
@@ -4042,7 +3955,7 @@ var ColumnSelector = /** @class */ (function (_super) {
|
|
|
4042
3955
|
Object.defineProperty(ColumnSelector.prototype, "options", {
|
|
4043
3956
|
get: function () {
|
|
4044
3957
|
return (this.props.columnVisibility || []).map(function (c) { return ({
|
|
4045
|
-
label: createElement("span", null, c.name),
|
|
3958
|
+
label: React.createElement("span", null, c.name),
|
|
4046
3959
|
value: c.id,
|
|
4047
3960
|
}); });
|
|
4048
3961
|
},
|
|
@@ -4054,7 +3967,7 @@ var ColumnSelector = /** @class */ (function (_super) {
|
|
|
4054
3967
|
configurable: true,
|
|
4055
3968
|
writable: true,
|
|
4056
3969
|
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 }));
|
|
3970
|
+
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
3971
|
}
|
|
4059
3972
|
});
|
|
4060
3973
|
Object.defineProperty(ColumnSelector.prototype, "onChange", {
|
|
@@ -4090,9 +4003,9 @@ var ColumnSelector = /** @class */ (function (_super) {
|
|
|
4090
4003
|
observer
|
|
4091
4004
|
], ColumnSelector);
|
|
4092
4005
|
return ColumnSelector;
|
|
4093
|
-
}(Component));
|
|
4006
|
+
}(React.Component));
|
|
4094
4007
|
|
|
4095
|
-
var styles$
|
|
4008
|
+
var styles$7 = {"filterResetPanel":"filterResetPanel-module_filterResetPanel__1YAf2"};
|
|
4096
4009
|
|
|
4097
4010
|
var FilterResetPanel = /** @class */ (function (_super) {
|
|
4098
4011
|
__extends(FilterResetPanel, _super);
|
|
@@ -4104,10 +4017,10 @@ var FilterResetPanel = /** @class */ (function (_super) {
|
|
|
4104
4017
|
configurable: true,
|
|
4105
4018
|
writable: true,
|
|
4106
4019
|
value: function () {
|
|
4107
|
-
return (createElement("div", { className: this.props.className },
|
|
4108
|
-
createElement("span", { style: { verticalAlign: 'middle' } },
|
|
4020
|
+
return (React.createElement("div", { className: this.props.className },
|
|
4021
|
+
React.createElement("span", { style: { verticalAlign: 'middle' } },
|
|
4109
4022
|
this.props.filterInfo,
|
|
4110
|
-
createElement("button", { className: this.props.buttonClass, style: { cursor: 'pointer', marginLeft: 6 }, onClick: this.props.resetFilters }, this.props.buttonText))));
|
|
4023
|
+
React.createElement("button", { className: this.props.buttonClass, style: { cursor: 'pointer', marginLeft: 6 }, onClick: this.props.resetFilters }, this.props.buttonText))));
|
|
4111
4024
|
}
|
|
4112
4025
|
});
|
|
4113
4026
|
Object.defineProperty(FilterResetPanel, "defaultProps", {
|
|
@@ -4117,14 +4030,14 @@ var FilterResetPanel = /** @class */ (function (_super) {
|
|
|
4117
4030
|
value: {
|
|
4118
4031
|
buttonText: 'Show all',
|
|
4119
4032
|
buttonClass: classnames('btn', 'btn-secondary', 'btn-sm'),
|
|
4120
|
-
className: classnames('alert', 'alert-success', styles$
|
|
4033
|
+
className: classnames('alert', 'alert-success', styles$7.filterResetPanel),
|
|
4121
4034
|
}
|
|
4122
4035
|
});
|
|
4123
4036
|
FilterResetPanel = __decorate([
|
|
4124
4037
|
observer
|
|
4125
4038
|
], FilterResetPanel);
|
|
4126
4039
|
return FilterResetPanel;
|
|
4127
|
-
}(Component));
|
|
4040
|
+
}(React.Component));
|
|
4128
4041
|
|
|
4129
4042
|
var DataFilterType;
|
|
4130
4043
|
(function (DataFilterType) {
|
|
@@ -4297,11 +4210,11 @@ var SearchBox = /** @class */ (function (_super) {
|
|
|
4297
4210
|
configurable: true,
|
|
4298
4211
|
writable: true,
|
|
4299
4212
|
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" })))));
|
|
4213
|
+
return (React.createElement("div", { className: "input-group", style: { display: 'flex' } },
|
|
4214
|
+
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 } }),
|
|
4215
|
+
React.createElement("div", { className: "input-group-append", style: { height: this.props.boxHeight } },
|
|
4216
|
+
React.createElement("button", { className: "btn btn-outline-secondary", type: "button", disabled: true },
|
|
4217
|
+
React.createElement("i", { className: "fa fa-search" })))));
|
|
4305
4218
|
}
|
|
4306
4219
|
});
|
|
4307
4220
|
Object.defineProperty(SearchBox.prototype, "onChange", {
|
|
@@ -4328,7 +4241,7 @@ var SearchBox = /** @class */ (function (_super) {
|
|
|
4328
4241
|
autobind
|
|
4329
4242
|
], SearchBox.prototype, "onChange", null);
|
|
4330
4243
|
return SearchBox;
|
|
4331
|
-
}(Component));
|
|
4244
|
+
}(React.Component));
|
|
4332
4245
|
|
|
4333
4246
|
var DataTableToolbar = /** @class */ (function (_super) {
|
|
4334
4247
|
__extends(DataTableToolbar, _super);
|
|
@@ -4347,16 +4260,16 @@ var DataTableToolbar = /** @class */ (function (_super) {
|
|
|
4347
4260
|
configurable: true,
|
|
4348
4261
|
writable: true,
|
|
4349
4262
|
value: function () {
|
|
4350
|
-
return (createElement("div", { className: "dataTableMainToolbar", style: {
|
|
4263
|
+
return (React.createElement("div", { className: "dataTableMainToolbar", style: {
|
|
4351
4264
|
paddingBottom: '0.4rem',
|
|
4352
4265
|
display: 'flex',
|
|
4353
4266
|
alignItems: 'flex-end',
|
|
4354
4267
|
} },
|
|
4355
4268
|
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
|
|
4269
|
+
this.props.showColumnVisibility && (React.createElement("div", { className: "small", style: { width: 150, marginLeft: 'auto' } },
|
|
4270
|
+
React.createElement(ColumnSelector, __assign({ columnVisibility: this.props.columnVisibility, onColumnToggled: this.props.visibilityToggle }, this.props.columnSelectorProps)))),
|
|
4271
|
+
this.props.showSearchBox && (React.createElement("div", { className: "small", style: { width: 200, marginLeft: this.searchBoxMargin } },
|
|
4272
|
+
React.createElement(SearchBox, { placeholder: this.props.searchPlaceHolder, onChange: this.props.onSearch
|
|
4360
4273
|
? ___default.debounce(this.props.onSearch, this.props.searchDelay)
|
|
4361
4274
|
: this.props.onSearch, filterInputRef: this.props.filterInputRef })))));
|
|
4362
4275
|
}
|
|
@@ -4375,7 +4288,7 @@ var DataTableToolbar = /** @class */ (function (_super) {
|
|
|
4375
4288
|
observer
|
|
4376
4289
|
], DataTableToolbar);
|
|
4377
4290
|
return DataTableToolbar;
|
|
4378
|
-
}(Component));
|
|
4291
|
+
}(React.Component));
|
|
4379
4292
|
|
|
4380
4293
|
var ColumnSortDirection;
|
|
4381
4294
|
(function (ColumnSortDirection) {
|
|
@@ -4530,10 +4443,10 @@ var DataTable = /** @class */ (function (_super) {
|
|
|
4530
4443
|
configurable: true,
|
|
4531
4444
|
writable: true,
|
|
4532
4445
|
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
|
|
4446
|
+
return (React.createElement("div", { className: "cbioportal-frontend" },
|
|
4447
|
+
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 }),
|
|
4448
|
+
React.createElement("div", { className: classnames(this.props.className, 'cbioportal-frontend', 'default-data-table') },
|
|
4449
|
+
React.createElement(ReactTable, __assign({ data: this.tableData, columns: this.columns, getTrProps: this.needToCustomizeRowStyle
|
|
4537
4450
|
? this.getTrProps
|
|
4538
4451
|
: 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
4452
|
}
|
|
@@ -4766,9 +4679,9 @@ var DataTable = /** @class */ (function (_super) {
|
|
|
4766
4679
|
action.bound
|
|
4767
4680
|
], DataTable.prototype, "resetExpander", null);
|
|
4768
4681
|
return DataTable;
|
|
4769
|
-
}(Component));
|
|
4682
|
+
}(React.Component));
|
|
4770
4683
|
|
|
4771
|
-
var styles$
|
|
4684
|
+
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
4685
|
|
|
4773
4686
|
var MAIN_MUTATION_TYPE_MAP = {
|
|
4774
4687
|
missense: {
|
|
@@ -4883,18 +4796,18 @@ var MutationType = /** @class */ (function (_super) {
|
|
|
4883
4796
|
var className = getClassName(this.props.mutation);
|
|
4884
4797
|
// use actual value for tooltip
|
|
4885
4798
|
var toolTip = this.props.mutation.mutationType;
|
|
4886
|
-
var content = (createElement("span", { className: styles$
|
|
4799
|
+
var content = (React.createElement("span", { className: styles$6[className] }, text));
|
|
4887
4800
|
// add tooltip only if the display value differs from the actual text value!
|
|
4888
4801
|
if (toolTip && toolTip.toLowerCase() !== text.toLowerCase()) {
|
|
4889
|
-
content = (createElement(DefaultTooltip, { overlay: createElement("span", null, toolTip), placement: "left" }, content));
|
|
4802
|
+
content = (React.createElement(DefaultTooltip, { overlay: React.createElement("span", null, toolTip), placement: "left" }, content));
|
|
4890
4803
|
}
|
|
4891
4804
|
return content;
|
|
4892
4805
|
}
|
|
4893
4806
|
});
|
|
4894
4807
|
return MutationType;
|
|
4895
|
-
}(Component));
|
|
4808
|
+
}(React.Component));
|
|
4896
4809
|
|
|
4897
|
-
var _a$
|
|
4810
|
+
var _a$1, _b;
|
|
4898
4811
|
var MutationColumn;
|
|
4899
4812
|
(function (MutationColumn) {
|
|
4900
4813
|
MutationColumn["PROTEIN_CHANGE"] = "proteinChange";
|
|
@@ -4932,51 +4845,51 @@ var MutationColumnName;
|
|
|
4932
4845
|
MutationColumnName["SIGNAL"] = "SIGNAL";
|
|
4933
4846
|
})(MutationColumnName || (MutationColumnName = {}));
|
|
4934
4847
|
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$
|
|
4848
|
+
return React.createElement("span", { className: "pull-right mr-3" }, cellProps.value);
|
|
4849
|
+
}
|
|
4850
|
+
var MUTATION_COLUMN_HEADERS = (_a$1 = {},
|
|
4851
|
+
_a$1[MutationColumn.PROTEIN_CHANGE] = (React.createElement(ColumnHeader, { headerContent: React.createElement("span", { className: "pull-left" }, MutationColumnName.PROTEIN_CHANGE) })),
|
|
4852
|
+
_a$1[MutationColumn.ANNOTATION] = (React.createElement(ColumnHeader, { headerContent: React.createElement("span", { className: "pull-left" }, MutationColumnName.ANNOTATION) })),
|
|
4853
|
+
_a$1[MutationColumn.MUTATION_STATUS] = (React.createElement(ColumnHeader, { headerContent: React.createElement("span", { className: "pull-left" }, MutationColumnName.MUTATION_STATUS) })),
|
|
4854
|
+
_a$1[MutationColumn.MUTATION_TYPE] = (React.createElement(ColumnHeader, { headerContent: React.createElement("span", { className: "pull-left" }, MutationColumnName.MUTATION_TYPE) })),
|
|
4855
|
+
_a$1[MutationColumn.CHROMOSOME] = (React.createElement(ColumnHeader, { headerContent: React.createElement("span", { className: "pull-right mr-3" }, MutationColumnName.CHROMOSOME) })),
|
|
4856
|
+
_a$1[MutationColumn.START_POSITION] = (React.createElement(ColumnHeader, { headerContent: React.createElement("span", { className: "pull-right mr-3" }, MutationColumnName.START_POSITION) })),
|
|
4857
|
+
_a$1[MutationColumn.END_POSITION] = (React.createElement(ColumnHeader, { headerContent: React.createElement("span", { className: "pull-right mr-3" }, MutationColumnName.END_POSITION) })),
|
|
4858
|
+
_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") })),
|
|
4859
|
+
_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") })),
|
|
4860
|
+
_a$1[MutationColumn.HGVSG] = (React.createElement(ColumnHeader, { headerContent: React.createElement("span", { className: "pull-left" }, MutationColumnName.HGVSG) })),
|
|
4861
|
+
_a$1[MutationColumn.HGVSC] = (React.createElement(ColumnHeader, { headerContent: React.createElement("span", { className: "pull-left" }, MutationColumnName.HGVSC) })),
|
|
4862
|
+
_a$1[MutationColumn.GNOMAD] = (React.createElement(ColumnHeader, { headerContent: React.createElement("span", { className: "pull-right mr-3" },
|
|
4950
4863
|
MutationColumnName.GNOMAD,
|
|
4951
4864
|
' ',
|
|
4952
|
-
createElement("i", { className: "fa fa-info-circle" })), overlay: createElement("span", null,
|
|
4953
|
-
createElement("a", { href: "https://gnomad.broadinstitute.org/", target: "_blank" }, "gnomAD"),
|
|
4865
|
+
React.createElement("i", { className: "fa fa-info-circle" })), overlay: React.createElement("span", null,
|
|
4866
|
+
React.createElement("a", { href: "https://gnomad.broadinstitute.org/", target: "_blank" }, "gnomAD"),
|
|
4954
4867
|
' ',
|
|
4955
4868
|
"population allele frequencies. Overall population allele frequency is shown. Hover over a frequency to see the frequency for each specific population.") })),
|
|
4956
|
-
_a$
|
|
4869
|
+
_a$1[MutationColumn.CLINVAR] = (React.createElement(ColumnHeader, { headerContent: React.createElement("span", { className: "pull-left" },
|
|
4957
4870
|
MutationColumnName.CLINVAR,
|
|
4958
4871
|
' ',
|
|
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"),
|
|
4872
|
+
React.createElement("i", { className: "fa fa-info-circle" })), overlay: React.createElement("span", null,
|
|
4873
|
+
React.createElement("a", { href: "https://www.ncbi.nlm.nih.gov/clinvar/", target: "_blank" }, "ClinVar"),
|
|
4961
4874
|
' ',
|
|
4962
4875
|
"aggregates information about genomic variation and its relationship to human health.") })),
|
|
4963
|
-
_a$
|
|
4876
|
+
_a$1[MutationColumn.DBSNP] = (React.createElement(ColumnHeader, { headerContent: React.createElement("span", { className: "pull-right mr-3" },
|
|
4964
4877
|
MutationColumnName.DBSNP,
|
|
4965
4878
|
' ',
|
|
4966
|
-
createElement("i", { className: "fa fa-info-circle" })), overlay: createElement("span", null,
|
|
4879
|
+
React.createElement("i", { className: "fa fa-info-circle" })), overlay: React.createElement("span", null,
|
|
4967
4880
|
"The Single Nucleotide Polymorphism Database (",
|
|
4968
|
-
createElement("a", { href: "https://www.ncbi.nlm.nih.gov/snp/", target: "_blank" }, "dbSNP"),
|
|
4881
|
+
React.createElement("a", { href: "https://www.ncbi.nlm.nih.gov/snp/", target: "_blank" }, "dbSNP"),
|
|
4969
4882
|
") is a free public archive for genetic variation within and across different species.",
|
|
4970
|
-
createElement("br", null),
|
|
4883
|
+
React.createElement("br", null),
|
|
4971
4884
|
"NOTE: Currently only SNPs, single base deletions and insertions are supported.") })),
|
|
4972
|
-
_a$
|
|
4885
|
+
_a$1[MutationColumn.SIGNAL] = (React.createElement(ColumnHeader, { headerContent: React.createElement("span", { className: "pull-right mr-3" },
|
|
4973
4886
|
MutationColumnName.SIGNAL,
|
|
4974
4887
|
' ',
|
|
4975
|
-
createElement("i", { className: "fa fa-info-circle" })), overlay: createElement("span", null,
|
|
4888
|
+
React.createElement("i", { className: "fa fa-info-circle" })), overlay: React.createElement("span", null,
|
|
4976
4889
|
"Prevalence of germline mutations in cancer patients from",
|
|
4977
4890
|
' ',
|
|
4978
|
-
createElement("a", { href: "https://www.signaldb.org/", target: "_blank" }, "SIGNAL")) })),
|
|
4979
|
-
_a$
|
|
4891
|
+
React.createElement("a", { href: "https://www.signaldb.org/", target: "_blank" }, "SIGNAL")) })),
|
|
4892
|
+
_a$1);
|
|
4980
4893
|
/**
|
|
4981
4894
|
* These default columns only include static props.
|
|
4982
4895
|
* So, for some columns, like Annotation, no default accessor or Cell (render) properties included.
|
|
@@ -4987,7 +4900,7 @@ var MUTATION_COLUMNS_DEFINITION = (_b = {},
|
|
|
4987
4900
|
name: MutationColumnName.PROTEIN_CHANGE,
|
|
4988
4901
|
accessor: MutationColumn.PROTEIN_CHANGE,
|
|
4989
4902
|
searchable: true,
|
|
4990
|
-
Cell: function (column) { return createElement(ProteinChange, { mutation: column.original }); },
|
|
4903
|
+
Cell: function (column) { return React.createElement(ProteinChange, { mutation: column.original }); },
|
|
4991
4904
|
Header: MUTATION_COLUMN_HEADERS[MutationColumn.PROTEIN_CHANGE],
|
|
4992
4905
|
sortMethod: proteinChangeSortMethod,
|
|
4993
4906
|
},
|
|
@@ -5002,7 +4915,7 @@ var MUTATION_COLUMNS_DEFINITION = (_b = {},
|
|
|
5002
4915
|
name: MutationColumnName.MUTATION_TYPE,
|
|
5003
4916
|
accessor: MutationColumn.MUTATION_TYPE,
|
|
5004
4917
|
searchable: true,
|
|
5005
|
-
Cell: function (column) { return createElement(MutationType, { mutation: column.original }); },
|
|
4918
|
+
Cell: function (column) { return React.createElement(MutationType, { mutation: column.original }); },
|
|
5006
4919
|
Header: MUTATION_COLUMN_HEADERS[MutationColumn.MUTATION_TYPE],
|
|
5007
4920
|
},
|
|
5008
4921
|
_b[MutationColumn.MUTATION_STATUS] = {
|
|
@@ -5010,7 +4923,7 @@ var MUTATION_COLUMNS_DEFINITION = (_b = {},
|
|
|
5010
4923
|
name: MutationColumnName.MUTATION_STATUS,
|
|
5011
4924
|
accessor: MutationColumn.MUTATION_STATUS,
|
|
5012
4925
|
searchable: true,
|
|
5013
|
-
Cell: function (column) { return createElement(MutationStatus, { mutation: column.original }); },
|
|
4926
|
+
Cell: function (column) { return React.createElement(MutationStatus, { mutation: column.original }); },
|
|
5014
4927
|
Header: MUTATION_COLUMN_HEADERS[MutationColumn.MUTATION_STATUS],
|
|
5015
4928
|
},
|
|
5016
4929
|
_b[MutationColumn.CHROMOSOME] = {
|
|
@@ -5288,19 +5201,19 @@ var DefaultMutationTable = /** @class */ (function (_super) {
|
|
|
5288
5201
|
var _this = this;
|
|
5289
5202
|
switch (columnKey) {
|
|
5290
5203
|
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 })); };
|
|
5204
|
+
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
5205
|
case MutationColumn.HGVSG:
|
|
5293
|
-
return function (column) { return createElement(Hgvsg, { mutation: column.original }); };
|
|
5206
|
+
return function (column) { return React.createElement(Hgvsg, { mutation: column.original }); };
|
|
5294
5207
|
case MutationColumn.HGVSC:
|
|
5295
|
-
return function (column) { return (createElement(Hgvsc, { mutation: column.original, indexedVariantAnnotations: _this.props.indexedVariantAnnotations, selectedTranscriptId: _this.props.selectedTranscriptId })); };
|
|
5208
|
+
return function (column) { return (React.createElement(Hgvsc, { mutation: column.original, indexedVariantAnnotations: _this.props.indexedVariantAnnotations, selectedTranscriptId: _this.props.selectedTranscriptId })); };
|
|
5296
5209
|
case MutationColumn.GNOMAD:
|
|
5297
|
-
return function (column) { return (createElement(Gnomad, { mutation: column.original, indexedMyVariantInfoAnnotations: _this.props.indexedMyVariantInfoAnnotations, indexedVariantAnnotations: _this.props.indexedVariantAnnotations })); };
|
|
5210
|
+
return function (column) { return (React.createElement(Gnomad, { mutation: column.original, indexedMyVariantInfoAnnotations: _this.props.indexedMyVariantInfoAnnotations, indexedVariantAnnotations: _this.props.indexedVariantAnnotations })); };
|
|
5298
5211
|
case MutationColumn.CLINVAR:
|
|
5299
|
-
return function (column) { return (createElement(ClinvarInterpretation, { mutation: column.original, indexedVariantAnnotations: _this.props.indexedVariantAnnotations })); };
|
|
5212
|
+
return function (column) { return (React.createElement(ClinvarInterpretation, { mutation: column.original, indexedVariantAnnotations: _this.props.indexedVariantAnnotations })); };
|
|
5300
5213
|
case MutationColumn.DBSNP:
|
|
5301
|
-
return function (column) { return (createElement(Dbsnp, { mutation: column.original, indexedMyVariantInfoAnnotations: _this.props.indexedMyVariantInfoAnnotations })); };
|
|
5214
|
+
return function (column) { return (React.createElement(Dbsnp, { mutation: column.original, indexedMyVariantInfoAnnotations: _this.props.indexedMyVariantInfoAnnotations })); };
|
|
5302
5215
|
case MutationColumn.SIGNAL:
|
|
5303
|
-
return function (column) { return (createElement(Signal, { mutation: column.original, indexedVariantAnnotations: _this.props.indexedVariantAnnotations, mutationType: Pathogenicity.GERMLINE })); };
|
|
5216
|
+
return function (column) { return (React.createElement(Signal, { mutation: column.original, indexedVariantAnnotations: _this.props.indexedVariantAnnotations, mutationType: Pathogenicity.GERMLINE })); };
|
|
5304
5217
|
default:
|
|
5305
5218
|
return undefined;
|
|
5306
5219
|
}
|
|
@@ -5336,7 +5249,7 @@ var DefaultMutationTable = /** @class */ (function (_super) {
|
|
|
5336
5249
|
configurable: true,
|
|
5337
5250
|
writable: true,
|
|
5338
5251
|
value: function () {
|
|
5339
|
-
return (createElement(DefaultMutationTableComponent, __assign({}, this.props, { columns: this.columns, initialSortRemoteData: this.initialSortRemoteData, onSearch: this.onSearch, className: "default-mutation-table" })));
|
|
5252
|
+
return (React.createElement(DefaultMutationTableComponent, __assign({}, this.props, { columns: this.columns, initialSortRemoteData: this.initialSortRemoteData, onSearch: this.onSearch, className: "default-mutation-table" })));
|
|
5340
5253
|
}
|
|
5341
5254
|
});
|
|
5342
5255
|
Object.defineProperty(DefaultMutationTable.prototype, "onSearch", {
|
|
@@ -5422,7 +5335,7 @@ var DefaultMutationTable = /** @class */ (function (_super) {
|
|
|
5422
5335
|
observer
|
|
5423
5336
|
], DefaultMutationTable);
|
|
5424
5337
|
return DefaultMutationTable;
|
|
5425
|
-
}(Component));
|
|
5338
|
+
}(React.Component));
|
|
5426
5339
|
|
|
5427
5340
|
var Domain = /** @class */ (function (_super) {
|
|
5428
5341
|
__extends(Domain, _super);
|
|
@@ -5549,7 +5462,7 @@ var Domain = /** @class */ (function (_super) {
|
|
|
5549
5462
|
props.style = { opacity: 0 };
|
|
5550
5463
|
props.className = this.props.hitzoneClassName;
|
|
5551
5464
|
}
|
|
5552
|
-
return createElement("text", __assign({}, props), text);
|
|
5465
|
+
return React.createElement("text", __assign({}, props), text);
|
|
5553
5466
|
}
|
|
5554
5467
|
});
|
|
5555
5468
|
Object.defineProperty(Domain.prototype, "render", {
|
|
@@ -5557,11 +5470,11 @@ var Domain = /** @class */ (function (_super) {
|
|
|
5557
5470
|
configurable: true,
|
|
5558
5471
|
writable: true,
|
|
5559
5472
|
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 }),
|
|
5473
|
+
return (React.createElement("g", null,
|
|
5474
|
+
React.createElement("rect", { x: this.props.x, y: this.props.y, width: this.props.width, height: this.props.height, fill: this.props.color }),
|
|
5562
5475
|
this.makeTextElement(true),
|
|
5563
5476
|
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 } })));
|
|
5477
|
+
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
5478
|
}
|
|
5566
5479
|
});
|
|
5567
5480
|
__decorate([
|
|
@@ -5580,7 +5493,7 @@ var Domain = /** @class */ (function (_super) {
|
|
|
5580
5493
|
observer
|
|
5581
5494
|
], Domain);
|
|
5582
5495
|
return Domain;
|
|
5583
|
-
}(Component));
|
|
5496
|
+
}(React.Component));
|
|
5584
5497
|
|
|
5585
5498
|
var LollipopPlacement;
|
|
5586
5499
|
(function (LollipopPlacement) {
|
|
@@ -5661,17 +5574,17 @@ var Lollipop = /** @class */ (function (_super) {
|
|
|
5661
5574
|
value: function () {
|
|
5662
5575
|
var label = null;
|
|
5663
5576
|
if (this.props.label) {
|
|
5664
|
-
label = (createElement("text", { fill: "#2E3436", style: {
|
|
5577
|
+
label = (React.createElement("text", { fill: "#2E3436", style: {
|
|
5665
5578
|
fontSize: this.props.label.fontSize || 10,
|
|
5666
5579
|
fontFamily: this.props.label.fontFamily || 'arial',
|
|
5667
5580
|
}, textAnchor: this.props.label.textAnchor || 'middle', dominantBaseline: this.props.spec.placement === LollipopPlacement.BOTTOM
|
|
5668
5581
|
? 'hanging'
|
|
5669
5582
|
: 'baseline', x: this.props.x, y: this.textY }, this.props.label.show ? this.props.label.text : ''));
|
|
5670
5583
|
}
|
|
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 } }),
|
|
5584
|
+
return (React.createElement("g", null,
|
|
5585
|
+
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 }),
|
|
5586
|
+
React.createElement("circle", { stroke: "#BABDB6", strokeWidth: "0.5", fill: this.props.headColor || '#000000', r: this.headRadius, cx: this.circleX, cy: this.circleY }),
|
|
5587
|
+
React.createElement("circle", { className: this.props.hitzoneClassName, r: this.props.hoverHeadRadius, cx: this.circleX, cy: this.circleY, cursor: "pointer", style: { opacity: 0 } }),
|
|
5675
5588
|
label));
|
|
5676
5589
|
}
|
|
5677
5590
|
});
|
|
@@ -5697,7 +5610,7 @@ var Lollipop = /** @class */ (function (_super) {
|
|
|
5697
5610
|
observer
|
|
5698
5611
|
], Lollipop);
|
|
5699
5612
|
return Lollipop;
|
|
5700
|
-
}(Component));
|
|
5613
|
+
}(React.Component));
|
|
5701
5614
|
|
|
5702
5615
|
var DefaultLollipopPlotControlsConfig = /** @class */ (function () {
|
|
5703
5616
|
function DefaultLollipopPlotControlsConfig() {
|
|
@@ -5935,46 +5848,46 @@ var TrackSelector = /** @class */ (function (_super) {
|
|
|
5935
5848
|
var _a;
|
|
5936
5849
|
return _a = {},
|
|
5937
5850
|
_a[TrackName.CancerHotspots] = {
|
|
5938
|
-
label: (createElement("span", null,
|
|
5851
|
+
label: (React.createElement("span", null,
|
|
5939
5852
|
"Cancer Hotspots",
|
|
5940
5853
|
this.isPending(TrackName.CancerHotspots) &&
|
|
5941
5854
|
this.loaderIcon())),
|
|
5942
5855
|
value: TrackName.CancerHotspots,
|
|
5943
5856
|
},
|
|
5944
5857
|
_a[TrackName.OncoKB] = {
|
|
5945
|
-
label: (createElement("span", null,
|
|
5858
|
+
label: (React.createElement("span", null,
|
|
5946
5859
|
"OncoKB",
|
|
5947
5860
|
this.isPending(TrackName.OncoKB) && this.loaderIcon())),
|
|
5948
5861
|
value: TrackName.OncoKB,
|
|
5949
5862
|
},
|
|
5950
5863
|
_a[TrackName.dbPTM] = {
|
|
5951
|
-
label: (createElement("span", null,
|
|
5864
|
+
label: (React.createElement("span", null,
|
|
5952
5865
|
"Post Translational Modifications (dbPTM)",
|
|
5953
5866
|
this.isPending(TrackName.dbPTM) && this.loaderIcon())),
|
|
5954
5867
|
value: TrackName.dbPTM,
|
|
5955
5868
|
},
|
|
5956
5869
|
_a[TrackName.UniprotPTM] = {
|
|
5957
|
-
label: (createElement("span", null,
|
|
5870
|
+
label: (React.createElement("span", null,
|
|
5958
5871
|
"Post Translational Modifications (Uniprot)",
|
|
5959
5872
|
this.isPending(TrackName.UniprotPTM) &&
|
|
5960
5873
|
this.loaderIcon())),
|
|
5961
5874
|
value: TrackName.UniprotPTM,
|
|
5962
5875
|
},
|
|
5963
5876
|
_a[TrackName.PDB] = {
|
|
5964
|
-
label: (createElement("span", null,
|
|
5877
|
+
label: (React.createElement("span", null,
|
|
5965
5878
|
"3D Structure",
|
|
5966
5879
|
this.isPending(TrackName.PDB) && this.loaderIcon())),
|
|
5967
5880
|
value: TrackName.PDB,
|
|
5968
5881
|
disabled: this.isDisabled(TrackName.PDB),
|
|
5969
5882
|
},
|
|
5970
5883
|
_a[TrackName.Exon] = {
|
|
5971
|
-
label: (createElement("span", null,
|
|
5884
|
+
label: (React.createElement("span", null,
|
|
5972
5885
|
"Exon",
|
|
5973
5886
|
this.isPending(TrackName.Exon) && this.loaderIcon())),
|
|
5974
5887
|
value: TrackName.Exon,
|
|
5975
5888
|
},
|
|
5976
5889
|
_a[TrackName.UniprotTopology] = {
|
|
5977
|
-
label: (createElement("span", null,
|
|
5890
|
+
label: (React.createElement("span", null,
|
|
5978
5891
|
"Uniprot Topology",
|
|
5979
5892
|
this.isPending(TrackName.UniprotTopology) &&
|
|
5980
5893
|
this.loaderIcon())),
|
|
@@ -6018,12 +5931,12 @@ var TrackSelector = /** @class */ (function (_super) {
|
|
|
6018
5931
|
configurable: true,
|
|
6019
5932
|
writable: true,
|
|
6020
5933
|
value: function () {
|
|
6021
|
-
return (createElement("span", { style: {
|
|
5934
|
+
return (React.createElement("span", { style: {
|
|
6022
5935
|
display: 'inline-block',
|
|
6023
5936
|
verticalAlign: 'bottom',
|
|
6024
5937
|
marginLeft: 5,
|
|
6025
5938
|
} },
|
|
6026
|
-
createElement("i", { className: "fa fa-spinner fa-pulse" })));
|
|
5939
|
+
React.createElement("i", { className: "fa fa-spinner fa-pulse" })));
|
|
6027
5940
|
}
|
|
6028
5941
|
});
|
|
6029
5942
|
Object.defineProperty(TrackSelector.prototype, "render", {
|
|
@@ -6031,7 +5944,7 @@ var TrackSelector = /** @class */ (function (_super) {
|
|
|
6031
5944
|
configurable: true,
|
|
6032
5945
|
writable: true,
|
|
6033
5946
|
value: function () {
|
|
6034
|
-
return (createElement(CheckedSelect, { name: this.props.name, placeholder: this.props.placeholder, onChange: this.onChange, options: this.options, value: this.selectedValues }));
|
|
5947
|
+
return (React.createElement(CheckedSelect, { name: this.props.name, placeholder: this.props.placeholder, onChange: this.onChange, options: this.options, value: this.selectedValues }));
|
|
6035
5948
|
}
|
|
6036
5949
|
});
|
|
6037
5950
|
Object.defineProperty(TrackSelector, "defaultProps", {
|
|
@@ -6067,7 +5980,7 @@ var TrackSelector = /** @class */ (function (_super) {
|
|
|
6067
5980
|
observer
|
|
6068
5981
|
], TrackSelector);
|
|
6069
5982
|
return TrackSelector;
|
|
6070
|
-
}(Component));
|
|
5983
|
+
}(React.Component));
|
|
6071
5984
|
|
|
6072
5985
|
function initDefaultTrackVisibility() {
|
|
6073
5986
|
var _a;
|
|
@@ -6092,27 +6005,27 @@ var DefaultLollipopPlotLegend = /** @class */ (function (_super) {
|
|
|
6092
6005
|
configurable: true,
|
|
6093
6006
|
writable: true,
|
|
6094
6007
|
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,
|
|
6008
|
+
return (React.createElement("div", { style: { maxWidth: 700, marginTop: 5 } },
|
|
6009
|
+
React.createElement("strong", { style: { color: '#2153AA' } }, "Color Codes"),
|
|
6010
|
+
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."),
|
|
6011
|
+
React.createElement("br", null),
|
|
6012
|
+
React.createElement("div", null,
|
|
6100
6013
|
"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"),
|
|
6014
|
+
React.createElement("ul", null,
|
|
6015
|
+
React.createElement("li", null,
|
|
6016
|
+
React.createElement("strong", { style: { color: this.props.missenseColor } }, "Missense Mutations")),
|
|
6017
|
+
React.createElement("li", null,
|
|
6018
|
+
React.createElement("strong", { style: { color: this.props.truncatingColor } }, "Truncating Mutations"),
|
|
6106
6019
|
": Nonsense, Nonstop, Frameshift deletion, Frameshift insertion, Splice site"),
|
|
6107
|
-
createElement("li", null,
|
|
6108
|
-
createElement("strong", { style: { color: this.props.inframeColor } }, "Inframe Mutations"),
|
|
6020
|
+
React.createElement("li", null,
|
|
6021
|
+
React.createElement("strong", { style: { color: this.props.inframeColor } }, "Inframe Mutations"),
|
|
6109
6022
|
": 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"),
|
|
6023
|
+
React.createElement("li", null,
|
|
6024
|
+
React.createElement("strong", { style: { color: this.props.spliceColor } }, "Splice Mutations")),
|
|
6025
|
+
React.createElement("li", null,
|
|
6026
|
+
React.createElement("strong", { style: { color: this.props.fusionColor } }, "Fusion Mutations")),
|
|
6027
|
+
React.createElement("li", null,
|
|
6028
|
+
React.createElement("strong", { style: { color: this.props.otherColor } }, "Other Mutations"),
|
|
6116
6029
|
": All other types of mutations")))));
|
|
6117
6030
|
}
|
|
6118
6031
|
});
|
|
@@ -6130,7 +6043,7 @@ var DefaultLollipopPlotLegend = /** @class */ (function (_super) {
|
|
|
6130
6043
|
}
|
|
6131
6044
|
});
|
|
6132
6045
|
return DefaultLollipopPlotLegend;
|
|
6133
|
-
}(Component));
|
|
6046
|
+
}(React.Component));
|
|
6134
6047
|
|
|
6135
6048
|
var Sequence = /** @class */ (function (_super) {
|
|
6136
6049
|
__extends(Sequence, _super);
|
|
@@ -6170,9 +6083,9 @@ var Sequence = /** @class */ (function (_super) {
|
|
|
6170
6083
|
configurable: true,
|
|
6171
6084
|
writable: true,
|
|
6172
6085
|
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 } })));
|
|
6086
|
+
return (React.createElement("g", null,
|
|
6087
|
+
React.createElement("rect", { x: this.props.x, y: this.props.y, width: this.props.width, height: this.props.height, fill: this.props.color }),
|
|
6088
|
+
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
6089
|
}
|
|
6177
6090
|
});
|
|
6178
6091
|
__decorate([
|
|
@@ -6182,7 +6095,7 @@ var Sequence = /** @class */ (function (_super) {
|
|
|
6182
6095
|
observer
|
|
6183
6096
|
], Sequence);
|
|
6184
6097
|
return Sequence;
|
|
6185
|
-
}(Component));
|
|
6098
|
+
}(React.Component));
|
|
6186
6099
|
|
|
6187
6100
|
var DELETE_FOR_DOWNLOAD_CLASS = 'delete-for-download';
|
|
6188
6101
|
var LOLLIPOP_ID_CLASS_PREFIX = 'lollipop-';
|
|
@@ -6816,7 +6729,7 @@ var LollipopPlotNoTooltip = /** @class */ (function (_super) {
|
|
|
6816
6729
|
return a.start - b.start;
|
|
6817
6730
|
});
|
|
6818
6731
|
segments.forEach(function (segment, index) {
|
|
6819
|
-
sequenceComponents.push(createElement(Sequence, { ref: function (sequenceComponent) {
|
|
6732
|
+
sequenceComponents.push(React.createElement(Sequence, { ref: function (sequenceComponent) {
|
|
6820
6733
|
if (sequenceComponent !== null) {
|
|
6821
6734
|
_this.sequenceComponents[index] = sequenceComponent;
|
|
6822
6735
|
}
|
|
@@ -6850,7 +6763,7 @@ var LollipopPlotNoTooltip = /** @class */ (function (_super) {
|
|
|
6850
6763
|
? -_this.countToHeight(lollipop.count, _this.bottomYMax, _this.zeroHeight)
|
|
6851
6764
|
: _this.countToHeight(lollipop.count, _this.yMax, _this.zeroHeight);
|
|
6852
6765
|
var stickBaseY = _this.calcStickBaseY(lollipop.placement);
|
|
6853
|
-
return (createElement(Lollipop, { key: lollipop.codon + "_" + (lollipop.placement === LollipopPlacement.BOTTOM
|
|
6766
|
+
return (React.createElement(Lollipop, { key: lollipop.codon + "_" + (lollipop.placement === LollipopPlacement.BOTTOM
|
|
6854
6767
|
? 'bottom'
|
|
6855
6768
|
: 'top'), ref: function (lollipopComponent) {
|
|
6856
6769
|
if (lollipopComponent !== null) {
|
|
@@ -6876,7 +6789,7 @@ var LollipopPlotNoTooltip = /** @class */ (function (_super) {
|
|
|
6876
6789
|
return this.props.domains.map(function (domain, index) {
|
|
6877
6790
|
var x = _this.codonToX(domain.startCodon);
|
|
6878
6791
|
var width = _this.codonToX(domain.endCodon) - x;
|
|
6879
|
-
return (createElement(Domain, { key: index, ref: function (domainComponent) {
|
|
6792
|
+
return (React.createElement(Domain, { key: index, ref: function (domainComponent) {
|
|
6880
6793
|
if (domainComponent !== null) {
|
|
6881
6794
|
_this.domainComponents[index] = domainComponent;
|
|
6882
6795
|
}
|
|
@@ -6900,7 +6813,7 @@ var LollipopPlotNoTooltip = /** @class */ (function (_super) {
|
|
|
6900
6813
|
'') + " " + groupName + " Mutations"
|
|
6901
6814
|
: symbol + " " + (this.props.hugoGeneSymbol || '') + " Mutations";
|
|
6902
6815
|
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 }));
|
|
6816
|
+
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
6817
|
}
|
|
6905
6818
|
});
|
|
6906
6819
|
Object.defineProperty(LollipopPlotNoTooltip.prototype, "xAxis", {
|
|
@@ -6909,7 +6822,7 @@ var LollipopPlotNoTooltip = /** @class */ (function (_super) {
|
|
|
6909
6822
|
writable: true,
|
|
6910
6823
|
value: function (y, placement) {
|
|
6911
6824
|
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 }));
|
|
6825
|
+
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
6826
|
}
|
|
6914
6827
|
});
|
|
6915
6828
|
Object.defineProperty(LollipopPlotNoTooltip.prototype, "axisTicks", {
|
|
@@ -7036,10 +6949,10 @@ var LollipopPlotNoTooltip = /** @class */ (function (_super) {
|
|
|
7036
6949
|
configurable: true,
|
|
7037
6950
|
writable: true,
|
|
7038
6951
|
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:
|
|
6952
|
+
return (React.createElement("div", { onMouseOver: this.onMouseOver },
|
|
6953
|
+
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 },
|
|
6954
|
+
React.createElement("rect", { fill: "#FFFFFF", x: 0, y: 0, width: this.svgWidth, height: this.svgHeight, onClick: this.onBackgroundClick, onMouseMove: this.onBackgroundMouseMove }),
|
|
6955
|
+
React.createElement("rect", { fill: "#BABDB6", x: this.geneX, y: this.geneY, height: this.geneHeight, width:
|
|
7043
6956
|
// the x-axis start from 0, so the rectangle size should be (width + 1)
|
|
7044
6957
|
this.props.vizWidth + 1 }),
|
|
7045
6958
|
this.lollipops,
|
|
@@ -7198,7 +7111,7 @@ var LollipopPlotNoTooltip = /** @class */ (function (_super) {
|
|
|
7198
7111
|
observer
|
|
7199
7112
|
], LollipopPlotNoTooltip);
|
|
7200
7113
|
return LollipopPlotNoTooltip;
|
|
7201
|
-
}(Component));
|
|
7114
|
+
}(React.Component));
|
|
7202
7115
|
|
|
7203
7116
|
var LollipopPlot = /** @class */ (function (_super) {
|
|
7204
7117
|
__extends(LollipopPlot, _super);
|
|
@@ -7290,12 +7203,12 @@ var LollipopPlot = /** @class */ (function (_super) {
|
|
|
7290
7203
|
if (!this.tooltipVisible) {
|
|
7291
7204
|
tooltipVisibleProps.visible = false;
|
|
7292
7205
|
}
|
|
7293
|
-
return (createElement("div", { style: {
|
|
7206
|
+
return (React.createElement("div", { style: {
|
|
7294
7207
|
position: 'relative',
|
|
7295
7208
|
display: 'inline-block',
|
|
7296
7209
|
}, "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))));
|
|
7210
|
+
React.createElement(DefaultTooltip, __assign({ placement: this.handlers.getOverlayPlacement(), overlay: this.handlers.getOverlay }, tooltipVisibleProps), this.hitZone),
|
|
7211
|
+
React.createElement(LollipopPlotNoTooltip, __assign({ ref: this.handlers.ref, setHitZone: this.handlers.setHitZone, onMouseLeave: this.handlers.onMouseLeave, onBackgroundMouseMove: this.handlers.onBackgroundMouseMove }, this.props))));
|
|
7299
7212
|
}
|
|
7300
7213
|
});
|
|
7301
7214
|
Object.defineProperty(LollipopPlot, "defaultProps", {
|
|
@@ -7319,7 +7232,7 @@ var LollipopPlot = /** @class */ (function (_super) {
|
|
|
7319
7232
|
observer
|
|
7320
7233
|
], LollipopPlot);
|
|
7321
7234
|
return LollipopPlot;
|
|
7322
|
-
}(Component));
|
|
7235
|
+
}(React.Component));
|
|
7323
7236
|
|
|
7324
7237
|
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
7238
|
|
|
@@ -7357,21 +7270,21 @@ var LollipopMutationPlotControls = /** @class */ (function (_super) {
|
|
|
7357
7270
|
if (label === void 0) { label = 'Y-Axis Max'; }
|
|
7358
7271
|
if (width === void 0) { width = 100; }
|
|
7359
7272
|
if (yMaxSliderStep === void 0) { yMaxSliderStep = 1; }
|
|
7360
|
-
return (createElement("div", { className: "small", style: {
|
|
7273
|
+
return (React.createElement("div", { className: "small", style: {
|
|
7361
7274
|
display: 'flex',
|
|
7362
7275
|
alignItems: 'center',
|
|
7363
7276
|
marginLeft: 10,
|
|
7364
7277
|
} },
|
|
7365
|
-
createElement("span", null,
|
|
7278
|
+
React.createElement("span", null,
|
|
7366
7279
|
label,
|
|
7367
7280
|
":"),
|
|
7368
|
-
createElement("div", { style: {
|
|
7281
|
+
React.createElement("div", { style: {
|
|
7369
7282
|
width: width,
|
|
7370
7283
|
marginLeft: 10,
|
|
7371
7284
|
marginRight: 10,
|
|
7372
7285
|
} },
|
|
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 })));
|
|
7286
|
+
React.createElement(Slider, { min: yMaxSliderStep, max: calcYMaxInput(undefined, yMaxSliderStep, countRange, oppositeCountRange, yAxisSameScale), tooltip: false, step: yMaxSliderStep, onChange: onYAxisMaxSliderChange, value: yMaxSlider })),
|
|
7287
|
+
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
7288
|
}
|
|
7376
7289
|
});
|
|
7377
7290
|
Object.defineProperty(LollipopMutationPlotControls.prototype, "yMaxSlider", {
|
|
@@ -7395,24 +7308,24 @@ var LollipopMutationPlotControls = /** @class */ (function (_super) {
|
|
|
7395
7308
|
});
|
|
7396
7309
|
Object.defineProperty(LollipopMutationPlotControls.prototype, "trackSelector", {
|
|
7397
7310
|
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 })));
|
|
7311
|
+
return (React.createElement("div", { className: classnames('annotation-track-selector', 'small'), style: { width: 180, marginRight: 7 } },
|
|
7312
|
+
React.createElement(TrackSelector, { tracks: this.props.tracks, trackVisibility: this.props.trackVisibility, trackDataStatus: this.props.trackDataStatus, onChange: this.props.onTrackVisibilityChange })));
|
|
7400
7313
|
},
|
|
7401
7314
|
enumerable: false,
|
|
7402
7315
|
configurable: true
|
|
7403
7316
|
});
|
|
7404
7317
|
Object.defineProperty(LollipopMutationPlotControls.prototype, "legendToggle", {
|
|
7405
7318
|
get: function () {
|
|
7406
|
-
return (createElement("button", { className: "btn btn-default btn-xs", onClick: this.props.onToggleLegend, style: { marginRight: 7 } },
|
|
7319
|
+
return (React.createElement("button", { className: "btn btn-default btn-xs", onClick: this.props.onToggleLegend, style: { marginRight: 7 } },
|
|
7407
7320
|
"Legend ",
|
|
7408
|
-
createElement("i", { className: "fa fa-eye", "aria-hidden": "true" })));
|
|
7321
|
+
React.createElement("i", { className: "fa fa-eye", "aria-hidden": "true" })));
|
|
7409
7322
|
},
|
|
7410
7323
|
enumerable: false,
|
|
7411
7324
|
configurable: true
|
|
7412
7325
|
});
|
|
7413
7326
|
Object.defineProperty(LollipopMutationPlotControls.prototype, "downloadControls", {
|
|
7414
7327
|
get: function () {
|
|
7415
|
-
return (createElement(DownloadControls, { getSvg: this.props.getSVG, filename: this.props.hugoGeneSymbol + "_lollipop", dontFade: true, type: "button" }));
|
|
7328
|
+
return (React.createElement(DownloadControls, { getSvg: this.props.getSVG, filename: this.props.hugoGeneSymbol + "_lollipop", dontFade: true, type: "button" }));
|
|
7416
7329
|
},
|
|
7417
7330
|
enumerable: false,
|
|
7418
7331
|
configurable: true
|
|
@@ -7422,10 +7335,10 @@ var LollipopMutationPlotControls = /** @class */ (function (_super) {
|
|
|
7422
7335
|
configurable: true,
|
|
7423
7336
|
writable: true,
|
|
7424
7337
|
value: function () {
|
|
7425
|
-
return (createElement("div", { className: classnames('lollipop_mutation_plot__controls', this.props.showControls
|
|
7338
|
+
return (React.createElement("div", { className: classnames('lollipop_mutation_plot__controls', this.props.showControls
|
|
7426
7339
|
? styles$5['fade-in']
|
|
7427
7340
|
: styles$5['fade-out']) },
|
|
7428
|
-
createElement("div", { style: { display: 'flex', alignItems: 'center' } },
|
|
7341
|
+
React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
|
|
7429
7342
|
this.props.trackVisibility &&
|
|
7430
7343
|
this.props.onTrackVisibilityChange &&
|
|
7431
7344
|
this.props.showTrackSelector &&
|
|
@@ -7434,7 +7347,7 @@ var LollipopMutationPlotControls = /** @class */ (function (_super) {
|
|
|
7434
7347
|
this.props.showYMaxSlider && this.bottomYMaxSlider,
|
|
7435
7348
|
this.props.filterResetPanel,
|
|
7436
7349
|
this.props.customControls,
|
|
7437
|
-
createElement("div", { style: { display: 'flex', marginLeft: 'auto' } },
|
|
7350
|
+
React.createElement("div", { style: { display: 'flex', marginLeft: 'auto' } },
|
|
7438
7351
|
this.props.showLegendToggle && this.legendToggle,
|
|
7439
7352
|
this.props.showDownloadControls &&
|
|
7440
7353
|
this.downloadControls)),
|
|
@@ -7460,7 +7373,7 @@ var LollipopMutationPlotControls = /** @class */ (function (_super) {
|
|
|
7460
7373
|
observer
|
|
7461
7374
|
], LollipopMutationPlotControls);
|
|
7462
7375
|
return LollipopMutationPlotControls;
|
|
7463
|
-
}(Component));
|
|
7376
|
+
}(React.Component));
|
|
7464
7377
|
|
|
7465
7378
|
var HotspotFilterValue;
|
|
7466
7379
|
(function (HotspotFilterValue) {
|
|
@@ -7488,9 +7401,9 @@ var TrackCircle = /** @class */ (function (_super) {
|
|
|
7488
7401
|
configurable: true,
|
|
7489
7402
|
writable: true,
|
|
7490
7403
|
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 } })));
|
|
7404
|
+
return (React.createElement("g", null,
|
|
7405
|
+
React.createElement("circle", { stroke: "#BABDB6", strokeWidth: "0.5", fill: this.props.spec.color, r: this.circleRadius, cx: this.props.x, cy: this.props.y }),
|
|
7406
|
+
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
7407
|
}
|
|
7495
7408
|
});
|
|
7496
7409
|
Object.defineProperty(TrackCircle, "defaultProps", {
|
|
@@ -7509,7 +7422,7 @@ var TrackCircle = /** @class */ (function (_super) {
|
|
|
7509
7422
|
observer
|
|
7510
7423
|
], TrackCircle);
|
|
7511
7424
|
return TrackCircle;
|
|
7512
|
-
}(Component));
|
|
7425
|
+
}(React.Component));
|
|
7513
7426
|
|
|
7514
7427
|
function truncateDisplayText(label, textElt, width) {
|
|
7515
7428
|
// Truncate text if necessary
|
|
@@ -7604,7 +7517,7 @@ var TrackRect = /** @class */ (function (_super) {
|
|
|
7604
7517
|
props.style = { opacity: 0 };
|
|
7605
7518
|
props.className = this.props.hitZoneClassName;
|
|
7606
7519
|
}
|
|
7607
|
-
return createElement("text", __assign({}, props), text);
|
|
7520
|
+
return React.createElement("text", __assign({}, props), text);
|
|
7608
7521
|
}
|
|
7609
7522
|
});
|
|
7610
7523
|
Object.defineProperty(TrackRect.prototype, "strokeWidth", {
|
|
@@ -7626,12 +7539,12 @@ var TrackRect = /** @class */ (function (_super) {
|
|
|
7626
7539
|
configurable: true,
|
|
7627
7540
|
writable: true,
|
|
7628
7541
|
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 }),
|
|
7542
|
+
return (React.createElement("g", null,
|
|
7543
|
+
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
7544
|
this.makeTextElement(true),
|
|
7632
7545
|
";",
|
|
7633
7546
|
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 } })));
|
|
7547
|
+
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
7548
|
}
|
|
7636
7549
|
});
|
|
7637
7550
|
Object.defineProperty(TrackRect, "defaultProps", {
|
|
@@ -7656,7 +7569,7 @@ var TrackRect = /** @class */ (function (_super) {
|
|
|
7656
7569
|
observer
|
|
7657
7570
|
], TrackRect);
|
|
7658
7571
|
return TrackRect;
|
|
7659
|
-
}(Component));
|
|
7572
|
+
}(React.Component));
|
|
7660
7573
|
|
|
7661
7574
|
var TrackItemType;
|
|
7662
7575
|
(function (TrackItemType) {
|
|
@@ -7710,10 +7623,10 @@ var TrackItem = /** @class */ (function (_super) {
|
|
|
7710
7623
|
writable: true,
|
|
7711
7624
|
value: function () {
|
|
7712
7625
|
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)));
|
|
7626
|
+
return (React.createElement(TrackCircle, __assign({ isHovered: this.isHovered, radius: this.props.dim1, hoverRadius: this.props.hoverdim1 }, this.props)));
|
|
7714
7627
|
}
|
|
7715
7628
|
else {
|
|
7716
|
-
return (createElement(TrackRect, __assign({ isHovered: this.isHovered, width: this.props.dim1, height: this.props.dim2 }, this.props)));
|
|
7629
|
+
return (React.createElement(TrackRect, __assign({ isHovered: this.isHovered, width: this.props.dim1, height: this.props.dim2 }, this.props)));
|
|
7717
7630
|
}
|
|
7718
7631
|
}
|
|
7719
7632
|
});
|
|
@@ -7727,9 +7640,9 @@ var TrackItem = /** @class */ (function (_super) {
|
|
|
7727
7640
|
observer
|
|
7728
7641
|
], TrackItem);
|
|
7729
7642
|
return TrackItem;
|
|
7730
|
-
}(Component));
|
|
7643
|
+
}(React.Component));
|
|
7731
7644
|
|
|
7732
|
-
var styles$
|
|
7645
|
+
var styles$4 = {"trackTitle":"trackStyles-module_trackTitle__HOHY0"};
|
|
7733
7646
|
|
|
7734
7647
|
var DEFAULT_ID_CLASS_PREFIX = 'track-circle-';
|
|
7735
7648
|
var DEFAULT_HEIGHT = 15; // height of rectangle element
|
|
@@ -7954,7 +7867,7 @@ var Track = /** @class */ (function (_super) {
|
|
|
7954
7867
|
dim2 = dim1;
|
|
7955
7868
|
specFeats = __assign(__assign({}, spec), { itemType: TrackItemType.CIRCLE });
|
|
7956
7869
|
}
|
|
7957
|
-
return (createElement(TrackItem, { ref: function (item) {
|
|
7870
|
+
return (React.createElement(TrackItem, { ref: function (item) {
|
|
7958
7871
|
if (item !== null) {
|
|
7959
7872
|
_this.shapes[index] = item;
|
|
7960
7873
|
}
|
|
@@ -8031,17 +7944,17 @@ var Track = /** @class */ (function (_super) {
|
|
|
8031
7944
|
configurable: true,
|
|
8032
7945
|
writable: true,
|
|
8033
7946
|
value: function () {
|
|
8034
|
-
return (createElement("div", { style: {
|
|
7947
|
+
return (React.createElement("div", { style: {
|
|
8035
7948
|
position: 'relative',
|
|
8036
7949
|
display: 'flex',
|
|
8037
7950
|
} },
|
|
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 })),
|
|
7951
|
+
React.createElement("span", { className: classnames(styles$4.trackTitle, 'small', (this.props.isSubTrack ? 'subtrack-' : '') + "trackTitle") }, this.props.trackTitle),
|
|
7952
|
+
React.createElement("span", null,
|
|
7953
|
+
React.createElement(DefaultTooltip, __assign({ placement: this.getOverlayPlacement(), overlay: this.getOverlay, onVisibleChange: this.onTooltipVisibleChange, destroyTooltipOnHide: true }, this.tooltipVisibleProps), this.hitZone),
|
|
7954
|
+
React.createElement("span", { style: { marginLeft: this.props.xOffset }, onMouseOver: this.onMouseOver },
|
|
7955
|
+
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' } },
|
|
7956
|
+
React.createElement("rect", { fill: "#FFFFFF", x: 0, y: 0, width: this.props.width, height: this.svgHeight, onClick: action(this.onBackgroundClick), onMouseMove: this.onBackgroundMouseMove }),
|
|
7957
|
+
!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
7958
|
this.items)))));
|
|
8046
7959
|
}
|
|
8047
7960
|
});
|
|
@@ -8106,7 +8019,7 @@ var Track = /** @class */ (function (_super) {
|
|
|
8106
8019
|
observer
|
|
8107
8020
|
], Track);
|
|
8108
8021
|
return Track;
|
|
8109
|
-
}(Component));
|
|
8022
|
+
}(React.Component));
|
|
8110
8023
|
|
|
8111
8024
|
function hotspotTooltip(mutations, hotspotIndex, hotspots) {
|
|
8112
8025
|
var hotspotsLinearCluster = filterLinearClusterHotspotsByMutations(mutations, hotspotIndex);
|
|
@@ -8116,17 +8029,17 @@ function hotspotTooltip(mutations, hotspotIndex, hotspots) {
|
|
|
8116
8029
|
}).length;
|
|
8117
8030
|
// generate custom info
|
|
8118
8031
|
var residues = ___default.uniq(hotspots.map(function (hotspot) { return hotspot.residue; }));
|
|
8119
|
-
var residuesText = createElement("b", null, "" + residues.join(', '));
|
|
8032
|
+
var residuesText = React.createElement("b", null, "" + residues.join(', '));
|
|
8120
8033
|
var pluralSuffix = residues.length > 1 ? 's' : undefined;
|
|
8121
|
-
var residueInfo = (createElement("span", null,
|
|
8034
|
+
var residueInfo = (React.createElement("span", null,
|
|
8122
8035
|
"on residue",
|
|
8123
8036
|
pluralSuffix,
|
|
8124
8037
|
" ",
|
|
8125
8038
|
residuesText));
|
|
8126
|
-
return (createElement(HotspotInfo, { isHotspot: hotspotsLinearCluster.length > 0, is3dHotspot: hotspots3d.length > 0, count: hotspotCount, customInfo: residueInfo }));
|
|
8039
|
+
return (React.createElement(HotspotInfo, { isHotspot: hotspotsLinearCluster.length > 0, is3dHotspot: hotspots3d.length > 0, count: hotspotCount, customInfo: residueInfo }));
|
|
8127
8040
|
}
|
|
8128
8041
|
function getHotspotImage() {
|
|
8129
|
-
return createElement("img", { src:
|
|
8042
|
+
return React.createElement("img", { src: img$2, alt: "Recurrent Hotspot Symbol" });
|
|
8130
8043
|
}
|
|
8131
8044
|
var HotspotTrack = /** @class */ (function (_super) {
|
|
8132
8045
|
__extends(HotspotTrack, _super);
|
|
@@ -8158,8 +8071,8 @@ var HotspotTrack = /** @class */ (function (_super) {
|
|
|
8158
8071
|
});
|
|
8159
8072
|
Object.defineProperty(HotspotTrack.prototype, "trackTitle", {
|
|
8160
8073
|
get: function () {
|
|
8161
|
-
return (createElement("span", null,
|
|
8162
|
-
createElement("span", { style: { marginRight: 2 } }, getHotspotImage()),
|
|
8074
|
+
return (React.createElement("span", null,
|
|
8075
|
+
React.createElement("span", { style: { marginRight: 2 } }, getHotspotImage()),
|
|
8163
8076
|
"Cancer Hotspots"));
|
|
8164
8077
|
},
|
|
8165
8078
|
enumerable: false,
|
|
@@ -8170,7 +8083,7 @@ var HotspotTrack = /** @class */ (function (_super) {
|
|
|
8170
8083
|
configurable: true,
|
|
8171
8084
|
writable: true,
|
|
8172
8085
|
value: function () {
|
|
8173
|
-
return (createElement(Track, { dataStore: this.props.dataStore, defaultFilters: [
|
|
8086
|
+
return (React.createElement(Track, { dataStore: this.props.dataStore, defaultFilters: [
|
|
8174
8087
|
{
|
|
8175
8088
|
type: DataFilterType.HOTSPOT,
|
|
8176
8089
|
values: [HotspotFilterValue.DefaultHotspot],
|
|
@@ -8188,7 +8101,7 @@ var HotspotTrack = /** @class */ (function (_super) {
|
|
|
8188
8101
|
observer
|
|
8189
8102
|
], HotspotTrack);
|
|
8190
8103
|
return HotspotTrack;
|
|
8191
|
-
}(Component));
|
|
8104
|
+
}(React.Component));
|
|
8192
8105
|
|
|
8193
8106
|
var OncoKbFilterValue;
|
|
8194
8107
|
(function (OncoKbFilterValue) {
|
|
@@ -8232,7 +8145,7 @@ var OncoKbSummaryTable = /** @class */ (function (_super) {
|
|
|
8232
8145
|
id: 'clinicalImplication',
|
|
8233
8146
|
accessor: 'clinicalImplication',
|
|
8234
8147
|
Header: 'Implication',
|
|
8235
|
-
Cell: function (props) { return (createElement("span", null, props.original.clinicalImplication.join(', '))); },
|
|
8148
|
+
Cell: function (props) { return (React.createElement("span", null, props.original.clinicalImplication.join(', '))); },
|
|
8236
8149
|
sortMethod: defaultStringArraySortMethod,
|
|
8237
8150
|
minWidth: 120,
|
|
8238
8151
|
},
|
|
@@ -8240,7 +8153,7 @@ var OncoKbSummaryTable = /** @class */ (function (_super) {
|
|
|
8240
8153
|
id: 'biologicalEffect',
|
|
8241
8154
|
accessor: 'biologicalEffect',
|
|
8242
8155
|
Header: 'Effect',
|
|
8243
|
-
Cell: function (props) { return (createElement("span", null, props.original.biologicalEffect.join(', '))); },
|
|
8156
|
+
Cell: function (props) { return (React.createElement("span", null, props.original.biologicalEffect.join(', '))); },
|
|
8244
8157
|
sortMethod: defaultStringArraySortMethod,
|
|
8245
8158
|
minWidth: 150,
|
|
8246
8159
|
},
|
|
@@ -8251,16 +8164,16 @@ var OncoKbSummaryTable = /** @class */ (function (_super) {
|
|
|
8251
8164
|
accessor: 'level',
|
|
8252
8165
|
Header: 'Level',
|
|
8253
8166
|
sortable: false,
|
|
8254
|
-
Cell: function (props) { return (createElement(Fragment, null, props.original.level.map(function (level) { return (createElement("div", { key: level.level, style: {
|
|
8167
|
+
Cell: function (props) { return (React.createElement(React.Fragment, null, props.original.level.map(function (level) { return (React.createElement("div", { key: level.level, style: {
|
|
8255
8168
|
overflow: 'hidden',
|
|
8256
8169
|
textOverflow: 'ellipsis',
|
|
8257
8170
|
} },
|
|
8258
|
-
createElement("i", { className: levelIconClassNames(level.level), style: {
|
|
8171
|
+
React.createElement("i", { className: levelIconClassNames(level.level), style: {
|
|
8259
8172
|
verticalAlign: 'text-bottom',
|
|
8260
8173
|
display: 'inline-block',
|
|
8261
8174
|
} }),
|
|
8262
|
-
createElement("span", null, ": "),
|
|
8263
|
-
createElement(EllipsisTextTooltip, { text: level.tumorTypes.join(', '), style: {
|
|
8175
|
+
React.createElement("span", null, ": "),
|
|
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,10 @@ var OncoKbTrackTooltip = function (props) {
|
|
|
8391
8304
|
: null;
|
|
8392
8305
|
};
|
|
8393
8306
|
|
|
8394
|
-
var
|
|
8307
|
+
var img = "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='14' height='14'%3e %3cg transform='translate(7%2c 7)'%3e %3ccircle r='6' fill='none' stroke-width='2' stroke='%23007FFF'%3e%3c/circle%3e %3ccircle r='3' fill='none' stroke-width='2' stroke='%23007FFF'%3e%3c/circle%3e %3ccircle r='1.5' fill='%23007FFF' stroke='none'%3e%3c/circle%3e %3c/g%3e%3c/svg%3e";
|
|
8395
8308
|
|
|
8396
8309
|
function getOncoKbImage() {
|
|
8397
|
-
return createElement("img", { src:
|
|
8310
|
+
return React.createElement("img", { src: img, alt: "OncoKB Oncogenic Symbol" });
|
|
8398
8311
|
}
|
|
8399
8312
|
var OncoKbTrack = /** @class */ (function (_super) {
|
|
8400
8313
|
__extends(OncoKbTrack, _super);
|
|
@@ -8414,7 +8327,7 @@ var OncoKbTrack = /** @class */ (function (_super) {
|
|
|
8414
8327
|
.map(function (position) { return ({
|
|
8415
8328
|
startCodon: Number(position),
|
|
8416
8329
|
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 })),
|
|
8330
|
+
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
8331
|
}); });
|
|
8419
8332
|
}
|
|
8420
8333
|
else {
|
|
@@ -8426,8 +8339,8 @@ var OncoKbTrack = /** @class */ (function (_super) {
|
|
|
8426
8339
|
});
|
|
8427
8340
|
Object.defineProperty(OncoKbTrack.prototype, "trackTitle", {
|
|
8428
8341
|
get: function () {
|
|
8429
|
-
return (createElement("span", null,
|
|
8430
|
-
createElement("span", { style: { marginRight: 2 } }, getOncoKbImage()),
|
|
8342
|
+
return (React.createElement("span", null,
|
|
8343
|
+
React.createElement("span", { style: { marginRight: 2 } }, getOncoKbImage()),
|
|
8431
8344
|
"OncoKB"));
|
|
8432
8345
|
},
|
|
8433
8346
|
enumerable: false,
|
|
@@ -8438,7 +8351,7 @@ var OncoKbTrack = /** @class */ (function (_super) {
|
|
|
8438
8351
|
configurable: true,
|
|
8439
8352
|
writable: true,
|
|
8440
8353
|
value: function () {
|
|
8441
|
-
return (createElement(Track, { dataStore: this.props.dataStore, defaultFilters: [
|
|
8354
|
+
return (React.createElement(Track, { dataStore: this.props.dataStore, defaultFilters: [
|
|
8442
8355
|
{
|
|
8443
8356
|
type: DataFilterType.ONCOKB,
|
|
8444
8357
|
values: [OncoKbFilterValue.Oncogenic],
|
|
@@ -8456,7 +8369,7 @@ var OncoKbTrack = /** @class */ (function (_super) {
|
|
|
8456
8369
|
observer
|
|
8457
8370
|
], OncoKbTrack);
|
|
8458
8371
|
return OncoKbTrack;
|
|
8459
|
-
}(Component));
|
|
8372
|
+
}(React.Component));
|
|
8460
8373
|
|
|
8461
8374
|
var ExonTrack = /** @class */ (function (_super) {
|
|
8462
8375
|
__extends(ExonTrack, _super);
|
|
@@ -8528,46 +8441,46 @@ var ExonTrack = /** @class */ (function (_super) {
|
|
|
8528
8441
|
endCodon: endCodon,
|
|
8529
8442
|
label: exon.rank.toString(),
|
|
8530
8443
|
labelColor: '#FFFFFF',
|
|
8531
|
-
tooltip: (createElement("span", null,
|
|
8532
|
-
createElement("h5", null,
|
|
8444
|
+
tooltip: (React.createElement("span", null,
|
|
8445
|
+
React.createElement("h5", null,
|
|
8533
8446
|
" Exon ",
|
|
8534
8447
|
exon.rank,
|
|
8535
8448
|
" "),
|
|
8536
8449
|
"Start: Nucleotide",
|
|
8537
8450
|
' ',
|
|
8538
|
-
createElement("strong", null, exonStartLocation.nucleotideLocation),
|
|
8451
|
+
React.createElement("strong", null, exonStartLocation.nucleotideLocation),
|
|
8539
8452
|
' ',
|
|
8540
8453
|
"of amino acid",
|
|
8541
8454
|
' ',
|
|
8542
|
-
createElement("strong", null, exonStartLocation.aminoAcidLocation),
|
|
8543
|
-
createElement("br", null),
|
|
8455
|
+
React.createElement("strong", null, exonStartLocation.aminoAcidLocation),
|
|
8456
|
+
React.createElement("br", null),
|
|
8544
8457
|
"End: Nucleotide",
|
|
8545
8458
|
' ',
|
|
8546
|
-
createElement("strong", null, exonEndLocation.nucleotideLocation),
|
|
8459
|
+
React.createElement("strong", null, exonEndLocation.nucleotideLocation),
|
|
8547
8460
|
' ',
|
|
8548
8461
|
"of amino acid",
|
|
8549
8462
|
' ',
|
|
8550
|
-
createElement("strong", null, exonEndLocation.aminoAcidLocation),
|
|
8551
|
-
createElement("br", null),
|
|
8463
|
+
React.createElement("strong", null, exonEndLocation.aminoAcidLocation),
|
|
8464
|
+
React.createElement("br", null),
|
|
8552
8465
|
"Length:",
|
|
8553
8466
|
' ',
|
|
8554
|
-
createElement("strong", null, exonLength.aminoAcidLength),
|
|
8467
|
+
React.createElement("strong", null, exonLength.aminoAcidLength),
|
|
8555
8468
|
' ',
|
|
8556
8469
|
"amino acids",
|
|
8557
8470
|
' ',
|
|
8558
|
-
exonLength.nucleotideLength && (createElement(Fragment, null,
|
|
8471
|
+
exonLength.nucleotideLength && (React.createElement(React.Fragment, null,
|
|
8559
8472
|
' ',
|
|
8560
8473
|
"and",
|
|
8561
8474
|
' ',
|
|
8562
|
-
createElement("strong", null, exonLength.nucleotideLength),
|
|
8475
|
+
React.createElement("strong", null, exonLength.nucleotideLength),
|
|
8563
8476
|
' ',
|
|
8564
8477
|
"nucleotides")),
|
|
8565
|
-
createElement("br", null),
|
|
8478
|
+
React.createElement("br", null),
|
|
8566
8479
|
"Genomic location:", " ",
|
|
8567
|
-
createElement("a", { target: "_blank", href: link, rel: "noopener noreferrer" },
|
|
8568
|
-
createElement(Fragment, null,
|
|
8480
|
+
React.createElement("a", { target: "_blank", href: link, rel: "noopener noreferrer" },
|
|
8481
|
+
React.createElement(React.Fragment, null,
|
|
8569
8482
|
linkText, " ",
|
|
8570
|
-
createElement("i", { className: "fa fa-external-link" }))))),
|
|
8483
|
+
React.createElement("i", { className: "fa fa-external-link" }))))),
|
|
8571
8484
|
};
|
|
8572
8485
|
})
|
|
8573
8486
|
: [];
|
|
@@ -8577,8 +8490,8 @@ var ExonTrack = /** @class */ (function (_super) {
|
|
|
8577
8490
|
});
|
|
8578
8491
|
Object.defineProperty(ExonTrack.prototype, "trackTitle", {
|
|
8579
8492
|
get: function () {
|
|
8580
|
-
return (createElement("span", null,
|
|
8581
|
-
createElement("span", { style: { marginLeft: 16 } }),
|
|
8493
|
+
return (React.createElement("span", null,
|
|
8494
|
+
React.createElement("span", { style: { marginLeft: 16 } }),
|
|
8582
8495
|
"Exon"));
|
|
8583
8496
|
},
|
|
8584
8497
|
enumerable: false,
|
|
@@ -8589,7 +8502,7 @@ var ExonTrack = /** @class */ (function (_super) {
|
|
|
8589
8502
|
configurable: true,
|
|
8590
8503
|
writable: true,
|
|
8591
8504
|
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-' }));
|
|
8505
|
+
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
8506
|
}
|
|
8594
8507
|
});
|
|
8595
8508
|
__decorate([
|
|
@@ -8614,7 +8527,7 @@ var ExonTrack = /** @class */ (function (_super) {
|
|
|
8614
8527
|
observer
|
|
8615
8528
|
], ExonTrack);
|
|
8616
8529
|
return ExonTrack;
|
|
8617
|
-
}(Component));
|
|
8530
|
+
}(React.Component));
|
|
8618
8531
|
|
|
8619
8532
|
function extractNumericalPart(pmid) {
|
|
8620
8533
|
var matched = pmid.match(/[0-9]+/);
|
|
@@ -8635,25 +8548,25 @@ var PtmReferenceList = /** @class */ (function (_super) {
|
|
|
8635
8548
|
configurable: true,
|
|
8636
8549
|
writable: true,
|
|
8637
8550
|
value: function () {
|
|
8638
|
-
return (createElement(DefaultTooltip, { placement: "right", overlay: createElement("div", { style: {
|
|
8551
|
+
return (React.createElement(DefaultTooltip, { placement: "right", overlay: React.createElement("div", { style: {
|
|
8639
8552
|
maxWidth: 400,
|
|
8640
8553
|
maxHeight: 400,
|
|
8641
8554
|
overflowY: 'auto',
|
|
8642
8555
|
} },
|
|
8643
|
-
createElement(ReferenceList, { pmids: this.props.pubmedIds
|
|
8556
|
+
React.createElement(ReferenceList, { pmids: this.props.pubmedIds
|
|
8644
8557
|
.map(function (id) { return extractNumericalPart(id); })
|
|
8645
8558
|
.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' } }))));
|
|
8559
|
+
React.createElement("div", { style: { textAlign: 'right' } },
|
|
8560
|
+
React.createElement("i", { className: "fa fa-book", style: { color: 'black' } }))));
|
|
8648
8561
|
}
|
|
8649
8562
|
});
|
|
8650
8563
|
PtmReferenceList = __decorate([
|
|
8651
8564
|
observer
|
|
8652
8565
|
], PtmReferenceList);
|
|
8653
8566
|
return PtmReferenceList;
|
|
8654
|
-
}(Component));
|
|
8567
|
+
}(React.Component));
|
|
8655
8568
|
|
|
8656
|
-
var _a
|
|
8569
|
+
var _a;
|
|
8657
8570
|
var PtmAnnotationTableColumnId;
|
|
8658
8571
|
(function (PtmAnnotationTableColumnId) {
|
|
8659
8572
|
PtmAnnotationTableColumnId["POSITION"] = "position";
|
|
@@ -8661,33 +8574,33 @@ var PtmAnnotationTableColumnId;
|
|
|
8661
8574
|
PtmAnnotationTableColumnId["DESCRIPTION"] = "description";
|
|
8662
8575
|
PtmAnnotationTableColumnId["PUBMED_IDS"] = "pubmedIds";
|
|
8663
8576
|
})(PtmAnnotationTableColumnId || (PtmAnnotationTableColumnId = {}));
|
|
8664
|
-
var PTM_ANNOTATION_DEFAULT_COLUMNS = (_a
|
|
8665
|
-
_a
|
|
8577
|
+
var PTM_ANNOTATION_DEFAULT_COLUMNS = (_a = {},
|
|
8578
|
+
_a[PtmAnnotationTableColumnId.POSITION] = {
|
|
8666
8579
|
id: PtmAnnotationTableColumnId.POSITION,
|
|
8667
8580
|
accessor: function (ptm) { return ptm.residue.start; },
|
|
8668
8581
|
Header: 'Residue',
|
|
8669
|
-
Cell: function (props) { return (createElement("div", { style: { textAlign: 'right' } }, getResidue(props.original))); },
|
|
8582
|
+
Cell: function (props) { return (React.createElement("div", { style: { textAlign: 'right' } }, getResidue(props.original))); },
|
|
8670
8583
|
maxWidth: 64,
|
|
8671
8584
|
},
|
|
8672
|
-
_a
|
|
8585
|
+
_a[PtmAnnotationTableColumnId.TYPE] = {
|
|
8673
8586
|
id: PtmAnnotationTableColumnId.TYPE,
|
|
8674
8587
|
accessor: function (ptm) { return ptm.type; },
|
|
8675
8588
|
Header: 'Type',
|
|
8676
8589
|
minWidth: 100,
|
|
8677
8590
|
},
|
|
8678
|
-
_a
|
|
8591
|
+
_a[PtmAnnotationTableColumnId.DESCRIPTION] = {
|
|
8679
8592
|
id: PtmAnnotationTableColumnId.DESCRIPTION,
|
|
8680
8593
|
accessor: function (ptm) { return ptm.description; },
|
|
8681
8594
|
Header: 'Description',
|
|
8682
8595
|
minWidth: 180,
|
|
8683
8596
|
},
|
|
8684
|
-
_a
|
|
8597
|
+
_a[PtmAnnotationTableColumnId.PUBMED_IDS] = {
|
|
8685
8598
|
id: PtmAnnotationTableColumnId.PUBMED_IDS,
|
|
8686
8599
|
Header: '',
|
|
8687
8600
|
sortable: false,
|
|
8688
8601
|
maxWidth: 32,
|
|
8689
8602
|
},
|
|
8690
|
-
_a
|
|
8603
|
+
_a);
|
|
8691
8604
|
function getResidue(ptm) {
|
|
8692
8605
|
if (ptm.residue.end && ptm.residue.end > ptm.residue.start) {
|
|
8693
8606
|
return ptm.residue.start + "-" + ptm.residue.end;
|
|
@@ -8745,12 +8658,12 @@ var PtmAnnotationTable = /** @class */ (function (_super) {
|
|
|
8745
8658
|
}
|
|
8746
8659
|
else if (!___default.isEmpty(this.pmidData)) {
|
|
8747
8660
|
cellRenderFn = function (props) {
|
|
8748
|
-
return !___default.isEmpty(props.original.pubmedIds) ? (createElement(PtmReferenceList, { pmidData: _this.pmidData, pubmedIds: props.original.pubmedIds || [] })) : null;
|
|
8661
|
+
return !___default.isEmpty(props.original.pubmedIds) ? (React.createElement(PtmReferenceList, { pmidData: _this.pmidData, pubmedIds: props.original.pubmedIds || [] })) : null;
|
|
8749
8662
|
};
|
|
8750
8663
|
}
|
|
8751
8664
|
else {
|
|
8752
8665
|
cellRenderFn = function (props) {
|
|
8753
|
-
return !___default.isEmpty(props.original.pubmedIds) ? (createElement("i", { className: "fa fa-spinner fa-pulse" })) : null;
|
|
8666
|
+
return !___default.isEmpty(props.original.pubmedIds) ? (React.createElement("i", { className: "fa fa-spinner fa-pulse" })) : null;
|
|
8754
8667
|
};
|
|
8755
8668
|
}
|
|
8756
8669
|
return cellRenderFn;
|
|
@@ -8767,8 +8680,8 @@ var PtmAnnotationTable = /** @class */ (function (_super) {
|
|
|
8767
8680
|
var showPagination = data.length >
|
|
8768
8681
|
(this.props.initialItemsPerPage ||
|
|
8769
8682
|
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: [
|
|
8683
|
+
return (React.createElement("div", { className: classnames('cbioportal-frontend', 'default-track-tooltip-table') },
|
|
8684
|
+
React.createElement(ReactTable, { data: data, columns: this.columns, defaultSorted: [
|
|
8772
8685
|
{
|
|
8773
8686
|
id: initialSortColumn ||
|
|
8774
8687
|
PtmAnnotationTable_1.defaultProps
|
|
@@ -8805,44 +8718,44 @@ var PtmAnnotationTable = /** @class */ (function (_super) {
|
|
|
8805
8718
|
observer
|
|
8806
8719
|
], PtmAnnotationTable);
|
|
8807
8720
|
return PtmAnnotationTable;
|
|
8808
|
-
}(Component));
|
|
8721
|
+
}(React.Component));
|
|
8809
8722
|
|
|
8810
|
-
var styles$
|
|
8723
|
+
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
8724
|
|
|
8812
8725
|
var PtmTooltip = function (props) {
|
|
8813
|
-
return (createElement(PtmAnnotationTable, { data: props.ptms, pubMedCache: props.pubMedCache, columnOverrides: props.columnOverrides }));
|
|
8726
|
+
return (React.createElement(PtmAnnotationTable, { data: props.ptms, pubMedCache: props.pubMedCache, columnOverrides: props.columnOverrides }));
|
|
8814
8727
|
};
|
|
8815
8728
|
function ptmInfoTooltip(transcriptId, dataSource, dataSourceUrl) {
|
|
8816
8729
|
var dataSourceDiv = null;
|
|
8817
8730
|
if (dataSource) {
|
|
8818
|
-
dataSourceDiv = (createElement("div", null,
|
|
8731
|
+
dataSourceDiv = (React.createElement("div", null,
|
|
8819
8732
|
"Data Source:",
|
|
8820
8733
|
' ',
|
|
8821
|
-
dataSourceUrl ? (createElement("a", { href: dataSourceUrl, target: "_blank" }, dataSource)) : (dataSource)));
|
|
8734
|
+
dataSourceUrl ? (React.createElement("a", { href: dataSourceUrl, target: "_blank" }, dataSource)) : (dataSource)));
|
|
8822
8735
|
}
|
|
8823
|
-
return (createElement("div", { style: { maxWidth: 400 } },
|
|
8824
|
-
createElement("p", null,
|
|
8736
|
+
return (React.createElement("div", { style: { maxWidth: 400 } },
|
|
8737
|
+
React.createElement("p", null,
|
|
8825
8738
|
"Displays all Post Translational Modifications (PTMs) available",
|
|
8826
|
-
transcriptId && (createElement("span", null,
|
|
8739
|
+
transcriptId && (React.createElement("span", null,
|
|
8827
8740
|
" for the Ensembl transcript ",
|
|
8828
8741
|
transcriptId)),
|
|
8829
8742
|
"."),
|
|
8830
|
-
createElement("p", { className: styles$
|
|
8743
|
+
React.createElement("p", { className: styles$3.ptmLegend },
|
|
8831
8744
|
"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"),
|
|
8745
|
+
React.createElement("ul", null,
|
|
8746
|
+
React.createElement("li", { className: styles$3.Phosphorylation },
|
|
8747
|
+
React.createElement("strong", null, "Phosphorylation")),
|
|
8748
|
+
React.createElement("li", { className: styles$3.Acetylation },
|
|
8749
|
+
React.createElement("strong", null, "Acetylation")),
|
|
8750
|
+
React.createElement("li", { className: styles$3.Ubiquitination },
|
|
8751
|
+
React.createElement("strong", null, "Ubiquitination")),
|
|
8752
|
+
React.createElement("li", { className: styles$3.Methylation },
|
|
8753
|
+
React.createElement("strong", null, "Methylation")),
|
|
8754
|
+
React.createElement("li", { className: styles$3.multiType },
|
|
8755
|
+
React.createElement("strong", null, "Multiple Type"),
|
|
8843
8756
|
": Sites with more than one PTM type"),
|
|
8844
|
-
createElement("li", { className: styles$
|
|
8845
|
-
createElement("strong", null, "Other"),
|
|
8757
|
+
React.createElement("li", { className: styles$3.default },
|
|
8758
|
+
React.createElement("strong", null, "Other"),
|
|
8846
8759
|
": All other PTM types"))),
|
|
8847
8760
|
dataSourceDiv));
|
|
8848
8761
|
}
|
|
@@ -8871,7 +8784,7 @@ var PtmTrack = /** @class */ (function (_super) {
|
|
|
8871
8784
|
acc.push({
|
|
8872
8785
|
startCodon: Number(position),
|
|
8873
8786
|
color: ptmColor(ptms),
|
|
8874
|
-
tooltip: (createElement(PtmTooltip, { ptms: ptms, pubMedCache: _this.props.pubMedCache, columnOverrides: _this.props.ptmTooltipColumnOverrides })),
|
|
8787
|
+
tooltip: (React.createElement(PtmTooltip, { ptms: ptms, pubMedCache: _this.props.pubMedCache, columnOverrides: _this.props.ptmTooltipColumnOverrides })),
|
|
8875
8788
|
});
|
|
8876
8789
|
}
|
|
8877
8790
|
return acc;
|
|
@@ -8920,19 +8833,19 @@ var PtmTrack = /** @class */ (function (_super) {
|
|
|
8920
8833
|
Object.defineProperty(PtmTrack.prototype, "mainTrackTitle", {
|
|
8921
8834
|
get: function () {
|
|
8922
8835
|
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 () {
|
|
8836
|
+
return (React.createElement("span", { style: { cursor: 'pointer' } },
|
|
8837
|
+
React.createElement("span", { onClick: this.handleToggleExpand }, this.expander),
|
|
8838
|
+
React.createElement(DefaultTooltip, { placement: "left", overlay: function () {
|
|
8926
8839
|
return ptmInfoTooltip(_this.props.ensemblTranscriptId, _this.props.dataSource, _this.props.dataSourceUrl);
|
|
8927
8840
|
}, destroyTooltipOnHide: true },
|
|
8928
|
-
createElement("span", { style: { marginLeft: 4 }, onClick: this.handleToggleExpand },
|
|
8841
|
+
React.createElement("span", { style: { marginLeft: 4 }, onClick: this.handleToggleExpand },
|
|
8929
8842
|
"PTM",
|
|
8930
8843
|
' ',
|
|
8931
8844
|
this.props.dataSource
|
|
8932
8845
|
? "(" + this.props.dataSource + ")"
|
|
8933
8846
|
: 'Sites',
|
|
8934
8847
|
' ',
|
|
8935
|
-
createElement("i", { className: "fa fa-info-circle" })))));
|
|
8848
|
+
React.createElement("i", { className: "fa fa-info-circle" })))));
|
|
8936
8849
|
},
|
|
8937
8850
|
enumerable: false,
|
|
8938
8851
|
configurable: true
|
|
@@ -8945,7 +8858,7 @@ var PtmTrack = /** @class */ (function (_super) {
|
|
|
8945
8858
|
: 'fa fa-caret-right'
|
|
8946
8859
|
: null;
|
|
8947
8860
|
if (className) {
|
|
8948
|
-
return (createElement("i", { className: className, style: { width: 10, marginLeft: 2 } }));
|
|
8861
|
+
return (React.createElement("i", { className: className, style: { width: 10, marginLeft: 2 } }));
|
|
8949
8862
|
}
|
|
8950
8863
|
return null;
|
|
8951
8864
|
},
|
|
@@ -8972,12 +8885,12 @@ var PtmTrack = /** @class */ (function (_super) {
|
|
|
8972
8885
|
get: function () {
|
|
8973
8886
|
var _this = this;
|
|
8974
8887
|
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: {
|
|
8888
|
+
? 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
8889
|
marginLeft: _this.subTrackMargin,
|
|
8977
8890
|
width: _this.subTrackTitleWidth,
|
|
8978
8891
|
display: 'flex',
|
|
8979
8892
|
} },
|
|
8980
|
-
createElement(EllipsisTextTooltip, { text: item.title, style: {
|
|
8893
|
+
React.createElement(EllipsisTextTooltip, { text: item.title, style: {
|
|
8981
8894
|
overflow: 'hidden',
|
|
8982
8895
|
whiteSpace: 'nowrap',
|
|
8983
8896
|
textOverflow: 'ellipsis',
|
|
@@ -9006,10 +8919,10 @@ var PtmTrack = /** @class */ (function (_super) {
|
|
|
9006
8919
|
configurable: true,
|
|
9007
8920
|
writable: true,
|
|
9008
8921
|
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))));
|
|
8922
|
+
return (React.createElement("span", null,
|
|
8923
|
+
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-' }),
|
|
8924
|
+
React.createElement(Collapse, { isOpened: this.mainTrackHidden },
|
|
8925
|
+
React.createElement("span", null, this.subTracks))));
|
|
9013
8926
|
}
|
|
9014
8927
|
});
|
|
9015
8928
|
Object.defineProperty(PtmTrack.prototype, "handleToggleExpand", {
|
|
@@ -9066,44 +8979,44 @@ var PtmTrack = /** @class */ (function (_super) {
|
|
|
9066
8979
|
observer
|
|
9067
8980
|
], PtmTrack);
|
|
9068
8981
|
return PtmTrack;
|
|
9069
|
-
}(Component));
|
|
8982
|
+
}(React.Component));
|
|
9070
8983
|
|
|
9071
8984
|
function topologyRectangleBlockSpec(color, title, uniprotData) {
|
|
9072
8985
|
return {
|
|
9073
8986
|
color: color,
|
|
9074
8987
|
startCodon: uniprotData.startPosition,
|
|
9075
8988
|
endCodon: uniprotData.endPosition,
|
|
9076
|
-
tooltip: (createElement("span", null,
|
|
9077
|
-
createElement("h5", null, title),
|
|
8989
|
+
tooltip: (React.createElement("span", null,
|
|
8990
|
+
React.createElement("h5", null, title),
|
|
9078
8991
|
"Start: ",
|
|
9079
8992
|
uniprotData.startPosition,
|
|
9080
|
-
createElement("br", null),
|
|
8993
|
+
React.createElement("br", null),
|
|
9081
8994
|
"End: ",
|
|
9082
8995
|
uniprotData.endPosition,
|
|
9083
|
-
createElement("br", null),
|
|
8996
|
+
React.createElement("br", null),
|
|
9084
8997
|
"Length: ",
|
|
9085
8998
|
uniprotData.endPosition - uniprotData.startPosition,
|
|
9086
|
-
createElement("br", null),
|
|
8999
|
+
React.createElement("br", null),
|
|
9087
9000
|
"Description: ",
|
|
9088
9001
|
uniprotData.description)),
|
|
9089
9002
|
};
|
|
9090
9003
|
}
|
|
9091
9004
|
var UniprotTopologyTrackDescriptionTooltip = function (props) {
|
|
9092
|
-
var dataSourceDiv = props.uniprotId ? (createElement("div", null,
|
|
9005
|
+
var dataSourceDiv = props.uniprotId ? (React.createElement("div", null,
|
|
9093
9006
|
"Data Source:",
|
|
9094
9007
|
' ',
|
|
9095
|
-
createElement("a", { href: "https://www.uniprot.org/uniprot/" + props.uniprotId, target: "_blank" }, "UniProt"))) : (createElement("div", null,
|
|
9008
|
+
React.createElement("a", { href: "https://www.uniprot.org/uniprot/" + props.uniprotId, target: "_blank" }, "UniProt"))) : (React.createElement("div", null,
|
|
9096
9009
|
"Data Source:",
|
|
9097
9010
|
' ',
|
|
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,
|
|
9011
|
+
React.createElement("a", { href: 'https://www.uniprot.org/', target: "_blank" }, "UniProt")));
|
|
9012
|
+
return (React.createElement("div", { style: { maxWidth: 400 } },
|
|
9013
|
+
React.createElement("p", null, "Information of the subcellular location of the mature protein."),
|
|
9014
|
+
props.displayList.length > 0 && (React.createElement("p", null,
|
|
9102
9015
|
"Domains and corresponding color codes are as follows:",
|
|
9103
|
-
createElement("ul", null, map(props.displayList, function (type) { return (createElement("li", { style: {
|
|
9016
|
+
React.createElement("ul", null, _.map(props.displayList, function (type) { return (React.createElement("li", { style: {
|
|
9104
9017
|
color: UniprotTopologyTrackToColor[type],
|
|
9105
9018
|
} },
|
|
9106
|
-
createElement("strong", null, UniprotTopologyTypeToTitle[type]))); })))),
|
|
9019
|
+
React.createElement("strong", null, UniprotTopologyTypeToTitle[type]))); })))),
|
|
9107
9020
|
dataSourceDiv));
|
|
9108
9021
|
};
|
|
9109
9022
|
var UniprotTopologyTrack = /** @class */ (function (_super) {
|
|
@@ -9153,8 +9066,8 @@ var UniprotTopologyTrack = /** @class */ (function (_super) {
|
|
|
9153
9066
|
Object.defineProperty(UniprotTopologyTrack.prototype, "uniprotTopologySpecs", {
|
|
9154
9067
|
get: function () {
|
|
9155
9068
|
var uniprotData = this.props.store.uniprotTopologyData.result;
|
|
9156
|
-
if (uniprotData && !isEmpty(uniprotData)) {
|
|
9157
|
-
return reduce(uniprotData, this.uniprotDataToTrackItemSpecsReducer, []);
|
|
9069
|
+
if (uniprotData && !_.isEmpty(uniprotData)) {
|
|
9070
|
+
return _.reduce(uniprotData, this.uniprotDataToTrackItemSpecsReducer, []);
|
|
9158
9071
|
}
|
|
9159
9072
|
else {
|
|
9160
9073
|
return [];
|
|
@@ -9171,7 +9084,7 @@ var UniprotTopologyTrack = /** @class */ (function (_super) {
|
|
|
9171
9084
|
: 'fa fa-caret-right'
|
|
9172
9085
|
: null;
|
|
9173
9086
|
if (className) {
|
|
9174
|
-
return (createElement("i", { className: className, style: { width: 10, marginLeft: 2 } }));
|
|
9087
|
+
return (React.createElement("i", { className: className, style: { width: 10, marginLeft: 2 } }));
|
|
9175
9088
|
}
|
|
9176
9089
|
return null;
|
|
9177
9090
|
},
|
|
@@ -9180,12 +9093,12 @@ var UniprotTopologyTrack = /** @class */ (function (_super) {
|
|
|
9180
9093
|
});
|
|
9181
9094
|
Object.defineProperty(UniprotTopologyTrack.prototype, "mainTrackTitle", {
|
|
9182
9095
|
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 },
|
|
9096
|
+
return (React.createElement("span", { style: { cursor: 'pointer' } },
|
|
9097
|
+
React.createElement("span", { onClick: this.handleToggleExpand }, this.expander),
|
|
9098
|
+
React.createElement(DefaultTooltip, { placement: "right", overlay: React.createElement(UniprotTopologyTrackDescriptionTooltip, { displayList: this.uniprotTopologyTypes, uniprotId: this.props.store.uniprotId.result }), destroyTooltipOnHide: true },
|
|
9099
|
+
React.createElement("span", { style: { marginLeft: 4 }, onClick: this.handleToggleExpand },
|
|
9187
9100
|
"Topology ",
|
|
9188
|
-
createElement("i", { className: "fa fa-info-circle" })))));
|
|
9101
|
+
React.createElement("i", { className: "fa fa-info-circle" })))));
|
|
9189
9102
|
},
|
|
9190
9103
|
enumerable: false,
|
|
9191
9104
|
configurable: true
|
|
@@ -9193,7 +9106,7 @@ var UniprotTopologyTrack = /** @class */ (function (_super) {
|
|
|
9193
9106
|
Object.defineProperty(UniprotTopologyTrack.prototype, "uniprotTopologyTypes", {
|
|
9194
9107
|
get: function () {
|
|
9195
9108
|
var uniprotData = this.props.store.uniprotTopologyData.result;
|
|
9196
|
-
var uniprotDataByType = uniq(map(uniprotData, function (data) { return data.type; }));
|
|
9109
|
+
var uniprotDataByType = _.uniq(_.map(uniprotData, function (data) { return data.type; }));
|
|
9197
9110
|
return uniprotDataByType || [];
|
|
9198
9111
|
},
|
|
9199
9112
|
enumerable: false,
|
|
@@ -9203,13 +9116,13 @@ var UniprotTopologyTrack = /** @class */ (function (_super) {
|
|
|
9203
9116
|
get: function () {
|
|
9204
9117
|
var _this = this;
|
|
9205
9118
|
var uniprotData = this.props.store.uniprotTopologyData.result;
|
|
9206
|
-
var uniprotDataByType = groupBy(uniprotData, function (data) { return data.type; });
|
|
9207
|
-
return keys(uniprotDataByType)
|
|
9119
|
+
var uniprotDataByType = _.groupBy(uniprotData, function (data) { return data.type; });
|
|
9120
|
+
return _.keys(uniprotDataByType)
|
|
9208
9121
|
.map(function (type) { return ({
|
|
9209
9122
|
title: UniprotTopologyTypeToTitle[type],
|
|
9210
|
-
specs: reduce(uniprotDataByType[type], _this.uniprotDataToTrackItemSpecsReducer, []),
|
|
9123
|
+
specs: _.reduce(uniprotDataByType[type], _this.uniprotDataToTrackItemSpecsReducer, []),
|
|
9211
9124
|
}); })
|
|
9212
|
-
.filter(function (s) { return !isEmpty(s.specs); });
|
|
9125
|
+
.filter(function (s) { return !_.isEmpty(s.specs); });
|
|
9213
9126
|
},
|
|
9214
9127
|
enumerable: false,
|
|
9215
9128
|
configurable: true
|
|
@@ -9232,12 +9145,12 @@ var UniprotTopologyTrack = /** @class */ (function (_super) {
|
|
|
9232
9145
|
get: function () {
|
|
9233
9146
|
var _this = this;
|
|
9234
9147
|
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: {
|
|
9148
|
+
? 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
9149
|
marginLeft: _this.subTrackMargin,
|
|
9237
9150
|
width: _this.subTrackTitleWidth,
|
|
9238
9151
|
display: 'flex',
|
|
9239
9152
|
} },
|
|
9240
|
-
createElement(EllipsisTextTooltip, { text: item.title, style: {
|
|
9153
|
+
React.createElement(EllipsisTextTooltip, { text: item.title, style: {
|
|
9241
9154
|
overflow: 'hidden',
|
|
9242
9155
|
whiteSpace: 'nowrap',
|
|
9243
9156
|
textOverflow: 'ellipsis',
|
|
@@ -9252,10 +9165,10 @@ var UniprotTopologyTrack = /** @class */ (function (_super) {
|
|
|
9252
9165
|
configurable: true,
|
|
9253
9166
|
writable: true,
|
|
9254
9167
|
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))));
|
|
9168
|
+
return (React.createElement("span", null,
|
|
9169
|
+
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-' }),
|
|
9170
|
+
React.createElement(Collapse, { isOpened: this.mainTrackHidden },
|
|
9171
|
+
React.createElement("span", null, this.subTracks))));
|
|
9259
9172
|
}
|
|
9260
9173
|
});
|
|
9261
9174
|
Object.defineProperty(UniprotTopologyTrack.prototype, "handleToggleExpand", {
|
|
@@ -9315,7 +9228,7 @@ var UniprotTopologyTrack = /** @class */ (function (_super) {
|
|
|
9315
9228
|
observer
|
|
9316
9229
|
], UniprotTopologyTrack);
|
|
9317
9230
|
return UniprotTopologyTrack;
|
|
9318
|
-
}(Component));
|
|
9231
|
+
}(React.Component));
|
|
9319
9232
|
|
|
9320
9233
|
var TrackPanel = /** @class */ (function (_super) {
|
|
9321
9234
|
__extends(TrackPanel, _super);
|
|
@@ -9338,16 +9251,16 @@ var TrackPanel = /** @class */ (function (_super) {
|
|
|
9338
9251
|
return _a = {},
|
|
9339
9252
|
_a[TrackName.CancerHotspots] = !this.props.trackVisibility ||
|
|
9340
9253
|
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,
|
|
9254
|
+
'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
9255
|
_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,
|
|
9256
|
+
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
9257
|
_a[TrackName.dbPTM] = this.getPtmTrack(TrackName.dbPTM, PtmSource.dbPTM),
|
|
9345
9258
|
_a[TrackName.UniprotPTM] = this.getPtmTrack(TrackName.UniprotPTM, PtmSource.Uniprot),
|
|
9346
9259
|
_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,
|
|
9260
|
+
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
9261
|
_a[TrackName.UniprotTopology] = !this.props.trackVisibility ||
|
|
9349
9262
|
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,
|
|
9263
|
+
'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
9264
|
_a;
|
|
9352
9265
|
},
|
|
9353
9266
|
enumerable: false,
|
|
@@ -9359,7 +9272,7 @@ var TrackPanel = /** @class */ (function (_super) {
|
|
|
9359
9272
|
writable: true,
|
|
9360
9273
|
value: function () {
|
|
9361
9274
|
var _this = this;
|
|
9362
|
-
return (createElement("div", { style: {
|
|
9275
|
+
return (React.createElement("div", { style: {
|
|
9363
9276
|
overflowY: 'hidden',
|
|
9364
9277
|
maxHeight: this.props.maxHeight,
|
|
9365
9278
|
position: 'relative',
|
|
@@ -9375,7 +9288,7 @@ var TrackPanel = /** @class */ (function (_super) {
|
|
|
9375
9288
|
value: function (trackName, ptmSource) {
|
|
9376
9289
|
var _a;
|
|
9377
9290
|
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;
|
|
9291
|
+
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
9292
|
}
|
|
9380
9293
|
});
|
|
9381
9294
|
Object.defineProperty(TrackPanel.prototype, "getPtmTooltipColumnOverrides", {
|
|
@@ -9418,7 +9331,7 @@ var TrackPanel = /** @class */ (function (_super) {
|
|
|
9418
9331
|
observer
|
|
9419
9332
|
], TrackPanel);
|
|
9420
9333
|
return TrackPanel;
|
|
9421
|
-
}(Component));
|
|
9334
|
+
}(React.Component));
|
|
9422
9335
|
|
|
9423
9336
|
var MutationAlignerLink = observer(function (props) {
|
|
9424
9337
|
function getMutationAlignerCacheData(pfamAccession) {
|
|
@@ -9432,7 +9345,7 @@ var MutationAlignerLink = observer(function (props) {
|
|
|
9432
9345
|
var mutationAlignerCacheData = getMutationAlignerCacheData(props.pfamAccession);
|
|
9433
9346
|
return mutationAlignerCacheData &&
|
|
9434
9347
|
mutationAlignerCacheData.status === 'complete' &&
|
|
9435
|
-
mutationAlignerCacheData.data ? (createElement("a", { href: mutationAlignerCacheData.data, target: "_blank" }, "Mutation Aligner")) : null;
|
|
9348
|
+
mutationAlignerCacheData.data ? (React.createElement("a", { href: mutationAlignerCacheData.data, target: "_blank" }, "Mutation Aligner")) : null;
|
|
9436
9349
|
});
|
|
9437
9350
|
var DomainTooltip = function (props) {
|
|
9438
9351
|
var range = props.range, domain = props.domain, pfamDomainId = props.pfamDomainId;
|
|
@@ -9441,17 +9354,17 @@ var DomainTooltip = function (props) {
|
|
|
9441
9354
|
var domainInfo = domain
|
|
9442
9355
|
? domain.name + ": " + domain.description
|
|
9443
9356
|
: pfamAccession;
|
|
9444
|
-
return (createElement("div", { style: { maxWidth: 200 } },
|
|
9445
|
-
createElement("div", null,
|
|
9357
|
+
return (React.createElement("div", { style: { maxWidth: 200 } },
|
|
9358
|
+
React.createElement("div", null,
|
|
9446
9359
|
domainInfo,
|
|
9447
9360
|
" (",
|
|
9448
9361
|
range.pfamDomainStart,
|
|
9449
9362
|
" - ",
|
|
9450
9363
|
range.pfamDomainEnd,
|
|
9451
9364
|
")"),
|
|
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 }))));
|
|
9365
|
+
React.createElement("div", null,
|
|
9366
|
+
React.createElement("a", { style: { marginRight: '5px' }, href: "http://pfam.xfam.org/family/" + pfamAccession, target: "_blank" }, "PFAM"),
|
|
9367
|
+
React.createElement(MutationAlignerLink, { mutationAlignerCache: props.mutationAlignerCache, pfamAccession: pfamAccession }))));
|
|
9455
9368
|
};
|
|
9456
9369
|
|
|
9457
9370
|
var DEFAULT_PROTEIN_LENGTH = 10;
|
|
@@ -9581,14 +9494,14 @@ var LollipopMutationPlot = /** @class */ (function (_super) {
|
|
|
9581
9494
|
value: function (mutationsAtPosition, countsByPosition) {
|
|
9582
9495
|
var codon = mutationsAtPosition[0].proteinPosStart;
|
|
9583
9496
|
var count = countsByPosition[codon];
|
|
9584
|
-
var countInfo = this.props.lollipopTooltipCountInfo ? (this.props.lollipopTooltipCountInfo(count, mutationsAtPosition)) : (createElement("strong", null,
|
|
9497
|
+
var countInfo = this.props.lollipopTooltipCountInfo ? (this.props.lollipopTooltipCountInfo(count, mutationsAtPosition)) : (React.createElement("strong", null,
|
|
9585
9498
|
count,
|
|
9586
9499
|
" mutation", "" + (count !== 1 ? 's' : '')));
|
|
9587
9500
|
var label = lollipopLabelText(mutationsAtPosition);
|
|
9588
|
-
return (createElement("div", null,
|
|
9501
|
+
return (React.createElement("div", null,
|
|
9589
9502
|
countInfo,
|
|
9590
|
-
createElement("br", null),
|
|
9591
|
-
createElement("span", null,
|
|
9503
|
+
React.createElement("br", null),
|
|
9504
|
+
React.createElement("span", null,
|
|
9592
9505
|
"AA Change: ",
|
|
9593
9506
|
label)));
|
|
9594
9507
|
}
|
|
@@ -9828,7 +9741,7 @@ var LollipopMutationPlot = /** @class */ (function (_super) {
|
|
|
9828
9741
|
endCodon: range.pfamDomainEnd,
|
|
9829
9742
|
label: domain ? domain.name : range.pfamDomainId,
|
|
9830
9743
|
color: _this.domainColorMap[range.pfamDomainId],
|
|
9831
|
-
tooltip: (createElement(DomainTooltip, { range: range, domain: domain, pfamDomainId: range.pfamDomainId, mutationAlignerCache: _this.props.mutationAlignerCache })),
|
|
9744
|
+
tooltip: (React.createElement(DomainTooltip, { range: range, domain: domain, pfamDomainId: range.pfamDomainId, mutationAlignerCache: _this.props.mutationAlignerCache })),
|
|
9832
9745
|
};
|
|
9833
9746
|
});
|
|
9834
9747
|
}
|
|
@@ -9887,8 +9800,8 @@ var LollipopMutationPlot = /** @class */ (function (_super) {
|
|
|
9887
9800
|
configurable: true,
|
|
9888
9801
|
writable: true,
|
|
9889
9802
|
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)));
|
|
9803
|
+
return (React.createElement("div", { style: { maxWidth: 200 } },
|
|
9804
|
+
React.createElement("a", { href: "http://www.uniprot.org/uniprot/" + this.props.store.uniprotId.result, target: "_blank" }, this.props.store.uniprotId.result)));
|
|
9892
9805
|
}
|
|
9893
9806
|
});
|
|
9894
9807
|
Object.defineProperty(LollipopMutationPlot.prototype, "sequence", {
|
|
@@ -10054,23 +9967,23 @@ var LollipopMutationPlot = /** @class */ (function (_super) {
|
|
|
10054
9967
|
var _this = this;
|
|
10055
9968
|
if (this.props.store.pfamDomainData.isComplete &&
|
|
10056
9969
|
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
|
|
9970
|
+
return (React.createElement("div", { style: { display: 'inline-block' }, ref: function (div) { return (_this.divContainer = div); }, onMouseEnter: this.handlers.onMouseEnterPlot, onMouseLeave: this.handlers.onMouseLeavePlot },
|
|
9971
|
+
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 }),
|
|
9972
|
+
React.createElement(Collapse, { isOpened: this.controlsConfig.legendShown }, this.props.legend || React.createElement(DefaultLollipopPlotLegend, null)),
|
|
9973
|
+
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
9974
|
? this.props.yMaxFractionDigits
|
|
10062
9975
|
: 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 })));
|
|
9976
|
+
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
9977
|
}
|
|
10065
9978
|
else if (this.props.store.canonicalTranscript.isComplete &&
|
|
10066
9979
|
this.props.store.canonicalTranscript.result === undefined) {
|
|
10067
|
-
return (createElement("span", null,
|
|
10068
|
-
createElement("i", { className: "fa fa-exclamation-triangle text-danger" }),
|
|
9980
|
+
return (React.createElement("span", null,
|
|
9981
|
+
React.createElement("i", { className: "fa fa-exclamation-triangle text-danger" }),
|
|
10069
9982
|
" No Transcript found for ",
|
|
10070
9983
|
this.hugoGeneSymbol));
|
|
10071
9984
|
}
|
|
10072
9985
|
else {
|
|
10073
|
-
return (this.props.loadingIndicator || (createElement("i", { className: "fa fa-spinner fa-pulse fa-2x" })));
|
|
9986
|
+
return (this.props.loadingIndicator || (React.createElement("i", { className: "fa fa-spinner fa-pulse fa-2x" })));
|
|
10074
9987
|
}
|
|
10075
9988
|
}
|
|
10076
9989
|
});
|
|
@@ -10165,7 +10078,7 @@ var LollipopMutationPlot = /** @class */ (function (_super) {
|
|
|
10165
10078
|
observer
|
|
10166
10079
|
], LollipopMutationPlot);
|
|
10167
10080
|
return LollipopMutationPlot;
|
|
10168
|
-
}(Component));
|
|
10081
|
+
}(React.Component));
|
|
10169
10082
|
|
|
10170
10083
|
var DefaultStringQueryCache = /** @class */ (function () {
|
|
10171
10084
|
function DefaultStringQueryCache() {
|
|
@@ -12215,7 +12128,7 @@ function getDefaultWindowInstance() {
|
|
|
12215
12128
|
return windowInstance;
|
|
12216
12129
|
}
|
|
12217
12130
|
|
|
12218
|
-
var styles$
|
|
12131
|
+
var styles$2 = {"mutationRateSummary":"defaultMutationRateSummary-module_mutationRateSummary__2xgz8"};
|
|
12219
12132
|
|
|
12220
12133
|
var DefaultMutationRateSummary = /** @class */ (function (_super) {
|
|
12221
12134
|
__extends(DefaultMutationRateSummary, _super);
|
|
@@ -12228,21 +12141,21 @@ var DefaultMutationRateSummary = /** @class */ (function (_super) {
|
|
|
12228
12141
|
writable: true,
|
|
12229
12142
|
value: function () {
|
|
12230
12143
|
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,
|
|
12144
|
+
return (React.createElement(React.Fragment, null, this.props.rates.map(function (r) { return (React.createElement("div", { key: r.title, className: styles$2.mutationRateSummary },
|
|
12145
|
+
React.createElement("span", null,
|
|
12233
12146
|
r.title,
|
|
12234
12147
|
": "),
|
|
12235
|
-
createElement("span", null,
|
|
12148
|
+
React.createElement("span", null,
|
|
12236
12149
|
formatPercentValue(r.rate, _this.props.fractionDigits),
|
|
12237
12150
|
"%"),
|
|
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' } }))))); })));
|
|
12151
|
+
r.description && (React.createElement(DefaultTooltip, { placement: "right", overlay: React.createElement("span", null, r.description) },
|
|
12152
|
+
React.createElement("i", { className: "fa fa-info-circle", style: { marginLeft: '0.2rem' } }))))); })));
|
|
12240
12153
|
}
|
|
12241
12154
|
});
|
|
12242
12155
|
return DefaultMutationRateSummary;
|
|
12243
|
-
}(Component));
|
|
12156
|
+
}(React.Component));
|
|
12244
12157
|
|
|
12245
|
-
var styles$
|
|
12158
|
+
var styles$1 = {"dropDown":"transcriptDropdown-module_dropDown__b9xF8"};
|
|
12246
12159
|
|
|
12247
12160
|
var TranscriptDropdown = /** @class */ (function (_super) {
|
|
12248
12161
|
__extends(TranscriptDropdown, _super);
|
|
@@ -12258,7 +12171,7 @@ var TranscriptDropdown = /** @class */ (function (_super) {
|
|
|
12258
12171
|
var canonicalTranscriptId = canonicalTranscript.result &&
|
|
12259
12172
|
canonicalTranscript.result.transcriptId;
|
|
12260
12173
|
if (!showDropDown) {
|
|
12261
|
-
return createElement("span", null);
|
|
12174
|
+
return React.createElement("span", null);
|
|
12262
12175
|
}
|
|
12263
12176
|
else if (showOnlyAnnotatedTranscriptsInDropdown) {
|
|
12264
12177
|
var isLoading = transcriptsWithProteinLength.isPending ||
|
|
@@ -12269,7 +12182,7 @@ var TranscriptDropdown = /** @class */ (function (_super) {
|
|
|
12269
12182
|
canonicalTranscriptId &&
|
|
12270
12183
|
transcriptsWithAnnotations.result &&
|
|
12271
12184
|
transcriptsWithAnnotations.result.length > 0;
|
|
12272
|
-
return (createElement("div", { className: classnames('small', styles$
|
|
12185
|
+
return (React.createElement("div", { className: classnames('small', styles$1.dropDown) },
|
|
12273
12186
|
this.loadingIndicator(isLoading),
|
|
12274
12187
|
!isLoading &&
|
|
12275
12188
|
requiredData &&
|
|
@@ -12282,7 +12195,7 @@ var TranscriptDropdown = /** @class */ (function (_super) {
|
|
|
12282
12195
|
var requiredData = transcriptsWithProteinLength.result &&
|
|
12283
12196
|
transcriptsWithProteinLength.result.length > 0 &&
|
|
12284
12197
|
canonicalTranscriptId;
|
|
12285
|
-
return (createElement("div", { className: classnames('small', styles$
|
|
12198
|
+
return (React.createElement("div", { className: classnames('small', styles$1.dropDown) },
|
|
12286
12199
|
this.loadingIndicator(isLoading),
|
|
12287
12200
|
!isLoading &&
|
|
12288
12201
|
requiredData &&
|
|
@@ -12297,8 +12210,8 @@ var TranscriptDropdown = /** @class */ (function (_super) {
|
|
|
12297
12210
|
value: function (activeTranscript, allTranscripts, canonicalTranscript, transcriptsByTranscriptId, mutationsByTranscriptId) {
|
|
12298
12211
|
var _this = this;
|
|
12299
12212
|
var activeRefseqMrnaId = transcriptsByTranscriptId[activeTranscript].refseqMrnaId;
|
|
12300
|
-
return (createElement("div", null,
|
|
12301
|
-
createElement(Select, { value: {
|
|
12213
|
+
return (React.createElement("div", null,
|
|
12214
|
+
React.createElement(Select, { value: {
|
|
12302
12215
|
label: activeRefseqMrnaId
|
|
12303
12216
|
? activeRefseqMrnaId
|
|
12304
12217
|
: activeTranscript,
|
|
@@ -12355,7 +12268,7 @@ var TranscriptDropdown = /** @class */ (function (_super) {
|
|
|
12355
12268
|
writable: true,
|
|
12356
12269
|
value: function (isLoading) {
|
|
12357
12270
|
return isLoading
|
|
12358
|
-
? this.props.loadingIndicator || (createElement("i", { className: "fa fa-spinner fa-pulse fa-2x" }))
|
|
12271
|
+
? this.props.loadingIndicator || (React.createElement("i", { className: "fa fa-spinner fa-pulse fa-2x" }))
|
|
12359
12272
|
: null;
|
|
12360
12273
|
}
|
|
12361
12274
|
});
|
|
@@ -12363,9 +12276,9 @@ var TranscriptDropdown = /** @class */ (function (_super) {
|
|
|
12363
12276
|
observer
|
|
12364
12277
|
], TranscriptDropdown);
|
|
12365
12278
|
return TranscriptDropdown;
|
|
12366
|
-
}(Component));
|
|
12279
|
+
}(React.Component));
|
|
12367
12280
|
|
|
12368
|
-
var styles
|
|
12281
|
+
var styles = {"geneSummary":"geneSummary-module_geneSummary__2baMD","geneSummaryCompact":"geneSummary-module_geneSummaryCompact__3_qUv","hugoSymbol":"geneSummary-module_hugoSymbol__KSt5x"};
|
|
12369
12282
|
|
|
12370
12283
|
var GeneSummaryInfo = function (_a) {
|
|
12371
12284
|
var uniprotId = _a.uniprotId, showDropDown = _a.showDropDown, canonicalTranscript = _a.canonicalTranscript, compactStyle = _a.compactStyle, activeTranscript = _a.activeTranscript, transcriptsByTranscriptId = _a.transcriptsByTranscriptId, transcriptSummaryUrlTemplate = _a.transcriptSummaryUrlTemplate;
|
|
@@ -12375,44 +12288,44 @@ var GeneSummaryInfo = function (_a) {
|
|
|
12375
12288
|
: transcriptsByTranscriptId[activeTranscript];
|
|
12376
12289
|
var refseqMrnaId = transcript && transcript.refseqMrnaId;
|
|
12377
12290
|
var ccdsId = transcript && transcript.ccdsId;
|
|
12378
|
-
var refSeq = refseqMrnaId ? (createElement("a", { href: getNCBIlink("/nuccore/" + refseqMrnaId), target: "_blank" }, refseqMrnaId)) : ('-');
|
|
12291
|
+
var refSeq = refseqMrnaId ? (React.createElement("a", { href: getNCBIlink("/nuccore/" + refseqMrnaId), target: "_blank" }, refseqMrnaId)) : ('-');
|
|
12379
12292
|
var ensembl = showDropDown
|
|
12380
|
-
? activeTranscript && (createElement("a", { href: getUrl(transcriptSummaryUrlTemplate, {
|
|
12293
|
+
? activeTranscript && (React.createElement("a", { href: getUrl(transcriptSummaryUrlTemplate, {
|
|
12381
12294
|
transcriptId: activeTranscript,
|
|
12382
12295
|
}), target: "_blank" }, activeTranscript))
|
|
12383
12296
|
: canonicalTranscriptId && (
|
|
12384
12297
|
// down't show drop down, only the canonical transcript
|
|
12385
|
-
createElement("a", { href: getUrl(transcriptSummaryUrlTemplate, {
|
|
12298
|
+
React.createElement("a", { href: getUrl(transcriptSummaryUrlTemplate, {
|
|
12386
12299
|
transcriptId: canonicalTranscriptId,
|
|
12387
12300
|
}), target: "_blank" }, canonicalTranscriptId));
|
|
12388
|
-
var ccds = ccdsId ? (createElement("a", { href: getNCBIlink({
|
|
12301
|
+
var ccds = ccdsId ? (React.createElement("a", { href: getNCBIlink({
|
|
12389
12302
|
pathname: '/CCDS/CcdsBrowse.cgi',
|
|
12390
12303
|
query: {
|
|
12391
12304
|
REQUEST: 'CCDS',
|
|
12392
12305
|
DATA: ccdsId,
|
|
12393
12306
|
},
|
|
12394
12307
|
}), 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), " | ",
|
|
12308
|
+
var uniprot = uniprotId ? (React.createElement("a", { href: "http://www.uniprot.org/uniprot/" + uniprotId, target: "_blank" }, uniprotId)) : ('-');
|
|
12309
|
+
var compactGeneSummaryInfo = (React.createElement("div", null,
|
|
12310
|
+
React.createElement("span", { "data-test": "compactGeneSummaryRefSeq" }, refSeq), " | ",
|
|
12398
12311
|
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" },
|
|
12312
|
+
React.createElement("br", null),
|
|
12313
|
+
React.createElement("span", { "data-test": "compactGeneSummaryCCDS" }, ccds), " | ",
|
|
12314
|
+
React.createElement("span", { "data-test": "compactGeneSummaryUniProt" }, uniprot)));
|
|
12315
|
+
var geneSummaryInfo = (React.createElement("div", null,
|
|
12316
|
+
React.createElement("div", null,
|
|
12317
|
+
React.createElement("span", { "data-test": "GeneSummaryRefSeq" },
|
|
12405
12318
|
'RefSeq: ',
|
|
12406
12319
|
refSeq)),
|
|
12407
|
-
createElement("div", null,
|
|
12408
|
-
createElement("span", null, "Ensembl: "),
|
|
12320
|
+
React.createElement("div", null,
|
|
12321
|
+
React.createElement("span", null, "Ensembl: "),
|
|
12409
12322
|
ensembl),
|
|
12410
|
-
createElement("div", null,
|
|
12411
|
-
createElement("span", { "data-test": "GeneSummaryCCDS" },
|
|
12323
|
+
React.createElement("div", null,
|
|
12324
|
+
React.createElement("span", { "data-test": "GeneSummaryCCDS" },
|
|
12412
12325
|
'CCDS: ',
|
|
12413
12326
|
ccds)),
|
|
12414
|
-
createElement("div", null,
|
|
12415
|
-
createElement("span", { "data-test": "GeneSummaryUniProt" },
|
|
12327
|
+
React.createElement("div", null,
|
|
12328
|
+
React.createElement("span", { "data-test": "GeneSummaryUniProt" },
|
|
12416
12329
|
'UniProt: ',
|
|
12417
12330
|
uniprot))));
|
|
12418
12331
|
return compactStyle ? compactGeneSummaryInfo : geneSummaryInfo;
|
|
@@ -12428,12 +12341,12 @@ var GeneSummary = /** @class */ (function (_super) {
|
|
|
12428
12341
|
writable: true,
|
|
12429
12342
|
value: function () {
|
|
12430
12343
|
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))));
|
|
12344
|
+
return (React.createElement("div", { className: this.props.compactStyle
|
|
12345
|
+
? styles.geneSummaryCompact
|
|
12346
|
+
: styles.geneSummary },
|
|
12347
|
+
!this.props.compactStyle && (React.createElement("h4", { className: styles.hugoSymbol }, hugoGeneSymbol)),
|
|
12348
|
+
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 }),
|
|
12349
|
+
React.createElement(GeneSummaryInfo, __assign({}, this.props))));
|
|
12437
12350
|
}
|
|
12438
12351
|
});
|
|
12439
12352
|
Object.defineProperty(GeneSummary, "defaultProps", {
|
|
@@ -12449,7 +12362,7 @@ var GeneSummary = /** @class */ (function (_super) {
|
|
|
12449
12362
|
observer
|
|
12450
12363
|
], GeneSummary);
|
|
12451
12364
|
return GeneSummary;
|
|
12452
|
-
}(Component));
|
|
12365
|
+
}(React.Component));
|
|
12453
12366
|
|
|
12454
12367
|
function initDefaultMutationMapperStore(props) {
|
|
12455
12368
|
return new DefaultMutationMapperStore({
|
|
@@ -12671,7 +12584,7 @@ var MutationMapper = /** @class */ (function (_super) {
|
|
|
12671
12584
|
if (this.props.mutationTableColumns) {
|
|
12672
12585
|
columns = this.props.mutationTableColumns;
|
|
12673
12586
|
}
|
|
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 }));
|
|
12587
|
+
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
12588
|
}
|
|
12676
12589
|
},
|
|
12677
12590
|
enumerable: false,
|
|
@@ -12679,7 +12592,7 @@ var MutationMapper = /** @class */ (function (_super) {
|
|
|
12679
12592
|
});
|
|
12680
12593
|
Object.defineProperty(MutationMapper.prototype, "mutationPlot", {
|
|
12681
12594
|
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 &&
|
|
12595
|
+
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
12596
|
this.isFiltered &&
|
|
12684
12597
|
this.filterResetPanel
|
|
12685
12598
|
? this.filterResetPanel
|
|
@@ -12697,7 +12610,7 @@ var MutationMapper = /** @class */ (function (_super) {
|
|
|
12697
12610
|
});
|
|
12698
12611
|
Object.defineProperty(MutationMapper.prototype, "geneSummary", {
|
|
12699
12612
|
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 }));
|
|
12613
|
+
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
12614
|
},
|
|
12702
12615
|
enumerable: false,
|
|
12703
12616
|
configurable: true
|
|
@@ -12714,7 +12627,7 @@ var MutationMapper = /** @class */ (function (_super) {
|
|
|
12714
12627
|
configurable: true,
|
|
12715
12628
|
writable: true,
|
|
12716
12629
|
value: function () {
|
|
12717
|
-
return this.mutationRates ? (createElement(DefaultMutationRateSummary, { rates: this.mutationRates })) : null;
|
|
12630
|
+
return this.mutationRates ? (React.createElement(DefaultMutationRateSummary, { rates: this.mutationRates })) : null;
|
|
12718
12631
|
}
|
|
12719
12632
|
});
|
|
12720
12633
|
Object.defineProperty(MutationMapper.prototype, "mutationRateSummary", {
|
|
@@ -12747,14 +12660,14 @@ var MutationMapper = /** @class */ (function (_super) {
|
|
|
12747
12660
|
? dataStore.sortedFilteredSelectedData
|
|
12748
12661
|
: dataStore.sortedFilteredData;
|
|
12749
12662
|
var allData = dataStore.allData;
|
|
12750
|
-
return (createElement(FilterResetPanel, { filterInfo: "Showing " + tableData.length + " of " + allData.length + " mutations.", resetFilters: this.resetFilters }));
|
|
12663
|
+
return (React.createElement(FilterResetPanel, { filterInfo: "Showing " + tableData.length + " of " + allData.length + " mutations.", resetFilters: this.resetFilters }));
|
|
12751
12664
|
},
|
|
12752
12665
|
enumerable: false,
|
|
12753
12666
|
configurable: true
|
|
12754
12667
|
});
|
|
12755
12668
|
Object.defineProperty(MutationMapper.prototype, "mutationTable", {
|
|
12756
12669
|
get: function () {
|
|
12757
|
-
return createElement("span", null, this.mutationTableComponent);
|
|
12670
|
+
return React.createElement("span", null, this.mutationTableComponent);
|
|
12758
12671
|
},
|
|
12759
12672
|
enumerable: false,
|
|
12760
12673
|
configurable: true
|
|
@@ -12803,7 +12716,7 @@ var MutationMapper = /** @class */ (function (_super) {
|
|
|
12803
12716
|
});
|
|
12804
12717
|
Object.defineProperty(MutationMapper.prototype, "loadingIndicator", {
|
|
12805
12718
|
get: function () {
|
|
12806
|
-
return this.props.mainLoadingIndicator ? (this.props.mainLoadingIndicator) : (createElement("i", { className: "fa fa-spinner fa-pulse fa-2x" }));
|
|
12719
|
+
return this.props.mainLoadingIndicator ? (this.props.mainLoadingIndicator) : (React.createElement("i", { className: "fa fa-spinner fa-pulse fa-2x" }));
|
|
12807
12720
|
},
|
|
12808
12721
|
enumerable: false,
|
|
12809
12722
|
configurable: true
|
|
@@ -12813,12 +12726,12 @@ var MutationMapper = /** @class */ (function (_super) {
|
|
|
12813
12726
|
configurable: true,
|
|
12814
12727
|
writable: true,
|
|
12815
12728
|
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' } },
|
|
12729
|
+
return this.isLoading ? (this.loadingIndicator) : (React.createElement("div", null,
|
|
12730
|
+
React.createElement("div", { style: { display: 'flex' } },
|
|
12731
|
+
React.createElement("div", { className: "borderedChart", style: { marginRight: '1rem' } },
|
|
12819
12732
|
this.mutationPlot,
|
|
12820
12733
|
this.proteinChainPanel),
|
|
12821
|
-
createElement("div", { className: "mutationMapperMetaColumn" },
|
|
12734
|
+
React.createElement("div", { className: "mutationMapperMetaColumn" },
|
|
12822
12735
|
this.geneSummary,
|
|
12823
12736
|
this.mutationRateSummary,
|
|
12824
12737
|
this.mutationFilterPanel,
|
|
@@ -12908,7 +12821,7 @@ var MutationMapper = /** @class */ (function (_super) {
|
|
|
12908
12821
|
action.bound
|
|
12909
12822
|
], MutationMapper.prototype, "resetFilters", null);
|
|
12910
12823
|
return MutationMapper;
|
|
12911
|
-
}(Component));
|
|
12824
|
+
}(React.Component));
|
|
12912
12825
|
|
|
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$
|
|
12826
|
+
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
12827
|
//# sourceMappingURL=index.es.js.map
|