@teselagen/ove 0.3.51 → 0.3.52

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ove",
-  "version": "0.3.51",
+  "version": "0.3.52",
   "main": "./src/index.js",
   "exports": {
     ".": {
@@ -15,7 +15,7 @@
   "dependencies": {
     "@teselagen/sequence-utils": "0.3.12",
     "@teselagen/range-utils": "0.3.7",
-    "@teselagen/ui": "0.3.38",
+    "@teselagen/ui": "0.3.41",
     "@teselagen/file-utils": "0.3.9",
     "@teselagen/bounce-loader": "0.3.11",
     "@teselagen/bio-parsers": "0.4.5",
@@ -23,11 +23,10 @@
     "@blueprintjs/datetime": "3.23.19",
     "@blueprintjs/icons": "3.33.0",
     "@blueprintjs/select": "3.18.11",
-    "@fontsource/ubuntu-mono": "^4.5.11",
     "@hello-pangea/dnd": "16.2.0",
     "@risingstack/react-easy-state": "^6.3.0",
     "@teselagen/react-list": "0.8.18",
-    "@teselagen/react-table": "6.10.13",
+    "@teselagen/react-table": "6.10.16",
     "@use-gesture/react": "^10.2.23",
     "axios": "^0.21.1",
     "bluebird": "3.7.2",

package/src/DigestTool/Ladder.js

@@ -1,7 +1,6 @@
 /* eslint-disable react/jsx-no-bind */
 import React, { useState } from "react";
 import { showConfirmationDialog, TgSelect } from "@teselagen/ui";
-import html2canvas from "html2canvas";
 
 import "./Ladder.css";
 import { Button, Tooltip } from "@blueprintjs/core";
@@ -123,18 +122,19 @@ export default function Ladder({
             icon="duplicate"
             minimal
             style={{ position: "absolute", top: 5, right: 5, color: "white" }}
-            onClick={() => {
+            onClick={async () => {
               try {
-                html2canvas(
-                  document.querySelector(".ve-digest-container")
-                ).then(canvas => {
-                  canvas.toBlob(blob =>
-                    navigator.clipboard.write([
-                      new window.ClipboardItem({ "image/png": blob })
-                    ])
-                  );
-                  window.toastr.success("Image copied to clipboard!");
-                });
+                const canvas = await import("html2canvas");
+                canvas.default(document.querySelector(".ve-digest-container")).then(
+                  canvas => {
+                    canvas.toBlob(blob =>
+                      navigator.clipboard.write([
+                        new window.ClipboardItem({ "image/png": blob })
+                      ])
+                    );
+                    window.toastr.success("Image copied to clipboard!");
+                  }
+                );
               } catch (e) {
                 window.toastr.error(
                   "Error copying the image, try just taking a screenshot instead ;)"

package/src/index.js

@@ -1,4 +1,3 @@
-import "@fontsource/ubuntu-mono";
 import { FocusStyleManager } from "@blueprintjs/core";
 import { showContextMenu } from "@teselagen/ui";
 import "./createVectorEditor";

package/src/style.css

@@ -1,6 +1,6 @@
 .ve-monospace-font {
-  font-family: "Ubuntu Mono", "Lucida Console", Monaco, monospace;
-  font-size: 12px;
+  font-family: Monaco, monospace;
+  font-size: 11px;
 }
 .rowViewTextContainer text {
   user-select: none;

package/src/withEditorInteractions/index.js

@@ -314,7 +314,10 @@ function VectorInteractionHOC(Component /* options */) {
         this.handleDnaDelete(false);
         onCut(
           e,
-          tidyUpSequenceData(seqData, { doNotRemoveInvalidChars: true,annotationsAsObjects: true }),
+          tidyUpSequenceData(seqData, {
+            doNotRemoveInvalidChars: true,
+            annotationsAsObjects: true
+          }),
           this.props
         );
         document.body.removeEventListener("cut", this.handleCut);

package/src/withEditorProps/index.js

@@ -160,7 +160,10 @@ export const handleSave =
       saveHandler &&
       saveHandler(
         opts,
-        tidyUpSequenceData(sequenceData, { doNotRemoveInvalidChars: true,annotationsAsObjects: true }),
+        tidyUpSequenceData(sequenceData, {
+          doNotRemoveInvalidChars: true,
+          annotationsAsObjects: true
+        }),
         props,
         updateLastSavedIdToCurrent
       );
@@ -869,7 +872,10 @@ function jsonToJson(incomingJson) {
   return JSON.stringify(
     omit(
       cleanUpTeselagenJsonForExport(
-        tidyUpSequenceData(incomingJson, { doNotRemoveInvalidChars: true,annotationsAsObjects: false })
+        tidyUpSequenceData(incomingJson, {
+          doNotRemoveInvalidChars: true,
+          annotationsAsObjects: false
+        })
       ),
       [
         "sequenceFragments",