@teselagen/ove 0.8.22 → 0.8.25

package/index.es.js

@@ -17242,23 +17242,6 @@ const useTableEntities = /* @__PURE__ */ __name((tableFormName) => {
   const { allOrderedEntities, selectedEntities } = useSelector(entitySelector);
   return { selectTableEntities, allOrderedEntities, selectedEntities };
 }, "useTableEntities");
-const isEqualIgnoreFunctions = /* @__PURE__ */ __name((o1, o2) => {
-  const isEq = isEqualWith(o1, o2, function(val1, val2) {
-    if (isFunction$2(val1) && isFunction$2(val2)) {
-      return val1 === val2 || val1.toString() === val2.toString();
-    }
-    if (val1 && val1.constructor && val1.constructor.name === "FiberNode")
-      return true;
-  });
-  return isEq;
-}, "isEqualIgnoreFunctions");
-const useDeepEqualMemo = /* @__PURE__ */ __name((value) => {
-  const ref2 = useRef();
-  if (!isEqualIgnoreFunctions(value, ref2.current)) {
-    ref2.current = value;
-  }
-  return ref2.current;
-}, "useDeepEqualMemo");
 function rowClick(e, rowInfo, entities, {
   reduxFormSelectedEntityIdMap,
   isSingleSelect,
@@ -56552,6 +56535,33 @@ if (typeof __MOBX_DEVTOOLS_GLOBAL_HOOK__ === "object") {
     $mobx
   });
 }
+const isEqualIgnoreFunctions = /* @__PURE__ */ __name((o1, o2) => {
+  const isEq = isEqualWith(o1, o2, function(val1, val2) {
+    if (isFunction$2(val1) && isFunction$2(val2)) {
+      return val1 === val2 || val1.toString() === val2.toString();
+    }
+    if (val1 && val1.constructor && val1.constructor.name === "FiberNode")
+      return true;
+  });
+  return isEq;
+}, "isEqualIgnoreFunctions");
+const useDeepEqualMemoIgnoreFns = /* @__PURE__ */ __name((value) => {
+  const ref2 = useRef();
+  if (!isEqualIgnoreFunctions(value, ref2.current)) {
+    ref2.current = value;
+  }
+  return ref2.current;
+}, "useDeepEqualMemoIgnoreFns");
+const useDeepEqualMemo = /* @__PURE__ */ __name((value) => {
+  const ref2 = useRef();
+  if (!isEqual$3(value, ref2.current)) {
+    ref2.current = value;
+  }
+  return ref2.current;
+}, "useDeepEqualMemo");
+const useMemoDeepEqual = /* @__PURE__ */ __name((value, depsArray) => {
+  return useMemo$1(value, useDeepEqualMemo(depsArray));
+}, "useMemoDeepEqual");
 T();
 const IS_LINUX = window.navigator.platform.toLowerCase().search("linux") > -1;
 const itemSizeEstimators = {
@@ -56638,9 +56648,11 @@ const DataTable = /* @__PURE__ */ __name((_w) => {
       "reduxFormSelectedEntityIdMap"
     );
   }, "dtFormParamsSelector"));
-  const reduxFormCellValidation = useDeepEqualMemo(_reduxFormCellValidation);
-  const reduxFormQueryParams = useDeepEqualMemo(_reduxFormQueryParams);
-  const reduxFormSelectedEntityIdMap = useDeepEqualMemo(
+  const reduxFormCellValidation = useDeepEqualMemoIgnoreFns(
+    _reduxFormCellValidation
+  );
+  const reduxFormQueryParams = useDeepEqualMemoIgnoreFns(_reduxFormQueryParams);
+  const reduxFormSelectedEntityIdMap = useDeepEqualMemoIgnoreFns(
     _reduxFormSelectedEntityIdMap
   );
   let props = ownProps;
@@ -56715,7 +56727,7 @@ const DataTable = /* @__PURE__ */ __name((_w) => {
     const tmp = (urlConnected ? getCurrentParamsFromUrl(history.location) : reduxFormQueryParams) || {};
     return tmp;
   }, [history, reduxFormQueryParams, urlConnected]);
-  const currentParams = useDeepEqualMemo(_currentParams);
+  const currentParams = useDeepEqualMemoIgnoreFns(_currentParams);
   const tableParams = useMemo$1(() => {
     if (!isTableParamsConnected) {
       const setNewParams2 = /* @__PURE__ */ __name((newParams) => {
@@ -56896,8 +56908,8 @@ const DataTable = /* @__PURE__ */ __name((_w) => {
     () => ((reduxFormEntities == null ? void 0 : reduxFormEntities.length) ? reduxFormEntities : _origEntities) || [],
     [_origEntities, reduxFormEntities]
   );
-  const entities = useDeepEqualMemo(_entities);
-  const entitiesAcrossPages = useDeepEqualMemo(_entitiesAcrossPages);
+  const entities = useDeepEqualMemoIgnoreFns(_entities);
+  const entitiesAcrossPages = useDeepEqualMemoIgnoreFns(_entitiesAcrossPages);
   useEffect(() => {
     change$1("allOrderedEntities", entitiesAcrossPages);
     if (entities.length === 0 || isEmpty$1(reduxFormSelectedEntityIdMap)) return;
@@ -61461,7 +61473,7 @@ const SimpleInsertDataDialog = compose(
       return (_b2 = (_a3 = state2.form) == null ? void 0 : _a3[dataTableForm]) == null ? void 0 : _b2.values.reduxFormEntities;
     }
   );
-  const reduxFormEntities = useDeepEqualMemo(_reduxFormEntities);
+  const reduxFormEntities = useDeepEqualMemoIgnoreFns(_reduxFormEntities);
   useEffect(() => {
     return () => dispatch(destroy$1(dataTableForm));
   }, [dataTableForm, dispatch]);
@@ -61471,7 +61483,9 @@ const SimpleInsertDataDialog = compose(
       return (_b2 = (_a3 = state2.form) == null ? void 0 : _a3[dataTableForm]) == null ? void 0 : _b2.values.reduxFormCellValidation;
     }, "_reduxFormCellValidationSelector")
   );
-  const reduxFormCellValidation = useDeepEqualMemo(_reduxFormCellValidation);
+  const reduxFormCellValidation = useDeepEqualMemoIgnoreFns(
+    _reduxFormCellValidation
+  );
   const { entsToUse, validationToUse } = useMemo$1(
     () => removeCleanRows(reduxFormEntities, reduxFormCellValidation),
     [reduxFormEntities, reduxFormCellValidation]
@@ -61556,8 +61570,10 @@ const UploadCsvWizardDialogInner = reduxForm()(({
       "reduxFormCellValidation"
     );
   }, "dtFormNameSelector"));
-  const reduxFormEntities = useDeepEqualMemo(_reduxFormEntities);
-  const reduxFormCellValidation = useDeepEqualMemo(_reduxFormCellValidation);
+  const reduxFormEntities = useDeepEqualMemoIgnoreFns(_reduxFormEntities);
+  const reduxFormCellValidation = useDeepEqualMemoIgnoreFns(
+    _reduxFormCellValidation
+  );
   let inner2;
   if (hasSubmitted) {
     inner2 = /* @__PURE__ */ React__default.createElement(
@@ -61859,8 +61875,10 @@ const UploadCsvWizardDialog = compose(
       };
     }
   });
-  const reduxFormEntitiesArray = useDeepEqualMemo(_reduxFormEntitiesArray);
-  const finishedFiles = useDeepEqualMemo(_finishedFiles);
+  const reduxFormEntitiesArray = useDeepEqualMemoIgnoreFns(
+    _reduxFormEntitiesArray
+  );
+  const finishedFiles = useDeepEqualMemoIgnoreFns(_finishedFiles);
   const [hasSubmittedOuter, setSubmittedOuter] = useState();
   const [steps, setSteps] = useState(getInitialSteps(true));
   const [focusedTab, setFocusedTab] = useState(0);
@@ -70365,12 +70383,21 @@ const _ResizableDraggableDialog = class _ResizableDraggableDialog extends React_
         }, RndProps),
         /* @__PURE__ */ React__default.createElement(
           Dialog,
-          __spreadValues({
+          __spreadProps(__spreadValues({
             enforceFocus: false,
             hasBackdrop: false,
             usePortal: false,
             canEscapeKeyClose: true
-          }, rest)
+          }, rest), {
+            title: /* @__PURE__ */ React__default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 8 } }, /* @__PURE__ */ React__default.createElement(
+              Icon,
+              {
+                size: "14",
+                "data-tip": "I'm a resizable draggable dialog!",
+                icon: "move"
+              }
+            ), rest.title)
+          })
         )
       )
     );
@@ -73644,7 +73671,7 @@ const genbankFeatureTypes = [
   { name: "regulatory", color: "#3F6C51" },
   { name: "SecStr", color: "#7B4B94" },
   { name: "Site", color: "#7D82B8" },
-  { name: "telomere", color: "DE9151" },
+  { name: "telomere", color: "#DE9151" },
   { name: "tmRNA", color: "#B7E3CC" },
   { name: "unsure", color: "#C4FFB2" },
   { name: "V_segment", color: "#D6F7A3" },
@@ -83783,7 +83810,10 @@ function getOrfsFromSequence(options) {
   return nonDuplicatedOrfRanges;
 }
 __name(getOrfsFromSequence, "getOrfsFromSequence");
-function findOrfsInPlasmid(sequence2, circular2, minimumOrfSize2, useAdditionalOrfStartCodons2) {
+function findOrfsInPlasmid(sequence2, circular2, minimumOrfSize2, useAdditionalOrfStartCodons2, isProteinOrOligo) {
+  if (isProteinOrOligo) {
+    return [];
+  }
   const forwardOrfs = getOrfsFromSequence({
     sequence: sequence2,
     minimumOrfSize: minimumOrfSize2,
@@ -84011,6 +84041,15 @@ function getAnnotationsBetweenRange(annotationsToBeAdjusted, range2, maxLength,
     }
     const overlaps = getZeroedRangeOverlaps(annotation, range2, maxLength).map(
       (overlap) => {
+        const allLocations = annotation.locations;
+        if (allLocations && allLocations.length) {
+          const newLocations = allLocations.filter((loc) => {
+            return isRangeWithinRange(loc, overlap, maxLength);
+          });
+          return assignIn({}, annotation, overlap, {
+            locations: newLocations
+          });
+        }
         return assignIn({}, annotation, overlap);
       }
     );
@@ -98068,6 +98107,10 @@ const orfsSelector = createSelector(
   circularSelector,
   minimumOrfSizeSelector,
   (state2) => state2.useAdditionalOrfStartCodons,
+  (state2) => {
+    var _a2, _b2;
+    return ((_a2 = state2.sequenceData) == null ? void 0 : _a2.isProtein) || ((_b2 = state2.sequenceData) == null ? void 0 : _b2.isOligo);
+  },
   findOrfsInPlasmid
 );
 function translationsRawSelector(sequenceData2) {
@@ -98103,10 +98146,7 @@ function searchLayersSelector(sequence2, isCircular, isOpen, searchString, ambig
         end: end2 * 3 + 2
       });
     });
-    return [
-      ...toReturn,
-      ...r2
-    ];
+    return [...toReturn, ...r2];
   }
   if (dnaOrAA === "DNA" && ambiguousOrLiteral === "LITERAL" && mismatchesAllowed > 0) {
     const approxMatches = findApproxMatches(
@@ -98124,9 +98164,12 @@ function searchLayersSelector(sequence2, isCircular, isOpen, searchString, ambig
       isSearchLayer: true,
       forward: true
     })).sort((a2, b3) => a2.start - b3.start);
-    return [...toReturn, ...matches2.map((match) => __spreadProps(__spreadValues({}, match), {
-      className: "veSearchLayer"
-    }))];
+    return [
+      ...toReturn,
+      ...matches2.map((match) => __spreadProps(__spreadValues({}, match), {
+        className: "veSearchLayer"
+      }))
+    ];
   }
   const matches = findSequenceMatches(sequence2, searchString, {
     isCircular,
@@ -98136,11 +98179,14 @@ function searchLayersSelector(sequence2, isCircular, isOpen, searchString, ambig
   }).sort(({ start: start2 }, { start: start22 }) => {
     return start2 - start22;
   });
-  return [...toReturn, ...matches.map((match) => __spreadProps(__spreadValues({}, match), {
-    forward: !match.bottomStrand,
-    className: "veSearchLayer " + (match.bottomStrand ? " veSearchLayerBottomStrand" : ""),
-    isSearchLayer: true
-  }))];
+  return [
+    ...toReturn,
+    ...matches.map((match) => __spreadProps(__spreadValues({}, match), {
+      forward: !match.bottomStrand,
+      className: "veSearchLayer " + (match.bottomStrand ? " veSearchLayerBottomStrand" : ""),
+      isSearchLayer: true
+    }))
+  ];
 }
 __name(searchLayersSelector, "searchLayersSelector");
 const searchLayersSelector$1 = createSelector(
@@ -98153,7 +98199,10 @@ const searchLayersSelector$1 = createSelector(
   (state2) => state2.sequenceData.isProtein,
   (state2) => state2.sequenceData.proteinSequence,
   (state2) => state2.findTool && state2.findTool.mismatchesAllowed,
-  (state2) => state2.temporaryAnnotations.searchLayers,
+  (state2) => {
+    var _a2;
+    return (_a2 = state2.temporaryAnnotations) == null ? void 0 : _a2.searchLayers;
+  },
   searchLayersSelector
 );
 const translationSearchMatchesSelector = createSelector(
@@ -116919,7 +116968,7 @@ function showFileDialog({ multiple = false, onSelect }) {
   input.click();
 }
 __name(showFileDialog, "showFileDialog");
-const version = "0.8.21";
+const version = "0.8.25";
 const packageJson = {
   version
 };
@@ -124298,28 +124347,30 @@ const __LinearView = class __LinearView extends React__default.Component {
         maxAnnotationsToDisplay
       } = this.props;
       this.paredDownMessages = [];
-      const paredDownSeqData = ["parts", "features", "cutsites"].reduce(
-        (acc, type2) => {
-          const nameUpper = startCase(type2);
-          const maxToShow = (maxAnnotationsToDisplay ? maxAnnotationsToDisplay[type2] : limits[type2]) || 50;
-          const [annotations, paredDown] = pareDownAnnotations(
-            sequenceData2["filtered" + nameUpper] || sequenceData2[type2] || {},
-            maxToShow
+      const paredDownSeqData = [
+        "parts",
+        "features",
+        "cutsites",
+        "primers"
+      ].reduce((acc, type2) => {
+        const nameUpper = startCase(type2);
+        const maxToShow = (maxAnnotationsToDisplay ? maxAnnotationsToDisplay[type2] : limits[type2]) || 50;
+        const [annotations, paredDown] = pareDownAnnotations(
+          sequenceData2["filtered" + nameUpper] || sequenceData2[type2] || {},
+          maxToShow
+        );
+        if (paredDown) {
+          this.paredDownMessages.push(
+            getParedDownWarning({
+              nameUpper,
+              isAdjustable: !maxAnnotationsToDisplay,
+              maxToShow
+            })
           );
-          if (paredDown) {
-            this.paredDownMessages.push(
-              getParedDownWarning({
-                nameUpper,
-                isAdjustable: !maxAnnotationsToDisplay,
-                maxToShow
-              })
-            );
-          }
-          acc[type2] = annotations;
-          return acc;
-        },
-        {}
-      );
+        }
+        acc[type2] = annotations;
+        return acc;
+      }, {});
       this.rowData = prepareRowData(
         __spreadValues(__spreadValues({}, sequenceData2), paredDownSeqData),
         sequenceData2.sequence ? sequenceData2.sequence.length : 0
@@ -143882,12 +143933,29 @@ const genericAnnotationProperties = /* @__PURE__ */ __name(({
   additionalFooterEls
 }) => {
   const annotationTypeUpper = upperFirst(annotationType);
-  const _AnnotationProperties = class _AnnotationProperties extends React__default.Component {
-    constructor(props) {
-      super(props);
-      __publicField(this, "onRowSelect", /* @__PURE__ */ __name(([record]) => {
+  const AnnotationProperties = /* @__PURE__ */ __name((props) => {
+    var _a2, _b2, _c;
+    const {
+      readOnly: readOnly2,
+      annotations = {},
+      annotationVisibility: annotationVisibility2,
+      sequenceLength,
+      selectionLayer: selectionLayer2,
+      sequence: sequence2,
+      isProtein: isProtein2,
+      allPartTags,
+      annotationPropertiesSelectedEntities: _annotationPropertiesSelectedEntities,
+      selectedAnnotationId,
+      PropertiesProps,
+      dispatch,
+      editorName
+    } = props;
+    const instanceRef = React__default.useRef({ props });
+    instanceRef.current.props = props;
+    const cmds = React__default.useMemo(() => getCommands(instanceRef.current), []);
+    const onRowSelect = React__default.useCallback(
+      ([record]) => {
         if (!record) return;
-        const { dispatch, editorName } = this.props;
         dispatch({
           type: "SELECTION_LAYER_UPDATE",
           payload: record,
@@ -143895,44 +143963,33 @@ const genericAnnotationProperties = /* @__PURE__ */ __name(({
             editorName
           }
         });
-      }, "onRowSelect"));
-      this.commands = getCommands(this);
-    }
-    render() {
-      var _a2, _b2, _c;
-      const {
-        readOnly: readOnly2,
-        annotations = {},
-        annotationVisibility: annotationVisibility2,
-        sequenceLength,
-        selectionLayer: selectionLayer2,
-        sequence: sequence2,
-        isProtein: isProtein2,
-        allPartTags,
-        annotationPropertiesSelectedEntities: _annotationPropertiesSelectedEntities,
-        selectedAnnotationId,
-        PropertiesProps
-      } = this.props;
-      const annotationPropertiesSelectedEntities = _annotationPropertiesSelectedEntities.filter((a2) => annotations[a2.id]);
-      const deleteAnnotation = this.props[`delete${annotationTypeUpper}`];
-      const annotationsToUse = map$3(annotations, (annotation) => {
+      },
+      [dispatch, editorName]
+    );
+    const annotationPropertiesSelectedEntities = _annotationPropertiesSelectedEntities.filter((a2) => annotations[a2.id]);
+    const deleteAnnotation = props[`delete${annotationTypeUpper}`];
+    const annotationsToUse = React__default.useMemo(
+      () => map$3(annotations, (annotation) => {
         return __spreadProps(__spreadValues(__spreadValues({}, annotation), annotation.strand === void 0 && {
           strand: annotation.forward ? 1 : -1
         }), {
           size: getRangeLength(annotation, sequenceLength)
         });
-      });
-      const keyedPartTags = (_a2 = getKeyedTagsAndTagOptions(allPartTags)) != null ? _a2 : {};
-      const additionalColumns = ((_c = (_b2 = PropertiesProps == null ? void 0 : PropertiesProps.propertiesList) == null ? void 0 : _b2.find(
-        (p2) => (p2.name || p2) === (pluralize(annotationType) || "")
-      )) == null ? void 0 : _c.additionalColumns) || [];
-      this.schema = {
+      }),
+      [annotations, sequenceLength]
+    );
+    const keyedPartTags = (_a2 = getKeyedTagsAndTagOptions(allPartTags)) != null ? _a2 : {};
+    const additionalColumns = ((_c = (_b2 = PropertiesProps == null ? void 0 : PropertiesProps.propertiesList) == null ? void 0 : _b2.find(
+      (p2) => (p2.name || p2) === (pluralize(annotationType) || "")
+    )) == null ? void 0 : _c.additionalColumns) || [];
+    const schema2 = useMemoDeepEqual(
+      () => ({
         fields: [
           {
             path: "name",
             type: "string",
             render: /* @__PURE__ */ __name((name2, ann) => {
-              const checked = !this.props.annotationVisibility[`${annotationType}IndividualToHide`][ann.id];
+              const checked = !annotationVisibility2[`${annotationType}IndividualToHide`][ann.id];
               return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
                 Icon,
                 {
@@ -143941,9 +143998,9 @@ const genericAnnotationProperties = /* @__PURE__ */ __name(({
                     e.stopPropagation();
                     const upperType = startCase(annotationType);
                     if (checked) {
-                      this.props[`hide${upperType}Individual`]([ann.id]);
+                      props[`hide${upperType}Individual`]([ann.id]);
                     } else {
-                      this.props[`show${upperType}Individual`]([ann.id]);
+                      props[`show${upperType}Individual`]([ann.id]);
                     }
                   }, "onClick"),
                   style: {
@@ -143964,7 +144021,7 @@ const genericAnnotationProperties = /* @__PURE__ */ __name(({
               render: /* @__PURE__ */ __name((bases, primer) => {
                 let bps = bases;
                 if (!bases) {
-                  bps = getSequenceWithinRange(primer, this.props.sequence);
+                  bps = getSequenceWithinRange(primer, sequence2);
                   if (!primer.forward) {
                     bps = getReverseComplementSequenceString(bps);
                   }
@@ -143989,8 +144046,8 @@ const genericAnnotationProperties = /* @__PURE__ */ __name(({
               }, "render")
             }
           ],
-          sizeSchema(this.props.isProtein),
-          ...withTags && this.props.allPartTags ? [
+          sizeSchema(isProtein2),
+          ...withTags && allPartTags ? [
             {
               path: "tags",
               type: "string",
@@ -144014,138 +144071,144 @@ const genericAnnotationProperties = /* @__PURE__ */ __name(({
           { path: "strand", type: "number" },
           ...additionalColumns
         ]
-      };
-      return /* @__PURE__ */ React__default.createElement(
-        WrappedDT,
-        {
-          topLeftItems: getVisFilter(
-            createCommandMenu(
-              isFunction$2(visSubmenu) ? visSubmenu(this.props) : visSubmenu,
-              this.commands,
-              {
-                useTicks: true
-              }
-            )
-          ),
-          annotationPropertiesSelectedEntities,
-          leftOfSearchBarItems: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, !readOnly2 && /* @__PURE__ */ React__default.createElement(ButtonGroup, { style: { marginTop: 3, marginRight: 4 } }, /* @__PURE__ */ React__default.createElement(
-            Tooltip,
-            {
-              position: "top",
-              modifiers: popoverOverflowModifiers,
-              content: "New"
-            },
-            /* @__PURE__ */ React__default.createElement(
-              AnchorButton,
-              {
-                disabled: !sequenceLength,
-                icon: "plus",
-                className: "tgNewAnnBtn",
-                onClick: /* @__PURE__ */ __name(() => {
-                  showAddOrEditAnnotationDialog({
-                    type: annotationType,
-                    annotation: pick$1(
-                      selectionLayer2,
-                      "start",
-                      "end",
-                      "forward"
-                    )
-                  });
-                }, "onClick")
-              }
-            )
-          ), /* @__PURE__ */ React__default.createElement(
-            Tooltip,
+      }),
+      [
+        additionalColumns,
+        allPartTags,
+        annotationVisibility2,
+        isProtein2,
+        keyedPartTags,
+        sequence2
+      ]
+    );
+    return /* @__PURE__ */ React__default.createElement(
+      WrappedDT,
+      {
+        topLeftItems: getVisFilter(
+          createCommandMenu(
+            isFunction$2(visSubmenu) ? visSubmenu(props) : visSubmenu,
+            cmds,
             {
-              position: "top",
-              modifiers: popoverOverflowModifiers,
-              content: "Edit"
-            },
-            /* @__PURE__ */ React__default.createElement(
-              AnchorButton,
-              {
-                onClick: /* @__PURE__ */ __name(() => {
-                  showAddOrEditAnnotationDialog({
-                    type: annotationType,
-                    annotation: annotationPropertiesSelectedEntities[0]
-                  });
-                }, "onClick"),
-                disabled: annotationPropertiesSelectedEntities.length !== 1,
-                icon: "edit"
-              }
-            )
-          ), ["feature"].includes(annotationType) && /* @__PURE__ */ React__default.createElement(
-            CmdButton,
+              useTicks: true
+            }
+          )
+        ),
+        annotationPropertiesSelectedEntities,
+        leftOfSearchBarItems: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, !readOnly2 && /* @__PURE__ */ React__default.createElement(ButtonGroup, { style: { marginTop: 3, marginRight: 4 } }, /* @__PURE__ */ React__default.createElement(
+          Tooltip,
+          {
+            position: "top",
+            modifiers: popoverOverflowModifiers,
+            content: "New"
+          },
+          /* @__PURE__ */ React__default.createElement(
+            AnchorButton,
             {
-              text: "",
-              icon: "cog",
-              "data-tip": "Configure Feature Types",
-              cmd: this.commands.onConfigureFeatureTypesClick
+              disabled: !sequenceLength,
+              icon: "plus",
+              className: "tgNewAnnBtn",
+              onClick: /* @__PURE__ */ __name(() => {
+                showAddOrEditAnnotationDialog({
+                  type: annotationType,
+                  annotation: pick$1(
+                    selectionLayer2,
+                    "start",
+                    "end",
+                    "forward"
+                  )
+                });
+              }, "onClick")
             }
-          ), ["part", "primer", "feature"].includes(annotationType) && /* @__PURE__ */ React__default.createElement(
-            CmdButton,
+          )
+        ), /* @__PURE__ */ React__default.createElement(
+          Tooltip,
+          {
+            position: "top",
+            modifiers: popoverOverflowModifiers,
+            content: "Edit"
+          },
+          /* @__PURE__ */ React__default.createElement(
+            AnchorButton,
             {
-              text: "",
-              icon: removeDuplicatesIcon,
-              "data-tip": "Remove Duplicates",
-              cmd: this.commands[`showRemoveDuplicatesDialog${annotationTypeUpper + "s"}`]
+              onClick: /* @__PURE__ */ __name(() => {
+                showAddOrEditAnnotationDialog({
+                  type: annotationType,
+                  annotation: annotationPropertiesSelectedEntities[0]
+                });
+              }, "onClick"),
+              disabled: annotationPropertiesSelectedEntities.length !== 1,
+              icon: "edit"
             }
-          ), additionalFooterEls && additionalFooterEls(this.props), /* @__PURE__ */ React__default.createElement(
-            Tooltip,
+          )
+        ), ["feature"].includes(annotationType) && /* @__PURE__ */ React__default.createElement(
+          CmdButton,
+          {
+            text: "",
+            icon: "cog",
+            "data-tip": "Configure Feature Types",
+            cmd: cmds.onConfigureFeatureTypesClick
+          }
+        ), ["part", "primer", "feature"].includes(annotationType) && /* @__PURE__ */ React__default.createElement(
+          CmdButton,
+          {
+            text: "",
+            icon: removeDuplicatesIcon,
+            "data-tip": "Remove Duplicates",
+            cmd: cmds[`showRemoveDuplicatesDialog${annotationTypeUpper + "s"}`]
+          }
+        ), additionalFooterEls && additionalFooterEls(props), /* @__PURE__ */ React__default.createElement(
+          Tooltip,
+          {
+            position: "top",
+            modifiers: popoverOverflowModifiers,
+            content: "Delete"
+          },
+          /* @__PURE__ */ React__default.createElement(
+            AnchorButton,
             {
-              position: "top",
-              modifiers: popoverOverflowModifiers,
-              content: "Delete"
-            },
-            /* @__PURE__ */ React__default.createElement(
-              AnchorButton,
-              {
-                onClick: /* @__PURE__ */ __name(() => {
-                  deleteAnnotation(annotationPropertiesSelectedEntities);
-                }, "onClick"),
-                className: "tgDeleteAnnsBtn",
-                intent: "danger",
-                disabled: !annotationPropertiesSelectedEntities.length,
-                icon: "trash"
-              }
-            )
-          ))),
-          onDoubleClick: /* @__PURE__ */ __name((annotation) => {
-            showAddOrEditAnnotationDialog({
-              type: annotationType,
-              annotation
-            });
-          }, "onDoubleClick"),
-          withCheckboxes: true,
-          showFeatureIndividual: this.props.showFeatureIndividual,
-          hideFeatureIndividual: this.props.hideFeatureIndividual,
-          showPartIndividual: this.props.showPartIndividual,
-          hidePartIndividual: this.props.hidePartIndividual,
-          showPrimerIndividual: this.props.showPrimerIndividual,
-          hidePrimerIndividual: this.props.hidePrimerIndividual,
-          annotationVisibility: annotationVisibility2,
-          featureLengthsToHide: this.props.featureLengthsToHide,
-          primerLengthsToHide: this.props.primerLengthsToHide,
-          partLengthsToHide: this.props.partLengthsToHide,
-          sequence: sequence2,
-          noPadding: true,
-          noFullscreenButton: true,
-          onRowSelect: this.onRowSelect,
-          selectedIds: selectedAnnotationId,
-          formName: "annotationProperties",
-          noRouter: true,
-          isProtein: isProtein2,
-          compact: true,
-          isInfinite: true,
-          withDisplayOptions: true,
-          schema: this.schema,
-          entities: annotationsToUse
-        }
-      );
-    }
-  };
-  __name(_AnnotationProperties, "AnnotationProperties");
-  let AnnotationProperties = _AnnotationProperties;
+              onClick: /* @__PURE__ */ __name(() => {
+                deleteAnnotation(annotationPropertiesSelectedEntities);
+              }, "onClick"),
+              className: "tgDeleteAnnsBtn",
+              intent: "danger",
+              disabled: !annotationPropertiesSelectedEntities.length,
+              icon: "trash"
+            }
+          )
+        ))),
+        onDoubleClick: /* @__PURE__ */ __name((annotation) => {
+          showAddOrEditAnnotationDialog({
+            type: annotationType,
+            annotation
+          });
+        }, "onDoubleClick"),
+        withCheckboxes: true,
+        showFeatureIndividual: props.showFeatureIndividual,
+        hideFeatureIndividual: props.hideFeatureIndividual,
+        showPartIndividual: props.showPartIndividual,
+        hidePartIndividual: props.hidePartIndividual,
+        showPrimerIndividual: props.showPrimerIndividual,
+        hidePrimerIndividual: props.hidePrimerIndividual,
+        annotationVisibility: annotationVisibility2,
+        featureLengthsToHide: props.featureLengthsToHide,
+        primerLengthsToHide: props.primerLengthsToHide,
+        partLengthsToHide: props.partLengthsToHide,
+        sequence: sequence2,
+        noPadding: true,
+        noFullscreenButton: true,
+        onRowSelect,
+        selectedIds: selectedAnnotationId,
+        formName: "annotationProperties",
+        noRouter: true,
+        isProtein: isProtein2,
+        compact: true,
+        isInfinite: true,
+        withDisplayOptions: true,
+        schema: schema2,
+        entities: annotationsToUse
+      }
+    );
+  }, "AnnotationProperties");
   return compose(
     connectToEditor(
       ({