react-mutation-mapper 0.8.64 → 0.8.66

package/dist/index.js

@@ -4797,16 +4797,26 @@ var LollipopPlotNoTooltip = /** @class */ (function (_super) {
             if (lollipopIndex !== null) {
                 var lollipopComponent_1 = this.lollipopComponents[lollipopIndex];
                 if (lollipopComponent_1) {
+                    // mirrorLollipopComponent refers to the lollipop component, if it exists, in the other group at the same lollipopIndex
+                    // this is needed to show tooltips of both lollipop components at same index
+                    var mirrorLollipopComponent = ___default["default"].find(this.lollipopComponents, function (l) {
+                        return l.props.spec.codon ===
+                            lollipopComponent_1.props.spec.codon &&
+                            l !== lollipopComponent_1;
+                    });
                     lollipopComponent_1.isHovered = true;
                     if (this.props.setHitZone) {
-                        this.props.setHitZone(lollipopComponent_1.circleHitRect, lollipopComponent_1.props.spec.tooltip, mobx.action(function () {
+                        this.props.setHitZone(lollipopComponent_1.circleHitRect, lollipopComponent_1.props.spec.tooltip, mirrorLollipopComponent === null || mirrorLollipopComponent === void 0 ? void 0 : mirrorLollipopComponent.circleHitRect, mirrorLollipopComponent === null || mirrorLollipopComponent === void 0 ? void 0 : mirrorLollipopComponent.props.spec.tooltip, mobx.action(function () {
                             if (_this.props.dataStore) {
                                 updatePositionHighlightFilters(_this.props.dataStore, [lollipopComponent_1.props.spec.codon]);
                             }
                             lollipopComponent_1.isHovered = true;
                         }), mobx.action(function () {
                             return _this.onLollipopClick(lollipopComponent_1.props.spec.codon);
-                        }));
+                        }), undefined, 'pointer', lollipopComponent_1.circleHitRect.y >
+                            lollipopComponent_1.props.stickBaseY
+                            ? 'bottom'
+                            : 'top');
                     }
                 }
             }
@@ -4817,7 +4827,7 @@ var LollipopPlotNoTooltip = /** @class */ (function (_super) {
                 var domainComponent = this.domainComponents[domainIndex];
                 if (domainComponent) {
                     if (this.props.setHitZone) {
-                        this.props.setHitZone(domainComponent.hitRect, domainComponent.props.spec.tooltip, undefined, undefined, undefined, 'auto');
+                        this.props.setHitZone(domainComponent.hitRect, domainComponent.props.spec.tooltip, undefined, undefined, undefined, undefined, undefined, 'auto');
                     }
                 }
             }
@@ -4830,7 +4840,7 @@ var LollipopPlotNoTooltip = /** @class */ (function (_super) {
                     if (this.props.setHitZone) {
                         this.props.setHitZone(sequenceComponent.hitRect, sequenceComponent.props.spec
                             ? sequenceComponent.props.spec.tooltip
-                            : undefined, undefined, undefined, undefined, 'auto');
+                            : undefined, undefined, undefined, undefined, undefined, undefined, 'auto');
                     }
                 }
             }
@@ -5649,6 +5659,12 @@ var LollipopPlot = /** @class */ (function (_super) {
             writable: true,
             value: cbioportalFrontendCommons.defaultHitzoneConfig()
         });
+        Object.defineProperty(_this, "mirrorVisible", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        }); // lollipop and mirror lollipop share tooltip visibility
         Object.defineProperty(_this, "plot", {
             enumerable: true,
             configurable: true,
@@ -5666,12 +5682,14 @@ var LollipopPlot = /** @class */ (function (_super) {
             ref: function (plot) {
                 _this.plot = plot;
             },
-            setHitZone: function (hitRect, content, onMouseOver, onClick, onMouseOut, cursor, tooltipPlacement) {
+            setHitZone: function (hitRect, content, mirrorHitRect, mirrorContent, onMouseOver, onClick, onMouseOut, cursor, tooltipPlacement) {
                 if (cursor === void 0) { cursor = 'pointer'; }
                 if (tooltipPlacement === void 0) { tooltipPlacement = 'top'; }
                 _this.hitZoneConfig = {
                     hitRect: hitRect,
                     content: content,
+                    mirrorHitRect: mirrorHitRect,
+                    mirrorContent: mirrorContent,
                     onMouseOver: onMouseOver,
                     onClick: onClick,
                     onMouseOut: onMouseOut,
@@ -5681,6 +5699,7 @@ var LollipopPlot = /** @class */ (function (_super) {
             },
             getOverlay: function () { return _this.hitZoneConfig.content; },
             getOverlayPlacement: function () { return _this.hitZoneConfig.tooltipPlacement; },
+            getMirrorOverlay: function () { return _this.hitZoneConfig.mirrorContent; },
             onMouseLeave: function () {
                 _this.hitZoneConfig.onMouseOut &&
                     _this.hitZoneConfig.onMouseOut();
@@ -5706,6 +5725,25 @@ var LollipopPlot = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(LollipopPlot.prototype, "mirrorHitZone", {
+        // hit zone of mirror lollipop component initialized using config's mirrorHitRect (mirror lollipop location)
+        // used to determine where to apply the mirror lollipop tooltip
+        get: function () {
+            return cbioportalFrontendCommons.initHitZoneFromConfig(tslib.__assign(tslib.__assign({}, this.hitZoneConfig), { hitRect: tslib.__assign({}, this.hitZoneConfig.mirrorHitRect) }));
+        },
+        enumerable: false,
+        configurable: true
+    });
+    // handles lollipop and mirror lollipop component simultaneous tooltip visibility
+    // if lollipop tooltip is visible, make mirror lollipop tooltip visible as well
+    Object.defineProperty(LollipopPlot.prototype, "onTooltipVisibleChange", {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function (visible) {
+            this.mirrorVisible = visible;
+        }
+    });
     Object.defineProperty(LollipopPlot.prototype, "toSVGDOMNode", {
         enumerable: false,
         configurable: true,
@@ -5733,7 +5771,10 @@ var LollipopPlot = /** @class */ (function (_super) {
                     position: 'relative',
                     display: 'inline-block',
                 }, "data-test": "LollipopPlot" },
-                React__namespace.createElement(cbioportalFrontendCommons.DefaultTooltip, tslib.__assign({ placement: this.handlers.getOverlayPlacement(), overlay: this.handlers.getOverlay }, tooltipVisibleProps), this.hitZone),
+                React__namespace.createElement(cbioportalFrontendCommons.DefaultTooltip, tslib.__assign({ placement: this.handlers.getOverlayPlacement(), overlay: this.handlers.getOverlay, visible: this.mirrorVisible, onVisibleChange: this.onTooltipVisibleChange }, tooltipVisibleProps), this.hitZone),
+                this.hitZoneConfig.mirrorHitRect && (React__namespace.createElement(cbioportalFrontendCommons.DefaultTooltip, tslib.__assign({ placement: this.handlers.getOverlayPlacement() === 'top'
+                        ? 'bottom'
+                        : 'top', overlay: this.handlers.getMirrorOverlay, visible: this.mirrorVisible, onVisibleChange: this.onTooltipVisibleChange }, tooltipVisibleProps), this.mirrorHitZone)),
                 React__namespace.createElement(LollipopPlotNoTooltip, tslib.__assign({ ref: this.handlers.ref, setHitZone: this.handlers.setHitZone, onMouseLeave: this.handlers.onMouseLeave, onBackgroundMouseMove: this.handlers.onBackgroundMouseMove }, this.props))));
         }
     });
@@ -5748,12 +5789,21 @@ var LollipopPlot = /** @class */ (function (_super) {
     tslib.__decorate([
         mobx.observable
     ], LollipopPlot.prototype, "hitZoneConfig", void 0);
+    tslib.__decorate([
+        mobx.observable
+    ], LollipopPlot.prototype, "mirrorVisible", void 0);
     tslib.__decorate([
         mobx.computed
     ], LollipopPlot.prototype, "tooltipVisible", null);
     tslib.__decorate([
         mobx.computed
     ], LollipopPlot.prototype, "hitZone", null);
+    tslib.__decorate([
+        mobx.computed
+    ], LollipopPlot.prototype, "mirrorHitZone", null);
+    tslib.__decorate([
+        mobx.action.bound
+    ], LollipopPlot.prototype, "onTooltipVisibleChange", null);
     LollipopPlot = tslib.__decorate([
         mobxReact.observer
     ], LollipopPlot);