@teselagen/ove 0.8.6 → 0.8.8

package/index.es.js

@@ -55,7 +55,7 @@ var __async = (__this, __arguments, generator) => {
 };
 var _C, _D, _G, _J, _K, _R;
 import { Icon, Classes, Button, Intent, MenuItem, Keys, Tag, Popover, Tooltip, Spinner, Checkbox, Switch, Position, FormGroup, InputGroup, TextArea, EditableText, NumericInput, RadioGroup, Menu, Toaster, MenuDivider, KeyCombo, ContextMenu, useHotkeys, Callout, Dialog, Card, Tabs, Tab, Colors, HTMLSelect, AnchorButton, Slider as Slider$1, ButtonGroup, Label, ResizeSensor, FocusStyleManager } from "@blueprintjs/core";
-import * as React$1 from "react";
+import * as React from "react";
 import React__default, { useState, useEffect, forwardRef as forwardRef$2, useImperativeHandle, Fragment, useMemo as useMemo$1, useRef, useReducer, useCallback as useCallback$1, createElement, Component, useLayoutEffect as useLayoutEffect$1, createContext as createContext$1, memo, useContext, isValidElement, PureComponent } from "react";
 import { formValueSelector, initialize, change, Field, reduxForm, SubmissionError, destroy as destroy$1, touch, FormName, reducer as reducer$4, getFormValues, FieldArray } from "redux-form";
 import ReactDOM, { unstable_batchedUpdates, createPortal, flushSync, render as render$2, findDOMNode, unmountComponentAtNode } from "react-dom";
@@ -30424,19 +30424,19 @@ function dequal(foo, bar) {
 }
 __name(dequal, "dequal");
 function useDeepCompareMemoize(value) {
-  var ref2 = React$1.useRef(value);
-  var signalRef = React$1.useRef(0);
+  var ref2 = React.useRef(value);
+  var signalRef = React.useRef(0);
   if (!dequal(value, ref2.current)) {
     ref2.current = value;
     signalRef.current += 1;
   }
-  return React$1.useMemo(function() {
+  return React.useMemo(function() {
     return ref2.current;
   }, [signalRef.current]);
 }
 __name(useDeepCompareMemoize, "useDeepCompareMemoize");
 function useDeepCompareEffect(callback2, dependencies) {
-  return React$1.useEffect(callback2, useDeepCompareMemoize(dependencies));
+  return React.useEffect(callback2, useDeepCompareMemoize(dependencies));
 }
 __name(useDeepCompareEffect, "useDeepCompareEffect");
 var fuzzysearch_1;
@@ -34460,7 +34460,7 @@ const DraggableColumnOptions = /* @__PURE__ */ __name(({
     )
   );
 }, "DraggableColumnOptions");
-const dragNoticeEl = /* @__PURE__ */ React.createElement(
+const dragNoticeEl = /* @__PURE__ */ React__default.createElement(
   "div",
   {
     className: Classes.TEXT_MUTED,
@@ -34469,7 +34469,7 @@ const dragNoticeEl = /* @__PURE__ */ React.createElement(
       fontSize: "12px"
     }
   },
-  /* @__PURE__ */ React.createElement(Icon, { icon: "info-sign", size: 12 }),
+  /* @__PURE__ */ React__default.createElement(Icon, { icon: "info-sign", size: 12 }),
   " Drag columns to reorder them"
 );
 const DisplayOptions = /* @__PURE__ */ __name(({
@@ -68857,10 +68857,10 @@ var Resizer = (
     }
     __name(Resizer2, "Resizer");
     Resizer2.prototype.render = function() {
-      return React$1.createElement("div", { className: this.props.className || "", style: __assign$2(__assign$2({ position: "absolute", userSelect: "none" }, styles[this.props.direction]), this.props.replaceStyles || {}), onMouseDown: this.onMouseDown, onTouchStart: this.onTouchStart }, this.props.children);
+      return React.createElement("div", { className: this.props.className || "", style: __assign$2(__assign$2({ position: "absolute", userSelect: "none" }, styles[this.props.direction]), this.props.replaceStyles || {}), onMouseDown: this.onMouseDown, onTouchStart: this.onTouchStart }, this.props.children);
     };
     return Resizer2;
-  }(React$1.PureComponent)
+  }(React.PureComponent)
 );
 var src = { exports: {} };
 var hasRequiredSrc;
@@ -69637,11 +69637,11 @@ var Resizable = (
       }
       var resizers = Object.keys(enable).map(function(dir) {
         if (enable[dir] !== false) {
-          return React$1.createElement(Resizer, { key: dir, direction: dir, onResizeStart: _this.onResizeStart, replaceStyles: handleStyles && handleStyles[dir], className: handleClasses && handleClasses[dir] }, handleComponent && handleComponent[dir] ? handleComponent[dir] : null);
+          return React.createElement(Resizer, { key: dir, direction: dir, onResizeStart: _this.onResizeStart, replaceStyles: handleStyles && handleStyles[dir], className: handleClasses && handleClasses[dir] }, handleComponent && handleComponent[dir] ? handleComponent[dir] : null);
         }
         return null;
       });
-      return React$1.createElement("div", { className: handleWrapperClass, style: handleWrapperStyle }, resizers);
+      return React.createElement("div", { className: handleWrapperClass, style: handleWrapperStyle }, resizers);
     };
     Resizable2.prototype.render = function() {
       var _this = this;
@@ -69657,10 +69657,10 @@ var Resizable = (
         style2.flexBasis = this.state.flexBasis;
       }
       var Wrapper = this.props.as || "div";
-      return React$1.createElement(
+      return React.createElement(
         Wrapper,
         __assign$1({ ref: this.ref, style: style2, className: this.props.className }, extendsProps),
-        this.state.isResizing && React$1.createElement("div", { style: this.state.backgroundStyle }),
+        this.state.isResizing && React.createElement("div", { style: this.state.backgroundStyle }),
         this.props.children,
         this.renderResizer()
       );
@@ -69693,7 +69693,7 @@ var Resizable = (
       snapGap: 0
     };
     return Resizable2;
-  }(React$1.PureComponent)
+  }(React.PureComponent)
 );
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation. All rights reserved.
@@ -95192,7 +95192,7 @@ const togglePanelFullScreen = createMetaAction("togglePanelFullScreen");
 const collapsePanel = createMetaAction("collapsePanel");
 const closePanel = createMetaAction("closePanel");
 const _collapseSplitScreen = createMetaAction("_collapseSplitScreen");
-const setPanelAsActive = createMetaAction("setPanelAsActive");
+const setPanelAsActive = createMetaAction("SET_PANEL_AS_ACTIVE");
 const flipActiveTabFromLinearOrCircularIfNecessary = createMetaAction(
   "flipActiveTabFromLinearOrCircularIfNecessary"
 );
@@ -99706,7 +99706,8 @@ function mapDispatchToActions(dispatch, ownProps) {
     editorName,
     actions,
     actionOverrides,
-    dispatch
+    dispatch,
+    ownProps
   );
   const updateSel = ownProps.selectionLayerUpdate || actionsToPass.selectionLayerUpdate;
   const updateCar = ownProps.caretPositionUpdate || actionsToPass.caretPositionUpdate;
@@ -99734,7 +99735,7 @@ function fakeActionOverrides() {
   return defaultOverrides;
 }
 __name(fakeActionOverrides, "fakeActionOverrides");
-function getCombinedActions(editorName, actions2, actionOverrides, dispatch) {
+function getCombinedActions(editorName, actions2, actionOverrides, dispatch, ownProps) {
   const meta = { editorName };
   let metaActions = addMetaToActionCreators(actions2, meta);
   const overrides = {};
@@ -99759,6 +99760,21 @@ function getCombinedActions(editorName, actions2, actionOverrides, dispatch) {
     }, "redo")
   }, metaActions), overrides);
   const actionsToPass = __spreadValues({}, metaActions);
+  function addGenericHook(hookName) {
+    const oldHook = actionsToPass[hookName];
+    actionsToPass[hookName] = (...args) => {
+      const toRet = oldHook(...args);
+      const newHookName = `on_${hookName}`;
+      if (ownProps[newHookName]) {
+        setTimeout(() => {
+          ownProps[newHookName](...args);
+        }, 0);
+      }
+      return toRet;
+    };
+  }
+  __name(addGenericHook, "addGenericHook");
+  ["setPanelAsActive", "propertiesViewTabUpdate"].forEach(addGenericHook);
   return bindActionCreators(actionsToPass, dispatch);
 }
 __name(getCombinedActions, "getCombinedActions");
@@ -116593,7 +116609,7 @@ function showFileDialog({ multiple = false, onSelect }) {
   input.click();
 }
 __name(showFileDialog, "showFileDialog");
-const version = "0.8.5";
+const version = "0.8.7";
 const packageJson = {
   version
 };
@@ -123895,9 +123911,9 @@ function BarPlot({
   if (!data || data.length === 0) return null;
   const maxVal = Math.max(...data);
   const barWidth = width / data.length;
-  return /* @__PURE__ */ React.createElement("svg", { width, height, className }, data.map((val2, i) => {
+  return /* @__PURE__ */ React__default.createElement("svg", { width, height, className }, data.map((val2, i) => {
     const barHeight = val2 / maxVal * (height - 2);
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React__default.createElement(
       "rect",
       {
         "data-tip": `${val2 == null ? void 0 : val2.toFixed(1)}%`,
@@ -123910,7 +123926,7 @@ function BarPlot({
         rx: 2
       }
     );
-  }), /* @__PURE__ */ React.createElement(
+  }), /* @__PURE__ */ React__default.createElement(
     "line",
     {
       x1: 1,
@@ -123921,7 +123937,7 @@ function BarPlot({
       strokeDasharray: "4,2",
       strokeWidth: 1
     }
-  ), /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ React__default.createElement(
     "line",
     {
       x1: 0,
@@ -123943,7 +123959,7 @@ function AminoAcidCirclePlot({ data, width, className }) {
   const maxRadius = spacing / 2 - 2 > 0 ? spacing / 2 - 2 : 8;
   const radius = Math.max(8, Math.min(maxRadius, 20));
   const svgHeight = radius * 2 + 10;
-  return /* @__PURE__ */ React.createElement("svg", { width, height: svgHeight, className }, data.map((d2, idx) => /* @__PURE__ */ React.createElement("g", { key: idx }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement("svg", { width, height: svgHeight, className }, data.map((d2, idx) => /* @__PURE__ */ React__default.createElement("g", { key: idx }, /* @__PURE__ */ React__default.createElement(
     "circle",
     {
       "data-tip": d2.group,
@@ -142356,6 +142372,8 @@ const userDefinedHandlersAndOpts = [
   "allowPrimerBasesToBeEdited",
   "truncateLabelsThatDoNotFit",
   "smartCircViewLabelRender",
+  "on_setPanelAsActive",
+  "on_propertiesViewTabUpdate",
   "onConfigureFeatureTypesClick",
   "allPartTags",
   "bpLimit",
@@ -144409,6 +144427,19 @@ const PropertiesDialog = /* @__PURE__ */ __name((props) => {
   if (propertiesList.map((nameOrOverride) => nameOrOverride.name || nameOrOverride).indexOf(tabId) === -1) {
     tabId = propertiesList[0].name || propertiesList[0];
   }
+  const getAnnotationCount = /* @__PURE__ */ __name((name2) => {
+    const annotations = props[name2] || props.sequenceData[name2];
+    let count2;
+    if (Array.isArray(annotations)) {
+      count2 = annotations.length;
+    } else if (annotations && typeof annotations === "object") {
+      count2 = Object.keys(annotations).length;
+    }
+    if (isNumber$2(count2)) {
+      return /* @__PURE__ */ React__default.createElement(Tag, { className: "tg-smallTag", round: true, style: { marginLeft: 1 } }, count2);
+    }
+    return null;
+  }, "getAnnotationCount");
   const propertiesTabs = flatMap(propertiesList, (nameOrOverride) => {
     if (annotationsToSupport2[nameOrOverride] === false) {
       return [];
@@ -144420,12 +144451,16 @@ const PropertiesDialog = /* @__PURE__ */ __name((props) => {
         return null;
       }
     }
-    const title = (() => {
+    const count2 = getAnnotationCount(name2);
+    let title = (() => {
       if (nameOrOverride.Comp) return name2;
       if (name2 === "orfs") return "ORFs";
       if (name2 === "cutsites") return "Cut Sites";
       return startCase(name2);
     })();
+    if (count2) {
+      title = /* @__PURE__ */ React__default.createElement("div", { style: { display: "flex", alignItems: "center" } }, title, count2);
+    }
     return /* @__PURE__ */ React__default.createElement(
       Tab,
       {
@@ -144485,11 +144520,7 @@ const PropertiesDialog = /* @__PURE__ */ __name((props) => {
     )
   );
 }, "PropertiesDialog");
-const Properties = compose$1(
-  connectToEditor(({ propertiesTool: propertiesTool2, annotationsToSupport: annotationsToSupport2 }) => {
-    return { propertiesTool: propertiesTool2, annotationsToSupport: annotationsToSupport2 };
-  })
-)(PropertiesDialog);
+const PropertiesDialog$1 = withEditorProps(PropertiesDialog);
 const useLadders = /* @__PURE__ */ __name(() => {
   return useLocalStorageState("tg-additional-ladder", { defaultValue: [] });
 }, "useLadders");
@@ -145391,7 +145422,7 @@ const _panelMap = {
   digestTool: DigestTool$1,
   pcrTool: PCRTool$1,
   properties: {
-    comp: Properties,
+    comp: PropertiesDialog$1,
     panelSpecificProps: ["PropertiesProps"]
   },
   mismatches: Mismatches$1