react-mutation-mapper 0.8.74 → 0.8.76

package/dist/index.js

@@ -1888,30 +1888,62 @@ 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(cbioportalFrontendCommons.DriverVsVusType).includes(value));
+        }
+    });
+    Object.defineProperty(BadgeLabel.prototype, "isNotDriverVusProteinBadge", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (value) {
+            return (!!value &&
+                Object.values(cbioportalFrontendCommons.CanonicalMutationType).includes(value));
+        }
+    });
     Object.defineProperty(BadgeLabel.prototype, "badge", {
         get: function () {
             return (React__namespace.createElement("span", { style: this.props.badgeFirst
-                    ? { marginRight: 5 }
+                    ? this.props.isDriverAnnotated
+                        ? {}
+                        : { marginRight: 5 }
                     : { marginLeft: 5 } },
-                React__namespace.createElement("span", { className: this.props.badgeClassName, "data-test": "badge-" + this.props.value, style: tslib.__assign(tslib.__assign({}, DEFAULT_BADGE_STYLE), this.props.badgeStyleOverride) }, this.props.badgeContent)));
+                React__namespace.createElement("span", { className: this.props.badgeClassName, "data-test": "badge-" + this.props.value, style: tslib.__assign(tslib.__assign(tslib.__assign({}, DEFAULT_BADGE_STYLE), this.props.badgeStyleOverride), (this.props.isDriverAnnotated
+                        ? { marginRight: 0, width: 'auto' }
+                        : {})) }, this.props.badgeContent)));
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(BadgeLabel.prototype, "badgeFirst", {
         get: function () {
-            return (React__namespace.createElement(React__namespace.Fragment, null,
-                this.badge,
-                this.props.label));
+            if (this.props.badgeLabelFormat) {
+                return this.props.badgeLabelFormat(this.props.label, true, this.props.value, this.badge);
+            }
+            else {
+                return (React__namespace.createElement(React__namespace.Fragment, null,
+                    this.badge,
+                    this.props.label));
+            }
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(BadgeLabel.prototype, "badgeLast", {
         get: function () {
-            return (React__namespace.createElement(React__namespace.Fragment, null,
-                this.props.label,
-                this.badge));
+            if (this.props.badgeLabelFormat) {
+                return this.props.badgeLabelFormat(this.props.label, false, this.props.value, this.badge);
+            }
+            else {
+                return (React__namespace.createElement(React__namespace.Fragment, null,
+                    this.props.label,
+                    this.badge));
+            }
         },
         enumerable: false,
         configurable: true
@@ -2042,8 +2074,8 @@ var BadgeSelector = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true,
         writable: true,
-        value: function (option, selectedValues, badgeClassName, badgeAlignmentStyle) {
-            return this.props.getBadgeLabel ? (this.props.getBadgeLabel(option, selectedValues, badgeClassName, badgeAlignmentStyle)) : (React__namespace.createElement(BadgeLabel, { label: option.label || option.value, badgeContent: option.badgeContent, badgeStyleOverride: getBadgeStyleOverride(option, selectedValues, badgeAlignmentStyle), badgeClassName: this.props.badgeClassName }));
+        value: function (option, selectedValues, badgeClassName, badgeAlignmentStyle, isDriverAnnotated, badgeLabelFormat) {
+            return this.props.getBadgeLabel ? (this.props.getBadgeLabel(option, selectedValues, badgeClassName, badgeAlignmentStyle, isDriverAnnotated, badgeLabelFormat)) : (React__namespace.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 }));
         }
     });
     Object.defineProperty(BadgeSelector.prototype, "badgeAlignmentStyles", {
@@ -2061,7 +2093,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),
+                    : undefined, _this.props.isDriverAnnotated, _this.props.badgeLabelFormat),
                 value: option.value,
             }); });
         },
@@ -2073,7 +2105,7 @@ var BadgeSelector = /** @class */ (function (_super) {
         configurable: true,
         writable: true,
         value: function () {
-            return (React__namespace.createElement(cbioportalFrontendCommons.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 }));
+            return (React__namespace.createElement(cbioportalFrontendCommons.BadgeListSelector, { onChange: this.onChange, options: this.options, getOptionLabel: this.props.getOptionLabel, selectedValue: this.selectedValues, isDisabled: this.props.isDisabled, numberOfColumnsPerRow: this.props.numberOfColumnsPerRow, isDriverAnnotated: this.props.isDriverAnnotated, onOnlyDriverVsVusChange: this.onOnlyDriverVsVusChange, driverAnnotationIcon: this.props.driverAnnotationIcon, onBadgeSelect: this.props.onBadgeSelect, onOnlySelect: this.props.onOnlySelect, useOnlyFeature: this.props.useOnlyFeature }));
         }
     });
     Object.defineProperty(BadgeSelector.prototype, "onChange", {
@@ -2084,6 +2116,14 @@ var BadgeSelector = /** @class */ (function (_super) {
             handleOptionSelect(values, this.allValues, this.props.onSelect);
         }
     });
+    Object.defineProperty(BadgeSelector.prototype, "onOnlyDriverVsVusChange", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (values) {
+            handleOptionSelect(values, this.allValues, this.props.onOnlyDriverVsVusSelect);
+        }
+    });
     tslib.__decorate([
         mobx.computed
     ], BadgeSelector.prototype, "allValues", null);
@@ -2102,6 +2142,9 @@ var BadgeSelector = /** @class */ (function (_super) {
     tslib.__decorate([
         mobx.action.bound
     ], BadgeSelector.prototype, "onChange", null);
+    tslib.__decorate([
+        mobx.action.bound
+    ], BadgeSelector.prototype, "onOnlyDriverVsVusChange", null);
     BadgeSelector = tslib.__decorate([
         mobxReact.observer
     ], BadgeSelector);
@@ -2323,8 +2366,8 @@ var VALUES = [
 function getProteinImpactTypeOptionLabel(option) {
     return React__namespace.createElement("span", null, option.label || option.value);
 }
-function getProteinImpactTypeBadgeLabel(option, selectedValues, badgeClassName, badgeAlignmentStyle) {
-    return (React__namespace.createElement(BadgeLabel, { label: option.label || option.value, badgeContent: option.badgeContent, badgeStyleOverride: getBadgeStyleOverride(option, selectedValues, badgeAlignmentStyle), badgeClassName: badgeClassName, badgeFirst: true, value: option.value }));
+function getProteinImpactTypeBadgeLabel(option, selectedValues, badgeClassName, badgeAlignmentStyle, isDriverAnnotated, badgeLabelFormat) {
+    return (React__namespace.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 }));
 }
 var ProteinImpactTypeBadgeSelector = /** @class */ (function (_super) {
     tslib.__extends(ProteinImpactTypeBadgeSelector, _super);
@@ -2371,7 +2414,7 @@ var ProteinImpactTypeBadgeSelector = /** @class */ (function (_super) {
         configurable: true,
         writable: true,
         value: function () {
-            return (React__namespace.createElement(BadgeSelector, tslib.__assign({ options: this.options, getOptionLabel: getProteinImpactTypeOptionLabel, getBadgeLabel: getProteinImpactTypeBadgeLabel }, this.props)));
+            return (React__namespace.createElement(BadgeSelector, tslib.__assign({ options: this.options, getOptionLabel: getProteinImpactTypeOptionLabel, getBadgeLabel: getProteinImpactTypeBadgeLabel, useOnlyFeature: true }, this.props)));
         }
     });
     Object.defineProperty(ProteinImpactTypeBadgeSelector, "defaultProps", {
@@ -2381,7 +2424,6 @@ var ProteinImpactTypeBadgeSelector = /** @class */ (function (_super) {
         value: {
             colors: DEFAULT_PROTEIN_IMPACT_TYPE_COLORS,
             alignColumns: true,
-            unselectOthersWhenAllSelected: false,
             numberOfColumnsPerRow: 2,
         }
     });