@teselagen/ove 0.3.7 → 0.3.9

package/index.umd.js

@@ -114214,6 +114214,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 +188642,24 @@ double click --> edit`}`;
   }
 
   const name = "@teselagen/ove";
-  const version = "0.3.6";
+  const version = "0.3.8";
   const main = "./src/index.js";
+  const exports$1 = {
+  	".": {
+  		"import": "./index.mjs",
+  		require: "./index.js"
+  	},
+  	"./style.css": "./style.css"
+  };
+  const volta = {
+  	node: "16.20.2"
+  };
   const packageJson = {
   	name: name,
   	version: version,
-  	main: main
+  	main: main,
+  	exports: exports$1,
+  	volta: volta
   };
 
   const PartTagSearch = withEditorProps(PartToolDropdown);
@@ -207274,8 +207288,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 +207301,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,17 @@
 {
   "name": "@teselagen/ove",
-  "version": "0.3.7",
+  "version": "0.3.9",
   "main": "./src/index.js",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    },
+    "./style.css": "./style.css"
+  },
+  "volta": {
+    "node": "16.20.2"
+  },
   "dependencies": {
     "@teselagen/sequence-utils": "0.3.7",
     "@teselagen/range-utils": "0.3.7",
@@ -34,8 +44,8 @@
     "dom-to-image": "^2.6.0",
     "downloadjs": "^1.4.7",
     "escape-string-regexp": "1.0.5",
-    "fast-xml-parser": "4.2.5",
-    "fflate": "0.7.4",
+    "fast-xml-parser": "4.2.7",
+    "fflate": "0.8.0",
     "file-saver": "^2.0.5",
     "fuse.js": "^6.6.2",
     "fuzzysearch": "^1.0.3",

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 }),