@teselagen/ove 0.7.28 → 0.7.29

package/withHover.js

@@ -1,113 +0,0 @@
-import classnames from "classnames";
-import { compose } from "redux";
-import { connect } from "react-redux";
-import React from "react";
-import { store } from "@risingstack/react-easy-state";
-import * as hoveredAnnotationActions from "../redux/hoveredAnnotation";
-import { withHandlers, branch } from "recompose";
-import { modifiableTypes } from "@teselagen/sequence-utils";
-
-export const HoveredIdContext = React.createContext({
-  hoveredId: "" // default value
-});
-
-export function withHoveredIdFromContext(Component) {
-  return function HoveredIdComponent(props) {
-    return (
-      <HoveredIdContext.Consumer>
-        {contexts => <Component {...props} {...contexts} />}
-      </HoveredIdContext.Consumer>
-    );
-  };
-}
-export const hoveredAnnEasyStore = store({
-  hoveredAnn: undefined,
-  selectedAnn: undefined
-});
-
-export default compose(
-  withHoveredIdFromContext,
-  branch(
-    ({ noRedux }) => !noRedux,
-    connect(function (
-      state,
-      {
-        id,
-        editorName = "StandaloneEditor",
-        className,
-        hoveredId: hoveredIdFromContext,
-        passHoveredId
-      }
-    ) {
-      if (!editorName) {
-        console.warn(
-          "please pass an editorName to the withHover() wrapped component"
-        );
-      }
-      const editorState = state.VectorEditor[editorName] || {};
-      const hoveredId = editorState.hoveredAnnotation || hoveredIdFromContext; //we can pass a hoveredId from context in order to still use the hover functionality without being connected to redux! see http://localhost:3344/#/SimpleCircularOrLinearView for an example
-      const isIdHashmap = typeof id === "object";
-
-      const hovered = !!(isIdHashmap ? id[hoveredId] : hoveredId === id);
-      const newClassName = classnames(className, "hoverHelper", {
-        veAnnotationHovered: hovered
-      });
-      const toReturn = {
-        hovered,
-        className: newClassName
-      };
-      if (hovered && passHoveredId) {
-        //only pass hoveredId if it is hovered
-        toReturn.hoveredId = hoveredId;
-      }
-      return toReturn;
-    }, hoveredAnnotationActions)
-  ),
-  withHandlers({
-    onMouseOver: props =>
-      function (e) {
-        // loop through the target element and the parents and see if any of them have the hoverHelper class
-        // if they do, then we don't want to trigger the hover event
-        // if they don't, then we do want to trigger the hover event
-        // we should stop the loop if the target element is implementing this onMouseOver event
-        // e.stopPropagation(); //this is important otherwise hovering labels inside circular view label groups won't work
-        const target = e.target;
-        let alreadyHandled = false;
-        let currentElement = target;
-        while (currentElement) {
-          if (currentElement === e.currentTarget) {
-            break;
-          }
-          // console.log(`currentElement:`, currentElement)
-
-          if (currentElement.classList.contains("hoverHelper")) {
-            alreadyHandled = true;
-            break;
-          }
-          currentElement = currentElement.parentElement;
-        }
-        if (alreadyHandled) return;
-
-        // const alreadyHandled = e.target.classList.contains("hoverHelper");
-        const { editorName, id, hoveredAnnotationUpdate } = props;
-        const isIdHashmap = typeof id === "object";
-        const idToPass = isIdHashmap ? Object.keys(id)[0] : id;
-        const annot = props?.annotation || props?.label?.annotation;
-        if (modifiableTypes.includes(annot?.annotationTypePlural)) {
-          hoveredAnnEasyStore.hoveredAnn = annot;
-        }
-        //because the calling onHover can slow things down, we disable it if dragging or scrolling
-        if (window.__veDragging || window.__veScrolling) return;
-
-        hoveredAnnotationUpdate &&
-          hoveredAnnotationUpdate(idToPass, { editorName });
-      },
-    onMouseLeave: props => e => {
-      hoveredAnnEasyStore.hoveredAnn = undefined;
-      const { editorName, hoveredAnnotationClear } = props;
-      e.stopPropagation();
-      if (window.__veDragging || window.__veScrolling) return;
-      hoveredAnnotationClear && hoveredAnnotationClear(true, { editorName });
-    }
-  })
-);

package/withRestrictionEnzymes.js

@@ -1,15 +0,0 @@
-import { connectToEditor } from "../withEditorProps";
-import restrictionEnzymesSelector from "../selectors/restrictionEnzymesSelector";
-
-export const withRestrictionEnzymes = connectToEditor(
-  (editorState, ownProps) => {
-    const allRestrictionEnzymes = restrictionEnzymesSelector(
-      editorState,
-      ownProps.additionalEnzymes,
-      ownProps.enzymeGroupsOverride
-    );
-    return {
-      allRestrictionEnzymes
-    };
-  }
-);