@teselagen/ove 0.5.9 → 0.5.11

package/index.umd.js

@@ -99802,9 +99802,18 @@ ${latestSubscriptionCallbackError.current.stack}
     const handleLinkClick = /* @__PURE__ */ __name((e2) => {
       e2.target.closest(`.${POPOVER_DISMISS}`).click();
     }, "handleLinkClick");
-    return /* @__PURE__ */ React$2.createElement("li", { className: POPOVER_DISMISS, onClick }, /* @__PURE__ */ React$2.createElement(Link, { onClick: handleLinkClick, to: navTo, className: classNames$1(MENU_ITEM, {
-      [ACTIVE]: active2
-    }) }, icon && /* @__PURE__ */ React$2.createElement(Icon, { icon }), /* @__PURE__ */ React$2.createElement("div", { className: "bp3-text-overflow-ellipsis bp3-fill" }, text2)));
+    return /* @__PURE__ */ React$2.createElement("li", { className: POPOVER_DISMISS, onClick }, /* @__PURE__ */ React$2.createElement(
+      Link,
+      {
+        onClick: handleLinkClick,
+        to: navTo,
+        className: classNames$1(MENU_ITEM, {
+          [ACTIVE]: active2
+        })
+      },
+      icon && /* @__PURE__ */ React$2.createElement(Icon, { icon }),
+      /* @__PURE__ */ React$2.createElement("div", { className: "bp3-text-overflow-ellipsis bp3-fill" }, text2)
+    ));
   }
   __name(MenuItemLink, "MenuItemLink");
   const EnhancedMenuItem = compose(
@@ -149276,7 +149285,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
   }
   __name(showFileDialog, "showFileDialog");
   const name = "@teselagen/ove";
-  const version = "0.5.8";
+  const version = "0.5.10";
   const main = "./src/index.js";
   const type = "module";
   const exports$1 = {
@@ -168608,9 +168617,10 @@ ${seqDataToCopy}\r
   }
   __name(ToolBar, "ToolBar");
   const CloseFullscreenButton = /* @__PURE__ */ __name((props) => {
-    return /* @__PURE__ */ React$2.createElement(Tooltip, { content: "Close Fullscreen Mode" }, /* @__PURE__ */ React$2.createElement(
+    return /* @__PURE__ */ React$2.createElement(
       Button,
       {
+        "data-tip": "Close Fullscreen Mode",
         minimal: true,
         style: {
           marginTop: 2,
@@ -168620,7 +168630,7 @@ ${seqDataToCopy}\r
         className: "ve-close-fullscreen-button",
         icon: "minimize"
       }
-    ));
+    );
   }, "CloseFullscreenButton");
   const defaultToolList = [
     "saveTool",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ove",
-  "version": "0.5.9",
+  "version": "0.5.11",
   "main": "./src/index.js",
   "exports": {
     ".": {
@@ -12,7 +12,7 @@
   "dependencies": {
     "@teselagen/sequence-utils": "0.3.24",
     "@teselagen/range-utils": "0.3.7",
-    "@teselagen/ui": "0.4.6",
+    "@teselagen/ui": "0.4.7",
     "@teselagen/file-utils": "0.3.16",
     "@teselagen/bounce-loader": "0.3.11",
     "@teselagen/bio-parsers": "0.4.18",

package/src/ToolBar/index.js

@@ -198,8 +198,8 @@ export function ToolBar(props) {
 }
 const CloseFullscreenButton = props => {
   return (
-    <Tooltip content="Close Fullscreen Mode">
       <Button
+        data-tip="Close Fullscreen Mode"
         minimal
         style={{
           marginTop: 2,
@@ -209,7 +209,6 @@ const CloseFullscreenButton = props => {
         className="ve-close-fullscreen-button"
         icon="minimize"
       />
-    </Tooltip>
   );
 };
 

package/style.css

@@ -9064,7 +9064,12 @@ button:not(:disabled):active {
 .bp3-dialog-header .bp3-heading {
   width: 10px; /* tnw: this is a hack to prevent the dialog title from causing the dialog width to expand larger than the dialog content*/
 }
-.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.rg-celleditor-input,
+
+/* to fix tooltip styling issue - https://github.com/palantir/blueprint/issues/3430 */
+.bp3-popover[style*="transform-origin"][style*="bottom"] .bp3-popover-arrow { transform: translate(0, -.5px); }
+.bp3-popover[style*="transform-origin"][style*="left"] .bp3-popover-arrow { transform: translate(.5px, 0); }
+.bp3-popover[style*="transform-origin"][style*="top"] .bp3-popover-arrow { transform: translate(0, .5px); }
+.bp3-popover[style*="transform-origin"][style*="right"] .bp3-popover-arrow { transform: translate(-.5px, 0); }.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.rg-celleditor-input,
 .rg-celleditor input {
   border: none;
 }