react-mutation-mapper 0.8.121 → 0.9.3

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { __extends, __decorate, __awaiter, __generator, __assign, __spreadArrays } from 'tslib';
+import { __extends, __decorate, __awaiter, __generator, __assign, __spreadArray } from 'tslib';
 import * as _ from 'lodash';
 import ___default from 'lodash';
 import { makeObservable, observable, computed, action, reaction } from 'mobx';
@@ -8,7 +8,7 @@ import React__default from 'react';
 import { DefaultTooltip, TruncatedText, getNCBIlink, cachePostMethodsOnClient, CanonicalMutationType, MutationTumorTypeFrequencyTable, FREQUENCY_COLUMNS_DEFINITION, FrequencyTableColumnEnum, CheckedSelect, getSelectedValuesMap, BadgeListSelector, 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, MUT_COLOR_OTHER_PASSENGER, getCanonicalMutationType, getProteinImpactTypeFromCanonical, ProteinImpactType, getProteinImpactType, resolveColumnVisibility, resolveColumnVisibilityByColumnDefinition, longestCommonStartingSubstring, getTextWidth, unhoverAllComponents, SVGAxis, getComponentIndex, defaultHitzoneConfig, initHitZoneFromConfig, EditableSpan, DownloadControls, EllipsisTextTooltip, cached, remoteData, WindowWrapper } from 'cbioportal-frontend-commons';
 import classNames from 'classnames';
 import { CIVIC_NA_VALUE, uniqueGenomicLocations, indexAnnotationsByGenomicLocation, getCivicEntry, getRemoteDataGroupStatus, isLinearClusterHotspot, is3dHotspot, getVariantAnnotation, OncoKbCardDataType, defaultArraySortMethod, defaultSortMethod, getDbsnpRsId, getMyVariantInfoAnnotation, generateHgvsgByMutation, calcProteinChangeSortValue, Pathogenicity, extendMutations, formatNumberValueInSignificantDigits, generateTumorTypeDecomposition, formatPercentValue, countMutationsByProteinChange, numberOfLeadingDecimalZeros, filterLinearClusterHotspotsByMutations, filter3dHotspotsByMutations, isHotspot, defaultHotspotFilter, extractExonInformation, formatExonLocation, formatExonLength, ptmColor, compareByPtmTypePriority, UniprotTopologyTrackToColor, UniprotTopologyTypeToTitle, PtmSource, PTM_SOURCE_URL, getMyVariantInfoAnnotationsFromIndexedVariantAnnotations, genomicLocationString, convertUniprotFeatureToPtm, convertDbPtmToPtm, UniprotCategory, convertUniprotFeatureToUniprotTopology, groupPtmDataByPosition, groupPtmDataByTypeAndPosition, groupCancerHotspotDataByPosition, indexHotspotsData, fetchCivicGenes, fetchCivicVariants, getMutationsByTranscriptId, groupMutationsByProteinStartPos, groupHotspotsByMutations } from 'cbioportal-utils';
-import { getIndicatorData, calculateOncoKbAvailableDataType, oncoKbAnnotationSortValue, OncoKB, OncoKbSummaryTable, LEVELS, getTumorTypeNameWithExclusionInfo, ReferenceList, generateProteinChangeQuery, StructuralVariantType, generateAnnotateStructuralVariantQuery, defaultOncoKbFilter, groupOncoKbIndicatorDataByMutations, defaultOncoKbIndicatorFilter } from 'oncokb-frontend-commons';
+import { getIndicatorData, calculateOncoKbAvailableDataType, oncoKbAnnotationSortValue, OncoKB, OncoKbSummaryTable, getTumorTypeNameWithExclusionInfo, LEVELS, ReferenceList, generateProteinChangeQuery, StructuralVariantType, generateAnnotateStructuralVariantQuery, defaultOncoKbFilter, groupOncoKbIndicatorDataByMutations, defaultOncoKbIndicatorFilter } from 'oncokb-frontend-commons';
 import { GenomeNexusAPI, GenomeNexusAPIInternal } from 'genome-nexus-ts-api-client';
 import { OncoKbAPI } from 'oncokb-ts-api-client';
 import autobind from 'autobind-decorator';
@@ -29,12 +29,12 @@ import memoize from 'memoize-weak-decorator';
 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"};
 
 function loaderIcon(className) {
-    return (React.createElement("span", { className: classNames("" + annotationStyles['annotation-item'], "" + annotationStyles['annotation-item-load'], className) },
+    return (React.createElement("span", { className: classNames("".concat(annotationStyles['annotation-item']), "".concat(annotationStyles['annotation-item-load']), className) },
         React.createElement("i", { className: "fa fa-spinner fa-pulse" })));
 }
 function errorIcon(errorMessage) {
     return (React.createElement(DefaultTooltip, { overlay: React.createElement("span", null, errorMessage), placement: "right", trigger: ['hover', 'focus'], destroyTooltipOnHide: true },
-        React.createElement("span", { className: "" + annotationStyles['annotation-item-error'] },
+        React.createElement("span", { className: "".concat(annotationStyles['annotation-item-error']) },
             React.createElement("i", { className: "fa fa-exclamation-triangle text-danger" }))));
 }
 
@@ -69,7 +69,7 @@ var CivicCard = /** @class */ (function (_super) {
                     })
                         .map(function (_a) {
                         var key = _a[0], value = _a[1];
-                        return key.slice(0, -5) + ": " + value;
+                        return "".concat(key.slice(0, -5), ": ").concat(value);
                     }) // Remove "Count" substring from key
                         .join(', ');
                     list.push(this.variantItem(name_1, variant.url, variant.name, entryTypes, variant.description));
@@ -166,7 +166,7 @@ function download$5(civicEntry) {
     var values = [];
     if (variants && variants.length > 0 && variants[0].evidenceCounts) {
         ___default.forEach(variants[0].evidenceCounts, function (value, key) {
-            values.push(key + ": " + value);
+            values.push("".concat(key, ": ").concat(value));
         });
     }
     // this indicates that we have an entry but the evidence is empty
@@ -194,7 +194,7 @@ var Civic = /** @class */ (function (_super) {
         configurable: true,
         writable: true,
         value: function () {
-            var civicContent = (React.createElement("span", { className: "" + annotationStyles['annotation-item'] }));
+            var civicContent = (React.createElement("span", { className: "".concat(annotationStyles['annotation-item']) }));
             var civicImgWidth = 14;
             var civicImgHeight = 14;
             var civicImgSrc = !this.props.hasCivicVariants
@@ -206,7 +206,7 @@ var Civic = /** @class */ (function (_super) {
             else if (this.props.civicEntry !== undefined) {
                 if (this.props.civicEntry !== null &&
                     this.props.civicStatus == 'complete') {
-                    civicContent = (React.createElement("span", { className: "" + annotationStyles['annotation-item'] },
+                    civicContent = (React.createElement("span", { className: "".concat(annotationStyles['annotation-item']) },
                         React.createElement("img", { width: civicImgWidth, height: civicImgHeight, src: civicImgSrc, alt: "Civic Variant Entry" })));
                     civicContent = (React.createElement(DefaultTooltip, { overlay: this.cardContent.bind(this, this.props.civicEntry), placement: "right", trigger: ['hover', 'focus'], onPopupAlign: hideArrow, destroyTooltipOnHide: false }, civicContent));
                 }
@@ -250,7 +250,7 @@ var ClinvarSummary = function (props) {
     }
     else {
         var clinvarId = props.clinvar.clinvarId;
-        var clinvarLink = "https://www.ncbi.nlm.nih.gov/clinvar/variation/" + clinvarId + "/";
+        var clinvarLink = "https://www.ncbi.nlm.nih.gov/clinvar/variation/".concat(clinvarId, "/");
         var clinicalSignificance = props.clinvar.clinicalSignificance;
         var conflictingClinicalSignificance = props.clinvar.conflictingClinicalSignificance;
         return (React.createElement(TruncatedText, { maxLength: 30, text: clinicalSignificance, addTooltip: "always", tooltip: React.createElement("div", { style: { maxWidth: 300 } },
@@ -369,7 +369,7 @@ var HotspotAnnotation = /** @class */ (function (_super) {
         writable: true,
         value: function () {
             var _a = this.props, isHotspot = _a.isHotspot, is3dHotspot = _a.is3dHotspot;
-            var hotspotContent = (React.createElement("span", { className: "" + annotationStyles['annotation-item'] }));
+            var hotspotContent = (React.createElement("span", { className: "".concat(annotationStyles['annotation-item']) }));
             if (this.props.status === 'pending') {
                 hotspotContent = loaderIcon('pull-left');
             }
@@ -385,7 +385,7 @@ var HotspotAnnotation = /** @class */ (function (_super) {
                 var arrowContent = React.createElement("div", { className: "rc-tooltip-arrow-inner" });
                 var tooltipContent = (React.createElement(HotspotInfo, { isHotspot: isHotspot, is3dHotspot: is3dHotspot }));
                 hotspotContent = (React.createElement(DefaultTooltip, { overlay: tooltipContent, placement: "topLeft", trigger: ['hover', 'focus'], arrowContent: arrowContent, onPopupAlign: placeArrow },
-                    React.createElement("span", { className: annotationStyles['annotation-item'] + " chang_hotspot" },
+                    React.createElement("span", { className: "".concat(annotationStyles['annotation-item'], " chang_hotspot") },
                         React.createElement("img", { width: hotspotsImgWidth, height: hotspotsImgHeight, src: hotspotsImgSrc, alt: "Recurrent Hotspot Symbol" }))));
             }
             return hotspotContent;
@@ -428,6 +428,18 @@ var ONCOKB_DEFAULT_INFO = {
         version: 'v2.0',
         date: '12/19/2019',
     },
+    genomeNexus: {
+        grch37: {
+            genomeNexusVepVersion: '',
+            genomeNexusVersion: '',
+            vepVersion: '',
+        },
+        grch38: {
+            genomeNexusVepVersion: '',
+            genomeNexusVersion: '',
+            vepVersion: '',
+        },
+    },
     levels: [],
     ncitVersion: '19.03d',
     oncoTreeVersion: 'oncotree_2019_12_01',
@@ -518,7 +530,7 @@ var RevueTooltipContent = function (props) {
             "Revised Protein Effect by", " ",
             React__default.createElement("a", { href: "https://cancerrevue.org", target: "_blank", rel: "noopener noreferrer" }, "reVUE"), " (",
             props.vue.references.map(function (reference, index) { return (React__default.createElement("span", { key: index },
-                React__default.createElement("a", { href: "https://pubmed.ncbi.nlm.nih.gov/" + reference.pubmedId + "/", rel: "noopener noreferrer", target: "_blank" }, reference.referenceText),
+                React__default.createElement("a", { href: "https://pubmed.ncbi.nlm.nih.gov/".concat(reference.pubmedId, "/"), rel: "noopener noreferrer", target: "_blank" }, reference.referenceText),
                 index < props.vue.references.length - 1 && ';')); }), "): ",
             React__default.createElement("strong", null, props.vue.revisedProteinEffect))));
 };
@@ -527,7 +539,7 @@ function sortValue$5(vue) {
 }
 var RevueCell = function (props) {
     return (React__default.createElement(DefaultTooltip, { placement: "bottom", overlay: React__default.createElement(RevueTooltipContent, { vue: props.vue }) },
-        React__default.createElement("span", { className: "" + annotationStyles['annotation-item'], style: { display: 'inline-flex' } },
+        React__default.createElement("span", { className: "".concat(annotationStyles['annotation-item']), style: { display: 'inline-flex' } },
             React__default.createElement("img", { src: img, alt: "reVUE logo", width: 14, height: 14 }))));
 };
 
@@ -558,7 +570,12 @@ function getAnnotationData(mutation, oncoKbCancerGenes, hotspotData, oncoKbData,
     var value;
     if (mutation) {
         var key = '';
-        var memoize = (oncoKbCancerGenes === null || oncoKbCancerGenes === void 0 ? void 0 : oncoKbCancerGenes.isComplete) && (hotspotData === null || hotspotData === void 0 ? void 0 : hotspotData.isComplete) && (oncoKbData === null || oncoKbData === void 0 ? void 0 : oncoKbData.isComplete) && (civicGenes === null || civicGenes === void 0 ? void 0 : civicGenes.isComplete) && (civicVariants === null || civicVariants === void 0 ? void 0 : civicVariants.isComplete) && (indexedVariantAnnotations === null || indexedVariantAnnotations === void 0 ? void 0 : indexedVariantAnnotations.isComplete);
+        var memoize = (oncoKbCancerGenes === null || oncoKbCancerGenes === void 0 ? void 0 : oncoKbCancerGenes.isComplete) &&
+            (hotspotData === null || hotspotData === void 0 ? void 0 : hotspotData.isComplete) &&
+            (oncoKbData === null || oncoKbData === void 0 ? void 0 : oncoKbData.isComplete) &&
+            (civicGenes === null || civicGenes === void 0 ? void 0 : civicGenes.isComplete) &&
+            (civicVariants === null || civicVariants === void 0 ? void 0 : civicVariants.isComplete) &&
+            (indexedVariantAnnotations === null || indexedVariantAnnotations === void 0 ? void 0 : indexedVariantAnnotations.isComplete);
         if (memoize) {
             key = JSON.stringify(mutation) + !!usingPublicOncoKbInstance;
             var val = memoized.get(key);
@@ -614,7 +631,8 @@ function getAnnotationData(mutation, oncoKbCancerGenes, hotspotData, oncoKbData,
             hotspotStatus: hotspotData ? hotspotData.status : 'pending',
             vue: (indexedVariantAnnotations === null || indexedVariantAnnotations === void 0 ? void 0 : indexedVariantAnnotations.isComplete) &&
                 indexedVariantAnnotations.result
-                ? (_b = (_a = getVariantAnnotation(mutation, indexedVariantAnnotations.result)) === null || _a === void 0 ? void 0 : _a.annotation_summary) === null || _b === void 0 ? void 0 : _b.vues : undefined,
+                ? (_b = (_a = getVariantAnnotation(mutation, indexedVariantAnnotations.result)) === null || _a === void 0 ? void 0 : _a.annotation_summary) === null || _b === void 0 ? void 0 : _b.vues
+                : undefined,
         };
         // oncoKbData may exist but it might be an instance of Error, in that case we flag the status as error
         if (oncoKbData && oncoKbData.result instanceof Error) {
@@ -633,10 +651,9 @@ function getAnnotationData(mutation, oncoKbCancerGenes, hotspotData, oncoKbData,
                 !(oncoKbData.result instanceof Error) &&
                 oncoKbData.status === 'complete') {
                 oncoKbIndicator = getIndicatorData(mutation, oncoKbData.result, resolveTumorType, resolveEntrezGeneId);
-                oncoKbAvailableDataTypes = ___default.uniq(__spreadArrays(oncoKbAvailableDataTypes, calculateOncoKbAvailableDataType(___default.values(oncoKbData.result.indicatorMap))));
+                oncoKbAvailableDataTypes = ___default.uniq(__spreadArray(__spreadArray([], oncoKbAvailableDataTypes, true), calculateOncoKbAvailableDataType(___default.values(oncoKbData.result.indicatorMap)), true));
             }
-            value = __assign(__assign({}, value), { oncoKbStatus: oncoKbData ? oncoKbData.status : 'pending', oncoKbIndicator: oncoKbIndicator,
-                oncoKbAvailableDataTypes: oncoKbAvailableDataTypes });
+            value = __assign(__assign({}, value), { oncoKbStatus: oncoKbData ? oncoKbData.status : 'pending', oncoKbIndicator: oncoKbIndicator, oncoKbAvailableDataTypes: oncoKbAvailableDataTypes });
         }
         else if (oncoKbData && oncoKbData.isPending) {
             value = __assign(__assign({}, value), { oncoKbStatus: 'pending', oncoKbIndicator: undefined });
@@ -669,7 +686,7 @@ function GenericAnnotation(props) {
     var annotation = props.annotation, enableCivic = props.enableCivic, enableHotspot = props.enableHotspot, enableOncoKb = props.enableOncoKb, enableRevue = props.enableRevue; props.pubMedCache; var userDisplayName = props.userDisplayName, mergeOncoKbIcons = props.mergeOncoKbIcons, oncoKbContentPadding = props.oncoKbContentPadding, hasMultipleCancerTypes = props.hasMultipleCancerTypes;
     return (React.createElement("span", { style: { display: 'flex', minWidth: 100 } },
         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, userDisplayName: userDisplayName, contentPadding: oncoKbContentPadding, hasMultipleCancerTypes: hasMultipleCancerTypes })),
-        enableRevue ? (annotation.vue ? (React.createElement(RevueCell, { vue: annotation.vue })) : (React.createElement("span", { className: "" + annotationStyles['annotation-item'] }))) : (React.createElement(React.Fragment, null)),
+        enableRevue ? (annotation.vue ? (React.createElement(RevueCell, { vue: annotation.vue })) : (React.createElement("span", { className: "".concat(annotationStyles['annotation-item']) }))) : (React.createElement(React.Fragment, null)),
         enableCivic && (React.createElement(Civic, { civicEntry: annotation.civicEntry, civicStatus: annotation.civicStatus, hasCivicVariants: annotation.hasCivicVariants })),
         enableHotspot && (React.createElement(HotspotAnnotation, { isHotspot: annotation.isHotspot, is3dHotspot: annotation.is3dHotspot, status: annotation.hotspotStatus }))));
 }
@@ -1043,7 +1060,7 @@ function getGnomadData(myVariantInfo) {
 }
 function generateGnomadUrl(chromosome, position, reference, variant) {
     if (chromosome && position && reference && variant) {
-        return "https://gnomad.broadinstitute.org/variant/" + chromosome + "-" + position + "-" + reference + "-" + variant;
+        return "https://gnomad.broadinstitute.org/variant/".concat(chromosome, "-").concat(position, "-").concat(reference, "-").concat(variant);
     }
     else {
         return 'https://gnomad.broadinstitute.org/';
@@ -1402,7 +1419,7 @@ var Hgvsg = /** @class */ (function (_super) {
         configurable: true,
         writable: true,
         value: {
-            constructLink: function (hgvsg, content, href) { return (React.createElement("a", { href: href || "https:/www.genomenexus.org/variant/" + hgvsg, target: "_blank", rel: "noopener noreferrer" }, content)); },
+            constructLink: function (hgvsg, content, href) { return (React.createElement("a", { href: href || "https:/www.genomenexus.org/variant/".concat(hgvsg), target: "_blank", rel: "noopener noreferrer" }, content)); },
             mainContent: function (hgvsg) { return (React.createElement(React.Fragment, null,
                 hgvsg,
                 "\u00A0",
@@ -1579,7 +1596,7 @@ function getSortValue(signalData) {
 }
 function download(signalData, mutationType) {
     return signalData && signalData.germlineFrequency !== null
-        ? "" + formatNumberValueInSignificantDigits(signalData.germlineFrequency, 2)
+        ? "".concat(formatNumberValueInSignificantDigits(signalData.germlineFrequency, 2))
         : '';
 }
 // Get germline OR somatic frequency value
@@ -1824,7 +1841,7 @@ var BadgeLabel = /** @class */ (function (_super) {
                         ? {}
                         : { marginRight: 5 }
                     : { marginLeft: 5 } },
-                React.createElement("span", { className: this.props.badgeClassName, "data-test": "badge-" + this.props.value, style: __assign(__assign(__assign({}, DEFAULT_BADGE_STYLE), this.props.badgeStyleOverride), (this.props.isDriverAnnotated
+                React.createElement("span", { className: this.props.badgeClassName, "data-test": "badge-".concat(this.props.value), style: __assign(__assign(__assign({}, DEFAULT_BADGE_STYLE), this.props.badgeStyleOverride), (this.props.isDriverAnnotated
                         ? { marginRight: 0, width: 'auto' }
                         : {})) }, this.props.badgeContent)));
         },
@@ -2121,7 +2138,7 @@ function getColorForProteinImpactType(mutations, colors, getMutationCount, isPut
     var counts = {};
     for (var _i = 0, processedMutations_1 = processedMutations; _i < processedMutations_1.length; _i++) {
         var pMut = processedMutations_1[_i];
-        var key = pMut.canonicalType + "_" + pMut.isPutativeDriver;
+        var key = "".concat(pMut.canonicalType, "_").concat(pMut.isPutativeDriver);
         counts[key] = counts[key] || {
             count: 0,
             isPutativeDriver: pMut.isPutativeDriver,
@@ -2393,7 +2410,7 @@ var MutationStatusBadgeSelector = /** @class */ (function (_super) {
         get: function () {
             var _this = this;
             return this.props.badgeSelectorOptions.map(function (option) { return (__assign(__assign({}, option), { badgeContent: _this.props.rates
-                    ? formatPercentValue(_this.props.rates[option.value]) + "%"
+                    ? "".concat(formatPercentValue(_this.props.rates[option.value]), "%")
                     : undefined })); });
         },
         enumerable: false,
@@ -2569,9 +2586,9 @@ function updatePositionSelectionFilters(dataStore, position, isMultiSelect, defa
     var otherFilters = dataStore.selectionFilters.filter(function (f) { return f.type !== DataFilterType.POSITION; });
     // reset filters
     dataStore.clearSelectionFilters();
-    dataStore.setSelectionFilters(__spreadArrays([
+    dataStore.setSelectionFilters(__spreadArray(__spreadArray([
         positionFilter
-    ], defaultFilters, otherFilters));
+    ], defaultFilters, true), otherFilters, true));
 }
 function updatePositionHighlightFilters(dataStore, positions, defaultFilters) {
     if (defaultFilters === void 0) { defaultFilters = []; }
@@ -2580,7 +2597,7 @@ function updatePositionHighlightFilters(dataStore, positions, defaultFilters) {
         type: DataFilterType.POSITION,
         values: positions,
     };
-    dataStore.setHighlightFilters(__spreadArrays(defaultFilters, [positionFilter]));
+    dataStore.setHighlightFilters(__spreadArray(__spreadArray([], defaultFilters, true), [positionFilter], false));
 }
 function updatePositionRangeHighlightFilters(dataStore, startPosition, endPosition, defaultFilters) {
     if (defaultFilters === void 0) { defaultFilters = []; }
@@ -2596,7 +2613,7 @@ function findAllUniquePositions(filters) {
         .filter(function (f) { return f.type === DataFilterType.POSITION; })
         // we need to spread f.values, since it might be an observable mobx array
         // (mobx observable arrays does not play well with some array functions)
-        .map(function (f) { return __spreadArrays(f.values); })));
+        .map(function (f) { return __spreadArray([], f.values, true); })));
 }
 function indexPositions(filters) {
     return ___default.keyBy(findAllUniquePositions(filters).map(function (p) { return ({ position: p }); }), 'position');
@@ -2683,7 +2700,7 @@ function onFilterOptionSelect(selectedValues, allValuesSelected, dataStore, data
             values: selectedValues,
         };
         // replace the existing data filter wrt the current selection (other filters + new data filter)
-        dataStore.setDataFilters(__spreadArrays(otherFilters, [dataFilter]));
+        dataStore.setDataFilters(__spreadArray(__spreadArray([], otherFilters, true), [dataFilter], false));
     }
 }
 function applyDataFiltersOnDatum(datum, dataFilters, applyFilter) {
@@ -2902,7 +2919,7 @@ var DataTable = /** @class */ (function (_super) {
             else {
                 return this.props.initialSort.map(function (s) { return ({
                     id: s.column,
-                    desc: s.sortDirection !== ColumnSortDirection.ASC,
+                    desc: s.sortDirection !== ColumnSortDirection.ASC, // default: DESC
                 }); });
             }
         },
@@ -3533,7 +3550,7 @@ function mergeColumns(defaultColumns, customColumns) {
             overrides.push(colOverride);
         }
     });
-    return __spreadArrays(merged, ___default.difference(customColumns, overrides));
+    return __spreadArray(__spreadArray([], merged, true), ___default.difference(customColumns, overrides), true);
 }
 
 var DefaultMutationTableComponent = /** @class */ (function (_super) {
@@ -3770,9 +3787,9 @@ var DefaultMutationTable = /** @class */ (function (_super) {
                         values: dataFilterValues,
                     };
                     // replace current text input filter with the new one
-                    this.props.dataStore.setDataFilters(__spreadArrays(otherFilters, [
+                    this.props.dataStore.setDataFilters(__spreadArray(__spreadArray([], otherFilters, true), [
                         textInputFilter,
-                    ]));
+                    ], false));
                 }
                 else {
                     // if no text input remove text input filter (set data filters to all other filters except input)
@@ -4164,14 +4181,14 @@ function lollipopLabelText(mutationsAtPosition, size) {
     // construct label (sorted by protein change count, not alphabetically)
     var label = startStr + proteinChangesTrimmed.join('/');
     if (proteinChanges.length < mutationCountsByProteinChange.length) {
-        label = label + " and " + (mutationCountsByProteinChange.length -
-            proteinChanges.length) + " more";
+        label = "".concat(label, " and ").concat(mutationCountsByProteinChange.length -
+            proteinChanges.length, " more");
     }
     return label;
 }
 function lollipopLabelTextAnchor(labelText, codon, fontFamily, fontSize, geneWidth, proteinLength) {
     var anchor = 'middle';
-    var approxLabelWidth = getTextWidth(labelText, fontFamily, fontSize + "px");
+    var approxLabelWidth = getTextWidth(labelText, fontFamily, "".concat(fontSize, "px"));
     var lollipopDistanceToOrigin = codon * (geneWidth / proteinLength);
     var lollipopDistanceToXMax = geneWidth - lollipopDistanceToOrigin;
     // if lollipop is too close to the origin, in order to prevent label overlap set anchor to "start"
@@ -5225,7 +5242,7 @@ var LollipopPlotNoTooltip = /** @class */ (function (_super) {
             var segments = ___default.map(this.props.domains, function (domain) {
                 var segment = {
                     start: start,
-                    end: _this.codonToX(domain.startCodon),
+                    end: _this.codonToX(domain.startCodon), // segment ends at the start of the current domain
                 };
                 // next segment starts at the end of the current domain
                 start = _this.codonToX(domain.endCodon);
@@ -5273,7 +5290,7 @@ var LollipopPlotNoTooltip = /** @class */ (function (_super) {
                     ? -_this.countToHeight(lollipop.count, _this.bottomYMax, _this.zeroHeight)
                     : _this.countToHeight(lollipop.count, _this.yMax, _this.zeroHeight);
                 var stickBaseY = _this.calcStickBaseY(lollipop.placement);
-                return (React.createElement(Lollipop, { key: lollipop.codon + "_" + (lollipop.placement === LollipopPlacement.BOTTOM
+                return (React.createElement(Lollipop, { key: "".concat(lollipop.codon, "_").concat(lollipop.placement === LollipopPlacement.BOTTOM
                         ? 'bottom'
                         : 'top'), ref: function (lollipopComponent) {
                         if (lollipopComponent !== null) {
@@ -5324,12 +5341,12 @@ var LollipopPlotNoTooltip = /** @class */ (function (_super) {
             }
             else {
                 label = groupName
-                    ? symbol + " " + (this.props.hugoGeneSymbol ||
-                        '') + " " + groupName + " Mutations"
-                    : symbol + " " + (this.props.hugoGeneSymbol || '') + " Mutations";
+                    ? "".concat(symbol, " ").concat(this.props.hugoGeneSymbol ||
+                        '', " ").concat(groupName, " Mutations")
+                    : "".concat(symbol, " ").concat(this.props.hugoGeneSymbol || '', " Mutations");
             }
             var placeOnBottom = placement === LollipopPlacement.BOTTOM;
-            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 }));
+            return (React.createElement(SVGAxis, { key: "lollipopPlotYAxis_".concat(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 }));
         }
     });
     Object.defineProperty(LollipopPlotNoTooltip.prototype, "xAxis", {
@@ -5338,7 +5355,7 @@ var LollipopPlotNoTooltip = /** @class */ (function (_super) {
         writable: true,
         value: function (y, placement) {
             var placeOnTop = placement === LollipopPlacement.TOP;
-            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 }));
+            return (React.createElement(SVGAxis, { key: "lollipopPlotXAxis_".concat(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 }));
         }
     });
     Object.defineProperty(LollipopPlotNoTooltip.prototype, "axisTicks", {
@@ -5399,7 +5416,7 @@ var LollipopPlotNoTooltip = /** @class */ (function (_super) {
         configurable: true,
         writable: true,
         value: function (index) {
-            return "" + DOMAIN_ID_CLASS_PREFIX + index;
+            return "".concat(DOMAIN_ID_CLASS_PREFIX).concat(index);
         }
     });
     Object.defineProperty(LollipopPlotNoTooltip.prototype, "makeLollipopIndexClass", {
@@ -5407,7 +5424,7 @@ var LollipopPlotNoTooltip = /** @class */ (function (_super) {
         configurable: true,
         writable: true,
         value: function (index) {
-            return "" + LOLLIPOP_ID_CLASS_PREFIX + index;
+            return "".concat(LOLLIPOP_ID_CLASS_PREFIX).concat(index);
         }
     });
     Object.defineProperty(LollipopPlotNoTooltip.prototype, "makeSequenceIndexClass", {
@@ -5415,7 +5432,7 @@ var LollipopPlotNoTooltip = /** @class */ (function (_super) {
         configurable: true,
         writable: true,
         value: function (index) {
-            return "" + SEQUENCE_ID_CLASS_PREFIX + index;
+            return "".concat(SEQUENCE_ID_CLASS_PREFIX).concat(index);
         }
     });
     Object.defineProperty(LollipopPlotNoTooltip.prototype, "getDomainIndex", {
@@ -5819,7 +5836,7 @@ var AxisScaleSwitch = /** @class */ (function (_super) {
             return (React.createElement("button", { className: classNames({
                     'btn-secondary': this.props.selectedScale === scale,
                     'btn-outline-secondary': this.props.selectedScale !== scale,
-                }, 'btn', 'btn-sm', 'btn-axis-switch'), "data-test": "AxisScaleSwitch" + scale, style: {
+                }, 'btn', 'btn-sm', 'btn-axis-switch'), "data-test": "AxisScaleSwitch".concat(scale), style: {
                     lineHeight: 1,
                     cursor: this.props.selectedScale === scale
                         ? 'default'
@@ -5998,7 +6015,7 @@ var LollipopMutationPlotControls = /** @class */ (function (_super) {
     });
     Object.defineProperty(LollipopMutationPlotControls.prototype, "downloadControls", {
         get: function () {
-            return (React.createElement(DownloadControls, { getSvg: this.props.getSVG, filename: this.props.hugoGeneSymbol + "_lollipop", dontFade: true, type: "button" }));
+            return (React.createElement(DownloadControls, { getSvg: this.props.getSVG, filename: "".concat(this.props.hugoGeneSymbol, "_lollipop"), dontFade: true, type: "button" }));
         },
         enumerable: false,
         configurable: true
@@ -6555,7 +6572,7 @@ var Track = /** @class */ (function (_super) {
                         if (item !== null) {
                             _this.shapes[index] = item;
                         }
-                    }, key: spec.startCodon, hitZoneClassName: "" + _this.props.idClassPrefix + index, hitZoneXOffset: _this.props.xOffset, x: (spec.startCodon / _this.props.proteinLength) *
+                    }, key: spec.startCodon, hitZoneClassName: "".concat(_this.props.idClassPrefix).concat(index), hitZoneXOffset: _this.props.xOffset, x: (spec.startCodon / _this.props.proteinLength) *
                         _this.props.width, y: y, dim1: dim1, dim2: dim2, spec: specFeats }));
             });
         },
@@ -6632,7 +6649,7 @@ var Track = /** @class */ (function (_super) {
                     position: 'relative',
                     display: 'flex',
                 } },
-                React.createElement("span", { className: classNames(styles$4.trackTitle, 'small', (this.props.isSubTrack ? 'subtrack-' : '') + "trackTitle") }, this.props.trackTitle),
+                React.createElement("span", { className: classNames(styles$4.trackTitle, 'small', "".concat(this.props.isSubTrack ? 'subtrack-' : '', "trackTitle")) }, this.props.trackTitle),
                 React.createElement("span", null,
                     React.createElement(DefaultTooltip, __assign({ placement: this.getOverlayPlacement(), overlay: this.getOverlay, onVisibleChange: this.onTooltipVisibleChange, destroyTooltipOnHide: true }, this.tooltipVisibleProps), this.hitZone),
                     React.createElement("span", { style: { marginLeft: this.props.xOffset }, onMouseOver: this.onMouseOver },
@@ -6713,7 +6730,7 @@ function hotspotTooltip(mutations, hotspotIndex, hotspots) {
     }).length;
     // generate custom info
     var residues = ___default.uniq(hotspots.map(function (hotspot) { return hotspot.residue; }));
-    var residuesText = React.createElement("b", null, "" + residues.join(', '));
+    var residuesText = React.createElement("b", null, "".concat(residues.join(', ')));
     var pluralSuffix = residues.length > 1 ? 's' : undefined;
     var residueInfo = (React.createElement("span", null,
         "on residue",
@@ -6988,11 +7005,11 @@ var ExonTrack = /** @class */ (function (_super) {
                     var exonEndLocation = formatExonLocation(endCodon);
                     var exonLength = formatExonLength(exon.length);
                     var link = _this.chromosome
-                        ? "https://igv.org/app/?locus=chr" + _this.chromosome + ":" + exon.genomicLocationStart + "-" + exon.genomicLocationEnd + "&genome=" + _this.genomeBuild
+                        ? "https://igv.org/app/?locus=chr".concat(_this.chromosome, ":").concat(exon.genomicLocationStart, "-").concat(exon.genomicLocationEnd, "&genome=").concat(_this.genomeBuild)
                         : 'https://igv.org';
                     var linkText = _this.chromosome
-                        ? _this.genomeBuild + ":chr" + _this.chromosome + ":" + exon.genomicLocationStart + " - " + exon.genomicLocationEnd
-                        : exon.genomicLocationStart + " - " + exon.genomicLocationEnd;
+                        ? "".concat(_this.genomeBuild, ":chr").concat(_this.chromosome, ":").concat(exon.genomicLocationStart, " - ").concat(exon.genomicLocationEnd)
+                        : "".concat(exon.genomicLocationStart, " - ").concat(exon.genomicLocationEnd);
                     return {
                         color: altColors[index % 2],
                         startCodon: startCodon,
@@ -7161,7 +7178,7 @@ var PTM_ANNOTATION_DEFAULT_COLUMNS = (_a = {},
     _a);
 function getResidue(ptm) {
     if (ptm.residue.end && ptm.residue.end > ptm.residue.start) {
-        return ptm.residue.start + "-" + ptm.residue.end;
+        return "".concat(ptm.residue.start, "-").concat(ptm.residue.end);
     }
     else {
         return ptm.residue.start.toString();
@@ -7400,7 +7417,7 @@ var PtmTrack = /** @class */ (function (_super) {
                         "PTM",
                         ' ',
                         this.props.dataSource
-                            ? "(" + this.props.dataSource + ")"
+                            ? "(".concat(this.props.dataSource, ")")
                             : 'Sites',
                         ' ',
                         React.createElement("i", { className: "fa fa-info-circle" })))));
@@ -7452,7 +7469,7 @@ var PtmTrack = /** @class */ (function (_super) {
                                 overflow: 'hidden',
                                 whiteSpace: 'nowrap',
                                 textOverflow: 'ellipsis',
-                            } })), width: _this.props.width, proteinLength: _this.props.proteinLength, trackItems: item.specs, idClassPrefix: "ptm-" + index + "-", isSubTrack: true })); })
+                            } })), width: _this.props.width, proteinLength: _this.props.proteinLength, trackItems: item.specs, idClassPrefix: "ptm-".concat(index, "-"), isSubTrack: true })); })
                 : null;
         },
         enumerable: false,
@@ -7563,7 +7580,7 @@ var UniprotTopologyTrackDescriptionTooltip = function (props) {
     var dataSourceDiv = props.uniprotId ? (React.createElement("div", null,
         "Data Source:",
         ' ',
-        React.createElement("a", { href: "https://www.uniprot.org/uniprot/" + props.uniprotId, target: "_blank" }, "UniProt"))) : (React.createElement("div", null,
+        React.createElement("a", { href: "https://www.uniprot.org/uniprot/".concat(props.uniprotId), target: "_blank" }, "UniProt"))) : (React.createElement("div", null,
         "Data Source:",
         ' ',
         React.createElement("a", { href: 'https://www.uniprot.org/', target: "_blank" }, "UniProt")));
@@ -7712,7 +7729,7 @@ var UniprotTopologyTrack = /** @class */ (function (_super) {
                                 overflow: 'hidden',
                                 whiteSpace: 'nowrap',
                                 textOverflow: 'ellipsis',
-                            } })), width: _this.props.width, proteinLength: _this.props.proteinLength, trackItems: item.specs, idClassPrefix: "uniprot-topology-" + index + "-", isSubTrack: true })); })
+                            } })), width: _this.props.width, proteinLength: _this.props.proteinLength, trackItems: item.specs, idClassPrefix: "uniprot-topology-".concat(index, "-"), isSubTrack: true })); })
                 : null;
         },
         enumerable: false,
@@ -7844,9 +7861,19 @@ var TrackPanel = /** @class */ (function (_super) {
         configurable: true,
         writable: true,
         value: function (trackName, ptmSource) {
+            var _this = this;
             var _a;
             return !this.props.trackVisibility ||
-                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;
+                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)
+                    ? (function () {
+                        var _a;
+                        var tid = _this.props.store.activeTranscript
+                            .result;
+                        var ver = (_a = _this.props.store
+                            .transcriptsByTranscriptId[tid]) === null || _a === void 0 ? void 0 : _a.transcriptIdVersion;
+                        return ver ? "".concat(tid, ".").concat(ver) : tid;
+                    })()
+                    : undefined, 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;
         }
     });
     Object.defineProperty(TrackPanel.prototype, "getPtmTooltipColumnOverrides", {
@@ -7910,7 +7937,7 @@ var DomainTooltip = function (props) {
     var pfamAccession = domain ? domain.pfamAccession : pfamDomainId;
     // if no domain info, then just display the accession
     var domainInfo = domain
-        ? domain.name + ": " + domain.description
+        ? "".concat(domain.name, ": ").concat(domain.description)
         : pfamAccession;
     return (React.createElement("div", { style: { maxWidth: 200 } },
         React.createElement("div", null,
@@ -7921,7 +7948,7 @@ var DomainTooltip = function (props) {
             range.pfamDomainEnd,
             ")"),
         React.createElement("div", null,
-            React.createElement("a", { style: { marginRight: '5px' }, href: "http://pfam.xfam.org/family/" + pfamAccession, target: "_blank" }, "PFAM"),
+            React.createElement("a", { style: { marginRight: '5px' }, href: "http://pfam.xfam.org/family/".concat(pfamAccession), target: "_blank" }, "PFAM"),
             React.createElement(MutationAlignerLink, { mutationAlignerCache: props.mutationAlignerCache, pfamAccession: pfamAccession }))));
 };
 
@@ -8054,9 +8081,9 @@ var LollipopMutationPlot = /** @class */ (function (_super) {
             var count = countsByPosition[codon];
             var countInfo = this.props.lollipopTooltipCountInfo ? (this.props.lollipopTooltipCountInfo(count, mutationsAtPosition, this.props.axisMode, group)) : (React.createElement("strong", null,
                 count,
-                " mutation", "" + (count !== 1 ? 's' : '')));
+                " mutation", "".concat(count !== 1 ? 's' : '')));
             var label = lollipopLabelText(mutationsAtPosition);
-            return (React.createElement("div", { "data-test": "tooltip-" + codon + (group ? "-" + group : '') },
+            return (React.createElement("div", { "data-test": "tooltip-".concat(codon).concat(group ? "-".concat(group) : '') },
                 countInfo,
                 React.createElement("br", null),
                 React.createElement("span", null,
@@ -8359,7 +8386,7 @@ var LollipopMutationPlot = /** @class */ (function (_super) {
         writable: true,
         value: function () {
             return (React.createElement("div", { style: { maxWidth: 200 } },
-                React.createElement("a", { href: "https://www.uniprot.org/uniprot/" + this.props.store.uniprotId.result, target: "_blank" }, this.props.store.uniprotId.result)));
+                React.createElement("a", { href: "https://www.uniprot.org/uniprot/".concat(this.props.store.uniprotId.result), target: "_blank" }, this.props.store.uniprotId.result)));
         }
     });
     Object.defineProperty(LollipopMutationPlot.prototype, "sequence", {
@@ -8392,15 +8419,15 @@ var LollipopMutationPlot = /** @class */ (function (_super) {
             //Add svg to the dom so getBBox can calculate dimensions
             document.body.appendChild(outerSvg);
             // Group the tracks and translate below the lollipop chart
-            var allTracksG = createGroupTag("translate(0, " + LollipopPlot.defaultProps.vizHeight + ")");
+            var allTracksG = createGroupTag("translate(0, ".concat(LollipopPlot.defaultProps.vizHeight, ")"));
             outerSvg.append(allTracksG);
             var trackSvgList = $(this.divContainer).find('.track-svgnode');
             var trackTitles = $(this.divContainer).find('span[class*=trackTitle]');
             var trackYShift = 0;
             trackSvgList.each(function (idx, track) {
-                var trackSvgGroup = createGroupTag("translate(" + _this.geneXOffset + "," + trackYShift + ")");
+                var trackSvgGroup = createGroupTag("translate(".concat(_this.geneXOffset, ",").concat(trackYShift, ")"));
                 trackSvgGroup.appendChild(track.cloneNode(true));
-                var trackNameGroup = createGroupTag("translate(0," + (trackYShift + 8) + ")");
+                var trackNameGroup = createGroupTag("translate(0,".concat(trackYShift + 8, ")"));
                 var isSubTrack = trackTitles[idx].className.includes('subtrack-');
                 var trackName = createTextTag(document.createTextNode(trackTitles[idx].innerText), TEXT_STYLE, isSubTrack ? SUBTRACK_INDENT : TRACK_INDENT, 0);
                 trackNameGroup.append(trackName);
@@ -8648,7 +8675,7 @@ var LollipopTooltipCountInfo = function (_a) {
         formatPercentValue(count, fractionDigits),
         "% mutation rate")) : (React.createElement("strong", null,
         count,
-        " mutation", "" + (count !== 1 ? 's' : '')));
+        " mutation", "".concat(count !== 1 ? 's' : '')));
 };
 
 var DefaultStringQueryCache = /** @class */ (function () {
@@ -8771,7 +8798,7 @@ var MutationAlignerCache = /** @class */ (function (_super) {
             //         )
             //     )
             //     .catch(e => Promise.reject(e));
-            return Promise.resolve("http://mutationaligner.org/domains/" + pfamAccession);
+            return Promise.resolve("http://mutationaligner.org/domains/".concat(pfamAccession));
         }
     });
     return MutationAlignerCache;
@@ -9298,7 +9325,7 @@ var DefaultMutationMapperDataFetcher = /** @class */ (function () {
                     switch (_a.label) {
                         case 0:
                             if (!swissProtId) return [3 /*break*/, 2];
-                            return [4 /*yield*/, request.get(getUrl("https://www.ebi.ac.uk/proteins/api/features/<%= uniprotAccession %>?categories=" + category.join(','), { uniprotAccession: swissProtId }))];
+                            return [4 /*yield*/, request.get(getUrl("https://www.ebi.ac.uk/proteins/api/features/<%= uniprotAccession %>?categories=".concat(category.join(',')), { uniprotAccession: swissProtId }))];
                         case 1:
                             uniprotData = _a.sent();
                             featureList = JSON.parse(uniprotData.text);
@@ -10301,8 +10328,8 @@ var DefaultMutationMapperStore = /** @class */ (function () {
                     var ensemblTranscriptLookUpLink;
                     return __generator(this, function (_a) {
                         ensemblTranscriptLookUpLink = this.genomeBuild === 'hg19'
-                            ? "https://grch37.rest.ensembl.org/lookup/id/" + this.activeTranscript.result + "?content-type=application/json"
-                            : "https://rest.ensembl.org/lookup/id/" + this.activeTranscript.result + "?content-type=application/json";
+                            ? "https://grch37.rest.ensembl.org/lookup/id/".concat(this.activeTranscript.result, "?content-type=application/json")
+                            : "https://rest.ensembl.org/lookup/id/".concat(this.activeTranscript.result, "?content-type=application/json");
                         return [2 /*return*/, this.activeTranscript.result
                                 ? get(ensemblTranscriptLookUpLink)
                                 : undefined];
@@ -10701,6 +10728,7 @@ var DefaultMutationMapperStore = /** @class */ (function () {
     ], DefaultMutationMapperStore.prototype, "getDefaultEntrezGeneId", null);
     __decorate([
         computed
+        // Get genome build for exon track
     ], DefaultMutationMapperStore.prototype, "genomeBuild", null);
     return DefaultMutationMapperStore;
 }());
@@ -10795,11 +10823,15 @@ var TranscriptDropdown = /** @class */ (function (_super) {
         value: function (activeTranscript, allTranscripts, canonicalTranscript, transcriptsByTranscriptId, mutationsByTranscriptId) {
             var _this = this;
             var activeRefseqMrnaId = transcriptsByTranscriptId[activeTranscript].refseqMrnaId;
+            var activeVersionSuffix = transcriptsByTranscriptId[activeTranscript].transcriptIdVersion;
+            var activeVersionedId = activeVersionSuffix
+                ? "".concat(activeTranscript, ".").concat(activeVersionSuffix)
+                : activeTranscript;
             return (React.createElement("div", null,
                 React.createElement(Select, { "aria-label": "Transcript Dropdown", value: {
                         label: activeRefseqMrnaId
                             ? activeRefseqMrnaId
-                            : activeTranscript,
+                            : activeVersionedId,
                         value: activeTranscript,
                     }, clearable: false, 
                     // need to explicitly set deleteRemoves for clearable
@@ -10807,13 +10839,18 @@ var TranscriptDropdown = /** @class */ (function (_super) {
                     deleteRemoves: false, options: this.sortTranscripts(allTranscripts).map(function (t) {
                         var length = transcriptsByTranscriptId[t].proteinLength;
                         var refseqMrnaId = transcriptsByTranscriptId[t].refseqMrnaId;
+                        var versionSuffix = transcriptsByTranscriptId[t]
+                            .transcriptIdVersion;
+                        var versionedId = versionSuffix
+                            ? "".concat(t, ".").concat(versionSuffix)
+                            : t;
                         var ccdsId = transcriptsByTranscriptId[t].ccdsId;
                         var nrOfMutations = mutationsByTranscriptId &&
                             mutationsByTranscriptId[t] &&
                             mutationsByTranscriptId[t].length;
-                        var label = "" + (refseqMrnaId ? refseqMrnaId + " / " : '') + t + " " + (ccdsId ? "(" + ccdsId + ")" : '') + " " + (length ? "(" + length + " amino acids)" : '') + " " + (nrOfMutations
-                            ? "(" + nrOfMutations + " mutations)"
-                            : '') + " " + (t === canonicalTranscript ? ' (default)' : '');
+                        var label = "".concat(refseqMrnaId ? "".concat(refseqMrnaId, " / ") : '').concat(versionedId, " ").concat(ccdsId ? "(".concat(ccdsId, ")") : '', " ").concat(length ? "(".concat(length, " amino acids)") : '', " ").concat(nrOfMutations
+                            ? "(".concat(nrOfMutations, " mutations)")
+                            : '', " ").concat(t === canonicalTranscript ? ' (default)' : '');
                         return { label: label, value: t };
                     }), onChange: function (option) {
                         if (option.value) {
@@ -10866,23 +10903,29 @@ var TranscriptDropdown = /** @class */ (function (_super) {
 var styles = {"geneSummary":"geneSummary-module_geneSummary__2baMD","geneSummaryCompact":"geneSummary-module_geneSummaryCompact__3_qUv","hugoSymbol":"geneSummary-module_hugoSymbol__KSt5x"};
 
 var GeneSummaryInfo = function (_a) {
+    var _b;
     var uniprotId = _a.uniprotId, showDropDown = _a.showDropDown, canonicalTranscript = _a.canonicalTranscript, compactStyle = _a.compactStyle, activeTranscript = _a.activeTranscript, transcriptsByTranscriptId = _a.transcriptsByTranscriptId, transcriptSummaryUrlTemplate = _a.transcriptSummaryUrlTemplate;
     var canonicalTranscriptId = canonicalTranscript.result && canonicalTranscript.result.transcriptId;
     var transcript = activeTranscript && activeTranscript === canonicalTranscriptId
         ? canonicalTranscript.result
         : transcriptsByTranscriptId[activeTranscript];
     var refseqMrnaId = transcript && transcript.refseqMrnaId;
+    var versionedTranscriptId = transcript && transcript.transcriptIdVersion
+        ? "".concat(transcript.transcriptId, ".").concat(transcript.transcriptIdVersion)
+        : null;
     var ccdsId = transcript && transcript.ccdsId;
-    var refSeq = refseqMrnaId ? (React.createElement("a", { href: getNCBIlink("/nuccore/" + refseqMrnaId), target: "_blank" }, refseqMrnaId)) : ('-');
+    var refSeq = refseqMrnaId ? (React.createElement("a", { href: getNCBIlink("/nuccore/".concat(refseqMrnaId)), target: "_blank" }, refseqMrnaId)) : ('-');
     var ensembl = showDropDown
         ? activeTranscript && (React.createElement("a", { href: getUrl(transcriptSummaryUrlTemplate, {
                 transcriptId: activeTranscript,
-            }), target: "_blank" }, activeTranscript))
+            }), target: "_blank" }, versionedTranscriptId || activeTranscript))
         : canonicalTranscriptId && (
         // down't show drop down, only the canonical transcript
         React.createElement("a", { href: getUrl(transcriptSummaryUrlTemplate, {
                 transcriptId: canonicalTranscriptId,
-            }), target: "_blank" }, canonicalTranscriptId));
+            }), target: "_blank" }, ((_b = canonicalTranscript.result) === null || _b === void 0 ? void 0 : _b.transcriptIdVersion)
+            ? "".concat(canonicalTranscriptId, ".").concat(canonicalTranscript.result.transcriptIdVersion)
+            : canonicalTranscriptId));
     var ccds = ccdsId ? (React.createElement("a", { href: getNCBIlink({
             pathname: '/CCDS/CcdsBrowse.cgi',
             query: {
@@ -10890,7 +10933,7 @@ var GeneSummaryInfo = function (_a) {
                 DATA: ccdsId,
             },
         }), target: "_blank" }, ccdsId)) : ('-');
-    var uniprot = uniprotId ? (React.createElement("a", { href: "https://www.uniprot.org/uniprot/" + uniprotId, target: "_blank" }, uniprotId)) : ('-');
+    var uniprot = uniprotId ? (React.createElement("a", { href: "https://www.uniprot.org/uniprot/".concat(uniprotId), target: "_blank" }, uniprotId)) : ('-');
     var compactGeneSummaryInfo = (React.createElement("div", null,
         React.createElement("span", { "data-test": "compactGeneSummaryRefSeq" }, refSeq), " | ",
         ensembl,
@@ -11246,7 +11289,7 @@ var MutationMapper = /** @class */ (function (_super) {
                 ? dataStore.sortedFilteredSelectedData
                 : dataStore.sortedFilteredData;
             var allData = dataStore.allData;
-            return (React.createElement(FilterResetPanel, { filterInfo: "Showing " + tableData.length + " of " + allData.length + " mutations.", resetFilters: this.resetFilters }));
+            return (React.createElement(FilterResetPanel, { filterInfo: "Showing ".concat(tableData.length, " of ").concat(allData.length, " mutations."), resetFilters: this.resetFilters }));
         },
         enumerable: false,
         configurable: true