@teselagen/ove 0.3.7 → 0.3.8

package/index.umd.js

@@ -57318,11 +57318,11 @@
   ).split(',');
 
   // 19.1.2.14 / 15.2.3.14 Object.keys(O)
-  var $keys$3 = _objectKeysInternal;
+  var $keys$2 = _objectKeysInternal;
   var enumBugKeys$1 = _enumBugKeys;
 
   var _objectKeys = Object.keys || function keys(O) {
-    return $keys$3(O, enumBugKeys$1);
+    return $keys$2(O, enumBugKeys$1);
   };
 
   var _objectGops = {};
@@ -58094,17 +58094,24 @@
 
   var _objectGopn = {};
 
-  // 19.1.2.7 / 15.2.3.4 Object.getOwnPropertyNames(O)
-  var $keys$2 = _objectKeysInternal;
-  var hiddenKeys = _enumBugKeys.concat('length', 'prototype');
+  var hasRequired_objectGopn;
 
-  _objectGopn.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
-    return $keys$2(O, hiddenKeys);
-  };
+  function require_objectGopn () {
+  	if (hasRequired_objectGopn) return _objectGopn;
+  	hasRequired_objectGopn = 1;
+  	// 19.1.2.7 / 15.2.3.4 Object.getOwnPropertyNames(O)
+  	var $keys = _objectKeysInternal;
+  	var hiddenKeys = _enumBugKeys.concat('length', 'prototype');
+
+  	_objectGopn.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
+  	  return $keys(O, hiddenKeys);
+  	};
+  	return _objectGopn;
+  }
 
   // fallback for IE11 buggy Object.getOwnPropertyNames with iframe and window
   var toIObject$2 = _toIobject;
-  var gOPN$1 = _objectGopn.f;
+  var gOPN$1 = require_objectGopn().f;
   var toString$3 = {}.toString;
 
   var windowNames = typeof window == 'object' && window && Object.getOwnPropertyNames
@@ -58291,7 +58298,7 @@
 
     $GOPD.f = $getOwnPropertyDescriptor;
     $DP.f = $defineProperty;
-    _objectGopn.f = gOPNExt.f = $getOwnPropertyNames;
+    require_objectGopn().f = gOPNExt.f = $getOwnPropertyNames;
     require_objectPie().f = $propertyIsEnumerable;
     $GOPS.f = $getOwnPropertySymbols;
 
@@ -114214,6 +114221,8 @@
       const selectedTr = table.querySelector(
         `.rt-tr-group.with-row-data[data-test-id="${rowId}"]`
       );
+      if (!selectedTr)
+        return;
       const selectedIndex = selectedTr.dataset.index;
       if (selectedTr && trs.length) {
         let updateScrollIfNecessary = function() {
@@ -188640,12 +188649,16 @@ double click --> edit`}`;
   }
 
   const name = "@teselagen/ove";
-  const version = "0.3.6";
+  const version = "0.3.7";
   const main = "./src/index.js";
+  const volta = {
+  	node: "16.20.2"
+  };
   const packageJson = {
   	name: name,
   	version: version,
-  	main: main
+  	main: main,
+  	volta: volta
   };
 
   const PartTagSearch = withEditorProps(PartToolDropdown);
@@ -207274,8 +207287,11 @@ ${seqDataToCopy}\r
       disableSetReadOnly,
       onChangeEditLock
     }) => {
+      const [isLoading, setIsLoading] = reactExports.useState(false);
       const readOnlyTooltip = ({ readOnly: readOnly2, disableSetReadOnly: disableSetReadOnly2 }) => {
-        if (disableSetReadOnly2) {
+        if (isLoading) {
+          return "Loading...";
+        } else if (disableSetReadOnly2) {
           return "You do not have permission to edit locks on this sequence";
         }
         return readOnly2 ? "Click to enable editing" : "Click to disable editing";
@@ -207284,11 +207300,14 @@ ${seqDataToCopy}\r
         ToolbarItem$1,
         {
           ...{
-            disabled: disableSetReadOnly,
+            disabled: isLoading || disableSetReadOnly,
             Icon: /* @__PURE__ */ React$3.createElement(Icon, { icon: readOnly ? "lock" : "unlock" }),
-            onIconClick: () => {
-              if (onChangeEditLock)
-                onChangeEditLock(!readOnly);
+            onIconClick: async () => {
+              if (onChangeEditLock) {
+                setIsLoading(true);
+                await onChangeEditLock(!readOnly);
+                setIsLoading(false);
+              }
               toggleReadOnlyMode();
             },
             tooltip: readOnlyTooltip({ readOnly, disableSetReadOnly }),

package/package.json

@@ -1,7 +1,10 @@
 {
   "name": "@teselagen/ove",
-  "version": "0.3.7",
+  "version": "0.3.8",
   "main": "./src/index.js",
+  "volta": {
+    "node": "16.20.2"
+  },
   "dependencies": {
     "@teselagen/sequence-utils": "0.3.7",
     "@teselagen/range-utils": "0.3.7",

package/src/ToolBar/ToolbarItem.js

@@ -187,8 +187,6 @@ class ToolbarItem extends React.Component {
   }
 }
 
-
-
 export default connectToEditor(({ toolBar = {} }, { toolName }) => ({
   isOpen: toolBar.openItem === toolName
 }))(ToolbarItem);

package/src/ToolBar/editTool.js

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useState } from "react";
 import { Icon } from "@blueprintjs/core";
 import ToolbarItem from "./ToolbarItem";
 import { connectToEditor } from "../withEditorProps";
@@ -15,8 +15,11 @@ export default connectToEditor((editorState) => {
     disableSetReadOnly,
     onChangeEditLock
   }) => {
+    const [isLoading, setIsLoading] = useState(false);
     const readOnlyTooltip = ({ readOnly, disableSetReadOnly }) => {
-      if (disableSetReadOnly) {
+      if (isLoading) {
+        return "Loading...";
+      } else if (disableSetReadOnly) {
         return "You do not have permission to edit locks on this sequence";
       }
       return readOnly ? "Click to enable editing" : "Click to disable editing";
@@ -24,10 +27,14 @@ export default connectToEditor((editorState) => {
     return (
       <ToolbarItem
         {...{
-          disabled: disableSetReadOnly,
+          disabled: isLoading || disableSetReadOnly,
           Icon: <Icon icon={readOnly ? "lock" : "unlock"} />,
-          onIconClick: () => {
-            if (onChangeEditLock) onChangeEditLock(!readOnly);
+          onIconClick: async () => {
+            if (onChangeEditLock) {
+              setIsLoading(true);
+              await onChangeEditLock(!readOnly);
+              setIsLoading(false);
+            }
             toggleReadOnlyMode();
           },
           tooltip: readOnlyTooltip({ readOnly, disableSetReadOnly }),