react-mutation-mapper 0.8.27 → 0.8.32

package/dist/component/column/Annotation.d.ts

@@ -12,6 +12,7 @@ export declare type AnnotationProps = {
     oncoKbCancerGenes?: RemoteData<CancerGene[] | Error | undefined>;
     usingPublicOncoKbInstance: boolean;
     mergeOncoKbIcons?: boolean;
+    oncoKbContentPadding?: number;
     pubMedCache?: MobxCache;
     resolveEntrezGeneId?: (mutation: Mutation) => number;
     resolveTumorType?: (mutation: Mutation) => string;
@@ -27,6 +28,7 @@ export declare type GenericAnnotationProps = {
     enableMyCancerGenome: boolean;
     enableOncoKb: boolean;
     mergeOncoKbIcons?: boolean;
+    oncoKbContentPadding?: number;
     pubMedCache?: MobxCache;
     userEmailAddress?: string;
 };

package/dist/component/oncokb/OncoKB.d.ts

@@ -15,11 +15,12 @@ export interface IOncoKbProps {
     hugoGeneSymbol: string;
     userEmailAddress?: string;
     disableFeedback?: boolean;
+    contentPadding?: number;
 }
 export declare function sortValue(indicator?: IndicatorQueryResp | undefined | null): number[];
 export declare function download(indicator?: IndicatorQueryResp | undefined | null): string;
 export default class OncoKB extends React.Component<IOncoKbProps, {}> {
-    constructor(props: any);
+    constructor(props: IOncoKbProps);
     showFeedback: boolean;
     tooltipDataLoadComplete: boolean;
     render(): JSX.Element;

package/dist/index.es.js

@@ -1859,17 +1859,11 @@ var OncoKB = /** @class */ (function (_super) {
                 ].map(function (dataType) { return (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 createElement("i", { style: { paddingRight: this.props.contentPadding } });
             }
         }
     });
@@ -2297,9 +2291,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 (createElement("span", { style: { display: 'flex', minWidth: 100 } },
-        enableOncoKb && (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 && (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 && (createElement(Civic, { civicEntry: annotation.civicEntry, civicStatus: annotation.civicStatus, hasCivicVariants: annotation.hasCivicVariants })),
         enableMyCancerGenome && (createElement(MyCancerGenome, { linksHTML: annotation.myCancerGenomeLinks })),
         enableHotspot && (createElement(HotspotAnnotation, { isHotspot: annotation.isHotspot, is3dHotspot: annotation.is3dHotspot, status: annotation.hotspotStatus }))));