@teselagen/ove 0.7.27 → 0.7.28

package/getTrackFromEvent.js

@@ -0,0 +1,25 @@
+import { getClientX, getClientY } from "../utils/editorUtils";
+
+export function getTrackFromEvent(event, allTracks) {
+  const trackContainers = document.querySelectorAll(
+    ".alignmentViewTrackContainer"
+  );
+  let track;
+  trackContainers.forEach(t => {
+    const mouseX = getClientX(event) + document.body.scrollLeft;
+    const mouseY = getClientY(event) + document.body.scrollTop;
+    if (
+      mouseX >= t.getBoundingClientRect().left &&
+      mouseX <=
+        t.getBoundingClientRect().left + t.getBoundingClientRect().width &&
+      mouseY >= t.getBoundingClientRect().top &&
+      mouseY <= t.getBoundingClientRect().top + t.getBoundingClientRect().height
+    ) {
+      const index = t.getAttribute("data-alignment-track-index");
+      track = allTracks[index];
+      track.index = index;
+      return true;
+    }
+  });
+  return track;
+}

package/getVisibleStartEnd.js

@@ -0,0 +1,7 @@
+export function getVisibleStartEnd({ scrollData, width }) {
+  const { percentScrolled, viewportWidth } = scrollData;
+
+  const visibleStart = percentScrolled * (width - viewportWidth);
+  const visibleEnd = visibleStart + viewportWidth;
+  return { visibleEnd, visibleStart };
+}

package/getXStartAndWidthFromNonCircularRange.js

@@ -0,0 +1,12 @@
+import { getRangeLength } from "@teselagen/range-utils";
+
+export default function getXStartAndWidthFromNonCircularRange(
+  range,
+  charWidth
+) {
+  const rangeLength = getRangeLength(range);
+  return {
+    width: rangeLength * charWidth,
+    xStart: range.start * charWidth
+  };
+}

package/getXStartAndWidthOfRangeWrtRow.js

@@ -0,0 +1,27 @@
+import { normalizePositionByRangeLength } from "@teselagen/range-utils";
+import { isNumber } from "lodash-es";
+
+export default function getXStartAndWidthOfRangeWrtRow({
+  range,
+  row,
+  charWidth,
+  sequenceLength,
+  gapsBefore = 0,
+  gapsInside = 0
+}) {
+  const xStart =
+    ((!isNumber(gapsBefore) ? 0 : gapsBefore) +
+      normalizePositionByRangeLength(range.start - row.start, sequenceLength)) *
+    charWidth;
+  const obj = {
+    xStart,
+    width:
+      (gapsInside +
+        normalizePositionByRangeLength(
+          range.end + 1 - range.start,
+          sequenceLength + 1
+        )) *
+      charWidth
+  };
+  return obj;
+}

package/getXStartAndWidthOfRowAnnotation.js

@@ -0,0 +1,19 @@
+export default function getXStartAndWidthOfRowAnnotation(
+  range,
+  bpsPerRow,
+  charWidth,
+  gapsBefore = 0,
+  gapsInside = 0
+) {
+  const startOffset = range.start % bpsPerRow;
+  const toReturn = {
+    startOffset,
+    xStart: (startOffset + gapsBefore) * charWidth,
+    width: getWidth(range, charWidth, gapsInside)
+  };
+  return toReturn;
+}
+
+export function getWidth(range, charWidth, gapsInside = 0) {
+  return (range.end + 1 - range.start + gapsInside) * charWidth;
+}

package/getYOffset.js

@@ -0,0 +1,15 @@
+export default function getYOffset(iTree, start, end) {
+  //get all potentially overlapping annotations
+
+  const potentiallyOverlappingAnnotations = iTree.search(start, end);
+  //we don't want to render the new annotation on top of any of these potentially overlapping annotations
+  const potentialPositionsForNewAnnotation =
+    potentiallyOverlappingAnnotations.map(() => true);
+  potentiallyOverlappingAnnotations.forEach(function (otherAnnotation) {
+    potentialPositionsForNewAnnotation[otherAnnotation.yOffset] = false;
+  });
+  //get first occurence of empty yOffset
+  const yOffset = potentialPositionsForNewAnnotation.indexOf(true);
+  //if there are no empty slots, make a new slot
+  return yOffset > -1 ? yOffset : potentialPositionsForNewAnnotation.length;
+}

package/hoveredAnnotation.js

@@ -0,0 +1,24 @@
+//./caretPosition.js
+import { createReducer } from "redux-act";
+import createAction from "./utils/createMetaAction";
+
+// ------------------------------------
+// Actions
+// ------------------------------------
+export const hoveredAnnotationUpdate = createAction("HOVEREDANNOTATIONUPDATE");
+export const hoveredAnnotationClear = createAction("HOVEREDANNOTATIONCLEAR");
+
+// ------------------------------------
+// Reducer
+// ------------------------------------
+export default createReducer(
+  {
+    [hoveredAnnotationUpdate]: (state, payload) => {
+      return payload || null;
+    },
+    [hoveredAnnotationClear]: () => {
+      return "";
+    }
+  },
+  ""
+);