@teselagen/ove 0.3.51 → 0.3.53

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ove",
-  "version": "0.3.51",
+  "version": "0.3.53",
   "main": "./src/index.js",
   "exports": {
     ".": {
@@ -15,19 +15,18 @@
   "dependencies": {
     "@teselagen/sequence-utils": "0.3.12",
     "@teselagen/range-utils": "0.3.7",
-    "@teselagen/ui": "0.3.38",
+    "@teselagen/ui": "0.3.42",
     "@teselagen/file-utils": "0.3.9",
     "@teselagen/bounce-loader": "0.3.11",
-    "@teselagen/bio-parsers": "0.4.5",
+    "@teselagen/bio-parsers": "0.4.6",
     "@blueprintjs/core": "3.52.0",
     "@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/utils/onlyUpdateForKeysDeep.js

@@ -1,6 +1,6 @@
 import { pick } from "lodash";
 import { shouldUpdate } from "recompose";
-import _ from "lodash";
+import { isEqualWith, isFunction } from "lodash";
 
 // import deepEqual from "deep-equal";
 
@@ -22,8 +22,8 @@ const onlyUpdateForKeys = propKeys => {
 export default onlyUpdateForKeys;
 
 const isEq = (o1, o2) => {
-  const isEq = _.isEqualWith(o1, o2, function (val1, val2) {
-    if (_.isFunction(val1) && _.isFunction(val2)) {
+  const isEq = isEqualWith(o1, o2, function (val1, val2) {
+    if (isFunction(val1) && isFunction(val2)) {
       return val1 === val2 || val1.toString() === val2.toString();
     }
   });

package/src/utils/pureNoFunc.js

@@ -1,9 +1,9 @@
 import { shouldUpdate } from "recompose";
-import _ from "lodash";
+import { isEqualWith, isFunction } from "lodash";
 
 const isEq = (o1, o2) => {
-  const isEq = _.isEqualWith(o1, o2, function (val1, val2) {
-    if (_.isFunction(val1) && _.isFunction(val2)) {
+  const isEq = isEqualWith(o1, o2, function (val1, val2) {
+    if (isFunction(val1) && isFunction(val2)) {
       return val1 === val2 || val1.toString() === val2.toString();
     }
   });

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",