@teselagen/ove 0.3.12 → 0.3.14

package/index.mjs

@@ -1,5 +1,5 @@
 import './style.css';
-import { Icon, Classes, Button, Intent, Keys, MenuItem, Tag, useHotkeys, Popover, Tooltip, Toaster, Position, Menu, MenuDivider, NumericInput, InputGroup, Spinner, FormGroup, TextArea, Checkbox, Switch, EditableText, RadioGroup, Callout, ContextMenu, Dialog, Card, Tabs, Tab, Colors, KeyCombo, Slider as Slider$1, ButtonGroup, AnchorButton, HTMLSelect, Label, ResizeSensor, FocusStyleManager } from '@blueprintjs/core';
+import { Icon, Classes, Button, Intent, Keys, MenuItem, Tag, useHotkeys, Popover, Tooltip, Toaster, Position, Menu, MenuDivider, NumericInput, InputGroup, Spinner, FormGroup, TextArea, Checkbox, Switch, EditableText, RadioGroup, Callout, ContextMenu, Dialog, Card, Tabs, Tab, Colors, KeyCombo, AnchorButton, Slider as Slider$1, ButtonGroup, HTMLSelect, Label, ResizeSensor, FocusStyleManager } from '@blueprintjs/core';
 import * as React$3 from 'react';
 import React__default$1, { forwardRef, useImperativeHandle, Fragment, useMemo as useMemo$1, useRef, useReducer, useEffect, useCallback as useCallback$1, useState, memo, Component, PureComponent, createElement, isValidElement, useContext, useLayoutEffect as useLayoutEffect$1 } from 'react';
 import ReactDOM$1, { unstable_batchedUpdates, findDOMNode as findDOMNode$2, flushSync, unmountComponentAtNode, render as render$2 } from 'react-dom';
@@ -7404,7 +7404,7 @@ function getPlainObjectKeys(object) {
 var ownKeys$8 = typeof Reflect !== "undefined" && Reflect.ownKeys ? Reflect.ownKeys : hasGetOwnPropertySymbols ? function (obj) {
   return Object.getOwnPropertyNames(obj).concat(Object.getOwnPropertySymbols(obj));
 } : /* istanbul ignore next */Object.getOwnPropertyNames;
-function toPrimitive$2(value) {
+function toPrimitive$3(value) {
   return value === null ? null : typeof value === "object" ? "" + value : value;
 }
 function hasProp(target, prop) {
@@ -8333,7 +8333,7 @@ var ObservableValue = /*#__PURE__*/function (_Atom) {
     return this.name_ + "[" + this.value_ + "]";
   };
   _proto.valueOf = function valueOf() {
-    return toPrimitive$2(this.get());
+    return toPrimitive$3(this.get());
   };
   _proto[_Symbol$toPrimitive] = function () {
     return this.valueOf();
@@ -8561,7 +8561,7 @@ var ComputedValue = /*#__PURE__*/function () {
     return this.name_ + "[" + this.derivation.toString() + "]";
   };
   _proto.valueOf = function valueOf() {
-    return toPrimitive$2(this.get());
+    return toPrimitive$3(this.get());
   };
   _proto[_Symbol$toPrimitive$1] = function () {
     return this.valueOf();
@@ -30287,17 +30287,9 @@ function require_domCreate () {
 	return _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;
-}
+var _ie8DomDefine = !require_descriptors() && !_fails(function () {
+  return Object.defineProperty(require_domCreate()('div'), 'a', { get: function () { return 7; } }).a != 7;
+});
 
 // 7.1.1 ToPrimitive(input [, PreferredType])
 var isObject$d = _isObject;
@@ -30312,29 +30304,22 @@ var _toPrimitive$1 = function (it, S) {
   throw TypeError("Can't convert object to primitive value");
 };
 
-var hasRequired_objectDp;
-
-function require_objectDp () {
-	if (hasRequired_objectDp) return _objectDp;
-	hasRequired_objectDp = 1;
-	var anObject = _anObject;
-	var IE8_DOM_DEFINE = require_ie8DomDefine();
-	var toPrimitive = _toPrimitive$1;
-	var dP = Object.defineProperty;
-
-	_objectDp.f = require_descriptors() ? Object.defineProperty : function defineProperty(O, P, Attributes) {
-	  anObject(O);
-	  P = toPrimitive(P, true);
-	  anObject(Attributes);
-	  if (IE8_DOM_DEFINE) try {
-	    return dP(O, P, Attributes);
-	  } catch (e) { /* empty */ }
-	  if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
-	  if ('value' in Attributes) O[P] = Attributes.value;
-	  return O;
-	};
-	return _objectDp;
-}
+var anObject$3 = _anObject;
+var IE8_DOM_DEFINE$1 = _ie8DomDefine;
+var toPrimitive$2 = _toPrimitive$1;
+var dP$2 = Object.defineProperty;
+
+_objectDp.f = require_descriptors() ? Object.defineProperty : function defineProperty(O, P, Attributes) {
+  anObject$3(O);
+  P = toPrimitive$2(P, true);
+  anObject$3(Attributes);
+  if (IE8_DOM_DEFINE$1) try {
+    return dP$2(O, P, Attributes);
+  } catch (e) { /* empty */ }
+  if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!');
+  if ('value' in Attributes) O[P] = Attributes.value;
+  return O;
+};
 
 var _propertyDesc = function (bitmap, value) {
   return {
@@ -30345,10 +30330,10 @@ var _propertyDesc = function (bitmap, value) {
   };
 };
 
-var dP$2 = require_objectDp();
+var dP$1 = _objectDp;
 var createDesc$3 = _propertyDesc;
 var _hide = require_descriptors() ? function (object, key, value) {
-  return dP$2.f(object, key, createDesc$3(1, value));
+  return dP$1.f(object, key, createDesc$3(1, value));
 } : function (object, key, value) {
   object[key] = value;
   return object;
@@ -30364,7 +30349,7 @@ var core$3 = _coreExports;
 var ctx$1 = _ctx;
 var hide$3 = _hide;
 var has$e = _has;
-var PROTOTYPE$2 = 'prototype';
+var PROTOTYPE$1 = 'prototype';
 
 var $export$8 = function (type, name, source) {
   var IS_FORCED = type & $export$8.F;
@@ -30374,8 +30359,8 @@ var $export$8 = function (type, name, source) {
   var IS_BIND = type & $export$8.B;
   var IS_WRAP = type & $export$8.W;
   var exports = IS_GLOBAL ? core$3 : core$3[name] || (core$3[name] = {});
-  var expProto = exports[PROTOTYPE$2];
-  var target = IS_GLOBAL ? global$5 : IS_STATIC ? global$5[name] : (global$5[name] || {})[PROTOTYPE$2];
+  var expProto = exports[PROTOTYPE$1];
+  var target = IS_GLOBAL ? global$5 : IS_STATIC ? global$5[name] : (global$5[name] || {})[PROTOTYPE$1];
   var key, own, out;
   if (IS_GLOBAL) source = name;
   for (key in source) {
@@ -30399,7 +30384,7 @@ var $export$8 = function (type, name, source) {
           } return new C(a, b, c);
         } return C.apply(this, arguments);
       };
-      F[PROTOTYPE$2] = C[PROTOTYPE$2];
+      F[PROTOTYPE$1] = C[PROTOTYPE$1];
       return F;
     // make static versions for prototype methods
     })(out) : IS_PROTO && typeof out == 'function' ? ctx$1(Function.call, out) : out;
@@ -30536,14 +30521,14 @@ var _sharedKey = function (key) {
 var has$d = _has;
 var toIObject$4 = _toIobject;
 var arrayIndexOf = _arrayIncludes$1(false);
-var IE_PROTO$2 = _sharedKey('IE_PROTO');
+var IE_PROTO$1 = _sharedKey('IE_PROTO');
 
 var _objectKeysInternal = function (object, names) {
   var O = toIObject$4(object);
   var i = 0;
   var result = [];
   var key;
-  for (key in O) if (key != IE_PROTO$2) has$d(O, key) && result.push(key);
+  for (key in O) if (key != IE_PROTO$1) has$d(O, key) && result.push(key);
   // Don't enum bug & hidden keys
   while (names.length > i) if (has$d(O, key = names[i++])) {
     ~arrayIndexOf(result, key) || result.push(key);
@@ -30558,10 +30543,10 @@ var _enumBugKeys = (
 
 // 19.1.2.14 / 15.2.3.14 Object.keys(O)
 var $keys$3 = _objectKeysInternal;
-var enumBugKeys$1 = _enumBugKeys;
+var enumBugKeys = _enumBugKeys;
 
 var _objectKeys = Object.keys || function keys(O) {
-  return $keys$3(O, enumBugKeys$1);
+  return $keys$3(O, enumBugKeys);
 };
 
 var _objectGops = {};
@@ -30570,14 +30555,7 @@ _objectGops.f = Object.getOwnPropertySymbols;
 
 var _objectPie = {};
 
-var hasRequired_objectPie;
-
-function require_objectPie () {
-	if (hasRequired_objectPie) return _objectPie;
-	hasRequired_objectPie = 1;
-	_objectPie.f = {}.propertyIsEnumerable;
-	return _objectPie;
-}
+_objectPie.f = {}.propertyIsEnumerable;
 
 // 7.1.13 ToObject(argument)
 var defined$1 = _defined;
@@ -30595,7 +30573,7 @@ function require_objectAssign () {
 	var DESCRIPTORS = require_descriptors();
 	var getKeys = _objectKeys;
 	var gOPS = _objectGops;
-	var pIE = require_objectPie();
+	var pIE = _objectPie;
 	var toObject = _toObject;
 	var IObject = require_iobject();
 	var $assign = Object.assign;
@@ -30668,19 +30646,27 @@ var _iterators = {};
 
 var _redefine = _hide;
 
-var dP$1 = require_objectDp();
-var anObject$4 = _anObject;
-var getKeys$1 = _objectKeys;
+var _objectDps;
+var hasRequired_objectDps;
 
-var _objectDps = require_descriptors() ? Object.defineProperties : function defineProperties(O, Properties) {
-  anObject$4(O);
-  var keys = getKeys$1(Properties);
-  var length = keys.length;
-  var i = 0;
-  var P;
-  while (length > i) dP$1.f(O, P = keys[i++], Properties[P]);
-  return O;
-};
+function require_objectDps () {
+	if (hasRequired_objectDps) return _objectDps;
+	hasRequired_objectDps = 1;
+	var dP = _objectDp;
+	var anObject = _anObject;
+	var getKeys = _objectKeys;
+
+	_objectDps = require_descriptors() ? Object.defineProperties : function defineProperties(O, Properties) {
+	  anObject(O);
+	  var keys = getKeys(Properties);
+	  var length = keys.length;
+	  var i = 0;
+	  var P;
+	  while (length > i) dP.f(O, P = keys[i++], Properties[P]);
+	  return O;
+	};
+	return _objectDps;
+}
 
 var _html;
 var hasRequired_html;
@@ -30693,47 +30679,55 @@ function require_html () {
 	return _html;
 }
 
-// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
-var anObject$3 = _anObject;
-var dPs = _objectDps;
-var enumBugKeys = _enumBugKeys;
-var IE_PROTO$1 = _sharedKey('IE_PROTO');
-var Empty = function () { /* empty */ };
-var PROTOTYPE$1 = 'prototype';
+var _objectCreate;
+var hasRequired_objectCreate;
 
-// Create object with fake `null` prototype: use iframe Object with cleared prototype
-var createDict = function () {
-  // Thrash, waste and sodomy: IE GC bug
-  var iframe = require_domCreate()('iframe');
-  var i = enumBugKeys.length;
-  var lt = '<';
-  var gt = '>';
-  var iframeDocument;
-  iframe.style.display = 'none';
-  require_html().appendChild(iframe);
-  iframe.src = 'javascript:'; // eslint-disable-line no-script-url
-  // createDict = iframe.contentWindow.Object;
-  // html.removeChild(iframe);
-  iframeDocument = iframe.contentWindow.document;
-  iframeDocument.open();
-  iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt);
-  iframeDocument.close();
-  createDict = iframeDocument.F;
-  while (i--) delete createDict[PROTOTYPE$1][enumBugKeys[i]];
-  return createDict();
-};
-
-var _objectCreate = Object.create || function create(O, Properties) {
-  var result;
-  if (O !== null) {
-    Empty[PROTOTYPE$1] = anObject$3(O);
-    result = new Empty();
-    Empty[PROTOTYPE$1] = null;
-    // add "__proto__" for Object.getPrototypeOf polyfill
-    result[IE_PROTO$1] = O;
-  } else result = createDict();
-  return Properties === undefined ? result : dPs(result, Properties);
-};
+function require_objectCreate () {
+	if (hasRequired_objectCreate) return _objectCreate;
+	hasRequired_objectCreate = 1;
+	// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
+	var anObject = _anObject;
+	var dPs = require_objectDps();
+	var enumBugKeys = _enumBugKeys;
+	var IE_PROTO = _sharedKey('IE_PROTO');
+	var Empty = function () { /* empty */ };
+	var PROTOTYPE = 'prototype';
+
+	// Create object with fake `null` prototype: use iframe Object with cleared prototype
+	var createDict = function () {
+	  // Thrash, waste and sodomy: IE GC bug
+	  var iframe = require_domCreate()('iframe');
+	  var i = enumBugKeys.length;
+	  var lt = '<';
+	  var gt = '>';
+	  var iframeDocument;
+	  iframe.style.display = 'none';
+	  require_html().appendChild(iframe);
+	  iframe.src = 'javascript:'; // eslint-disable-line no-script-url
+	  // createDict = iframe.contentWindow.Object;
+	  // html.removeChild(iframe);
+	  iframeDocument = iframe.contentWindow.document;
+	  iframeDocument.open();
+	  iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt);
+	  iframeDocument.close();
+	  createDict = iframeDocument.F;
+	  while (i--) delete createDict[PROTOTYPE][enumBugKeys[i]];
+	  return createDict();
+	};
+
+	_objectCreate = Object.create || function create(O, Properties) {
+	  var result;
+	  if (O !== null) {
+	    Empty[PROTOTYPE] = anObject(O);
+	    result = new Empty();
+	    Empty[PROTOTYPE] = null;
+	    // add "__proto__" for Object.getPrototypeOf polyfill
+	    result[IE_PROTO] = O;
+	  } else result = createDict();
+	  return Properties === undefined ? result : dPs(result, Properties);
+	};
+	return _objectCreate;
+}
 
 var _wks = {exports: {}};
 
@@ -30751,7 +30745,7 @@ $exports.store = store$2;
 
 var _wksExports = _wks.exports;
 
-var def = require_objectDp().f;
+var def = _objectDp.f;
 var has$c = _has;
 var TAG$1 = _wksExports('toStringTag');
 
@@ -30759,7 +30753,7 @@ var _setToStringTag = function (it, tag, stat) {
   if (it && !has$c(it = stat ? it : it.prototype, TAG$1)) def(it, TAG$1, { configurable: true, value: tag });
 };
 
-var create$4 = _objectCreate;
+var create$4 = require_objectCreate();
 var descriptor = _propertyDesc;
 var setToStringTag$2 = _setToStringTag;
 var IteratorPrototype = {};
@@ -31065,7 +31059,7 @@ var _isArrayIter = function (it) {
   return it !== undefined && (Iterators.Array === it || ArrayProto[ITERATOR] === it);
 };
 
-var $defineProperty$2 = require_objectDp();
+var $defineProperty$2 = _objectDp;
 var createDesc$2 = _propertyDesc;
 
 var _createProperty = function (object, index, value) {
@@ -31198,7 +31192,7 @@ var _default$9 = function (instance, Constructor) {
 
 var $export$3 = _export;
 // 19.1.2.4 / 15.2.3.6 Object.defineProperty(O, P, Attributes)
-$export$3($export$3.S + $export$3.F * !require_descriptors(), 'Object', { defineProperty: require_objectDp().f });
+$export$3($export$3.S + $export$3.F * !require_descriptors(), 'Object', { defineProperty: _objectDp.f });
 
 var $Object$2 = _coreExports.Object;
 var defineProperty$c = function defineProperty(it, key, desc) {
@@ -31246,7 +31240,7 @@ var _meta = {exports: {}};
 var META$1 = _uid('meta');
 var isObject$c = _isObject;
 var has$a = _has;
-var setDesc = require_objectDp().f;
+var setDesc = _objectDp.f;
 var id$1 = 0;
 var isExtensible = Object.isExtensible || function () {
   return true;
@@ -31301,7 +31295,7 @@ var _metaExports = _meta.exports;
 
 var core = _coreExports;
 var wksExt$1 = _wksExt;
-var defineProperty$a = require_objectDp().f;
+var defineProperty$a = _objectDp.f;
 var _wksDefine = function (name) {
   var $Symbol = core.Symbol || (core.Symbol = {} );
   if (name.charAt(0) != '_' && !(name in $Symbol)) defineProperty$a($Symbol, name, { value: wksExt$1.f(name) });
@@ -31310,7 +31304,7 @@ var _wksDefine = function (name) {
 // all enumerable object keys, includes symbols
 var getKeys = _objectKeys;
 var gOPS$1 = _objectGops;
-var pIE$1 = require_objectPie();
+var pIE$1 = _objectPie;
 var _enumKeys = function (it) {
   var result = getKeys(it);
   var getSymbols = gOPS$1.f;
@@ -31363,12 +31357,12 @@ _objectGopnExt.f = function getOwnPropertyNames(it) {
 
 var _objectGopd = {};
 
-var pIE = require_objectPie();
+var pIE = _objectPie;
 var createDesc$1 = _propertyDesc;
 var toIObject$1 = _toIobject;
 var toPrimitive$1 = _toPrimitive$1;
 var has$9 = _has;
-var IE8_DOM_DEFINE = require_ie8DomDefine();
+var IE8_DOM_DEFINE = _ie8DomDefine;
 var gOPD$5 = Object.getOwnPropertyDescriptor;
 
 _objectGopd.f = require_descriptors() ? gOPD$5 : function getOwnPropertyDescriptor(O, P) {
@@ -31402,11 +31396,11 @@ var toObject$1 = _toObject;
 var toIObject = _toIobject;
 var toPrimitive = _toPrimitive$1;
 var createDesc = _propertyDesc;
-var _create$1 = _objectCreate;
+var _create$1 = require_objectCreate();
 var gOPNExt = _objectGopnExt;
 var $GOPD = _objectGopd;
 var $GOPS = _objectGops;
-var $DP = require_objectDp();
+var $DP = _objectDp;
 var $keys$1 = _objectKeys;
 var gOPD$4 = $GOPD.f;
 var dP = $DP.f;
@@ -31531,7 +31525,7 @@ if (!USE_NATIVE) {
   $GOPD.f = $getOwnPropertyDescriptor;
   $DP.f = $defineProperty$1;
   _objectGopn.f = gOPNExt.f = $getOwnPropertyNames;
-  require_objectPie().f = $propertyIsEnumerable;
+  _objectPie.f = $propertyIsEnumerable;
   $GOPS.f = $getOwnPropertySymbols;
 
   if (DESCRIPTORS && !_library) {
@@ -31712,7 +31706,7 @@ var setPrototypeOf = { "default": setPrototypeOf$1, __esModule: true };
 
 var $export = _export;
 // 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])
-$export($export.S, 'Object', { create: _objectCreate });
+$export($export.S, 'Object', { create: require_objectCreate() });
 
 var $Object$1 = _coreExports.Object;
 var create$3 = function create(P, D) {
@@ -92017,6 +92011,8 @@ const PreviewCsvData = observer(function(props) {
     userSchema = exampleData,
     initialEntities
   } = props;
+  const rerenderKey = useRef(0);
+  rerenderKey.current = rerenderKey.current + 1;
   const data = userSchema.userData && userSchema.userData.length && userSchema.userData.map((row) => {
     const toRet = {
       _isClean: row._isClean
@@ -92063,6 +92059,7 @@ const PreviewCsvData = observer(function(props) {
     {
       maxWidth: 800,
       maxHeight: 500,
+      rerenderKey: rerenderKey.current,
       destroyOnUnmount: false,
       doNotValidateUntouchedRows: true,
       formName: datatableFormName || "editableCellTable",
@@ -106628,8 +106625,8 @@ function getOverlapsOfPotentiallyCircularRanges(rangeA, rangeB, maxRangeLength,
     maxRangeLength
   );
   let overlaps = [];
-  normalizedRangeA.forEach(function(nonCircularRangeA, iA) {
-    normalizedRangeB.forEach(function(nonCircularRangeB, iB) {
+  normalizedRangeA.forEach(function(nonCircularRangeA) {
+    normalizedRangeB.forEach(function(nonCircularRangeB) {
       const overlap = getOverlapOfNonCircularRanges(
         nonCircularRangeA,
         nonCircularRangeB
@@ -106641,7 +106638,7 @@ function getOverlapsOfPotentiallyCircularRanges(rangeA, rangeB, maxRangeLength,
   });
   if (joinIfPossible && normalizedRangeA.length === 2 && normalizedRangeB.length === 2 && maxRangeLength) {
     const joinedOverlap = {};
-    overlaps = lodashExports.flatMap(overlaps, (o, i) => {
+    overlaps = lodashExports.flatMap(overlaps, (o) => {
       if (o.start === 0) {
         joinedOverlap.end = o.end;
         return [];
@@ -107131,7 +107128,7 @@ function translateRange(rangeToBeAdjusted, translateBy, rangeLength) {
   });
 }
 
-function flipRelativeRange(innerRange, outerRange, sequenceLength, options) {
+function flipRelativeRange(innerRange, outerRange, sequenceLength) {
   const isFullyContained = isRangeWithinRange(
     innerRange,
     outerRange,
@@ -107143,7 +107140,7 @@ function flipRelativeRange(innerRange, outerRange, sequenceLength, options) {
     return flipNonFullyContainedRange(innerRange, outerRange, sequenceLength);
   }
 }
-function flipNonFullyContainedRange(innerRange, outerRange, sequenceLength, options) {
+function flipNonFullyContainedRange(innerRange, outerRange, sequenceLength) {
   const outerFullyContained = isRangeWithinRange(
     outerRange,
     innerRange,
@@ -107184,9 +107181,8 @@ function flipNonFullyContainedRange(innerRange, outerRange, sequenceLength, opti
       sequenceLength
     );
     if (overlaps.length >= 1) {
-      let overlapExtendsForward;
       const firstOverlap = overlaps[0];
-      overlapExtendsForward = firstOverlap.start !== outerRange.start;
+      const overlapExtendsForward = firstOverlap.start !== outerRange.start;
       const flippedTruncatedInner = flipFullyContainedRange(
         firstOverlap,
         outerRange,
@@ -107207,7 +107203,7 @@ function flipNonFullyContainedRange(innerRange, outerRange, sequenceLength, opti
   }
   return flippedInnerRange;
 }
-function flipFullyContainedRange(innerRange, outerRange, sequenceLength, options) {
+function flipFullyContainedRange(innerRange, outerRange, sequenceLength) {
   const translateBy = -outerRange.start;
   const translatedOuterRange = translateRange(
     outerRange,
@@ -107335,6 +107331,7 @@ function getYOffsetForPotentiallyCircularRange(range, YOffsetLevelsWithRanges, a
       rangesAlreadyAddedToYOffset.push(range);
       return true;
     }
+    return false;
   });
   if (!openYOffsetFound) {
     yOffset = YOffsetLevelsWithRanges.length;
@@ -113805,9 +113802,9 @@ function coerceLocation({
 function filterAminoAcidSequenceString(sequenceString, options) {
   options = options || {};
   if (options.includeStopCodon) {
-    return sequenceString.replace(/[^xtgalmfwkqespvicyhrndu.*]/gi, "");
+    return sequenceString?.replace(/[^xtgalmfwkqespvicyhrndu.*]/gi, "");
   }
-  return sequenceString.replace(/[^xtgalmfwkqespvicyhrndu]/gi, "");
+  return sequenceString?.replace(/[^xtgalmfwkqespvicyhrndu]/gi, "");
 }
 
 function getDegenerateDnaStringFromAAString(aaString) {
@@ -124038,7 +124035,6 @@ function genbankToJson(string, options = {}) {
   }
   function parseLocus(line) {
     result = createInitialSequence(options);
-    let locusName;
     let circular;
     let gbDivision;
     let date;
@@ -124049,7 +124045,7 @@ function genbankToJson(string, options = {}) {
       );
       addMessage("Import Warning: Locus line contains no values: " + line);
     }
-    locusName = lineArr[1];
+    const locusName = lineArr[1];
     for (let i = 1; i < lineArr.length; i++) {
       if (lineArr[i].match(/circular/gi)) {
         circular = true;
@@ -124196,10 +124192,10 @@ function genbankToJson(string, options = {}) {
     }
   }
   function parseFeatureNote(line) {
-    let newLine, lineArr;
+    let newLine;
     newLine = line.trimLeft();
     newLine = newLine.replace(/^\/|"$/g, "");
-    lineArr = newLine.split(/="|=/);
+    const lineArr = newLine.split(/="|=/);
     let val = lineArr.slice(1).join("=");
     if (val) {
       val = val.replace(/\\/g, " ");
@@ -137667,7 +137663,6 @@ function createGenbankLocus(serSeq, options) {
   if (serSeq.sequence.symbols) {
     serSeq.sequence = serSeq.sequence.symbols.split("");
   }
-  let tmp;
   let dnaType;
   if (serSeq.isProtein) {
     dnaType = "";
@@ -137684,7 +137679,7 @@ function createGenbankLocus(serSeq, options) {
   line += " ";
   line += StringUtil.lpad(String(serSeq.sequence.length), " ", 11);
   line += serSeq.isProtein ? " aa " : " bp ";
-  tmp = "";
+  const tmp = "";
   line += StringUtil.lpad(tmp, " ", 3);
   line += StringUtil.rpad(dnaType, " ", 6);
   line += "  ";
@@ -142918,6 +142913,7 @@ function mapStateToProps(state, ownProps) {
   if (!editorState) {
     return editorReducer({}, {});
   }
+  const sequenceLength = selectors.sequenceLengthSelector(editorState);
   const { findTool, annotationsToSupport = {} } = editorState;
   const visibilities = getVisibilities(editorState);
   let annotationToAdd;
@@ -142928,7 +142924,13 @@ function mapStateToProps(state, ownProps) {
   ].forEach(([n, type, annotationTypePlural]) => {
     const vals = getFormValues(n)(state);
     if (vals) {
-      annotationToAdd = getAnnToAdd(vals, n, type, annotationTypePlural);
+      annotationToAdd = getAnnToAdd(
+        vals,
+        n,
+        type,
+        annotationTypePlural,
+        sequenceLength
+      );
     }
   });
   const toReturn = {
@@ -142952,7 +142954,6 @@ function mapStateToProps(state, ownProps) {
     editorState,
     ownProps.additionalEnzymes
   );
-  const sequenceLength = selectors.sequenceLengthSelector(editorState);
   const { matchedSearchLayer, searchLayers, matchesTotal } = getSearchLayersAndMatch(editorState);
   const annotationSearchMatches = selectors.annotationSearchSelector(editorState);
   const _sequenceDataToUse = getSequenceDataToUse(
@@ -143228,21 +143229,26 @@ const getFindTool = createSelector(
     };
   }
 );
-const getAnnToAdd = defaultMemoize((vals, n, type, annotationTypePlural) => {
-  const annToAdd = {
-    color: getFeatureToColorMap({ includeHidden: true })[vals.type || "primer_bind"],
-    //we won't have the correct color yet so we set it here
-    ...vals,
-    formName: n,
-    type,
-    annotationTypePlural,
-    name: vals.name || "Untitled"
-  };
-  if (!vals.useLinkedOligo) {
-    delete annToAdd.bases;
+const getAnnToAdd = defaultMemoize(
+  (vals, n, type, annotationTypePlural, sequenceLength) => {
+    const annToAdd = normalizeRange(
+      {
+        color: getFeatureToColorMap({ includeHidden: true })[vals.type || "primer_bind"],
+        //we won't have the correct color yet so we set it here
+        ...vals,
+        formName: n,
+        type,
+        annotationTypePlural,
+        name: vals.name || "Untitled"
+      },
+      sequenceLength
+    );
+    if (!vals.useLinkedOligo) {
+      delete annToAdd.bases;
+    }
+    return annToAdd;
   }
-  return annToAdd;
-});
+);
 const getSeqDataWithAnnToAdd = defaultMemoize(
   (seqData, ann, allowMultipleFeatureDirections) => {
     if (ann) {
@@ -161153,7 +161159,7 @@ function showFileDialog({ multiple = false, onSelect }) {
 }
 
 const name = "@teselagen/ove";
-const version = "0.3.11";
+const version = "0.3.13";
 const main = "./src/index.js";
 const exports$1 = {
 	".": {
@@ -161695,6 +161701,184 @@ function ToggleShowMeltingTemp(props) {
   );
 }
 
+const style$i = '';
+
+class ToolbarItem extends React__default$1.Component {
+  toggleDropdown = ({ forceClose } = {}) => {
+    const { toolName, isOpen } = this.props;
+    this.props.openToolbarItemUpdate(isOpen || forceClose ? "" : toolName);
+  };
+  render() {
+    const { overrides = {} } = this.props;
+    const {
+      isOpen,
+      index,
+      Icon: Icon$1,
+      // dynamicIcon,
+      onIconClick = lodashExports.noop,
+      tooltip = "",
+      tooltipToggled,
+      dropdowntooltip = "",
+      Dropdown,
+      disabled,
+      isHidden,
+      renderIconAbove,
+      noDropdownIcon,
+      IconWrapper,
+      editorName,
+      popoverDisabled,
+      IconWrapperProps,
+      toolName,
+      dropdownicon,
+      tooltipDisabled,
+      toggled = false,
+      ...rest
+    } = { ...this.props, ...overrides };
+    if (!toolName)
+      console.warn("toolName is required!");
+    if (isHidden)
+      return null;
+    let tooltipToDisplay = tooltip;
+    if (toggled && tooltipToggled) {
+      tooltipToDisplay = tooltipToggled;
+    }
+    const buttonTarget = /* @__PURE__ */ React__default$1.createElement(
+      "div",
+      {
+        className: `veToolbarItemOuter ve-tool-container-${toolName}` + (disabled ? " disabled " : "")
+      },
+      renderIconAbove && /* @__PURE__ */ React__default$1.createElement("div", null, /* @__PURE__ */ React__default$1.createElement("div", { className: "veToolbarItem" }, Icon$1)),
+      Icon$1 && !renderIconAbove && /* @__PURE__ */ React__default$1.createElement(
+        Tooltip,
+        {
+          disabled: tooltipDisabled,
+          portalClassName: "ve-toolbar-item-popover",
+          content: tooltipToDisplay
+        },
+        /* @__PURE__ */ React__default$1.createElement(
+          AnchorButton,
+          {
+            intent: Intent.PRIMARY,
+            onClick: onIconClick === "toggleDropdown" ? this.toggleDropdown : onIconClick,
+            active: toggled,
+            disabled,
+            minimal: true,
+            icon: React__default$1.isValidElement(Icon$1) ? Icon$1 : /* @__PURE__ */ React__default$1.createElement(Icon$1, { toggleDropdown: this.toggleDropdown })
+          }
+        )
+      ),
+      Dropdown && !noDropdownIcon ? /* @__PURE__ */ React__default$1.createElement(Tooltip, { disabled: tooltipDisabled, content: dropdowntooltip }, /* @__PURE__ */ React__default$1.createElement(
+        "div",
+        {
+          className: (isOpen ? " isOpen " : "") + (dropdownicon ? "" : " veToolbarDropdown"),
+          onClick: this.toggleDropdown
+        },
+        dropdownicon ? /* @__PURE__ */ React__default$1.createElement("div", { className: "veToolbarIcon" }, /* @__PURE__ */ React__default$1.createElement("div", null, dropdownicon)) : isOpen ? /* @__PURE__ */ React__default$1.createElement(
+          Icon,
+          {
+            "data-test": toolName + "Dropdown",
+            iconSize: 13,
+            icon: "caret-up"
+          }
+        ) : /* @__PURE__ */ React__default$1.createElement(
+          Icon,
+          {
+            "data-test": toolName + "Dropdown",
+            iconSize: 13,
+            icon: "caret-down"
+          }
+        )
+      )) : null
+    );
+    const content = /* @__PURE__ */ React__default$1.createElement(
+      "div",
+      {
+        ref: (n) => {
+          if (n)
+            this.dropdownNode = n;
+        },
+        style: { padding: 10, minWidth: 250, maxWidth: 350 },
+        className: "ve-toolbar-dropdown content"
+      },
+      Dropdown && /* @__PURE__ */ React__default$1.createElement(
+        Dropdown,
+        {
+          ...rest,
+          editorName,
+          toggleDropdown: this.toggleDropdown
+        }
+      )
+    );
+    const target = IconWrapper ? /* @__PURE__ */ React__default$1.createElement(IconWrapper, { ...IconWrapperProps }, ({ getRootProps, getInputProps }) => /* @__PURE__ */ React__default$1.createElement("div", { ...getRootProps() }, /* @__PURE__ */ React__default$1.createElement("input", { ...getInputProps() }), buttonTarget)) : buttonTarget;
+    return /* @__PURE__ */ React__default$1.createElement("div", { style: { display: "flex", alignItems: "center" } }, index !== 0 && /* @__PURE__ */ React__default$1.createElement("div", { className: "veToolbarSpacer" }), /* @__PURE__ */ React__default$1.createElement(
+      Popover,
+      {
+        disabled: popoverDisabled,
+        isOpen: !!Dropdown && isOpen,
+        onClose: (e) => {
+          let srcElement;
+          if (e) {
+            srcElement = e.srcElement || e.target;
+          }
+          if (e && srcElement && this.dropdownNode && (this.dropdownNode.contains(srcElement) || !document.body.contains(srcElement))) {
+            return;
+          }
+          this.toggleDropdown({ forceClose: true });
+        },
+        canEscapeKeyClose: true,
+        minimal: true,
+        position: Position.BOTTOM,
+        target,
+        content
+      }
+    ));
+  }
+}
+const ToolbarItem$1 = connectToEditor(({ toolBar = {} }, { toolName }) => ({
+  isOpen: toolBar.openItem === toolName
+}))(ToolbarItem);
+
+const editTool = connectToEditor((editorState) => {
+  return {
+    readOnly: editorState.readOnly
+  };
+})((props) => {
+  const { toolbarItemProps, readOnly, disableSetReadOnly } = props;
+  const [isLoading, setIsLoading] = useState(false);
+  const readOnlyTooltip = ({ readOnly: readOnly2, disableSetReadOnly: disableSetReadOnly2 }) => {
+    if (isLoading) {
+      return "Loading...";
+    } else if (disableSetReadOnly2) {
+      return "You do not have permission to edit locks on this sequence";
+    }
+    return readOnly2 ? "Click to enable editing" : "Click to disable editing";
+  };
+  return /* @__PURE__ */ React__default$1.createElement(
+    ToolbarItem$1,
+    {
+      ...{
+        disabled: isLoading || disableSetReadOnly,
+        Icon: /* @__PURE__ */ React__default$1.createElement(Icon, { icon: readOnly ? "lock" : "unlock" }),
+        onIconClick: () => handleReadOnlyChange(!readOnly, { ...props, setIsLoading }),
+        tooltip: readOnlyTooltip({ readOnly, disableSetReadOnly }),
+        ...toolbarItemProps
+      }
+    }
+  );
+});
+async function handleReadOnlyChange(newVal, { beforeReadOnlyChange, updateReadOnlyMode, setIsLoading = () => {
+} }) {
+  if (beforeReadOnlyChange) {
+    setIsLoading(true);
+    const shouldChange = await beforeReadOnlyChange(newVal);
+    setIsLoading(false);
+    if (shouldChange === false) {
+      return;
+    }
+  }
+  updateReadOnlyMode(newVal);
+}
+
 const isProtein = (props) => props.sequenceData && props.sequenceData.isProtein;
 const isOligo = (props) => props.sequenceData && props.sequenceData.isOligo;
 const isRna = (props) => props.sequenceData && props.sequenceData.isRna;
@@ -161778,7 +161962,7 @@ const fileCommandDefs = {
     isDisabled: (props) => props.disableSetReadOnly || !props.onSave,
     isHidden: (props) => !props.toggleReadOnlyMode,
     isActive: (props) => props.readOnly,
-    handler: (props) => props.toggleReadOnlyMode()
+    handler: (props) => handleReadOnlyChange(!props.readOnly, props)
   },
   importSequence: {
     isHidden: (props) => props.hideSingleImport,
@@ -167663,7 +167847,7 @@ function getEditDeleteHandlers(type, annotation) {
   ];
 }
 
-const style$i = '';
+const style$h = '';
 
 function SequenceName({ sequenceName, sequenceLength, isProtein }) {
   return /* @__PURE__ */ React__default$1.createElement("div", { key: "circViewSvgCenterText", style: { textAlign: "center" } }, /* @__PURE__ */ React__default$1.createElement("span", null, sequenceName, " "), /* @__PURE__ */ React__default$1.createElement("br", null), /* @__PURE__ */ React__default$1.createElement("span", null, isProtein ? `${Math.floor(sequenceLength / 3)} AAs` : `${sequenceLength} bps`));
@@ -170049,7 +170233,7 @@ function VisibilityOptions$2({
   );
 }
 
-const style$h = '';
+const style$g = '';
 
 const simpleDialog = '';
 
@@ -170326,7 +170510,7 @@ function combineLabels(labels, numberOfBuckets) {
   return combinedLabels;
 }
 
-const style$g = '';
+const style$f = '';
 
 const fontWidthToFontSize = 1.75;
 const getTextLength = (text) => {
@@ -172529,7 +172713,7 @@ function DrawAnnotationInner({
 }
 const DrawAnnotation = withHover(DrawAnnotationInner);
 
-const style$f = '';
+const style$e = '';
 
 function c(u,e,c){var i=this,a=useRef(null),o=useRef(0),f=useRef(null),l=useRef([]),m=useRef(),v=useRef(),d=useRef(u),p=useRef(!0);useEffect(function(){d.current=u;},[u]);var g=!e&&0!==e&&"undefined"!=typeof window;if("function"!=typeof u)throw new TypeError("Expected a function");e=+e||0;var w=!!(c=c||{}).leading,s=!("trailing"in c)||!!c.trailing,x="maxWait"in c,y=x?Math.max(+c.maxWait||0,e):null;useEffect(function(){return p.current=!0,function(){p.current=!1;}},[]);var h=useMemo$1(function(){var r=function(r){var n=l.current,t=m.current;return l.current=m.current=null,o.current=r,v.current=d.current.apply(t,n)},n=function(r,n){g&&cancelAnimationFrame(f.current),f.current=g?requestAnimationFrame(r):setTimeout(r,n);},t=function(r){if(!p.current)return !1;var n=r-a.current;return !a.current||n>=e||n<0||x&&r-o.current>=y},u=function(n){return f.current=null,s&&l.current?r(n):(l.current=m.current=null,v.current)},c=function r(){var c=Date.now();if(t(c))return u(c);if(p.current){var i=e-(c-a.current),f=x?Math.min(i,y-(c-o.current)):i;n(r,f);}},h=function(){var u=Date.now(),d=t(u);if(l.current=[].slice.call(arguments),m.current=i,a.current=u,d){if(!f.current&&p.current)return o.current=a.current,n(c,e),w?r(a.current):v.current;if(x)return n(c,e),r(a.current)}return f.current||n(c,e),v.current};return h.cancel=function(){f.current&&(g?cancelAnimationFrame(f.current):clearTimeout(f.current)),o.current=0,l.current=a.current=m.current=f.current=null;},h.isPending=function(){return !!f.current},h.flush=function(){return f.current?u(Date.now()):v.current},h},[w,x,e,y,s,g]);return h}
 
@@ -173462,7 +173646,7 @@ function CircularView(props) {
 }
 const CircularView$1 = withEditorInteractions(CircularView);
 
-const style$e = '';
+const style$d = '';
 
 class PrintDialog extends React__default$1.Component {
   state = {
@@ -173943,7 +174127,7 @@ const RemoveDuplicates = compose$1(
   tgFormValues("ignoreName", "ignoreStrand", "ignoreStartAndEnd")
 )(RemoveDuplicatesDialog);
 
-const style$d = '';
+const style$c = '';
 
 var isMobile$2 = {exports: {}};
 
@@ -174965,7 +175149,7 @@ const normalizeToInt = (val) => {
   return normalizedVal;
 };
 
-const style$c = '';
+const style$b = '';
 
 const EnzymeViewer = ({
   extraClasses = "",
@@ -175040,7 +175224,7 @@ const EnzymeViewer = ({
   );
 };
 
-const style$b = '';
+const style$a = '';
 
 const upsertLocalEnzymeGroups = (newGroups) => {
   const existingGroups = window.getExistingEnzymeGroups();
@@ -175736,7 +175920,7 @@ const HoverView = view(({ allEnzymesByName }) => {
   );
 });
 
-const style$a = '';
+const style$9 = '';
 
 const CreateCustomEnzyme = function(props) {
   const paddingStart = "-------";
@@ -176561,143 +176745,6 @@ function getIsEnzymeHidden({ name, allRestrictionEnzymes }) {
   return isHidden;
 }
 
-const style$9 = '';
-
-class ToolbarItem extends React__default$1.Component {
-  toggleDropdown = ({ forceClose } = {}) => {
-    const { toolName, isOpen } = this.props;
-    this.props.openToolbarItemUpdate(isOpen || forceClose ? "" : toolName);
-  };
-  render() {
-    const { overrides = {} } = this.props;
-    const {
-      isOpen,
-      index,
-      Icon: Icon$1,
-      // dynamicIcon,
-      onIconClick = lodashExports.noop,
-      tooltip = "",
-      tooltipToggled,
-      dropdowntooltip = "",
-      Dropdown,
-      disabled,
-      isHidden,
-      renderIconAbove,
-      noDropdownIcon,
-      IconWrapper,
-      editorName,
-      popoverDisabled,
-      IconWrapperProps,
-      toolName,
-      dropdownicon,
-      tooltipDisabled,
-      toggled = false,
-      ...rest
-    } = { ...this.props, ...overrides };
-    if (!toolName)
-      console.warn("toolName is required!");
-    if (isHidden)
-      return null;
-    let tooltipToDisplay = tooltip;
-    if (toggled && tooltipToggled) {
-      tooltipToDisplay = tooltipToggled;
-    }
-    const buttonTarget = /* @__PURE__ */ React__default$1.createElement(
-      "div",
-      {
-        className: `veToolbarItemOuter ve-tool-container-${toolName}` + (disabled ? " disabled " : "")
-      },
-      renderIconAbove && /* @__PURE__ */ React__default$1.createElement("div", null, /* @__PURE__ */ React__default$1.createElement("div", { className: "veToolbarItem" }, Icon$1)),
-      Icon$1 && !renderIconAbove && /* @__PURE__ */ React__default$1.createElement(
-        Tooltip,
-        {
-          disabled: tooltipDisabled,
-          portalClassName: "ve-toolbar-item-popover",
-          content: tooltipToDisplay
-        },
-        /* @__PURE__ */ React__default$1.createElement(
-          AnchorButton,
-          {
-            intent: Intent.PRIMARY,
-            onClick: onIconClick === "toggleDropdown" ? this.toggleDropdown : onIconClick,
-            active: toggled,
-            disabled,
-            minimal: true,
-            icon: React__default$1.isValidElement(Icon$1) ? Icon$1 : /* @__PURE__ */ React__default$1.createElement(Icon$1, { toggleDropdown: this.toggleDropdown })
-          }
-        )
-      ),
-      Dropdown && !noDropdownIcon ? /* @__PURE__ */ React__default$1.createElement(Tooltip, { disabled: tooltipDisabled, content: dropdowntooltip }, /* @__PURE__ */ React__default$1.createElement(
-        "div",
-        {
-          className: (isOpen ? " isOpen " : "") + (dropdownicon ? "" : " veToolbarDropdown"),
-          onClick: this.toggleDropdown
-        },
-        dropdownicon ? /* @__PURE__ */ React__default$1.createElement("div", { className: "veToolbarIcon" }, /* @__PURE__ */ React__default$1.createElement("div", null, dropdownicon)) : isOpen ? /* @__PURE__ */ React__default$1.createElement(
-          Icon,
-          {
-            "data-test": toolName + "Dropdown",
-            iconSize: 13,
-            icon: "caret-up"
-          }
-        ) : /* @__PURE__ */ React__default$1.createElement(
-          Icon,
-          {
-            "data-test": toolName + "Dropdown",
-            iconSize: 13,
-            icon: "caret-down"
-          }
-        )
-      )) : null
-    );
-    const content = /* @__PURE__ */ React__default$1.createElement(
-      "div",
-      {
-        ref: (n) => {
-          if (n)
-            this.dropdownNode = n;
-        },
-        style: { padding: 10, minWidth: 250, maxWidth: 350 },
-        className: "ve-toolbar-dropdown content"
-      },
-      Dropdown && /* @__PURE__ */ React__default$1.createElement(
-        Dropdown,
-        {
-          ...rest,
-          editorName,
-          toggleDropdown: this.toggleDropdown
-        }
-      )
-    );
-    const target = IconWrapper ? /* @__PURE__ */ React__default$1.createElement(IconWrapper, { ...IconWrapperProps }, ({ getRootProps, getInputProps }) => /* @__PURE__ */ React__default$1.createElement("div", { ...getRootProps() }, /* @__PURE__ */ React__default$1.createElement("input", { ...getInputProps() }), buttonTarget)) : buttonTarget;
-    return /* @__PURE__ */ React__default$1.createElement("div", { style: { display: "flex", alignItems: "center" } }, index !== 0 && /* @__PURE__ */ React__default$1.createElement("div", { className: "veToolbarSpacer" }), /* @__PURE__ */ React__default$1.createElement(
-      Popover,
-      {
-        disabled: popoverDisabled,
-        isOpen: !!Dropdown && isOpen,
-        onClose: (e) => {
-          let srcElement;
-          if (e) {
-            srcElement = e.srcElement || e.target;
-          }
-          if (e && srcElement && this.dropdownNode && (this.dropdownNode.contains(srcElement) || !document.body.contains(srcElement))) {
-            return;
-          }
-          this.toggleDropdown({ forceClose: true });
-        },
-        canEscapeKeyClose: true,
-        minimal: true,
-        position: Position.BOTTOM,
-        target,
-        content
-      }
-    ));
-  }
-}
-const ToolbarItem$1 = connectToEditor(({ toolBar = {} }, { toolName }) => ({
-  isOpen: toolBar.openItem === toolName
-}))(ToolbarItem);
-
 function array_move(arr, old_index, new_index) {
   if (new_index >= arr.length) {
     let k = new_index - arr.length + 1;
@@ -177351,30 +177398,30 @@ class AddOrEditAnnotationDialog extends React__default$1.Component {
   formatStart = (val) => {
     const { isProtein } = this.props.sequenceData || {};
     if (isProtein) {
-      return (val + 2) / 3;
+      return lodashExports.round((val + 2) / 3);
     }
-    return val;
+    return lodashExports.round(val);
   };
   formatEnd = (val) => {
     const { isProtein } = this.props.sequenceData || {};
     if (isProtein) {
-      return val / 3;
+      return lodashExports.round(val / 3);
     }
-    return val;
+    return lodashExports.round(val);
   };
   parseStart = (val) => {
     const { isProtein } = this.props.sequenceData || {};
     if (isProtein) {
-      return val * 3 - 2;
+      return lodashExports.round(val * 3 - 2);
     }
-    return val;
+    return lodashExports.round(val);
   };
   parseEnd = (val) => {
     const { isProtein } = this.props.sequenceData || {};
     if (isProtein) {
-      return val * 3;
+      return lodashExports.round(val * 3);
     }
-    return val;
+    return lodashExports.round(val);
   };
   renderLocations = (props) => {
     const { fields } = props;
@@ -183100,7 +183147,7 @@ function addClickableLabel(toRet, { closeDropDown }) {
 }
 
 const userDefinedHandlersAndOpts = [
-  "onChangeEditLock",
+  "beforeReadOnlyChange",
   "defaultLinkedOligoMessage",
   "allowMultipleFeatureDirections",
   "getAdditionalEditAnnotationComps",
@@ -183363,49 +183410,6 @@ const OrfToolDropdown = withEditorProps(
   }
 );
 
-const editTool = connectToEditor((editorState) => {
-  return {
-    readOnly: editorState.readOnly
-  };
-})(
-  ({
-    toolbarItemProps,
-    readOnly,
-    toggleReadOnlyMode,
-    disableSetReadOnly,
-    onChangeEditLock
-  }) => {
-    const [isLoading, setIsLoading] = useState(false);
-    const readOnlyTooltip = ({ readOnly: readOnly2, disableSetReadOnly: disableSetReadOnly2 }) => {
-      if (isLoading) {
-        return "Loading...";
-      } else if (disableSetReadOnly2) {
-        return "You do not have permission to edit locks on this sequence";
-      }
-      return readOnly2 ? "Click to enable editing" : "Click to disable editing";
-    };
-    return /* @__PURE__ */ React__default$1.createElement(
-      ToolbarItem$1,
-      {
-        ...{
-          disabled: isLoading || disableSetReadOnly,
-          Icon: /* @__PURE__ */ React__default$1.createElement(Icon, { icon: readOnly ? "lock" : "unlock" }),
-          onIconClick: async () => {
-            if (onChangeEditLock) {
-              setIsLoading(true);
-              await onChangeEditLock(!readOnly);
-              setIsLoading(false);
-            }
-            toggleReadOnlyMode();
-          },
-          tooltip: readOnlyTooltip({ readOnly, disableSetReadOnly }),
-          ...toolbarItemProps
-        }
-      }
-    );
-  }
-);
-
 const style$4 = '';
 
 const opts = [
@@ -184026,31 +184030,22 @@ const style$3 = '';
 
 const EditReadOnlyItem = connectToEditor(({ readOnly }) => ({
   readOnly
-}))(
-  ({
-    onSave,
-    readOnly,
-    showReadOnly,
-    disableSetReadOnly,
-    updateReadOnlyMode
-  }) => {
-    return showReadOnly ? /* @__PURE__ */ React__default$1.createElement(StatusBarItem, { dataTest: "veStatusBar-readOnly" }, onSave ? /* @__PURE__ */ React__default$1.createElement(
-      HTMLSelect,
-      {
-        options: [
-          { label: "Read Only", value: "readOnly" },
-          { label: "Editable", value: "editable" }
-        ],
-        disabled: disableSetReadOnly || !onSave,
-        className: Classes.MINIMAL,
-        value: readOnly ? "readOnly" : "editable",
-        onChange: ({ target: { value } }) => {
-          updateReadOnlyMode(value === "readOnly");
-        }
-      }
-    ) : readOnly ? "Read Only" : "Editable") : null;
-  }
-);
+}))((props) => {
+  const { onSave, readOnly, showReadOnly, disableSetReadOnly } = props;
+  return showReadOnly ? /* @__PURE__ */ React__default$1.createElement(StatusBarItem, { dataTest: "veStatusBar-readOnly" }, onSave ? /* @__PURE__ */ React__default$1.createElement(
+    HTMLSelect,
+    {
+      options: [
+        { label: "Read Only", value: "readOnly" },
+        { label: "Editable", value: "editable" }
+      ],
+      disabled: disableSetReadOnly || !onSave,
+      className: Classes.MINIMAL,
+      value: readOnly ? "readOnly" : "editable",
+      onChange: ({ target: { value } }) => handleReadOnlyChange(value === "readOnly", props)
+    }
+  ) : readOnly ? "Read Only" : "Editable") : null;
+});
 const ShowSelectionItem = compose(
   connectToEditor(
     ({ selectionLayer, caretPosition, sequenceData = { sequence: "" } }, ownProps, ...rest) => {
@@ -184197,11 +184192,13 @@ function StatusBar({
   showGCContentByDefault,
   onSelectionOrCaretChanged,
   GCDecimalDigits = 1,
-  isProtein
+  isProtein,
+  beforeReadOnlyChange
 }) {
   return /* @__PURE__ */ React__default$1.createElement("div", { className: "veStatusBar" }, showMoleculeType && /* @__PURE__ */ React__default$1.createElement(ShowTypeItem, { editorName }), /* @__PURE__ */ React__default$1.createElement(
     EditReadOnlyItem,
     {
+      beforeReadOnlyChange,
       editorName,
       onSave,
       disableSetReadOnly,
@@ -184640,7 +184637,6 @@ class GeneralProperties extends React__default$1.Component {
       disableSetReadOnly,
       updateAvailability,
       sequenceData,
-      updateReadOnlyMode,
       onSave,
       showAvailability,
       sequenceNameUpdate
@@ -184695,10 +184691,9 @@ class GeneralProperties extends React__default$1.Component {
     ))), /* @__PURE__ */ React__default$1.createElement("div", { className: "ve-flex-row" }, /* @__PURE__ */ React__default$1.createElement("div", { className: "ve-column-left bp3-label" }, "Length"), " ", /* @__PURE__ */ React__default$1.createElement("div", { className: "ve-column-right" }, " ", isProtein ? proteinSequence.length : sequence.length)), showReadOnly && /* @__PURE__ */ React__default$1.createElement("div", { className: "ve-flex-row" }, /* @__PURE__ */ React__default$1.createElement("div", { className: "ve-column-left bp3-label" }, "Is Editable"), " ", /* @__PURE__ */ React__default$1.createElement("div", { className: "ve-column-right" }, " ", /* @__PURE__ */ React__default$1.createElement(
       BPSelect,
       {
+        className: "veReadOnlySelect",
         disabled: !onSave || disableSetReadOnly,
-        onChange: (val) => {
-          updateReadOnlyMode(val === "readOnly");
-        },
+        onChange: (val) => handleReadOnlyChange(val === "readOnly", this.props),
         value: readOnly ? "readOnly" : "editable",
         options: [
           { label: "Read Only", value: "readOnly" },
@@ -194771,7 +194766,7 @@ class Editor extends React__default$1.Component {
           contentLeft: this.props.contentLeft,
           editorName,
           withDigestTool: true,
-          onChangeEditLock: this.props.onChangeEditLock,
+          beforeReadOnlyChange: this.props.beforeReadOnlyChange,
           ...ToolBarProps
         }
       ),