@teselagen/ove 0.0.4 → 0.0.5

package/index.mjs

@@ -29307,20 +29307,19 @@ function createField(structure2) {
     _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");
@@ -30293,14 +30292,14 @@ function createFieldArray(structure2) {
         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");
@@ -30995,8 +30994,8 @@ var getDisplayName$2 = /* @__PURE__ */ __name(function getDisplayName(Comp) {
 }, "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(Component2) {
@@ -31063,7 +31062,6 @@ function createReduxForm(structure2) {
           _this.lastFieldWarnerKeys = [];
           _this.innerOnSubmit = void 0;
           _this.submitPromise = void 0;
-          _this.initializedOnLoad = false;
           _this.initIfNeeded = function(nextProps) {
             var enableReinitialize = _this.props.enableReinitialize;
             if (nextProps) {
@@ -31074,16 +31072,13 @@ function createReduxForm(structure2) {
                   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, updateSyncErrors3 = _this$props.updateSyncErrors;
@@ -31353,18 +31348,20 @@ function createReduxForm(structure2) {
           _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);
@@ -31388,8 +31385,7 @@ function createReduxForm(structure2) {
         }, "shouldComponentUpdate");
         _proto.componentDidMount = /* @__PURE__ */ __name(function componentDidMount() {
           if (!isHotReloading$1()) {
-            if (this.initializedOnLoad)
-              return;
+            this.initIfNeeded(this.props);
             this.validateIfNeeded();
             this.warnIfNeeded();
           }
@@ -39445,25 +39441,16 @@ var toString$4 = {}.toString;
 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));
@@ -39560,15 +39547,7 @@ var _objectKeys = Object.keys || /* @__PURE__ */ __name(function keys2(O2) {
 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));
@@ -39582,9 +39561,9 @@ function require_objectAssign() {
   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 = {};
@@ -40219,7 +40198,7 @@ var _wksDefine = /* @__PURE__ */ __name(function(name2) {
 }, "_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;
@@ -40260,7 +40239,7 @@ _objectGopnExt.f = /* @__PURE__ */ __name(function getOwnPropertyNames2(it) {
   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;
@@ -40440,7 +40419,7 @@ if (!USE_NATIVE) {
   $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);
@@ -120171,6 +120150,9 @@ function genbankToJson(string2, options = {}) {
           options.isProtein = false;
         }
         options.sequenceTypeFromLocus = item;
+        if (item.match(/ss-dna/i)) {
+          options.isSingleStrandedDNA = true;
+        }
       }
       if (typeof lineArr[j] === "string" && gbDivisions[lineArr[j].toUpperCase()]) {
         gbDivision = lineArr[j].toUpperCase();
@@ -120181,6 +120163,7 @@ function genbankToJson(string2, options = {}) {
     }
     result.parsedSequence.gbDivision = gbDivision;
     result.parsedSequence.sequenceTypeFromLocus = options.sequenceTypeFromLocus;
+    result.parsedSequence.isSingleStrandedDNA = options.isSingleStrandedDNA;
     result.parsedSequence.date = date;
     result.parsedSequence.circular = circular2;
   }
@@ -132201,6 +132184,7 @@ function jsonToGenbank(_serSeq, options) {
 }
 __name(jsonToGenbank, "jsonToGenbank");
 function createGenbankLocus(serSeq, options) {
+  var _a2;
   if (serSeq.sequence.symbols) {
     serSeq.sequence = serSeq.sequence.symbols.split("");
   }
@@ -132211,7 +132195,7 @@ function createGenbankLocus(serSeq, options) {
   } 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);
@@ -135751,6 +135735,7 @@ function showAddOrEditAnnotationDialog({
 }
 __name(showAddOrEditAnnotationDialog, "showAddOrEditAnnotationDialog");
 function updateEditor(store2, editorName, initialValues2 = {}, extraMeta = {}, { convertAnnotationsFromAAIndices } = {}) {
+  var _a2;
   const {
     sequenceData: sequenceData2,
     annotationVisibility: annotationVisibility2,
@@ -135762,7 +135747,9 @@ function updateEditor(store2, editorName, initialValues2 = {}, extraMeta = {}, {
   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) {
@@ -135868,7 +135855,7 @@ function updateEditor(store2, editorName, initialValues2 = {}, extraMeta = {}, {
           }, 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
@@ -137202,7 +137189,12 @@ const getDevMessage = /* @__PURE__ */ __name((message) => clean$2(`
 
   %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) {
@@ -138028,7 +138020,11 @@ const goAfter = /* @__PURE__ */ __name((_ref) => {
     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 {
@@ -138036,7 +138032,11 @@ const goBefore = /* @__PURE__ */ __name((_ref2) => {
     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 {
@@ -138213,7 +138213,11 @@ var speculativelyIncrease = /* @__PURE__ */ __name((_ref) => {
   });
   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) {
@@ -138570,7 +138574,9 @@ var moveToNewDroppable = /* @__PURE__ */ __name((_ref) => {
     });
     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) {
@@ -138733,7 +138739,11 @@ function getFurthestAway(_ref) {
   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)
@@ -140468,7 +140478,19 @@ var createStore$1 = /* @__PURE__ */ __name((_ref) => {
     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, focus2(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,
+    focus2(focusMarshal),
+    responders(getResponders, announce)
+  )));
 }, "createStore$1");
 const clean$1 = /* @__PURE__ */ __name(() => ({
   additions: {},
@@ -140495,7 +140517,9 @@ function createPublisher(_ref) {
         removals,
         modified: modified2
       } = staging;
-      const added2 = Object.keys(additions).map((id2) => registry.draggable.getById(id2).getDimension(origin)).sort((a2, b3) => a2.descriptor.index - b3.descriptor.index);
+      const added2 = Object.keys(additions).map(
+        (id2) => registry.draggable.getById(id2).getDimension(origin)
+      ).sort((a2, b3) => a2.descriptor.index - b3.descriptor.index);
       const updated = Object.keys(modified2).map((id2) => {
         const entry = registry.droppable.getById(id2);
         const scroll2 = entry.callbacks.getScrollWhileDragging();
@@ -140554,13 +140578,16 @@ var getMaxScroll = /* @__PURE__ */ __name((_ref) => {
     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)
@@ -141477,11 +141504,14 @@ function useStyleMarshal(contextId, nonce) {
   const styles2 = useMemo(() => getStyles$1(contextId), [contextId]);
   const alwaysRef = useRef(null);
   const dynamicRef = 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;
@@ -141537,8 +141567,8 @@ function querySelectorAll(parentNode, selector) {
 }
 __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;
@@ -142099,141 +142129,157 @@ function getCaptureBindings(_ref) {
     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 = useRef(idle$1);
   const unbindEventsRef = useRef(noop$2);
-  const startCaptureBinding = useMemo(() => ({
-    eventName: "mousedown",
-    fn: /* @__PURE__ */ __name(function onMouseDown3(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 onMouseDown3(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) => {
@@ -142337,110 +142383,126 @@ function getDraggingBindings(actions2, stop) {
     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 = 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,
@@ -142466,33 +142528,39 @@ function getWindowBindings(_ref) {
     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) {
@@ -142501,87 +142569,93 @@ function getHandleBindings(_ref2) {
     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 touch3 = event.touches[0];
-      if (!touch3) {
-        return;
-      }
-      const isForcePress = touch3.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 touch3 = event.touches[0];
+        if (!touch3) {
+          return;
+        }
+        const isForcePress = touch3.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) {
@@ -142593,35 +142667,42 @@ function useTouchSensor(api) {
   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 touch3 = event.touches[0];
-      const {
-        clientX,
-        clientY
-      } = touch3;
-      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 touch3 = event.touches[0];
+        const {
+          clientX,
+          clientY
+        } = touch3;
+        const point2 = {
+          x: clientX,
+          y: clientY
+        };
+        unbindEventsRef.current();
+        startPendingDrag(actions2, point2);
+      }, "onTouchStart")
+    }),
+    [api]
+  );
   const listenForCapture = useCallback(/* @__PURE__ */ __name(function listenForCapture2() {
     const options = {
       capture: true,
@@ -143804,10 +143885,15 @@ const makeMapStateToProps$1 = /* @__PURE__ */ __name(() => {
 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);
@@ -144162,7 +144248,11 @@ function useDroppablePublisher(args) {
     }
     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((change3) => {
     const dragging = whileDraggingRef.current;
@@ -144561,33 +144651,6 @@ const Droppable = /* @__PURE__ */ __name((props) => {
   }, 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(() => {
@@ -144654,11 +144717,10 @@ const makeMapStateToProps = /* @__PURE__ */ __name(() => {
     };
   });
   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)) {
@@ -144699,12 +144761,31 @@ const makeMapStateToProps = /* @__PURE__ */ __name(() => {
 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: {} };
 /*!
@@ -153108,7 +153189,7 @@ function showFileDialog({ multiple = false, onSelect }) {
 }
 __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";
@@ -173402,6 +173483,10 @@ class GenbankView extends React__default$1.Component {
     __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;
@@ -173439,7 +173524,7 @@ class GenbankView extends React__default$1.Component {
       {
         "data-test": "ve-genbank-text",
         readOnly: true,
-        onclick: "this.select()",
+        onClick: this.select,
         style: {
           whiteSpace: "pre",
           overflowWrap: "normal",