oncoprintjs 6.0.4 → 6.0.6

package/dist/js/oncoprint.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="jquery" />
 /// <reference types="jstree" />
 import './polyfill';
-import OncoprintModel, { ColumnId, ColumnLabel, ColumnProp, CustomTrackOption, Datum, SortConfig, TrackGroupHeader, TrackGroupIndex, TrackId, TrackSortDirection, TrackSortSpecification, TrackTooltipFn, UserTrackSpec } from './oncoprintmodel';
+import OncoprintModel, { ColumnId, ColumnLabel, ColumnProp, CustomTrackOption, Datum, GAP_MODE_ENUM, SortConfig, TrackGroupHeader, TrackGroupIndex, TrackId, TrackSortDirection, TrackSortSpecification, TrackTooltipFn, UserTrackSpec } from './oncoprintmodel';
 import OncoprintWebGLCellView from './oncoprintwebglcellview';
 import OncoprintLabelView from './oncoprintlabelview';
 import { RuleSetParams } from './oncoprintruleset';
@@ -129,7 +129,7 @@ export default class Oncoprint {
     setTrackInfo(track_id: TrackId, msg: string): void;
     setTrackTooltipFn(track_id: TrackId, tooltipFn: TrackTooltipFn<Datum>): void;
     setShowTrackSublabels(show: boolean): void;
-    setTrackShowGaps(track_id: TrackId, showGaps: boolean): void;
+    setTrackShowGaps(track_id: TrackId, gap_mode: GAP_MODE_ENUM): void;
     sort(): void;
     shareRuleSet(source_track_id: TrackId, target_track_id: TrackId): void;
     setRuleSet(track_id: TrackId, rule_set_params: RuleSetParams): void;

package/dist/js/oncoprintmodel.d.ts

@@ -5,6 +5,11 @@ import { RuleSet, RuleSetParams, RuleWithId } from './oncoprintruleset';
 import { InitParams } from './oncoprint';
 import { ComputedShapeParams } from './oncoprintshape';
 import { OncoprintGapConfig } from './oncoprintwebglcellview';
+export declare enum GAP_MODE_ENUM {
+    SHOW_GAPS = "SHOW_GAPS",
+    SHOW_GAPS_PERCENT = "SHOW_GAPS_PERCENT",
+    HIDE_GAPS = "HIDE_GAPS"
+}
 export declare type ColumnId = string;
 export declare type ColumnIndex = number;
 export declare type TrackId = number;
@@ -44,7 +49,7 @@ export declare type ActiveRulesCount = {
     [ruleId: number]: number;
 };
 export declare type TrackSortDirectionChangeCallback = (track_id: TrackId, dir: number) => void;
-export declare type TrackGapChangeCallBack = (track_id: TrackId, on: boolean) => void;
+export declare type TrackGapChangeCallBack = (track_id: TrackId, mode: GAP_MODE_ENUM) => void;
 export declare type CustomTrackOption = {
     label?: string;
     separator?: boolean;
@@ -238,8 +243,8 @@ export default class OncoprintModel {
     private unclustered_track_group_order?;
     private track_group_sort_priority;
     constructor(params: InitParams);
-    setTrackShowGaps(trackId: TrackId, show: boolean): void;
-    getTrackShowGaps(trackId: TrackId): boolean;
+    setTrackShowGaps(trackId: TrackId, show: GAP_MODE_ENUM): void;
+    getTrackShowGaps(trackId: TrackId): GAP_MODE_ENUM;
     getTrackCanShowGaps(trackId: TrackId): boolean;
     getColumnIndexesAfterAGap(): number[];
     setTrackGroupHeader(index: TrackGroupIndex, header?: TrackGroupHeader): void;
@@ -337,6 +342,7 @@ export default class OncoprintModel {
     getOncoprintHeight(base?: boolean): number;
     getOncoprintWidth(base?: boolean): number;
     showGaps(): boolean;
+    gapMode(): GAP_MODE_ENUM | GAP_MODE_ENUM.HIDE_GAPS;
     getOncoprintWidthNoColumnPaddingNoGaps(): number;
     getColumnLabels(): ColumnProp<ColumnLabel>;
     setColumnLabels(labels: ColumnProp<ColumnLabel>): void;

package/dist/js/oncoprinttrackoptionsview.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="jquery" />
 /// <reference types="jstree" />
-import OncoprintModel, { TrackId, TrackSortDirection } from './oncoprintmodel';
+import OncoprintModel, { GAP_MODE_ENUM, TrackId, TrackSortDirection } from './oncoprintmodel';
 export declare const CLOSE_MENUS_EVENT = "oncoprint-track-options-view.do-close-menus";
 declare type TrackCallback = (trackId: TrackId) => void;
 export default class OncoprintTrackOptionsView {
@@ -20,7 +20,7 @@ export default class OncoprintTrackOptionsView {
     private menu_shown;
     private clickHandler;
     private interaction_disabled;
-    constructor($div: JQuery, moveUpCallback: TrackCallback, moveDownCallback: TrackCallback, removeCallback: TrackCallback, sortChangeCallback: (trackId: TrackId, sortDirection: TrackSortDirection) => void, unexpandCallback: TrackCallback, showGapsCallback: (trackId: TrackId, showGaps: boolean) => void);
+    constructor($div: JQuery, moveUpCallback: TrackCallback, moveDownCallback: TrackCallback, removeCallback: TrackCallback, sortChangeCallback: (trackId: TrackId, sortDirection: TrackSortDirection) => void, unexpandCallback: TrackCallback, showGapsCallback: (trackId: TrackId, showGaps: GAP_MODE_ENUM) => void);
     private renderAllOptions;
     private scroll;
     private resize;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oncoprintjs",
-  "version": "6.0.4",
+  "version": "6.0.6",
   "description": "A data visualization for cancer genomic data.",
   "types": "./dist/js/oncoprint.d.ts",
   "main": "dist/index.js",
@@ -60,5 +60,5 @@
     "tayden-clusterfck": "^0.7.0",
     "typescript": "4.0.3"
   },
-  "gitHead": "00743bcfb9d752deabdcb1e8235cdb9cc0feb7c5"
+  "gitHead": "62335e5640758e0eb98115b13d0867edb81e19d0"
 }

package/src/index.tsx

@@ -9,6 +9,6 @@ export {
 } from './js/oncoprint';
 
 export * from './js/oncoprintruleset';
-export { default as OncoprintModel } from './js/oncoprintmodel';
+export { default as OncoprintModel, GAP_MODE_ENUM } from './js/oncoprintmodel';
 export * from './js/oncoprintmodel';
 export { default as shapeToSvg } from './js/oncoprintshapetosvg';

package/src/js/oncoprint.ts

@@ -6,9 +6,9 @@ import OncoprintModel, {
     ColumnProp,
     CustomTrackOption,
     Datum,
+    GAP_MODE_ENUM,
     LibraryTrackSpec,
     SortConfig,
-    TrackGroup,
     TrackGroupHeader,
     TrackGroupIndex,
     TrackId,
@@ -1234,7 +1234,7 @@ export default class Oncoprint {
 
             if (this.model.getTrackSortDirection(track_id) === 0) {
                 if (this.model.getTrackShowGaps(track_id)) {
-                    this.setTrackShowGaps(track_id, false);
+                    this.setTrackShowGaps(track_id, GAP_MODE_ENUM.HIDE_GAPS);
                 }
             }
         }
@@ -1292,9 +1292,12 @@ export default class Oncoprint {
         this.resizeAndOrganizeAfterTimeout();
     }
 
-    public setTrackShowGaps(track_id: TrackId, showGaps: boolean) {
-        this.model.setTrackShowGaps(track_id, showGaps);
-        if (this.model.getTrackSortDirection(track_id) === 0 && showGaps) {
+    public setTrackShowGaps(track_id: TrackId, gap_mode: GAP_MODE_ENUM) {
+        this.model.setTrackShowGaps(track_id, gap_mode);
+        if (
+            this.model.getTrackSortDirection(track_id) === 0 &&
+            gap_mode !== GAP_MODE_ENUM.HIDE_GAPS
+        ) {
             this.setTrackSortDirection(track_id, 1);
         }
         this.track_options_view.setTrackShowGaps(

package/src/js/oncoprintmodel.ts

@@ -21,6 +21,12 @@ import PrecomputedComparator from './precomputedcomparator';
 import { calculateHeaderTops, calculateTrackTops } from './modelutils';
 import { OncoprintGapConfig } from './oncoprintwebglcellview';
 
+export enum GAP_MODE_ENUM {
+    SHOW_GAPS = 'SHOW_GAPS',
+    SHOW_GAPS_PERCENT = 'SHOW_GAPS_PERCENT',
+    HIDE_GAPS = 'HIDE_GAPS',
+}
+
 export type ColumnId = string;
 export type ColumnIndex = number;
 export type TrackId = number;
@@ -62,7 +68,10 @@ export type TrackSortDirectionChangeCallback = (
     track_id: TrackId,
     dir: number
 ) => void;
-export type TrackGapChangeCallBack = (track_id: TrackId, on: boolean) => void;
+export type TrackGapChangeCallBack = (
+    track_id: TrackId,
+    mode: GAP_MODE_ENUM
+) => void;
 export type CustomTrackOption = {
     label?: string;
     separator?: boolean;
@@ -318,7 +327,7 @@ export default class OncoprintModel {
     private track_expansion_parent: TrackProp<TrackId>;
     private track_custom_options: TrackProp<CustomTrackOption[]>;
     private track_can_show_gaps: TrackProp<boolean>;
-    private track_show_gaps: TrackProp<boolean>;
+    private track_show_gaps: TrackProp<GAP_MODE_ENUM>;
 
     // Rule set properties
     private rule_sets: { [ruleSetId: number]: RuleSet };
@@ -571,7 +580,11 @@ export default class OncoprintModel {
             const precomputedComparator = model.precomputed_comparator.get();
             const trackIdsWithGaps = model
                 .getTracks()
-                .filter(trackId => model.getTrackShowGaps(trackId));
+                .filter(
+                    trackId =>
+                        model.getTrackShowGaps(trackId) !==
+                        GAP_MODE_ENUM.HIDE_GAPS
+                );
             const ids = model.visible_id_order.get();
 
             for (let i = 1; i < ids.length; i++) {
@@ -736,7 +749,7 @@ export default class OncoprintModel {
         this.column_left.addBoundProperty(this.column_left_no_padding);
     }
 
-    public setTrackShowGaps(trackId: TrackId, show: boolean) {
+    public setTrackShowGaps(trackId: TrackId, show: GAP_MODE_ENUM) {
         this.track_show_gaps[trackId] = show;
         this.track_gap_change_callback[trackId](trackId, show);
         this.ids_after_a_gap.update(this);
@@ -1143,7 +1156,14 @@ export default class OncoprintModel {
 
     public getGapSize() {
         if (this.showGaps()) {
-            return 50; // this creates enough space for 3 digit percentage
+            switch (this.gapMode()) {
+                case GAP_MODE_ENUM.SHOW_GAPS:
+                    return this.getCellWidth(true);
+                case GAP_MODE_ENUM.SHOW_GAPS_PERCENT:
+                    return 50;
+                default:
+                    return 50;
+            }
         } else {
             return this.getCellWidth(true);
         }
@@ -1425,7 +1445,9 @@ export default class OncoprintModel {
         );
 
         const trackShowGaps = ifndef(params.show_gaps_on_init, false);
-        this.track_show_gaps[track_id] = trackShowGaps;
+        this.track_show_gaps[track_id] = trackShowGaps
+            ? GAP_MODE_ENUM.SHOW_GAPS_PERCENT
+            : GAP_MODE_ENUM.HIDE_GAPS;
         const trackNotSorted = this.track_sort_direction[track_id] === 0;
         if (trackShowGaps && trackNotSorted) {
             this.track_sort_direction[track_id] = 1;
@@ -1889,7 +1911,16 @@ export default class OncoprintModel {
     }
 
     public showGaps() {
-        return _.some(this.track_show_gaps);
+        return _(this.track_show_gaps)
+            .values()
+            .some(t => t !== GAP_MODE_ENUM.HIDE_GAPS);
+    }
+
+    public gapMode() {
+        const mode = _(this.track_show_gaps)
+            .values()
+            .find(g => g !== GAP_MODE_ENUM.HIDE_GAPS);
+        return mode || GAP_MODE_ENUM.HIDE_GAPS;
     }
 
     public getOncoprintWidthNoColumnPaddingNoGaps() {

package/src/js/oncoprinttrackinfoview.ts

@@ -77,21 +77,25 @@ export default class OncoprintTrackInfoView {
                     return;
                 }
 
-                const float = parseFloat(text);
+                const num = text.match(/^[\d\.]*/)?.[0];
+                let suffix = text.match(/[^\d]*$/)?.[0];
+
+                const float = parseFloat(num);
                 let formattedPercent = '';
 
                 if (isNaN(float)) {
                     formattedPercent = 'N/P';
+                    suffix = ''; // we don't want any suffix in this case
                 } else if (isNumber(float)) {
                     formattedPercent =
                         float < 1 && float > 0
-                            ? '<1%'
-                            : Math.round(float) + '%';
+                            ? '<1'
+                            : Math.round(float).toString();
                 } else {
                     // do nothing
                 }
 
-                $new_label.text(formattedPercent);
+                $new_label.text(formattedPercent + suffix);
                 $new_label.appendTo(self.$text_ctr);
                 self.$label_elts.push($new_label);
                 setTimeout(function() {

package/src/js/oncoprinttrackoptionsview.ts

@@ -1,13 +1,13 @@
 import $ from 'jquery';
 import menuDotsIcon from '../img/menudots.svg';
 import OncoprintModel, {
-    TrackGroupProp,
+    GAP_MODE_ENUM,
     TrackId,
     TrackProp,
     TrackSortDirection,
 } from './oncoprintmodel';
-import ClickEvent = JQuery.ClickEvent;
 import { CLOSE_MENUS_EVENT as HEADER_VIEW_CLOSE_MENUS_EVENT } from './oncoprintheaderview';
+import ClickEvent = JQuery.ClickEvent;
 
 const TOGGLE_BTN_CLASS = 'oncoprintjs__track_options__toggle_btn_img';
 const TOGGLE_BTN_OPEN_CLASS = 'oncoprintjs__track_options__open';
@@ -44,7 +44,10 @@ export default class OncoprintTrackOptionsView {
             sortDirection: TrackSortDirection
         ) => void,
         private unexpandCallback: TrackCallback,
-        private showGapsCallback: (trackId: TrackId, showGaps: boolean) => void
+        private showGapsCallback: (
+            trackId: TrackId,
+            showGaps: GAP_MODE_ENUM
+        ) => void
     ) {
         const position = $div.css('position');
         if (position !== 'absolute' && position !== 'relative') {
@@ -448,31 +451,51 @@ export default class OncoprintTrackOptionsView {
             $dropdown.append(
                 OncoprintTrackOptionsView.$makeDropdownSeparator()
             );
-            const $show_gaps_opt = OncoprintTrackOptionsView.$makeDropdownOption(
-                'Show gaps',
-                model.getTrackShowGaps(track_id) ? 'bold' : 'normal',
+
+            const $show_gaps_percent_opt = OncoprintTrackOptionsView.$makeDropdownOption(
+                model.getTrackShowGaps(track_id) ===
+                    GAP_MODE_ENUM.SHOW_GAPS_PERCENT
+                    ? 'Hide gaps (w/%)'
+                    : 'Show Gaps (w/%)',
+                model.getTrackShowGaps(track_id) ===
+                    GAP_MODE_ENUM.SHOW_GAPS_PERCENT
+                    ? 'bold'
+                    : 'normal',
                 false,
                 function(evt) {
                     evt.stopPropagation();
                     $show_gaps_opt.css('font-weight', 'bold');
-                    $dont_show_gaps_opt.css('font-weight', 'normal');
-                    self.showGapsCallback(track_id, true);
+                    const mode: GAP_MODE_ENUM = [
+                        GAP_MODE_ENUM.SHOW_GAPS_PERCENT,
+                    ].includes(model.getTrackShowGaps(track_id))
+                        ? GAP_MODE_ENUM.HIDE_GAPS
+                        : GAP_MODE_ENUM.SHOW_GAPS_PERCENT;
+                    self.showGapsCallback(track_id, mode);
                 }
             );
-            const $dont_show_gaps_opt = OncoprintTrackOptionsView.$makeDropdownOption(
-                "Don't show gaps",
-                model.getTrackShowGaps(track_id) ? 'normal' : 'bold',
+
+            const $show_gaps_opt = OncoprintTrackOptionsView.$makeDropdownOption(
+                model.getTrackShowGaps(track_id) === GAP_MODE_ENUM.SHOW_GAPS
+                    ? 'Hide gaps'
+                    : 'Show Gaps',
+                model.getTrackShowGaps(track_id) === GAP_MODE_ENUM.SHOW_GAPS
+                    ? 'bold'
+                    : 'normal',
                 false,
                 function(evt) {
                     evt.stopPropagation();
-
-                    $show_gaps_opt.css('font-weight', 'normal');
-                    $dont_show_gaps_opt.css('font-weight', 'bold');
-                    self.showGapsCallback(track_id, false);
+                    $show_gaps_opt.css('font-weight', 'bold');
+                    const mode: GAP_MODE_ENUM = [
+                        GAP_MODE_ENUM.SHOW_GAPS,
+                    ].includes(model.getTrackShowGaps(track_id))
+                        ? GAP_MODE_ENUM.HIDE_GAPS
+                        : GAP_MODE_ENUM.SHOW_GAPS;
+                    self.showGapsCallback(track_id, mode);
                 }
             );
+
             $dropdown.append($show_gaps_opt);
-            $dropdown.append($dont_show_gaps_opt);
+            $dropdown.append($show_gaps_percent_opt);
         }
         // Add custom options
         const custom_options = model.getTrackCustomOptions(track_id);

package/src/js/oncoprintwebglcellview.ts

@@ -11,18 +11,19 @@ import OncoprintModel, {
     ColumnId,
     ColumnLabel,
     ColumnProp,
+    GAP_MODE_ENUM,
     IdentifiedShapeList,
     TrackId,
     TrackOverlappingCells,
     TrackProp,
 } from './oncoprintmodel';
 import OncoprintToolTip from './oncoprinttooltip';
-import { arrayFindIndex, ifndef, sgndiff } from './utils';
-import MouseUpEvent = JQuery.MouseUpEvent;
-import MouseMoveEvent = JQuery.MouseMoveEvent;
+import { ifndef, sgndiff } from './utils';
 import { CellClickCallback, CellMouseOverCallback } from './oncoprint';
 import { getFragmentShaderSource, getVertexShaderSource } from './shaders';
 import _ from 'lodash';
+import MouseUpEvent = JQuery.MouseUpEvent;
+import MouseMoveEvent = JQuery.MouseMoveEvent;
 
 type ColorBankIndex = number; // index into vertex bank (e.g. 0, 4, 8, ...)
 type ColorBank = number[]; // flat list of color: [c0,c0,c0,c0,v1,v1,v1,c1,c1,c1,c1,...]
@@ -846,7 +847,10 @@ export default class OncoprintWebGLCellView {
             const cell_top = model.getCellTops(track_id);
             const cell_height = model.getCellHeight(track_id);
 
-            if (model.showGaps()) {
+            if (
+                model.showGaps() &&
+                model.gapMode() === GAP_MODE_ENUM.SHOW_GAPS_PERCENT
+            ) {
                 const gaps = this.getGaps(model, track_id);
                 if (gaps) {
                     gaps.forEach((gap: OncoprintGapConfig, i: number) => {
@@ -854,7 +858,8 @@ export default class OncoprintWebGLCellView {
                         const y =
                             model.getZoomedTrackTops()[track_id] +
                             cell_height -
-                            scroll_y;
+                            scroll_y -
+                            4;
 
                         this.drawGapLabel(gap.labelFormatter(), x, y);