react-mutation-mapper 0.8.79 → 0.8.80

package/dist/component/filter/BadgeLabel.d.ts

@@ -18,8 +18,6 @@ export declare const DEFAULT_BADGE_STYLE: {
 };
 export declare class BadgeLabel extends React.Component<BadgeLabelProps, {}> {
     static defaultProps: Partial<BadgeLabelProps>;
-    protected isDriverVusBadge(value: string): boolean;
-    protected isNotDriverVusProteinBadge(value: string): boolean;
     protected get badge(): JSX.Element | null;
     protected get badgeFirst(): JSX.Element;
     protected get badgeLast(): JSX.Element;

package/dist/component/filter/BadgeSelector.d.ts

@@ -26,7 +26,7 @@ export declare type BadgeSelectorProps = {
     }, checkBoxType?: CheckBoxType) => JSX.Element;
     getBadgeLabel?: (option: BadgeSelectorOption, selectedValues: {
         [optionValue: string]: any;
-    }, badgeClassName?: string, badgeAlignmentStyle?: CSSProperties, isDriverAnnotated?: boolean, badgeLabelFormat?: (label: JSX.Element | string, badgeFirst?: boolean, value?: string, badge?: JSX.Element | null) => JSX.Element) => JSX.Element;
+    }, badgeClassName?: string, badgeAlignmentStyle?: CSSProperties, isDriverAnnotated?: boolean, badgeLabelFormat?: (label: JSX.Element | string, badgeFirst?: boolean, value?: string, badge?: JSX.Element | null) => JSX.Element, badgeFirst?: boolean) => JSX.Element;
     filter?: DataFilter<string>;
     options?: BadgeSelectorOption[];
     badgeClassName?: string;
@@ -47,6 +47,7 @@ export declare type BadgeSelectorProps = {
     }[]) => void) => void;
     badgeLabelFormat?: (label: JSX.Element | string, badgeFirst?: boolean, value?: string, badge?: JSX.Element | null) => JSX.Element;
     useOnlyFeature?: boolean;
+    badgeFirst?: boolean;
 };
 export declare const DEFAULT_BADGE_CHAR_WIDTH = 10;
 export declare const DEFAULT_BADGE_CONTENT_PADDING = 7;
@@ -67,7 +68,7 @@ export declare class BadgeSelector extends React.Component<BadgeSelectorProps, {
     };
     getBadgeLabel(option: BadgeSelectorOption, selectedValues: {
         [optionValue: string]: any;
-    }, badgeClassName?: string, badgeAlignmentStyle?: CSSProperties, isDriverAnnotated?: boolean, badgeLabelFormat?: (label: JSX.Element | string, badgeFirst?: boolean, value?: string, badge?: JSX.Element | null) => JSX.Element): JSX.Element;
+    }, badgeClassName?: string, badgeAlignmentStyle?: CSSProperties, isDriverAnnotated?: boolean, badgeLabelFormat?: (label: JSX.Element | string, badgeFirst?: boolean, value?: string, badge?: JSX.Element | null) => JSX.Element, badgeFirst?: boolean): JSX.Element;
     get badgeAlignmentStyles(): CSSProperties[] | undefined;
     get options(): Option[];
     render(): JSX.Element;

package/dist/component/filter/ProteinImpactTypeBadgeSelector.d.ts

@@ -9,11 +9,14 @@ export declare type ProteinImpactTypeBadgeSelectorProps = BadgeSelectorProps & {
         [proteinImpactType: string]: number;
     };
     excludedProteinTypes?: string[];
+    groupIndex?: number;
+    groupNameWithOrdinal?: string;
+    height?: number;
 };
 export declare function getProteinImpactTypeOptionLabel(option: Option): JSX.Element;
 export declare function getProteinImpactTypeBadgeLabel(option: BadgeSelectorOption, selectedValues: {
     [optionValue: string]: any;
-}, badgeClassName?: string, badgeAlignmentStyle?: CSSProperties, isDriverAnnotated?: boolean, badgeLabelFormat?: (label: JSX.Element | string, badgeFirst?: boolean, value?: string, badge?: JSX.Element | null) => JSX.Element): JSX.Element;
+}, badgeClassName?: string, badgeAlignmentStyle?: CSSProperties, isDriverAnnotated?: boolean, badgeLabelFormat?: (label: JSX.Element | string, badgeFirst?: boolean, value?: string, badge?: JSX.Element | null) => JSX.Element, badgeFirst?: boolean): JSX.Element;
 export declare class ProteinImpactTypeBadgeSelector<P extends ProteinImpactTypeBadgeSelectorProps = ProteinImpactTypeBadgeSelectorProps> extends React.Component<P, {}> {
     constructor(props: any);
     static defaultProps: Partial<ProteinImpactTypeBadgeSelectorProps>;

package/dist/index.es.js

@@ -4,7 +4,7 @@ import ___default from 'lodash';
 import { makeObservable, observable, computed, action, reaction } from 'mobx';
 import { observer } from 'mobx-react';
 import * as React from 'react';
-import { DefaultTooltip, TruncatedText, getNCBIlink, cachePostMethodsOnClient, CanonicalMutationType, MutationTumorTypeFrequencyTable, FREQUENCY_COLUMNS_DEFINITION, FrequencyTableColumnEnum, CheckedSelect, DriverVsVusType, 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, getCanonicalMutationType, getProteinImpactTypeFromCanonical, ProteinImpactType, getProteinImpactType, resolveColumnVisibility, resolveColumnVisibilityByColumnDefinition, longestCommonStartingSubstring, getTextWidth, unhoverAllComponents, SVGAxis, getComponentIndex, defaultHitzoneConfig, initHitZoneFromConfig, EditableSpan, DownloadControls, EllipsisTextTooltip, remoteData, WindowWrapper } from 'cbioportal-frontend-commons';
+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, remoteData, WindowWrapper } from 'cbioportal-frontend-commons';
 import classNames from 'classnames';
 import { CIVIC_NA_VALUE, parseMyCancerGenomeLink, uniqueGenomicLocations, indexAnnotationsByGenomicLocation, getCivicEntry, getRemoteDataGroupStatus, getMyCancerGenomeLinks, isLinearClusterHotspot, is3dHotspot, OncoKbCardDataType, defaultArraySortMethod, getVariantAnnotation, 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, getMyCancerGenomeData, 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';
@@ -1851,24 +1851,6 @@ var BadgeLabel = /** @class */ (function (_super) {
     function BadgeLabel() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    Object.defineProperty(BadgeLabel.prototype, "isDriverVusBadge", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (value) {
-            return (!!value &&
-                Object.values(DriverVsVusType).includes(value));
-        }
-    });
-    Object.defineProperty(BadgeLabel.prototype, "isNotDriverVusProteinBadge", {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function (value) {
-            return (!!value &&
-                Object.values(CanonicalMutationType).includes(value));
-        }
-    });
     Object.defineProperty(BadgeLabel.prototype, "badge", {
         get: function () {
             return (React.createElement("span", { style: this.props.badgeFirst
@@ -2037,8 +2019,8 @@ var BadgeSelector = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true,
         writable: true,
-        value: function (option, selectedValues, badgeClassName, badgeAlignmentStyle, isDriverAnnotated, badgeLabelFormat) {
-            return this.props.getBadgeLabel ? (this.props.getBadgeLabel(option, selectedValues, badgeClassName, badgeAlignmentStyle, isDriverAnnotated, badgeLabelFormat)) : (React.createElement(BadgeLabel, { label: option.label || option.value, badgeContent: option.badgeContent, badgeStyleOverride: getBadgeStyleOverride(option, selectedValues, badgeAlignmentStyle), badgeClassName: this.props.badgeClassName, isDriverAnnotated: this.props.isDriverAnnotated, badgeLabelFormat: this.props.badgeLabelFormat }));
+        value: function (option, selectedValues, badgeClassName, badgeAlignmentStyle, isDriverAnnotated, badgeLabelFormat, badgeFirst) {
+            return this.props.getBadgeLabel ? (this.props.getBadgeLabel(option, selectedValues, badgeClassName, badgeAlignmentStyle, isDriverAnnotated, badgeLabelFormat, badgeFirst)) : (React.createElement(BadgeLabel, { label: option.label || option.value, badgeContent: option.badgeContent, badgeStyleOverride: getBadgeStyleOverride(option, selectedValues, badgeAlignmentStyle), badgeClassName: this.props.badgeClassName, isDriverAnnotated: this.props.isDriverAnnotated, badgeLabelFormat: this.props.badgeLabelFormat, badgeFirst: this.props.badgeFirst }));
         }
     });
     Object.defineProperty(BadgeSelector.prototype, "badgeAlignmentStyles", {
@@ -2056,7 +2038,7 @@ var BadgeSelector = /** @class */ (function (_super) {
             return (this.props.options || []).map(function (option, index) { return ({
                 label: _this.getBadgeLabel(option, _this.selectedValuesMap, _this.props.badgeClassName, _this.badgeAlignmentStyles && _this.props.numberOfColumnsPerRow
                     ? _this.badgeAlignmentStyles[index]
-                    : undefined, _this.props.isDriverAnnotated, _this.props.badgeLabelFormat),
+                    : undefined, _this.props.isDriverAnnotated, _this.props.badgeLabelFormat, _this.props.badgeFirst),
                 value: option.value,
             }); });
         },
@@ -2126,6 +2108,7 @@ var DEFAULT_PROTEIN_IMPACT_TYPE_COLORS = {
     fusionColor: STRUCTURAL_VARIANT_COLOR,
     fusionVusColor: STRUCTURAL_VARIANT_PASSENGER_COLOR,
     otherColor: MUT_COLOR_OTHER,
+    otherVusColor: MUT_COLOR_OTHER_PASSENGER,
 };
 var MUTATION_TYPE_PRIORITY = {
     missense: 1,
@@ -2211,6 +2194,10 @@ function getColorForProteinImpactType(mutations, colors, getMutationCount, isPut
                 return chosenMutation.isPutativeDriver
                     ? colors.spliceColor
                     : colors.spliceVusColor;
+            case ProteinImpactType.OTHER:
+                return chosenMutation.isPutativeDriver
+                    ? colors.otherColor
+                    : colors.otherVusColor;
             default:
                 return colors.otherColor;
         }
@@ -2329,8 +2316,8 @@ var VALUES = [
 function getProteinImpactTypeOptionLabel(option) {
     return React.createElement("span", null, option.label || option.value);
 }
-function getProteinImpactTypeBadgeLabel(option, selectedValues, badgeClassName, badgeAlignmentStyle, isDriverAnnotated, badgeLabelFormat) {
-    return (React.createElement(BadgeLabel, { label: option.label || option.value, badgeContent: option.badgeContent, badgeStyleOverride: getBadgeStyleOverride(option, selectedValues, badgeAlignmentStyle), badgeClassName: badgeClassName, badgeFirst: true, value: option.value, isDriverAnnotated: isDriverAnnotated, badgeLabelFormat: badgeLabelFormat }));
+function getProteinImpactTypeBadgeLabel(option, selectedValues, badgeClassName, badgeAlignmentStyle, isDriverAnnotated, badgeLabelFormat, badgeFirst) {
+    return (React.createElement(BadgeLabel, { label: option.label || option.value, badgeContent: option.badgeContent, badgeStyleOverride: getBadgeStyleOverride(option, selectedValues, badgeAlignmentStyle), badgeClassName: badgeClassName, badgeFirst: badgeFirst, value: option.value, isDriverAnnotated: isDriverAnnotated, badgeLabelFormat: badgeLabelFormat }));
 }
 var ProteinImpactTypeBadgeSelector = /** @class */ (function (_super) {
     __extends(ProteinImpactTypeBadgeSelector, _super);
@@ -2379,8 +2366,17 @@ var ProteinImpactTypeBadgeSelector = /** @class */ (function (_super) {
         configurable: true,
         writable: true,
         value: function () {
-            return (React.createElement("table", null,
-                React.createElement(BadgeSelector, __assign({ options: this.options, getOptionLabel: getProteinImpactTypeOptionLabel, getBadgeLabel: getProteinImpactTypeBadgeLabel, useOnlyFeature: true }, this.props))));
+            return (React.createElement("div", { style: { display: 'inline-flex' } },
+                React.createElement("div", null,
+                    React.createElement("table", { style: { height: this.props.height } },
+                        React.createElement(BadgeSelector, __assign({ options: this.options, getOptionLabel: getProteinImpactTypeOptionLabel, getBadgeLabel: getProteinImpactTypeBadgeLabel, useOnlyFeature: true, badgeFirst: true }, this.props)))),
+                this.props.groupNameWithOrdinal && (React.createElement("div", { style: {
+                        fontSize: 12,
+                        fontWeight: 'bold',
+                        textAlign: 'center',
+                        writingMode: 'vertical-lr',
+                        transform: 'rotate(180deg)',
+                    } }, this.props.groupNameWithOrdinal))));
         }
     });
     Object.defineProperty(ProteinImpactTypeBadgeSelector, "defaultProps", {