@teselagen/ove 0.0.4 → 0.0.5

package/index.umd.js

@@ -29325,20 +29325,19 @@ ${latestSubscriptionCallbackError.current.stack}
       _proto.shouldComponentUpdate = /* @__PURE__ */ __name(function shouldComponentUpdate(nextProps, nextState) {
         return shallowCompare$1(this, nextProps, nextState);
       }, "shouldComponentUpdate");
-      _proto.componentDidUpdate = /* @__PURE__ */ __name(function componentDidUpdate(prevProps) {
-        var _this3 = this;
-        var oldName = prefixName(prevProps, prevProps.name);
-        var newName = prefixName(this.props, this.props.name);
+      _proto.UNSAFE_componentWillReceiveProps = /* @__PURE__ */ __name(function UNSAFE_componentWillReceiveProps(nextProps) {
+        var oldName = prefixName(this.props, this.props.name);
+        var newName = prefixName(nextProps, nextProps.name);
         if (oldName !== newName || // use deepEqual here because they could be a function or an array of functions
-        !plain.deepEqual(prevProps.validate, this.props.validate) || !plain.deepEqual(prevProps.warn, this.props.warn)) {
+        !plain.deepEqual(this.props.validate, nextProps.validate) || !plain.deepEqual(this.props.warn, nextProps.warn)) {
           this.props._reduxForm.unregister(oldName);
           this.props._reduxForm.register(newName, "Field", function() {
-            return _this3.props.validate;
+            return nextProps.validate;
           }, function() {
-            return _this3.props.warn;
+            return nextProps.warn;
           });
         }
-      }, "componentDidUpdate");
+      }, "UNSAFE_componentWillReceiveProps");
       _proto.componentWillUnmount = /* @__PURE__ */ __name(function componentWillUnmount() {
         this.props._reduxForm.unregister(this.name);
       }, "componentWillUnmount");
@@ -30311,14 +30310,14 @@ ${latestSubscriptionCallbackError.current.stack}
           return wrapError(_this2.props.warn, "_warning");
         });
       }, "componentDidMount");
-      _proto.componentDidUpdate = /* @__PURE__ */ __name(function componentDidUpdate(prevProps) {
-        var oldName = prefixName(prevProps, prevProps.name);
-        var newName = prefixName(this.props, this.props.name);
+      _proto.UNSAFE_componentWillReceiveProps = /* @__PURE__ */ __name(function UNSAFE_componentWillReceiveProps(nextProps) {
+        var oldName = prefixName(this.props, this.props.name);
+        var newName = prefixName(nextProps, nextProps.name);
         if (oldName !== newName) {
           this.props._reduxForm.unregister(oldName);
           this.props._reduxForm.register(newName, "FieldArray");
         }
-      }, "componentDidUpdate");
+      }, "UNSAFE_componentWillReceiveProps");
       _proto.componentWillUnmount = /* @__PURE__ */ __name(function componentWillUnmount() {
         this.props._reduxForm.unregister(this.name);
       }, "componentWillUnmount");
@@ -31013,8 +31012,8 @@ ${latestSubscriptionCallbackError.current.stack}
   }, "getDisplayName");
   const getDisplayName$3 = getDisplayName$2;
   var isHotReloading = /* @__PURE__ */ __name(function isHotReloading2() {
-    var castModule = typeof module !== "undefined" && module;
-    return !!(castModule && castModule.hot && typeof castModule.hot.status === "function" && castModule.hot.status() === "apply");
+    var castModule = module;
+    return !!(typeof castModule !== "undefined" && castModule.hot && typeof castModule.hot.status === "function" && castModule.hot.status() === "apply");
   }, "isHotReloading");
   const isHotReloading$1 = isHotReloading;
   var isClassComponent = /* @__PURE__ */ __name(function isClassComponent2(Component) {
@@ -31081,7 +31080,6 @@ ${latestSubscriptionCallbackError.current.stack}
             _this.lastFieldWarnerKeys = [];
             _this.innerOnSubmit = void 0;
             _this.submitPromise = void 0;
-            _this.initializedOnLoad = false;
             _this.initIfNeeded = function(nextProps) {
               var enableReinitialize = _this.props.enableReinitialize;
               if (nextProps) {
@@ -31092,16 +31090,13 @@ ${latestSubscriptionCallbackError.current.stack}
                     lastInitialValues: _this.props.initialValues,
                     updateUnregisteredFields: nextProps.updateUnregisteredFields
                   });
-                  return true;
                 }
               } else if (_this.props.initialValues && (!_this.props.initialized || enableReinitialize)) {
                 _this.props.initialize(_this.props.initialValues, _this.props.keepDirtyOnReinitialize, {
                   keepValues: _this.props.keepValues,
                   updateUnregisteredFields: _this.props.updateUnregisteredFields
                 });
-                return true;
               }
-              return false;
             };
             _this.updateSyncErrorsIfNeeded = function(nextSyncErrors, nextError, lastSyncErrors) {
               var _this$props = _this.props, error2 = _this$props.error, updateSyncErrors2 = _this$props.updateSyncErrors;
@@ -31371,18 +31366,20 @@ ${latestSubscriptionCallbackError.current.stack}
             _this.reset = function() {
               return _this.props.reset();
             };
-            if (!isHotReloading$1()) {
-              _this.initializedOnLoad = _this.initIfNeeded();
-            }
-            invariant$4(_this.props.shouldValidate, "shouldValidate() is deprecated and will be removed in v9.0.0. Use shouldWarn() or shouldError() instead.");
             return _this;
           }
           __name(Form2, "Form");
           var _proto = Form2.prototype;
+          _proto.UNSAFE_componentWillMount = /* @__PURE__ */ __name(function UNSAFE_componentWillMount() {
+            if (!isHotReloading$1()) {
+              this.initIfNeeded();
+              this.validateIfNeeded();
+              this.warnIfNeeded();
+            }
+            invariant$4(this.props.shouldValidate, "shouldValidate() is deprecated and will be removed in v9.0.0. Use shouldWarn() or shouldError() instead.");
+          }, "UNSAFE_componentWillMount");
           _proto.UNSAFE_componentWillReceiveProps = /* @__PURE__ */ __name(function UNSAFE_componentWillReceiveProps(nextProps) {
-            var isValueReset = this.initIfNeeded(nextProps);
-            if (isValueReset)
-              return;
+            this.initIfNeeded(nextProps);
             this.validateIfNeeded(nextProps);
             this.warnIfNeeded(nextProps);
             this.clearSubmitPromiseIfNeeded(nextProps);
@@ -31406,8 +31403,7 @@ ${latestSubscriptionCallbackError.current.stack}
           }, "shouldComponentUpdate");
           _proto.componentDidMount = /* @__PURE__ */ __name(function componentDidMount() {
             if (!isHotReloading$1()) {
-              if (this.initializedOnLoad)
-                return;
+              this.initIfNeeded(this.props);
               this.validateIfNeeded();
               this.warnIfNeeded();
             }
@@ -39463,25 +39459,16 @@ ${latestSubscriptionCallbackError.current.stack}
   var _cof = /* @__PURE__ */ __name(function(it) {
     return toString$4.call(it).slice(8, -1);
   }, "_cof");
-  var _iobject;
-  var hasRequired_iobject;
-  function require_iobject() {
-    if (hasRequired_iobject)
-      return _iobject;
-    hasRequired_iobject = 1;
-    var cof2 = _cof;
-    _iobject = Object("z").propertyIsEnumerable(0) ? Object : function(it) {
-      return cof2(it) == "String" ? it.split("") : Object(it);
-    };
-    return _iobject;
-  }
-  __name(require_iobject, "require_iobject");
+  var cof$2 = _cof;
+  var _iobject = Object("z").propertyIsEnumerable(0) ? Object : function(it) {
+    return cof$2(it) == "String" ? it.split("") : Object(it);
+  };
   var _defined = /* @__PURE__ */ __name(function(it) {
     if (it == void 0)
       throw TypeError("Can't call method on  " + it);
     return it;
   }, "_defined");
-  var IObject = require_iobject();
+  var IObject = _iobject;
   var defined$2 = _defined;
   var _toIobject = /* @__PURE__ */ __name(function(it) {
     return IObject(defined$2(it));
@@ -39578,15 +39565,7 @@ ${latestSubscriptionCallbackError.current.stack}
   var _objectGops = {};
   _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;
-  }
-  __name(require_objectPie, "require_objectPie");
+  _objectPie.f = {}.propertyIsEnumerable;
   var defined$1 = _defined;
   var _toObject = /* @__PURE__ */ __name(function(it) {
     return Object(defined$1(it));
@@ -39600,9 +39579,9 @@ ${latestSubscriptionCallbackError.current.stack}
     var DESCRIPTORS2 = _descriptors;
     var getKeys2 = _objectKeys;
     var gOPS2 = _objectGops;
-    var pIE2 = require_objectPie();
+    var pIE2 = _objectPie;
     var toObject2 = _toObject;
-    var IObject2 = require_iobject();
+    var IObject2 = _iobject;
     var $assign = Object.assign;
     _objectAssign = !$assign || _fails(function() {
       var A2 = {};
@@ -40237,7 +40216,7 @@ ${latestSubscriptionCallbackError.current.stack}
   }, "_wksDefine");
   var getKeys = _objectKeys;
   var gOPS$1 = _objectGops;
-  var pIE$1 = require_objectPie();
+  var pIE$1 = _objectPie;
   var _enumKeys = /* @__PURE__ */ __name(function(it) {
     var result = getKeys(it);
     var getSymbols2 = gOPS$1.f;
@@ -40278,7 +40257,7 @@ ${latestSubscriptionCallbackError.current.stack}
     return windowNames && toString$3.call(it) == "[object Window]" ? getWindowNames(it) : gOPN$1(toIObject$2(it));
   }, "getOwnPropertyNames");
   var _objectGopd = {};
-  var pIE = require_objectPie();
+  var pIE = _objectPie;
   var createDesc$1 = _propertyDesc;
   var toIObject$1 = _toIobject;
   var toPrimitive$1 = _toPrimitive$1;
@@ -40458,7 +40437,7 @@ ${latestSubscriptionCallbackError.current.stack}
     $GOPD.f = $getOwnPropertyDescriptor;
     $DP.f = $defineProperty;
     _objectGopn.f = gOPNExt.f = $getOwnPropertyNames;
-    require_objectPie().f = $propertyIsEnumerable;
+    _objectPie.f = $propertyIsEnumerable;
     $GOPS.f = $getOwnPropertySymbols;
     if (DESCRIPTORS && !_library) {
       redefine(ObjectProto, "propertyIsEnumerable", $propertyIsEnumerable);
@@ -120189,6 +120168,9 @@ ${latestSubscriptionCallbackError.current.stack}
             options.isProtein = false;
           }
           options.sequenceTypeFromLocus = item;
+          if (item.match(/ss-dna/i)) {
+            options.isSingleStrandedDNA = true;
+          }
         }
         if (typeof lineArr[j2] === "string" && gbDivisions[lineArr[j2].toUpperCase()]) {
           gbDivision = lineArr[j2].toUpperCase();
@@ -120199,6 +120181,7 @@ ${latestSubscriptionCallbackError.current.stack}
       }
       result.parsedSequence.gbDivision = gbDivision;
       result.parsedSequence.sequenceTypeFromLocus = options.sequenceTypeFromLocus;
+      result.parsedSequence.isSingleStrandedDNA = options.isSingleStrandedDNA;
       result.parsedSequence.date = date;
       result.parsedSequence.circular = circular2;
     }
@@ -132219,6 +132202,7 @@ ${seq.sequence}
   }
   __name(jsonToGenbank, "jsonToGenbank");
   function createGenbankLocus(serSeq, options) {
+    var _a2;
     if (serSeq.sequence.symbols) {
       serSeq.sequence = serSeq.sequence.symbols.split("");
     }
@@ -132229,7 +132213,7 @@ ${seq.sequence}
     } else if (serSeq.type === "RNA") {
       dnaType = "RNA";
     } else {
-      dnaType = "DNA";
+      dnaType = (_a2 = serSeq == null ? void 0 : serSeq.sequenceTypeFromLocus) != null ? _a2 : "DNA";
     }
     const date = getCurrentDateString();
     let line = StringUtil.rpad("LOCUS", " ", 12);
@@ -135769,6 +135753,7 @@ ${seq.sequence}
   }
   __name(showAddOrEditAnnotationDialog, "showAddOrEditAnnotationDialog");
   function updateEditor(store2, editorName, initialValues2 = {}, extraMeta = {}, { convertAnnotationsFromAAIndices } = {}) {
+    var _a2;
     const {
       sequenceData: sequenceData2,
       annotationVisibility: annotationVisibility2,
@@ -135780,7 +135765,9 @@ ${seq.sequence}
     const isAlreadyProteinEditor = currentEditor.sequenceData && currentEditor.sequenceData.isProtein;
     const isAlreadyRnaEditor = currentEditor.sequenceData && currentEditor.sequenceData.isRna;
     const isAlreadyOligoEditor = currentEditor.sequenceData && currentEditor.sequenceData.isOligo;
-    const isAlreadySpecialEditor = isAlreadyProteinEditor || isAlreadyRnaEditor || isAlreadyOligoEditor;
+    const reverseSequenceShouldBeUpdate = ((_a2 = currentEditor.sequenceData) == null ? void 0 : _a2.isSingleStrandedDNA) !== (sequenceData2 == null ? void 0 : sequenceData2.isSingleStrandedDNA);
+    const annotationVisibilityUpdated = !lodashExports.isEqual(annotationVisibility2, currentEditor.annotationVisibility) || !lodashExports.isEqual(annotationsToSupport2, currentEditor.annotationsToSupport);
+    const isAlreadySpecialEditor = isAlreadyProteinEditor || isAlreadyRnaEditor || isAlreadyOligoEditor || reverseSequenceShouldBeUpdate || annotationVisibilityUpdated;
     let toSpread = {};
     let payload;
     if (justPassingPartialSeqData) {
@@ -135886,7 +135873,7 @@ ${seq.sequence}
             }, annotationVisibility2), {
               //we spread this here to allow the user to override this .. if they must!
               sequence: true,
-              reverseSequence: true,
+              reverseSequence: !(sequenceData2 == null ? void 0 : sequenceData2.isSingleStrandedDNA),
               translations: false,
               aminoAcidNumbers: false,
               primaryProteinSequence: false
@@ -137220,7 +137207,12 @@ ${seq.sequence}
 
   %c👷‍ This is a development only message. It will be removed in production builds.
 `), "getDevMessage");
-  const getFormattedMessage = /* @__PURE__ */ __name((message) => [getDevMessage(message), "color: #00C584; font-size: 1.2em; font-weight: bold;", "line-height: 1.5", "color: #723874;"], "getFormattedMessage");
+  const getFormattedMessage = /* @__PURE__ */ __name((message) => [
+    getDevMessage(message),
+    "color: #00C584; font-size: 1.2em; font-weight: bold;",
+    "line-height: 1.5",
+    "color: #723874;"
+  ], "getFormattedMessage");
   const isDisabledFlag = "__@hello-pangea/dnd-disable-dev-warnings";
   function log$2(type2, message) {
     if (isProduction$1) {
@@ -138046,7 +138038,11 @@ ${seq.sequence}
       moveRelativeTo,
       isMoving
     } = _ref;
-    return patch(axis.line, moveRelativeTo.marginBox[axis.end] + distanceFromStartToBorderBoxCenter(axis, isMoving), getCrossAxisBorderBoxCenter(axis, moveRelativeTo.marginBox, isMoving));
+    return patch(
+      axis.line,
+      moveRelativeTo.marginBox[axis.end] + distanceFromStartToBorderBoxCenter(axis, isMoving),
+      getCrossAxisBorderBoxCenter(axis, moveRelativeTo.marginBox, isMoving)
+    );
   }, "goAfter");
   const goBefore = /* @__PURE__ */ __name((_ref2) => {
     let {
@@ -138054,7 +138050,11 @@ ${seq.sequence}
       moveRelativeTo,
       isMoving
     } = _ref2;
-    return patch(axis.line, moveRelativeTo.marginBox[axis.start] - distanceFromEndToBorderBoxCenter(axis, isMoving), getCrossAxisBorderBoxCenter(axis, moveRelativeTo.marginBox, isMoving));
+    return patch(
+      axis.line,
+      moveRelativeTo.marginBox[axis.start] - distanceFromEndToBorderBoxCenter(axis, isMoving),
+      getCrossAxisBorderBoxCenter(axis, moveRelativeTo.marginBox, isMoving)
+    );
   }, "goBefore");
   const goIntoStart = /* @__PURE__ */ __name((_ref3) => {
     let {
@@ -138231,7 +138231,11 @@ ${seq.sequence}
     });
     const invisible = {};
     const visible = {};
-    const groups = [last2, withViewportScroll, withDroppableScroll2];
+    const groups = [
+      last2,
+      withViewportScroll,
+      withDroppableScroll2
+    ];
     last2.all.forEach((id2) => {
       const displacement = tryGetVisible(id2, groups);
       if (displacement) {
@@ -138588,7 +138592,9 @@ ${seq.sequence}
       });
       return isVisibleInNewLocation ? proposed : null;
     }
-    const isGoingBeforeTarget = Boolean(previousPageBorderBoxCenter[destination.axis.line] <= moveRelativeTo.page.borderBox.center[destination.axis.line]);
+    const isGoingBeforeTarget = Boolean(
+      previousPageBorderBoxCenter[destination.axis.line] <= moveRelativeTo.page.borderBox.center[destination.axis.line]
+    );
     const proposedIndex = (() => {
       const relativeTo = moveRelativeTo.descriptor.index;
       if (moveRelativeTo.descriptor.id === draggable2.descriptor.id) {
@@ -138751,7 +138757,11 @@ ${seq.sequence}
     const startCenter = draggable2.page.borderBox.center;
     const sorted = candidates.map((candidate) => {
       const axis = candidate.axis;
-      const target = patch(candidate.axis.line, pageBorderBox.center[axis.line], candidate.page.borderBox.center[axis.crossAxisLine]);
+      const target = patch(
+        candidate.axis.line,
+        pageBorderBox.center[axis.line],
+        candidate.page.borderBox.center[axis.crossAxisLine]
+      );
       return {
         id: candidate.descriptor.id,
         distance: distance$1(startCenter, target)
@@ -140486,7 +140496,19 @@ ${seq.sequence}
       announce,
       autoScroller
     } = _ref;
-    return createStore$2(reducer, composeEnhancers(applyMiddleware(style$n(styleMarshal), dimensionMarshalStopper(dimensionMarshal), lift(dimensionMarshal), drop, dropAnimationFinish, dropAnimationFlushOnScroll, pendingDrop$1, autoScroll(autoScroller), scrollListener$1, focus(focusMarshal), responders(getResponders, announce))));
+    return createStore$2(reducer, composeEnhancers(applyMiddleware(
+      style$n(styleMarshal),
+      dimensionMarshalStopper(dimensionMarshal),
+      lift(dimensionMarshal),
+      drop,
+      dropAnimationFinish,
+      dropAnimationFlushOnScroll,
+      pendingDrop$1,
+      autoScroll(autoScroller),
+      scrollListener$1,
+      focus(focusMarshal),
+      responders(getResponders, announce)
+    )));
   }, "createStore$1");
   const clean$1 = /* @__PURE__ */ __name(() => ({
     additions: {},
@@ -140513,7 +140535,9 @@ ${seq.sequence}
           removals,
           modified
         } = staging;
-        const added = Object.keys(additions).map((id2) => registry.draggable.getById(id2).getDimension(origin)).sort((a2, b3) => a2.descriptor.index - b3.descriptor.index);
+        const added = Object.keys(additions).map(
+          (id2) => registry.draggable.getById(id2).getDimension(origin)
+        ).sort((a2, b3) => a2.descriptor.index - b3.descriptor.index);
         const updated = Object.keys(modified).map((id2) => {
           const entry = registry.droppable.getById(id2);
           const scroll2 = entry.callbacks.getScrollWhileDragging();
@@ -140572,13 +140596,16 @@ ${seq.sequence}
       height: height2,
       width
     } = _ref;
-    const maxScroll = subtract({
-      x: scrollWidth,
-      y: scrollHeight
-    }, {
-      x: width,
-      y: height2
-    });
+    const maxScroll = subtract(
+      {
+        x: scrollWidth,
+        y: scrollHeight
+      },
+      {
+        x: width,
+        y: height2
+      }
+    );
     const adjustedMaxScroll = {
       x: Math.max(0, maxScroll.x),
       y: Math.max(0, maxScroll.y)
@@ -141495,11 +141522,14 @@ ${seq.sequence}
     const styles2 = useMemo(() => getStyles$1(contextId), [contextId]);
     const alwaysRef = React$3.useRef(null);
     const dynamicRef = React$3.useRef(null);
-    const setDynamicStyle = useCallback(memoizeOne((proposed) => {
-      const el = dynamicRef.current;
-      !el ? process.env.NODE_ENV !== "production" ? invariant$1(false, "Cannot set dynamic style element if it is not set") : invariant$1(false) : void 0;
-      el.textContent = proposed;
-    }), []);
+    const setDynamicStyle = useCallback(
+      memoizeOne((proposed) => {
+        const el = dynamicRef.current;
+        !el ? process.env.NODE_ENV !== "production" ? invariant$1(false, "Cannot set dynamic style element if it is not set") : invariant$1(false) : void 0;
+        el.textContent = proposed;
+      }),
+      []
+    );
     const setAlwaysStyle = useCallback((proposed) => {
       const el = alwaysRef.current;
       !el ? process.env.NODE_ENV !== "production" ? invariant$1(false, "Cannot set dynamic style element if it is not set") : invariant$1(false) : void 0;
@@ -141555,8 +141585,8 @@ ${seq.sequence}
   }
   __name(querySelectorAll, "querySelectorAll");
   var getWindowFromEl = /* @__PURE__ */ __name((el) => {
-    var _a2;
-    return ((_a2 = el == null ? void 0 : el.ownerDocument) == null ? void 0 : _a2.defaultView) || window;
+    var _el$ownerDocument;
+    return (el == null ? void 0 : (_el$ownerDocument = el.ownerDocument) == null ? void 0 : _el$ownerDocument.defaultView) || window;
   }, "getWindowFromEl");
   function isHtmlElement(el) {
     return el instanceof getWindowFromEl(el).HTMLElement;
@@ -142117,141 +142147,157 @@ ${seq.sequence}
       getPhase,
       setPhase
     } = _ref;
-    return [{
-      eventName: "mousemove",
-      fn: (event) => {
-        const {
-          button,
-          clientX,
-          clientY
-        } = event;
-        if (button !== primaryButton) {
-          return;
-        }
-        const point2 = {
-          x: clientX,
-          y: clientY
-        };
-        const phase = getPhase();
-        if (phase.type === "DRAGGING") {
+    return [
+      {
+        eventName: "mousemove",
+        fn: (event) => {
+          const {
+            button,
+            clientX,
+            clientY
+          } = event;
+          if (button !== primaryButton) {
+            return;
+          }
+          const point2 = {
+            x: clientX,
+            y: clientY
+          };
+          const phase = getPhase();
+          if (phase.type === "DRAGGING") {
+            event.preventDefault();
+            phase.actions.move(point2);
+            return;
+          }
+          !(phase.type === "PENDING") ? process.env.NODE_ENV !== "production" ? invariant$1(false, "Cannot be IDLE") : invariant$1(false) : void 0;
+          const pending = phase.point;
+          if (!isSloppyClickThresholdExceeded(pending, point2)) {
+            return;
+          }
           event.preventDefault();
-          phase.actions.move(point2);
-          return;
-        }
-        !(phase.type === "PENDING") ? process.env.NODE_ENV !== "production" ? invariant$1(false, "Cannot be IDLE") : invariant$1(false) : void 0;
-        const pending = phase.point;
-        if (!isSloppyClickThresholdExceeded(pending, point2)) {
-          return;
-        }
-        event.preventDefault();
-        const actions2 = phase.actions.fluidLift(point2);
-        setPhase({
-          type: "DRAGGING",
-          actions: actions2
-        });
-      }
-    }, {
-      eventName: "mouseup",
-      fn: (event) => {
-        const phase = getPhase();
-        if (phase.type !== "DRAGGING") {
-          cancel();
-          return;
+          const actions2 = phase.actions.fluidLift(point2);
+          setPhase({
+            type: "DRAGGING",
+            actions: actions2
+          });
         }
-        event.preventDefault();
-        phase.actions.drop({
-          shouldBlockNextClick: true
-        });
-        completed();
-      }
-    }, {
-      eventName: "mousedown",
-      fn: (event) => {
-        if (getPhase().type === "DRAGGING") {
+      },
+      {
+        eventName: "mouseup",
+        fn: (event) => {
+          const phase = getPhase();
+          if (phase.type !== "DRAGGING") {
+            cancel();
+            return;
+          }
           event.preventDefault();
+          phase.actions.drop({
+            shouldBlockNextClick: true
+          });
+          completed();
         }
-        cancel();
-      }
-    }, {
-      eventName: "keydown",
-      fn: (event) => {
-        const phase = getPhase();
-        if (phase.type === "PENDING") {
+      },
+      {
+        eventName: "mousedown",
+        fn: (event) => {
+          if (getPhase().type === "DRAGGING") {
+            event.preventDefault();
+          }
           cancel();
-          return;
         }
-        if (event.keyCode === escape$1) {
-          event.preventDefault();
-          cancel();
-          return;
+      },
+      {
+        eventName: "keydown",
+        fn: (event) => {
+          const phase = getPhase();
+          if (phase.type === "PENDING") {
+            cancel();
+            return;
+          }
+          if (event.keyCode === escape$1) {
+            event.preventDefault();
+            cancel();
+            return;
+          }
+          preventStandardKeyEvents(event);
         }
-        preventStandardKeyEvents(event);
-      }
-    }, {
-      eventName: "resize",
-      fn: cancel
-    }, {
-      eventName: "scroll",
-      options: {
-        passive: true,
-        capture: false
       },
-      fn: () => {
-        if (getPhase().type === "PENDING") {
-          cancel();
+      {
+        eventName: "resize",
+        fn: cancel
+      },
+      {
+        eventName: "scroll",
+        options: {
+          passive: true,
+          capture: false
+        },
+        fn: () => {
+          if (getPhase().type === "PENDING") {
+            cancel();
+          }
         }
-      }
-    }, {
-      eventName: "webkitmouseforcedown",
-      fn: (event) => {
-        const phase = getPhase();
-        !(phase.type !== "IDLE") ? process.env.NODE_ENV !== "production" ? invariant$1(false, "Unexpected phase") : invariant$1(false) : void 0;
-        if (phase.actions.shouldRespectForcePress()) {
-          cancel();
-          return;
+      },
+      {
+        eventName: "webkitmouseforcedown",
+        fn: (event) => {
+          const phase = getPhase();
+          !(phase.type !== "IDLE") ? process.env.NODE_ENV !== "production" ? invariant$1(false, "Unexpected phase") : invariant$1(false) : void 0;
+          if (phase.actions.shouldRespectForcePress()) {
+            cancel();
+            return;
+          }
+          event.preventDefault();
         }
-        event.preventDefault();
+      },
+      {
+        eventName: supportedPageVisibilityEventName,
+        fn: cancel
       }
-    }, {
-      eventName: supportedPageVisibilityEventName,
-      fn: cancel
-    }];
+    ];
   }
   __name(getCaptureBindings, "getCaptureBindings");
   function useMouseSensor(api) {
     const phaseRef = React$3.useRef(idle$1);
     const unbindEventsRef = React$3.useRef(noop$2);
-    const startCaptureBinding = useMemo(() => ({
-      eventName: "mousedown",
-      fn: /* @__PURE__ */ __name(function onMouseDown(event) {
-        if (event.defaultPrevented) {
-          return;
-        }
-        if (event.button !== primaryButton) {
-          return;
-        }
-        if (event.ctrlKey || event.metaKey || event.shiftKey || event.altKey) {
-          return;
-        }
-        const draggableId = api.findClosestDraggableId(event);
-        if (!draggableId) {
-          return;
-        }
-        const actions2 = api.tryGetLock(draggableId, stop, {
-          sourceEvent: event
-        });
-        if (!actions2) {
-          return;
-        }
-        event.preventDefault();
-        const point2 = {
-          x: event.clientX,
-          y: event.clientY
-        };
-        unbindEventsRef.current();
-        startPendingDrag(actions2, point2);
-      }, "onMouseDown")
-    }), [api]);
+    const startCaptureBinding = useMemo(
+      () => ({
+        eventName: "mousedown",
+        fn: /* @__PURE__ */ __name(function onMouseDown(event) {
+          if (event.defaultPrevented) {
+            return;
+          }
+          if (event.button !== primaryButton) {
+            return;
+          }
+          if (event.ctrlKey || event.metaKey || event.shiftKey || event.altKey) {
+            return;
+          }
+          const draggableId = api.findClosestDraggableId(event);
+          if (!draggableId) {
+            return;
+          }
+          const actions2 = api.tryGetLock(
+            draggableId,
+            stop,
+            {
+              sourceEvent: event
+            }
+          );
+          if (!actions2) {
+            return;
+          }
+          event.preventDefault();
+          const point2 = {
+            x: event.clientX,
+            y: event.clientY
+          };
+          unbindEventsRef.current();
+          startPendingDrag(actions2, point2);
+        }, "onMouseDown")
+      }),
+      [api]
+    );
     const preventForcePressBinding = useMemo(() => ({
       eventName: "webkitmouseforcewillbegin",
       fn: (event) => {
@@ -142355,110 +142401,126 @@ ${seq.sequence}
       actions2.drop();
     }
     __name(drop2, "drop");
-    return [{
-      eventName: "keydown",
-      fn: (event) => {
-        if (event.keyCode === escape$1) {
-          event.preventDefault();
-          cancel();
-          return;
-        }
-        if (event.keyCode === space) {
-          event.preventDefault();
-          drop2();
-          return;
-        }
-        if (event.keyCode === arrowDown) {
-          event.preventDefault();
-          actions2.moveDown();
-          return;
-        }
-        if (event.keyCode === arrowUp) {
-          event.preventDefault();
-          actions2.moveUp();
-          return;
-        }
-        if (event.keyCode === arrowRight) {
-          event.preventDefault();
-          actions2.moveRight();
-          return;
-        }
-        if (event.keyCode === arrowLeft) {
-          event.preventDefault();
-          actions2.moveLeft();
-          return;
+    return [
+      {
+        eventName: "keydown",
+        fn: (event) => {
+          if (event.keyCode === escape$1) {
+            event.preventDefault();
+            cancel();
+            return;
+          }
+          if (event.keyCode === space) {
+            event.preventDefault();
+            drop2();
+            return;
+          }
+          if (event.keyCode === arrowDown) {
+            event.preventDefault();
+            actions2.moveDown();
+            return;
+          }
+          if (event.keyCode === arrowUp) {
+            event.preventDefault();
+            actions2.moveUp();
+            return;
+          }
+          if (event.keyCode === arrowRight) {
+            event.preventDefault();
+            actions2.moveRight();
+            return;
+          }
+          if (event.keyCode === arrowLeft) {
+            event.preventDefault();
+            actions2.moveLeft();
+            return;
+          }
+          if (scrollJumpKeys[event.keyCode]) {
+            event.preventDefault();
+            return;
+          }
+          preventStandardKeyEvents(event);
         }
-        if (scrollJumpKeys[event.keyCode]) {
-          event.preventDefault();
-          return;
+      },
+      {
+        eventName: "mousedown",
+        fn: cancel
+      },
+      {
+        eventName: "mouseup",
+        fn: cancel
+      },
+      {
+        eventName: "click",
+        fn: cancel
+      },
+      {
+        eventName: "touchstart",
+        fn: cancel
+      },
+      {
+        eventName: "resize",
+        fn: cancel
+      },
+      {
+        eventName: "wheel",
+        fn: cancel,
+        options: {
+          passive: true
         }
-        preventStandardKeyEvents(event);
-      }
-    }, {
-      eventName: "mousedown",
-      fn: cancel
-    }, {
-      eventName: "mouseup",
-      fn: cancel
-    }, {
-      eventName: "click",
-      fn: cancel
-    }, {
-      eventName: "touchstart",
-      fn: cancel
-    }, {
-      eventName: "resize",
-      fn: cancel
-    }, {
-      eventName: "wheel",
-      fn: cancel,
-      options: {
-        passive: true
+      },
+      {
+        eventName: supportedPageVisibilityEventName,
+        fn: cancel
       }
-    }, {
-      eventName: supportedPageVisibilityEventName,
-      fn: cancel
-    }];
+    ];
   }
   __name(getDraggingBindings, "getDraggingBindings");
   function useKeyboardSensor(api) {
     const unbindEventsRef = React$3.useRef(noop$1$1);
-    const startCaptureBinding = useMemo(() => ({
-      eventName: "keydown",
-      fn: /* @__PURE__ */ __name(function onKeyDown(event) {
-        if (event.defaultPrevented) {
-          return;
-        }
-        if (event.keyCode !== space) {
-          return;
-        }
-        const draggableId = api.findClosestDraggableId(event);
-        if (!draggableId) {
-          return;
-        }
-        const preDrag = api.tryGetLock(draggableId, stop, {
-          sourceEvent: event
-        });
-        if (!preDrag) {
-          return;
-        }
-        event.preventDefault();
-        let isCapturing = true;
-        const actions2 = preDrag.snapLift();
-        unbindEventsRef.current();
-        function stop() {
-          !isCapturing ? process.env.NODE_ENV !== "production" ? invariant$1(false, "Cannot stop capturing a keyboard drag when not capturing") : invariant$1(false) : void 0;
-          isCapturing = false;
+    const startCaptureBinding = useMemo(
+      () => ({
+        eventName: "keydown",
+        fn: /* @__PURE__ */ __name(function onKeyDown(event) {
+          if (event.defaultPrevented) {
+            return;
+          }
+          if (event.keyCode !== space) {
+            return;
+          }
+          const draggableId = api.findClosestDraggableId(event);
+          if (!draggableId) {
+            return;
+          }
+          const preDrag = api.tryGetLock(
+            draggableId,
+            stop,
+            {
+              sourceEvent: event
+            }
+          );
+          if (!preDrag) {
+            return;
+          }
+          event.preventDefault();
+          let isCapturing = true;
+          const actions2 = preDrag.snapLift();
           unbindEventsRef.current();
-          listenForCapture();
-        }
-        __name(stop, "stop");
-        unbindEventsRef.current = bindEvents(window, getDraggingBindings(actions2, stop), {
-          capture: true,
-          passive: false
-        });
-      }, "onKeyDown")
-    }), [api]);
+          function stop() {
+            !isCapturing ? process.env.NODE_ENV !== "production" ? invariant$1(false, "Cannot stop capturing a keyboard drag when not capturing") : invariant$1(false) : void 0;
+            isCapturing = false;
+            unbindEventsRef.current();
+            listenForCapture();
+          }
+          __name(stop, "stop");
+          unbindEventsRef.current = bindEvents(window, getDraggingBindings(actions2, stop), {
+            capture: true,
+            passive: false
+          });
+        }, "onKeyDown")
+      }),
+      [api]
+    );
     const listenForCapture = useCallback(/* @__PURE__ */ __name(function tryStartCapture() {
       const options = {
         passive: false,
@@ -142484,33 +142546,39 @@ ${seq.sequence}
       cancel,
       getPhase
     } = _ref;
-    return [{
-      eventName: "orientationchange",
-      fn: cancel
-    }, {
-      eventName: "resize",
-      fn: cancel
-    }, {
-      eventName: "contextmenu",
-      fn: (event) => {
-        event.preventDefault();
-      }
-    }, {
-      eventName: "keydown",
-      fn: (event) => {
-        if (getPhase().type !== "DRAGGING") {
-          cancel();
-          return;
-        }
-        if (event.keyCode === escape$1) {
+    return [
+      {
+        eventName: "orientationchange",
+        fn: cancel
+      },
+      {
+        eventName: "resize",
+        fn: cancel
+      },
+      {
+        eventName: "contextmenu",
+        fn: (event) => {
           event.preventDefault();
         }
-        cancel();
+      },
+      {
+        eventName: "keydown",
+        fn: (event) => {
+          if (getPhase().type !== "DRAGGING") {
+            cancel();
+            return;
+          }
+          if (event.keyCode === escape$1) {
+            event.preventDefault();
+          }
+          cancel();
+        }
+      },
+      {
+        eventName: supportedPageVisibilityEventName,
+        fn: cancel
       }
-    }, {
-      eventName: supportedPageVisibilityEventName,
-      fn: cancel
-    }];
+    ];
   }
   __name(getWindowBindings, "getWindowBindings");
   function getHandleBindings(_ref2) {
@@ -142519,87 +142587,93 @@ ${seq.sequence}
       completed,
       getPhase
     } = _ref2;
-    return [{
-      eventName: "touchmove",
-      options: {
-        capture: false
-      },
-      fn: (event) => {
-        const phase = getPhase();
-        if (phase.type !== "DRAGGING") {
-          cancel();
-          return;
+    return [
+      {
+        eventName: "touchmove",
+        options: {
+          capture: false
+        },
+        fn: (event) => {
+          const phase = getPhase();
+          if (phase.type !== "DRAGGING") {
+            cancel();
+            return;
+          }
+          phase.hasMoved = true;
+          const {
+            clientX,
+            clientY
+          } = event.touches[0];
+          const point2 = {
+            x: clientX,
+            y: clientY
+          };
+          event.preventDefault();
+          phase.actions.move(point2);
         }
-        phase.hasMoved = true;
-        const {
-          clientX,
-          clientY
-        } = event.touches[0];
-        const point2 = {
-          x: clientX,
-          y: clientY
-        };
-        event.preventDefault();
-        phase.actions.move(point2);
-      }
-    }, {
-      eventName: "touchend",
-      fn: (event) => {
-        const phase = getPhase();
-        if (phase.type !== "DRAGGING") {
-          cancel();
-          return;
+      },
+      {
+        eventName: "touchend",
+        fn: (event) => {
+          const phase = getPhase();
+          if (phase.type !== "DRAGGING") {
+            cancel();
+            return;
+          }
+          event.preventDefault();
+          phase.actions.drop({
+            shouldBlockNextClick: true
+          });
+          completed();
         }
-        event.preventDefault();
-        phase.actions.drop({
-          shouldBlockNextClick: true
-        });
-        completed();
-      }
-    }, {
-      eventName: "touchcancel",
-      fn: (event) => {
-        if (getPhase().type !== "DRAGGING") {
+      },
+      {
+        eventName: "touchcancel",
+        fn: (event) => {
+          if (getPhase().type !== "DRAGGING") {
+            cancel();
+            return;
+          }
+          event.preventDefault();
           cancel();
-          return;
-        }
-        event.preventDefault();
-        cancel();
-      }
-    }, {
-      eventName: "touchforcechange",
-      fn: (event) => {
-        const phase = getPhase();
-        !(phase.type !== "IDLE") ? process.env.NODE_ENV !== "production" ? invariant$1(false) : invariant$1(false) : void 0;
-        const touch2 = event.touches[0];
-        if (!touch2) {
-          return;
-        }
-        const isForcePress = touch2.force >= forcePressThreshold;
-        if (!isForcePress) {
-          return;
         }
-        const shouldRespect = phase.actions.shouldRespectForcePress();
-        if (phase.type === "PENDING") {
+      },
+      {
+        eventName: "touchforcechange",
+        fn: (event) => {
+          const phase = getPhase();
+          !(phase.type !== "IDLE") ? process.env.NODE_ENV !== "production" ? invariant$1(false) : invariant$1(false) : void 0;
+          const touch2 = event.touches[0];
+          if (!touch2) {
+            return;
+          }
+          const isForcePress = touch2.force >= forcePressThreshold;
+          if (!isForcePress) {
+            return;
+          }
+          const shouldRespect = phase.actions.shouldRespectForcePress();
+          if (phase.type === "PENDING") {
+            if (shouldRespect) {
+              cancel();
+            }
+            return;
+          }
           if (shouldRespect) {
+            if (phase.hasMoved) {
+              event.preventDefault();
+              return;
+            }
             cancel();
-          }
-          return;
-        }
-        if (shouldRespect) {
-          if (phase.hasMoved) {
-            event.preventDefault();
             return;
           }
-          cancel();
-          return;
+          event.preventDefault();
         }
-        event.preventDefault();
+      },
+      {
+        eventName: supportedPageVisibilityEventName,
+        fn: cancel
       }
-    }, {
-      eventName: supportedPageVisibilityEventName,
-      fn: cancel
-    }];
+    ];
   }
   __name(getHandleBindings, "getHandleBindings");
   function useTouchSensor(api) {
@@ -142611,35 +142685,42 @@ ${seq.sequence}
     const setPhase = useCallback(/* @__PURE__ */ __name(function setPhase2(phase) {
       phaseRef.current = phase;
     }, "setPhase"), []);
-    const startCaptureBinding = useMemo(() => ({
-      eventName: "touchstart",
-      fn: /* @__PURE__ */ __name(function onTouchStart(event) {
-        if (event.defaultPrevented) {
-          return;
-        }
-        const draggableId = api.findClosestDraggableId(event);
-        if (!draggableId) {
-          return;
-        }
-        const actions2 = api.tryGetLock(draggableId, stop, {
-          sourceEvent: event
-        });
-        if (!actions2) {
-          return;
-        }
-        const touch2 = event.touches[0];
-        const {
-          clientX,
-          clientY
-        } = touch2;
-        const point2 = {
-          x: clientX,
-          y: clientY
-        };
-        unbindEventsRef.current();
-        startPendingDrag(actions2, point2);
-      }, "onTouchStart")
-    }), [api]);
+    const startCaptureBinding = useMemo(
+      () => ({
+        eventName: "touchstart",
+        fn: /* @__PURE__ */ __name(function onTouchStart(event) {
+          if (event.defaultPrevented) {
+            return;
+          }
+          const draggableId = api.findClosestDraggableId(event);
+          if (!draggableId) {
+            return;
+          }
+          const actions2 = api.tryGetLock(
+            draggableId,
+            stop,
+            {
+              sourceEvent: event
+            }
+          );
+          if (!actions2) {
+            return;
+          }
+          const touch2 = event.touches[0];
+          const {
+            clientX,
+            clientY
+          } = touch2;
+          const point2 = {
+            x: clientX,
+            y: clientY
+          };
+          unbindEventsRef.current();
+          startPendingDrag(actions2, point2);
+        }, "onTouchStart")
+      }),
+      [api]
+    );
     const listenForCapture = useCallback(/* @__PURE__ */ __name(function listenForCapture2() {
       const options = {
         capture: true,
@@ -143822,10 +143903,15 @@ ${seq.sequence}
   const mapDispatchToProps$1 = {
     dropAnimationFinished
   };
-  const ConnectedDraggable = connect(makeMapStateToProps$1, mapDispatchToProps$1, null, {
-    context: StoreContext,
-    areStatePropsEqual: isStrictEqual
-  })(Draggable$1$1);
+  const ConnectedDraggable = connect(
+    makeMapStateToProps$1,
+    mapDispatchToProps$1,
+    null,
+    {
+      context: StoreContext,
+      areStatePropsEqual: isStrictEqual
+    }
+  )(Draggable$1$1);
   var ConnectedDraggable$1 = ConnectedDraggable;
   function PrivateDraggable(props) {
     const droppableContext = useRequiredContext(DroppableContext);
@@ -144180,7 +144266,11 @@ ${seq.sequence}
       }
       scheduleScrollUpdate.cancel();
       closest2.removeAttribute(scrollContainer.contextId);
-      closest2.removeEventListener("scroll", onClosestScroll, getListenerOptions(dragging.scrollOptions));
+      closest2.removeEventListener(
+        "scroll",
+        onClosestScroll,
+        getListenerOptions(dragging.scrollOptions)
+      );
     }, [onClosestScroll, scheduleScrollUpdate]);
     const scroll2 = useCallback((change2) => {
       const dragging = whileDraggingRef.current;
@@ -144579,33 +144669,6 @@ ${seq.sequence}
     }, children(provided, snapshot), getClone());
   }, "Droppable");
   var Droppable$1 = Droppable;
-  function getBody() {
-    !document.body ? process.env.NODE_ENV !== "production" ? invariant$1(false, "document.body is not ready") : invariant$1(false) : void 0;
-    return document.body;
-  }
-  __name(getBody, "getBody");
-  const defaultProps = {
-    mode: "standard",
-    type: "DEFAULT",
-    direction: "vertical",
-    isDropDisabled: false,
-    isCombineEnabled: false,
-    ignoreContainerClipping: false,
-    renderClone: null,
-    getContainerForClone: getBody
-  };
-  const attachDefaultPropsToOwnProps = /* @__PURE__ */ __name((ownProps) => {
-    let mergedProps = __spreadValues({}, ownProps);
-    let defaultPropKey;
-    for (defaultPropKey in defaultProps) {
-      if (ownProps[defaultPropKey] === void 0) {
-        mergedProps = __spreadProps(__spreadValues({}, mergedProps), {
-          [defaultPropKey]: defaultProps[defaultPropKey]
-        });
-      }
-    }
-    return mergedProps;
-  }, "attachDefaultPropsToOwnProps");
   const isMatchingType = /* @__PURE__ */ __name((type2, critical) => type2 === critical.droppable.type, "isMatchingType");
   const getDraggable = /* @__PURE__ */ __name((critical, dimensions) => dimensions.draggables[critical.draggable.id], "getDraggable");
   const makeMapStateToProps = /* @__PURE__ */ __name(() => {
@@ -144672,11 +144735,10 @@ ${seq.sequence}
       };
     });
     const selector = /* @__PURE__ */ __name((state2, ownProps) => {
-      const ownPropsWithDefaultProps = attachDefaultPropsToOwnProps(ownProps);
-      const id2 = ownPropsWithDefaultProps.droppableId;
-      const type2 = ownPropsWithDefaultProps.type;
-      const isEnabled = !ownPropsWithDefaultProps.isDropDisabled;
-      const renderClone = ownPropsWithDefaultProps.renderClone;
+      const id2 = ownProps.droppableId;
+      const type2 = ownProps.type;
+      const isEnabled = !ownProps.isDropDisabled;
+      const renderClone = ownProps.renderClone;
       if (isDragging(state2)) {
         const critical = state2.critical;
         if (!isMatchingType(type2, critical)) {
@@ -144717,12 +144779,31 @@ ${seq.sequence}
   const mapDispatchToProps = {
     updateViewportMaxScroll
   };
-  const ConnectedDroppable = connect(makeMapStateToProps, mapDispatchToProps, (stateProps, dispatchProps, ownProps) => {
-    return __spreadValues(__spreadValues(__spreadValues({}, attachDefaultPropsToOwnProps(ownProps)), stateProps), dispatchProps);
-  }, {
-    context: StoreContext,
-    areStatePropsEqual: isStrictEqual
-  })(Droppable$1);
+  function getBody() {
+    !document.body ? process.env.NODE_ENV !== "production" ? invariant$1(false, "document.body is not ready") : invariant$1(false) : void 0;
+    return document.body;
+  }
+  __name(getBody, "getBody");
+  const defaultProps = {
+    mode: "standard",
+    type: "DEFAULT",
+    direction: "vertical",
+    isDropDisabled: false,
+    isCombineEnabled: false,
+    ignoreContainerClipping: false,
+    renderClone: null,
+    getContainerForClone: getBody
+  };
+  const ConnectedDroppable = connect(
+    makeMapStateToProps,
+    mapDispatchToProps,
+    null,
+    {
+      context: StoreContext,
+      areStatePropsEqual: isStrictEqual
+    }
+  )(Droppable$1);
+  ConnectedDroppable.defaultProps = defaultProps;
   var ConnectedDroppable$1 = ConnectedDroppable;
   var clipboard = { exports: {} };
   /*!
@@ -153126,7 +153207,7 @@ double click --> edit`}`;
   }
   __name(showFileDialog, "showFileDialog");
   const name = "@teselagen/ove";
-  const version = "0.0.3";
+  const version = "0.0.4";
   const main = "./index.js";
   const types$1 = "./index.d.ts";
   const type = "commonjs";
@@ -173420,6 +173501,10 @@ ${seqDataToCopy}\r
       __publicField(this, "state", {
         fileTypeToView: "genbank"
       });
+      __publicField(this, "select", /* @__PURE__ */ __name(() => {
+        var _a2;
+        return (_a2 = this._input) == null ? void 0 : _a2.select();
+      }, "select"));
     }
     render() {
       const { sequenceData: sequenceData2 = {} } = this.props;
@@ -173457,7 +173542,7 @@ ${seqDataToCopy}\r
         {
           "data-test": "ve-genbank-text",
           readOnly: true,
-          onclick: "this.select()",
+          onClick: this.select,
           style: {
             whiteSpace: "pre",
             overflowWrap: "normal",