@teselagen/ove 0.5.14 → 0.5.15

package/index.umd.js

@@ -10047,7 +10047,7 @@ var __async = (__this, __arguments, generator) => {
     }, _typeof$7(o2);
   }
   __name(_typeof$7, "_typeof$7");
-  function toPrimitive$3(t2, r2) {
+  function toPrimitive$4(t2, r2) {
     if ("object" != _typeof$7(t2) || !t2)
       return t2;
     var e2 = t2[Symbol.toPrimitive];
@@ -10059,9 +10059,9 @@ var __async = (__this, __arguments, generator) => {
     }
     return ("string" === r2 ? String : Number)(t2);
   }
-  __name(toPrimitive$3, "toPrimitive$3");
+  __name(toPrimitive$4, "toPrimitive$4");
   function toPropertyKey(t2) {
-    var i2 = toPrimitive$3(t2, "string");
+    var i2 = toPrimitive$4(t2, "string");
     return "symbol" == _typeof$7(i2) ? i2 : String(i2);
   }
   __name(toPropertyKey, "toPropertyKey");
@@ -25997,10 +25997,10 @@ var __async = (__this, __arguments, generator) => {
     /* istanbul ignore next */
     Object.getOwnPropertyNames
   );
-  function toPrimitive$2(value) {
+  function toPrimitive$3(value) {
     return value === null ? null : typeof value === "object" ? "" + value : value;
   }
-  __name(toPrimitive$2, "toPrimitive$2");
+  __name(toPrimitive$3, "toPrimitive$3");
   function hasProp(target, prop2) {
     return objectPrototype$2.hasOwnProperty.call(target, prop2);
   }
@@ -27019,7 +27019,7 @@ var __async = (__this, __arguments, generator) => {
       return this.name_ + "[" + this.value_ + "]";
     }, "toString2");
     _proto.valueOf = /* @__PURE__ */ __name(function valueOf() {
-      return toPrimitive$2(this.get());
+      return toPrimitive$3(this.get());
     }, "valueOf");
     _proto[_Symbol$toPrimitive] = function() {
       return this.valueOf();
@@ -27204,7 +27204,7 @@ var __async = (__this, __arguments, generator) => {
       return this.name_ + "[" + this.derivation.toString() + "]";
     }, "toString2");
     _proto.valueOf = /* @__PURE__ */ __name(function valueOf() {
-      return toPrimitive$2(this.get());
+      return toPrimitive$3(this.get());
     }, "valueOf");
     _proto[_Symbol$toPrimitive$1] = function() {
       return this.valueOf();
@@ -40904,20 +40904,11 @@ ${latestSubscriptionCallbackError.current.stack}
       return true;
     }
   }, "_fails");
-  var _descriptors;
-  var hasRequired_descriptors;
-  function require_descriptors() {
-    if (hasRequired_descriptors)
-      return _descriptors;
-    hasRequired_descriptors = 1;
-    _descriptors = !_fails(function() {
-      return Object.defineProperty({}, "a", { get: function() {
-        return 7;
-      } }).a != 7;
-    });
-    return _descriptors;
-  }
-  __name(require_descriptors, "require_descriptors");
+  var _descriptors = !_fails(function() {
+    return Object.defineProperty({}, "a", { get: function() {
+      return 7;
+    } }).a != 7;
+  });
   var _domCreate;
   var hasRequired_domCreate;
   function require_domCreate() {
@@ -40933,20 +40924,11 @@ ${latestSubscriptionCallbackError.current.stack}
     return _domCreate;
   }
   __name(require_domCreate, "require_domCreate");
-  var _ie8DomDefine;
-  var hasRequired_ie8DomDefine;
-  function require_ie8DomDefine() {
-    if (hasRequired_ie8DomDefine)
-      return _ie8DomDefine;
-    hasRequired_ie8DomDefine = 1;
-    _ie8DomDefine = !require_descriptors() && !_fails(function() {
-      return Object.defineProperty(require_domCreate()("div"), "a", { get: function() {
-        return 7;
-      } }).a != 7;
-    });
-    return _ie8DomDefine;
-  }
-  __name(require_ie8DomDefine, "require_ie8DomDefine");
+  var _ie8DomDefine = !_descriptors && !_fails(function() {
+    return Object.defineProperty(require_domCreate()("div"), "a", { get: function() {
+      return 7;
+    } }).a != 7;
+  });
   var isObject$5 = _isObject;
   var _toPrimitive$1 = /* @__PURE__ */ __name(function(it, S2) {
     if (!isObject$5(it))
@@ -40960,33 +40942,25 @@ ${latestSubscriptionCallbackError.current.stack}
       return val2;
     throw TypeError("Can't convert object to primitive value");
   }, "_toPrimitive$1");
-  var hasRequired_objectDp;
-  function require_objectDp() {
-    if (hasRequired_objectDp)
-      return _objectDp;
-    hasRequired_objectDp = 1;
-    var anObject2 = _anObject;
-    var IE8_DOM_DEFINE2 = require_ie8DomDefine();
-    var toPrimitive2 = _toPrimitive$1;
-    var dP2 = Object.defineProperty;
-    _objectDp.f = require_descriptors() ? Object.defineProperty : /* @__PURE__ */ __name(function defineProperty2(O2, P2, Attributes) {
-      anObject2(O2);
-      P2 = toPrimitive2(P2, true);
-      anObject2(Attributes);
-      if (IE8_DOM_DEFINE2)
-        try {
-          return dP2(O2, P2, Attributes);
-        } catch (e2) {
-        }
-      if ("get" in Attributes || "set" in Attributes)
-        throw TypeError("Accessors not supported!");
-      if ("value" in Attributes)
-        O2[P2] = Attributes.value;
-      return O2;
-    }, "defineProperty");
-    return _objectDp;
-  }
-  __name(require_objectDp, "require_objectDp");
+  var anObject$5 = _anObject;
+  var IE8_DOM_DEFINE$1 = _ie8DomDefine;
+  var toPrimitive$2 = _toPrimitive$1;
+  var dP$3 = Object.defineProperty;
+  _objectDp.f = _descriptors ? Object.defineProperty : /* @__PURE__ */ __name(function defineProperty2(O2, P2, Attributes) {
+    anObject$5(O2);
+    P2 = toPrimitive$2(P2, true);
+    anObject$5(Attributes);
+    if (IE8_DOM_DEFINE$1)
+      try {
+        return dP$3(O2, P2, Attributes);
+      } catch (e2) {
+      }
+    if ("get" in Attributes || "set" in Attributes)
+      throw TypeError("Accessors not supported!");
+    if ("value" in Attributes)
+      O2[P2] = Attributes.value;
+    return O2;
+  }, "defineProperty");
   var _propertyDesc = /* @__PURE__ */ __name(function(bitmap, value) {
     return {
       enumerable: !(bitmap & 1),
@@ -40995,9 +40969,9 @@ ${latestSubscriptionCallbackError.current.stack}
       value
     };
   }, "_propertyDesc");
-  var dP$2 = require_objectDp();
+  var dP$2 = _objectDp;
   var createDesc$3 = _propertyDesc;
-  var _hide = require_descriptors() ? function(object2, key2, value) {
+  var _hide = _descriptors ? function(object2, key2, value) {
     return dP$2.f(object2, key2, createDesc$3(1, value));
   } : function(object2, key2, value) {
     object2[key2] = value;
@@ -41069,16 +41043,25 @@ ${latestSubscriptionCallbackError.current.stack}
   var _cof = /* @__PURE__ */ __name(function(it) {
     return toString$3.call(it).slice(8, -1);
   }, "_cof");
-  var cof$2 = _cof;
-  var _iobject = Object("z").propertyIsEnumerable(0) ? Object : function(it) {
-    return cof$2(it) == "String" ? it.split("") : Object(it);
-  };
+  var _iobject;
+  var hasRequired_iobject;
+  function require_iobject() {
+    if (hasRequired_iobject)
+      return _iobject;
+    hasRequired_iobject = 1;
+    var cof2 = _cof;
+    _iobject = Object("z").propertyIsEnumerable(0) ? Object : function(it) {
+      return cof2(it) == "String" ? it.split("") : Object(it);
+    };
+    return _iobject;
+  }
+  __name(require_iobject, "require_iobject");
   var _defined = /* @__PURE__ */ __name(function(it) {
     if (it == void 0)
       throw TypeError("Can't call method on  " + it);
     return it;
   }, "_defined");
-  var IObject = _iobject;
+  var IObject = require_iobject();
   var defined$2 = _defined;
   var _toIobject = /* @__PURE__ */ __name(function(it) {
     return IObject(defined$2(it));
@@ -41194,12 +41177,12 @@ ${latestSubscriptionCallbackError.current.stack}
     if (hasRequired_objectAssign)
       return _objectAssign;
     hasRequired_objectAssign = 1;
-    var DESCRIPTORS2 = require_descriptors();
+    var DESCRIPTORS2 = _descriptors;
     var getKeys2 = _objectKeys;
     var gOPS2 = _objectGops;
     var pIE2 = require_objectPie();
     var toObject2 = _toObject;
-    var IObject2 = _iobject;
+    var IObject2 = require_iobject();
     var $assign = Object.assign;
     _objectAssign = !$assign || _fails(function() {
       var A2 = {};
@@ -41260,10 +41243,10 @@ ${latestSubscriptionCallbackError.current.stack}
   }, "_iterStep");
   var _iterators = {};
   var _redefine = _hide;
-  var dP$1 = require_objectDp();
+  var dP$1 = _objectDp;
   var anObject$4 = _anObject;
   var getKeys$1 = _objectKeys;
-  var _objectDps = require_descriptors() ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties2(O2, Properties2) {
+  var _objectDps = _descriptors ? Object.defineProperties : /* @__PURE__ */ __name(function defineProperties2(O2, Properties2) {
     anObject$4(O2);
     var keys2 = getKeys$1(Properties2);
     var length = keys2.length;
@@ -41330,7 +41313,7 @@ ${latestSubscriptionCallbackError.current.stack}
   };
   $exports.store = store$2;
   var _wksExports = _wks.exports;
-  var def = require_objectDp().f;
+  var def = _objectDp.f;
   var has$b = _has;
   var TAG$1 = _wksExports("toStringTag");
   var _setToStringTag = /* @__PURE__ */ __name(function(it, tag, stat) {
@@ -41603,7 +41586,7 @@ ${latestSubscriptionCallbackError.current.stack}
   var _isArrayIter = /* @__PURE__ */ __name(function(it) {
     return it !== void 0 && (Iterators.Array === it || ArrayProto[ITERATOR] === it);
   }, "_isArrayIter");
-  var $defineProperty$1 = require_objectDp();
+  var $defineProperty$1 = _objectDp;
   var createDesc$2 = _propertyDesc;
   var _createProperty = /* @__PURE__ */ __name(function(object2, index2, value) {
     if (index2 in object2)
@@ -41732,7 +41715,7 @@ ${latestSubscriptionCallbackError.current.stack}
     }
   }, "_default$8");
   var $export$3 = _export;
-  $export$3($export$3.S + $export$3.F * !require_descriptors(), "Object", { defineProperty: require_objectDp().f });
+  $export$3($export$3.S + $export$3.F * !_descriptors, "Object", { defineProperty: _objectDp.f });
   var $Object$1 = _coreExports.Object;
   var defineProperty$4 = /* @__PURE__ */ __name(function defineProperty2(it, key2, desc) {
     return $Object$1.defineProperty(it, key2, desc);
@@ -41773,7 +41756,7 @@ ${latestSubscriptionCallbackError.current.stack}
   var META$1 = _uid("meta");
   var isObject$4 = _isObject;
   var has$9 = _has;
-  var setDesc = require_objectDp().f;
+  var setDesc = _objectDp.f;
   var id$1 = 0;
   var isExtensible = Object.isExtensible || function() {
     return true;
@@ -41826,7 +41809,7 @@ ${latestSubscriptionCallbackError.current.stack}
   var _metaExports = _meta.exports;
   var core = _coreExports;
   var wksExt$1 = _wksExt;
-  var defineProperty$2 = require_objectDp().f;
+  var defineProperty$2 = _objectDp.f;
   var _wksDefine = /* @__PURE__ */ __name(function(name2) {
     var $Symbol2 = core.Symbol || (core.Symbol = {});
     if (name2.charAt(0) != "_" && !(name2 in $Symbol2))
@@ -41880,9 +41863,9 @@ ${latestSubscriptionCallbackError.current.stack}
   var toIObject$1 = _toIobject;
   var toPrimitive$1 = _toPrimitive$1;
   var has$8 = _has;
-  var IE8_DOM_DEFINE = require_ie8DomDefine();
+  var IE8_DOM_DEFINE = _ie8DomDefine;
   var gOPD$2 = Object.getOwnPropertyDescriptor;
-  _objectGopd.f = require_descriptors() ? gOPD$2 : /* @__PURE__ */ __name(function getOwnPropertyDescriptor2(O2, P2) {
+  _objectGopd.f = _descriptors ? gOPD$2 : /* @__PURE__ */ __name(function getOwnPropertyDescriptor2(O2, P2) {
     O2 = toIObject$1(O2);
     P2 = toPrimitive$1(P2, true);
     if (IE8_DOM_DEFINE)
@@ -41895,7 +41878,7 @@ ${latestSubscriptionCallbackError.current.stack}
   }, "getOwnPropertyDescriptor");
   var global$1 = _globalExports;
   var has$7 = _has;
-  var DESCRIPTORS = require_descriptors();
+  var DESCRIPTORS = _descriptors;
   var $export$2 = _export;
   var redefine = _redefine;
   var META = _metaExports.KEY;
@@ -41918,7 +41901,7 @@ ${latestSubscriptionCallbackError.current.stack}
   var gOPNExt = _objectGopnExt;
   var $GOPD = _objectGopd;
   var $GOPS = _objectGops;
-  var $DP = require_objectDp();
+  var $DP = _objectDp;
   var $keys$1 = _objectKeys;
   var gOPD$1 = $GOPD.f;
   var dP = $DP.f;
@@ -62110,6 +62093,7 @@ ${latestSubscriptionCallbackError.current.stack}
   }
   __name(getKeyedTagsAndTagOptions, "getKeyedTagsAndTagOptions");
   function getTagColorStyle(color2) {
+    console.log(`color:`, color2);
     return color2 ? {
       style: {
         backgroundColor: color2,
@@ -62475,22 +62459,6 @@ ${latestSubscriptionCallbackError.current.stack}
           })
         }), rest)
       );
-      if (backgroundColor2) {
-        return /* @__PURE__ */ React$2.createElement(
-          "div",
-          {
-            style: {
-              backgroundColor: backgroundColor2,
-              borderRadius: "4px 4px 4px 4px",
-              overflow: "hidden",
-              width: "fit-content",
-              color: "white",
-              border: "2px solid white"
-            }
-          },
-          toRet
-        );
-      }
       return toRet;
     }
   };
@@ -134916,7 +134884,7 @@ ${seq.sequence}
       (_a2 = document.activeElement.closest(".veEditor")) == null ? void 0 : _a2.className.split(" ").forEach((c2) => {
         if (!c2.trim())
           return;
-        if (!c2.trim().includes("veEditor")) {
+        if (!c2.trim().includes("veEditor") && !c2.trim().includes("previewModeFullscreen")) {
           editorName = c2;
         }
       });
@@ -135395,18 +135363,19 @@ ${seq.sequence}
     ),
     withHandlers({
       wrappedInsertSequenceDataAtPositionOrRange: (props) => {
-        return (_sequenceDataToInsert, _existingSequenceData, _caretPositionOrRange, _options) => {
+        return (_sequenceDataToInsert, _existingSequenceData, _caretPositionOrRange, _options) => __async(this, null, function* () {
           const {
             sequenceDataToInsert,
             existingSequenceData,
             caretPositionOrRange,
             options
-          } = props.beforeSequenceInsertOrDelete ? props.beforeSequenceInsertOrDelete(
+          } = props.beforeSequenceInsertOrDelete ? (yield props.beforeSequenceInsertOrDelete(
             tidyUpSequenceData(_sequenceDataToInsert),
             tidyUpSequenceData(_existingSequenceData),
             _caretPositionOrRange,
             _options
-          ) || {} : {};
+          )) || {} : {};
+          console.log(`zoink2`);
           return [
             insertSequenceDataAtPositionOrRange(
               sequenceDataToInsert || _sequenceDataToInsert,
@@ -135416,7 +135385,7 @@ ${seq.sequence}
             ),
             options || _options || {}
           ];
-        };
+        });
       },
       upsertTranslation: (props) => {
         return (translationToUpsert) => __async(this, null, function* () {
@@ -135501,7 +135470,7 @@ ${seq.sequence}
         );
         caretPositionUpdate2(0);
       },
-      handleReverseComplementSelection: (props) => () => {
+      handleReverseComplementSelection: (props) => () => __async(this, null, function* () {
         const {
           sequenceData: sequenceData2,
           updateSequenceData: updateSequenceData2,
@@ -135517,7 +135486,7 @@ ${seq.sequence}
             range: selectionLayer2
           }
         );
-        const [newSeqData] = wrappedInsertSequenceDataAtPositionOrRange(
+        const [newSeqData] = yield wrappedInsertSequenceDataAtPositionOrRange(
           reversedSeqData,
           sequenceData2,
           selectionLayer2,
@@ -135526,8 +135495,8 @@ ${seq.sequence}
           }
         );
         updateSequenceData2(newSeqData);
-      },
-      handleComplementSelection: (props) => () => {
+      }),
+      handleComplementSelection: (props) => () => __async(this, null, function* () {
         const {
           sequenceData: sequenceData2,
           updateSequenceData: updateSequenceData2,
@@ -135540,7 +135509,7 @@ ${seq.sequence}
         const comp = getComplementSequenceAndAnnotations(sequenceData2, {
           range: selectionLayer2
         });
-        const [newSeqData] = wrappedInsertSequenceDataAtPositionOrRange(
+        const [newSeqData] = yield wrappedInsertSequenceDataAtPositionOrRange(
           comp,
           sequenceData2,
           selectionLayer2,
@@ -135549,7 +135518,7 @@ ${seq.sequence}
           }
         );
         updateSequenceData2(newSeqData);
-      },
+      }),
       handleReverseComplementSequence: (props) => () => {
         const { sequenceData: sequenceData2, updateSequenceData: updateSequenceData2 } = props;
         updateSequenceData2(
@@ -150309,7 +150278,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
   }
   __name(showFileDialog, "showFileDialog");
   const name = "@teselagen/ove";
-  const version = "0.5.13";
+  const version = "0.5.14";
   const main = "./src/index.js";
   const type = "module";
   const exports$1 = {
@@ -153376,7 +153345,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
             caretPositionUpdate: this.caretPositionUpdate
           });
         }, "updateSelectionOrCaret"));
-        __publicField(this, "handlePaste", /* @__PURE__ */ __name((e2) => {
+        __publicField(this, "handlePaste", /* @__PURE__ */ __name((e2) => __async(this, null, function* () {
           const {
             caretPosition: caretPosition2 = -1,
             selectionLayer: selectionLayer2 = { start: -1, end: -1 },
@@ -153418,13 +153387,13 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
           });
           if (!seqDataToInsert.sequence.length)
             return window.toastr.warning("Sorry no valid base pairs to paste");
-          insertAndSelectHelper({
+          yield insertAndSelectHelper({
             seqDataToInsert,
             props: this.props
           });
           window.toastr.success("Sequence Pasted Successfully");
           e2.preventDefault();
-        }, "handlePaste"));
+        }), "handlePaste"));
         __publicField(this, "handleCutOrCopy", /* @__PURE__ */ __name((isCut) => (e2) => {
           const {
             onCopy = noop$5,
@@ -153491,7 +153460,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
         }, "handleCutOrCopy"));
         __publicField(this, "handleCut", this.handleCutOrCopy(true));
         __publicField(this, "handleCopy", this.handleCutOrCopy());
-        __publicField(this, "handleDnaInsert", /* @__PURE__ */ __name(({ useEventPositioning }) => {
+        __publicField(this, "handleDnaInsert", /* @__PURE__ */ __name((_0) => __async(this, [_0], function* ({ useEventPositioning }) {
           const {
             caretPosition: caretPosition2 = -1,
             selectionLayer: selectionLayer2 = { start: -1, end: -1 },
@@ -153518,17 +153487,17 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
               selectionLayer: selectionLayer2,
               sequenceLength,
               caretPosition: caretPosition2,
-              handleInsert: (seqDataToInsert) => {
-                insertAndSelectHelper({
+              handleInsert: (seqDataToInsert) => __async(this, null, function* () {
+                yield insertAndSelectHelper({
                   props: this.props,
                   seqDataToInsert
                 });
                 window.toastr.success("Sequence Inserted Successfully");
-              }
+              })
             });
           }
-        }, "handleDnaInsert"));
-        __publicField(this, "handleDnaDelete", /* @__PURE__ */ __name((showToast = true) => {
+        }), "handleDnaInsert"));
+        __publicField(this, "handleDnaDelete", /* @__PURE__ */ __name((showToast = true) => __async(this, null, function* () {
           const {
             caretPosition: caretPosition2 = -1,
             selectionLayer: selectionLayer2 = { start: -1, end: -1 },
@@ -153569,11 +153538,14 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
                 isCaretAtEndOfSeq = true;
               }
             }
-            const [newSeqData] = wrappedInsertSequenceDataAtPositionOrRange(
+            const [newSeqData, { abortSeqChange }] = yield wrappedInsertSequenceDataAtPositionOrRange(
               {},
               sequenceData2,
               rangeToDelete
             );
+            console.log(`z3`);
+            if (abortSeqChange)
+              return;
             updateSequenceData2(newSeqData);
             caretPositionUpdate2(
               isCaretAtEndOfSeq ? newSeqData.sequence.length : rangeToDelete.start > newSeqData.sequence.length ? (
@@ -153587,7 +153559,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
             if (showToast)
               window.toastr.success("Sequence Deleted Successfully");
           }
-        }, "handleDnaDelete"));
+        }), "handleDnaDelete"));
         __publicField(this, "caretPositionUpdate", /* @__PURE__ */ __name((position2) => {
           const { caretPosition: caretPosition2 = -1 } = this.props;
           if (caretPosition2 === position2) {
@@ -154346,7 +154318,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
     });
   }
   __name(getGenbankFromSelection, "getGenbankFromSelection");
-  const insertAndSelectHelper = /* @__PURE__ */ __name(({ seqDataToInsert, props }) => {
+  const insertAndSelectHelper = /* @__PURE__ */ __name((_0) => __async(this, [_0], function* ({ seqDataToInsert, props }) {
     const {
       updateSequenceData: updateSequenceData2,
       wrappedInsertSequenceDataAtPositionOrRange,
@@ -154356,11 +154328,15 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
       selectionLayer: selectionLayer2,
       bpLimit
     } = props;
-    const [newSeqData, { maintainOriginSplit }] = wrappedInsertSequenceDataAtPositionOrRange(
+    const [newSeqData, { maintainOriginSplit, abortSeqChange }] = yield wrappedInsertSequenceDataAtPositionOrRange(
       seqDataToInsert,
       sequenceData2,
       caretPosition2 > -1 ? caretPosition2 : selectionLayer2
     );
+    console.log(`z4`);
+    if (abortSeqChange) {
+      throw new Error("abortSeqChange");
+    }
     if (bpLimit) {
       if (newSeqData.sequence.length > bpLimit) {
         window.toastr.error(
@@ -154378,7 +154354,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
       start: newSelectionLayerStart,
       end: newSelectionLayerEnd % newSeqData.sequence.length
     });
-  }, "insertAndSelectHelper");
+  }), "insertAndSelectHelper");
   function getEditDeleteHandlers(type2, annotation) {
     return [
       ...annotation.isEditLocked ? [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ove",
-  "version": "0.5.14",
+  "version": "0.5.15",
   "main": "./src/index.js",
   "exports": {
     ".": {

package/src/GlobalDialogUtils.js

@@ -23,7 +23,10 @@ export function showDialog({
       ?.className.split(" ")
       .forEach(c => {
         if (!c.trim()) return;
-        if (!c.trim().includes("veEditor")) {
+        if (
+          !c.trim().includes("veEditor") &&
+          !c.trim().includes("previewModeFullscreen")
+        ) {
           editorName = c;
         }
       });

package/src/withEditorInteractions/index.js

@@ -202,7 +202,7 @@ function VectorInteractionHOC(Component /* options */) {
       });
     };
 
-    handlePaste = e => {
+    handlePaste = async e => {
       const {
         caretPosition = -1,
         selectionLayer = { start: -1, end: -1 },
@@ -248,7 +248,7 @@ function VectorInteractionHOC(Component /* options */) {
       if (!seqDataToInsert.sequence.length)
         return window.toastr.warning("Sorry no valid base pairs to paste");
 
-      insertAndSelectHelper({
+      await insertAndSelectHelper({
         seqDataToInsert,
         props: this.props
       });
@@ -344,7 +344,7 @@ function VectorInteractionHOC(Component /* options */) {
 
     handleCopy = this.handleCutOrCopy();
 
-    handleDnaInsert = ({ useEventPositioning }) => {
+    handleDnaInsert = async ({ useEventPositioning }) => {
       const {
         caretPosition = -1,
         selectionLayer = { start: -1, end: -1 },
@@ -371,8 +371,8 @@ function VectorInteractionHOC(Component /* options */) {
           selectionLayer,
           sequenceLength,
           caretPosition,
-          handleInsert: seqDataToInsert => {
-            insertAndSelectHelper({
+          handleInsert: async seqDataToInsert => {
+            await insertAndSelectHelper({
               props: this.props,
               seqDataToInsert
             });
@@ -383,7 +383,7 @@ function VectorInteractionHOC(Component /* options */) {
       }
     };
 
-    handleDnaDelete = (showToast = true) => {
+    handleDnaDelete = async (showToast = true) => {
       const {
         caretPosition = -1,
         selectionLayer = { start: -1, end: -1 },
@@ -424,11 +424,13 @@ function VectorInteractionHOC(Component /* options */) {
             isCaretAtEndOfSeq = true;
           }
         }
-        const [newSeqData] = wrappedInsertSequenceDataAtPositionOrRange(
+        const [newSeqData, {abortSeqChange}] = await wrappedInsertSequenceDataAtPositionOrRange(
           {},
           sequenceData,
           rangeToDelete
         );
+        console.log(`z3`)
+        if (abortSeqChange) return 
         updateSequenceData(newSeqData);
         caretPositionUpdate(
           isCaretAtEndOfSeq
@@ -1197,7 +1199,7 @@ function getGenbankFromSelection(selectedSeqData, sequenceData) {
   };
 }
 
-const insertAndSelectHelper = ({ seqDataToInsert, props }) => {
+const insertAndSelectHelper = async ({ seqDataToInsert, props }) => {
   const {
     updateSequenceData,
     wrappedInsertSequenceDataAtPositionOrRange,
@@ -1207,31 +1209,16 @@ const insertAndSelectHelper = ({ seqDataToInsert, props }) => {
     selectionLayer,
     bpLimit
   } = props;
-
-  // sequenceData,
-  //             caretPosition,
-  //             selectionLayer
-
-  // updateSequenceData(
-  //   wrappedInsertSequenceDataAtPositionOrRange(
-  //     seqDataToInsert,
-  //     sequenceData,
-  //     caretPosition > -1 ? caretPosition : selectionLayer
-  //   )
-  // );
-
-  // const newSelectionLayerStart =
-  //   caretPosition > -1 ? caretPosition : (selectionLayer.start > selectionLayer.end ? 0 : selectionLayer.start);
-  // selectionLayerUpdate({
-  //   start: newSelectionLayerStart,
-  //   end: newSelectionLayerStart + seqDataToInsert.sequence.length - 1
-  // });
-  const [newSeqData, { maintainOriginSplit }] =
+  const [newSeqData, { maintainOriginSplit, abortSeqChange }] = await
     wrappedInsertSequenceDataAtPositionOrRange(
       seqDataToInsert,
       sequenceData,
       caretPosition > -1 ? caretPosition : selectionLayer
     );
+    console.log(`z4`)
+  if (abortSeqChange) {
+    throw new Error("abortSeqChange");
+  }
   if (bpLimit) {
     if (newSeqData.sequence.length > bpLimit) {
       window.toastr.error(