@teselagen/ove 0.8.25 → 0.8.27

package/index.es.js

@@ -72546,25 +72546,6 @@ const frameTranslations$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object
   frameTranslationToggleOn,
   getMinimumOrfSize: getMinimumOrfSize$1
 }, Symbol.toStringTag, { value: "Module" }));
-const hoveredAnnotationUpdate = createMetaAction("HOVEREDANNOTATIONUPDATE");
-const hoveredAnnotationClear = createMetaAction("HOVEREDANNOTATIONCLEAR");
-const hoveredAnnotation = createReducer(
-  {
-    [hoveredAnnotationUpdate]: (state2, payload) => {
-      return payload || null;
-    },
-    [hoveredAnnotationClear]: () => {
-      return "";
-    }
-  },
-  ""
-);
-const hoveredAnnotationActions = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: hoveredAnnotation,
-  hoveredAnnotationClear,
-  hoveredAnnotationUpdate
-}, Symbol.toStringTag, { value: "Module" }));
 const minimumOrfSizeUpdate = createMetaAction("minimumOrfSizeUpdate");
 const minimumOrfSize = createReducer(
   {
@@ -97412,7 +97393,6 @@ const subReducers = {
   toolBar: toolBar$1,
   findTool: findTool$1,
   frameTranslations: frameTranslations$1,
-  hoveredAnnotation: hoveredAnnotationActions,
   minimumOrfSize: minimumOrfSize$1,
   panelsShown: panelsShown$1,
   propertiesTool: propertiesTool$1,
@@ -97536,7 +97516,7 @@ const makeStore = /* @__PURE__ */ __name(() => {
     //   replacer: (key, value) => {
     //   }
     // },
-    actionsDenylist: ["HOVEREDANNOTATIONUPDATE", "HOVEREDANNOTATIONCLEAR"]
+    actionsDenylist: []
   }) || compose$1;
   const store2 = createStore$2(
     combineReducers({
@@ -109500,85 +109480,105 @@ const HoveredIdContext = React__default.createContext({
   hoveredId: ""
   // default value
 });
-function withHoveredIdFromContext(Component2) {
-  return /* @__PURE__ */ __name(function HoveredIdComponent(props) {
-    return /* @__PURE__ */ React__default.createElement(HoveredIdContext.Consumer, null, (contexts) => /* @__PURE__ */ React__default.createElement(Component2, __spreadValues(__spreadValues({}, props), contexts)));
-  }, "HoveredIdComponent");
-}
-__name(withHoveredIdFromContext, "withHoveredIdFromContext");
 const hoveredAnnEasyStore = store$1({
   hoveredAnn: void 0,
-  selectedAnn: void 0
+  selectedAnn: void 0,
+  // Per-editor hovered annotation IDs
+  hoveredIds: {}
 });
-const withHover = compose$1(
-  withHoveredIdFromContext,
-  branch(
-    ({ noRedux }) => !noRedux,
-    connect(function(state2, {
-      id: id2,
-      editorName = "StandaloneEditor",
-      className,
-      hoveredId: hoveredIdFromContext,
-      passHoveredId
-    }) {
-      if (!editorName) {
-        console.warn(
-          "please pass an editorName to the withHover() wrapped component"
-        );
-      }
-      const editorState = state2.VectorEditor[editorName] || {};
-      const hoveredId = editorState.hoveredAnnotation || hoveredIdFromContext;
-      const isIdHashmap = typeof id2 === "object";
-      const hovered = !!(isIdHashmap ? id2[hoveredId] : hoveredId === id2);
-      const newClassName = classNames(className, "hoverHelper", {
-        veAnnotationHovered: hovered
-      });
-      const toReturn = {
-        hovered,
-        className: newClassName
-      };
-      if (hovered && passHoveredId) {
-        toReturn.hoveredId = hoveredId;
+function hoveredAnnotationUpdate(id2, { editorName = "StandaloneEditor" } = {}) {
+  hoveredAnnEasyStore.hoveredIds[editorName] = id2;
+}
+__name(hoveredAnnotationUpdate, "hoveredAnnotationUpdate");
+function hoveredAnnotationClear(clear3, { editorName = "StandaloneEditor" } = {}) {
+  hoveredAnnEasyStore.hoveredIds[editorName] = "";
+}
+__name(hoveredAnnotationClear, "hoveredAnnotationClear");
+function withHover(WrappedComponent) {
+  var _a2;
+  const HoverComponent = view(
+    (_a2 = class extends React__default.Component {
+      constructor() {
+        super(...arguments);
+        __publicField(this, "handleMouseOver", /* @__PURE__ */ __name((e) => {
+          const target = e.target;
+          let alreadyHandled = false;
+          let currentElement = target;
+          while (currentElement) {
+            if (currentElement === e.currentTarget) {
+              break;
+            }
+            if (currentElement.classList.contains("hoverHelper")) {
+              alreadyHandled = true;
+              break;
+            }
+            currentElement = currentElement.parentElement;
+          }
+          if (alreadyHandled) return;
+          const {
+            editorName = "StandaloneEditor",
+            id: id2,
+            annotation,
+            label
+          } = this.props;
+          const isIdHashmap = typeof id2 === "object";
+          const idToPass = isIdHashmap ? Object.keys(id2)[0] : id2;
+          const annot = annotation || (label == null ? void 0 : label.annotation);
+          if (modifiableTypes.includes(annot == null ? void 0 : annot.annotationTypePlural)) {
+            hoveredAnnEasyStore.hoveredAnn = annot;
+          }
+          if (window.__veDragging || window.__veScrolling) return;
+          hoveredAnnotationUpdate(idToPass, { editorName });
+        }, "handleMouseOver"));
+        __publicField(this, "handleMouseLeave", /* @__PURE__ */ __name((e) => {
+          hoveredAnnEasyStore.hoveredAnn = void 0;
+          const { editorName = "StandaloneEditor" } = this.props;
+          e.stopPropagation();
+          if (window.__veDragging || window.__veScrolling) return;
+          hoveredAnnotationClear(true, { editorName });
+        }, "handleMouseLeave"));
       }
-      return toReturn;
-    }, hoveredAnnotationActions)
-  ),
-  withHandlers({
-    onMouseOver: /* @__PURE__ */ __name((props) => function(e) {
-      var _a2;
-      const target = e.target;
-      let alreadyHandled = false;
-      let currentElement = target;
-      while (currentElement) {
-        if (currentElement === e.currentTarget) {
-          break;
-        }
-        if (currentElement.classList.contains("hoverHelper")) {
-          alreadyHandled = true;
-          break;
+      render() {
+        var _b2;
+        const _a3 = this.props, {
+          id: id2,
+          editorName = "StandaloneEditor",
+          className,
+          passHoveredId,
+          noRedux
+        } = _a3, restProps = __objRest(_a3, [
+          "id",
+          "editorName",
+          "className",
+          "passHoveredId",
+          "noRedux"
+        ]);
+        const hoveredIdFromContext = (_b2 = this.context) == null ? void 0 : _b2.hoveredId;
+        const hoveredId = hoveredAnnEasyStore.hoveredIds[editorName] || hoveredIdFromContext || "";
+        const isIdHashmap = typeof id2 === "object";
+        const hovered = !!(isIdHashmap ? id2[hoveredId] : hoveredId === id2);
+        const newClassName = classNames(className, "hoverHelper", {
+          veAnnotationHovered: hovered
+        });
+        const passedProps = __spreadProps(__spreadValues({}, restProps), {
+          id: id2,
+          editorName,
+          hovered,
+          className: newClassName,
+          onMouseOver: this.handleMouseOver,
+          onMouseLeave: this.handleMouseLeave
+        });
+        if (hovered && passHoveredId) {
+          passedProps.hoveredId = hoveredId;
         }
-        currentElement = currentElement.parentElement;
-      }
-      if (alreadyHandled) return;
-      const { editorName, id: id2, hoveredAnnotationUpdate: hoveredAnnotationUpdate2 } = props;
-      const isIdHashmap = typeof id2 === "object";
-      const idToPass = isIdHashmap ? Object.keys(id2)[0] : id2;
-      const annot = (props == null ? void 0 : props.annotation) || ((_a2 = props == null ? void 0 : props.label) == null ? void 0 : _a2.annotation);
-      if (modifiableTypes.includes(annot == null ? void 0 : annot.annotationTypePlural)) {
-        hoveredAnnEasyStore.hoveredAnn = annot;
-      }
-      if (window.__veDragging || window.__veScrolling) return;
-      hoveredAnnotationUpdate2 && hoveredAnnotationUpdate2(idToPass, { editorName });
-    }, "onMouseOver"),
-    onMouseLeave: /* @__PURE__ */ __name((props) => (e) => {
-      hoveredAnnEasyStore.hoveredAnn = void 0;
-      const { editorName, hoveredAnnotationClear: hoveredAnnotationClear2 } = props;
-      e.stopPropagation();
-      if (window.__veDragging || window.__veScrolling) return;
-      hoveredAnnotationClear2 && hoveredAnnotationClear2(true, { editorName });
-    }, "onMouseLeave")
-  })
-);
+        return /* @__PURE__ */ React__default.createElement(WrappedComponent, __spreadValues({}, passedProps));
+      }
+    }, __publicField(_a2, "contextType", HoveredIdContext), _a2)
+  );
+  HoverComponent.displayName = `withHover(${WrappedComponent.displayName || WrappedComponent.name || "Component"})`;
+  return HoverComponent;
+}
+__name(withHover, "withHover");
 const partOverhangs = [
   "fivePrimeOverhang",
   "fivePrimeUnderhang",
@@ -114309,12 +114309,12 @@ function Cutsites(props) {
     row,
     sequenceLength,
     topStrand,
-    hoveredAnnotation: hoveredAnnotation2
+    hoveredAnnotation
   } = props;
   const snips = [];
   const snipConnectors = [];
   Object.keys(annotationRanges).sort(
-    (a2) => annotationRanges[a2].annotation.id === hoveredAnnotation2 ? 1 : -1
+    (a2) => annotationRanges[a2].annotation.id === hoveredAnnotation ? 1 : -1
   ).forEach(function(key) {
     const annotationRange = annotationRanges[key];
     let { annotation } = annotationRange;
@@ -114333,7 +114333,7 @@ function Cutsites(props) {
     bottomSnipPosition = bottomSnipPosition && Number(bottomSnipPosition);
     upstreamTopSnip = upstreamTopSnip && Number(upstreamTopSnip);
     upstreamBottomSnip = upstreamBottomSnip && Number(upstreamBottomSnip);
-    const isHovered = annotation.id === hoveredAnnotation2;
+    const isHovered = annotation.id === hoveredAnnotation;
     snipStyle = __spreadProps(__spreadValues({}, snipStyle), {
       background: annotation.restrictionEnzyme.color
     });
@@ -114450,8 +114450,8 @@ function Cutsites(props) {
 }
 __name(Cutsites, "Cutsites");
 const Cutsites$1 = pure(
-  connectToEditor(({ hoveredAnnotation: hoveredAnnotation2 }) => ({
-    hoveredAnnotation: hoveredAnnotation2
+  connectToEditor(({ hoveredAnnotation }) => ({
+    hoveredAnnotation
   }))(Cutsites)
 );
 const useShowChromQualScores = /* @__PURE__ */ __name(() => {
@@ -114850,11 +114850,11 @@ const defaultCharWidth = 9;
 const defaultContainerWidth = 400;
 const defaultMarginWidth$1 = 50;
 const CutsiteSelectionLayers = connectToEditor(
-  ({ hoveredAnnotation: hoveredAnnotation2 }) => ({
-    hoveredAnnotation: hoveredAnnotation2
+  ({ hoveredAnnotation }) => ({
+    hoveredAnnotation
   })
 )(/* @__PURE__ */ __name(function CutsiteSelectionLayersInner({
-  hoveredAnnotation: hoveredAnnotation2,
+  hoveredAnnotation,
   cutsites,
   annotationCommonProps,
   showReverseSequence,
@@ -114862,9 +114862,9 @@ const CutsiteSelectionLayers = connectToEditor(
   alignmentData,
   row
 }) {
-  return Object.keys(cutsites).sort((a2) => cutsites[a2].id === hoveredAnnotation2 ? 1 : -1).map(function(id2, index2) {
+  return Object.keys(cutsites).sort((a2) => cutsites[a2].id === hoveredAnnotation ? 1 : -1).map(function(id2, index2) {
     const cutsite = cutsites[id2];
-    const isHovered = hoveredAnnotation2 === cutsite.id;
+    const isHovered = hoveredAnnotation === cutsite.id;
     const layer = cutsite.annotation.recognitionSiteRange;
     return layer.start > -1 && /* @__PURE__ */ React__default.createElement(
       SelectionLayer$3,
@@ -116968,7 +116968,7 @@ function showFileDialog({ multiple = false, onSelect }) {
   input.click();
 }
 __name(showFileDialog, "showFileDialog");
-const version = "0.8.25";
+const version = "0.8.27";
 const packageJson = {
   version
 };