@teselagen/ove 0.3.11 → 0.3.13

package/index.js

@@ -30426,20 +30426,12 @@ var _cof = function (it) {
   return toString$6.call(it).slice(8, -1);
 };
 
-var _iobject;
-var hasRequired_iobject;
-
-function require_iobject () {
-	if (hasRequired_iobject) return _iobject;
-	hasRequired_iobject = 1;
-	// fallback for non-array-like ES3 and non-enumerable old V8 strings
-	var cof = _cof;
-	// eslint-disable-next-line no-prototype-builtins
-	_iobject = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
-	  return cof(it) == 'String' ? it.split('') : Object(it);
-	};
-	return _iobject;
-}
+// fallback for non-array-like ES3 and non-enumerable old V8 strings
+var cof$2 = _cof;
+// eslint-disable-next-line no-prototype-builtins
+var _iobject = Object('z').propertyIsEnumerable(0) ? Object : function (it) {
+  return cof$2(it) == 'String' ? it.split('') : Object(it);
+};
 
 // 7.2.1 RequireObjectCoercible(argument)
 var _defined = function (it) {
@@ -30448,7 +30440,7 @@ var _defined = function (it) {
 };
 
 // to indexed object, toObject with fallback for non-array-like ES3 strings
-var IObject = require_iobject();
+var IObject = _iobject;
 var defined$2 = _defined;
 var _toIobject = function (it) {
   return IObject(defined$2(it));
@@ -30568,14 +30560,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;
@@ -30593,9 +30578,9 @@ function require_objectAssign () {
 	var DESCRIPTORS = _descriptors;
 	var getKeys = _objectKeys;
 	var gOPS = _objectGops;
-	var pIE = require_objectPie();
+	var pIE = _objectPie;
 	var toObject = _toObject;
-	var IObject = require_iobject();
+	var IObject = _iobject;
 	var $assign = Object.assign;
 
 	// should work with symbols and should have deterministic property order (V8 bug)
@@ -31308,7 +31293,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;
@@ -31361,7 +31346,7 @@ _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;
@@ -31529,7 +31514,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) {
@@ -85373,13 +85358,7 @@ function withTableParams(compOrOpts, pTopLevelOpts) {
       return {};
     }
     const mergedOpts = getMergedOpts(topLevelOptions, ownProps);
-    const {
-      formName,
-      urlConnected,
-      history,
-      defaults,
-      onlyOneFilter
-    } = mergedOpts;
+    const { formName, urlConnected, history, defaults, onlyOneFilter } = mergedOpts;
     function updateSearch(val) {
       setTimeout(function() {
         dispatch(reduxForm.change(formName, "reduxFormSearchInput", val || ""));
@@ -85418,12 +85397,7 @@ function withTableParams(compOrOpts, pTopLevelOpts) {
         action(...args, currentParams);
       };
     });
-    const {
-      variables,
-      selectedEntities,
-      mergedOpts,
-      ...restStateProps
-    } = stateProps;
+    const { variables, selectedEntities, mergedOpts, ...restStateProps } = stateProps;
     const changeFormValue = (...args) => dispatchProps.dispatch(reduxForm.change(formName, ...args));
     const tableParams = {
       changeFormValue,
@@ -89319,7 +89293,9 @@ const wrapDialog = (topLevelDialogProps = {}) => (Component) => (props) => {
                 return doNotTriggerClick();
             }
             const parentEl = r.current?.closest(".bp3-dialog-container");
-            const dialogs = document.querySelectorAll(".bp3-dialog-container");
+            const dialogs = document.querySelectorAll(
+              ".bp3-dialog-container"
+            );
             const numDialogs = dialogs?.length;
             if (numDialogs > 1) {
               const topMostDialog = dialogs[numDialogs - 1];
@@ -89658,6 +89634,7 @@ function MatchHeaders({
             marginBottom: 10,
             marginLeft: 20,
             fontSize: 10
+            /* color: Colors.RED1 */
           }
         },
         userMatchedHeader && [
@@ -91646,10 +91623,7 @@ const UploadCsvWizardDialog = compose(
       if (props.filesWIssues.length > 0) {
         const reduxFormEntitiesArray = [];
         const finishedFiles = props.filesWIssues.map((f, i) => {
-          const {
-            reduxFormEntities,
-            reduxFormCellValidation
-          } = reduxForm.formValueSelector(`editableCellTable-${i}`)(
+          const { reduxFormEntities, reduxFormCellValidation } = reduxForm.formValueSelector(`editableCellTable-${i}`)(
             state,
             "reduxFormEntities",
             "reduxFormCellValidation"
@@ -92026,6 +92000,8 @@ const PreviewCsvData = observer(function(props) {
     userSchema = exampleData,
     initialEntities
   } = props;
+  const rerenderKey = React$3.useRef(0);
+  rerenderKey.current = rerenderKey.current + 1;
   const data = userSchema.userData && userSchema.userData.length && userSchema.userData.map((row) => {
     const toRet = {
       _isClean: row._isClean
@@ -92072,6 +92048,7 @@ const PreviewCsvData = observer(function(props) {
     {
       maxWidth: 800,
       maxHeight: 500,
+      rerenderKey: rerenderKey.current,
       destroyOnUnmount: false,
       doNotValidateUntouchedRows: true,
       formName: datatableFormName || "editableCellTable",
@@ -103904,7 +103881,14 @@ const EnhancedMenuItem = compose(
     }
   }),
   branch(({ navTo }) => navTo, withRouter$1)
-)(function({ navTo, context, staticContext, didMount, willUnmount, ...props }) {
+)(function({
+  navTo,
+  context,
+  staticContext,
+  didMount,
+  willUnmount,
+  ...props
+}) {
   let MenuItemComp = core$5.MenuItem;
   if (navTo) {
     MenuItemComp = MenuItemLink;
@@ -104962,11 +104946,7 @@ function getCommandHotkeyHandlers(commands) {
   return handlers;
 }
 
-const withCommand = (mappings) => (WrappedComponent) => ({
-  cmd,
-  cmdOptions = {},
-  ...props
-}) => {
+const withCommand = (mappings) => (WrappedComponent) => ({ cmd, cmdOptions = {}, ...props }) => {
   const mappedProps = {};
   Object.keys(mappings).forEach((k) => {
     mappedProps[k] = mappings[k] === "execute" ? (event) => cmd.execute({ event }) : typeof mappings[k] === "function" ? mappings[k](cmd, props) : cmd[mappings[k]];
@@ -106113,9 +106093,9 @@ const frameTranslations = createReducer(
     }
   },
   {
-    "1": false,
-    "2": false,
-    "3": false,
+    1: false,
+    2: false,
+    3: false,
     "-1": false,
     "-2": false,
     "-3": false
@@ -106844,9 +106824,14 @@ function checkIfNonCircularRangesOverlap(range, comparisonRange) {
 
 function checkIfPotentiallyCircularRangesOverlap(range, comparisonRange) {
   return splitRangeIntoTwoPartsIfItIsCircular(range, Infinity).some(function(splitRange) {
-    return splitRangeIntoTwoPartsIfItIsCircular(comparisonRange, Infinity).some(function(splitComparisonRange) {
-      return checkIfNonCircularRangesOverlap(splitRange, splitComparisonRange);
-    });
+    return splitRangeIntoTwoPartsIfItIsCircular(comparisonRange, Infinity).some(
+      function(splitComparisonRange) {
+        return checkIfNonCircularRangesOverlap(
+          splitRange,
+          splitComparisonRange
+        );
+      }
+    );
   });
 }
 
@@ -106856,15 +106841,19 @@ function collapseOverlapsGeneratedFromRangeComparisonIfPossible(overlaps, sequen
     return overlaps;
   } else if (overlaps.length === 2) {
     if (overlaps[0].start === 0 && overlaps[1].end + 1 === sequenceLength && !originalRangeLinear) {
-      return [{
-        start: overlaps[1].start,
-        end: overlaps[0].end
-      }];
+      return [
+        {
+          start: overlaps[1].start,
+          end: overlaps[0].end
+        }
+      ];
     } else if (overlaps[1].start === 0 && overlaps[0].end + 1 === sequenceLength && !originalRangeLinear) {
-      return [{
-        start: overlaps[0].start,
-        end: overlaps[1].end
-      }];
+      return [
+        {
+          start: overlaps[0].start,
+          end: overlaps[1].end
+        }
+      ];
     } else {
       return overlaps;
     }
@@ -106872,17 +106861,29 @@ function collapseOverlapsGeneratedFromRangeComparisonIfPossible(overlaps, sequen
     const firstOverlap = overlaps[0];
     const secondOverlap = overlaps[1];
     const thirdOverlap = overlaps[2];
-    let collapsedOverlaps = collapseOverlapsGeneratedFromRangeComparisonIfPossible([firstOverlap, secondOverlap], sequenceLength, optionalOriginalRange);
+    let collapsedOverlaps = collapseOverlapsGeneratedFromRangeComparisonIfPossible(
+      [firstOverlap, secondOverlap],
+      sequenceLength,
+      optionalOriginalRange
+    );
     if (collapsedOverlaps.length === 1) {
       collapsedOverlaps.push(thirdOverlap);
       return collapsedOverlaps;
     } else {
-      collapsedOverlaps = collapseOverlapsGeneratedFromRangeComparisonIfPossible([firstOverlap, thirdOverlap], sequenceLength, optionalOriginalRange);
+      collapsedOverlaps = collapseOverlapsGeneratedFromRangeComparisonIfPossible(
+        [firstOverlap, thirdOverlap],
+        sequenceLength,
+        optionalOriginalRange
+      );
       if (collapsedOverlaps.length === 1) {
         collapsedOverlaps.push(secondOverlap);
         return collapsedOverlaps;
       } else {
-        collapsedOverlaps = collapseOverlapsGeneratedFromRangeComparisonIfPossible([secondOverlap, thirdOverlap], sequenceLength, optionalOriginalRange);
+        collapsedOverlaps = collapseOverlapsGeneratedFromRangeComparisonIfPossible(
+          [secondOverlap, thirdOverlap],
+          sequenceLength,
+          optionalOriginalRange
+        );
         if (collapsedOverlaps.length === 1) {
           collapsedOverlaps.push(firstOverlap);
           return collapsedOverlaps;
@@ -106904,11 +106905,18 @@ function convertRangeIndices(range, inputType, outputType) {
 }
 
 function convertRangeTo0Based(range) {
-  return convertRangeIndices(range, { inclusive1BasedStart: true, inclusive1BasedEnd: true });
+  return convertRangeIndices(range, {
+    inclusive1BasedStart: true,
+    inclusive1BasedEnd: true
+  });
 }
 
 function convertRangeTo1Based(range) {
-  return convertRangeIndices(range, {}, { inclusive1BasedStart: true, inclusive1BasedEnd: true });
+  return convertRangeIndices(
+    range,
+    {},
+    { inclusive1BasedStart: true, inclusive1BasedEnd: true }
+  );
 }
 
 function provideInclusiveOptions(funToWrap) {
@@ -107013,7 +107021,11 @@ function expandOrContractCircularRangeToPosition(range, position, maxLength) {
   let endMoved = true;
   if (range.end >= position) {
     if (position + maxLength - range.start > range.end - position) {
-      newRange.end = normalizePositionByRangeLength(position - 1, maxLength, false);
+      newRange.end = normalizePositionByRangeLength(
+        position - 1,
+        maxLength,
+        false
+      );
     } else {
       newRange.start = position;
       endMoved = false;
@@ -107086,19 +107098,31 @@ function expandOrContractRangeToPosition(range, position, maxLength) {
   if (range.start > range.end) {
     return expandOrContractCircularRangeToPosition(range, position, maxLength);
   } else {
-    return expandOrContractNonCircularRangeToPosition(range, position);
+    return expandOrContractNonCircularRangeToPosition(
+      range,
+      position);
   }
 }
 
 function translateRange(rangeToBeAdjusted, translateBy, rangeLength) {
   return lodashExports.assign({}, rangeToBeAdjusted, {
-    start: normalizePositionByRangeLength(rangeToBeAdjusted.start + translateBy, rangeLength),
-    end: normalizePositionByRangeLength(rangeToBeAdjusted.end + translateBy, rangeLength)
+    start: normalizePositionByRangeLength(
+      rangeToBeAdjusted.start + translateBy,
+      rangeLength
+    ),
+    end: normalizePositionByRangeLength(
+      rangeToBeAdjusted.end + translateBy,
+      rangeLength
+    )
   });
 }
 
 function flipRelativeRange(innerRange, outerRange, sequenceLength, options) {
-  const isFullyContained = isRangeWithinRange(innerRange, outerRange, sequenceLength);
+  const isFullyContained = isRangeWithinRange(
+    innerRange,
+    outerRange,
+    sequenceLength
+  );
   if (isFullyContained) {
     return flipFullyContainedRange(innerRange, outerRange, sequenceLength);
   } else {
@@ -107106,40 +107130,91 @@ function flipRelativeRange(innerRange, outerRange, sequenceLength, options) {
   }
 }
 function flipNonFullyContainedRange(innerRange, outerRange, sequenceLength, options) {
-  const outerFullyContained = isRangeWithinRange(outerRange, innerRange, sequenceLength);
+  const outerFullyContained = isRangeWithinRange(
+    outerRange,
+    innerRange,
+    sequenceLength
+  );
   let flippedInnerRange;
   if (outerFullyContained) {
-    const expandBy1 = getRangeLength({
-      start: innerRange.start,
-      end: outerRange.start
-    }, sequenceLength) - 1;
-    flippedInnerRange = expandOrContractRangeByLength(outerRange, expandBy1, false, sequenceLength);
-    const expandBy2 = getRangeLength({
-      end: innerRange.end,
-      start: outerRange.end
-    }, sequenceLength) - 1;
-    flippedInnerRange = expandOrContractRangeByLength(flippedInnerRange, expandBy2, true, sequenceLength);
+    const expandBy1 = getRangeLength(
+      {
+        start: innerRange.start,
+        end: outerRange.start
+      },
+      sequenceLength
+    ) - 1;
+    flippedInnerRange = expandOrContractRangeByLength(
+      outerRange,
+      expandBy1,
+      false,
+      sequenceLength
+    );
+    const expandBy2 = getRangeLength(
+      {
+        end: innerRange.end,
+        start: outerRange.end
+      },
+      sequenceLength
+    ) - 1;
+    flippedInnerRange = expandOrContractRangeByLength(
+      flippedInnerRange,
+      expandBy2,
+      true,
+      sequenceLength
+    );
   } else {
-    const overlaps = getOverlapsOfPotentiallyCircularRanges(innerRange, outerRange, sequenceLength);
+    const overlaps = getOverlapsOfPotentiallyCircularRanges(
+      innerRange,
+      outerRange,
+      sequenceLength
+    );
     if (overlaps.length >= 1) {
       let overlapExtendsForward;
       const firstOverlap = overlaps[0];
       overlapExtendsForward = firstOverlap.start !== outerRange.start;
-      const flippedTruncatedInner = flipFullyContainedRange(firstOverlap, outerRange, sequenceLength);
+      const flippedTruncatedInner = flipFullyContainedRange(
+        firstOverlap,
+        outerRange,
+        sequenceLength
+      );
       const lengthToExtend = getRangeLength(innerRange, sequenceLength) - getRangeLength(flippedTruncatedInner, sequenceLength);
-      flippedInnerRange = expandOrContractRangeByLength(flippedTruncatedInner, lengthToExtend, overlapExtendsForward, sequenceLength);
+      flippedInnerRange = expandOrContractRangeByLength(
+        flippedTruncatedInner,
+        lengthToExtend,
+        overlapExtendsForward,
+        sequenceLength
+      );
     } else {
-      throw new Error("This case (relative ranges that do not overlap) is unsupported! ");
+      throw new Error(
+        "This case (relative ranges that do not overlap) is unsupported! "
+      );
     }
   }
   return flippedInnerRange;
 }
 function flipFullyContainedRange(innerRange, outerRange, sequenceLength, options) {
   const translateBy = -outerRange.start;
-  const translatedOuterRange = translateRange(outerRange, translateBy, sequenceLength);
-  const translatedInnerRange = translateRange(innerRange, translateBy, sequenceLength);
-  const translatedFlippedInnerRange = flipNonOriginSpanningContainedRange(translatedInnerRange, translatedOuterRange, sequenceLength);
-  const flippedInnerRange = translateRange(translatedFlippedInnerRange, -translateBy, sequenceLength);
+  const translatedOuterRange = translateRange(
+    outerRange,
+    translateBy,
+    sequenceLength
+  );
+  const translatedInnerRange = translateRange(
+    innerRange,
+    translateBy,
+    sequenceLength
+  );
+  const translatedFlippedInnerRange = flipNonOriginSpanningContainedRange(
+    translatedInnerRange,
+    translatedOuterRange,
+    sequenceLength
+  );
+  const flippedInnerRange = translateRange(
+    translatedFlippedInnerRange,
+    -translateBy,
+    sequenceLength
+  );
   return flippedInnerRange;
 }
 function flipNonOriginSpanningContainedRange(innerRange, outerRange, sequenceLength) {
@@ -107311,9 +107386,15 @@ function trimNumberToFitWithin0ToAnotherNumber(numberToBeTrimmed, max) {
 }
 
 function zeroSubrangeByContainerRange(subRange, containerRange, sequenceLength) {
-  const trimmedSubRange = trimRangeByAnotherRange(subRange, containerRange, sequenceLength);
+  const trimmedSubRange = trimRangeByAnotherRange(
+    subRange,
+    containerRange,
+    sequenceLength
+  );
   if (trimmedSubRange) {
-    throw new Error("subRange must be fully contained by containerRange! Otherwise this function does not make sense");
+    throw new Error(
+      "subRange must be fully contained by containerRange! Otherwise this function does not make sense"
+    );
   }
   const newSubrange = {};
   newSubrange.start = subRange.start - containerRange.start;
@@ -107340,12 +107421,24 @@ function modulo(n, m) {
 }
 
 function getZeroedRangeOverlaps(annotation, selection, sequenceLength) {
-  const overlaps = collapseOverlapsGeneratedFromRangeComparisonIfPossible(getOverlapsOfPotentiallyCircularRanges(annotation, selection, sequenceLength), sequenceLength, annotation);
+  const overlaps = collapseOverlapsGeneratedFromRangeComparisonIfPossible(
+    getOverlapsOfPotentiallyCircularRanges(
+      annotation,
+      selection,
+      sequenceLength
+    ),
+    sequenceLength,
+    annotation
+  );
   const zeroedOverlaps = overlaps.map((overlap) => {
-    return zeroSubrangeByContainerRange(overlap, {
-      start: selection.start,
-      end: normalizePositionByRangeLength(selection.start - 1, sequenceLength)
-    }, sequenceLength);
+    return zeroSubrangeByContainerRange(
+      overlap,
+      {
+        start: selection.start,
+        end: normalizePositionByRangeLength(selection.start - 1, sequenceLength)
+      },
+      sequenceLength
+    );
   });
   return zeroedOverlaps;
 }
@@ -113698,9 +113791,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) {
@@ -114051,7 +114144,7 @@ const calcTmMethods = {
   calculateTemperature: function(sequence, type, A, R, C, Na) {
     if (typeof type === "undefined") {
       type = this.TABLE_BRESLAUER;
-    } else if (type != this.TABLE_BRESLAUER && (type != this.TABLE_UNIFIED && type != this.TABLE_SUGIMOTO)) {
+    } else if (type != this.TABLE_BRESLAUER && type != this.TABLE_UNIFIED && type != this.TABLE_SUGIMOTO) {
       throw new Error("Invalid table type!");
     }
     if (!A) {
@@ -122310,12 +122403,7 @@ function findSequenceMatches(sequence, searchString, options = {}) {
   return matches;
 }
 function findSequenceMatchesTopStrand(sequence, searchString, options = {}) {
-  const {
-    isCircular,
-    isAmbiguous,
-    isProteinSequence,
-    isProteinSearch
-  } = options;
+  const { isCircular, isAmbiguous, isProteinSequence, isProteinSearch } = options;
   let searchStringToUse = escapeStringRegexp(searchString);
   if (isAmbiguous) {
     if (isProteinSearch || isProteinSequence) {
@@ -122397,7 +122485,10 @@ function convertAmbiguousStringToRegex(string, isProtein) {
 
 function getComplementSequenceString(sequence, isRna) {
   let complementSeqString = "";
-  const complementMap = lodashExports.merge(DNAComplementMap, isRna ? { a: "u", A: "U" } : { a: "t", A: "T" });
+  const complementMap = lodashExports.merge(
+    DNAComplementMap,
+    isRna ? { a: "u", A: "U" } : { a: "t", A: "T" }
+  );
   for (let i = 0; i < sequence.length; i++) {
     let complementChar = complementMap[sequence[i]];
     if (!complementChar) {
@@ -135068,10 +135159,7 @@ async function geneiousXmlToJson(string, options) {
         });
       }
     });
-    const toRet = lodashExports.filter(
-      resultArray,
-      (r) => r?.parsedSequence?.sequence?.length
-    );
+    const toRet = lodashExports.filter(resultArray, (r) => r?.parsedSequence?.sequence?.length);
     if (toRet.length)
       return toRet;
     return onFileParsed(resultArray);
@@ -135173,10 +135261,7 @@ async function jbeiXmlToJson(string, options) {
         messages: ["Error while parsing JBEI format"]
       });
     }
-    const toRet = lodashExports.filter(
-      resultArray,
-      (r) => r?.parsedSequence?.sequence?.length
-    );
+    const toRet = lodashExports.filter(resultArray, (r) => r?.parsedSequence?.sequence?.length);
     if (toRet.length)
       return toRet;
     return onFileParsed(resultArray);
@@ -138451,10 +138536,7 @@ const lastSavedId$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.definePrope
   lastSavedIdUpdate
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const toggleReadOnlyMode = createMetaAction(
-  "TOGGLE_READ_ONLY_MODE",
-  lodashExports.noop
-);
+const toggleReadOnlyMode = createMetaAction("TOGGLE_READ_ONLY_MODE", lodashExports.noop);
 const updateReadOnlyMode = createMetaAction("UPDATE_READ_ONLY_MODE");
 const readOnly = createReducer(
   {
@@ -142167,6 +142249,9 @@ function showAddOrEditAnnotationDialog({
     overrideName: `AddOrEdit${nameUpper}DialogOverride`,
     dialogType,
     props: {
+      ...annotation.isEditLocked && {
+        readOnly: typeof annotation.isEditLocked === "string" ? annotation.isEditLocked : "This annotation is locked"
+      },
       dialogProps: {
         title: annotation && annotation.id ? `Edit ${nameUpper}` : `New ${nameUpper}`
       },
@@ -142808,7 +142893,8 @@ function mapStateToProps(state, ownProps) {
     editorName,
     sequenceData: sequenceDataFromProps,
     allowSeqDataOverride,
-    allowMultipleFeatureDirections
+    allowMultipleFeatureDirections,
+    readOnly
   } = ownProps;
   const editorState = getEditorState(state, editorName);
   const meta = { editorName };
@@ -142868,6 +142954,7 @@ function mapStateToProps(state, ownProps) {
   const f = getFindTool(findTool, matchesTotal);
   return {
     ...editorState,
+    readOnly: readOnly || editorState.readOnly,
     meta,
     annotationToAdd,
     ...newSelection && { selectionLayer: newSelection },
@@ -161052,7 +161139,7 @@ function showFileDialog({ multiple = false, onSelect }) {
 }
 
 const name = "@teselagen/ove";
-const version = "0.3.10";
+const version = "0.3.12";
 const main = "./src/index.js";
 const exports$1 = {
 	".": {
@@ -161594,6 +161681,184 @@ function ToggleShowMeltingTemp(props) {
   );
 }
 
+const style$i = '';
+
+class ToolbarItem extends React$3.Component {
+  toggleDropdown = ({ forceClose } = {}) => {
+    const { toolName, isOpen } = this.props;
+    this.props.openToolbarItemUpdate(isOpen || forceClose ? "" : toolName);
+  };
+  render() {
+    const { overrides = {} } = this.props;
+    const {
+      isOpen,
+      index,
+      Icon,
+      // 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$3.createElement(
+      "div",
+      {
+        className: `veToolbarItemOuter ve-tool-container-${toolName}` + (disabled ? " disabled " : "")
+      },
+      renderIconAbove && /* @__PURE__ */ React$3.createElement("div", null, /* @__PURE__ */ React$3.createElement("div", { className: "veToolbarItem" }, Icon)),
+      Icon && !renderIconAbove && /* @__PURE__ */ React$3.createElement(
+        core$5.Tooltip,
+        {
+          disabled: tooltipDisabled,
+          portalClassName: "ve-toolbar-item-popover",
+          content: tooltipToDisplay
+        },
+        /* @__PURE__ */ React$3.createElement(
+          core$5.AnchorButton,
+          {
+            intent: core$5.Intent.PRIMARY,
+            onClick: onIconClick === "toggleDropdown" ? this.toggleDropdown : onIconClick,
+            active: toggled,
+            disabled,
+            minimal: true,
+            icon: React$3.isValidElement(Icon) ? Icon : /* @__PURE__ */ React$3.createElement(Icon, { toggleDropdown: this.toggleDropdown })
+          }
+        )
+      ),
+      Dropdown && !noDropdownIcon ? /* @__PURE__ */ React$3.createElement(core$5.Tooltip, { disabled: tooltipDisabled, content: dropdowntooltip }, /* @__PURE__ */ React$3.createElement(
+        "div",
+        {
+          className: (isOpen ? " isOpen " : "") + (dropdownicon ? "" : " veToolbarDropdown"),
+          onClick: this.toggleDropdown
+        },
+        dropdownicon ? /* @__PURE__ */ React$3.createElement("div", { className: "veToolbarIcon" }, /* @__PURE__ */ React$3.createElement("div", null, dropdownicon)) : isOpen ? /* @__PURE__ */ React$3.createElement(
+          core$5.Icon,
+          {
+            "data-test": toolName + "Dropdown",
+            iconSize: 13,
+            icon: "caret-up"
+          }
+        ) : /* @__PURE__ */ React$3.createElement(
+          core$5.Icon,
+          {
+            "data-test": toolName + "Dropdown",
+            iconSize: 13,
+            icon: "caret-down"
+          }
+        )
+      )) : null
+    );
+    const content = /* @__PURE__ */ React$3.createElement(
+      "div",
+      {
+        ref: (n) => {
+          if (n)
+            this.dropdownNode = n;
+        },
+        style: { padding: 10, minWidth: 250, maxWidth: 350 },
+        className: "ve-toolbar-dropdown content"
+      },
+      Dropdown && /* @__PURE__ */ React$3.createElement(
+        Dropdown,
+        {
+          ...rest,
+          editorName,
+          toggleDropdown: this.toggleDropdown
+        }
+      )
+    );
+    const target = IconWrapper ? /* @__PURE__ */ React$3.createElement(IconWrapper, { ...IconWrapperProps }, ({ getRootProps, getInputProps }) => /* @__PURE__ */ React$3.createElement("div", { ...getRootProps() }, /* @__PURE__ */ React$3.createElement("input", { ...getInputProps() }), buttonTarget)) : buttonTarget;
+    return /* @__PURE__ */ React$3.createElement("div", { style: { display: "flex", alignItems: "center" } }, index !== 0 && /* @__PURE__ */ React$3.createElement("div", { className: "veToolbarSpacer" }), /* @__PURE__ */ React$3.createElement(
+      core$5.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: core$5.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] = React$3.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$3.createElement(
+    ToolbarItem$1,
+    {
+      ...{
+        disabled: isLoading || disableSetReadOnly,
+        Icon: /* @__PURE__ */ React$3.createElement(core$5.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;
@@ -161662,7 +161927,7 @@ const fileCommandDefs = {
     isHidden: isProtein
   },
   deleteSequence: {
-    isDisabled: (props) => props.readOnly && readOnlyDisabledTooltip || !props.onDelete,
+    isDisabled: (props) => props.disableBpEditing && bpEditingDisabledTooltip || props.readOnly && readOnlyDisabledTooltip || !props.onDelete,
     isHidden: (props) => !props.onDelete,
     handler: (props) => props.onDelete(props.sequenceData)
   },
@@ -161677,7 +161942,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,
@@ -161861,6 +162126,7 @@ Object.keys(defaultCopyOptions).forEach((type) => {
   };
 });
 const readOnlyDisabledTooltip = "Sorry this function is not allowed in Read-Only Mode";
+const bpEditingDisabledTooltip = "Sequence Editing Disabled";
 const noSelection = ({ selectionLayer = {} }) => !(selectionLayer.start > -1 && selectionLayer.end > -1) && "Selection Required";
 const triggerClipboardCommand = (type) => {
   const wrapper = document.querySelector(".veVectorInteractionWrapper");
@@ -161892,8 +162158,8 @@ const editCommandDefs = {
     handler: lodashExports.noop
   },
   cut: {
-    isDisabled: (props) => props.readOnly && readOnlyDisabledTooltip || props.sequenceLength === 0,
-    isHidden: (props) => props.readOnly,
+    isDisabled: (props) => props.disableBpEditing && bpEditingDisabledTooltip || props.readOnly && readOnlyDisabledTooltip || props.sequenceLength === 0,
+    isHidden: (props) => props.readOnly || props.disableBpEditing,
     handler: () => {
       triggerClipboardCommand("cut");
     },
@@ -161918,7 +162184,7 @@ const editCommandDefs = {
   },
   paste: {
     isDisabled: (props) => props.readOnly && readOnlyDisabledTooltip,
-    isHidden: (props) => props.readOnly,
+    isHidden: (props) => props.readOnly || props.disableBpEditing,
     handler: () => triggerClipboardCommand("paste"),
     hotkey: "mod+v"
   },
@@ -162072,12 +162338,12 @@ const editCommandDefs = {
     hotkey: "mod+i"
   },
   complementSelection: {
-    isHidden: (props) => props.readOnly || isProtein(props),
+    isHidden: (props) => props.readOnly || isProtein(props) || props.disableBpEditing,
     isDisabled: (props) => props.readOnly && readOnlyDisabledTooltip || noSelection(props),
     handler: (props) => props.handleComplementSelection()
   },
   complementEntireSequence: {
-    isHidden: (props) => props.readOnly || isProtein(props),
+    isHidden: (props) => props.readOnly || isProtein(props) || props.disableBpEditing,
     isDisabled: (props) => props.readOnly && readOnlyDisabledTooltip || props.sequenceLength === 0,
     handler: (props) => props.handleComplementSequence()
   },
@@ -162229,13 +162495,13 @@ const editCommandDefs = {
   //   }
   // },
   reverseComplementSelection: {
-    isDisabled: (props) => props.readOnly && readOnlyDisabledTooltip || noSelection(props),
+    isDisabled: (props) => props.readOnly && readOnlyDisabledTooltip || noSelection(props) || props.disableBpEditing,
     isHidden: (props) => props.readOnly || isProtein(props),
     handler: (props) => props.handleReverseComplementSelection(),
     hotkey: "mod+e"
   },
   reverseComplementEntireSequence: {
-    isHidden: (props) => props.readOnly || isProtein(props),
+    isHidden: (props) => props.readOnly || isProtein(props) || props.disableBpEditing,
     isDisabled: (props) => props.readOnly && readOnlyDisabledTooltip || props.sequenceLength === 0,
     handler: (props) => props.handleReverseComplementSequence()
   },
@@ -162385,7 +162651,7 @@ const editCommandDefs = {
     isDisabled: (props) => props.readOnly && readOnlyDisabledTooltip || props.sequenceLength === 0
   },
   rotateToCaretPosition: {
-    isHidden: (props) => props.readOnly || isProtein(props),
+    isHidden: (props) => props.readOnly || isProtein(props) || props.disableBpEditing,
     isDisabled: (props) => props.readOnly && readOnlyDisabledTooltip || props.caretPosition === -1 && "You must first place cursor" || !props.sequenceData.circular && "Disabled for Linear Sequences" || props.sequenceLength === 0,
     handler: (props) => props.handleRotateToCaretPosition(),
     hotkey: "mod+b"
@@ -162394,13 +162660,13 @@ const editCommandDefs = {
 };
 const cirularityCommandDefs = {
   circular: {
-    isHidden: (props) => props.readOnly || isProtein(props),
+    isHidden: (props) => props.readOnly || isProtein(props) || props.disableBpEditing,
     isDisabled: (props) => props.readOnly && readOnlyDisabledTooltip,
     handler: (props) => props.updateCircular(true),
     isActive: (props) => props && props.sequenceData.circular
   },
   linear: {
-    isHidden: (props) => props.readOnly,
+    isHidden: (props) => props.readOnly || props.disableBpEditing,
     isDisabled: (props) => props.readOnly && readOnlyDisabledTooltip,
     handler: (props) => props.updateCircular(false),
     isActive: (props) => props && !props.sequenceData.circular
@@ -162427,29 +162693,27 @@ const nicheAnnotations = [
   }
 ];
 const labelToggleCommandDefs = {};
-["feature", "part", "cutsite", "primer", ...nicheAnnotations].forEach(
-  (_type) => {
-    let rest = {};
-    let type = _type;
-    if (_type.type) {
-      type = _type.type.slice(0, -1);
-      rest = _type;
-    }
-    const cmdId = `toggle${lodashExports.upperFirst(type)}Labels`;
-    const plural = type + "s";
-    labelToggleCommandDefs[cmdId] = {
-      toggle: ["show", "hide"],
-      handler: (props) => props.annotationLabelVisibilityToggle(plural),
-      isHidden: (props) => {
-        return props && props.typesToOmit && props.typesToOmit[plural] === false;
-      },
-      ...rest,
-      isActive: (props) => {
-        return props && props.annotationLabelVisibility[plural];
-      }
-    };
-  }
-);
+["feature", "part", "cutsite", "primer", ...nicheAnnotations].forEach((_type) => {
+  let rest = {};
+  let type = _type;
+  if (_type.type) {
+    type = _type.type.slice(0, -1);
+    rest = _type;
+  }
+  const cmdId = `toggle${lodashExports.upperFirst(type)}Labels`;
+  const plural = type + "s";
+  labelToggleCommandDefs[cmdId] = {
+    toggle: ["show", "hide"],
+    handler: (props) => props.annotationLabelVisibilityToggle(plural),
+    isHidden: (props) => {
+      return props && props.typesToOmit && props.typesToOmit[plural] === false;
+    },
+    ...rest,
+    isActive: (props) => {
+      return props && props.annotationLabelVisibility[plural];
+    }
+  };
+});
 const editAnnotationCommandDefs = ["feature", "part", "primer"].reduce(
   (acc, key) => {
     acc[`edit${lodashExports.upperFirst(key)}`] = {
@@ -166638,8 +166902,12 @@ function VectorInteractionHOC(Component) {
         caretPosition = -1,
         selectionLayer = { start: -1, end: -1 },
         readOnly,
-        onPaste
+        onPaste,
+        disableBpEditing
       } = this.props;
+      if (disableBpEditing) {
+        return window.toastr.warning("Sorry the underlying sequence is locked");
+      }
       if (readOnly) {
         return window.toastr.warning("Sorry the sequence is Read-Only");
       }
@@ -166680,6 +166948,7 @@ function VectorInteractionHOC(Component) {
         sequenceData,
         selectionLayer,
         copyOptions,
+        disableBpEditing,
         readOnly
       } = this.props;
       const onCut = this.props.onCut || this.props.onCopy || lodashExports.noop;
@@ -166705,7 +166974,7 @@ function VectorInteractionHOC(Component) {
       );
       if (!(this.sequenceDataToCopy || {}).textToCopy && !seqData.sequence.length)
         return window.toastr.warning(
-          `No Sequence Selected To ${isCut && !readOnly ? "Cut" : "Copy"}`
+          `No Sequence Selected To ${isCut && !(readOnly || disableBpEditing) ? "Cut" : "Copy"}`
         );
       const clipboardData = e.clipboardData;
       const textToCopy = (this.sequenceDataToCopy || {}).textToCopy !== void 0 ? this.sequenceDataToCopy.textToCopy : seqData.isProtein ? seqData.proteinSequence : seqData.sequence;
@@ -166713,7 +166982,7 @@ function VectorInteractionHOC(Component) {
       clipboardData.setData("text/plain", textToCopy);
       clipboardData.setData("application/json", JSON.stringify(seqData));
       e.preventDefault();
-      if (isCut && !readOnly) {
+      if (isCut && !(readOnly || disableBpEditing) && !disableBpEditing) {
         this.handleDnaDelete(false);
         onCut(
           e,
@@ -166726,7 +166995,7 @@ function VectorInteractionHOC(Component) {
         document.body.removeEventListener("copy", this.handleCopy);
       }
       window.toastr.success(
-        `Selection ${isCut && !readOnly ? "Cut" : "Copied"}`
+        `Selection ${isCut && !(readOnly || disableBpEditing) && !disableBpEditing ? "Cut" : "Copied"}`
       );
       this.sequenceDataToCopy = void 0;
     };
@@ -166737,14 +167006,18 @@ function VectorInteractionHOC(Component) {
         caretPosition = -1,
         selectionLayer = { start: -1, end: -1 },
         sequenceData = { sequence: "" },
-        readOnly
+        readOnly,
+        disableBpEditing
         // updateSequenceData,
         // wrappedInsertSequenceDataAtPositionOrRange
         // handleInsert
       } = this.props;
       const sequenceLength = sequenceData.sequence.length;
       const isReplace = selectionLayer.start > -1;
-      if (readOnly) {
+      if (disableBpEditing) {
+        return window.toastr.warning("Sorry the underlying sequence is locked");
+      }
+      if (readOnly || disableBpEditing) {
         window.toastr.warning("Sorry the sequence is Read-Only");
       } else {
         createSequenceInputPopup({
@@ -166772,13 +167045,17 @@ function VectorInteractionHOC(Component) {
         selectionLayer = { start: -1, end: -1 },
         sequenceData = { sequence: "" },
         readOnly,
+        disableBpEditing,
         updateSequenceData,
         wrappedInsertSequenceDataAtPositionOrRange,
         caretPositionUpdate
         // handleInsert
       } = this.props;
       const sequenceLength = sequenceData.sequence.length;
-      if (readOnly) {
+      if (disableBpEditing) {
+        return window.toastr.warning("Sorry the underlying sequence is locked");
+      }
+      if (readOnly || disableBpEditing) {
         return window.toastr.warning("Sorry the sequence is Read-Only");
       }
       if (sequenceLength > 0) {
@@ -166909,7 +167186,7 @@ function VectorInteractionHOC(Component) {
     };
     // eslint-disable-next-line no-unused-vars
     getCopyOptions = (annotation) => {
-      const { sequenceData, readOnly, selectionLayer } = this.props;
+      const { sequenceData, readOnly, disableBpEditing, selectionLayer } = this.props;
       const { isProtein } = sequenceData;
       const makeTextCopyable = (transformFunc, className, action = "copy") => {
         return new Clipboard$1(`.${className}`, {
@@ -166969,7 +167246,7 @@ function VectorInteractionHOC(Component) {
         }
       };
       return [
-        ...readOnly ? [] : [
+        ...readOnly || disableBpEditing ? [] : [
           {
             text: "Replace",
             ...this.insertHelper
@@ -167043,21 +167320,14 @@ function VectorInteractionHOC(Component) {
                 this.openVeCopyAAReverse && this.openVeCopyAAReverse.destroy();
               },
               didMount: ({ className }) => {
-                this.openVeCopyAAReverse = makeTextCopyable(
-                  (selectedSeqData) => {
-                    const revSeqData = getReverseComplementSequenceAndAnnoations(
-                      selectedSeqData
-                    );
-                    const textToCopy = isProtein ? revSeqData.proteinSequence.toUpperCase() : getAminoAcidStringFromSequenceString(
-                      revSeqData.sequence
-                    );
-                    return {
-                      ...revSeqData,
-                      textToCopy
-                    };
-                  },
-                  className
-                );
+                this.openVeCopyAAReverse = makeTextCopyable((selectedSeqData) => {
+                  const revSeqData = getReverseComplementSequenceAndAnnoations(selectedSeqData);
+                  const textToCopy = isProtein ? revSeqData.proteinSequence.toUpperCase() : getAminoAcidStringFromSequenceString(revSeqData.sequence);
+                  return {
+                    ...revSeqData,
+                    textToCopy
+                  };
+                }, className);
               }
             },
             {
@@ -167164,11 +167434,12 @@ function VectorInteractionHOC(Component) {
       ({ nearestCaretPos, shiftHeld, event }) => {
         this.updateSelectionOrCaret(shiftHeld, nearestCaretPos);
         const {
-          readOnly
+          readOnly,
+          disableBpEditing
           // sequenceData: { circular }
         } = this.props;
         const menu = [
-          ...readOnly ? [] : [
+          ...readOnly || disableBpEditing ? [] : [
             {
               text: "Insert",
               ...this.insertHelper
@@ -167214,8 +167485,7 @@ function VectorInteractionHOC(Component) {
         overlapsSelf: annotation.overlapsSelf
       });
       return [
-        "editPart",
-        "deletePart",
+        ...getEditDeleteHandlers("Part", annotation),
         "--",
         ...this.getSelectionMenuOptions(annotation),
         "--",
@@ -167257,8 +167527,7 @@ function VectorInteractionHOC(Component) {
         event.persist();
         const { readOnly, annotationsToSupport: { parts } = {} } = this.props;
         return [
-          "editFeature",
-          "deleteFeature",
+          ...getEditDeleteHandlers("Feature", annotation),
           ...this.getSelectionMenuOptions(annotation),
           ...readOnly ? [] : [
             ...parts && [
@@ -167325,8 +167594,7 @@ function VectorInteractionHOC(Component) {
           end: annotation.end
         });
         return [
-          "editPrimer",
-          "deletePrimer",
+          ...getEditDeleteHandlers("Primer", annotation),
           ...this.getSelectionMenuOptions(annotation),
           "showRemoveDuplicatesDialogPrimers",
           "viewPrimerProperties"
@@ -167536,8 +167804,30 @@ const insertAndSelectHelper = ({ seqDataToInsert, props }) => {
     end: newSelectionLayerEnd % newSeqData.sequence.length
   });
 };
+function getEditDeleteHandlers(type, annotation) {
+  return [
+    ...annotation.isEditLocked ? [
+      {
+        shouldDismissPopover: false,
+        text: /* @__PURE__ */ React$3.createElement(
+          "div",
+          {
+            style: {
+              fontSize: 11,
+              fontStyle: "italic",
+              color: "rgba(0,0,0,.5)"
+            }
+          },
+          typeof annotation.isEditLocked === "string" ? annotation.isEditLocked : `Note: This Annotation is Locked`
+        )
+      }
+    ] : [],
+    `edit${type}`,
+    ...annotation.isEditLocked ? [] : [`delete${type}`]
+  ];
+}
 
-const style$i = '';
+const style$h = '';
 
 function SequenceName({ sequenceName, sequenceLength, isProtein }) {
   return /* @__PURE__ */ React$3.createElement("div", { key: "circViewSvgCenterText", style: { textAlign: "center" } }, /* @__PURE__ */ React$3.createElement("span", null, sequenceName, " "), /* @__PURE__ */ React$3.createElement("br", null), /* @__PURE__ */ React$3.createElement("span", null, isProtein ? `${Math.floor(sequenceLength / 3)} AAs` : `${sequenceLength} bps`));
@@ -169923,7 +170213,7 @@ function VisibilityOptions$2({
   );
 }
 
-const style$h = '';
+const style$g = '';
 
 const simpleDialog = '';
 
@@ -170200,7 +170490,7 @@ function combineLabels(labels, numberOfBuckets) {
   return combinedLabels;
 }
 
-const style$g = '';
+const style$f = '';
 
 const fontWidthToFontSize = 1.75;
 const getTextLength = (text) => {
@@ -172403,7 +172693,7 @@ function DrawAnnotationInner({
 }
 const DrawAnnotation = withHover(DrawAnnotationInner);
 
-const style$f = '';
+const style$e = '';
 
 function c(u,e,c){var i=this,a=React$3.useRef(null),o=React$3.useRef(0),f=React$3.useRef(null),l=React$3.useRef([]),m=React$3.useRef(),v=React$3.useRef(),d=React$3.useRef(u),p=React$3.useRef(!0);React$3.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;React$3.useEffect(function(){return p.current=!0,function(){p.current=!1;}},[]);var h=React$3.useMemo(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}
 
@@ -173336,7 +173626,7 @@ function CircularView(props) {
 }
 const CircularView$1 = withEditorInteractions(CircularView);
 
-const style$e = '';
+const style$d = '';
 
 class PrintDialog extends React$3.Component {
   state = {
@@ -173817,7 +174107,7 @@ const RemoveDuplicates = redux.compose(
   tgFormValues("ignoreName", "ignoreStrand", "ignoreStartAndEnd")
 )(RemoveDuplicatesDialog);
 
-const style$d = '';
+const style$c = '';
 
 var isMobile$2 = {exports: {}};
 
@@ -174693,7 +174983,11 @@ const GoToDialog = createSimpleDialog({
       }
     }
   ],
-  withDialogProps: { title: "Go To", height: 190, onCloseHook: tryToRefocusEditor }
+  withDialogProps: {
+    title: "Go To",
+    height: 190,
+    onCloseHook: tryToRefocusEditor
+  }
 });
 
 const validate$1 = (val, vals, props) => {
@@ -174835,7 +175129,7 @@ const normalizeToInt = (val) => {
   return normalizedVal;
 };
 
-const style$c = '';
+const style$b = '';
 
 const EnzymeViewer = ({
   extraClasses = "",
@@ -174910,7 +175204,7 @@ const EnzymeViewer = ({
   );
 };
 
-const style$b = '';
+const style$a = '';
 
 const upsertLocalEnzymeGroups = (newGroups) => {
   const existingGroups = window.getExistingEnzymeGroups();
@@ -175606,7 +175900,7 @@ const HoverView = view(({ allEnzymesByName }) => {
   );
 });
 
-const style$a = '';
+const style$9 = '';
 
 const CreateCustomEnzyme = function(props) {
   const paddingStart = "-------";
@@ -176431,143 +176725,6 @@ function getIsEnzymeHidden({ name, allRestrictionEnzymes }) {
   return isHidden;
 }
 
-const style$9 = '';
-
-class ToolbarItem extends React$3.Component {
-  toggleDropdown = ({ forceClose } = {}) => {
-    const { toolName, isOpen } = this.props;
-    this.props.openToolbarItemUpdate(isOpen || forceClose ? "" : toolName);
-  };
-  render() {
-    const { overrides = {} } = this.props;
-    const {
-      isOpen,
-      index,
-      Icon,
-      // 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$3.createElement(
-      "div",
-      {
-        className: `veToolbarItemOuter ve-tool-container-${toolName}` + (disabled ? " disabled " : "")
-      },
-      renderIconAbove && /* @__PURE__ */ React$3.createElement("div", null, /* @__PURE__ */ React$3.createElement("div", { className: "veToolbarItem" }, Icon)),
-      Icon && !renderIconAbove && /* @__PURE__ */ React$3.createElement(
-        core$5.Tooltip,
-        {
-          disabled: tooltipDisabled,
-          portalClassName: "ve-toolbar-item-popover",
-          content: tooltipToDisplay
-        },
-        /* @__PURE__ */ React$3.createElement(
-          core$5.AnchorButton,
-          {
-            intent: core$5.Intent.PRIMARY,
-            onClick: onIconClick === "toggleDropdown" ? this.toggleDropdown : onIconClick,
-            active: toggled,
-            disabled,
-            minimal: true,
-            icon: React$3.isValidElement(Icon) ? Icon : /* @__PURE__ */ React$3.createElement(Icon, { toggleDropdown: this.toggleDropdown })
-          }
-        )
-      ),
-      Dropdown && !noDropdownIcon ? /* @__PURE__ */ React$3.createElement(core$5.Tooltip, { disabled: tooltipDisabled, content: dropdowntooltip }, /* @__PURE__ */ React$3.createElement(
-        "div",
-        {
-          className: (isOpen ? " isOpen " : "") + (dropdownicon ? "" : " veToolbarDropdown"),
-          onClick: this.toggleDropdown
-        },
-        dropdownicon ? /* @__PURE__ */ React$3.createElement("div", { className: "veToolbarIcon" }, /* @__PURE__ */ React$3.createElement("div", null, dropdownicon)) : isOpen ? /* @__PURE__ */ React$3.createElement(
-          core$5.Icon,
-          {
-            "data-test": toolName + "Dropdown",
-            iconSize: 13,
-            icon: "caret-up"
-          }
-        ) : /* @__PURE__ */ React$3.createElement(
-          core$5.Icon,
-          {
-            "data-test": toolName + "Dropdown",
-            iconSize: 13,
-            icon: "caret-down"
-          }
-        )
-      )) : null
-    );
-    const content = /* @__PURE__ */ React$3.createElement(
-      "div",
-      {
-        ref: (n) => {
-          if (n)
-            this.dropdownNode = n;
-        },
-        style: { padding: 10, minWidth: 250, maxWidth: 350 },
-        className: "ve-toolbar-dropdown content"
-      },
-      Dropdown && /* @__PURE__ */ React$3.createElement(
-        Dropdown,
-        {
-          ...rest,
-          editorName,
-          toggleDropdown: this.toggleDropdown
-        }
-      )
-    );
-    const target = IconWrapper ? /* @__PURE__ */ React$3.createElement(IconWrapper, { ...IconWrapperProps }, ({ getRootProps, getInputProps }) => /* @__PURE__ */ React$3.createElement("div", { ...getRootProps() }, /* @__PURE__ */ React$3.createElement("input", { ...getInputProps() }), buttonTarget)) : buttonTarget;
-    return /* @__PURE__ */ React$3.createElement("div", { style: { display: "flex", alignItems: "center" } }, index !== 0 && /* @__PURE__ */ React$3.createElement("div", { className: "veToolbarSpacer" }), /* @__PURE__ */ React$3.createElement(
-      core$5.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: core$5.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;
@@ -177353,6 +177510,7 @@ class AddOrEditAnnotationDialog extends React$3.Component {
       overlapsSelf,
       start,
       end,
+      readOnly,
       getAdditionalEditAnnotationComps,
       advancedOptions,
       advancedDefaultOpen,
@@ -177447,10 +177605,11 @@ class AddOrEditAnnotationDialog extends React$3.Component {
           "tg-upsert-annotation"
         )
       },
+      typeof readOnly === "string" ? /* @__PURE__ */ React$3.createElement(core$5.Callout, { intent: "primary", style: { marginBottom: 10 } }, readOnly) : null,
       /* @__PURE__ */ React$3.createElement(
         InputField,
         {
-          disabled: this.props.readOnly,
+          disabled: readOnly,
           inlineLabel: true,
           tooltipError: true,
           autoFocus: true,
@@ -180388,15 +180547,15 @@ class Browser {
   }
   // Edge 20+
   static isEdge() {
-    return Browser.isBrowser() && (!Browser.isIE() && !!window.StyleMedia);
+    return Browser.isBrowser() && !Browser.isIE() && !!window.StyleMedia;
   }
   // Chrome 1+
   static isChrome() {
-    return Browser.isBrowser() && (!!window.chrome && !!window.chrome.webstore);
+    return Browser.isBrowser() && !!window.chrome && !!window.chrome.webstore;
   }
   // Blink engine detection
   static isBlink() {
-    return Browser.isBrowser() && ((Browser.isChrome() || Browser.isOpera()) && !!window.CSS);
+    return Browser.isBrowser() && (Browser.isChrome() || Browser.isOpera()) && !!window.CSS;
   }
   static getUserAgent() {
     return typeof navigator === "undefined" ? "" : navigator.userAgent;
@@ -182968,7 +183127,7 @@ function addClickableLabel(toRet, { closeDropDown }) {
 }
 
 const userDefinedHandlersAndOpts = [
-  "onChangeEditLock",
+  "beforeReadOnlyChange",
   "defaultLinkedOligoMessage",
   "allowMultipleFeatureDirections",
   "getAdditionalEditAnnotationComps",
@@ -182989,6 +183148,8 @@ const userDefinedHandlersAndOpts = [
   "hideSingleImport",
   "beforeAnnotationCreate",
   "disableSetReadOnly",
+  "allowAnnotationEditLocking",
+  "disableBpEditing",
   "showReadOnly",
   "showCircularity",
   "onHiddenEnzymeAdd",
@@ -183229,49 +183390,6 @@ const OrfToolDropdown = withEditorProps(
   }
 );
 
-const editTool = connectToEditor((editorState) => {
-  return {
-    readOnly: editorState.readOnly
-  };
-})(
-  ({
-    toolbarItemProps,
-    readOnly,
-    toggleReadOnlyMode,
-    disableSetReadOnly,
-    onChangeEditLock
-  }) => {
-    const [isLoading, setIsLoading] = React$3.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$3.createElement(
-      ToolbarItem$1,
-      {
-        ...{
-          disabled: isLoading || disableSetReadOnly,
-          Icon: /* @__PURE__ */ React$3.createElement(core$5.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 = [
@@ -183892,31 +184010,22 @@ const style$3 = '';
 
 const EditReadOnlyItem = connectToEditor(({ readOnly }) => ({
   readOnly
-}))(
-  ({
-    onSave,
-    readOnly,
-    showReadOnly,
-    disableSetReadOnly,
-    updateReadOnlyMode
-  }) => {
-    return showReadOnly ? /* @__PURE__ */ React$3.createElement(StatusBarItem, { dataTest: "veStatusBar-readOnly" }, onSave ? /* @__PURE__ */ React$3.createElement(
-      core$5.HTMLSelect,
-      {
-        options: [
-          { label: "Read Only", value: "readOnly" },
-          { label: "Editable", value: "editable" }
-        ],
-        disabled: disableSetReadOnly || !onSave,
-        className: core$5.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$3.createElement(StatusBarItem, { dataTest: "veStatusBar-readOnly" }, onSave ? /* @__PURE__ */ React$3.createElement(
+    core$5.HTMLSelect,
+    {
+      options: [
+        { label: "Read Only", value: "readOnly" },
+        { label: "Editable", value: "editable" }
+      ],
+      disabled: disableSetReadOnly || !onSave,
+      className: core$5.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) => {
@@ -184063,11 +184172,13 @@ function StatusBar({
   showGCContentByDefault,
   onSelectionOrCaretChanged,
   GCDecimalDigits = 1,
-  isProtein
+  isProtein,
+  beforeReadOnlyChange
 }) {
   return /* @__PURE__ */ React$3.createElement("div", { className: "veStatusBar" }, showMoleculeType && /* @__PURE__ */ React$3.createElement(ShowTypeItem, { editorName }), /* @__PURE__ */ React$3.createElement(
     EditReadOnlyItem,
     {
+      beforeReadOnlyChange,
       editorName,
       onSave,
       disableSetReadOnly,
@@ -184402,9 +184513,7 @@ const genericAnnotationProperties = ({
               core$5.AnchorButton,
               {
                 onClick: () => {
-                  deleteAnnotation(
-                    annotationPropertiesSelectedEntities
-                  );
+                  deleteAnnotation(annotationPropertiesSelectedEntities);
                 },
                 className: "tgDeleteAnnsBtn",
                 intent: "danger",
@@ -184508,7 +184617,6 @@ class GeneralProperties extends React$3.Component {
       disableSetReadOnly,
       updateAvailability,
       sequenceData,
-      updateReadOnlyMode,
       onSave,
       showAvailability,
       sequenceNameUpdate
@@ -184563,10 +184671,9 @@ class GeneralProperties extends React$3.Component {
     ))), /* @__PURE__ */ React$3.createElement("div", { className: "ve-flex-row" }, /* @__PURE__ */ React$3.createElement("div", { className: "ve-column-left bp3-label" }, "Length"), " ", /* @__PURE__ */ React$3.createElement("div", { className: "ve-column-right" }, " ", isProtein ? proteinSequence.length : sequence.length)), showReadOnly && /* @__PURE__ */ React$3.createElement("div", { className: "ve-flex-row" }, /* @__PURE__ */ React$3.createElement("div", { className: "ve-column-left bp3-label" }, "Is Editable"), " ", /* @__PURE__ */ React$3.createElement("div", { className: "ve-column-right" }, " ", /* @__PURE__ */ React$3.createElement(
       BPSelect,
       {
+        className: "veReadOnlySelect",
         disabled: !onSave || disableSetReadOnly,
-        onChange: (val) => {
-          updateReadOnlyMode(val === "readOnly");
-        },
+        onChange: (val) => console.log(`val:`, val) || handleReadOnlyChange(val === "readOnly", this.props),
         value: readOnly ? "readOnly" : "editable",
         options: [
           { label: "Read Only", value: "readOnly" },
@@ -194639,7 +194746,7 @@ class Editor extends React$3.Component {
           contentLeft: this.props.contentLeft,
           editorName,
           withDigestTool: true,
-          onChangeEditLock: this.props.onChangeEditLock,
+          beforeReadOnlyChange: this.props.beforeReadOnlyChange,
           ...ToolBarProps
         }
       ),