@teselagen/ove 0.7.3-beta.6 → 0.7.3

package/src/withEditorInteractions/index.js

@@ -4,7 +4,6 @@ import {
   getAminoAcidStringFromSequenceString
 } from "@teselagen/sequence-utils";
 import { getSequenceWithinRange } from "@teselagen/range-utils";
-import * as ClipboardJS from "clipboard";
 import { compose } from "redux";
 import {
   getReverseComplementSequenceAndAnnotations,
@@ -599,11 +598,10 @@ function VectorInteractionHOC(Component /* options */) {
         this.props;
       const { isProtein } = sequenceData;
       const makeTextCopyable = (transformFunc, className, action = "copy") => {
-        return new ClipboardJS(`.${className}`, {
-          action: () => action,
-          text: () => {
-            const { selectionLayer, editorName, store } = this.props;
-            const { sequenceData, copyOptions } =
+        document.querySelectorAll(`.${className}`).forEach(element => {
+          element.addEventListener("click", async () => {
+            const { editorName, store } = this.props;
+            const { sequenceData, copyOptions, selectionLayer } =
               store.getState().VectorEditor[editorName];
 
             const selectedSeqData = getSequenceDataBetweenRange(
@@ -623,24 +621,36 @@ function VectorInteractionHOC(Component /* options */) {
                 }
               }
             );
+
             const sequenceDataToCopy = transformFunc(
               selectedSeqData,
               sequenceData
             );
             this.sequenceDataToCopy = sequenceDataToCopy;
+
+            const textToCopy =
+              sequenceDataToCopy.textToCopy || sequenceDataToCopy.sequence;
+
+            try {
+              await navigator.clipboard.writeText(textToCopy);
+            } catch (err) {
+              console.error("Failed to copy text:", err);
+            }
+
             if (action === "copy") {
               document.body.addEventListener("copy", this.handleCopy);
             } else {
               document.body.addEventListener("cut", this.handleCut);
             }
+
             if (window.Cypress) {
               window.Cypress.textToCopy = sequenceDataToCopy.textToCopy;
               window.Cypress.seqDataToCopy = sequenceDataToCopy;
             }
-            return sequenceDataToCopy.textToCopy || sequenceDataToCopy.sequence;
-          }
+          });
         });
       };
+
       const aaCopy = {
         text: "Copy AA Sequence",
         className: "openVeCopyAA",
@@ -659,8 +669,6 @@ function VectorInteractionHOC(Component /* options */) {
           }, className);
         }
       };
-      // TODO: maybe stop using Clipboard.js and unify clipboard handling with
-      // a more versatile approach
       return [
         ...(readOnly || disableBpEditing
           ? []

package/utils/useFormValue.d.ts

@@ -0,0 +1 @@
+export function useFormValue(formName: any, field: any): any;

package/withEditorInteractions/Keyboard.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from '../../../../node_modules/react';
-export default Clipboard;
-declare class Clipboard extends React.Component<any, any, any> {
+export default Keyboard;
+declare class Keyboard extends React.Component<any, any, any> {
     static defaultProps: {
         className: string;
     };