@jbrowse/plugin-wiggle
Version:
JBrowse 2 wiggle adapters, tracks, etc.
34 lines (33 loc) • 1.83 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { useRef } from 'react';
import { PrerenderedCanvas } from '@jbrowse/core/ui';
import { observer } from 'mobx-react';
const WiggleRendering = observer(function (props) {
const { regions, features, bpPerPx, width, height, onMouseLeave, onMouseMove, onFeatureClick, } = props;
const region = regions[0];
const ref = useRef(null);
function getFeatureUnderMouse(eventClientX) {
let offset = 0;
if (ref.current) {
offset = ref.current.getBoundingClientRect().left;
}
const offsetX = eventClientX - offset;
const px = region.reversed ? width - offsetX : offsetX;
const clientBp = region.start + bpPerPx * px;
let featureUnderMouse;
for (const feature of features.values()) {
if (clientBp <= feature.get('end') + bpPerPx &&
clientBp >= feature.get('start')) {
featureUnderMouse = feature;
break;
}
}
return featureUnderMouse;
}
return (_jsx("div", { ref: ref, "data-testid": "wiggle-rendering-test", onMouseMove: e => { var _a; return onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove(e, (_a = getFeatureUnderMouse(e.clientX)) === null || _a === void 0 ? void 0 : _a.id()); }, onClick: e => { var _a; return onFeatureClick === null || onFeatureClick === void 0 ? void 0 : onFeatureClick(e, (_a = getFeatureUnderMouse(e.clientX)) === null || _a === void 0 ? void 0 : _a.id()); }, onMouseLeave: e => onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e), style: {
overflow: 'visible',
position: 'relative',
height,
}, children: _jsx(PrerenderedCanvas, { ...props }) }));
});
export default WiggleRendering;