higlass 2.1.9 → 2.2.1

package/app/scripts/CombinedTrack.js

@@ -241,6 +241,29 @@ class CombinedTrack {
 
     return mouseOverHtml;
   }
+
+  /**
+   * Get the uids of any items that are below the mouse
+   *
+   * @param {*} trackX
+   * @param {*} trackY
+   * @returns
+   */
+  getMouseOverUids(trackX, trackY) {
+    const mouseOverUids = [];
+
+    for (const childTrack of this.childTracks) {
+      if (childTrack.getMouseOverUids) {
+        const trackMouseOverUids = childTrack.getMouseOverUids(trackX, trackY);
+
+        if (trackMouseOverUids) {
+          mouseOverUids.push(...trackMouseOverUids);
+        }
+      }
+    }
+
+    return mouseOverUids;
+  }
 }
 
 export default CombinedTrack;

package/app/scripts/HiGlassComponent.jsx

@@ -4535,6 +4535,7 @@ class HiGlassComponent extends React.Component {
     });
 
     this.showHoverMenu(evt);
+    this.showHoverUids(evt);
   }
 
   getMinMaxValue(viewId, trackId, ignoreOffScreenValues, ignoreFixedScale) {
@@ -4565,6 +4566,28 @@ class HiGlassComponent extends React.Component {
     ];
   }
 
+  /*
+   * Someone has hovered over an item in sourceTrack so we need to inform
+   * any other track that has that item that it's been hovered over.
+   */
+  showHoverUids(evt) {
+    const mouseOverUids = evt.track?.getMouseOverUids
+      ? evt.track.getMouseOverUids(evt.relTrackX, evt.relTrackY)
+      : null;
+
+    for (const track of this.iterateOverTracks()) {
+      const trackObj = getTrackObjById(
+        this.tiledPlots,
+        track.viewId,
+        track.trackId,
+      );
+
+      if (trackObj.itemsHovered) {
+        trackObj.itemsHovered(mouseOverUids);
+      }
+    }
+  }
+
   /**
    * Show a menu displaying some information about the track under it
    */

package/app/scripts/LeftAxisTrack.js

@@ -1,5 +1,6 @@
 // @ts-nocheck
 import { axisLeft } from 'd3-axis';
+import { format } from 'd3-format';
 
 import SVGTrack from './SVGTrack';
 
@@ -25,6 +26,17 @@ class LeftAxisTrack extends SVGTrack {
 
   draw() {
     this.axis.scale(this._yScale);
+
+    if (
+      this.options.reverseAxis === 'yes' ||
+      this.options.reverseAxis === true
+    ) {
+      const defaultFormat = format(',');
+      this.axis.tickFormat((d) => defaultFormat(-d));
+    } else {
+      this.axis.tickFormat(null);
+    }
+
     this.gAxis.call(this.axis);
 
     return this;

package/app/scripts/configs/tracks-info.js

@@ -108,9 +108,10 @@ export const TRACKS_INFO = [
     orientation: '1d-vertical',
     name: 'Left Axis',
     thumbnail: svgVertical1DAxisIcon,
-    availableOptions: ['minWidth'],
+    availableOptions: ['minWidth', 'reverseAxis'],
     defaultOptions: {
       minWidth: 100,
+      reverseAxis: false,
     },
   },
   {

package/app/scripts/options-info.js

@@ -521,6 +521,11 @@ export const OPTIONS_INFO = {
     inlineOptions: sizesInPx([0, 10, 20, 30, 40, 50, 100, 200, 400], 'px'),
   },
 
+  reverseAxis: {
+    name: 'Reverse Axis',
+    inlineOptions: YES_NO,
+  },
+
   colorbarPosition: {
     name: 'Colorbar Position',
     inlineOptions: {

package/dist/app/scripts/CombinedTrack.d.ts

@@ -29,4 +29,12 @@ declare class CombinedTrack {
     respondsToPosition(x: any, y: any): boolean;
     stopHover(): void;
     getMouseOverHtml(trackX: any, trackY: any): string;
+    /**
+     * Get the uids of any items that are below the mouse
+     *
+     * @param {*} trackX
+     * @param {*} trackY
+     * @returns
+     */
+    getMouseOverUids(trackX: any, trackY: any): any[];
 }

package/dist/app/scripts/HiGlassComponent.d.ts

@@ -667,6 +667,7 @@ declare class HiGlassComponent extends React.Component<any, any, any> {
      */
     mouseMoveHandler(e: object): void;
     getMinMaxValue(viewId: any, trackId: any, ignoreOffScreenValues: any, ignoreFixedScale: any): any[] | undefined;
+    showHoverUids(evt: any): void;
     /**
      * Show a menu displaying some information about the track under it
      */