react-mutation-mapper 0.8.30 → 0.8.32

package/dist/index.js

@@ -1867,17 +1867,11 @@ var OncoKB = /** @class */ (function (_super) {
                 ].map(function (dataType) { return (React.createElement(AnnotationIcon, { type: dataType, tooltipOverlay: _this.tooltipContent(dataType), indicator: _this.props.indicator, availableDataTypes: _this.props.availableDataTypes })); })));
             }
             else {
-                // TODO This doesn't always work, in some cases it adds unnecessary empty icons, we need a better solution.
-                // we still need to draw empty icons even if there is no indicator data.
-                // this is to keep the icon alignment consistent with the rest of the column
-                // return (
-                //     <>
-                //         {this.props.availableDataTypes?.map(() => (
-                //             <AnnotationIconWithTooltip icon={<i />} />
-                //         ))}
-                //     </>
-                // );
-                return null;
+                // workaround: use content padding value to draw an empty icon when there is no indicator data.
+                // this is to keep the icon alignment consistent with the rest of the column.
+                // ideally we should implement grouped columns to avoid these kind of workarounds
+                // (see https://github.com/cBioPortal/cbioportal/issues/8723)
+                return React.createElement("i", { style: { paddingRight: this.props.contentPadding } });
             }
         }
     });
@@ -2305,9 +2299,9 @@ function sortValue$4(annotation) {
     ]);
 }
 function GenericAnnotation(props) {
-    var annotation = props.annotation, enableCivic = props.enableCivic, enableHotspot = props.enableHotspot, enableMyCancerGenome = props.enableMyCancerGenome, enableOncoKb = props.enableOncoKb, pubMedCache = props.pubMedCache, userEmailAddress = props.userEmailAddress, mergeOncoKbIcons = props.mergeOncoKbIcons;
+    var annotation = props.annotation, enableCivic = props.enableCivic, enableHotspot = props.enableHotspot, enableMyCancerGenome = props.enableMyCancerGenome, enableOncoKb = props.enableOncoKb, pubMedCache = props.pubMedCache, userEmailAddress = props.userEmailAddress, mergeOncoKbIcons = props.mergeOncoKbIcons, oncoKbContentPadding = props.oncoKbContentPadding;
     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, pubMedCache: pubMedCache, userEmailAddress: userEmailAddress })),
+        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, pubMedCache: pubMedCache, userEmailAddress: userEmailAddress, contentPadding: oncoKbContentPadding })),
         enableCivic && (React.createElement(Civic, { civicEntry: annotation.civicEntry, civicStatus: annotation.civicStatus, hasCivicVariants: annotation.hasCivicVariants })),
         enableMyCancerGenome && (React.createElement(MyCancerGenome, { linksHTML: annotation.myCancerGenomeLinks })),
         enableHotspot && (React.createElement(HotspotAnnotation, { isHotspot: annotation.isHotspot, is3dHotspot: annotation.is3dHotspot, status: annotation.hotspotStatus }))));