@teselagen/ove 0.8.22 → 0.8.24

package/index.umd.js

@@ -44301,23 +44301,6 @@ ${latestSubscriptionCallbackError.current.stack}
     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$1(val1) && isFunction$1(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 = reactExports.useRef();
-    if (!isEqualIgnoreFunctions(value, ref2.current)) {
-      ref2.current = value;
-    }
-    return ref2.current;
-  }, "useDeepEqualMemo");
   function rowClick(e2, rowInfo, entities, {
     reduxFormSelectedEntityIdMap,
     isSingleSelect,
@@ -85601,6 +85584,33 @@ ${latestSubscriptionCallbackError.current.stack}
       $mobx
     });
   }
+  const isEqualIgnoreFunctions = /* @__PURE__ */ __name((o1, o2) => {
+    const isEq = isEqualWith(o1, o2, function(val1, val2) {
+      if (isFunction$1(val1) && isFunction$1(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 = reactExports.useRef();
+    if (!isEqualIgnoreFunctions(value, ref2.current)) {
+      ref2.current = value;
+    }
+    return ref2.current;
+  }, "useDeepEqualMemoIgnoreFns");
+  const useDeepEqualMemo = /* @__PURE__ */ __name((value) => {
+    const ref2 = reactExports.useRef();
+    if (!isEqual$3(value, ref2.current)) {
+      ref2.current = value;
+    }
+    return ref2.current;
+  }, "useDeepEqualMemo");
+  const useMemoDeepEqual = /* @__PURE__ */ __name((value, depsArray) => {
+    return reactExports.useMemo(value, useDeepEqualMemo(depsArray));
+  }, "useMemoDeepEqual");
   T$1();
   const IS_LINUX = window.navigator.platform.toLowerCase().search("linux") > -1;
   const itemSizeEstimators = {
@@ -85687,9 +85697,11 @@ ${latestSubscriptionCallbackError.current.stack}
         "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;
@@ -85764,7 +85776,7 @@ ${latestSubscriptionCallbackError.current.stack}
       const tmp = (urlConnected ? getCurrentParamsFromUrl(history.location) : reduxFormQueryParams) || {};
       return tmp;
     }, [history, reduxFormQueryParams, urlConnected]);
-    const currentParams = useDeepEqualMemo(_currentParams);
+    const currentParams = useDeepEqualMemoIgnoreFns(_currentParams);
     const tableParams = reactExports.useMemo(() => {
       if (!isTableParamsConnected) {
         const setNewParams2 = /* @__PURE__ */ __name((newParams) => {
@@ -85945,8 +85957,8 @@ ${latestSubscriptionCallbackError.current.stack}
       () => ((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);
     reactExports.useEffect(() => {
       change$12("allOrderedEntities", entitiesAcrossPages);
       if (entities.length === 0 || isEmpty$1(reduxFormSelectedEntityIdMap)) return;
@@ -90510,7 +90522,7 @@ ${latestSubscriptionCallbackError.current.stack}
         return (_b2 = (_a3 = state2.form) == null ? void 0 : _a3[dataTableForm]) == null ? void 0 : _b2.values.reduxFormEntities;
       }
     );
-    const reduxFormEntities = useDeepEqualMemo(_reduxFormEntities);
+    const reduxFormEntities = useDeepEqualMemoIgnoreFns(_reduxFormEntities);
     reactExports.useEffect(() => {
       return () => dispatch(destroy(dataTableForm));
     }, [dataTableForm, dispatch]);
@@ -90520,7 +90532,9 @@ ${latestSubscriptionCallbackError.current.stack}
         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 } = reactExports.useMemo(
       () => removeCleanRows(reduxFormEntities, reduxFormCellValidation),
       [reduxFormEntities, reduxFormCellValidation]
@@ -90605,8 +90619,10 @@ ${latestSubscriptionCallbackError.current.stack}
         "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.createElement(
@@ -90908,8 +90924,10 @@ ${latestSubscriptionCallbackError.current.stack}
         };
       }
     });
-    const reduxFormEntitiesArray = useDeepEqualMemo(_reduxFormEntitiesArray);
-    const finishedFiles = useDeepEqualMemo(_finishedFiles);
+    const reduxFormEntitiesArray = useDeepEqualMemoIgnoreFns(
+      _reduxFormEntitiesArray
+    );
+    const finishedFiles = useDeepEqualMemoIgnoreFns(_finishedFiles);
     const [hasSubmittedOuter, setSubmittedOuter] = reactExports.useState();
     const [steps, setSteps] = reactExports.useState(getInitialSteps(true));
     const [focusedTab, setFocusedTab] = reactExports.useState(0);
@@ -99408,12 +99426,21 @@ ${latestSubscriptionCallbackError.current.stack}
           }, RndProps),
           /* @__PURE__ */ React.createElement(
             Dialog,
-            __spreadValues({
+            __spreadProps(__spreadValues({
               enforceFocus: false,
               hasBackdrop: false,
               usePortal: false,
               canEscapeKeyClose: true
-            }, rest)
+            }, rest), {
+              title: /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: 8 } }, /* @__PURE__ */ React.createElement(
+                Icon,
+                {
+                  size: "14",
+                  "data-tip": "I'm a resizable draggable dialog!",
+                  icon: "move"
+                }
+              ), rest.title)
+            })
           )
         )
       );
@@ -102565,7 +102592,7 @@ ${latestSubscriptionCallbackError.current.stack}
     { 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" },
@@ -112704,7 +112731,10 @@ ${latestSubscriptionCallbackError.current.stack}
     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,
@@ -126234,6 +126264,10 @@ ${seq.sequence}
     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) {
@@ -126269,10 +126303,7 @@ ${seq.sequence}
           end: end2 * 3 + 2
         });
       });
-      return [
-        ...toReturn,
-        ...r2
-      ];
+      return [...toReturn, ...r2];
     }
     if (dnaOrAA === "DNA" && ambiguousOrLiteral === "LITERAL" && mismatchesAllowed > 0) {
       const approxMatches = findApproxMatches(
@@ -126290,9 +126321,12 @@ ${seq.sequence}
         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,
@@ -126302,11 +126336,14 @@ ${seq.sequence}
     }).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(
@@ -126319,7 +126356,10 @@ ${seq.sequence}
     (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(
@@ -145035,7 +145075,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
     input.click();
   }
   __name(showFileDialog, "showFileDialog");
-  const version = "0.8.21";
+  const version = "0.8.23";
   const packageJson = {
     version
   };
@@ -170396,12 +170436,29 @@ ${seqDataToCopy}\r
     additionalFooterEls
   }) => {
     const annotationTypeUpper = upperFirst(annotationType);
-    const _AnnotationProperties = class _AnnotationProperties extends React.Component {
-      constructor(props) {
-        super(props);
-        __publicField(this, "onRowSelect", /* @__PURE__ */ __name(([record]) => {
+    const AnnotationProperties = /* @__PURE__ */ __name((props) => {
+      var _a2, _b2, _c2;
+      const {
+        readOnly: readOnly2,
+        annotations = {},
+        annotationVisibility: annotationVisibility2,
+        sequenceLength,
+        selectionLayer: selectionLayer2,
+        sequence: sequence2,
+        isProtein: isProtein2,
+        allPartTags,
+        annotationPropertiesSelectedEntities: _annotationPropertiesSelectedEntities,
+        selectedAnnotationId,
+        PropertiesProps,
+        dispatch,
+        editorName
+      } = props;
+      const instanceRef = React.useRef({ props });
+      instanceRef.current.props = props;
+      const cmds = React.useMemo(() => getCommands(instanceRef.current), []);
+      const onRowSelect = React.useCallback(
+        ([record]) => {
           if (!record) return;
-          const { dispatch, editorName } = this.props;
           dispatch({
             type: "SELECTION_LAYER_UPDATE",
             payload: record,
@@ -170409,44 +170466,33 @@ ${seqDataToCopy}\r
               editorName
             }
           });
-        }, "onRowSelect"));
-        this.commands = getCommands(this);
-      }
-      render() {
-        var _a2, _b2, _c2;
-        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.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 = ((_c2 = (_b2 = PropertiesProps == null ? void 0 : PropertiesProps.propertiesList) == null ? void 0 : _b2.find(
-          (p2) => (p2.name || p2) === (pluralize(annotationType) || "")
-        )) == null ? void 0 : _c2.additionalColumns) || [];
-        this.schema = {
+        }),
+        [annotations, sequenceLength]
+      );
+      const keyedPartTags = (_a2 = getKeyedTagsAndTagOptions(allPartTags)) != null ? _a2 : {};
+      const additionalColumns = ((_c2 = (_b2 = PropertiesProps == null ? void 0 : PropertiesProps.propertiesList) == null ? void 0 : _b2.find(
+        (p2) => (p2.name || p2) === (pluralize(annotationType) || "")
+      )) == null ? void 0 : _c2.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.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
                   Icon,
                   {
@@ -170455,9 +170501,9 @@ ${seqDataToCopy}\r
                       e2.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: {
@@ -170478,7 +170524,7 @@ ${seqDataToCopy}\r
                 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);
                     }
@@ -170503,8 +170549,8 @@ ${seqDataToCopy}\r
                 }, "render")
               }
             ],
-            sizeSchema(this.props.isProtein),
-            ...withTags && this.props.allPartTags ? [
+            sizeSchema(isProtein2),
+            ...withTags && allPartTags ? [
               {
                 path: "tags",
                 type: "string",
@@ -170528,138 +170574,144 @@ ${seqDataToCopy}\r
             { path: "strand", type: "number" },
             ...additionalColumns
           ]
-        };
-        return /* @__PURE__ */ React.createElement(
-          WrappedDT,
-          {
-            topLeftItems: getVisFilter(
-              createCommandMenu(
-                isFunction$1(visSubmenu) ? visSubmenu(this.props) : visSubmenu,
-                this.commands,
-                {
-                  useTicks: true
-                }
-              )
-            ),
-            annotationPropertiesSelectedEntities,
-            leftOfSearchBarItems: /* @__PURE__ */ React.createElement(React.Fragment, null, !readOnly2 && /* @__PURE__ */ React.createElement(ButtonGroup, { style: { marginTop: 3, marginRight: 4 } }, /* @__PURE__ */ React.createElement(
-              Tooltip,
-              {
-                position: "top",
-                modifiers: popoverOverflowModifiers,
-                content: "New"
-              },
-              /* @__PURE__ */ React.createElement(
-                AnchorButton,
-                {
-                  disabled: !sequenceLength,
-                  icon: "plus",
-                  className: "tgNewAnnBtn",
-                  onClick: /* @__PURE__ */ __name(() => {
-                    showAddOrEditAnnotationDialog({
-                      type: annotationType,
-                      annotation: pick$1(
-                        selectionLayer2,
-                        "start",
-                        "end",
-                        "forward"
-                      )
-                    });
-                  }, "onClick")
-                }
-              )
-            ), /* @__PURE__ */ React.createElement(
-              Tooltip,
+        }),
+        [
+          additionalColumns,
+          allPartTags,
+          annotationVisibility2,
+          isProtein2,
+          keyedPartTags,
+          sequence2
+        ]
+      );
+      return /* @__PURE__ */ React.createElement(
+        WrappedDT,
+        {
+          topLeftItems: getVisFilter(
+            createCommandMenu(
+              isFunction$1(visSubmenu) ? visSubmenu(props) : visSubmenu,
+              cmds,
               {
-                position: "top",
-                modifiers: popoverOverflowModifiers,
-                content: "Edit"
-              },
-              /* @__PURE__ */ React.createElement(
-                AnchorButton,
-                {
-                  onClick: /* @__PURE__ */ __name(() => {
-                    showAddOrEditAnnotationDialog({
-                      type: annotationType,
-                      annotation: annotationPropertiesSelectedEntities[0]
-                    });
-                  }, "onClick"),
-                  disabled: annotationPropertiesSelectedEntities.length !== 1,
-                  icon: "edit"
-                }
-              )
-            ), ["feature"].includes(annotationType) && /* @__PURE__ */ React.createElement(
-              CmdButton,
+                useTicks: true
+              }
+            )
+          ),
+          annotationPropertiesSelectedEntities,
+          leftOfSearchBarItems: /* @__PURE__ */ React.createElement(React.Fragment, null, !readOnly2 && /* @__PURE__ */ React.createElement(ButtonGroup, { style: { marginTop: 3, marginRight: 4 } }, /* @__PURE__ */ React.createElement(
+            Tooltip,
+            {
+              position: "top",
+              modifiers: popoverOverflowModifiers,
+              content: "New"
+            },
+            /* @__PURE__ */ React.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.createElement(
-              CmdButton,
+            )
+          ), /* @__PURE__ */ React.createElement(
+            Tooltip,
+            {
+              position: "top",
+              modifiers: popoverOverflowModifiers,
+              content: "Edit"
+            },
+            /* @__PURE__ */ React.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.createElement(
-              Tooltip,
+            )
+          ), ["feature"].includes(annotationType) && /* @__PURE__ */ React.createElement(
+            CmdButton,
+            {
+              text: "",
+              icon: "cog",
+              "data-tip": "Configure Feature Types",
+              cmd: cmds.onConfigureFeatureTypesClick
+            }
+          ), ["part", "primer", "feature"].includes(annotationType) && /* @__PURE__ */ React.createElement(
+            CmdButton,
+            {
+              text: "",
+              icon: removeDuplicatesIcon,
+              "data-tip": "Remove Duplicates",
+              cmd: cmds[`showRemoveDuplicatesDialog${annotationTypeUpper + "s"}`]
+            }
+          ), additionalFooterEls && additionalFooterEls(props), /* @__PURE__ */ React.createElement(
+            Tooltip,
+            {
+              position: "top",
+              modifiers: popoverOverflowModifiers,
+              content: "Delete"
+            },
+            /* @__PURE__ */ React.createElement(
+              AnchorButton,
               {
-                position: "top",
-                modifiers: popoverOverflowModifiers,
-                content: "Delete"
-              },
-              /* @__PURE__ */ React.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(
         ({