react-mutation-mapper 0.8.10 → 0.8.14

package/dist/index.js

@@ -7175,7 +7175,7 @@ var LollipopMutationPlotControls = /** @class */ (function (_super) {
     });
     Object.defineProperty(LollipopMutationPlotControls.prototype, "downloadControls", {
         get: function () {
-            return (React.createElement(cbioportalFrontendCommons.DownloadControls, { getSvg: this.props.getSVG, filename: this.props.hugoGeneSymbol + "_lollipop.svg", dontFade: true, type: "button" }));
+            return (React.createElement(cbioportalFrontendCommons.DownloadControls, { getSvg: this.props.getSVG, filename: this.props.hugoGeneSymbol + "_lollipop", dontFade: true, type: "button" }));
         },
         enumerable: false,
         configurable: true
@@ -7797,7 +7797,7 @@ var Track = /** @class */ (function (_super) {
                     position: 'relative',
                     display: 'flex',
                 } },
-                React.createElement("span", { className: classnames(styles$6.trackTitle, 'small') }, this.props.trackTitle),
+                React.createElement("span", { className: classnames(styles$6.trackTitle, 'small', (this.props.isSubTrack ? 'subtrack-' : '') + "trackTitle") }, this.props.trackTitle),
                 React.createElement("span", null,
                     React.createElement(cbioportalFrontendCommons.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 },
@@ -8704,7 +8704,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 + "-" })); })
+                            } })), width: _this.props.width, proteinLength: _this.props.proteinLength, trackItems: item.specs, idClassPrefix: "ptm-" + index + "-", isSubTrack: true })); })
                 : null;
         },
         enumerable: false,
@@ -8925,6 +8925,23 @@ var DomainTooltip = function (props) {
 };
 
 var DEFAULT_PROTEIN_LENGTH = 10;
+var SVG_NS = 'http://www.w3.org/2000/svg';
+function createTextTag(textNode, style, x, y) {
+    if (style === void 0) { style = ''; }
+    if (x === void 0) { x = 0; }
+    if (y === void 0) { y = 0; }
+    var text = document.createElementNS(SVG_NS, 'text');
+    $$1(text).attr({ style: style, x: x, y: y });
+    if (textNode) {
+        text.append(textNode);
+    }
+    return text;
+}
+function createGroupTag(transform) {
+    var group = document.createElementNS(SVG_NS, 'g');
+    group.setAttribute('transform', transform || '');
+    return group;
+}
 var LollipopMutationPlot = /** @class */ (function (_super) {
     __extends(LollipopMutationPlot, _super);
     function LollipopMutationPlot(props) {
@@ -9352,8 +9369,47 @@ var LollipopMutationPlot = /** @class */ (function (_super) {
         configurable: true,
         writable: true,
         value: function () {
-            var svg = $$1(this.divContainer).find('.lollipop-svgnode')[0];
-            return svg;
+            var _a, _b;
+            var _this = this;
+            var lollipopSvg = $$1(this.divContainer).find('.lollipop-svgnode')[0];
+            var TEXT_STYLE = 'font-size: 12px; font-family:Arial;';
+            var TRACK_INDENT = 16;
+            var SUBTRACK_INDENT = TRACK_INDENT + 12;
+            var INVISIBLE_SVG_CLASS_NAMES = ['invisible', 'hide-svg'];
+            var outerSvg = document.createElementNS(SVG_NS, 'svg');
+            // Make copy of chart to be used in download
+            var chartClone = lollipopSvg.cloneNode(true);
+            outerSvg.append(chartClone);
+            // Make svg invisible so it does not affect UI
+            (_a = outerSvg.classList).add.apply(_a, INVISIBLE_SVG_CLASS_NAMES);
+            //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 + ")");
+            outerSvg.append(allTracksG);
+            var trackSvgList = $$1(this.divContainer).find('.track-svgnode');
+            var trackTitles = $$1(this.divContainer).find('span[class*=trackTitle]');
+            var trackYShift = 0;
+            trackSvgList.each(function (idx, track) {
+                var trackSvgGroup = createGroupTag("translate(" + _this.geneXOffset + "," + trackYShift + ")");
+                trackSvgGroup.appendChild(track.cloneNode(true));
+                var trackNameGroup = createGroupTag("translate(0," + (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);
+                allTracksG.append(trackNameGroup, trackSvgGroup);
+                trackYShift += 20;
+            });
+            // Get the dimensions of the outer SVG before removing from DOM
+            var outerSvgDimensions = outerSvg.getBBox();
+            $$1(outerSvg).attr({
+                width: outerSvgDimensions.width,
+                height: outerSvgDimensions.height,
+            });
+            // Remove unused classes
+            (_b = outerSvg.classList).remove.apply(_b, INVISIBLE_SVG_CLASS_NAMES);
+            document.body.removeChild(outerSvg);
+            return outerSvg;
         }
     });
     Object.defineProperty(LollipopMutationPlot.prototype, "hugoGeneSymbol", {